@media (max-width: 1600px) and (max-height: 900px){
    .hero {
        min-height: 630px;
    }
    .hero .hero-container {
        min-height: 630px;
    }
}

@media (max-width: 1366px) and (max-height: 768px){
    .hero {
        min-height: 470px;
    }
    .hero .hero-container {
        min-height: 470px;
    }
}


@media (max-width: 1280px) {
    .social-media-button {
        margin-left: 2px;
        width: 36px;
        height: 36px;
        padding: 2px 10px 2px 8px;
    }
    .social-media-button i {
        font-size: 22px;
    }

    .hero .info-content {
        width: 100%;
        max-width: 100%;
    }

    .promotions-ribbon .content {
        display: inline-grid;
        align-items: center;
        justify-content: center;
    }
    .promotions-ribbon .content p{
        padding-top: 8px !important;
        font-size: 16px;
    }
    .promotions-ribbon .content div{
        justify-content: center;
        margin-top: 8px;
        margin-bottom: 8px;
    }
    #seccion-catalogo h4{
        padding-bottom: 20px !important;
    }
    h2 br{
        display: none;
    }
    #seccion-ofertas .card-product{
        margin-bottom: 20px;
    }
    .stepperForm .element {
        /* display: inline-block; */
        margin: 0px 20px 40px;
    }
}

@media (max-width: 991.98px) {

    .promotions-ribbon {
        padding: 0px 10%;
    }

    .promotions-ribbon .content p {
        padding-top: 8px !important;
        text-align: center;
    }

    .contact-photo {
        min-height: 400px;
    }

    .advice-info div:nth-child(1){
        margin-bottom: 20px;
    }

    .advice-info > div:nth-child(1) {
        padding-top: 20px;
    }

    .promotions-ribbon-bottom {
        padding: 16px 10%;
        display: inline-block;
        text-align: center;
    }

    .promotions-ribbon-bottom p{
        margin-bottom: 8px !important;
    }

    .hero .info-content h1 {
        font-size: 64px;
    }

    h2 {
        padding-bottom: 40px;
    }

    .hero .info-content p {
        font-size: 20px;
    }
    .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next {
        background-color: var(--main-bg-color) !important;
        border: 1px solid var(--main-bg-color) !important;
    }
    .hero .info-content {
        padding: 50px 8%;
    }
    .stepperForm .stepper .step h5 {
        padding-top: 8px;
        font-size: 20px;
        text-align: center;
    }
    .hero {
        padding: 0px 10% 80px 10%;
    }

    .breadcrumb .breadcrumb-item.active {
        font-size: 18px;
    }

    .list-group-item {
        background-color: transparent;
    }

    .collapse .card {
        background-color: rgb(255 255 255 / 61%);
        transition: .3s;
    }

    .filters{
        display: none;
    }

    #mobileFilters{
        display: inherit;
    }

    .products-container .filters {
        height: auto;
    }

    .select-category .tools {
        padding: 20px;
    }

    .offers{
        padding: 20px;
    }

    #select-category-form-banner 
    {
        min-height: 200px;
    }
    
    .ibeliveicanfly {
        padding: 20px 5%;
    }

    .whatsapp-button {
        max-width: 75px;
        position: fixed;
        bottom: 20px;
        right: 20px;
    }

    #pills-tabContent .contact-photo-02 {
        min-height: 400px;
    }

    #pills-tabContent h2{
        margin-top: 14px;
    }

    
    .breadcrumb a {
        font-size: 18px;
    }

}

@media (max-width: 767.98px) {
    .root-container {
        padding: 0px 4% 80px 4%;
    }
    .leftSideMenu.show {
        transition: .5s;
        z-index: 10001;
        left: 0;
    }
    .menu .options a {
        display: none;
    }

    .menu .options a.ribbon-menu {
        display: block;
        font-size: 46px;
    }
    .stepperForm .element {
        /* display: inline-block; */
        margin: 0px 0px 20px;
    }
    .category-photo {
        width: 200px;
        height: 200px;
        border: 2px solid #EA620D;
    }
    .hero .info-content h1 {
        font-size: 50px;
    }
    .hero .info-content p {
        font-size: 18px;
    }
    h2 {
        font-size: 36px;
    }
    /* .advice-info div:nth-child(1) {
        padding-top: 20px;
    } */
    .menu .options a.toggleMenu{
        display: inherit;
    }

    .hero {
        padding: 0px 4% 80px 4%;
        min-height: 940px;
    }
    .hero .hero-container {
        min-height: 940px;
    }
    .detail-product .image-product {
        height: 220px;
    }

    .product-gallery{
        margin-bottom: 40px;  
    }

    .detail-product .detail-product-info {
        font-size: 20px;
    }

    #detail-product h4{
        font-size: 28px;
    }
    #detail-product h6{
        font-size: 22px;
    }
    .detail-dimension {
        font-size: 18px;
    }

    .products-container .card-product .content-description p {
        font-size: 17px;
    }

    .card-product .content-description h5 {
        color: #EA620D;
        font-weight: 600;
    }

    .products-container .card-product h5 {
        font-size: 22px;
    }

    .card-product .content-description .details {
        display: block !important;
    }

    .card-product .content-description .details div {
        margin-top: 4px;
        margin-bottom: 4px;
    }

    .division-100 {
        margin-bottom: 0px;
    }

    .breadcrumb a {
        font-size: 16px;
    }

    #detail-product .breadcrumb li{
        font-size: 16px;
    }

}

@media (max-width: 575.98px) {
    .root-container {
        padding: 0px 3% 40px 3%;
    }

    footer.root-container {
        text-align: center;
    }

    .menu.ibeliveicanfly .logo-root {
        max-width: 80px;
        width: 100%;
    }

    .whatsapp-button {
        max-width: 65px;
        position: fixed;
        bottom: 20px;
        right: 20px;
    }

    #pills-tabContent .contact-photo-02 {
        min-height: 256px;
    }

    .breadcrumb a {
        font-size: 14px;
    }

    #detail-product .breadcrumb li{
        font-size: 14px;
    }

    .detail-product .detail-product-info {
        font-size: 16px;
    }
}