Toggle Nav
My Cart
@media (max-width: 1200px) { section.s-what .container .heading::before, section.s-what .container .heading::after, section.s-what .call-to-action:before, section.s-what .call-to-action:after { max-width: 200px; } section.s-what main.main-what { padding: 100px 0; flex-direction: column; } section.s-what main.main-what .image-about { order: 1; max-width: 70%; } section.s-what main.main-what .itens-what { order: 2; flex-wrap: wrap; max-width: 90%; display: flex; justify-content: space-between; } section.s-what main.main-what .itens-what .box-itens { margin-bottom: 0; max-width: 400px; margin-top: 60px; } section.s-what main.main-what .itens-what .box-itens .content-itens p { font-size: 14px; line-height: 22px; } section.s-information .container { justify-content: space-around; } section.s-information .news { max-width: 450px; } section.s-carbon .container .image-world img { width: 100%; height: auto; } section.s-carbon .container .image-world { margin-right: 10px; display: flex; max-width: 410px; } section.s-carbon .container .content-inner-carbon { max-width: 350px; } section.s-carbon .container .content-carbon i.icon-pantree { margin-right: 15px; margin-top: 14px; } section.s-carbon .container .content-carbon .content-inner-carbon p { font-size: 14px; } footer .main-footer .container { justify-content: space-around; } section.s-shop-small .container h2 strong { display: initial; } section.s-shop-small .container h2 { font-size: 35px; } section.s-shop-small .container, section.s-mosaic-categ .container, section.s-products .container, section.s-itens-category .container, section.s-insta .container, section.s-deps .container { max-width: 95%; } section.s-shop-small .container .content-shop img { width: 2rem; } section.s-shop-small .container .content-shop { max-width: 40%; width: 100%; } .container-fluid-1200 { max-width: 100% !important; width: 100%; padding: 0; margin: 0; } section.s-mosaic-categ .container { gap: 17px 1.66666666%; } section.s-mosaic-categ .heading-mosaic .container h2 { font-size: 42px; max-width: 100%; text-align: center; } section.s-mosaic-categ .heading-mosaic .container .call-to-action { margin: 0 auto; } section.s-itens-category .container .box-itens { height: 140px; } section.s-itens-category .container .box-itens h3 { font-size: 14px; text-align: center; } section.s-itens-category .container .box-itens .image-item { width: 40px; height: 40px; } section.s-vendors { margin-bottom: 100px; } } @media (max-width: 991px) { section.s-what .call-to-action:before, section.s-what .call-to-action:after { max-width: 140px; } section.s-what .container .heading::before, section.s-what .container .heading::after { display: none; } section.s-what .container .heading h2 { font-size: 35px; } section.s-what .container .heading p { font-size: 16px; } section.s-what main.main-what .itens-what .box-itens { margin-bottom: 0; max-width: 90%; margin-top: 60px; margin: 50px auto 0; } section.s-what main.main-what { padding: 60px 0; flex-direction: column; } section.s-information { padding: 20px 0 80px; } section.s-information .container { flex-direction: column; align-items: center; } section.s-information .container .social { margin-bottom: 60px; } section.s-information .news { max-width: 65%; } section.s-information .news h3 { text-align: center; } section.s-information .news p { text-align: center; } section.s-bar-simple .container h1 { font-size: 23px; } section.s-shop-small .container h2 { font-size: 25px; } section.s-shop-small .container p { max-width: 100%; font-size: 14px; } section.s-mosaic-categ .heading-mosaic .container h2 { font-size: 30px; max-width: 100%; text-align: center; width: 100%; } section.s-products .heading-prod h2 { font-size: 30px; } .main-products .slick-arrow { top: -68px; width: 40px; height: 40px; } .main-products .slick-arrow.slick-prev { right: 50px; } .main-vendors .slick-list { margin: 0; } section.s-vendors .container { padding: 0; } section.s-vendors { height: 600px; margin-bottom: 100px; } section.s-vendors .container .heading-vendors h2 { font-size: 30px; } section.s-vendors .container .heading-vendors img { max-width: 120px; margin-bottom: 10px; } section.s-deps .container .main-deps .box-deps p { font-size: 16px; } section.s-deps .container .main-deps .box-deps h4 { font-size: 18px; } section.s-deps .container .heading-deps h2 { font-size: 30px; } } @media (max-width: 768px) { section.s-what { padding: 60px 0; border-bottom: 1px solid #ebebeb; border-top: 1px solid #ebebeb; } section.s-what .call-to-action:before, section.s-what .call-to-action:after { display: none; } section.s-what main.main-what .image-about { order: 1; max-width: 90%; } section.s-what .call-to-action .bt-pantree { max-width: 250px; } section.s-information { padding: 60px 0; } section.s-information .container .social { margin-bottom: 40px; } section.s-information .news p { text-align: center; max-width: 320px; width: 100%; margin: 13px auto 0; } section.s-carbon { padding: 60px 0 0; } section.s-carbon .container { flex-direction: column; } section.s-carbon .container .image-world { order: 2; max-width: 80%; width: 100%; } section.s-carbon .container .content-carbon i.icon-pantree { margin-right: 0; margin-top: 0; } section.s-carbon .container .content-carbon { display: flex; flex-direction: column; text-align: center; margin-bottom: 50px; } section.s-carbon .container .content-inner-carbon { max-width: 100%; text-align: center; } section.s-carbon .container .content-carbon .content-inner-carbon p { font-size: 18px; } footer .main-footer { padding: 40px; } footer .main-footer .container { flex-wrap: wrap; justify-content: space-between; } footer .main-footer .container .colunm-foot { width: 40%; margin-bottom: 60px; } footer .main-footer .container .colunm-foot:last-child { margin-bottom: 0; } section.s-bar-simple { display: none; } section.s-shop-small .container { max-width: 100%; flex-direction: column; padding: 0; } section.s-shop-small .container .content-shop { max-width: 100%; width: 100%; } section.s-shop-small .container h2 { font-size: 30px; text-align: center; } section.s-shop-small .container h2 strong { display: block; } section.s-shop-small .container p { max-width: 460px; width: 100%; font-size: 14px; text-align: center; margin: 20px auto; } section.s-shop-small .container .content-shop img { width: 2rem; margin: 0 auto; display: block; } section.s-shop-small { padding: 50px 0; } section.s-shop-small .container .image-shop { max-width: 100%; width: 100%; border-top: 1px solid #dab087; margin-top: 20px; } section.s-shop-small .container .image-shop img { width: 60%; margin: 0 auto; display: inherit; } section.s-mosaic-categ .heading-mosaic { order: 2; margin: 0; } section.s-mosaic-categ { display: flex; flex-direction: column; } section.s-mosaic-categ .heading-mosaic .container h2 { display: none; } section.s-mosaic-categ .heading-mosaic .container .call-to-action, section.s-mosaic-categ .heading-mosaic .container .call-to-action a { text-align: center; max-width: 100%; width: 100%; } section.s-mosaic-categ .heading-mosaic .container .call-to-action { margin-top: 10px; } section.s-mosaic-categ .container .feat-cover, section.s-mosaic-categ .container .square-cover { max-width: 49.1666666%; height: 230px; } section.s-mosaic-categ .container { gap: 10px 1.66666666%; } section.s-itens-category .container .box-itens { max-width: 24%; } section.s-itens-category .container .box-itens { height: 160px; } section.s-itens-category .container .box-itens:nth-child(1) { order: 1; } section.s-itens-category .container .box-itens:nth-child(2) { order: 2; } section.s-itens-category .container .box-itens:nth-child(3) { order: 3; } section.s-itens-category .container .box-itens:nth-child(4) { order: 4; } section.s-itens-category .container .box-itens:nth-child(5) { order: 6; } section.s-itens-category .container .box-itens:nth-child(6) { order: 5; } section.s-itens-category .container .box-itens:nth-child(7) { order: 7; } section.s-itens-category .container .box-itens:nth-child(8) { order: 8; } section.s-itens-category .container .box-itens:nth-child(9) { order: 10; } section.s-itens-category .container .box-itens:nth-child(10) { order: 9; } section.s-itens-category .container .box-itens:nth-child(11) { order: 12; } section.s-itens-category .container .box-itens:nth-child(12) { order: 11; } section.s-insta .container .heading-insta h2, section.s-insta .container .heading-insta h3 { font-size: 25px; } section.s-deps .container .main-deps { flex-direction: column; } section.s-deps .container .main-deps .box-deps { max-width: 100%; margin-bottom: 30px; border-bottom: 1px solid #f0f1ec; padding-bottom: 30px; } section.s-deps .container .main-deps .box-deps:last-child { margin: 0; padding: 0; border: 0; } section.s-deps { padding: 50px 0 30px; } } @media (max-width: 600px) { section.s-information .news { max-width: 90%; } section.s-vendors { height: 500px; margin-bottom: 150px; } section.s-itens-category .container .box-itens { max-width: 32%; } section.s-itens-category .container .box-itens:nth-child(1) { order: 1; } section.s-itens-category .container .box-itens:nth-child(2) { order: 2; } section.s-itens-category .container .box-itens:nth-child(3) { order: 3; } section.s-itens-category .container .box-itens:nth-child(4) { order: 4; } section.s-itens-category .container .box-itens:nth-child(5) { order: 4; } section.s-itens-category .container .box-itens:nth-child(6) { order: 5; } section.s-itens-category .container .box-itens:nth-child(7) { order: 8; } section.s-itens-category .container .box-itens:nth-child(8) { order: 7; } section.s-itens-category .container .box-itens:nth-child(9) { order: 10; } section.s-itens-category .container .box-itens:nth-child(10) { order: 9; } section.s-itens-category .container .box-itens:nth-child(11) { order: 12; } section.s-itens-category .container .box-itens:nth-child(12) { order: 11; } section.s-insta .container .heading-insta h2, section.s-insta .container .heading-insta h3 { font-size: 18px; } } @media (max-width: 480px) { section.s-what { padding: 30px 5px; } section.s-what .container .heading h2 { font-size: 30px; } section.s-what .container .heading p { font-size: 14px; max-width: 280px; margin: 0 auto; line-height: 20px; } section.s-what main.main-what { padding: 40px 0; } section.s-what main.main-what .image-about { order: 1; max-width: 100%; } section.s-what main.main-what .itens-what { max-width: 100%; } section.s-what main.main-what .itens-what .box-itens { max-width: 95%; } section.s-what main.main-what .itens-what .box-itens .content-itens h3 { font-size: 16px; } section.s-what main.main-what .itens-what .box-itens .content-itens p { font-size: 14px; line-height: 20px; } section.s-what main.main-what .itens-what .box-itens i.icons-itens { margin-right: 18px; } section.s-what .call-to-action .bt-pantree { margin: 0; padding: 12px 0; font-size: 12px; } section.s-what .call-to-action .bt-pantree.bt-red { margin-right: 2.5px; } section.s-what .call-to-action .bt-pantree.bt-blue { margin-left: 2.5px; } section.s-information { padding: 40px 0; } section.s-information .container .social h3 { font-size: 17px; } section.s-information .container .social i.icon-arrow img { width: 100%; } section.s-information .container .social i.icon-arrow { margin: 0 20px; width: 16px; } section.s-information .container .social nav.social-links ul li a { width: 32px; height: 32px; } section.s-information .container .social nav.social-links ul li a img { width: 14px; } section.s-information .news { max-width: 100%; } section.s-information .news h3 { font-size: 20px; margin: 0 0 10px; } section.s-information .news form .group-form input { font-size: 14px; height: 55px; } section.s-information .news form .group-form button.bt-form-pantree span { font-size: 14px; } section.s-information .news form .group-form button.bt-form-pantree img { width: 16px; } section.s-information .news p { max-width: 290px; margin: 10px auto 0; font-size: 12px; } section.s-carbon { padding: 40px 0 0; } section.s-carbon .container .image-world { max-width: 100%; width: 100%; margin: 0; height: auto; } section.s-carbon .container .image-world img { height: 154px; width: auto; margin: 0 auto; } section.s-carbon .container .content-carbon .content-inner-carbon h2 { font-size: 20px; max-width: 230px; margin: 10px auto; } section.s-carbon .container .content-carbon .content-inner-carbon p { font-size: 13px; } section.s-carbon .container .content-carbon i.icon-pantree img { width: 30px; } footer .main-footer { padding: 30px 5px; } footer .main-footer .container .colunm-foot { width: 49%; margin-bottom: 40px; } footer .main-footer .container .colunm-foot h3 { font-size: 15px; margin: 0 0 20px; } footer .main-footer .container .colunm-foot .list-links-foot li { margin: 0 0 15px; } footer .main-footer .container .colunm-foot .list-links-foot li a { font-size: 13px; } footer .copy p { font-size: 12px; } footer .copy { padding: 20px 0; } section.s-shop-small .container h2 { font-size: 25px; } section.s-shop-small .container p { width: 80%; margin: 0 auto; } section.s-shop-small .container .image-shop img { width: 70%; } section.s-shop-small { padding: 30px 0 0; } .slide-bals .slide-inner-bals .ball { width: 50px; height: 50px; } .slide-bals .slide-inner-bals .ball img { width: 25px; } .slide-bals .slide-inner-bals h3 { font-size: 13px; max-width: 70px; } .slide-bals { margin-top: 30px; } section.s-shop-small .container .call-to-action { display: block; margin: 30px 0 0; } section.s-shop-small .container .call-to-action a { max-width: 90%; } section.s-mosaic-categ .container { gap: 10px 3%; } section.s-mosaic-categ .container .feat-cover, section.s-mosaic-categ .container .square-cover { height: 170px; max-width: 48.5%; } section.s-mosaic-categ .container .cover-mosaic h3 { font-size: 14px; } section.s-mosaic-categ .container .cover-mosaic a { font-size: 12px; } section.s-mosaic-categ .container .cover-mosaic { background-position: 50% 10px; background-repeat: no-repeat; } section.s-mosaic-categ { padding: 30px 0; } .main-products .slide-prod { margin: 0 5px; } .main-products .slick-list { margin: 0 -5px; } section.s-products { padding: 30px 0; } .caption-thumb a { font-size: 14px; } .caption-thumb .price { font-size: 16px; } section.s-products .heading-prod h2 { font-size: 25px; } .main-products .slick-arrow { top: -66px; } section.s-banner { height: 250px; } section.s-vendors .container .heading-vendors h2 { font-size: 25px; } section.s-vendors .container .heading-vendors img { max-width: 90px; margin: 5px 0; } .main-vendors .box-vendors .caption-vendor { padding: 20px; } .main-vendors .box-vendors { margin: 25px 5px 40px; } .main-vendors .box-vendors .caption-vendor h3 { font-size: 16px; } .main-vendors .box-vendors .caption-vendor h5 { font-size: 14px; } .main-vendors .box-vendors .caption-vendor .call-to-action a { max-width: 100%; width: 100%; padding: 10px 0; } .main-vendors .box-vendors .caption-vendor p { font-size: 12px; } section.s-vendors { height: 400px; margin-bottom: 180px; } section.s-itens-category .container .box-itens { max-width: 100%; height: 50px; flex-direction: row; justify-content: flex-start; align-items: center; padding: 0 10px; } section.s-itens-category .container .box-itens .image-item { margin-bottom: 0; width: 30px; height: 30px; margin-right: 10px; } section.s-itens-category { padding: 10px 0 30px; } section.s-itens-category .container .box-itens:before { content: ""; background-image: url(../img/icons/arrow-white-right.svg); width: 25px; height: 12px; background-position: 50%; background-size: cover; position: absolute; z-index: 9; right: 15px; } section.s-insta .container .heading-insta h2, section.s-insta .container .heading-insta h3 { font-size: 16px; } section.s-insta { padding: 30px 0; } section.s-deps .container .main-deps .box-deps p { font-size: 14px; min-height: auto; line-height: 150%; } section.s-deps .container .main-deps .box-deps h4 { font-size: 16px; } section.s-deps { padding: 30px 0; } section.s-deps .call-to-action a { max-width: 100%; width: 100%; margin-top: 30px; } section.s-itens-category .container .heading-prod { text-align: center; width: 100%; } } @media (max-width: 320px) { section.s-itens-category { padding: 30px 0 50px; } }