@charset "UTF-8";

/* CSS - Tixci | Codificado por: Ueek Agência Digital | Ano: 2021 */

@media only screen and (max-width: 1600px) {

	#top .menu-desktop .container:last-child {padding: 25px 15px}

	#banner {padding-top: 175px}

	#banner .swiper-container .swiper-slide .container h2 {
	    font-size: 48px;
	    line-height: 39px;
	}

	#page-top {margin-top: 175px}


	#about-photos .swiper-container .swiper-slide {height: 440px}
	
}

@media only screen and (max-width: 1536px) {

	#about-photos .swiper-container {padding-left: 260px}
	
}

/* Notebooks */
@media only screen and (max-width: 1440px) {

	.part-side-content .part-side-image {width: 44%}

	.part-side-content .content {max-width: 50%}

	#advantages {padding: 60px 0}

	#products-header .promocional-banner .content h2 {
	    font-size: 46px;
	    line-height: 35px;
	}

	#contact #contato {top: -120px}

}

@media only screen and (max-width: 1366px) {

	#about-photos .swiper-container .swiper-slide {height: 360px}

	.header-logo{max-height: 40px;}

	#banner {padding-top: 160px}

	#page-top {margin-top: 160px; height: 130px;}

	#advantages .advantage-items {grid-gap: 100px}

}

@media only screen and (max-width: 1280px) {

	.container {max-width: 1140px}

	#banner .swiper-container .swiper-slide .container h2 {
	    font-size: 42px;
	    line-height: 33px;
	}

	#featured-products .container .list-featured-products .item {padding: 70px 10px 50px}

	.geral-title {
	    font-size: 34px;
	    line-height: 33px;
	}

	#products .product-list .product-item .product-body .product-image {height: 220px}

	#products .product-list .product-item .product-body .product-image:after {
	    height: 160px;
	    width: 160px;
	}

	#contact {padding: 50px 0 50px}

	#contact .container .content {width: 48%}

	#contact iframe {width: 47%}

	#products-header .promocional-banner {padding: 70px 100px}

	#products-header .promocional-banner .content h2 {
	    font-size: 42px;
	    line-height: 33px;
	}

	#product-details .content .product-picture {min-height: 330px}

	#product-details .content .product-picture .background .circle {
	    height: 190px;
	    width: 190px;
	}

	#contact #contato {top: -140px}

}

/* Tablets até 1200 */
@media only screen and (max-width: 1200px) {

	.container {max-width: 1070px}

	#advantages .advantage-items {grid-gap: 50px}

	#advantages {padding: 40px 0}



}

/* Tablets */
@media only screen and (max-width: 1024px) {

	.container {max-width: 90%}

	#featured-products .container .list-featured-products {
	    grid-template-columns: repeat(1,1fr);
	    top: -35px;
	    width: 100%;
	    position: relative;
	}

	#distributors .distributors-list .empty-products {
	    grid-column: span 1;
	}

	#featured-products .container .list-featured-products .item:before {width: 20%}

	.part-side-content {
	    display: flex;
	    flex-direction: column-reverse;
	    padding: 50px 0 0;
	    overflow: hidden;
	}

	.distributor-content{
		flex-direction: column;
		padding: 0;
	}

	.part-side-content .part-side-image {
		position: relative;
	    height: 400px;
	    right: -7%;
	    width: 93%;
	}

	.part-side-content .content {
	    max-width: 100%;
	    min-height: unset;
    	padding: 40px 0;
	}

	.distributor-content .content {
	    padding: 0 0 40px;
	}

	#advantages .advantage-items {
	    grid-template-columns: repeat(1,1fr);
	    grid-gap: 60px;
	}

	#products .product-list {
	    grid-template-columns: repeat(2,1fr);
	    grid-gap:40px 60px;
	}

	#products .product-list .product-item .product-body .product-image {height: 250px}

	#products .product-list .product-item .product-body .product-image:after {
	    left: 27%;
	    height: 180px;
	    top: 10%;
	    width: 180px;
	}

	#advantages {margin: 30px 0}

	#about-second-part {margin-top: 50px}

	#about-photos .swiper-container {
	    padding-left: 160px;
	    padding-right: 160px;
	}

	#bottom .footer-sub-itens .footer-sub-item:nth-child(2) {display: none}

	.geral-title {
	    font-size: 30px;
	    line-height: 31px;
	}

	#distributors .distributors-list {
	    grid-template-columns: repeat(1,1fr);
	    grid-gap: 60px;
	}

	#cookies-second-part{display: none;}

	.cookies-content{padding: 0 0 70px;}

	.cookies-content .part-side-image{display: none;}

	.cookies-content .content {padding: 0px}

	#about{padding: 0;}

	#about .content h3, #about .content h1{display: none;}

	#about .title-mobile{display: block; margin-bottom: 50px;}

}

/* Tablets Menores */
@media only screen and (max-width: 995px) {

	.menu-desktop{display: none;}

	#top #menu-mobile{display: flex;}

	#banner {
	    padding-top: 115px;
	}

	#page-top {margin-top: 115px; height: 110px;}

	#featured-products .container .list-featured-products .item:before {height: 60%}

	#contact {
	    padding: 0 0 70px;
	    display: flex;
	    flex-direction: column-reverse;
	}

	#contact .container .content {
	    width: 100%;
	    padding: 50px 0 0;
	}

	#contact iframe {
	    width: 100%;
	    position: relative;
	    height: 400px;
	}

	#products-header .promocional-banner {
	    padding: 70px 70px;
	}

	.distributor .content-desktop .geral-text{display: none;}

	#distributors .distributors-list .distributor .mobile-text{display: block;}

	#distributors .distributors-list .distributor .content-desktop {
	    align-items: center;
	    grid-template-columns: 20% 80%;
	    margin-bottom: 20px;
	}

	#distributors .distributors-list .distributor .content-desktop h2{margin-bottom: 0;}

}


@media only screen and (max-width: 768px) {

	#featured-products .container .list-featured-products .item:before {
	    left: 40%;
	    height: 60%;
	    width: 25%;
	}

	.geral-title {
	    font-size: 28px;
	    line-height: 31px;
	    margin-bottom: 25px;
	}

	#advantages {
	    padding: 60px 0;
	}

	#advantages + #products{padding-top: 50px;}

	#distributors .distributors-list .distributor .content-desktop {grid-gap: 30px}

	#bottom .footer-sub-itens .footer-sub-item ul {display: none}

	#bottom .footer-sub-itens .footer-sub-item {display: block}
	
}

/*Celulares*/
@media only screen and (max-width: 680px) {

	#products .product-list {
	    grid-template-columns: repeat(1,1fr);
	    grid-gap: 40px;
	}

	#products .product-list .product-item .product-body .product-image:after {left: 20%}

}

/** iPhone 6/7/8 Plus */
@media only screen and (max-width: 425px) {

	#banner {
	    padding-top: 95px;
	}

	#page-top {margin-top: 95px; height: 90px;}


	#top #menu-mobile .menu-cel{padding: 20px 30px 120px;}

	#banner .swiper-container .swiper-slide .container h2 {
	    font-size: 35px;
	    line-height: 28px;
	}

	#banner .swiper-container .swiper-slide .container {padding-bottom: 130px}

	#banner .banner-pagination {padding-bottom: 75px}

	#featured-products .container .list-featured-products .item {
	    padding: 50px 10px 50px;
	}

	#featured-products .container .list-featured-products .item img {
	    max-width: 35%;
	}

	#featured-products .container .list-featured-products .item:before {
	    left: 20%;
	    height: 180px;
	    width: 180px;
	}

	#bottom .footer-sub-itens .small-item .footer-link .iconify {
	    font-size: 13px;
	}

	#bottom .footer-sub-itens .small-item .footer-link {
	    font-size: 10px;
	    line-height: 28px;
	}

	#about-photos .swiper-container {
	    padding-left: 50px;
	    padding-right: 50px;
	}

	#products-header .promocional-banner {
	    padding: 170px 30px 30px;
	}

	#products-header .promocional-banner .content { width: 100%}

	#products-header .promocional-banner .content h3 {
	    font-size: 13px;
	    margin: 0px 0 15px;
	}

	#products-header .promocional-banner .content h2 {
	    font-size: 28px;
	    line-height: 18px;
	    margin-bottom: 10px;
	}

	#product-details .content {
	    grid-template-columns: 1fr;
	    grid-gap: 50px;
	}

	.geral-title {
	    font-size: 24px;
	    line-height: 28px;
	}

	#distributors .header {
	    display: block;
	    margin-bottom: 60px;
	}

	#distributors .header h2 {
	    margin-bottom: 30px;
	}

	#distributors .distributors-list .distributor .picture {
	    border-radius: 9999px;
	    height: 115px;
	    width: 115px;
	}

	#distributors .distributors-list .distributor .content-desktop {
	    grid-template-columns: 35% 55%;
	    grid-gap: 20px;
	}

	#distributors {margin-bottom: 10px}

	#distributor-form .input-group {
	    grid-template-columns: repeat(1,1fr);
	    grid-gap: 20px;
	}

	.geral-role {
	    font-size: 12px;
	}

	#top #menu-mobile{padding: 20px 0;}
	.col-logo img{ max-height: 50px;}

	#top #menu-mobile .menu-cel{top: 95px;}

	#contact #contato {
	    top: 330px;
	}

}

/** iPhone 6/7/8 **/
@media only screen and (max-width: 375px) {

	
	#distributors .distributors-list .distributor .picture {
	    border-radius: 9999px;
	    height: 95px;
	    width: 95px;
	}

	.container {
	    max-width: 95%;
	}


}

@media only screen and (max-width: 360px) {
	#bottom .footer-sub-itens .small-item .footer-link {
	    font-size: 9px;
	    line-height: 28px;
	}

}

/** iPhone 5 e SE **/
@media only screen and (max-width: 320px) {

	

}