/* X-Small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) { 
    .navbar-nav {
        margin: 0 !important;
        padding-top: 1rem;
    }

    .navbar-brand img { width: 170px; }

    .main-cover {
        height: 30vh !important;
    }

    .top-banner { height: auto !important; }
    .top-banner-left { height: auto !important; }
    .top-banner-left > div { padding: 1rem !important; }
    .top-banner-left .btn-info { display: none !important; }
    .top-banner-left img { margin-top: 0 !important; padding: 1rem !important; }

    .top-banner-right { height: auto !important; }

    .carousel { margin-bottom: 0 !important;}
    #carouselBanners .carousel-item { height: 9rem !important; background-color: #0e2648 !important; }

    #servicios .container { padding-left: 0!important; padding-right: 0!important; }
    #servicios .btn-cont { padding-left: 2rem!important; padding-right: 2rem!important; margin-bottom: 1rem !important; }
    #servicios .btn-cont .btn-cont-1st { padding: 0 !important; }
    #servicios .container .bottom { margin-top: 0 !important; }
    #servicios .container .row { width: 100% !important; margin: 0 !important; }
    #servicios .btn-service p { letter-spacing: .1rem !important }

    #planes .plan { background-size: cover !important; padding: 0 !important; }

    .canal-n2, .canal-n3 { display: none; }

    .footer-logos { width: 100% !important ;}
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) { 
    .navbar-nav {
        margin: 0 !important;
        padding-top: 1rem;
    }

    .navbar-brand img { width: 170px; }

    .main-cover {
        height: 64vh;
    }

    .top-banner { height: auto !important; }
    .top-banner-left { height: auto !important; }
    .top-banner-left > div { padding: 1rem !important; }
    .top-banner-left .btn-info { display: none !important; }
    .top-banner-left img { margin-top: 0 !important; padding: 1rem !important; }

    .top-banner-right { height: 25rem; }

    .carousel { margin-bottom: 0 !important;}
    #carouselBanners .carousel-item { height: 13rem; background-color: #0e2648 !important; }

    #servicios .container { padding-left: 0!important; padding-right: 0!important; }
    #servicios .btn-cont { padding-left: 2rem!important; padding-right: 2rem!important; margin-bottom: 1rem !important; }
    #servicios .btn-cont .btn-cont-1st { padding: 0 !important; }
    #servicios .container .bottom { margin-top: 0 !important; }
    #servicios .container .row { width: 100% !important; margin: 0 !important; }
    #servicios .btn-service p { letter-spacing: .1rem !important }

    #planes .plan { background-size: cover !important; padding: 0 !important; }

    .canal-n2, .canal-n3 { display: none; }

    .footer-logos { width: 100% !important ;}
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) { 
   
}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) { 
    .carousel-item { height: 13rem; }
}

/* X-Large devices (large desktops, less than 1400px) */
@media (max-width: 1399.98px) { 
    .carousel-item { height: 23rem; }
}