* {
    outline: none !important;
}

p {
    font-size: var(--p-desktop); /*14px*/
    line-height: 1.2;
}

.new_top_header_wrap {
    background: var(--kc-light-grey);
}

.new_top_header_wrap.top_header_wrap ul li a {
    color: #211e22;
    padding: 0px;
    font-weight: 500;
    font-size: var(--a-desktop); /*14px*/
}

.new_top_header_wrap .menu-new-top-menu-container .menu {
    display: flex;
    justify-content: flex-end;
}

.top_header_wrap.new_top_header_wrap .top_right_wrap .cart_wrap span {
    color: #211e22;
    font-size: 14px;
    font-weight: 500;
    position: relative;
}

.new_top_header_wrap.top_header_wrap .top_right_wrap .cart_wrap span small {
    font-weight: 400;
    font-size: 14px;
    color: var(--kc-white);
}

.new_top_header_wrap.top_header_wrap ul li {
    display: inline-block;
    border-right: 1px solid var(--text-black-color);
    padding: 0px 40px;
}

.new_top_header_wrap.top_header_wrap ul li:last-child {
    border: 0px;
    padding-right: 0px;
}

.new_top_header_wrap.top_header_wrap .top_right_wrap .cart_wrap .cart_inner {
    border: 0px;
}

.new_top_header_wrap.top_header_wrap .row {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
}

.new_top_header_wrap.top_header_wrap .row .inner_header {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
}

.top_header_wrap.new_top_header_wrap .top_right_wrap .cart_wrap span.cart-txt {
    font-size: 16px;
    margin-left: 20px;
    top: 3px;
}

.top_header_wrap.new_top_header_wrap .top_right_wrap .cart_wrap span:last-child {
    margin-left: 4px;
    display: none;
}

.top_header_wrap.new_top_header_wrap .top_right_wrap .cart_wrap span small {
    position: absolute;
    right: 0;
    left: 15px;
    top: -8px;
    background: #dc5636;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 1.5;
    border-radius: 50%;
}

.top_header_wrap.new_top_header_wrap .logout__link {
    display: none;
}

.top_header_wrap.new_top_header_wrap .login-register a {
    border: 0px;
}

.new_top_header_wrap .login-frm img {
    margin-top: 0px;
    margin-right: 8px;
    height: 18px;
}

.new_top_header_wrap.top_header_wrap ul li a:hover,
.top_header_wrap.new_top_header_wrap .login-register a:hover {
   color: var(--kc-primary);
/*    color: #bec5a4;*/
    /* text-decoration: underline; */
}

.top_header_wrap.new_top_header_wrap .top_right_wrap .cart_wrap #proceed-to-min-cart:hover span.cart-txt {
    color: var(--kc-primary);
}

.logged-in .new_top_header_wrap .login-frm {
    display: flex;
    align-items: center;
}

.site-header.new-site-header {
    padding: 15px 0 15px !important;
}

.free-design-form.free-design-quote .top_label.form_sublabel_below.description_below {
    padding: 0px 30px !important;
}

.free-design-form.free-design-quote .gform_legacy_markup_wrapper ul.gform_fields li.gfield {
    padding-right: 0;
}

.main_left_div {
    display: flex;
    flex-wrap: wrap;
    width: 70%;
}

.main_left_ul {
    padding-left: 0;
    list-style: none;
}
@media(min-width:1025px){
    .main_left_ul li>a:hover{
        color: var(--kc-primary);
    }
}
.main_left_ul li>a {
    color: rgba(0, 0, 0, 0.67);
    font-size: var(--a-mobile); /*14px*/
    font-weight: 500;
}

.main_left_ul li {
    display: flex;
    align-items: flex-start;
    padding-bottom: 5px;
}

.main_left_ {
    width: calc(100% / 3);
    max-height: 400px;
    height: 400px;
    overflow-x: scroll;
    padding: 0px 10px;
}

.main_left_ h4 {
    font-size: var(--h4-desktop); /*16px*/
    letter-spacing: 1.5px;
    line-height: 1.2;
    text-transform: uppercase;
}

.color_type_ {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 6px;
    margin-top: 2px;
    border: 1px solid #ccc;

}

.mega_menu_wrap #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1>li.mega-menu-item>a.mega-menu-link {
    padding: 0px 30px 0px 10px;
    font-size: 14px;
    text-transform: uppercase;
}

#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1>li.mega-menu-item.free-button.header-free-button {
    margin-left: 75px;
}

.mega_menu_wrap #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1>li.mega-menu-item.free-button>a.mega-menu-link {
    padding: 7px 15px 8px 15px;
    background: var(--kc-primary);
    ;
    border-radius: 20px;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    height: 51px;
    border: 2px solid var(--kc-primary);
    color: var(--kc-white);
    width: 200px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mega_menu_wrap #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1>li.mega-menu-item.free-button>a.mega-menu-link:hover {
    background: var(--kc-primary);
    color: var(--kc-white);
    border: 2px solid var(--kc-primary);
}

.mega_menu_wrap #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1>li.mega-menu-item>a.mega-menu-link:hover {
    font-weight: normal !important;
}

.mega_menu_wrap #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1>li.mega-menu-item.mega-current-menu-item>a.mega-menu-link:hover {
    font-weight: 600 !important;
}

.mega-sub-menu .menu .menu-item a {
    font-style: normal;
    font-size: var(--a-desktop); /*14px*/
    line-height: 1.2;
    color: rgba(0, 0, 0, 0.67);
    font-weight: 500;
}

.mega-sub-menu .menu .menu-item {
    padding: 8px 10px;
}

.mega-sub-menu .menu {
    list-style: none;
    padding-left: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.mega-sub-menu .menu .menu-item .sub-menu {
    display: none;
}

.mega-sub-menu .menu .menu-item:hover ul.sub-menu {
    display: block;
}

.mega-sub-menu {
    background: var(--kc-white);
}

.mega-sub-menu .menu .menu-item ul.sub-menu {
    position: absolute;
    left: 304px;
    top: 25px;
    width: 318px;
    list-style: none;
    height: 90%;
    padding-left: 40px !important;
}

.mega-sub-menu .menu .menu-item ul.sub-menu li a {
    font-style: normal;
    font-weight: normal;
    font-size: var(--a-desktop) !important; /*16px*/
    line-height: 25px !important;
    text-transform: capitalize !important;
    padding-top: 3px !important;
    display: inline-block;
}

.mega-sub-menu {
    display: flex !important;
    flex-flow: wrap !important;
}

.mega-sub-menu .mega-menu-columns-9-of-12 {
    background: var(--kc-white) !important;
    border-radius: 6px !important;
}

.mega-sub-menu .mega-menu-columns-3-of-12 {
    z-index: 999;
}

.mega-sub-menu .menu>li.menu-item-has-children>a:after {
    content: "ï”";
    color: #211e22;
    font-size: 15px;
    z-index: 999;
    font-weight: 600;
    font-family: "Font Awesome 5 Free";
    position: absolute;
    right: 15px;
}

.mega-sub-menu .menu li.menu-item-has-children:hover a:after {
    color: #6e0a1e !important;
}

.mega-sub-menu .menu .menu-item ul.sub-menu li ul.sub-menu {
    display: none;
    top: 0px !important;
}

.mega-sub-menu .menu .menu-item ul.sub-menu li:hover>ul.sub-menu {
    display: block;
}

.mega-sub-menu .menu .menu-item .sub-menu li {
    padding: 5px 10px;
}

.mega-sub-menu .menu .menu-item ul.sub-menu>li.menu-item-has-children>a:after {
    content: "ï”";
    color: #211e22;
    font-size: 15px;
    z-index: 999;
    font-weight: 600;
    font-family: "Font Awesome 5 Free";
    position: absolute;
    right: 10px;
}

.mega-sub-menu .menu .menu-item ul.sub-menu li ul.sub-menu ul.sub-menu li>ul.sub-menu {
    display: none;
    top: 0px !important;
}

.mega-sub-menu .menu .menu-item ul.sub-menu ul.sub-menu li:hover ul.sub-menu {
    display: block;
}

.mega-sub-menu .menu .menu-item .sub-menu li {
    padding: 5px 10px;
}

.mega-sub-menu .menu .menu-item ul.sub-menu>li.menu-item-has-children>a:after {
    content: "ï”";
    color: #211e22;
    font-size: 15px;
    z-index: 999;
    font-weight: 600;
    font-family: "Font Awesome 5 Free";
    position: absolute;
    right: 10px;
}

.mega-sub-menu .menu li a {
    transition: none !important;
}

.mega-sub-menu .menu .menu-item ul.sub-menu li:hover>a {
    font-weight: 500 !important;
}

.sub-menu-main .mega-sub-menu .mega-menu-columns-9-of-12 {
    width: 71% !important;
}

#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1>li.mega-menu-megamenu>ul.mega-sub-menu {
    top: 54px !important;
    background: var(--kc-white) !important;
    width: 100%;
    overflow: auto;
}

ul.main-left-ul {
    padding-left: 0px;
    list-style: none;
}

ul.child-right-ul {
    padding-left: 0;
    list-style: none;
    position: absolute;
    left: 330px;
    top: 0px;
    background: var(--kc-white);
    border-radius: 6px;
    overflow: hidden;
    z-index: 9;
}

.child-right-ul {
    display: none;
}

.main-left-ul .main-left-li:hover .child-right-ul {
    display: block;
}

.main-left-ul li.main-left-li:first-child .child-right-ul {
    display: block;
}

.custom-section {
    display: flex;
    flex-flow: row;
}

.custom-left {
    width: 60%;
    text-align: center;
    padding: 0px 80px;
    display: flex;
    align-items: center;
}

.menu_row_mg .main-left-ul .main-left-li a {
    position: relative;
    display: inline-block;
    width: 300px;
}

.menu_row_mg .main-left-ul .main-left-li:hover>a {
    font-weight: 600;
    transition: none;
}

.menu_row_mg .main-left-ul .main-left-li:hover>a:after {
    color: #6e0a1e;
}

.menu_row_mg .main-left-ul .main-left-li a:after {
    content: "ï”";
    color: #211e22;
    font-size: 15px;
    z-index: 999;
    font-weight: 600;
    font-family: "Font Awesome 5 Free";
    position: absolute;
    right: 15px;
    display: none;
}

.mega-sub-menu .sub-menu-main {
    background: #f7f7f7 !important;
}

.mega-sub-menu .sub-menu-main.sub-menu-images>.mega-sub-menu {
    padding-bottom: 0px !important;
}

.custom-section .custom-left-inner h3 {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 30px;
    text-transform: capitalize;
}

.custom-section .custom-left-inner p {
    font-style: normal;
    font-weight: 300;
    font-size: var(--p-desktop); /*14px*/
    line-height: 25px;
    text-align: center;
    color: #211e22;
}

.nav_menu_wrap .mega-sub-menu {
    opacity: 0 !important;
}

.nav_menu_wrap .mega-toggle-on .mega-sub-menu {
    opacity: 1 !important;
    visibility: visible !important;
}

#mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle {
    display: none;
}

.menu-item-has-children::after,
.sub-menu {
    display: none;
}

.mobile_menu_new .add-open .sub-menu {
    position: fixed;
    background: #f7f7f7;
    top: 0px;
    left: 0;
    z-index: 99;
    height: 100vh;
    width: 100%;
    padding-top: 0px !important;
}

.mobile_menu_new .add-open .sub-menu li {
    padding: 10px !important;
}

.mobile_menu_new .add-open .sub-menu .back-to-menu {
    color: var(--kc-primary);
    position: absolute;
    left: 15px;
    top: 20px;
    z-index: 99;
    width: 20px;
    height: 20px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mobile_menu_new .add-open .sub-menu .closed-menu {
    color: var(--kc-primary);
    position: absolute;
    right: 15px;
    padding: 0;
    z-index: 99;
    display: flex;
    width: 20px;
    height: 20px;
    top: 20px;
}

.mobile_menu_new .add-open .sub-menu .closed-menu:after {
    content: "";
    font-size: 18px;
    font-weight: 600;
    width: 13px;
    height: 13px;
    position: absolute;
    top: 4px;
    background-repeat: no-repeat;
    right: 3px;
}
.mobile_menu_new .add-open .sub-menu .back-to-menu:after {
    content: "";
    font-size: 18px;
    font-weight: 600;
    width: 7px;
    height: 12px;
    position: absolute;
    top: 5px;
    background-repeat: no-repeat;
    left: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mobile_menu_new .mobile-menu-heading {
    text-align: center;
    font-size: 16px;
    color: var(--kc-primary);
    font-weight: 700;
    text-transform: uppercase;
}

.custom-left {
    text-align: left;
}

.style-inner-menu ul {
    list-style: none;
    padding-left: 0px;
}

.style-inner-menu ul li a {
    font-style: normal !important;
    font-weight: normal !important;
    font-size: var(--a-desktop) !important; /*16px*/
    line-height: 25px !important;
    text-transform: inherit !important;
    padding: 4px 0px !important;
    color: #211e22 !important;
}

.style-inner-menu ul li a:hover,
.style-inner-menu ul li a:focus {
    color: var(--kc-primary) !important;
}

.style-inner-menu ul li a:after {
    display: none !important;
}

.custom-left {
    padding: 0px 15px;
}

.custom-section .custom-left-inner .style-inner-menu h3 {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 30px;
    text-align: left;
    color: var(--kc-primary);
    margin-bottom: 5px;
    margin-top: 10px;
}

.menu_row_mg .main-left-ul .main-left-li:hover>a,
.menu_row_mg .main-left-ul .main-left-li:hover>a:after {
    color: var(--kc-primary) !important;
}

.sub-menu-main.hidden-menu-section {
    display: none !important;
}

.custom-left.custom-left-support {
    width: 100%;
}

.menu_row_for_resource ul.child-right-ul {
    background: transparent !important;
    width: 100% !important;
}

h3.resource_menu_heading {
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 22px;
    color: #211e22;
    text-transform: uppercase;
    margin: 0px;
}

.main-left-li.heading-main-li {
    padding: 0px;
    margin: 0px;
    margin-top: -17px;
}

.menu_row_for_resource .main-left-ul .main-left-li a {
    padding-left: 0px !important;
}

.custom-left.custom-left-support {
    width: 100%;
}

header.site-header .head_lft img {
    width: 100%;
}

#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1>li.mega-menu-item>a.mega-menu-link:hover {
    color: var(--kc-primary);
}

#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1>li.mega-menu-item.mega-toggle-on>a.mega-menu-link {
    color: var(--kc-primary);
}

.nav-sections-resources.mega-menu-row .menu .menu-item>a {
    text-transform: inherit !important;
    padding: 0px 0px 5px 0px!important;
}

.nav-sections-resources.mega-menu-row .menu .menu-item {
    padding: 0px 0px;
}

.nav-sections-resources .widget_text,
.nav-sections-resources .widget_nav_menu {
    padding: 0px 0px !important;
}

.nav-sections-resources .textwidget h4 {
    font-weight: 500;
    font-size: 16px;
    line-height: 1.2;
    text-transform: uppercase;
    margin-bottom: 0px;
}

.nav-sections-resources.mega-menu-row .menu .menu-item>a:hover,
.nav-sections-resources.mega-menu-row .menu .menu-item>a:focus {
    color: var(--kc-primary) !important;
}

.nav-sections-resources .mega-sub-menu .menu {
    padding-top: 5px;
}

.sub-first-main.mega-menu-row .menu .menu-item>a {
    font-style: normal !important;
    font-weight: normal !important;
    font-size: var(--a-desktop) !important; /*16px*/
    line-height: 25px !important;
    text-transform: inherit !important;
    padding: 8px 0px !important;
    color: #211e22 !important;
    text-decoration: none;
}

.sub-first-main.mega-menu-row .menu .menu-item {
    padding: 5px 0px;
}

.sub-first-main .widget_text,
.sub-first-main .widget_nav_menu {
    padding: 0px 0px !important;
}

.sub-first-main .textwidget h4 {
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 22px;
    color: #211e22;
    text-transform: uppercase;
    margin-bottom: 0px;
}

.sub-first-main.mega-menu-row .menu .menu-item>a:hover,
.sub-first-main.mega-menu-row .menu .menu-item>a:focus {
    color: var(--kc-primary) !important;
}

.sub-first-main .mega-sub-menu .menu {
    padding-top: 5px;
}

#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 .mega-menu-item-media_image-2 img {
    max-height: 350px !important;
    width: 100% !important;
}

.mega-menu-col-three .widget_media_image img {
    margin-top: 0px !important;
}

.mega-menu-col-three .widget_media_image {
    padding: 0px !important;
}

.widget_media_image.mega-menu-item-media_image-3 {
    position: absolute !important;
    left: -34px !important;
    top: 85px !important;
}

.sub-menu-main.sub-first-main {
    padding: 0px 15px !important;
}

header.site-header {
    background: var(--kc-white);
    position: sticky !important;
    transition: 0.3s all ease;
    box-shadow: 4px 3px 3px #cccccc38;
    z-index: 999;
}

.site-content-contain {
    display: inline-block;
    width: 100%;
}


#back2Top {
    background-color: var(--kc-primary) !important;
}

#custcouponform {
    display: none !important;
}

.kitchen_design_estimate_popup button.close:hover {
    color: var(--kc-primary) !important;
}

a.article_links h3:hover {
    color: var(--kc-primary) !important;
}

.content-res-wrap .content-res-area>h2 {
    font-style: normal;
    font-weight: bold;
    font-size: var(--h2-desktop); /*26px*/
    line-height: 30px;
    color: #211e22;
    margin-top: 0px;
    margin-bottom: 10px;
}

.style_link_wrap a {
    text-decoration: none !important;
}

.our-article-inner-sec .our-article-wrap {
    padding-bottom: 15px;
}

.free-button.top-start-shoping.top-start-shoping-show {
    display: inline-block !important;
}

.text-chat-with-us strong {
    font-style: normal !important;
    font-weight: 600 !important;
    font-size: 18px;
    line-height: 24px;
    color: #211e22;
    margin: 0;
}

.menu_row_mg .main-left-ul .main-left-li a:after {
    display: none !important;
}

ul.child-right-ul {
    padding-left: 0;
    list-style: none;
    position: absolute;
    right: 20px !important;
    top: 20px;
    background: var(--kc-white);
    border-radius: 6px;
    overflow: initial;
    max-width: 300px;
    height: 270px;
    width: 100%;
    left: auto !important;
}

ul.main-left-ul.ul-by-style ul.child-right-ul {
    right: 5px !important;
    top: 7px;
}

.custom-right {
    width: 100%;
}

.custom-center {
    position: absolute;
    width: 73px;
    height: auto;
    left: -25px;
    top: 50px;
}

.mega-nav-sections-resources ul.mega-sub-menu {
    padding: 10px;
}

.child-right-ul .child-right-li .custom-section .custom-right .custom-right-inner img {
    width: 100%;
    height: 100%;
}

header.site-header .head_right .nav_menu_wrap ul li.main-left-li a {
    font-style: normal;
    font-weight: normal;
    font-size: var(--a-desktop); /*16px*/
    line-height: 25px;
    text-transform: inherit;
    padding: 5px 0px;
    color: #211e22;
}

.main-left-ul .main-left-li {
    width: 290px;
}

.menu_row_mg .main-left-ul .main-left-li {
    padding: 0px 10px;
}

.menu_row_mg .main-left-ul h4 {
    font-style: normal !important;
    font-weight: bold !important;
    font-size: 16px !important;
    line-height: 22px !important;
    color: #211e22 !important;
    text-transform: uppercase !important;
    margin-bottom: 5px;
    padding: 0px 10px;
}

.main-left-ul.ul-by-style {
    width: 100%;
}

ul.main-left-ul.ul-by-brand {
    width: 100%;
}

ul.main-left-ul.ul-by-type {
    max-width: 750px;
}

ul.main-left-ul.ul-by-brand ul.child-right-ul {
    top: -190px;
}

.defalut_img_gird {
    position: absolute;
    top: 20px;
    right: 20px;
}

.defalut_img_gird .child_right_ul {
    /* background: var(--kc-white); */
    border-radius: 7px;
    overflow: initial;
    max-width: 260px;
    height: 270px;
    width: 100%;
}

.mega-nav-sections-resources {
    padding: 1.25rem !important;
}

.mega-menu-wrap .mega-current-menu-item>a.mega-menu-link {
    font-weight: 600 !important;
}

.mega-menu-wrap .mega-menu-item-object-custom.mega-current-menu-item:hover>a.mega-menu-link {
    font-weight: 600 !important;
}

.contact-forms-tabs-inner .gform_confirmation_message {
    box-shadow: 0 0 2px 0 var(--kc-primary);
    color: var(--kc-primary);
    padding: 10px !important;
}

.title-image-side p a:hover {
    color: var(--kc-primary) !important;
    text-decoration: none !important;
}

#custcouponform {
    display: block !important;
}

#custcouponform {
    border: 1px solid #d3ced2;
    padding: 10px 15px;
    margin: -2em 0 2em;
    text-align: left;
    border-radius: 0;
    background: #a069a8;
    color: var(--kc-white);
    max-width: 700px;
    margin: auto;
}

#custcouponform .form-row-first {
    width: 75% !important;
}

#custcouponform .form-row-last {
    width: 25% !important;
}

#custcouponform .button {
    background: #211e22;
    border-radius: 4px;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
    color: #fafafa;
    height: 45px;
    border: 0px;
    box-shadow: none;
}

#custcouponform .button:hover {
    background: #4b2c52;
}

#custcouponform input#coupon_code {
    color: #666;
    background: #f5f7f8;
    border: 0.5px solid rgb(33 30 34 / 53%);
    box-sizing: border-box;
    border-radius: 4px;
    height: 45px;
    padding: 0px 10px;
    margin-bottom: 13px;
}

#custcouponform>p {
    text-align: center;
    font-weight: 500;
}

.sale_bar_top p {
    margin-bottom: 0px;
    color: var(--kc-white);
    font-style: normal;
    font-weight: 400;
    font-size: var(--p-desktop); /*16px*/
}

.sale_top_wrap {
    background: var(--kc-primary);
    padding-right: 50px;
    position: relative;
}

.sale_bar_top {
    padding: 8px 10px;
    text-align: center;
}

.sale_bar_top a {
    color: #f9fbfc;
    text-decoration: none;
    font-weight: 600;
}

.close-sale {
    position: absolute;
    right: 0;
    top: 0;
    height: 38px;
}

.close-sale a {
    font-weight: 500;
    padding: 8px 10px;
    display: inline-block;
}

.close-sale a:hover {
    background: #4b2c52;
}

.sale-popup-show {
    overflow: hidden !important;
}

.show_sale_popup .cc_pop {
    z-index: 99999;
}

.show_sale_popup .cc_pop {
    width: 100%;
    height: 100%;
    background: rgba(120, 113, 103, 0.7);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999999;
    display: none;
}

.show_sale_popup .inner_cc_pop {
    max-width: 600px;
}

.show_sale_popup .inner_cc_pop {
    top: 44%;
}

#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-item-has-children>a.mega-menu-link>span.mega-indicator {
    position: absolute;
}

.cabinet-multiple-manufacturers.cabinet-modification-sub-content span {
    margin-top: 10px;
    float: left;
    width: 100%;
    margin-bottom: 10px;
    font-weight: 500;
}

.cabinet-multiple-manufacturers.cabinet-modification-sub-content span a:hover {
    text-decoration: underline;
}

a.strip_cnt {
    position: fixed;
    top: 50%;
    right: -82px;
    background: var(--kc-primary);
    color: var(--kc-white);
    font-weight: 500;
    padding: 15px;
    transform: rotate(-90deg);
    font-size: 16px;
    letter-spacing: 1px;
    border-radius: 10px 10px 0px 0px;
    z-index: 9999;
}

a.strip_cnt:hover {
    background-color: var(--kc-primary);
}

.mobile_strip_bar {
    position: fixed;
    bottom: 0;
    z-index: 999;
    background: var(--kc-primary);
    width: 100%;
    padding: 15px 20px;
    box-shadow: -4px 0px 13px rgba(0, 0, 0, 0.5);
}

.mobile_strip_bar ul {
    margin: 0px;
    padding: 0px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    max-width: 450px;
    align-items: center;
    margin: 0px auto;
}

.mobile_strip_bar ul li {
    list-style: none;
}

.mobile_strip_bar li a {
    width: 100%;
    text-align: center;
    padding: 0px 5px;
    display: inline-block;
}

.mobile_strip_bar ul a span {
    color: var(--kc-white);
    font-weight: 600;
    font-size: 12px;
}

.mobile_strip_bar i {
    display: block;
    width: 100%;
    font-size: 26px;
    color: var(--kc-white);
}

.search_bar_h {
    position: relative;
}

.search-bar {
    transition: all .3s;
    width: 100%;
}

.search-bar input#search, .search-bar input#search_desktop {
    padding: 5px 15px;
    padding-right: 35px;
    border: 0px;
    width: 100%;
    background-color: #f3f3f3;
    transition: all 0.3s ease-in-out;
    height: 38px;
    font-size: 14px;
}

.search_form, .search-form-desktop {
    position: relative;
    transition: all 0.3s ease-in-out;
}

.search-bar.search_active {
    /* width: 430px; */
    transition: all 0.3s ease-in-out;
}

.search-bar .search_form > i {
    position: absolute;
    right: 10px;
    top: 30%;
}

.search-dropdown, .search-dropdown-desktop {
    position: absolute;
    top: 45px;
    width: 430px;
    height: auto;
    background-color: var(--kc-white);
    box-shadow: 0 -2px 14px var(--kc-primary);
    border-radius: 2px;
    z-index: 9999999;
    right: 0px;
    padding: 15px;
    max-height: 430px;
    overflow: auto;
    display: none;
}

.search-dropdown>p:first-child, .search-dropdown-desktop>p:first-child {
    margin-left: 0px !important;
}

.search-dropdown ul.live-data li, .search-dropdown-desktop ul.live-data li {
    width: 100%;
    border-width: 0px !important;
    padding-bottom: 8px !important;
}

.search-dropdown ul.live-data, .search-dropdown-desktop ul.live-data {
    padding: 10px 0px;
    display: flex;
    flex-wrap: wrap;
}

.search-dropdown p>strong, .search-dropdown-desktop p>strong {
    color: var(--kc-primary);
    font-weight: 700;
}

.search-dropdown ul.live-data>li::after, .search-dropdown-desktop ul.live-data>li::after {
    content: "";
    background-image: url(/wp-content/uploads/2023/11/right-up.png);
    position: absolute;
    width: 10px;
    height: 10px;
    background-size: contain;
    right: 0;
    transform: rotate(-90deg);
    background-repeat: no-repeat;
    opacity: 0.7;
    top:0px;
}

.search-dropdown ul.live-data>li, .search-dropdown-desktop ul.live-data>li {
    display: inline-block;
    width: max-content;
    margin-bottom: 5px;
    margin-right: 5px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    width: 100%;
    position: relative;
    font-size: 13px;
    word-break: break-all;
    padding-right: 35px;
}

.search-dropdown ul.live-data>li>i.fas, .search-dropdown-desktop ul.live-data>li>i.fas {
    font-size: 14px;
    color: var(--kc-primary);
}

.search_bar_h ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding-left: 0px;
    margin-bottom: 5px;
}

.search_bar_h .popular_search ul > li:hover img, .search_bar_h .popular_search_desktop ul > li:hover img {
    filter: brightness(0) invert(1);
}

.search_bar_h .popular_search  ul > li:hover, .search_bar_h .popular_search_desktop  ul > li:hover {
    background-color: var(--kc-primary);
    color: var(--kc-white);
}

.search_bar_h .popular_search ul > li, .search_bar_h .popular_search_desktop ul > li {
    width: auto;
    border: 1px solid #b7b7b7 !important;
    font-size: 13px;
    line-height: 10px;
    padding: 10px !important;
    margin-right: 5px;
    margin-bottom: 5px;
    cursor: pointer;
    transition: all 0.3s ease-in-out 0s;
}
.search_bar_h .resent_search  ul > li, .search_bar_h .resent_search_desktop  ul > li{
    display: block;
    width: 100%;
}
.search_bar_h .resent_search  ul > li  a, .search_bar_h .resent_search_desktop  ul > li  a {
    font-size: var(--a-desktop); /*14px*/
    line-height: 1.2;
    margin-bottom: 10px;
    width: 100%;
    display: block;
    color: var(--kc-primary);
    position: relative;
    padding-right: 25px;
}
.search_bar_h .resent_search  ul > li  a > img, .search_bar_h .resent_search_desktop  ul > li  a > img{
    position: absolute;
    right: 0;
    top: 0;
    margin-top: 15px;
}
.search_bar_h .resent_search ul > li a > span:nth-child(2), .search_bar_h .resent_search_desktop ul > li a > span:nth-child(2) {
    display: inline-block;
    width: 80%;
    line-height: 1.5;
}
.search_bar_h .resent_search  ul > li:hover > a, .search_bar_h .resent_search_desktop  ul > li:hover > a{
    color: var(--kc-primary);
}
.search_bar_h ul>li img {
    width: 12px;
    margin-right: 5px;
    object-fit: contain;
}
.live-data>li:hover {
    background-color: transparent !important;
    color: var(--kc-primary) !important;
}
.categories-data h2 {
    font-size: var(--h2-desktop); /*16px*/
    font-weight: 700;
    line-height: inherit;
    margin-top: 0;
    width: 100%;
    padding-left: 10px;
    padding-right: 10PX;
    color: var(--kc-primary);
    padding-top: 10px;
    padding-bottom: 6px;
}
.categories_search li:not(:last-child){
    border-bottom: 1px solid #ccc; 
}
.categories_search li > a {
    color: var(--kc-primary);
}
.categories_search li > a img{
    width: 50px;
    height: auto;
    object-fit: contain;
}
.categories_search li:hover > a {
    color: var(--kc-primary);
}
.categories_search li {
    display: flex;
    justify-content: space-between;
    width: 1000%;
    align-items: center;
    padding-bottom: 5px;
    margin-bottom: 5px;
    font-weight: 500;
    font-size: 14px;
}
.new_top_header_wrap.top_header_wrap ul.categories-data>li:last-child {
    border-bottom-width: 0px !important;
}

.new_top_header_wrap.top_header_wrap ul.categories-data li {
    width: 100% !important;
    border-width: 0px !important;
    margin-left: 10px !important;
    border-bottom-width: 1px !important;
    margin-right: 10px !important;
    padding-left: 0px !important;
}

.new_top_header_wrap.top_header_wrap ul.categories-data li:hover img {
    filter: none !important;
}

.categories-data>li:hover {
    background-color: transparent !important;
    color: var(--kc-primary) !important;
}

.categories-data>li .cate-fea-image {
    width: 12%;
    display: inline-block;
    margin-right: 15px;
}

.categories-data>li .cate-fea-image img {
    width: 100%;
}

.menu_items {
    top: -15px;
    position: absolute;
    z-index: 999999;
    width: 100%;
    height: 100vh;
    right: 0;
    padding-top: 45px;
    background-color: #f7f7f7;
}

.top_header_wrap ul {
    margin: 0px;
    padding-top: 8px;
    padding-bottom: 8px;
}

.head_right {
    width: 80%;
    display: flex;
    justify-content: flex-end;
}

.head_lft {
    width: 20%;
}

.custom_item_ajax_total {
    display: none !important;
}

#proceed-to-min-cart>span {
    position: relative;
}

#proceed-to-min-cart>span img,
.login-frm img {
    width: 28px;
    height: 28px;
    object-fit: cover;
    max-width: initial !important;
}

.custom_item_count {
    position: absolute;
    top: -5px;
    right: -5px;
    background-color: var(--kc-primary);
    color: var(--kc-white);
    width: 18px;
    height: 18px;
    border-radius: 50px;
    text-align: center;
    line-height: 18px;
}

.login-register {
    padding: 0px;
    width: 15%;
    text-align: right;
    margin-left: 10px;
    margin-right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.contractor-program a,
.affirm-finance a,
.header-phone a {
    position: relative;
}

.contractor-program a::before,
.affirm-finance a::before,
.header-phone a::before {
    content: "";
    position: absolute;
    width: 18px;
    height: 18px;
    background-position: center;
    background-size: contain;
    left: -28px;
    top: 0px;
    opacity: 0.8;
}

.contractor-program a::before {
    background-image: url('/wp-content/themes/cabinet/assets/images/worker.webp');
}

.affirm-finance a::before {
    background-image: url('/wp-content/themes/cabinet/assets/images/coin.webp');
}

.header-phone a::before {
    background-image: url('/wp-content/themes/cabinet/assets/images/telephone.webp');
}

.common-btn {
    text-align: center;
    display: inline-block;
    font-size: var(--a-desktop); /*16px*/
    line-height: 35px;
    letter-spacing: .5px;
    font-weight: 500;
    background: var(--kc-primary); /* Color Chnage */
    color: var(--kc-white);
    padding: 10px 40px;
    height: 54px;
    margin-top: 15px;
    border-radius: 6px;
    text-decoration: none;
    min-width: 180px;
}
.size-adjust {
    height: unset;
    font-size: var(--a-mobile);
    padding: 10px 20px;
}
.cta-inner-left {
    background-color: var(--kc-primary);
    color: var(--kc-white);
    display: flex;
    justify-content: center;
    padding: 30px;
    min-height: 100%;
    align-items: center;
}

.cta-inner-left-text h3 {
    margin-bottom: 4px;
    margin-top: 0;
    font-size: 20px;
    font-weight: 600;
    line-height: 26px;
}

.cta-inner-left-text {
    width: 70%;
    text-align: center;
}

.cta-inner-right-btn a {
    background-color: var(--kc-primary);
    color: #fff !important;
    border: 2px solid var(--kc-white);
    line-height: 31px;
    border-radius: 50px;
}

.cta-inner-right-btn a:hover {
    border: 2px solid var(--text-black-color);
}

.cta-inner-right {
    background-color: #fafafa;
    padding: 30px;
    display: flex;
    /* align-items: center; */
    min-height: 150px;
}

.cta-inner-right>div {
    width: 50%;
}

.cta-inner-right-btn .common-btn {
    margin-top: 0px;
}

.cta-inner-right-phone {
    padding-right: 20px;
    text-align: center;
}

.cta-inner-right-hours {
    border-left: 1px solid var(--kc-primary);
    padding-left: 20px;
}
.cta-inner-right-hours>p:last-child {
    margin: 0;
}
.cta-inner-right-phone span img {
    width: 30px;
}

.cta-inner-right-phone h4 {
    font-weight: 700;
    margin-bottom: 3px;
    font-size: 18px;
}

.cta-inner-right-phone a {
    color: var(--kc-primary);
    font-size: var(--a-desktop); /*16px*/
    font-weight: 700;
    display: block;
}

.cta-inner-right-hours>p {
    margin-bottom: 6px;
    font-size: var(--p-desktop); /*12px*/
    font-weight: 500;
    color: var(--kc-primary);
}
.cta-inner-right-hours>p strong {
    color: #2d2f22;
}
section.cta-section {
    padding: 60px 0px;
    background-color: var(--kc-white);
}

.top_right_wrap {
    display: flex;
}

.cart_wrap {
    width: 15%;
    text-align: right;
    display: flex;
    align-items: center;
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 .main_left_div img {
    width: 20px;
}
select{
    color:#000;
}
/* Responsive css */
@media (min-width: 481px) and (max-width: 767px) {
    #masthead {
        position: relative;
    }
}

@media screen and (orientation: landscape) and (min-width: 320px) and (max-width: 850px) {
    .show_sale_popup .inner_cc_pop {
        width: 50% !important;
    }
}

@media (min-width: 481px) and (max-width: 767px) {
    .mobile_menu_new .add-open .sub-menu {
        overflow-y: auto;
        height: 100vh;
    }

    ul#menu-mobile-menu {
        height: 100vh;
        overflow-x: scroll;
    }
}

@media (min-width: 768px) {
    .article-card .article-image {
        min-height: 192px !important;
        max-height: 192px !important;
    }

    .our-article-wrap-right>.row {
        display: flex;
        flex-flow: wrap;
    }

    a.article_links h3:hover {
        color: var(--kc-primary);
    }

    .article-card {
        height: 100%;
    }
}

@media (min-width: 992px) {
    .styles_wrap_col .style_img_wrap {
        height: 280px;
        overflow: hidden;
        border-radius: 5px;
    }

    .styles_wrap_col .style_img_wrap>img {
        min-height: 280px;
    }
}

@media (max-width: 991px) {
    .styles_wrap_col .style_img_wrap {
        height: 230px;
        overflow: hidden;
        border-radius: 5px;
    }

    .sale_bar_top p {
        font-size: var(--p-tablet); /*13px*/
    }

    .styles_wrap_col .style_img_wrap>img {
        min-height: 230px;
    }
}

@media (min-width: 768px) {
    .top_header_wrap.new_top_header_wrap .login-register a {
        color: #211e22;
        font-weight: 400;
        padding: 0px 10px;
        font-size: var(--a-mobile); /*16px*/
        line-height: 30px;
    }

    .slider-section .ecom_silder,
    .slider-section .slider-nav {
        opacity: 0;
        visibility: hidden;
    }

    .slider-section .ecom_silder.slick-initialized,
    .slider-section .slider-nav.slick-initialized {
        visibility: visible;
        opacity: 1;
    }
}

@media (max-width: 1689px) {
    .main-left-ul.ul-by-style {
        max-width: 650px;
    }
}

@media only screen and (max-width: 1400px) {
    .main-left-ul.ul-by-style {
        max-width: 531px;
    }
}

@media (min-width: 768px) and (max-width:1024px ) {
    .head_lft {
        width: 35%;
    }
}
@media only screen and (max-width: 767px) {
    header.site-header .head_lft img {
        width: 186px;
    }
}

@media (max-width: 1500px) {
    .mega_menu_wrap #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1>li.mega-menu-item>a.mega-menu-link {
        padding: 0px 10px 0px 15px;
    }

    #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 {
        padding-right: 30px !important;
    }
}

@media (max-width: 1300px) {
    #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 {
        padding-right: 20px !important;
    }

    .mega_menu_wrap #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1>li.mega-menu-item>a.mega-menu-link {
        font-size: 14px;
        padding: 0px 8px 0px 8px;
    }
}

@media (max-width: 1200px) {
    .mega_menu_wrap #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1>li.mega-menu-item>a.mega-menu-link {
        font-size: 12px;
    }

    .mega_menu_wrap #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1>li.mega-menu-item.free-button>a.mega-menu-link {
        width: 160px;
    }

    header.site-header .head_right .nav_menu_wrap ul li.main-left-li a {
        font-size: var(--a-desktop); /*14px*/
    }

    .defalut_img_gird .child_right_ul,
    ul.child-right-ul {
        max-width: 230px;
        height: 200px;
    }

    .custom-center {
        width: 63px;
        height: 93px;
    }

    .main-left-ul.ul-by-style {
        left: 185px;
        max-width: 494px;
    }

    #proceed-to-min-cart>span img,
    .login-frm img {
        width: 19px;
        height: 19px;
    }
}

@media (min-width: 1320px) {

    .site-header .container,
    .new_top_header_wrap .container,
    footer .container {
        max-width: 1320px;
        width: 100%;
    }

    #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1>li.mega-menu-item.free-button.header-free-button {
        margin-left: 50px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .nav_menu_wrap {
        display: none;
    }
}

@media (max-width: 1024px) {
    .login-register a {
        display: none;
    }

    .login-register a.login-frm {
        display: block;
        color: var(--kc-primary);
        font-size: 18px;
    }

    .cta-section .row>div {
        width: 50%;
    }

    .cta-inner-right-phone h4 {
        margin-top: 8px;
    }

    #proceed-to-min-cart .cart-txt {
        display: none;
    }

    .new_menu_mobile #proceed-to-min-cart small.custom_item_count {
        position: absolute;
        right: 0;
        left: 15px;
        top: -8px;
        background: var(--kc-primary);
        width: 20px;
        height: 20px;
        text-align: center;
        line-height: 1.5;
        border-radius: 50%;
        font-weight: 400;
        font-size: 14px;
        color: var(--kc-white);
    }

    .new_menu_mobile #proceed-to-min-cart>span {
        color: #211e22;
        font-size: 14px;
        font-weight: 500;
        position: relative;
    }

    .new_menu_mobile #proceed-to-min-cart .custom_item_ajax_total.remove_span_margin,
    .new_top_header_wrap {
        display: none;
    }

    .login-register a.login-frm .login-action {
        display: none !important;
    }

    .new-site-header .head_right {
        width: 40%;
    }

    .new-site-header .login-register {
        padding: 0px 15px;
    }

    .site-header.new-site-header {
        padding: 15px 0 15px !important;
    }

    .mobile_menu.new_menu_mobile {
        display: flex !important;
    }

    .new_menu_mobile .hamburger:before,
    .new_menu_mobile .hamburger:after,
    .new_menu_mobile .hamburger {
        background: var(--kc-primary);
    }

    .mobile_menu_new.menu_items ul li a {
        font-style: normal;
        font-weight: 500;
        font-size: var(--a-tablet); /*16px*/
        line-height: 30px;
        color: #211e22;
        width: 100%;
        display: block;
    }
    .menu_items.mobile_menu_new ul li > a {
        padding: 16px 20px;
    }
/*    .menu-item-has-children > a {
        display: initial !important;
    }*/
    .menu_items.mobile_menu_new ul li .custom-sub-menu {
        padding-bottom: 0;
    }
    .custom-sub-menu {
        height: calc(100vh - 100px);
        overflow-y: auto;
    }        
    ul.custom-sub-menu-ul a {
        width: 100%;
        display: flex;
        align-items: center;
    }
    ul.custom-sub-menu-ul a img {
        margin-right: 8px;
    }
    ul.custom-sub-menu-ul a .color_type_ {
        margin-right: 8px;
    }
    .menu_items.mobile_menu_new ul li {
        border-top: 0.5px solid #d0d0d0;
/*        padding: 15px 0;*/
        position: relative;
        text-transform: uppercase;
        padding: 0;
    }

    .mobile_menu_new ul.menu {
        padding-left: 0px;
    }

    .mobile_menu_new span.open-submenu {
        position: absolute;
        right: 18px;
        top: 19px;
    }

    .mobile_menu_new .add-open .sub-menu li {
        border-top: 0.5px solid #d0d0d0 !important;
/*        padding: 15px 0px !important;*/
        padding: 0 0px !important;
    }
    body .mobile_menu_new .add-open .sub-menu li.p-0 {
        padding: 0 !important;
        border-bottom: 0 !important;
    }
    .mobile_menu_new .add-open .sub-menu li:first-child {
        border-top: 0px solid #d0d0d0 !important;
    }

    .mobile_menu_new .add-open .sub-menu li:last-child {
        border-bottom: 0.5px solid #d0d0d0 !important;
    }

    .mobile_menu_new .close-main-menu {
        color: var(--kc-primary);
        position: absolute;
        right: 14px;
        padding: 5px;
        top: 11px;
        font-size: 18px;
    }

    .close-main-menu i {
        display: none;
    }

    .show-contact-here {
        position: absolute;
        bottom: 9%;
        z-index: 99;
        width: 100%;
        display: none !important;
    }

    .menu_items.mobile_menu_new .show-contact-here ul li {
        border: 0px;
        padding: 3px 0;
    }

    .menu_items.mobile_menu_new .show-contact-here ul {
        list-style: none;
        padding-left: 0px;
        padding: 10px 20px;
    }

    .show-contact-here ul li {
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 30px;
        color: #5c6567;
    }
    .mobile-menu-heading a {
        text-align: center;
        font-size: var(--a-tablet); /*16px*/
        color: var(--kc-primary) !important;
        font-weight: 700 !important;
        text-transform: uppercase;
    }

    .no-scroll {
        overflow: hidden !important;
    }
}

@media (min-width: 350px) and (max-width: 1024px) {
    .new-site-header .head_right {
        width: 160px;
    }
}

@media (min-width: 800px) and (max-width: 820px) {
    .show-contact-here {
        display: none;
    }
}

@media (min-width: 481px) and (max-width: 767px) {
    .show-contact-here {
        position: relative;
        bottom: 0;
        z-index: 99;
        width: 100%;
        display: none;
    }

    .mobile_menu_new .menu {
        height: 360px;
        overflow: scroll;
    }

    .mobile_menu_new .add-open .sub-menu {
        height: 400px;
        overflow: scroll;
    }
}

@media (min-width: 1300px) {
    .new_top_header_wrap.top_header_wrap ul li {
        padding: 0px 60px;
    }
}
@media(max-width:1024px){
    .common-btn:hover{
        color: var(--text-black-color);
    }
}
@media(min-width:1025px) {
    .common-btn:hover {
        background-color: var(--text-black-color) !important;
        color: var(--kc-white) !important;
    }

    .search_bar_h.mobile_show {
        opacity: 0;
        visibility: hidden;
        display: none;
    }

    .new_top_header_wrap.top_header_wrap ul.live-data li:hover {
        color: var(--kc-primary);
    }
}

@media(max-width:1320px) {

    html,
    body {
        overflow-x: hidden;
    }
}

@media(max-width:1024px) {
    ul.custom-sub-menu-ul.colors a.menu-hover-event {
        display: flex;
        align-items: center;
    }
    .mobile_strip_bar {
        display: block !important;
    }

    .right_strip {
        display: none;
    }

    a#back2Top {
        bottom: 30px !important;
    }

    a.strip_cnt {
        display: none !important;
    }

    .cta-inner>div {
        width: 50% !important;
    }

    .cta-inner-left {
        flex-direction: column;
        align-items: flex-start;
    }

    .cta-inner-left-text {
        text-align: left;
    }

    .cta-inner-right {
        min-height: 229px;
    }
    .mobile-fixed .mobile_menu_new>div>ul>li.mobile-menu-no {
        text-align: center;
        padding-top: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .mobile-fixed .mobile_menu_new>div>ul>li.mobile-menu-no>a {
        padding: 12px 25px 12px 25px;
        background: var(--kc-primary);
        border-radius: 20px;
        font-style: normal;
        font-weight: 500;
        font-size: var(--a-tablet); /*18px*/
        height: 51px;
        line-height: 34px;
        border: 2px solid var(--kc-primary);
        color: var(--kc-white);
        width: max-content;
        text-align: center;
        margin-left: 0;
        margin-top: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 0;
    }

    .mobile-footer-email {
        text-align: center;
    }

    .mobile-footer-email a {
        font-weight: 700;
        color: var(--text-black-color);
        font-size: var(--a-tablet); /*16px*/
    }

    .top_right_wrap {
        display: none !important;
    }

    .footer-last-col-email a {
        word-break: break-all;
    }

    body .social-links-footer {
        flex-direction: column;
        align-items: flex-start;
    }

    .social-group ul>li:first-child a {
        padding-left: 0px;
    }

    .mob-footer-bottom .mob-fixed img {
        width: 165px;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .copy-right-section p {
        font-size: var(--p-tablet); /*14px*/
        font-weight: 500;
    }
}

@media(max-width:768px) {
    .cta-inner-right>div {
        padding-left: 0;
        padding-right: 0;
    }

    .cta-inner-right>div {
        width: 100% !important;
        text-align: left;
    }

    .cta-inner {
        display: flex;
    }

    .cta-inner-left-text {
        width: 100% !important;
    }

    .cta-inner-left,
    .cta-inner-right {
        padding: 25px !important;
    }

    .cta-inner-right {
        flex-direction: column;
    }

    .cta-inner-right-hours {
        border-left-width: 0px;
        margin-top: 10px;
    }

    .cta-inner-left,
    .cta-inner-right {
        min-height: 230px;
    }
}

@media (min-width: 1024px) and (max-width: 1319px) {

    .site-header .container,
    .new_top_header_wrap .container {
        max-width: 1320px;
        width: 100% !important;
    }

    #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1>li.mega-menu-item.free-button.header-free-button {
        margin-left: 12px;
    }

    #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1>li.mega-menu-item>a.mega-menu-link {
        padding-top: 0px !important;
    }

    .mega_menu_wrap #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1>li.mega-menu-item.free-button>a.mega-menu-link {
        height: auto;
    }
}

@media screen and (max-width: 767px) {
    footer#colophon {
        padding-bottom: 70px;
    }
}

@media(max-width:680px) {
    .footer_head_logo_wrap img {
        width: 270px;
        object-fit: contain;
    }
}

@media (max-width: 480px) {
    .mobile_menu_new .add-open .sub-menu {
        overflow-y: auto;
        height: 100vh;
    }

    ul#menu-mobile-menu {
        height: 100vh;
        overflow-x: scroll;
    }

    body .mob-footer-bottom {
        padding-bottom: 10px !important;
    }
}

@media (min-width: 481px) and (max-width: 600px) {
    .mobile_menu_new .menu {
        height: 260px !important;
        overflow: scroll;
    }

    .mobile_menu_new .add-open .sub-menu {
        height: 315px !important;
        overflow: scroll;
    }
}

@media (min-width: 1700px) {
    .container {
        max-width: 1340px !important;
        width: 100%;
    }
}

@media (min-width: 1500px) {

    .site-header .container,
    .new_top_header_wrap .container,
    footer .container {
        max-width: 1550px !important;
        width: 100% !important;
    }
}

@media (min-width: 1435px) and (max-width: 1699px) {
    .container {
        max-width: 1300px;
        width: 100%;
    }
}

@media (min-width: 1099px) {
    #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1>li.mega-menu-megamenu>ul.mega-sub-menu {
        width: 970px !important;
    }
}

@media (min-width: 1500px) {
    #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1>li.mega-menu-megamenu>ul.mega-sub-menu {
        left: 10% !important;
    }
}

@media screen and (orientation:landscape)and (min-width: 768px) and (max-width: 1024px) {
    footer#colophon {
        padding-bottom: 35px;
    }
}

@media (max-width: 1025px) {
    .container {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        max-width: 100%
    }
}

@media (max-width: 767px) {
    .cta-section .row > div {
        width: 100% !important;
    }
}
@media(min-width:1025px){
    .reset_filter:hover
    , .add_to_cart_popup:hover
    , .add_to_cart_btn:hover
    , .check_buttons:hover
    , .view_result:hover
    , .get-a-sample.free_sample:hover
    , .add_to_project_btn:hover

    {
        background-color: var(--text-black-color) !important;
        color: #fff  !important;
        border-color: var(--text-black-color) !important;
    }
}
.head_right ul.mega-menu > li > ul.mega-sub-menu{
    overflow-x: hidden !important;
}

.nonfabuwood_ajax_add_wishlist_modal:hover{
    background-color: var(--kc-primary) !important;
    color: #fff  !important;
    border-color: var(--kc-primary) !important;
}

.project-lists{
    margin-top: 10px;
}

.project-lists #projects{
    padding: 10px 15px;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    width: 100%;    
}

.project-lists label{
    font-size: 14px;
    color: #ccc;
    text-align: left;
    display: block;
}

.project-lists .validation-error {
    border: 1px dashed #dd3232 !important;    
}

.cab-success {
    color: #076807;
}

.project-error {
    color: #e11010;
}

.pb-radio {
    float: left;
    margin: 0 5px 0 0;
    position: relative;
}

input.account_method {
    display: none;
    z-index: 100;
    margin: 0 !important;
    cursor: pointer;
}

.pb-radio input[type="radio"]:checked + label {
    background: var(--kc-primary) !important;
    border-radius: 4px;
    color: #FFF;
}

.pb-radio label {
    padding: 5px 15px;   
    cursor: pointer;
    z-index: 90;
    margin: 0;
    display: flex !important;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--kc-primary) !important;
}

/* .site-content-contain * {
    transition: 0.2s all ease-in-out;
} */

.business-account-information {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;
}

label[for="subscribe_checkbox"] {
    display: flex !important;
    align-items: center;
    cursor: pointer;
    max-width: max-content;
}

label[for="subscribe_checkbox"] input#subscribe_checkbox {
    margin-right: 6px;
    margin-top: 0;
}

.offset-lg-1.col-lg-8.margin-left-none {
    margin: 0px;
}

.search-dropdown ul.live-data>li>a, .search-dropdown-desktop ul.live-data>li>a  {
    display: inline-block;
    margin-bottom: 5px;
    margin-right: 5px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    width: 100%;
    position: relative;
    font-size: 13px;
    word-break: break-all;
    padding-right: 35px;
    color:var(--kc-primary);
}

span.error {
    color: red;
    font-size: 12px;
    font-weight: 600;
    margin: 10px 0px;
    display: block;
}

#subscribe-checkbox-block{
    display: inline-block !important;
}

span#subscribe_checkbox-error {
    margin: 0px 0px;
}
.product-add-success-cart .depot-shop-cart-item-wrapper {
    height: calc(100vh - 300px);
}
.project-form{ display: flex;}
.action_fnlz {
    width: 10%;
    justify-content: right;
    display: flex;
    flex-wrap: wrap;
    margin-top: -15px;
    margin-left: 20px;
}
.qunt_fnlz.cabinet-sample-pr {
    width: auto;
}

.woocommerce-account .woocommerce-MyAccount-content .order-status.status-processing {
    background: #c6e1c6 !important;
    color: #5b841b !important;
    margin: 0;
}
.woocommerce-account .woocommerce-MyAccount-content .order-status {
    display: inline-flex;
    line-height: 2.3em;
    border-radius: 4px;
    border-bottom: 1px solid rgba(0,0,0,.05);
    margin: -.25em 0;
    cursor: inherit!important;
    white-space: nowrap;
    max-width: 100%;
    padding: 0px 10px;
    background: #e5e5e5;
    font-weight: 600;
}
.woocommerce-MyAccount-content > p {
    line-height: 200%;
}
.woocommerce-account .woocommerce-MyAccount-content .order-status.status-on-hold {
    background: #f8dda7 !important;
    color: #94660c !important;
}

.woocommerce-account .woocommerce-MyAccount-content .order-status.status-on-hold {
    background: #f8dda7 !important;
    color: #94660c !important;
}

.woocommerce-account .woocommerce-MyAccount-content .order-status.status-shipped {
    background: #eee12d !important;
    color: var(--kc-primary) !important;
}

.woocommerce-account .woocommerce-MyAccount-content .order-status.status-completed {
    background: #c8d7e1;
    color: #2e4453;
}

.woocommerce-account .woocommerce-MyAccount-content .order-status.status-completed {
    background: #c8d7e1;
    color: #2e4453;
}

.woocommerce-account .woocommerce-MyAccount-content .order-status.status-failed {
    background: #eba3a3;
    color: #761919;
}
.cart-main h1{
    font-size: var(--h1-desktop); /*30px*/
    font-weight: 600;
    line-height: 1.3; 
}
.page_title{ text-transform: uppercase;}
.page-content { margin:50px 0px;}


section.shop-cabinets-listing {
    padding-bottom: 70px;
}
.cta-inner-right-hours {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.variation-AssemblingPrice p, .variation-Cabinet p {
    line-height: unset;
}
.assembly_add_to_cart_form .actions {
    width: 100%;
}

.assembly_add_to_cart_form .door_inner_grid_left label::before {
    background-image: url('/wp-content/themes/project-cabinet/assets/images/assembled.png');
    min-width: 60px;
}
.assembly_add_to_cart_form .door_inner_grid_right label::after {
    background-image: url('/wp-content/themes/project-cabinet/assets/images/unassembled.png');
}


@media(max-width: 767px){
    section.shop-cabinets-listing {
        padding-bottom: 40px;
    }
}
@media (max-width: 360px) {
    header.site-header .head_lft img {
        max-width: 100%;
    }
}