@media only screen and (max-width : 1440px) {
    body{
        font-size: 14px;
        line-height: 20px;
        letter-spacing: 0.28px;
    }
    a, a:active, a:visited {
        font: normal normal 500 13px/16px Helvetica Neue;
        letter-spacing: 0.26px;
        padding-bottom: 4px;
    }
    h1, h2, p {
        margin-bottom: 16px;
    }
    ::-webkit-input-placeholder { /* Edge */
        font: normal normal normal 13px/28px 'Helvetica Regular';
        letter-spacing: 0;
    }
    
    :-ms-input-placeholder { /* Internet Explorer 10-11 */
        font: normal normal normal 13px/28px 'Helvetica Regular';
        letter-spacing: 0;
    }    
    ::placeholder {
        font: normal normal normal 13px/28px 'Helvetica Regular';
        letter-spacing: 0;
    }
    .announcement-bar p {
        font: normal normal normal 12px/20px 'Helvetica Neue';
        letter-spacing: 0.24px;
    }    
    header.main .left .mmtl li a {
        font: normal normal normal 14px/16px 'Helvetica Neue';
        letter-spacing: 0;
    }
    header.main .right .mmtr li a{
        font: normal normal normal 14px/16px 'Helvetica Neue';
        letter-spacing: 0;
    }
    .homepage .slider .slide .slide-content {
        font: normal normal normal 16px/22px 'Helvetica Neue';
        max-width: 439px;
    }
    .find-us-menu ul li a {
        letter-spacing: 0.26px;
        font-size: 13px;
        line-height: 15px;
    }
    .extended-menu .tabs .titles a {
        letter-spacing: 0.26px;
        font-size: 13px;
        line-height: 15px;
    }
    .extended-menu .tabs .shop-by-collections .collections-list > li a, 
    .extended-menu .tabs .shop-by-collections .collections-list > li .coll {
        letter-spacing: 0.26px;
        font-size: 13px;
        line-height: 16px;
    }
    .extended-menu .tabs .shop-by-collections .collections-list > li .sub-options .sub-option a {
        letter-spacing: 0.26px;
        font-size: 13px;
        line-height: 16px;
    }
    .extended-menu .tabs .shop-by-category .cat label {
        letter-spacing: 0.26px;
        font-size: 13px;
        line-height: 16px;
    }
    .extended-menu .tabs .shop-by-category .cat ul li a {
        letter-spacing: 0.26px;
        font-size: 13px;
        line-height: 16px;
    }
    .extended-menu .preview .lbl {
        letter-spacing: 0.26px;
        font-size: 13px;
    }
    .pp-inner .sidebar .inner .breadcrumbs {
        font: normal normal 500 13px/16px 'Helvetica Neue';
        letter-spacing: 0.26px;
    }
    .pp-inner .sidebar .inner .refine label {
        font: normal normal 500 13px/16px 'Helvetica Neue';
        letter-spacing: 0.26px;
    }
    .pp-inner .sidebar .inner .refine .clear-all {
        font: normal normal 500 13px/16px 'Helvetica Neue';
        letter-spacing: 0.26px;
    }
    .pp-inner .sidebar .inner .filer .filter-heading {
        font: normal normal 500 13px/16px 'Helvetica Neue';
        letter-spacing: 0.26px;
    }
    .pp-inner .sidebar .inner .filer .options .option a {
        font: normal normal 500 13px/16px 'Helvetica Neue';
        letter-spacing: 0.26px;
    }
    .product-single .product-detail .product-info .back-to-all-products {
        letter-spacing: 0.26px;
        font-size: 13px;
    }
    .product-single .product-detail .product-info .learn-more-finishes a {
        font-size: 13px;
        line-height: 16px;
        letter-spacing: 0.26px;
    }
    .product-single .product-detail .product-info .single_add_to_cart_button {
        font-size: 13px;
        line-height: 16px;
    }
    .cart-page .left .continue {
        letter-spacing: 0.24px;
        font-size: 12px;
        line-height: 15px;
    }
    .cart-page .left ul.links li a {
        letter-spacing: 0.26px;
        font-size: 13px;
        line-height: 16px;
    }
    .cart-page .right .woocommerce .cart-items .item .product-name a {
        line-height: 18px;
    }
    .cart-page .right .woocommerce .cart-items .item .product-price,
    .cart-page .right .woocommerce .cart-items .item .product-quantity,
    .cart-page .right .woocommerce .cart-items .item .product-subtotal {
        font-size: 13px;
        line-height: 16px;
        letter-spacing: 0.26px;
    }
    .awform {
        /* font: normal normal normal 13px/28px 'Messina Sans'; */
        letter-spacing: 0;
    }
    .awform .form-title {
        font-family: 'Messina Sans';
        font-size: 14px;
        line-height: 20px;
        letter-spacing: 0.28px;
    }
    .awform .form-row textarea {
        /* font: normal normal normal 13px/28px 'Messina Sans'; */
    }
    
    ::placeholder {
        font-family: 'Messina Sans' !important;
    }

    .section.one_third_text_two_third_image .left .inner .link,
    .section.one_third_text_two_third_image_carousel .left .inner .link {
        font-size: 13px;
        line-height: 16px;
        letter-spacing: 0.26px;
    }
    .section.one_third_text_one_third_image .left .inner .link {
        font-size: 13px;
        line-height: 16px;
        letter-spacing: 0.26px;
    }
    .section.left_text_right_image_center_cropped .left .inner .link {
        font-size: 13px;
        line-height: 16px;
        letter-spacing: 0.26px;
    }
    .section.left_text_right_image_fixed_width_variable_height .left .inner .link {
        font-size: 13px;
        line-height: 16px;
        letter-spacing: 0.26px;
    }
    .hero-banner .banner-copy {
        letter-spacing: 0.32px;
        font-size: 16px;
        line-height: 22px;
    }
    .gallery .item .name {
        font-size: 13px;
        line-height: 15px;
        letter-spacing: 0.26px;
    }
    .product-pop .product-info .info-sets .info .name {
        font-weight: 500;
        line-height: 18px;
        letter-spacing: 0.28px;
    }
    .product-pop .product-info .info-sets .info .shop-now a{
        font-size: 13px;
        line-height: 16px;
        letter-spacing: 0.26px;
    }
    .finish-landing-wrapper .finish-item .items .item a .explore {
        letter-spacing: 0.26px;
        font-size: 13px;
        line-height: 16px;
    }
    .contact-page .right .lnk {
        letter-spacing: 0.26px;
        font-size: 13px;
        line-height: 16px;
    }
    .footer-wrapper .footer .left .newsletter-signup .awform .form-title {
        letter-spacing: 0;
        font-size: 13px;
        line-height: 16px;
    }
    .footer-menus .col ul li a {
        font-size: 13px;
        line-height: 16px;
        letter-spacing: 0.26px;
    }
    .footer-menus .col ul li .sub-menu li a {
        line-height: 17px;
    }
    .footer-menus .search-website label {
        font-size: 13px;
        line-height: 16px;
        letter-spacing: 0.26px;
    }
    .footer-menus .search-website form input::-webkit-input-placeholder,
    .footer-menus .search-website form input::-moz-placeholder,
    .footer-menus .search-website form input::placeholder {
        line-height: 17px;
    }
    .footer-menus .copyright, .footer-menus .creative {
        letter-spacing: 0.26px;
        font-size: 13px;
    }
    .homepage .our-products .copy .inner-content a {
        font-size: 13px;
        line-height: 16px;
        letter-spacing: 0.26px;
    }
    .footer-menus .search-website form input {
        height: 17px;
        width: 100%;
    }
    .footer-menus .search-website form input:focus {
        outline: none
    }
    /* clears the 'X' from Internet Explorer */
    input[type=search]::-ms-clear {  display: none; width : 0; height: 0; }
    input[type=search]::-ms-reveal {  display: none; width : 0; height: 0; }

    /* clears the 'X' from Chrome */
    input[type="search"]::-webkit-search-decoration,
    input[type="search"]::-webkit-search-cancel-button,
    input[type="search"]::-webkit-search-results-button,
    input[type="search"]::-webkit-search-results-decoration { display: none; }

}
@media only screen and (max-width : 1300px) {
    .section.one_third_text_two_third_image .left .inner,
    .section.one_third_text_two_third_image_carousel .left .inner,
    .section.one_third_text_one_third_image .left .inner,
    .section.left_text_right_image_center_cropped .left .inner {
        max-height: 100%;
        overflow: auto;
        padding-right: 15px;
    }
    .section.left_text_right_image_center_cropped .left .inner {
        width: 37vw;
    }
}
@media only screen and (max-width : 1199px) {
    header.main .left .mmtl li a,
    header.main .right .mmtr li a {
        font-size: 13px;
    }
    .homepage .overview .left .content {
        width: 35vw;
    }
    .homepage .our-products .copy .inner-content {
        width: 27vw;
    }
    .homepage .our-showrooms > .copy {
        height: 30vw;
    }
    .homepage .our-showrooms .copy .inner-content {
        max-width: 27vw;
    }
    .footer-wrapper .footer .left {
        width: 30vw;
    }
    .footer-wrapper .footer .left .newsletter-signup {
        margin-left: 4.2vw;
    }
    .footer-wrapper .footer .left .newsletter-signup .awform {
        max-width: 90%;
    }
    .awform .form-row input[type="text"], .awform .form-row input[type="email"], .awform .form-row input[type="search"] {
        height: 28px;
    }

    .gform_wrapper .gform_input input[type="text"],
    .gform_wrapper .gform_input input[type="email"], 
    .gform_wrapper .gform_input input[type="search"] {
        height: 28px!important;
    }

    .awform .form-row.with-submit input {
        width: calc(100% - 20px);
    }
    .awform .form-row.with-submit input[type="submit"] {
        /* width: 14px; */
        /* margin-top: 9px; */
        /* height: 11px; */
    }
    .footer-wrapper .footer .right {
        width: 63.5vw;
    }
    .footer-menus .col {
        width: 13vw;
    }
    .section.one_third_text_two_third_image .left .inner,
    .section.one_third_text_two_third_image_carousel .left .inner,
    .section.one_third_text_one_third_image .left .inner {
        width: 28vw;
    }
    .product-single .product-detail .product-info select, .product-single .product-detail .product-info .select2 {
        width: 100%;
    }
}
.mobile-only {
    display: none;
}
.mobile-menu-pop {
    display: none;
}
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) {
    body {
        font-size: 13px;
        line-height: 17px;
    }
}

/* 768px START */

@media only screen and (max-width : 767px) {
    body {
        padding-top: 60px;
        width: 375px;
        padding-left: calc((100% - 375px) / 2);
        padding-right: calc((100% - 375px) / 2);
    }

    .wrap-request-samples .request_samples select {
        height: 2rem;
    }

    p {
        margin-bottom: 20px;
    }

    .mobile-only {
        display: inline-block;
    }
    .desktop-only {
        display: none;
    }

    .mobile-menu-pop {
        background-color: #FFF;
        border-right: 1px solid #707070;
        display: block;
        z-index: 2;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        position: fixed;
        top: 0;
        left: 0;
        width: 325px;
        height: 100%;
        transform: translateX(-100%);
        transition: .4s;
    }

    .mm-open .mobile-menu-pop {
        transform:translateX(0)
    }
    .mobile-menu-pop .close {}
    .mobile-menu-pop .item {
        border-bottom: 1px solid #707070;
        padding: 6px 40px 18px 43px;
    }
    .mobile-menu-pop .item.search {
        text-align: right;
        padding: 23px 25px 23px 65px;
    }
    .mobile-menu-pop .item.search label {
        font-size: 15px;
        letter-spacing: 0px;
        color: #000000;
        line-height: 20px;
        display: inline-block;
        cursor: pointer;
    }
    .mobile-menu-pop .item.search form {
        display: none;
        text-align: left;
        width: 100%;
    }
    .mobile-menu-pop .item.search form input[type="search"] {
        background: #f4f4f4;
        border: 0;
        padding: 0 0 0 10px;
        line-height: 20px;
        display: inline-block;
        height: 20px;
        border-left: 1px solid #ccc;
        width: calc(100% - 60px);
    }
    .mobile-menu-pop .item.search form input[type="search"]:focus { 
        outline: none;
    }
    .mobile-menu-pop .item.search form input[type="submit"] {
        border: 0 none;
        background-color: transparent;
        background-image: url(../images/arrow-l-right.svg);
        background-size: cover;
        background-repeat: no-repeat;
        width: 18px;
        height: 13px;
        text-indent: 99px;
        overflow: hidden;
        cursor: pointer;
        vertical-align: middle;
    }
    .mobile-menu-pop .item.search form .close-search {
        background-image: url(../images/cross.svg);
        width: 13px;
        height: 13px;
        display: inline-block;
        background-repeat: no-repeat;
        background-size: contain;
        opacity: 0.4;
        vertical-align: middle;
        margin-left: 15px;
        cursor: pointer;
    }
    .mobile-menu-pop .item ul {}
    .mobile-menu-pop .item ul li {
        list-style: none;
        margin: 34px 0px;
    }
    .mobile-menu-pop .item ul li a {
        font: normal normal 500 15px/18px 'Helvetica Neue' !important;
        letter-spacing: 0px;
        color: #000000;
        text-decoration: none;
        padding-bottom: 0;
    }
    .mobile-menu-pop .item ul li a:after {
        display: none;
    }
    .mobile-menu-pop .item ul li .sub-menu {
        margin: 24px 0px 41px 34px;
    }
    .mobile-menu-pop .item ul li .sub-menu li {
        margin: 17px 0px;
    }
    .mobile-menu-pop .item ul li .sub-menu li a {
        font: normal normal 300 14px/17px 'Helvetica Neue' !important;
        letter-spacing: 0.28px;
    }
    .mobile-menu-pop .item ul.mmp li .sub-menu > li > a {
        font-weight: 500 !important;
    }
    .mobile-menu-pop .sub-menu .sub-menu-collections,
    .mobile-menu-pop .sub-menu .sub-menu-categories {
        display: none;
    }
    .mobile-menu-pop .sub-menu .sub-menu-collections .label {
        color: #000;
        font-weight: 600;
    }
    .mm-shop-by-collection > a span::before, 
    .mm-shop-by-category > a span::before {
        position: relative;
        content: '+';
        margin-left: 3px;
    }
    .mm-shop-by-collection.expanded > a span::before, 
    .mm-shop-by-category.expanded > a span::before {
        content: '-';
    }
    .mobile-menu-pop .item .cc {
        margin: 40px 0px 0px 0px;
        line-height: 27px;
        color: #000;
    }
    header.main {
        height: 59px;
        border-bottom: 1px solid #707070;
        position: fixed;
        width: 100%;
        top: 0;
        left: 0;
        z-index: 100000;
    }
    header.main .left .mmtl,
    header.main .right .mmtr {
        display: none;
    }
    header.main .left {
        float: left;
        width: 60px;
    }
    header.main .left .mm-launcher {
        width:22px;
        height:10px;
        position:relative;
        margin-right:16px;
        cursor:pointer;
        z-index:3;
        transition:transform .3s cubic-bezier(0.165,0.84,0.44,1);
        top: 20px;
        left: 19px;
    }
    header.main .left .mm-launcher:before {
        content:'';
        position:absolute;
        left:50%;
        top:50%;
        display:block;
        width:30px;
        height:30px;
        background:transparent;
        transform:translate(-50%,-50%)
    }
    header.main .left .mm-launcher span {
        top:0;
        left:0;
        position:absolute;
        display:block;
        height:2px;
        width:100%;
        background:#000;
        border-radius:2px;
        transition:.3s
    }
    header.main .left .mm-launcher span + span{
        top: 8px;
    }
    .mm-open header.main .left .mm-launcher span {
        top:50%;
        transform:rotate(45deg)
    }
    .mm-open header.main .left .mm-launcher span+span {
        transform:rotate(-45deg)
    }
    .with-hero header.main {
        top: 0;
        border: 0;
        position: fixed;
        width: 100vw;
    }
    .landing-past header.main {
        border-bottom: 1px solid #707070;
        background-color: #F7F4F1;
    }
    header.main .middle {
        float: left;
        width: calc(100% - 120px);
        text-align: center;
    }
    header.main .middle a {
        height: 30px;
        max-width: none;
        display: inline-block;
        width: 125px;
        margin-top: 16px;
    }
    .with-hero header.main .middle a {
        background-image: url(../images/logo_name.png);
    }
    header.main .right {
        float: left;
        width: 60px;
        text-align: center;
        padding-top: 20px;
    }
    header.main .right .cart-link {
        background-image: url(../images/heart-icon.svg);
        background-size: contain;
        display: inline-block;
        width: 20px;
        height: 20px;
        background-repeat: no-repeat;
        line-height: 20px;
        text-decoration: none;
        position: relative;
        padding-bottom: 0;
    }
    header.main .right .cart-link:after{
        display: none;
    }
    header.main .right .cart-link span {
        display: inline-block;
        min-width: 14px;
        height: 14px;
        background-color: #F7F4F1;
        border: 1px solid;
        text-align: center;
        border-radius: 15px;
        font-size: 9px;
        line-height: 12px;
        position: absolute;
        right: -6px;
        bottom: -4px;
        letter-spacing: -1px;
    }
    .homepage .slider .slide .slide-content,
    .hero-banner .banner-copy {
        font: normal normal normal 15px/20px 'Helvetica Neue';
        letter-spacing: 0.3px;
        transform: none;
        left: 30px;
        width: 244px;
        text-align: left;
        bottom: 182px;
    }
    .homepage .slider .slide .arrow,
    .hero-banner .arrow-down {
        width: 14px;
        height: 20px;
        display: block;
        position: absolute;
        left: 31px;
        bottom: 140px;
        cursor: pointer;
        z-index: 1;
    }
    .homepage .overview {
        padding: 0;
        height: auto;
    }
    .homepage .overview .left {
        float: none;
        width: 270px;
        height: auto;
        position: relative;
        padding: 88px 0px 43px 30px;
    }
    .homepage .overview .left .content {
        width: 100%;
        position: relative;
        bottom: auto;
        left: auto;
    }
    .homepage .overview .right {
        float: none;
        width: 100%;
        height: auto;
    }
    .homepage .overview .right .media {
        width: 100%;
        height: 461px;
        background-size: cover;
        background-position: center;
    }
    .homepage .our-products {
        padding: 0;
    }
    .homepage .our-products .images {
        display: none;
    }
    .homepage .our-products .copy {
        float: none;
        width: 270px;
        height: auto;
        position: relative;
        padding: 90px 0px 38px 33px;
    }
    .homepage .our-products .copy .inner-content {
        width: 100%;
        position: relative;
        bottom: auto;
        left: auto;
        transform: none;
    }
    .homepage .our-products .sliders {
        float: none;
        width: 311px;
        margin-left: 32px;
    }
    .homepage .our-products .sliders .op-slider {
        height: 405px;
        margin-bottom: 25px;
    }
    .homepage .our-products .sliders .op-slider .op-slide {
        width: 311px;
        height: 405px;
    }
    .homepage .our-products .slick-arrow {
        display: none !important;
    }
    .homepage .our-products .link-below-slider {
        font: normal normal 500 13px/16px 'Helvetica Neue';
        letter-spacing: 0.26px;
        margin-bottom: 40px;
        background-image: url(../images/arrow.svg);
        display: block;
        background-repeat: no-repeat;
        background-position: right 3px;
        padding-bottom: 0;
    }
    .homepage .our-products .link-below-slider:after {
        display: none;
    }
    .homepage .our-products .image-below-sliders {
        width: 100%;
        height: 461px;
        margin-top: 9px;
        background-size: cover;
        background-position: center;
    }
    .homepage .our-showrooms {
        padding: 0;
        display: flex;
        flex-direction: column-reverse;
    }
    .homepage .our-showrooms .images {
        float: none;
        padding: 0px 32px;
        width: calc(100% - 64px);
    }
    .homepage .our-showrooms .images .left, .homepage .our-showrooms .images .right {
        float: none;
        width: 100%;
        margin-bottom: 38px;
        height: 405px;
    }
    .homepage .our-showrooms > .copy {
        height: auto;
        float: none;
        margin: 0;
        padding: 81px 0px 41px 33px;
        width: 260px;
    }
    .homepage .our-showrooms .copy .inner-content {
        max-width: 100%;
        position: relative;
        left: auto;
        bottom: auto;
    }
    .footer-wrapper {
        padding-bottom: 15px;
    }
    .footer-wrapper .footer {
        border-top: 1px solid #707070;
        margin: 0px 27px;
        padding: 39px 37px 0px 37px;
    }
    .footer-wrapper .footer .left {
        width: 100%;
        float: none;
    }
    .footer-wrapper .footer .left .newsletter-signup {
        margin: 0;
    }
    .footer-wrapper .footer .left .newsletter-signup .awform {
        max-width: none;
        width: 100%;
    }
    .footer-wrapper .footer .left .newsletter-signup .awform .form-title {
        margin-bottom: 10px;
    }
    .footer-wrapper .footer .left .newsletter-signup .awform .form-row {
        margin-bottom: 7px;
    }
    .footer-wrapper .footer .left .footer-logo {
        margin: 59px auto;
        height: 23px;
        display: block;
        background-position: center;
    }
    .footer-wrapper .footer .right {
        width: 100%;
        float: none;
    }
    .footer-menus {
        padding: 0;
    }
    .footer-menus .col {
        width: 100%;
        float: none;
        margin: 0px 0px 45px 0px;
    }
    .footer-menus .col ul li {
        list-style: none;
        margin-bottom: 20px;
    }
    .footer-menus .col ul li .sub-menu {
        margin: 16px 0px 0px 28px;
    }
    .footer-menus .col ul li .sub-menu li {
        margin-bottom: 13px;
    }
    .footer-menus .col ul li .sub-menu li a {
        line-height: 20px;
    }
    .footer-menus .search-website {
        display: none;
    }
    .footer-menus .col.last {
        margin-left: 0;
        width: 100%;
    }
    .footer-menus .copyright {
        margin-top: 45px;
    }
    .footer-menus .creative {
        margin-top: 10px;
    }


    .page-content {
        padding: 28px 0px 40px 0px;
    }
    .section.one_third_text_two_third_image,
    .section.one_third_text_two_third_image_carousel, 
    .section.one_third_text_one_third_image {
        margin: 89px 0px 0px 0px;
    }
    .section.one_third_text_two_third_image .left, 
    .section.one_third_text_two_third_image_carousel .left,
    .section.one_third_text_one_third_image .left {
        float: none;
        width: 260px;
        min-height: 0;
        padding: 0px 0px 53px 31px;
    }
    .section.one_third_text_two_third_image .right,
    .section.one_third_text_one_third_image .right {
        float: none;
        width: 100%;
        height: 461px;
    }

    .section.one_third_text_two_third_image_carousel .right {
        float: none;
        width: 100%;
    }

    .section.one_third_text_two_third_image_carousel .slick-prev {
        left: 0;
    }

    .section.one_third_text_two_third_image .left .inner, 
    .section.one_third_text_two_third_image_carousel .left .inner,
    .section.one_third_text_one_third_image .left .inner {
        position: relative;
        width: 100%;
        left: auto;
        bottom: auto;
    }
    .search-container {
        padding: 30px;
    }

    .page-sidebar-filters {
        padding: 30px 0px 68px 0px;
    }
    .pp-inner .sidebar {
        float: none;
        width: 238px;
        margin-bottom: 36px;
    }
    .pp-inner .sidebar .inner .breadcrumbs {
        padding-bottom: 13px;
    }
    .pp-inner .sidebar .inner .refine {
        border-bottom-width: 1px;
        padding: 16px 0px 18px 0px;
        position: relative;
        cursor: pointer;
    }
    .pp-inner .sidebar .inner .refine .clear-all {
        display: none;
    }
    .pp-inner .sidebar .inner .refine label {
        cursor: pointer;
    }
    .pp-inner .sidebar .inner .refine .arrow {
        background-image: url('../images/arrow-dark-up.svg');
        background-size: cover;
        background-repeat: no-repeat;
        width: 9px;
        height: 12px;
        position: absolute;
        top: 22px;
        right: 1px;
        display: inline-block;
        opacity: 1;
        -webkit-transition: all 200ms ease;
        -moz-transition: all 200ms ease;
        -o-transition: all 200ms ease;
        transition: all 200ms ease;
        transform: rotate(-180deg);
    }
    .pp-inner .sidebar .inner .refine.expanded .arrow {
        transform: rotate(0deg);
    }
    .pp-inner .sidebar .inner .filer {
        display: none;
        border-bottom-width: 1px;
        padding-bottom: 0px;
    }
    .pp-inner .sidebar.has-active-filters .inner .filer {
        display: block;
    }
    .pp-inner .sidebar .inner .filer .filter-heading {
        padding: 17px 0px 17px 0px;
    }
    .pp-inner .sidebar .inner .filer .filter-heading .arrow {
        width: 9px;
        height: 12px;
        top: 19px;
        right: 1px;
    }
    .page-sidebar-filters .pp-inner {
        padding: 1px 31px 0px 31px;
    }
    .pp-inner .sidebar .inner {
        margin: 0;
        width: 100%;
    }
    .pp-inner .sidebar .inner .filer .options {
        padding-left: 18px;
    }
    .page-sidebar-filters .pp-inner .right-panel {
        float: none;
        width: 100%;
    }
    .pp-inner .sidebar .inner .filer .options .option {
        margin-bottom: 14px;
    }
    .pp-inner .sidebar .inner .filer .options .option a {
        padding-left: 25px;
    }
    .pp-inner .sidebar .inner .filer .options .option a span {
        display: inline-block;
        width: 6px;
        height: 6px;
        border: 1px solid #000;
        border-radius: 12px;
        position: absolute;
        top: 3px;
        left: 0;
    }
    .page-sidebar-filters .pp-inner .products .items .item,
    .product-single .related-products .item {
        float: left;
        width: 18rem;
        margin-right: 10px;
        margin-bottom: 20px;
    }
    .product-single .related-products .item {
        min-height: 230px;
    }
    .product-single .related-products .product-in-use-slider .item {
        width: 10rem;
    }
    .product-single .related-products .product-in-use-slider .item.item--landscape {
        width: 20.15rem;
    }
    /* .page-sidebar-filters .pp-inner .products .items .item:nth-child(even),
    .product-single .related-products .item:nth-of-type(even) {
        margin-right: 0px;
    } */
    /* .product-single .related-products .item a .media {
        height: 181px;
    } */
    .page-sidebar-filters .pp-inner .products .items .item a .name_col {
        margin-top: 12px;
    }
    .page-sidebar-filters .pp-inner .products .items .item a .name_code,
    .product-single .related-products .item a .name_code {
        font: normal normal 500 13px/16px Helvetica Neue;
        letter-spacing: 0.26px;
        color: #000000;
    }
    .product-single .related-products .item a .name_code{
        font-weight: 300;
    }
    .pp-inner .sidebar .inner .filer .options.cats .option {
        margin-top: 3px;
    }
    .pp-inner .sidebar .inner .filer .options.cats .sub-options {
        padding-left: 25px;
        margin-top: 15px;
        margin-bottom: 18px;
    }

    .single-product .pp-inner .sidebar {
        width: 100%;
        margin-bottom: 16px;
    }
    .single-product .pp-inner .sidebar .inner > div {
        display: none !important;
    } 
    .single-product .pp-inner .sidebar .inner .breadcrumbs {
        display: block !important;
        border: 0;
    }
    .product-single .product-detail .product-images {
        width: 100%;
        float: none;
    }
    /* .product-single .slider .slide {
        height: 402px;
    } */
    .product-single .bx-wrapper .bx-pager {
        left: 10px;
        bottom: 10px;
    }
    .product-single .bx-wrapper .bx-pager.bx-default-pager a {
        width: 6px;
        height: 6px;
        margin: 0 3px;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
    }
    .product-single .product-detail .product-info .back-to-all-products {
        position: absolute;
        top: -2.5rem;
        left: 0;
        width: 100%;
        line-height: 1;
        padding-left: 1.5rem;
    }
    .product-single .product-detail .product-info {
        float: none;
        margin-left: 0;
        width: 100%;
        min-height: 0;
    }
    .product-single .product-detail .product-info .product-col {
        margin-top: 27px;
    }
    .product-single .product-detail .product-info .product-title {
        /* float: left; */
        /* width: 100%; */
        /* margin-top: 27px; */
        /* line-height: 20px; */
        font-size: 1.5rem;
        /* margin-bottom: 40px; */
    }
    .product-single .product-detail .product-info .variations_form {
        margin-top: 25px;
    }
    .product-single .related-products {
        margin-top: 89px;
    }
    .product-single .related-products h2 {
        margin-bottom: 28px;
    }
    .product-single .product-detail .product-info .finishes {
        max-width: 180px;
    }
    .product-single .product-detail .product-info .finishes .item {
        width: 31px;
        height: 31px;
        border-radius: 16px;
        margin: 0 6px 3px 0;
    }
    .product-single .product-detail .product-info .variations_form .variations .label.pa_finish span {
        width: 9px;
        height: 12px;
        margin-left: 6px;
    }
    .product-single .product-detail .product-info .variations_form .variations .label.pa_finish label {
        font-size: 13px;
        line-height: 16px;
        font-weight: 500;
        color: #000;
    }
    /* .product-single .product-detail .product-info .single_add_to_cart_button {
        margin-top: 57px;
    } */
    .gallery {
        margin-top: 47px;
        margin-bottom: 50px;
    }
    .gallery .item_1 .media, .gallery .item_3 .media, .gallery .item_6 .media {
        width: 316px;
        height: 402px;
    }
    .gallery .item .name-wrapper {
        margin-top: 8px;
        height: 15px;
    }
    .gallery .item_2 {
        float: right;
        margin-top: 34px;
    }
    .gallery .item_2 .media, .gallery .item_5 .media {
        height: 237px;
        width: 343px;
    }
    .gallery .item_3 {
        float: left;
        margin: 33px 0px 0px 32px;
    }
    .gallery .item_4 {
        float: left;
        margin: 37px 0px 0px 0px;
        text-align: right;
    }
    .gallery .item_4 .media {
        height: 402px;
        width: 316px;
    }
    .gallery .item_5 {
        float: right;
        text-align: left;
        margin: 34px 0 0 0;
    }
    .gallery .item_6 {
        float: left;
        margin: 33px 0 0 0;
        text-align: right;
    }

    .staggered_gallery {
        margin-top: 47px;
        margin-bottom: 50px;
    }
    
    .staggered_gallery .item_1 .media, 
    .gallery .item_3 .media, 
    .gallery .item_6 .media {
        width: 316px;
        height: 402px;
    }
    .staggered_gallery .item .name-wrapper {
        margin-top: 8px;
        height: 15px;
    }
    .staggered_gallery .item_2 {
        float: right;
        margin-top: 34px;
    }
    .staggered_gallery .item_2 .media, 
    .staggered_gallery .item_5 .media {
        height: 237px;
        width: 343px;
    }
    .staggered_gallery .item_3 {
        float: left;
        margin: 33px 0px 0px 32px;
    }
    .staggered_gallery .item_4 {
        float: left;
        margin: 37px 0px 0px 0px;
        text-align: right;
    }
    .staggered_gallery .item_4 .media {
        height: 402px;
        width: 316px;
    }
    .staggered_gallery .item_5 {
        float: right;
        text-align: left;
        margin: 34px 0 0 0;
    }

    .staggered_gallery .item_6 {
        float: left;
        margin: 33px 0 0 0;
        text-align: right;
    }


    .gallery-images .media.landscape .wrap_svl_center .images_wrap img {
        height: 228px;
    }
    .finish-gallery .item .name, .gallery-images .item .name, .gallery-images .item .drag_element {
        opacity: 1;
    }
    .section.left_text_right_image_center_cropped .left {
        float: none;
        width: 260px;
        min-height: 0;
        position: relative;
        padding: 76px 0px 0px 30px;
    }
    .section.left_text_right_image_center_cropped .left .inner {
        position: relative;
        width: 100%;
        left: auto;
        bottom: auto;
    }
    .section.left_text_right_image_center_cropped .right {
        float: none;
        width: 100%;
        height: 461px;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        margin-top: 49px;
    }
    .section.left_image_fixed_width_variable_height img {
        width: 311px;
        height: auto;
        float: none;
        margin: 23px 0px 0px 32px;
    }
    .section.left_image_fixed_width_variable_height.iot_2 img {
        margin: 23px 0 0 0;
        width: 100%;
    }
    .section.right_image_fixed_width_variable_height img {
        width: 311px;
        height: auto;
        float: none;
        margin: 19px 0 0 32px;
    }
    .section.left_text_right_image_fixed_width_variable_height {
        margin: 0;
    }
    .section.left_text_right_image_fixed_width_variable_height .left .inner {
        position: relative;
        width: 260px;
        left: auto;
        bottom: auto;
        margin: 87px 0px 0px 33px;
    }
    .section.left_text_right_image_fixed_width_variable_height .left .image {
        width: 311px;
        height: auto;
        margin: 48px 0 0 32px;
    }
    .product-pop {
        position: fixed;
        bottom: -1px;
        left: -1px;
        width: 326px;
        border: 1px solid #707070;
        padding: 0 0 0 0;
        height: 100vh;
        max-height: -webkit-fill-available;
        background-color: #FFF;
        z-index: 100000;
        overflow: auto;
    }
    .product-pop .mvclose {
        background-image: url(../images/cross.svg);
        display: block;
        width: 22px;
        height: 22px;
        background-size: cover;
        background-repeat: no-repeat;
        cursor: pointer;
        margin: 22px 0 0 19px;
    }
    .product-pop .product-images {
        float: none;
        width: 222px;
        margin: 43px 0 0 44px;
    }
    .product-pop .product-info {
        float: none;
        margin: 18px 44px 0 44px;
    }
    .product-pop .product-info .info-sets.multi .info {
        margin: 33px 0;
    }
    .product-pop .product-info .close {
        display: none;
    }
    .product-pop .product-info .info-sets {
        position: relative;
        height: auto;
        width: 100%;
        padding-bottom: 5px;
    }
    .product-pop .product-info .info-sets.single .info {
        position: relative;
        top: auto;
        transform: none;
    }
    .product-pop .product-info .info-sets .info .name {
        font-size: 13px;
        letter-spacing: 0.26px;
    }
    .product-pop .product-info .info-sets .info .attr {
        font-size: 13px;
    }
    .product-pop .product-info .info-sets .info .attr .value--desc {
        font-size: 1.5rem;
    }
    .product-pop .product-info .info-sets .info .shop-now {
        margin-top: 27px;
    }
    .gallery-images .item .name, .finish-gallery .item .name {
        padding-right: 46px;
        background-size: 12px auto;
    }

    .contact-page {
        margin-top: 0;
        padding-bottom: 0;
    }
    .contact-page .left {
        display: none;
        float: none;
        width: 100%;
    }
    .contact-page .left .media {
        width: 100%;
        height: 339px;
        margin: 0;
    }
    .contact-page .middle {
        float: none;
        width: calc(100% - 60px);
        padding: 61px 30px 0px 30px;
    }
    .awform {
        width: 100%;
        border-bottom: 1px solid #939393;
    }
    .awform .form-title {
        margin-bottom: 19px;
    }
    .awform .form-row {
        margin-bottom: 10px;
    }
    .contact-page .awform .form-row textarea {
        height: 188px;
    }
    .awform .form-row input[type="submit"] {
        width: 18px;
        height: 13px;
    }
    .awform .form-row .field-label {
        margin-top: 2px;
        border-bottom: 1px solid #939393;
    }
    .awform .form-row .wpcf7-radio {
        margin: 8px 0 0 0;
    }
    .awform .form-row .wpcf7-radio .wpcf7-list-item label {
        padding-left: 18px;
        line-height: 28px;
    }
    .awform .form-row .wpcf7-radio .wpcf7-list-item .wpcf7-list-item-label::before {
        top: 11px;
        left: 4px;
        height: 4px;
        width: 4px;
        border: 1px solid #929292;
    }
    .book-a-consultation .awform .form-row textarea {
        height: 100px;
    }
    .contact-page .right {
        float: none;
        width: auto;
        margin: 68px 0px 68px 0px;
        padding: 0 31px;
    }
    .contact-page .right p {
        margin-bottom: 20px;
    }
    .contact-page .right .lnk {
        margin-top: 30px;
    }
    .contact-page .right .lnk:first-of-type {
        margin-top: 15px;
    }

    .finish-landing-wrapper {
        padding: 59px 0 0 31px;
    }
    .finish-landing-wrapper .section.one_third_text_two_third_image .left .inner {
        position: static
    }
    .finish-landing-wrapper .finish-item .info {
        float: none;
        padding: 0;
        width: 244px;
    }
    .finish-landing-wrapper .finish-item .info .name {
        margin-bottom: 11px;
    }
    .finish-landing-wrapper .finish-item .items {
        float: none;
        width: 100%;
        margin-top: 45px;
        column-gap: 10px;
        row-gap: 15px;
    }

    .finish-landing-wrapper .finish-item .items .item {
        float: left;
        width: calc((100% - 15px) / 2); /* 2 per row - gap */
    }
    .finish-landing-wrapper .finish-item .items .item a .media {
        /* width: 151px; */
        /* height: 181px; */
    }
    .finish-landing-wrapper .finish-item .items .item a .name {
        font-weight: 300;
        margin-top: 14px;
    }
    .finish-landing-wrapper .finish-item .items .item a .explore {
        margin-top: 7px;
    }
    .finish-landing-wrapper .finish-item {
        margin-bottom: 48px;
    }

    .finish-gallery .item_1 {
        width: 244px;
        height: auto;
        position: relative;
        padding-left: 31px;
    }
    .finish-gallery .item_1 .inner {
        text-align: left;
        position: relative;
        bottom: auto;
        width: 100%;
        left: auto;
    }
    .spinner {
        height: 48px;
    }


    .brochures-page {
        margin-top: 0;
        padding-bottom: 0;
        
    }
    
    .product-single .product-detail .product-info .single_add_to_cart_button {}
    .brochures-page .brochure {
        float: none;
        margin-left: 0;
        margin-bottom: 40px;
    }
    .brochures-page .brochure:nth-child(2n+1) {
        margin-left: 0;
    }
    .brochures-page .brochure .media {
        width: 100%;
        /* height: 402px; */
    }
    .brochures-page .brochure .count {
        margin: 18px 0 0 31px;
    }
    .brochures-page .brochure .title {
        margin: 15px 0 0 31px;
    }
    .brochures-page .brochure a {
        margin: 7px 0 0 31px;
    }

    .section-3-col .col {
        float: none;
        width: 260px;
        padding: 53px 0 0 31px;
    }

    .media-press-page {
        padding: 28px 0 0 31px;
    }
    .media-press-page .item {
        float: left;
        width: 151px;
        margin: 0px 11px 30px 0;
        font-weight: 500;
    }
    .media-press-page .item a .media {
        height: 210px;
    }
    .media-press-page .item a .counter {
        margin-top: 18px;
    }
    .media-press-page .item a .title {
        margin-top: 16px;
        font-size: 13px;
        min-height: 80px;
    }

    .cart-page {
        padding-top: 28px;
        padding-bottom: 35px;
        display: flex;
        flex-direction: column-reverse;
    }
    .cart-page .right {
        float: none;
        width: auto;
        padding-left: 30px;
    }
    .cart-page .right .woocommerce .cart-items .item {
        float: none;
        margin: 0 0 30px 0;
        width: 260px;
    }
    .cart-page .right .woocommerce .cart-items .item .product-thumbnail .media {
        height: 260px;
    }
    .cart-page .right .woocommerce .cart-items .item .product-name {
        margin-top: 20px;
    }
    .cart-page .right .woocommerce .cart-items .item .product-name .remove {
        width: 9px;
        height: 9px;
        top: 7px;
    }
    .cart-page .right .woocommerce .cart-items .item .attributes {
        margin-top: 25px;
    }
    .cart-page .right .woocommerce .cart-items .item .attributes .attr .value .finish-color {
        width: 33px;
        height: 33px;
        display: inline-block;
        border-radius: 30px;
        vertical-align: middle;
        margin-right: 10px;
    }
    .cart-page .right .woocommerce .cart-items .item .attributes .attr.option {
        margin-top: 6px;
    }
    .cart-page .right .woocommerce .cart-items .item .product-quantity {
        margin-top: 17px;
    }
    .cart-page .right .woocommerce .cart-items .item .product-quantity .lbl,
    .cart-page .right .woocommerce .cart-items .item .product-quantity .value {
        margin-right: 5px;
    }
    .cart-page .left {
        float: none;
        width: 260px;
        padding-left: 30px;
        padding-right: 0;
    }
    .cart-page .left .continue {
        padding-left: 20px;
        background-position: 0 3px;
    }
    .cart-page .left .options {
        margin-top: 30px;
    }
    .cart-page .left p.desc {
        max-width: none;
    }
    .book-a-consultation {
        border: 1px solid #707070;
        top: 4rem;
        bottom: -1px;
        left: -1px;
        right: 0;
        transform: none;
        padding: 90px 30px 90px 30px;
        min-height: 0;
        z-index: 1;
        height: 100%;
        max-height: calc(100vh - (65px + 180px)); /* magic header height + modal padding */
        overflow-y: scroll;
    }
    .book-a-consultation .gform_body {
        width: unset!important;
    }

    .book-a-consultation .close {
        width: 22px;
        height: 22px;
        top: 22px;
        right: auto;
        left: 30px;
    }

    .gform_wrapper {
        width: 100%;
    }

    .product-single .product-detail .product-info .cart {
        margin-top: 40px;
    }

    /* contact us page mobile styles */
    .section.one_third_text_form {
        display: flex;
        flex-direction: column-reverse;
        gap: 45px;
        padding: 0 31px;
        margin-bottom: 81px;
        
        .left {
            float: unset;
            width: auto;
            .inner {
                width: auto;
                max-width: unset;
                padding: unset;
            }
        }

        .right {
            float: unset;
            width: auto;

            .inner {
                padding-right: unset;
                .gform_wrapper {
                    max-width: unset;
                }
            }
        }

        &.clearfix::after {
            display: none;
        }
    }

    .section.one_third_text_showroom_carousel {
        padding: 0;
        padding-left: 31px;

        .left {
            float: unset;
            width: unset;

            .inner {
                max-width: unset;
                padding-left: unset;

                .content {
                    margin-top: 34px;
                    margin-bottom: 34px;
                }
            }
        }

        .right {
            float: unset;
            width: unset;

            &.carousel {
                .slick-arrow {
                    width: 22px;
                    height: 16px;
                    right: 12px;
                    top: 129px;
                }
            }
        }
    }

    .section.section.one_third_text_two_third_image {
        margin-top: 50px;

        .right {
            margin-left: 29px;
            width: calc(100% - 29px);
            height: calc(245px + 40px + 72px);
        }
    }

    .modal.modal-order-finishes {
        /* magic to include static header height */
        top: 64px;
        left: 0;
        width: 100vw;
        height: 100vh;
        max-height: calc((100vh - 64px));
        transform: translate(0, 0);

        .modal-inner {
            max-width: 100%;
            max-height:100%;
            padding-bottom: 100px;
        }

        .modal-close {
            width: 1em;
            height: 1em;
        }

        .modal-inner .gform_wrapper {
            .gfield {
                grid-column: 1/-1;
                grid-row: auto;
            }
            #field_5_16.gfield.gfield--type-checkbox.gfield--type-choice,
            .gfield.gfield--type-checkbox.gfield--type-choice.override-column {
                grid-row: auto;
                grid-column: 1/-1;
            }
        }
    }
}

/* END 768px */

@media only screen and (max-width : 500px) {
    body {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    .section.one_third_text_two_third_image_carousel .carousel {
        width: 95%;
        margin: 0 auto;
        margin-bottom: 30px;
    }

    .section.one_third_text_two_third_image_carousel .slick-prev {
        left: 25px;
    }

    .section.section.one_third_text_two_third_image {
        .left {
            padding-bottom: 40px;
        }
        
        .right {
            background-size: cover;
            height: 245px;
            margin-bottom: 72px;
        }
    }

    .staggered_gallery .item h2.name {
        font-size: 1em;
    }

}

@media (max-width: 900px) {
    .cart-page .right .print-header > h1 {
        font-size: 2vw;
        transform: unset;
    }
}


@media only screen and (max-width : 500px) {
    .finish-landing-wrapper {
        padding-top: calc(59px + 23px); /* sigh... magic calc to match 'design' page without a million style changes */
    }

    .page-template-finish-landing {
        .section.section.one_third_text_two_third_image {
            margin-top: 0;

            .left {
                padding-left: 0;

                h2 {
                    margin-bottom: 24px;
                }

                #modal-order-finishes.button {
                    margin-top: 0;
                }

                p:last-child {
                    margin-bottom: 0;
                }
            }
            
            .right {
                margin-left: 0;
            }
        }
    }
}