@media (min-width: 1400px){
    header.site-header .container{max-width: 95%}
}


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


@media (max-width: 1200px){
    .container{max-width: 95%;}
    .main-navigation a{padding: 15px;font-size: 15px;}
    .custom-logo-link img{max-height: 55px;}
    .site-header #slide{height: 400px}
    .navigation-top{padding: 20px 0;}
    #banda{padding-top: 40px}
    #banda::before{right: 72%;}
}


@media (max-width: 992px){
    #banda{padding-top: 20px; text-align: center}
    #banda ul{display: table; margin: 10px auto}
    #banda li{text-align: left;}
    #banda .wp-block-columns,
    #banda .wp-block-columns .wp-block-column{display: block; margin: 0;}
    #banda::before{display: none}
    #banda .wp-block-columns .wp-block-column:first-child h2,
    #banda .wp-block-columns .wp-block-column:first-child h3{color: #ff9400}
    #banda figure.wp-block-image{display: none;}
    #banda .box-blue-section{width: 100%; left: 0; margin: 0;  padding: 0; text-align: center}
    #banda .box-blue-section>.wp-block-column{padding: 10px}
    #banda .box-blue-section>.wp-block-column h3{padding-top: 0;}
}


@media (max-width: 768px){
    .navigation-top{padding: 20px 0}
    .custom-logo-link img{max-height: 50px;}
    .site-header #slide{height: 250px}
    #site-navigation .menu-toggle{font-size: 27px;padding: 0;margin: 0;outline: none;color: #4974af;background: none;}
    #top-menu{position: absolute;left: 0;top: 100%;z-index: 999;width: 100%;}
    #top-menu li{float: none;}
    #top-menu li a{text-align: center;padding: 10px;margin: 0;}
    .main-navigation .central-link a::before{display: none}
    #beneficios .wp-block-columns,
    #beneficios .wp-block-columns  .wp-block-column,
    #mapa .wp-block-columns,
    #mapa .wp-block-columns  .wp-block-column{display: block; margin: 0; text-align: center}
    #dicas .img-cover{display: none}
    .site-footer {text-align: center}
    .social-navigation ul{display: table; margin: 20px auto 0}
    .site-footer .contatos .widget{float: none; width: 100%; text-align: center}
    #dicas .container::before{display: none}
    #beneficios h2 strong{display: block;}
    #mapa .conteudo .img{display: none;}
}


@media (max-width: 600px){
    #intro .planos{margin: 20px}
    .site-header #slide{height: 150px}
}


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