@media (min-width: 1400px){
}
@media (max-width: 1360px){
}
@media (max-width: 1200px){
.container{max-width: 95%;}
.site-footer #parceiros .widget .textwidget p img{width: 100px;}
.site-footer #parceiros .widget h2{width: 150px; font-size: 20px; line-height: 20px;}
.site-footer #parceiros{padding: 20px 0}
.main-navigation #top-menu li a{font-size: 14px; padding: 17px 20px 15px;}
#slide{height: 300px;}
#destaque .dest{height: 150px;}
}
@media (max-width: 992px){
#produtos .row a .img{height: 200px}
.site-footer #parceiros .widget{display: block; text-align: center;}
.site-footer #parceiros .widget h2{margin: 0 auto}
.site-footer #parceiros .widget .textwidget{justify-content: center; display: flex;}
.site-footer #infos{text-align: center;padding-bottom: 20px;}
.site-footer #infos h2,
#atuacao .icones,
.main-navigation #top-menu li.menu-item-has-children a svg,
#slide .carousel-control-prev, #slide .carousel-control-next{display: none;}
.site-footer .widget{padding: 0 0 10px}
.site-footer .widget p{margin: 0 0 5px;}
.site-footer .site-info{padding: 20px 0;}
.site-footer #infos nav a{margin: 0 3px;}
#produtos{padding: 50px 0}
.custom-logo-link img{max-height: 30px}
#atuacao{background-attachment: inherit !important;padding: 40px 0;background-position: left !important;background-size: cover !important;}
.main-navigation #top-menu li a{font-size: 13px;padding: 13px 13px 10px;}
}
@media (max-width: 768px){
.search{display: none;}
.custom-logo-link{display: table;margin: 0 auto;padding: 25px 0;}
.navigation-top .tel{position: absolute;top: 0px;right: 15px;}
.navigation-top .top [class^="col"]{position: inherit}
.navigation-top .tel #menu-telefones>li>a{padding: 20px 30px 15px 28px;text-indent: -9999px;}
.main-navigation{position: absolute;right: 100%;top: 0;transform: translate3d(-1px, 0px, 0px);width: 232px;z-index: 22;height: 100vh;background: #025ea7; display: flex;align-items: center; padding-bottom: 100px}
.main-navigation.toggled-on {transform: translate3d(230px, 0px, 0px);}
.main-navigation .menu-toggle{position: absolute;right: -95px;top: 0px;padding: 25px;background: transparent !important;outline: none !important;}
.menu-toggle .icon-menu{
display: flex;
flex-direction: column;
justify-content: space-between;
width: 35px;
height: 19px;
transition: color 8ms ease 221ms;
}
.main-navigation.toggled-on .menu-toggle .icon-menu{
--text-opacity: 1;
color: #fff;
color: rgba(255,255,255,var(--text-opacity));
transition-delay: 173ms;
transition-duration: 13ms;
}
.menu-toggle .icon-menu>span{
display: block;
background-color: currentColor;
width: 100%;
height: 3px;
transition-property: transform,opacity;
transition-duration: .2s;
transition-timing-function: cubic-bezier(.215,.61,.355,1);
color: #27c799;
}
.main-navigation.toggled-on .menu-toggle .icon-menu>span:first-child {
transform: translate3d(0,8px,0) rotate(45deg);
}
.main-navigation.toggled-on .menu-toggle .icon-menu>span:nth-child(2) {
opacity: 0;
}
.main-navigation.toggled-on .menu-toggle .icon-menu>span:nth-child(3) {
transform: translate3d(0,-8px,0) rotate(-45deg);
width: 100%;
}
.menu-toggle .icon-menu>span:nth-child(3){width: 70%; margin-left: auto;}
.navigation-top .tel #menu-telefones>li>a::after{top: 30%;}
.main-navigation ul{background: transparent; border: none;}
.main-navigation #top-menu{display: block; border: none;}
#et-top-navigation .nav li.menu-item, .navigation-top .main-navigation li{display: block; border: none;}
.main-navigation ul li .dropdown-toggle, #site-navigation li>.sub-menu{display: none !important;}
.navigation-top .tel li .sub-menu{width: 200px;padding: 8px;}
.navigation-top .tel li .sub-menu a{padding: 7px 0;font-size: 10px;line-height: 19px;}
.navigation-top .tel li .sub-menu a span{font-size: 16px;}
#breadscrumb{display: none}
.page:not(.home) #content, body.archive #content #breadscrumb, body.blog #content, #produto-page, body.single #content{padding-top: 40px}
#produtos .controls{display: block; padding-top: 40px}
#produtos .controls button{
margin: 0 0 5px;
font-size: 10px;
text-transform: none;
padding: 10px;
}
body:not(.home) #produtos .row a .img{height: 200px}
#produto-page .img.main{height: 300px}
#produto-page h1{margin: 10px 0 }
.page:not(.home) #content .wpcf7{padding: 30px}
.page:not(.home) #content .content-area h3{text-transform: none; margin: 20px 0 10px; padding: 0 0 10px; font-size: 20px; line-height: 25px}
#produtos #depoimentos .carousel-control-prev,
#produtos #depoimentos .carousel-control-next,
#produtos::before, #produtos::after{display: none;}
}
@media (max-width: 600px){
#slide,#slide .carousel, #slide .carousel .carousel-inner, #slide .carousel .carousel-inner .carousel-item, #slide .carousel .carousel-inner .carousel-item .img{height: auto}
#slide .carousel .carousel-inner .carousel-item .img{margin: 0 -5%; }
#destaque{padding: 50px 0}
#destaque::before{width: 150px;}
#destaque::after{width: 200px;}
#destaque .row{margin: -3px}
#destaque [class^="col"]{padding: 3px}
#destaque .dest h3{padding: 10px; font-size: 15px; line-height: 18px;}
#destaque [class^="col"]:nth-child(2) .dest h3{bottom: auto; top: 0}
#destaque .dest{height: 110px;}
#slide .carousel-indicators{bottom: -50px}
#atuacao .conteudo h2{font-size: 26px;line-height: 26px;margin-bottom: 15px;}
#atuacao p{font-size: 14px;max-width: 200px;line-height: 20px;}
#produtos .row [class^="col"]{
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.site-footer .site-info p{font-size: 12px;}
#produtos #depoimentos .row [class^="col"]{
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
}
@media (max-width: 560px){
.container{max-width: 98%}
.main-navigation{width: 190px;}
.main-navigation #top-menu{padding: 10px}
.main-navigation.toggled-on {transform: translate3d(185px, 0px, 0px);}
.main-navigation #top-menu li a{padding: 7px 10px;}
.main-navigation .menu-toggle{right: -80px;}
.navigation-top .tel #menu-telefones>li>a::before{width: 30px; height: 30px; background-position: top -18px left -115px !important; background-size: 370px;}
#destaque .dest{height: 90px}
#destaque .row{margin: -1px}
#destaque [class^="col"]{padding: 1px}
#destaque .dest h3{font-size: 13px; line-height: 16px}
.navigation-top .tel #menu-telefones{max-width: 58px}
.navigation-top .tel li .sub-menu{z-index: 100}
}