@media screen and (max-width: 1024px) {
    html {
        touch-action: manipulation;
    }
    #dupontCorian .quicknav {
        right: 0.5rem;
    }
    #dupontCorian .header-top__menu--opened .row-2 {
        margin-top: 0;
        padding-top: 1rem;
    }
    #dupontCorian .center990px {
        width: 80vw;
    }
    #dupontCorian .header-top__menu--opened .subNavigation__items {
        grid-gap: .25rem;
    }
    #dupontCorian .header-top__logo {
        width: 165px;
    }
    #dupontCorian .header-top__visitcqz {
        top: 155px;
        width: 165px;
    }
    #dupontCorian .header-top__visitcqz a {
        padding: 10px 5px;
    }
    #dupontCorian .section-template {
        padding: 0 5vw;
    }
    #dupontCorian .footer_data .flex {
        flex-wrap: wrap;
    }
    #dupontCorian .footer_data .social-bar {
        margin-top: 1rem;
        margin-left: -1rem;
    }
}
@media screen and (max-width: 768px) {
    #dupontCorian .results_articles > .flex {
        display: block !important;
        width: 100% !important;
    }
    #dupontCorian .header-top__logo {
        transform: scale(.8);
        transform-origin: 0 0;
    }
    #dupontCorian .header-top__visitcqz {
        top: 120px;
        width: 132px;
    }
    #dupontCorian .header-top__visitcqz p {
        font-size: x-small;
    }
    #dupontCorian div[data-custom='contact-form'] .col-separator {
        display: none;
    }
    #dupontCorian div[data-custom='contact-form'] a.tab-option {
        padding: 15px !important;
        flex: 1;
    }
    #dupontCorian .footer a {
        font-size: .8rem;
    }
}
@media screen and (max-height: 750px ) {
    #dupontCorian .header-top__menu--opened .row-2,
    #dupontCorian .header-top__menu--opened .row-3 {
        margin-top: 0 !important;
        padding: 0 3rem 0 !important;
    }
    #dupontCorian .header-top__menu__search-bar form {
        top: 0px;
    }
    .mainslider-3 > .homepage__main-slider__link {
        right: 25% !important;
    }
    .homepage__main-slider__link h2 {
        font-size: 6vh !important;
    }
    .mainslider-1 > .homepage__main-slider__link {
        top: 25% !important;
    }
    .mainslider-4 > .homepage__main-slider__link {
        top: 57% !important;
    }
    .homepage__main-slider__link p {
        font-size: initial !important;
    }
}
@media screen and (max-width: 425px) {
    .mobile-only {
        display: block !important;
    }
    iframe[src*=sink-basin-tool] {
        width: calc(375px - 2rem) !important;
    }
    iframe[src*=color-tool] {
        width: calc(100vw - 2rem) !important;
    }
    #dupontCorian .header-top__menu__search-bar,
    #dupontCorian .col-1__separator {
        display: none;
    }
    #dupontCorian .wrapper,
    #dupontCorian .header-top__menu__button a,
    #dupontCorian .breadcrumb a {
        transition: none !important;
    }
    #dupontCorian .header-top__visitcqz {
        top: 110px;
        width: 115px;
        left: 0;
    }
    #dupontCorian .header-top__visitcqz p {
        font-size: xx-small;
    }
    #dupontCorian .quicknav {
        transform: scale(.8) translateY(-60%);
        transform-origin: right bottom;
        right: -1px
    }
    #dupontCorian .quicknav__wrapper a {
        padding: .5rem;
        background-color: white;
    }
    #dupontCorian .quicknav a:not(:first-child):not(:last-child) {
        display: none;
    }
    #dupontCorian .quicknav__wrapper a:hover > p {
        display: none;
    }
    #dupontCorian .quicknav__wrapper a:hover > div,
    #dupontCorian .quicknav__wrapper a:hover > div:before {
        background-color: white;
        color: initial;
    }
    #dupontCorian .breadcrumb {
        padding: 2rem 0 !important;
    }
    #dupontCorian .section-template {
        padding: 25px !important;
    }
    #dupontCorian .header-top__logo {
        transform: scale(.7) !important;
        top: 0;
        left: 0;
        padding: 1rem !important;
    }
    #dupontCorian .header-top__menu,
    #dupontCorian .header-top__menu__search-bar {
        margin: 0;
    }
    #dupontCorian .header-top__menu--opened .row-1 > .col-1 {
        flex-direction: column;
        text-align: left;
        -ms-align-items: flex-start;
        align-items: flex-start;
    }
    #dupontCorian .header-top__menu--opened .row-1,
    #dupontCorian .header-top__menu--opened .row-2,
    #dupontCorian .header-top__menu--opened .row-3 {
        padding: 1rem;
    }
    .mainNavigation {
        flex-direction: column;
    }
    .mainNavigation a {
        width: 100%;
    }
    .filter-by {
        font-size: 1.5rem !important;
    }
    #dupontCorian .header-top__menu--opened .subNavigation__items {
        position: static;
        margin-bottom: 1rem;
    }
    #dupontCorian .header-top__menu--opened .mainNavigation h3 {
        margin-bottom: 1rem
    }
    #dupontCorian .header-top__menu--opened .mainNavigation.active .subNavigation__items > a {
        opacity: 1;
        transform: none;
        margin-left: 0px;
        font-size: .85rem;
    }
    #dupontCorian .header-top__menu--opened .mainNavigation:after {
        width: 100%;
        position: static;
        margin: 0 0 1rem 0;
        background-color: hsl(0, 0%, 88%);
    }
    #dupontCorian .header-top__menu--opened .header-top__menu__search-bar {
        display: block;
    }
    #dupontCorian .header-top__menu--opened .mainNavigation h3 > span:not(.highlight) {
        padding-left: 0;
    }
    #dupontCorian .header-top__menu--opened > .wrapper {
        overflow-y: scroll;
        height: 100vh;
    }
    #dupontCorian .header-top__menu--opened .row-1 > .col-1 > div,
    #dupontCorian .header-top__menu__search-bar input[type=search] {
        font-size: .7rem;
    }
    #dupontCorian .header-top__menu--opened .row-1 > .col-1 > div.external-link {
        margin-top: .5rem;
        margin-left: 1.5rem;
    }
    #dupontCorian .header-top__menu--opened a {
        white-space: initial;
        line-height: 1.5;
    }
    #dupontCorian .header-top__menu--opened .row-3 {
        flex-wrap: wrap;
        justify-content: center;
    }
    #dupontCorian .header-top__menu--opened .row-3 > a {
        order: 1
    }
    #dupontCorian .header-top__menu--opened .row-3 .social-bar {
        margin: 1rem 0;
        flex-basis: 100%;
        order: 2;
        justify-content: space-between;
    }
    #dupontCorian .header-top__menu--opened .subNavigation__items {
        grid-auto-rows: auto
    }
    #dupontCorian .header-section-small-like,
    body.section_page #dupontCorian .header-top,
    body.article_page #dupontCorian .header-top,
    #dupontCorian .header-section-small-like img {
        height: 160px !important;
    }
    #dupontCorian .section-template__title {
        width: 100%;
        font-size: 5vw;
    }
    #dupontCorian .section-template__title h2 {
        margin: 0;
    }
    #dupontCorian .red-separator {
        margin: 1rem auto
    }
    #dupontCorian .footer .footer_nav-l1 span {
        padding: 5px;
    }
    #dupontCorian .footer .footer_nav-l2 {
        display: inline-flex;
        flex-direction: column;
        line-height: 2;
    }
    .featherlight-content {
        width: 100% !important;
    }
}
/**
 * Adapt Hero MOBILE (temp)
 */
html[data-device='mobile'] .header-top__visitcqz {
    visibility: visible !important;
}
html[data-device='mobile'] .homepage__main-slider legend {
    visibility: visible !important;
    top: auto !important;
    bottom: 5px !important;
}
html[data-device='mobile'] .homepage__main-slider :is(.slick-slide, img)
{
    max-height: 50vh !important;
    height: 50vh !important;
    image-rendering: -webkit-optimize-contrast;
}
html[data-device='mobile'] #dupontCorian .header-top__logo {
    height: 80px;
    width: 110px;
    transform: none!important;
    padding: 5px !important;
}
html[data-device='mobile'] #dupontCorian .header-top__logo img {
    width: 65%;
    transform: none!important;
    image-rendering: -webkit-optimize-contrast;
}