@media only screen and (min-width: 1601px) {
    nav ul li a {
        padding: 18px 60px;
    }
}
@media only screen and (min-width: 1920px) {
    div.main_inner {
        min-height: 700px;
    }
}
@media only screen and (min-width: 1921px) {
    .range_btm_itm img {
        min-height: 236px;
    }
}
@media only screen and (min-height: 1080px) and (max-height: 5000px) {
    .modal .main_popup_img img {
        height: auto;
        width: 64%;
    }
}
@media only screen and (max-width: 1600px) {
    .modal .main_popup_img img {
        height: 72vh;
    }
    .colorpalet_info h4,
    .colorpalet_info p {
        font-size: 16px;
        line-height: 20px;
    }
}
@media only screen and (max-width: 1412px) {
    .gallery_inr .hm_gallery_inr_lft .gallery_itm:nth-child(odd) {
        width: 60.7%;
    }
    .view_slab_btn button {
        padding: 19px 15px;
    }
}
@media only screen and (max-width: 1366px) {
    nav ul li a {
        padding: 18px 50px;
    }
    .gallery_itm .yellow_overlay_txt h3 {
        font-size: 28px;
    }
}
@media only screen and (max-width: 1240px) {
    nav ul li a {
        padding: 18px 46px;
    }
}
@media only screen and (max-width: 1200px) {
    .container {
        width: 100%;
    }
    .blog-name h4 {
        font-size:16px;
        line-height: 24px;
    }
    nav ul li a {
        padding: 18px 40px;
    }
}
@media only screen and (max-width: 1174px) {
    .check-out-left-details ul li {
        width: 94%;
    }
    .check-out-img-data,
    .check-out-text-data {
        width: 50%;
    }
    .check-out-text-data h3 span {
        font-size: 14px;
        display: block;
    }
    .who_are_img .img_first .white_overlay_txt h2 {
        font-size: 26px;
    }
    .gallery_itm .yellow_overlay_txt h3 {
        font-size: 26px;
        letter-spacing: 1px;
    }
    .gallery_itm .yellow_overlay_txt span {
        font-size: 18px;
        padding: 0 15px;
    }
}
@media only screen and (max-width: 1130px) {
    nav ul {
        width: auto;
        float: none;
    }
    nav ul li {
        float: none;
        display: inline-block;
        margin-bottom: 0;
    }
    nav ul li:last-child {
        float: right;
    }
    nav ul li a {
        width: auto;
        padding: 18px 32px;
    }
}
@media only screen and (max-width: 1100px) {
    .main-row-text-contain,
    .slab-size,
    ul.slab-size-first li,
    ul.slab-size-first li:nth-child(2n) {
        text-align: center;
    }
    .banner_menu ul li a {
        font-size: 12px !important;
    }
    .left-aside {
        width: 47%;
    }
    .right-aside {
        width: 53%;
    }
    .main-row-text-contain {
        background: 0 0;
    }
    .diresco-uv-row ul li .border-img:after,
    .diresco-uv-row ul li:hover .border-img:after,
    .left-row-text-contain,
    .value-series-row ul li .border-img:after,
    .value-series-row ul li.active-color-palate .border-img:before,
    .value-series-row ul li:hover .border-img:after {
        width: 100%;
    }
    .inner-content-container {
        width: 620px;
    }
    .inner-content-container.blog_inner {
        width: 650px;
    }
    .main-line {
        font-size: 1.6em;
        line-height: 35px;
    }
    .value-series-row ul li:nth-child(3n) {
        margin-right: 0;
    }
    .value-series-row ul li:nth-child(4n) {
        margin-right: 9px;
    }
    .diresco-uv-row ul li.active-color-palate .border-img:before,
    .diresco-uv-row ul li:hover .border-img:after {
        width: 227px;
    }
    .icon-image {
        width: 60px;
    }
    .icon-image img {
        width: 50px;
    }
    .icon-text-data {
        width: 200px;
    }
    .right-row-text-contain {
        width: 50%;
        float: none;
        display: inline-block;
        margin-top: 45px;
    }
    .diresco-green-background .slab-size {
        width: 100%;
        float: left;
        text-align: center;
        margin-top: 0;
    }
    .diresco-green-background ul.slab-size-first li {
        margin-left: 0;
    }
    .slab-size {
        width: 100%;
        margin-top: 0;
        margin-bottom: 0;
    }
    .diresco-uv-range-main-row h2,
    .select-range-main-row h1 {
        margin-bottom: 15px;
    }
    .info-button ul {
        margin-top: 30px;
    }
    .gallery_itm {
        margin-right: 20px;
    }
    .inner-left-aside,
    .inner-right-aside {
        width: 130px;
    }
    .inner-left-aside ul li a,
    .inner-right-aside ul li a {
        font-size: 13px;
        line-height: 18px;
    }
    .gallery_inr,
    .hm_gallery_inr_lft {
        column-gap: 20px;
    }
    .hm_gallery_inr_lft {
        width: 62%;
    }
    .hm_gallery_inr_rgt {
        width: 35%;
    }
}
@media only screen and (max-width: 1050px) {
    .inner-content-container.blog_inner {
        width: 600px;
    }
    .blog-date p {
        font-size: 16px;
    }
}
@media only screen and (max-width: 1000px) {
    nav ul li a {
        width: auto;
        padding: 18px 26px;
    }
    .inner-content-container {
        width: 600px;
    }
    .main-line {
        font-size: 1.3em;
        line-height: 30px;
    }
    .icon-image {
        width: 55px;
    }
    .icon-image img {
        width: 45px;
    }
    .icon-text-data {
        width: 270px;
        line-height: 22px;
        font-size: 16px;
    }
    .diresco-uv-row ul li.active-color-palate .border-img:before,
    .diresco-uv-row ul li:hover .border-img:after {
        width: 194px;
    }
    .blog-data {
        width: 28%;
    }
    .blog-name {
        width: 75%;
    }
    .bottom-bar-popup {
        font-size: 1.2em;
    }
    .diresco-uv-row ul li:hover .border-img:after,
    .form-box,
    .inner-content-container.banner_img,
    .value-series-row ul li:hover .border-img:after {
        width: 100%;
    }
    .check-out-left-details ul li {
        width: 100%;
        box-sizing: border-box;
    }
    .check-out-img-data,
    .check-out-text-data {
        width: 50%;
    }
    .check-out-img-data a img {
        width: 95%;
        box-sizing: border-box;
    }
    .row-data input[type="email"],
    .row-data input[type="text"],
    select#contact_state {
        width: 95%;
    }
    .form-row-full input[type="text"],
    select.contact_customer {
        width: 97.5%;
    }
}
@media (max-width: 1099px) {
    .cart-icon {
        right: 173px;
    }
}
@media (max-width: 1065px) {
    .cart-icon {
        right: 154px;
    }
}
@media (max-width: 1019px) {
    .cart-icon {
        right: 133px;
    }
}
@media (max-width: 999px) {
    .cart-icon {
        right: 174px;
    }
}
@media (max-width: 990px) {
    .banner_menu,
    .home_banner_txt {
        display: block;
    }
    .banner_menu {
        position: initial;
    }
    .left-aside,
    .right-aside {
        width: 100%;
    }
    .left-aside ul {
        margin-bottom: 1px;
        column-gap: 0;
    }
    .left-aside ul li {
        border-right: 1px solid #fff;
    }
    .left-aside ul li:last-child {
        border-right: 0 solid #fff;
    }
    .banner_menu ul li a {
        font-size: 13px !important;
    }
    .who_are_img .yellow_overlay_txt h3 {
        font-size: 30px;
    }
    .text-contain p {
        font-size: 16px;
    }
    .blog-date span {
        line-height: 15px;
    }
    .blog-date {
        padding: 5px;
    }
    .main_inner .home_banner_txt {
        display: flex;
    }
    .inner-content-container,
    .inner-content-container.blog_inner {
        width: 550px;
    }
    .inner-left-aside,
    .inner-right-aside {
        width: 125px;
    }
    .banner_txt_title {
        bottom: 30px;
    }
}
@media (max-width: 947px) {
    .cart-icon {
        right: 150px;
    }
    nav ul li a {
        width: auto;
        padding: 18px 22px;
    }
}
@media (max-width: 907px) {
    .cart-icon {
        right: 132px;
    }
}
@media only screen and (max-width: 900px) {
    .contact-details,
    .header_bg_shape,
    .left-side,
    nav {
        display: none;
    }
    .check-out-right,
    .faq-list ul li,
    .inner-content-container,
    .inner-content-container.blog_inner,
    form,
    nav ul,
    nav ul li a {
        width: 100%;
    }
    .hamburgermenu,
    .menu-icon {
        display: block;
    }
    .right-aside ul li:hover .select-link a span.black,
    .right-aside ul li:hover .select-link a span.white {
        padding: 0;
        width: 100%;
    }
    .logo {
        text-align: left;
    }
    .diresco-uv-row ul,
    .main-line,
    .value-series-row ul,
    nav {
        text-align: center;
    }
    .navigation .contact-details {
        display: block;
        width: 100%;
        text-align: center;
        margin-top: 30px;
    }
    .navigation .contact-details .address,
    .text-contain.green h2 {
        margin-bottom: 25px;
    }
    nav {
        float: left;
        width: 100%;
    }
    nav.displayclass {
        display: inline-block;
    }
    nav ul li {
        width: 100%;
        float: none;
    }
    .right-aside {
        margin-top: 30px;
        width: 100%;
    }
    .right-aside ul li:last-child {
        padding-right: 0;
    }
    .main-line {
        font-size: 1.8em;
    }
    .diresco-uv-row ul li,
    .value-series-row ul li {
        float: none;
        display: inline-block;
        padding: 0 !important;
    }
    .left-aside ul li:hover .abs-link {
        width: calc(100% - 0px);
    }
    .left-aside ul li:hover .abs-link a {
        width: 100%;
        float: left;
    }
    .left-aside ul li:hover .abs-link a span.lft,
    .left-aside ul li:hover .abs-link a span.rgt {
        width: 100%;
        float: left;
        box-sizing: border-box;
    }
    .right-aside ul li:hover .select-link {
        width: calc(100% - 12px);
    }
    .right-aside ul li:hover .select-link a {
        float: left;
    }
    .check-out-left {
        width: 100%;
        margin-bottom: 30px;
    }
    .check-out-img-data {
        width: 40%;
    }
    .check-out-img-data a img {
        width: 90%;
    }
    .check-out-text-data {
        width: 60%;
    }
    .cart-icon {
        position: static;
    }
    .mob-display {
        margin-top: 0 !important;
    }
    .pop-up-page {
        z-index: 9999999;
    }
    .validation {
        right: 25px;
    }
    .color_palette_visulaiser_main {
        margin-top: 0;
    }
    .blog-date p {
        line-height: 24px !important;
    }
}
@media only screen and (max-width: 700px) {
    .left-row-main-icon-box ul,
    .left-row-text-contain,
    .lft-txt-title,
    .middle-link,
    .right-row-icon-text ul {
        width: 100%;
    }
    .order-sample-btn {
        width: auto;
        margin: 10px 0;
        text-align: center;
    }
    .bottom-bar-popup {
        padding: 12px 0;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .order-sample-btn a {
        float: none;
        padding: 3px;
        margin: 0 auto;
    }
    .left-row-main-icon-box ul li {
        width: 200px;
        display: flex;
        align-items: center;
        text-align: left;
    }
    .img-data,
    .img-data img {
        width: 70px;
    }
    .main-row-text-contain {
        background: 0 0;
    }
    .right-row-text-contain {
        width: 100%;
        margin-top: 30px;
    }
    .left-row-text-title,
    .right-row-text-title {
        margin-bottom: 30px;
    }
    .right-row-icon-text {
        padding: 0;
    }
    .right-row-icon-text ul li {
        width: 50%;
    }
    .faq-link .beefup__head button {
        background-position: left top;
    }
    .txt-data {
        width: auto;
        margin-left: 10px;
    }
    .icon-text-data {
        width: 205px;
        padding-left: 10px;
    }
    .banner_txt_title {
        bottom: 15px;
    }
    .banner_txt_title span {
        font-size: 30px;
    }
}
@media only screen and (max-width: 650px) {
    .title-top-abs-logo {
        position: relative !important;
        margin-bottom: 10px;
    }
    .classiq-range-main-row h2,
    .marmo-range-main-row h2,
    .premium-range-main-row h2,
    .select-range-main-row h2,
    .slab-size {
        margin-bottom: 0;
    }
    .information {
        background: 0 0;
    }
    .blog-text-left {
        width: 100%;
        padding: 0;
    }
    .blog-text-right {
        width: 100%;
        padding: 30px 0 0;
        background: 0 0;
    }
    .contact-left-text-title {
        font-size: 1.6em;
    }
    .detail-box ul li {
        font-size: 1.2em;
    }
    .bot-foot ul li:last-child,
    .thanks-page p {
        padding: 0;
    }
    .slab-size {
        width: 100%;
        position: relative;
    }
    .slab-size-first,
    .slab-size-second {
        text-align: center;
    }
    .contact-left-text {
        width: 100%;
        margin: 0;
    }
    .contact-right-text {
        width: 100%;
        margin-top: 20px;
    }
    .pop-up-page {
        width: 100%;
    }
    .bot-foot ul li {
        padding: 0 2px 0 0;
    }
    .blog-date {
        padding: 15px;
    }
    .contact_main .detail-box ul li {
        font-size: 1.5em;
    }
}
@media only screen and (max-width: 540px) {
    .left-aside ul li a,
    .right-aside ul li a {
        font-size: 1em;
    }
    .right-aside ul li a span {
        font-size: 1.4em;
    }
    .main-line {
        font-size: 1.6em;
    }
    .divided-part {
        background: 0 0;
    }
    .divided-left,
    .divided-right {
        width: 100%;
        margin-top: 10px;
        text-align: center;
    }
    .text-contain p {
        font-size: 1.2em;
        line-height: 18px;
    }
    .small-title,
    .small-title-hed {
        font-size: 1.3em;
        line-height: 20px;
    }
    .right-row-icon-text ul li {
        width: 100%;
    }
    .bot-foot ul li a {
        font-size: 10px;
    }
}
@media only screen and (max-width: 500px) {
    .info-button ul li,
    .info-button-right ul li {
        width: 100%;
        margin-right: 0;
    }
    .left-row-main-icon-box ul li {
        width: 100%;
        min-height: auto;
    }
    .left-row-main-icon-box ul li:nth-child(5) {
        margin-bottom: 35px;
    }
    .img-data {
        width: 60px;
    }
    .img-data img {
        width: 50px;
    }
    .faq-link .beefup__head button {
        font-size: 1.4em;
    }
    .cart-details ul li{width: 100%;text-align: center;display:flex;justify-content:space-between;}
    .cart-image-box a img {
        float: none;
    }
    .pop-up-text-data {
        width: auto;
    }
    .primary {
        justify-content: unset;
        display: inline-block;
    }
    .primary button {
        width: 100%;
        margin-bottom: 20px;
    }
    .text-contain.green h1 {
        margin-top: 25px;
        font-size: 2.2em;
    }
    .sub_heading,.text-contain h1 {font-size: 2.2em;line-height: 32px;}
    .pop-up-page{padding:15px 25px;}
    .pop-up-page{height:550px;overflow-y:auto;}
    .cart-details ul li{flex-wrap:wrap;justify-content:center;}
    .cart-image-box{width:100%;}
    .pop-up-text-data{text-align:center;}
}
@media only screen and (max-width: 440px) {
    .bot-foot ul li {
        width: 100%;
        padding: 5px 0;
    }
    .right-aside ul li a span {
        font-size: 1.2em;
    }
    .text-contain h2 {
        font-size: 2em;
    }
    .cms_title h2{font-size:22px;line-height:30px;}
    .cms_title h1{line-height:32px;}
    .error-page p:first-child {
        font-size: 18em;
    }
}
@media only screen and (max-width: 370px) {
    .left-row-main-icon-box ul li {
        width: 100%;
    }
}
@media only screen and (min-width: 1900px) {
    .gallery_itm img {
        height: 424px;
        width: 100%;
    }
}

@media only screen and (max-width: 1440px) {
    .ftr_right .ftr_clm {
        width: 30%;
    }
    .view_itm .yellow_overlay_txt {
        height: 130px;
    }
    .view_itm .yellow_overlay_txt h3 {
        font-size: 22px;
        line-height: 32px;
    }
}
@media only screen and (max-width: 1199.84px) {
    .container {padding:0;}
}
@media only screen and (max-width: 1250px) {
    .who_txt_inr p {
        font-size: 32px;
        line-height: 47px;
    }
    .availablity_txt2 {
        text-align: center;
    }
    .who_are_txt .who_txt_inr + p {
        font-size: 22px;
        margin-top: 15px;
    }
    .ftr_right .ftr_clm {
        width: 25%;
    }
    .diresco-uv-row ul li a,
    .value-series-row ul li a {
        display: block;
        text-align: left;
    }
    .color-palate-yellow {
        float: initial;
    }
    .diresco-uv-row ul li a:first-child,
    .value-series-row ul li a:first-child {
        width: 100%;
        text-align: left;
    }
    .value-series-row ul li .range_itm_text a {
        width: auto;
    }
}
@media only screen and (max-width: 1231px) {
    .modal .main_popup_img img {
        height: 75vh;
        object-fit: contain;
    }
}
@media only screen and (max-width: 1200px) {
    .vrty_item .yellow_overlay_txt h3 {
        font-size: 20px;
        line-height: 30px;
    }
    .glry_btm_txt h2 {
        font-size: 26px;
    }
    .gallery_slider .slider-banner-image img {
        height: 800px;
    }
    .range_btm_itm img {
        min-height: 180px;
    }
    .diresco-uv-row ul li a .color-palate-yellow,
    .value-series-row ul li a .color-palate-yellow {
        font-size: 11px;
    }
    .diresco-uv-row ul li a {
        font-size: 14px;
    }
    .right-aside ul li a span {
        font-size: 1.4em;
    }
    .banner_menu ul li a {
        font-size: 13px;
    }
    .bottom-bar-popup {
        padding: 12px 20px;
    }
    .modal_rgt_btn {
        position: initial !important;
        display: flex;
        justify-content: flex-end;
        column-gap: 15px;
        margin: 15px auto;
    }
    .modal_rgt_btn .order-sample-btn {
        margin: 0;
    }
    .color_ptl_modal_img .lft-txt-title {
        text-align: left;
    }
}
@media only screen and (max-width: 1150px) {
    .modal .main_popup_img img {
        height: 78vh;
        object-fit: contain;
    }
    .color_cat_prdt_name h2{font-size:16px;}
}
@media only screen and (max-width: 1120px) {
    .range_btm_itm img {
        min-height: 170px;
    }
    .ftr_right .ftr_clm {
        width: 28%;
    }
    .blog_pagination a {
        font-size: 18px;
    }
    .who_are_img .img_first .white_overlay_txt h2 {
        font-size: 22px;
        line-height: 28px;
    }
}
@media only screen and (max-width: 1080px) {
    .who_txt_inr h2 {
        font-size: 32px;
    }
    .who_txt_inr img {
        max-width: 180px;
    }
    .view_more_row {
        column-gap: 15px;
    }
    .value-series-row ul {
        grid-template-columns: repeat(2, 1fr);
        column-gap: 40px;
    }
    .left-row-main-icon-box ul {
        width: 85%;
    }
    .left-row-main-icon-box ul li {
        width: 48%;
        display: flex;
        align-items: center;
        text-align: left;
        column-gap: 10px;
    }
    .txt-data {
        font-size: 18px;
        width: auto;
    }
    .left-row-text-title {
        margin-bottom: 20px;
    }
}
@media only screen and (max-width: 1055px) {
    .gallery_inr,
    .view_more_row {
        column-gap: 15px;
        grid-row-gap: 15px;
    }
    .view_more_row {
        grid-template-columns: repeat(3, 1fr);
    }
    .modal .main_popup_img img {
        height: 76vh;
        object-fit: contain;
    }
    .color_cat_prdt_name h2{min-height:38px;}
}
@media only screen and (max-width: 1024px) {
    .blog_pagination {
        display: block;
    }
    .blog-text-left-box h1 {
        font-size:20px;
    }
    .pgn_nxt,
    .pgn_prev {
        width: 100%;
    }
    .pgn_nxt {
        margin-top: 20px;
    }
    .range_btm_itm h3 {
        font-size: 30px;
        line-height: 36px;
    }
    .range_btm_itm h3 span {
        font-size: 26px;
    }
    .ftr_left {
        margin-right: 20px;
    }
    .variety_inr {
        grid-template-columns: repeat(3, 1fr);
        grid-row-gap: 40px;
        column-gap: 30px;
    }
    .vrty_item a:hover {
        transform: scale(1.1);
    }
    .glry_btm_txt h2 {
        max-width: 500px;
        line-height: 36px;
        font-size: 24px;
    }
    .glry_btm_txt {
        bottom: 30px;
    }
    .gallery_slider .slider-banner-image img {
        height: 700px;
    }
    .colorpalet_title h2 {
        font-size: 42px;
    }
    .colorpalet_title p {
        font-size: 22px;
    }
    .banner_btm_itm_cnt {
        max-width: 370px;
    }
    .banner_btm_itm_cnt h3 {
        font-size: 30px;
    }
}
@media only screen and (max-width: 991px) {
    .ftr_left,
    .ftr_right,
    .left-info,
    .right-info {
        width: 100%;
    }
    .information {
        background: 0 0;
    }
    .ftr_inr {
        display: block;
    }
    .ftr_right {
        margin-top: 30px;
        justify-content: space-between;
    }
    .ftr_left {
        float: left;
        margin-bottom: 30px;
    }
    .range_btm_itm img {
        min-height: 145px;
    }
    .popup_btn a {
        padding: 12px 10px;
    }
    .popup_btn {
        position: relative;
        margin-top: 30px;
        text-align: center;
    }
    .yellow_overlay_txt span {
        margin-top: 5px;
    }
    .colorpalet_title h2 {
        font-size: 50px !important;
    }
    .colorpalet_title p {
        font-size: 18px;
    }
    .inner-content-container {
        width: 500px;
    }
    .select-stone {
        margin-bottom: 0 !important;
    }
    .who_are_txt {
        width: 48%;
    }
    .gallery_itm .yellow_overlay_txt h3,
    .view_itm .yellow_overlay_txt h3 {
        font-size: 22px;
    }
    .yellow_overlay_txt a {
        font-size: 16px;
    }
    .view_more_row {
        grid-template-columns: repeat(2, 1fr);
    }
    .view_img img {
        height: auto;
    }
    .white_overlay_txt h2 {
        font-size: 24px;
        line-height: 30px;
    }
    .view_itm .yellow_overlay_txt {
        height: auto;
        padding: 20px 0;
    }
    .gallery_itm .yellow_overlay_txt {
        min-height: 79px;
    }
    .white_overlay_txt {
        padding: 25px 0;
    }
    .ftr_left {
        margin-right: 20px;
    }
    .ftr_right .ftr_clm {
        width: 28%;
    }
    .gallery_itm {
        margin-right: 15px;
        margin-bottom: 15px;
    }
    .thumb-image .slick-prev {
        width: 25px;
        left: -30px;
    }
    .thumb-image .slick-next {
        width: 25px;
        right: -30px;
    }
    .gallery_slider .slider-banner-image img {
        height: 600px;
    }
    .colorrange_inr_main .text-contain {
        padding: 0;
    }
    .diresco-uv-row ul li a,
    .value-series-row ul li a {
        font-size: 14px;
    }
    .range_btm_itm h3 span {
        font-size: 20px;
    }
    .bottom-bar-popup .middle-link.order-sample-btn,
    .btm_banner {
        margin: 0;
    }
    .banner_btm_itm img {
        max-width: 160px;
    }
    .banner_btm_itm_cnt h3 {
        font-size: 30px;
    }
    .left-row-main-icon-box ul li {
        column-gap: 0;
    }
    .inner-content-container.contact_main {
        width: 600px;
    }
    .view_slab_btn button {
        padding: 19px 18px;
    }
    .bottom-bar-popup {
        display: flex;
        flex-wrap: wrap;
    }
    .lft-txt-title {
        width: 100%;
        margin-bottom: 10px;
    }
    .modal .main_popup_img img {
        height: 70vh;
        object-fit: contain;
    }
    .value-series-row ul li a:first-child {
        height: calc(100% - 33px);
    }
    .cat_dtl_inr{display:block;}
    .cat_dtl_inr_mid{width:100%;}
    .cat_dtl_order_btn a{width:auto;display:inline-block;}
    .cat_dtl_inr_rgt{width:100%;margin-top:30px;}
    .cat_dtl_inr_lft{margin-bottom:15px;}
    .cat_explore_ranges h2{font-size:32px;}
    .cat_explr_rngs_inr{flex-wrap:wrap;}
    .cat_explr_rngs_itm{width:50%;}
    .cat_explr_rngs_itm:before{height:14px;}
    .color_cat_row{grid-template-columns:repeat(2, 1fr);}
    .color_cat_prdt_name h2{min-height:initial;}
}
@media only screen and (min-width: 901px) {
    .mobile_glry {
        display: none;
    }
    .web_glry {
        display: block;
    }
}
@media only screen and (max-width: 950px) {
    .inner-content-container.contact_main {
        width: 550px;
    }
}
@media only screen and (max-width: 900px) {
    content {
        padding: 0;
    }
    .gallery_slider .slider-banner-image img {
        height: 500px;
    }
    .gallery_inr,
    .main_inner .home_banner_txt,
    .mfc_row,
    .mobile_glry,
    .who_are_row {
        display: block;
    }
    .inner_bnr_txt h1 {
        font-size: 40px;
    }
    .web_glry {
        display: none;
    }
    .inner-content-container.banner_img {
        margin: 0 !important;
    }
    .inner-content-container,
    .inner-content-container.contact_main,
    .inner-left-aside,
    .inner-right-aside,
    .mfc_txt,
    .who_are_img {
        width: 100%;
    }
  
    .home_banner_txt {
        flex-wrap: wrap;
        position: relative;
        top: 0;
        float: left;
    }
    .who_are_txt {
        width: 100%;
        margin-bottom: 30px;
    }
    .who_are_img img {
        height: auto;
    }
    .who_are_img .img_first img {
        height: 100%;
    }
    .home_main .left-aside,
    .home_main .right-aside {
        position: relative;
    }
    .home_main .left-aside {
        left: 0;
        top: 0;
    }
    .home_main .right-aside {
        right: 0;
        top: 0;
    }
    .aplc_txt h2,
    .application_variety h2 {
        font-size: 26px;
        line-height: 36px;
    }
    .aplc_txt p,
    .faq-link .beefup__body p,
    .info-button a,
    .search-res-cls ul li p,
    .text-contain p {
        font-size: 16px;
        line-height: 32px;
    }
    .faq-link .beefup__head button {
        font-size: 16px;
        line-height: 26px;
    }
    .faq-link.is-open .beefup__head button {
        background-position: left top;
    }
    .gallery_item .yellow_overlay_txt {
        padding: 30px 0;
    }
    .gallery_item .yellow_overlay_txt h3 {
        font-size: 22px;
        line-height: 30px;
    }
    .glry_btm_txt h2 {
        font-size: 22px;
        line-height: 32px;
    }
    .gallery_slider .gallery_slider_top .slick-next {
        right: 30px;
    }
    .gallery_slider .gallery_slider_top .slick-next,
    .gallery_slider .gallery_slider_top .slick-prev {
        width: 35px;
    }
    .gallery_inner_text h1 {
        font-size: 36px;
        margin-bottom: 30px;
    }
    .left-row-main-icon-box ul {
        width: 90%;
    }
    .txt-data {
        width: auto;
    }
    .left-row-main-icon-box ul li {
        display: flex;
        align-items: center;
    }
    .banner_btm {
        float: left;
        width: 100%;
        margin: 40px 0 10px;
    }
    .banner_btm_inr {
        align-items: center;
    }
    .banner_btm_inr .banner_btm_itm:last-child,
    .banner_btm_itm_cnt {
        margin-top: 0;
    }
    .banner_btm_itm_cnt h3 {
        font-size: 26px;
    }
    .banner_btm_itm_cnt {
        max-width: 340px;
    }
    .mfc_img {
        width: auto;
        margin-top: 15px;
    }
    .mfc_img img {
        max-width: 190px;
    }
    .contact-details a {
        color: #000;
    }
    .inner-left-aside ul,
    .inner-right-aside ul {
        display: flex;
        justify-content: space-between;
        width: 100%;
        column-gap: 10px;
    }
    .inner-left-aside {margin-bottom: 30px;}
    .inner-right-aside {margin-top: 30px;margin-bottom:30px;float: left;}
    .home_main .home_banner_txt .inner-right-aside {position: relative;left: 0;top: 0;}
    .home_main .home_banner_txt .inner-left-aside {position: relative;left: 0;top: 0;margin-top: 15px;}
    .modal .main_popup_img img {height: 64vh;object-fit: contain;}
    .colorpalet_info h4, .colorpalet_info p {line-height: 22px;}
    .check-out-main{margin-bottom:50px;}
}
@media only screen and (max-width: 800px) {
    .banner_btm_itm_cnt {
        width: 290px;
        padding: 20px 15px;
    }
    .banner_btm_itm_cnt h3 {
        font-size: 24px;
        line-height: 34px;
    }
    .modal .main_popup_img img {
        height: auto;
        object-fit: contain;
    }
}
@media only screen and (max-width: 850px) {
    .ftr_left,
    .mfc_txt {
        width: 100%;
    }
    .gallery_itm img {
        height: 300px;
        object-fit: cover;
    }
    .ftr_inr {
        flex-wrap: wrap;
    }
    .ftr_right {
        margin-top: 30px;
        justify-content: space-between;
    }
    .ftr_bottom,
    .ftr_inr,
    .ftr_right {
        float: left;
        width: 100%;
    }
    .ftr_right .ftr_clm {
        width: 32%;
    }
}
@media only screen and (max-width: 767px) {
    .diresco-uv-row ul,
    .value-series-row ul {
        column-gap: 20px;
    }
    .range_btm_inr,
    .value-series-row ul,
    .variety_inr {
        grid-template-columns: repeat(2, 1fr);
    }
    .range_btm_itm img {
        min-height: 240px;
    }
    .thumb-image .slick-next {
        width: 30px;
        right: -6px;
    }
    .thumb-image .slick-prev {
        width: 30px;
        left: -6px;
        z-index: 99;
    }
    .container {
        padding-left: 15px;
        padding-right: 15px;
    }
    .gallery_itm,
    .gallery_itm:nth-child(3n-1) {
        width: 100%;
    }
    .gallery_itm .yellow_overlay_txt {
        padding: 30px 0;
        min-height: auto;
        bottom: 0;
        transform: translateY(0);
    }
    .gallery_itm img {
        height: auto;
        object-fit: cover;
    }
    #accordion > li > span {
        font-size: 18px;
        padding-left: 28px;
    }
    #accordion > li > span:before {
        right: inherit;
        left: 0;
    }
    #accordion > li > div p {
        padding-left: 30px;
    }
    .gallery_item .yellow_overlay_txt {
        padding: 15px 0;
    }
    .gallery_item .yellow_overlay_txt h3 {
        font-size: 20px;
        line-height: 30px;
    }
    .gallery_slider .gallery_slider_top .slick-next,
    .gallery_slider .gallery_slider_top .slick-prev {
        display: none !important;
    }
    .range_btm_inr {
        grid-row-gap: 15px;
    }
    .inner_bnr_txt p {
        font-size: 18px;
    }
    .colorpalet_title h2 {
        font-size: 32px;
    }
    .colorpalet_title p {
        font-size: 18px;
        padding: 0 20px;
        line-height: 28px;
    }
    .range_inr_title .value-series-title {
        font-size: 28px;
    }
    .lft-txt-cls,
    .rgt-img-cls {
        width: 100%;
        float: none;
    }
    .banner_btm_itm img {
        max-width: 150px;
    }
    .banner_btm_itm_cnt h3 {
        font-size: 22px;
        line-height: 32px;
    }
    .info-button h2 {
        margin-bottom: 0;
    }
    .variety_inr {
        grid-row-gap: 30px;
        column-gap: 30px;
    }
    .bottom-bar-popup {
        padding: 12px 0;
    }
    .modal-content .main_popup_img img {
        height: auto;
    }
    .color_cat_top{display:block;text-align:center;}
    .colot_cat_range{justify-content:center;margin-top: 10px;}
    .color_cat_top h2{margin-bottom:15px;}
    .colorpalet_desc p{font-size:18px;line-height:28px;}
    .color_cat_prdt_name h2{min-height:38px;}
    .error-page p:first-child{font-size:140px;line-height:1.1;}
    .error-inner-sub h1{font-size:2.2em;margin-bottom:10px;}
    .blog-text-left-box h3, .blog-text-left-box h4 {font-size: 24px;}
}
@media only screen and (max-width: 700px) {
    .img_first,
    .mfc_txt {
        width: 100%;
    }
    .mfc_icon {
        grid-template-columns: repeat(2, 1fr);
    }
    .mfc_row,
    .row_second .who_are_img {
        display: block;
    }
    .who_are_img .img_first img {
        height: auto;
    }
    .mfc_txt {
        padding-left: 0;
    }
    .white_overlay_txt {
        bottom: 0;
        transform: translateY(0);
    }
    h1.color-platte {
        font-size: 22px;
        line-height: 36px;
    }
    .banner_btm_inr {
        display: block;
        text-align: center;
    }
    .banner_btm_itm_cnt {
        width: 100%;
        margin: 30px auto;
    }
    .colorpalet_title h2 {
        font-size: 46px !important;
    }
    .inner_bnr_txt h1 {
        font-size: 38px !important;
    }
    .next,
    .prev {
        bottom: 60%;
    }
    .text-contain h1{font-size:35px;line-height:45px;}
    .blog-text-left-box h1{font-size:20px;line-height:30px;}
}
@media only screen and (max-width: 650px) {
    .diresco-uv-row ul,
    .value-series-row ul {
        grid-template-columns: repeat(1, 1fr);
    }
    .border-img {
        height: 250px;
    }
    .value-series-row ul li img {
        height: 100%;
        object-fit: cover;
    }
    .color_cat_prdt_name h2{min-height:initial;}
}
@media only screen and (max-width: 600px) {
    .ftr_bottom,
    .ftr_right {
        display: block;
    }
    .banner_menu ul,
    .inner-left-aside ul,
    .inner-right-aside ul {
        flex-wrap: wrap;
    }
    .form-row-full input[type="text"],
    .left-aside ul li,
    .right-aside ul li,
    .row-data,
    .row-data input[type="email"],
    .row-data input[type="text"],
    select#contact_state,
    select.contact_customer {
        width: 100%;
    }
    .left-aside ul {
        row-gap: 1px;
    }
    .right-aside ul {
        column-gap: 0;
        row-gap: 1px;
    }
    .banner_btm_itm_cnt h3 {
        font-size: 26px;
        line-height: 34px;
    }
    .back_colorpalette {
        bottom: 15px;
        right: initial;
        left: 15px;
        margin: 0 auto;
        text-align: left;
    }
    .ftr_btm_right {
        margin-top: 15px;
    }
    .ftr_right .ftr_clm p {
        margin-top: 25px;
    }
    .inner-left-aside ul li,
    .inner-right-aside ul li {
        width: 48%;
    }
    .img-data img {
        width: 50px;
    }
    .left-row-main-icon-box ul li,
    .left-row-main-icon-box ul li:nth-child(5) {
        margin-bottom: 20px;
        min-height: 70px;
    }
    .border-img {
        height: 230px;
    }
    .diresco-uv-row ul,
    .lft-txt-cls ul,
    .range_btm_inr,
    .value-series-row ul,
    .variety_inr,
    .view_more_row {
        grid-template-columns: repeat(1, 1fr);
    }
    .lft-txt-cls ul {
        column-gap: 15px;
    }
    .range_btm_itm img {
        min-height: auto;
    }
    .aplc_txt h2,
    .application_variety h2 {
        font-size: 24px;
        line-height: 34px;
    }
    .diresco-uv-row ul,
    .gallery_inr,
    .value-series-row ul {
        grid-row-gap: 30px;
    }
    .value-series-row ul li {
        margin-right: 0 !important;
    }
    .view_itm .yellow_overlay_txt {
        height: auto;
    }
    .gallery_itm .yellow_overlay_txt,
    .yellow_overlay_txt {
        padding: 20px 0;
    }
    .ftr_right .ftr_clm {
        margin-top: 30px;
        width: 100%;
    }
    #accordion > li > span {
        font-size: 18px;
        padding-left: 28px;
    }
    #accordion > li > div p {
        font-size: 20px;
    }
    .ftr_btm_lft img {
        max-width: 100%;
    }
    .faw_row:before {
        content: none;
    }
    .faq h2,
    .view_more h2 {
        font-size: 32px;
    }
    .yellow_overlay_txt h3 {
        font-size: 34px;
    }
    .video {
        margin: 50px 0 0;
    }
    .mfc_icon,
    .vrty_item.active_application {
        margin-bottom: 0;
    }
    .faq,
    .gallery,
    .view_more,
    .who_are_row {
        margin-top: 50px;
    }
    .mfc_icon {
        grid-template-columns: repeat(2, 1fr);
    }
    .mtfc_itm p {
        padding-left: 7px;
    }
    .vrty_item .yellow_overlay_txt h3 {
        font-size: 24px;
    }
    .variety_inr {
        grid-row-gap: 40px;
        max-width: 95%;
        margin: 0 auto;
    }
    .vrty_item a:hover {
        transform: scale(1.05);
    }
    .vrty_item.active_application a {
        transform: scale(1.05);
        transition: 0.8s;
    }
    .glry_btm_txt {
        position: relative;
        bottom: initial;
        margin-top: 30px;
    }
    .gallery_inner_text h1 {
        font-size: 32px;
        margin-bottom: 30px;
    }
    .gallery_inner_text p {
        font-size: 18px;
    }
    .range_btm_inr {
        grid-row-gap: 15px;
    }
    .inner_banner_main img {
        height: 270px;
        object-fit: cover;
    }
    .color_cat_row{grid-template-columns:repeat(1, 1fr);}
    .color_cat_img img{aspect-ratio: 4.6 / 5.5;}
    .cat_explr_rngs_itm{width:100%;}
    header{padding:20px 0;}
    .mo_menu{height:calc(100vh - 84px);top:84px;}
    .text-contain h1{font-size:30px;line-height:40px;}
    .blog-text-left-box h1{font-size:20px;line-height:30px;}
}
@media only screen and (max-width: 550px) {
    .left-row-main-icon-box ul li {
        width: 100%;
    }
}
@media only screen and (max-width: 500px) {
    .left-aside ul,
    .right-aside ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .left-aside ul li,
    .right-aside ul li {
        width: 100%;
        padding-right: 0;
    }
    h1.color-platte {
        width: 100%;
        margin-top: 10px;
        background: 0 0;
        font-size: 18px;
        line-height: 28px;
        font-weight: 700;
    }
    .gallery_item .yellow_overlay_txt h3 {
        font-size: 18px;
        line-height: inherit;
    }
    .yellow_overlay_txt span {
        font-size: 15px;
    }
    .inner_bnr_txt p {
        font-size: 17px;
        padding: 0 15px;
        line-height: 26px;
    }
    .gallery_slider .slider-banner-image img {
        height: 400px;
    }
    .who_txt_inr h2 {
        font-size: 30px;
    }
    .colorpalet_title h2,
    .inner_bnr_txt h1 {
        font-size: 36px !important;
    }
    .border-img {
        height: 200px;
    }
    .next,
    .prev {
        bottom: 64%;
    }
    .color_ptl_modal_img .lft-txt-title {
        font-size: 16px;
    }
    .colot_cat_range{display:block;}
    .colot_cat_range p{margin-bottom:10px;}
    .colot_cat_range p:last-child{margin-bottom:0px;}
     header{padding:20px 0;}
    .mo_menu{height:calc(100vh - 118px);top:118px;}
}
@media only screen and (max-width: 430px) {
    .back_colorpalette a {
        font-size: 13px;
    }
}
@media only screen and (max-width: 400px) {
    .bottom-bar-popup,
    .ftr_bottom {
        display: block;
    }
    .range_inr_title .value-series-title {
        font-size: 24px;
        line-height: 35px;
    }
    .mfc_icon {
        grid-template-columns: repeat(2, 1fr);
    }
    .who_txt_inr img {
        max-width: 130px;
    }
    .who_txt_inr h2,
    .yellow_overlay_txt h3 {
        font-size: 26px;
    }
    .ftr_bottom {
        text-align: left;
    }
    .ftr_btm_right {
        margin-top: 30px;
    }
    .ftr_btm_right ul {
        justify-content: center;
    }
    h1.color-platte {
        font-size: 18px;
        line-height: 28px;
    }
    .who_txt_inr p {
        font-size: 28px;
        line-height: 36px;
    }
    .who_are_txt .who_txt_inr + p {
        font-size: 19px;
        line-height: 30px;
    }
    .mfc_txt p {
        font-size: 18px;
        line-height: 30px;
    }
    .white_overlay_txt h2 {
        font-size: 20px;
    }
    .faq h2,
    .view_more h2 {
        font-size: 32px;
    }
    .inner_bnr_txt h1 {
        padding: 0 5px;
    }
    .colorpalet_title h2,
    .inner_bnr_txt h1 {
        font-size: 30px !important;
    }
    .gallery_item .yellow_overlay_txt h3 {
        font-size: 16px;
        line-height: inherit;
    }
    .yellow_overlay_txt span {
        font-size: 14px;
    }
    .mtfc_itm img {
        max-width: 38px;
    }
    .mtfc_itm p {
        font-size: 15px;
    }
    .banner_btm_itm_cnt h3 {
        font-size: 22px;
        line-height: 30px;
    }
    .banner_btm_itm_cnt {
        padding: 20px 15px;
    }
    .banner_btm_itm_cnt p {
        font-size: 16px;
    }
    .sub_heading,
    .text-contain h1 {
        font-size: 2em;
        line-height:42px;
    }
    .blog-text-left-box h1{font-size:20px;line-height:30px;}
    .lft-txt-title {
        text-align: center;
    }
    .order-sample-btn {
        float: initial;
        margin: 10px auto;
    }
    .order-sample-btn a {
        float: initial !important;
    }
    .bottom-bar-popup > div > .order-sample-btn:first-child {
        margin-left: 0;
    }
    .next,
    .prev {
        bottom: 66%;
    }
}
@media only screen and (max-width: 350px) {
    .inner_bnr_txt h1 {
        font-size: 28px;
        padding: 0 5px;
        line-height: 36px;
    }
}
@media only screen and (min-width: 2559px) {
    .cms_fixed_ftr footer {
        position: relative;
    }
    .cms_spacing {
        padding-bottom: 350px;
    }
}
/* new design updates 2025 */


@media (min-width:701px) {
	.mobile_srch .hdr_search{display:none;}
}

@media(max-width:1600px) {
    .feature_inner button.feature_nxt_arw {right:-35px;}
    .feature_inner button.feature_prv_arw {left:-35px;}
}
@media(max-width:1550px) {
    .feature_inner button img{max-width:20px;}
    .feature_inner button.feature_nxt_arw {right:-20px;}
    .feature_inner button.feature_prv_arw {left:-20px;}
}

@media(max-width:1500px) {
	.container{max-width:95%}
}

@media(max-width:1400px) {
	.intro_btm .intro_btm_lft {width:50%;}
}

@media(max-width:1250px) {
    .cms_spacing {margin-bottom:50px;}
}

@media(max-width:1200px) {
	.banner_cnt_txt span{font-size:60px;line-height:70px;}
    .feature_inner button.feature_nxt_arw {right:15px;}
    .feature_inner button.feature_prv_arw {left:15px;}
    .feature_inner button img {max-width:20px;mix-blend-mode: darken;filter: invert(1);}

}

@media(max-width:1100px) {
	.intro_btm .intro_btm_lft {width:60%;}
}

@media(max-width:991px) {
	.container{max-width:95%}
	.banner_cnt_txt span{font-size:50px;line-height:60px;}
    .ftr_rgt{width:100%;margin-top: 30px;justify-content: space-between;}
    .ftr_lft{width:100%;margin-bottom:30px;float:left;}
    .ftr_clm{width:100%;}
    .ftr_clm form{width:100%;}
    .cart-image a span{font-size:16px;}
    .header_rgt{column-gap:15px;}
}

@media(max-width:900px) {
	.mfc_icon{grid-template-columns:repeat(2, 1fr);}
    .cart-image a span{display:none;}
    .cart-image img{width:37px;}
    .color_palette_visulaiser{float:left;}
}

@media(max-width:800px) {
	.banner_menu_link ul li a{padding:10px 30px 30px;}
}

@media(max-width:767px) {
	.header_rgt{column-gap:20px;}
	.header_lft{column-gap:20px;}
	.header_txt span{font-size:20px;}
    .feature_inner button img{max-width:22px;mix-blend-mode:darken;filter:invert(1);}
    .feature_inner button.feature_nxt_arw {right:10px;}
    .feature_inner button.feature_prv_arw {left:10px;}
    .feature_main{margin-bottom:50px;}
    .header_inner{column-gap:20px;}
    .header_rgt {column-gap: 15px;}
    .inner-sub{padding:0 30px;}
}

@media(max-width:700px) {
	.mo_menu, .mo_menu.active{width:100%;background:rgb(255 255 255 / 100%);}
	.header_rgt .hdr_search{display:none;}
	.mobile_srch .hdr_search{display:block;width:100%;}
	.hdr_srch_grp input{height:45px;}
	.sideMenu .nav-list li{padding:17px 0px;}
	.mobile_srch{margin-top:15px;}
	.intro_btm{display:block;}
	.intro_btm .intro_btm_lft{width:100%}
	.intro_btm_rgt{margin-top:30px;}
	.intro_top h1, .feature_main h2{font-size:32px;}
	.mfc_icon{margin-top:40px;}
    .ftr_rgt{display:block;float:left;}
    .ftr_rgt .ftr_clm{width:100%;margin-bottom:30px}
    .ftr_rgt .ftr_clm:last-child{margin-bottom:0;}
    .ftr_btm_lft{text-align:center;}
    .ftr_btm_right ul{justify-content:center;}
    .hdr_srch_grp input{color:var(--black);}
    .inner-sub{padding:0;}
}

@media(max-width:600px) {
	.banner_cnt_txt span{font-size:40px;line-height:50px;padding-right:70px;}
	.banner_menu_link ul li a {padding: 10px 20px 20px;}
	.banner_menu_link{bottom:20px;}
	.header_inner{column-gap:20px;}
	.intro_top h1, .feature_main h2{font-size:30px;}
    .feature_img_itm{margin:0;}
    .feature_inner button img {max-width: 17px;}
    .error-page p:first-child{font-size:120px;line-height:1.1;}
    .check-out-text-data h3 a
}

@media(max-width:500px) {
	.banner_menu_link ul{display:block;}
	.banner_menu_link ul li{text-align:center;}
	.banner_menu_link ul li a{display:block;padding:9px 0;}
	.banner_cnt{bottom:200px;}
    .header_lft{display:block;}
    .header_lft .logo{margin-bottom:13px;}
}

@media(max-width:400px) {
	.header_lft {column-gap: 15px;}
	.mfc_icon{column-gap: 15px;}
}