/* xs Extra small devices (portrait Mobile phones, less than 576px) */

@media (max-width: 575px) {
    .prod-page .advices {
        background: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(../img/consigli/coppiagrande_banner_mob.jpg) center center no-repeat;
    }
    .prod-page .america-heritage {
        background: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(../img/molle/america_heritage/heritage-illustrato-mob.jpg) center center no-repeat;
    }
    .prod-page .america-support {
        background: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(../img/molle/america_support/americasupport-illustrato-mob.jpg) center center no-repeat;
    }
    .prod-page .america-support-3 {
        background: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(../img/molle/america_support_3/americasupport3-illustrato-mob.jpg) center center no-repeat;
    }
    .prod-page .memory-dream {
        background: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(../img/memory/memory_dream/memorydream-illustrato-mob.jpg) center center no-repeat;
    }
    .prod-page .comfort-deluxe {
        background: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(../img/memory/comfort_memory_deluxe/comfortdeluxe-illustrato-mob.jpg) center center no-repeat;
    }
    .prod-page .america-coolmemory {
        background: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(../img/memory/america_coolmemory/coolmemory-illustrato-mob.jpg) center center no-repeat;
    }
    .prod-page .american-top-comfort {
        background: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(../img/memory/american_top_comfort/americantopcomfort-illustrato-mob.jpg) center center no-repeat;
    }
    .prod-page .pure-comfort {
        background: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(../img/memory/pure_memory_comfort/purecomfort-illustrato-mob.jpg) center center no-repeat;
    }
    .prod-page .american-deluxe {
        background: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(../img/memory/american_memory_deluxe/americandeluxe-illustrato-mob.jpg) center center no-repeat;
    }
    .prod-page .sany {
        background: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(../img/memory/3d_sany_memory/3dsany-illustrato-mob.jpg) center center no-repeat;
    }
    .prod-page .massage-zonas {
        background: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(../img/memory/massage_5_zonas/5zonas-illustrato-mob.jpg) center center no-repeat;
    }
    .prod-page .top-air {
        background: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(../img/memory/memory_top_air_massage/topairmassage-illustrato-mob.jpg) center center no-repeat;
    }
    .prod-page .top-star {
        background: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(../img/schiuma/top_star/topstar-illustrato-mob.jpg) center center no-repeat;
    }
    .prod-page .top-summer {
        background: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(../img/schiuma/top_summer/topsummer-illustrato-mob.jpg) center center no-repeat;
    }
    .prod-page .sleep-22 {
        background: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(../img/schiuma/basic_sleep_22/sleep22-illustrato-mob.jpg) center center no-repeat;
    }
    .prod-page .sleep-25 {
        background: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(../img/schiuma/basic_sleep_25/sleep25-illustrato-mob.jpg) center center no-repeat;
    }
    .prod-page .contacts {
        background: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(../img/contatti/contatti_tab.jpg) center center no-repeat;
    }
}


/* xxs */

@media (max-width: 370px) {
    .logo {
        width: 200px;
    }
    .about-img-desk,
    .about-img-tab,
    .about-img-tab-mid,
    .about-img-tab-max {
        display: none;
    }
    .materials_wrap {
        margin-bottom: 10px !important;
    }
    .materials_wrap .section-subtitle {
        font-size: 22px;
        margin-bottom: 0 !important;
    }
    .contacts-wrap {
        padding: 10px;
    }
    .contacts-wrap .mob-font {
        font-size: 16px !important;
    }
    .header-carousel .owl-dots {
        right: 10px;
    }
    .header-carousel h1,
    .header-carousel h2 {
        font-size: 30px;
    }
}

@media (min-width: 371px) and (max-width: 399px) {
    .logo {
        width: 235px;
    }
    .about-img-desk,
    .about-img-tab,
    .about-img-tab-mid,
    .about-img-tab-max {
        display: none;
    }
    .materials_wrap {
        margin-bottom: 10px !important;
    }
    .materials_wrap .section-subtitle {
        font-size: 22px;
        margin-bottom: 0 !important;
    }
}

@media (min-width: 400px) and (max-width: 575px) {
    .logo {
        width: 260px;
    }
    .about-img::before,
    .feature-img::before {
        width: 60%;
        height: 30%;
        top: 4%;
    }
}

@media (min-width: 400px) and (max-width: 460px) {
    .about-img img,
    .feature-img img {
        width: 60%;
        height: 90%;
    }
    .about-img-desk,
    .about-img-tab,
    .about-img-tab-mid,
    .about-img-tab-max {
        display: none;
    }
}

@media (min-width: 461px) and (max-width: 575px) {
    .about-img img,
    .feature-img img {
        width: 60%;
        height: 80%;
    }
    .about-img-desk,
    .about-img-tab,
    /* .about-img-tab-mid, */
    .about-img-tab-max,
    .about-img-mob {
        display: none;
    }
}


/* xm Small devices (landscape phones, 576px and up) */

@media (min-width: 576px) and (max-width: 767px) {
    .logo {
        width: 400px;
    }
    .about-img-mob,
    .about-img-desk,
    .about-img-tab,
    .about-img-tab-max {
        display: none;
    }
    .prod-page .advices {
        background: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(../img/consigli/coppiagrande_banner_tab.jpg) center center no-repeat;
    }
    .prod-page .america-heritage {
        background: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(../img/molle/america_heritage/heritage-illustrato-tab.jpg) center center no-repeat;
    }
    .prod-page .america-support {
        background: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(../img/molle/america_support/americasupport-illustrato-tab.jpg) center center no-repeat;
    }
    .prod-page .america-support-3 {
        background: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(../img/molle/america_support_3/americasupport3-illustrato-tab.jpg) center center no-repeat;
    }
    .prod-page .memory-dream {
        background: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(../img/memory/memory_dream/memorydream-illustrato-tab.jpg) center center no-repeat;
    }
    .prod-page .comfort-deluxe {
        background: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(../img/memory/comfort_memory_deluxe/comfortdeluxe-illustrato-tab.jpg) center center no-repeat;
    }
    .prod-page .america-coolmemory {
        background: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(../img/memory/america_coolmemory/coolmemory-illustrato-tab.jpg) center center no-repeat;
    }
    .prod-page .american-top-comfort {
        background: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(../img/memory/american_top_comfort/americantopcomfort-illustrato-tab.jpg) center center no-repeat;
    }
    .prod-page .pure-comfort {
        background: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(../img/memory/pure_memory_comfort/purecomfort-illustrato-tab.jpg) center center no-repeat;
    }
    .prod-page .american-deluxe {
        background: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(../img/memory/american_memory_deluxe/americandeluxe-illustrato-tab.jpg) center center no-repeat;
    }
    .prod-page .sany {
        background: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(../img/memory/3d_sany_memory/3dsany-illustrato-tab.jpg) center center no-repeat;
    }
    .prod-page .massage-zonas {
        background: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(../img/memory/massage_5_zonas/5zonas-illustrato-tab.jpg) center center no-repeat;
    }
    .prod-page .top-air {
        background: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(../img/memory/memory_top_air_massage/topairmassage-illustrato-tab.jpg) center center no-repeat;
    }
    .prod-page .top-star {
        background: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(../img/schiuma/top_star/topstar-illustrato-tab.jpg) center center no-repeat;
    }
    .prod-page .top-summer {
        background: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(../img/schiuma/top_summer/topsummer-illustrato-tab.jpg) center center no-repeat;
    }
    .prod-page .sleep-22 {
        background: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(../img/schiuma/basic_sleep_22/sleep22-illustrato-tab.jpg) center center no-repeat;
    }
    .prod-page .sleep-25 {
        background: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(../img/schiuma/basic_sleep_25/sleep25-illustrato-tab.jpg) center center no-repeat;
    }
    .prod-page .contacts {
        background: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(../img/contatti/contatti_tab.jpg) center center no-repeat;
    }
}

@media (min-width: 576px) {
    .about-img-mob {
        display: none;
    }
}

@media (min-width: 680px) and (max-width: 767px) {}


/* md Medium devices (tablets, 768px and up)*/

@media (min-width: 768px) {
    .prod-page .advices {
        background: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(../img/consigli/coppiagrande_banner.jpg) center center no-repeat;
        background-size: auto, 100%;
    }
    .prod-page .america-heritage {
        background: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(../img/molle/america_heritage/heritage-illustrato.jpg) center center no-repeat;
    }
    .prod-page .america-support {
        background: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(../img/molle/america_support/americasupport-illustrato.jpg) center center no-repeat;
    }
    .prod-page .america-support-3 {
        background: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(../img/molle/america_support_3/americasupport3-illustrato.jpg) center center no-repeat;
    }
    .prod-page .memory-dream {
        background: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(../img/memory/memory_dream/memorydream-illustrato.jpg) center center no-repeat;
    }
    .prod-page .comfort-deluxe {
        background: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(../img/memory/comfort_memory_deluxe/comfortdeluxe-illustrato.jpg) center center no-repeat;
    }
    .prod-page .america-coolmemory {
        background: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(../img/memory/america_coolmemory/coolmemory-illustrato.jpg) center center no-repeat;
    }
    .prod-page .american-top-comfort {
        background: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(../img/memory/american_top_comfort/americantopcomfort-illustrato.jpg) center center no-repeat;
    }
    .prod-page .pure-comfort {
        background: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(../img/memory/pure_memory_comfort/purecomfort-illustrato.jpg) center center no-repeat;
    }
    .prod-page .american-deluxe {
        background: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(../img/memory/american_memory_deluxe/americandeluxe-illustrato.jpg) center center no-repeat;
    }
    .prod-page .sany {
        background: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(../img/memory/3d_sany_memory/3dsany-illustrato.jpg) center center no-repeat;
    }
    .prod-page .massage-zonas {
        background: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(../img/memory/massage_5_zonas/5zonas-illustrato.jpg) center center no-repeat;
    }
    .prod-page .top-air {
        background: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(../img/memory/memory_top_air_massage/topairmassage-illustrato.jpg) center center no-repeat;
    }
    .prod-page .top-star {
        background: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(../img/schiuma/top_star/topstar-illustrato.jpg) center center no-repeat;
    }
    .prod-page .top-summer {
        background: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(../img/schiuma/top_summer/topsummer-illustrato.jpg) center center no-repeat;
    }
    .prod-page .sleep-22 {
        background: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(../img/schiuma/basic_sleep_22/sleep22-illustrato.jpg) center center no-repeat;
    }
    .prod-page .sleep-25 {
        background: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(../img/schiuma/basic_sleep_25/sleep25-illustrato.jpg) center center no-repeat;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .logo {
        width: 400px;
    }
    .about-img-mob,
    .about-img-desk,
    .about-img-tab-mid,
    .about-img-tab-max {
        display: none;
    }
    .about-img,
    .feature-img {
        bottom: 12%;
    }
    .prod-page .contacts {
        background: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(../img/contatti/contatti_tab_land.jpg) center center no-repeat;
    }
}


/* lg Large devices (desktops, 992px and up) */

@media (min-width: 992px) and (max-width: 1199px) {
    .logo {
        width: 80%;
    }
    .about-img-mob,
    .about-img-tab-mid,
    .about-img-tab,
    .about-img-desk {
        display: none;
    }
    .material-stat {
        min-height: 490px;
    }
    .product_page_wrap .about-img::before,
    .product_page_wrap .feature-img::before {
        position: absolute;
        content: "";
        width: 60%;
        height: 50%;
        top: 10%;
        left: 20%;
        border: 5px solid var(--primary);
        z-index: -1;
    }
    .product_page_wrap .feature-img img {
        height: 50%;
    }
}


/* xl X-Large devices (large desktops, 1200px and up) */

@media (min-width: 1200px) and (max-width: 1699px) {}


/* xxl XX-Large devices (larger desktops, 1400px and up) */

@media (min-width: 1200px) {
    .about-img-mob,
    .about-img-tab,
    .about-img-tab-mid,
    .about-img-tab-max {
        display: none;
    }
    .material-stat {
        min-height: 410px;
    }
}

@media (min-width:1200px) and (max-width:1399px) {
    .logo {
        width: 80%;
    }
}

@media (min-width: 1400px) and (max-width: 1699px) {
    .logo {
        width: 60%;
    }
}

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

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

@media (min-width: 992px) and (max-width:1699px) {
    /* rightToLeft for noebook + ipad landscape */
}

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

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

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

@media (min-width: 1700px) and (max-width: 1899px) {}