/** PORTATIL **/
@media (max-width: 1500px) {
}

/** MINI PORTATIL **/
@media (max-width: 1200px) {
}

/** SÓLO MINI PORTATIL **/
@media (min-width:992px) and (max-width:1200px){
}
/** Superior a TABLET **/
@media (min-width: 992px) {
    .text-md-right {
        text-align: right;
    }
    .overlay-section {
        margin-top: -112px;
        z-index: 2;
        position: relative;
    }
    .d-md-flex {
        display: flex;
    }
}

/** TABLET **/
@media (max-width: 991px) {
    .carousel-caption h1 {
        font-size: 49px;
    }

    .carousel-caption .h2-c {
        font-size: 49px;
    }
    .carousel-inner>.item {
        height: 70vh;
    }
    .text-box {
        padding: 90px 30px;
    }
    .overlay-section {
        margin-top: 77px;
    }
    .banner-intro-int {
        padding-top: 240px;
    }
    .img-mobile {
        max-height: 230px;
        margin: 0 auto 0;
    }
    .text-sm-center {
        text-align: center;
    }
    .pb-sm-20 {
        padding-bottom: 2em!important;
    }
    .mb-sm-20 {
        margin-bottom: 2em!important;
    }
    img.product-img {
        margin-bottom: 2em!important;
    }
}
/** SÓLO TABLET **/
@media (min-width:768px) and (max-width:991px) {
    
    #header-2024 {
        background: rgba(0, 0, 0, 0.4);
    }
    .navbar-header {
        padding-top: 17px;
    }
    #mainHeader a {
        font-size: 14px;
        padding: 3px 5px;
    }
}

/** MÓVIL **/
@media (max-width: 767px) {
    
    h1 {
        font-size: 48px !important;
    }

    .h2-c {
        font-size: 48px !important;
    }
    .carousel-control.left, .carousel-control.right {
        display: none;
    }
    .navbar-nav {
        z-index: 9;
        position: relative;
        background: rgba(0,0,0,0.7);
        margin-bottom: 0;
    }
    .carousel-caption {
        z-index: 1;
    }
    .navbar-collapse.in {
        overflow-y: inherit;
    }
    ul.quick-menu-mobile {
        background: rgba(0, 0, 0, 0.7);
    }
    .pb-xs-20 {
        padding-bottom: 2em!important;
    }
    .pt-xs-20 {
        padding-top: 2em!important;
    }
    .text-xs-center {
        text-align: center;
    }
}

/** MÓVIL **/
@media (min-width: 767px) {
    .d-sm-flex {
        display: flex;
    }
    .pl-sm-0 {
        padding-left: 0;
    }
}

/** MINI MÓVIL **/
@media (max-width: 450px) {
}