@media (min-width: 1400px){
}


@media (max-width: 1360px){
}


@media (max-width: 1200px){
    .main-navigation #top-menu a{font-size: 14px;padding: 15px 6px;margin: 0 8px;color: #000;text-align: center;}
}


@media (max-width: 992px){
	.container{max-width: 95%}
	.custom-header-media{top: 200px}
    .custom-logo-link img{max-height: 80px;}
    #intro{padding: 40px 0; margin: 0; background: #eee}
    .navigation-top .menu-topo-do-menu-container{display: none;}
    .menu-topo-do-menu-container{position: absolute;bottom: 0;width: 100%;z-index: 9;background: #f00;display: flex;align-items: center;justify-content: center;padding: 10px 0 15px;}
    .main-navigation > div > ul{border: none; padding-top: 18px}
    .menu-topo-do-menu-container ul{margin: 0;}
    .menu-topo-do-menu-container li.cta{margin: 10px 0;}
    .menu-topo-do-menu-container li.cta a{padding:10px 20px; }
    .menu-topo-do-menu-container li.phone a{color: #fff}
    .menu-topo-do-menu-container li.phone a strong{font-size: 14px; line-height: 14px}
    #intro .wp-block-column .wp-block-advgb-button .wp-block-advgb-button_link{padding: 5px;}
    #intro .wp-block-column{padding: 30px 15px}
    #intro .wp-block-column p{font-size: 14px; line-height: 16px}
    #oquefazemos{padding: 40px 0}
    #blog h2, #clientes h2{font-size: 23px; line-height: 30px; margin: 0 0 20px}
    #blog h2 br{content: ' '; margin: 2.5px}
    #blog .content h2{ font-size: 18px; line-height:20px}
    #blog {padding: 50px 0}
    #clientes{text-align: center; padding: 40px 0;}
    #clientes .wp-block-columns,
    #clientes .wp-block-column{margin: 0;padding: 0;display: block;}
    .site-footer .lista-flex{display: block;}
    .site-footer .lista-flex li .custom-logo-link,
    .site-footer .lista-flex li .social-navigation,
    .site-footer .lista-flex li .menu-top-menu-container{display: table; padding: 0; margin: 20px auto;}
    .site-footer .lista-flex li .social-navigation li a{padding: 0;margin: 0 5px;}
}


@media (max-width: 768px){
	.custom-logo-link img{max-height: 70px;}
	.custom-logo-link{position: absolute;left: 50%;padding: 0;margin-left: -34.5px;}
	.main-navigation{float: none;}
	.menu-top-menu-container{position: absolute; width: 100%; left: 0; z-index: 999}
	.menu-toggle{background: none !important;color: #fff;font-size: 25px;padding: 10px;outline: none !important;}
	#top-menu{padding-top: 0;}
	.custom-header-media h2{font-size: 18px; line-height: 30px}
	.custom-header-media h2 strong{font-size: 35px;}
	.custom-header-media .wp-block-advgb-button .wp-block-advgb-button_link{padding: 10px 25px; font-size: 14px}
	#intro .wp-block-columns{display: block}
	#intro .wp-block-columns .wp-block-column{float: left; width: 50%; height: 170px}
	#oquefazemos h2{font-size: 30px; padding-top: 40px;}
	#oquefazemos .wp-block-image{display: none;}
	#oquefazemos .wp-block-columns,
	#oquefazemos .wp-block-columns .wp-block-column{display: block;margin: 0;padding: 0;text-align: center;}
	.site-footer .lista-flex{display:none}
	.site-footer{padding-top: 0}
	#slide{height: 530px}
	body:not(.home) .site-header .navigation-top{padding: 10px; height: 100px;}
	body:not(.home) .site-header .menu-toggle{color: #000;}
}


@media (max-width: 600px){
	.menu-topo-do-menu-container li.cta a{font-size: 14px; padding: 10px 15px}
	.menu-topo-do-menu-container li.phone a{font-size: 12px; padding: 15px 10px; background: none; text-align: center}
	.menu-topo-do-menu-container li.phone a strong{font-size: 12px}
	.menu-topo-do-menu-container{padding: 5px 0}

}


@media (max-width: 500px){
}