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


@media (max-width: 1360px){
    #planos_empresariais img{left: -15%;}
    header .container{max-width: 95%}
    .custom-logo-link img{max-height: 55px}

    #slide .carousel-control-prev{left: -0px}
    #slide .carousel-control-next{right: -0px}
}


@media (max-width: 1200px){
    .container{max-width: 90%}
    .custom-logo-link img{max-height: 50px;}
    .main-navigation .menu-top-menu-container a{font-size: 12px;padding-left: 1.5em;padding-right: 1.5em;}
    .navigation-top #site-navigation .menu-cta-topo-container #actions li a{font-size: 14px;line-height: 18px;padding: 8px 0;}
    #vuptelecom{padding: 40px 0;}
    #vuptelecom p{margin: 0;}
    #planos .planos h2{font-size:20px}
    #planos .planos h2 strong{font-size: 16px}
    #planos_telefonia img{left: -20%;}
    .site-footer {text-align: center}
    .site-footer img{max-width: 200px !important;display: table;margin: 20px auto;}
    .site-footer a{float: none !important;}
    #site-navigation{padding: 0;}
    .navigation-top #site-navigation .menu-cta-topo-container{}
    .navigation-top #site-navigation .menu-cta-topo-container #actions li a{
    width: 105px;
    margin: 0 0 0 3px;
    font-size: 12px;
    line-height: 14px;
    padding: 10px 0;
}
#planos .img{display: none}
}


@media (max-width: 992px){
    .navigation-top .container{
    }
    .navigation-top{
}
    .custom-logo-link{padding: 0 20px 0 0;}
    .navigation-top #site-navigation .menu-cta-topo-container #actions li a{padding: 10px 0}
    .main-navigation .menu-top-menu-container a{padding: 1.7em 1em;margin: 0;}
    #slide{height: 350px;padding: 0;}
    #combo img{width: 110%;max-width: 110%;right: -10%;}
    #planos_telefonia img{left: -32%;}
    #planos_empresariais img{left: -46%;}
    #vuptelecom{}
    .navigation-top #site-navigation .menu-cta-topo-container #actions li a{display: inline-block;padding: 10px 15px;width: auto;line-height: 13px;-webkit-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px;}
    .custom-logo-link img{max-height: 40px}
    header .container{max-width: 95%; padding: 0;}
    .container{max-width: 95%;}
    #slide .container{max-width: 100%;}
    .navigation-top nav{margin: 0;}

    #planos img{max-width: 70%;}
    #planos_empresariais{text-align: center}
    #planos_empresariais .ctas{display: block;}
    #planos_empresariais .ctas a{margin: 0;}
    #planos_empresariais{background: url('../images/bg/bg-telefonia-responsivo.jpg') no-repeat center;background-size: cover;padding: 40px 0}
    #planos_empresariais h2{padding: 0}

    #fale-conosco img{display: none}

    #vantagens{padding-bottom: 0;}
    #fale-conosco h2{text-align: center;display: block;margin: 0 auto 20px; line-height: 20px; font-size: 22px}
    #fale-conosco h2 br, #planos h2 br, #vantagens h2 br, #fale-conosco h2 br{display: none;}
    #fale-conosco h2 br::after, #planos h2 br::after, #vantagens h2 br::after, #fale-conosco h2 br::after{content: ' '}
    .main-navigation .menu-top-menu-container .telefone{height: 60px;}
    #slide .carousel-control-prev, #slide .carousel-control-next{top: 190px;width: 25px;height: 25px;}
    .carousel-control-next-icon, .carousel-control-prev-icon{width: 15px; height: 15px}
    #slide .carousel-control-prev{left: 10px}
    #slide .carousel-control-next{right: 10px}
    #intro .black-block h2{font-size: 20px}
}


@media (max-width: 768px){
    .page-template-planos-tv .header .intro-img img{max-width: 90%;}
    .navigation-top{position: static;}
    .navigation-top button.menu-toggle,
    .navigation-top button.menu-toggle:hover,
    .navigation-top button.menu-toggle:focus{background: none;border: none;outline: none;color: #ffff;font-size: 25px;margin: 0;padding: 0;position: absolute;top: -56px;left: 15px;}
    .navigation-top, .navigation-top.fixed{display: block;}
    .menu-actions{display: none}
    .menu-toggle{color: #fff;font-size: 20px;padding: 5px;background: none !important;}
    .custom-logo-link{margin: 0;max-height: 40px;padding-top: 20px;}
    #site-navigation{}
    .navigation-top #top-menu,
    .navigation-top #actions{background: #ad1111;border: none;text-align: center;}
    .navigation-top #top-menu li,
    .navigation-top #site-navigation .menu-cta-topo-container #actions li{border: none; display: block; float: none; width: 100%}
    .navigation-top #site-navigation .menu-cta-topo-container #actions li {max-width: 90% !important; padding: 5px 0}
    .navigation-top #site-navigation .menu-cta-topo-container #actions li a{width: 100%;padding: 1em 0;display: block;}
    .navigation-top #site-navigation .menu-cta-topo-container #actions li a strong{display: initial; margin-left: 5px;}
    #slide{height: 300px}
    #vuptelecom .img,
    #vuptelecom::before,
    #combo img,
    #planos img,
    #planos_telefonia img,
    #planos_empresariais img{display: none;}
    #combo{background: #003454}
    #planos{margin: 0; padding: 50px 0}
    #planos h2, #vantagens h2, #fale-conosco h2{padding-top: 0;font-size: 20px;line-height: 25px;text-align: center;}
    #planos_telefonia{background: #fff;  padding: 0;}
    #planos h2 strong, #vantagens h2 strong, #fale-conosco h2 strong{display: block;}
    #planos_empresariais{background: #ffffff;}
    #planos_empresariais h2{padding-top: 40px}
    #planos_empresariais .ctas{display: block;}
    #planos_empresariais .ctas a{margin: 10px 0}
    #vantagens ul li, #vantagens ul li:last-child a{height: 110px;display: block;}
    #vantagens ul li img,
    #vantagens ul li:last-child a::before,
    #fale-conosco img{display: none}
    #vantagens ul li:last-child a{padding-left: 15px 15px 15px 50px;  height: auto;}
    .custom-logo-link img {max-height: 40px;margin: 0 auto;}
    #vuptelecom { margin-top: 0px;}
    #vuptelecom {text-align: center}
    #vuptelecom h2{font-size: 20px; line-height: 24px}
    #duvidas{padding-top: 10px;}
    #duvidas .wp-block-columns, #duvidas .wp-block-column{display: block; margin: 0;}
    #duvidas .wp-block-column:first-child{display: none;}
    .dropdown-toggle::after{display: none}
    .navigation-top #site-navigation .menu-cta-topo-container #actions li{max-width: 200px; margin: 0 auto;}
    .navigation-top .menu-item-has-children .icon{color: #fff;}
    .navigation-top .menu-item-has-children .sub-menu{display: block;background: #501a1a26;text-align: center;padding: 0;}
    .navigation-top a{display: table;margin: 0 auto;padding: 0;}
    .main-navigation .menu-top-menu-container a{padding: 6px;}
    #vantagens ul{column-count: 1;}
    #vantagens ul li, #vantagens ul li:last-child a{height: auto;padding: 12px 12px 12px 50px;-webkit-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px;margin: 0 0 10px;}
    .main-navigation .menu-top-menu-container .telefone{display: none}
    .wp-block-columns, .wp-block-column{display: block; margin: 0 !important; padding: 0;}
    #planos_empresariais{padding-bottom: 0;}
    #intro .black-block img{display: none;}
    #intro .container{max-width: 100%;}
    #intro .black-block{margin: 0 0 50px !important}
    #masthead .sub-menu{display: block}
    .topo .toggled-on #actions{display: table; margin: 0 auto; padding-bottom: 20px;}
    .topo #actions a{background-color: #f16935;
        font-size: 14px;
        margin: 0 5px;
        text-align: center;
        line-height: 14px;
        font-weight: 400;
        color: #fff;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
        display: block;
        align-items: center;
        justify-content: center;
        padding: 15px 30px;
        margin-top: 5px;
        text-transform: uppercase;
        
    }

    section#canais h3, section#canais p{width: 100%;}
    section#canais p{
    flex-flow: wrap;
}
.plano-tv-1 .wp-block-columns .wp-block-column h3, .plano-tv-1 .wp-block-columns .wp-block-column h4{text-align: center;}
.plano-tv-1 .wp-block-columns .wp-block-column img{margin: 0 auto; display: table;}
section#combo-tv .carousel-control-prev{left: -20px}
section#combo-tv .carousel-control-next{right: -20px}
}


@media (max-width: 600px){
    .container{padding: 0; max-width: 95%}
    .carousel-control-next{display: none;}
    #vantagens ul{ column-count: 1;}
    #vantagens ul li, #vantagens ul li:last-child a{height: auto}
    .custom-logo-link img{max-height: 55px}
    .custom-logo-link{margin: 5px 0;}
    #slide{height: auto}
    #slide .carousel-control-prev, #slide .carousel-control-next{display: none}
}


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