.elementor-51482 .elementor-element.elementor-element-6666d2cf{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:24px;--padding-bottom:24px;--padding-left:20px;--padding-right:20px;}.elementor-51482 .elementor-element.elementor-element-16e1af18{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-51482 .elementor-element.elementor-element-2e8c720d{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-search{--e-search-input-color:var( --e-global-color-text );}.elementor-widget-search.e-focus{--e-search-input-color:var( --e-global-color-text );}.elementor-widget-search .elementor-pagination{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-51482 .elementor-element.elementor-element-d8dd9ad .e-search-submit{background-color:#02010100;border-style:solid;border-width:1px 1px 1px 0px;border-color:#CAC7C0;}.elementor-51482 .elementor-element.elementor-element-d8dd9ad{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;--e-search-placeholder-color:#36363680;--e-search-input-padding-block-start:15px;--e-search-input-padding-inline-start:12px;--e-search-input-padding-block-end:15px;--e-search-input-padding-inline-end:12px;--e-search-submit-margin-inline-start:0px;--e-search-icon-submit-size:18px;--e-search-submit-icon-gap:0px;--e-search-icon-submit-color:#363636;}.elementor-51482 .elementor-element.elementor-element-d8dd9ad .e-search-input{font-family:"Brandon Grotesque", Sans-serif;font-size:18px;font-weight:400;border-style:solid;border-width:1px 0px 1px 1px;border-color:#CAC7C0;border-radius:0px 0px 0px 0px;}.elementor-51482 .elementor-element.elementor-element-25ecc823{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-51482 .elementor-element.elementor-element-274f30e2 img{width:100%;max-width:300px;}.elementor-51482 .elementor-element.elementor-element-515fed4d{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-51482 .elementor-element.elementor-element-ba4313 .elementor-heading-title{font-family:"Brandon Grotesque", Sans-serif;font-size:18px;font-weight:400;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-51482 .elementor-element.elementor-element-3b606560 .elementor-button:hover, .elementor-51482 .elementor-element.elementor-element-3b606560 .elementor-button:focus{background-color:#959595;color:#FFFFFF;}.elementor-51482 .elementor-element.elementor-element-3b606560 .elementor-button{font-family:"Lato", Sans-serif;font-size:14px;font-weight:500;text-transform:uppercase;text-decoration:none;line-height:18px;letter-spacing:22%;border-style:none;border-radius:0px 0px 0px 0px;padding:12px 20px 12px 20px;}.elementor-51482 .elementor-element.elementor-element-3b606560 .elementor-button:hover svg, .elementor-51482 .elementor-element.elementor-element-3b606560 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-51482 .elementor-element.elementor-element-1420cd9b{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-51482 .elementor-element.elementor-element-1420cd9b:not(.elementor-motion-effects-element-type-background), .elementor-51482 .elementor-element.elementor-element-1420cd9b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E1E5E4;}.elementor-51482 .elementor-element.elementor-element-6a5e6268{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-51482 .elementor-element.elementor-element-6067727b .elementor-menu-toggle{margin:0 auto;}.elementor-51482 .elementor-element.elementor-element-76b0d84c{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:16px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-51482 .elementor-element.elementor-element-76b0d84c:not(.elementor-motion-effects-element-type-background), .elementor-51482 .elementor-element.elementor-element-76b0d84c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F6F6;}.elementor-51482 .elementor-element.elementor-element-7a0de81d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-51482 .elementor-element.elementor-element-413277b6 .elementor-menu-toggle{margin:0 auto;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-51482 .elementor-element.elementor-element-16e1af18{--flex-wrap:wrap;}.elementor-51482 .elementor-element.elementor-element-d8dd9ad{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}}@media(max-width:767px){.elementor-51482 .elementor-element.elementor-element-1420cd9b{--padding-top:16px;--padding-bottom:16px;--padding-left:20px;--padding-right:20px;}.elementor-51482 .elementor-element.elementor-element-76b0d84c{--padding-top:16px;--padding-bottom:16px;--padding-left:20px;--padding-right:20px;}}@media(min-width:768px){.elementor-51482 .elementor-element.elementor-element-6666d2cf{--content-width:1440px;}.elementor-51482 .elementor-element.elementor-element-1420cd9b{--content-width:1440px;}.elementor-51482 .elementor-element.elementor-element-76b0d84c{--content-width:1440px;}}@media(max-width:1024px) and (min-width:768px){.elementor-51482 .elementor-element.elementor-element-25ecc823{--width:48%;}.elementor-51482 .elementor-element.elementor-element-515fed4d{--width:46%;}}/* Start custom CSS for search, class: .elementor-element-d8dd9ad */.elementor-widget-search input{
    height: 50px !important;
}
.elementor-widget-search .e-search-submit{
    height: 54px !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6666d2cf */.elementor-widget-theme-site-logo img{
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1420cd9b */.mega-menu-top .menu-item-has-children:hover > .sub-menu{
    display: block;
}
.mega-menu-top{
    z-index: 9;
    position: relative !important;
}
.mega-menu-top .e-con-inner{
    padding:0 !important;
}
.mega-menu-top .e-con-inner .elementor-widget-nav-menu{
    width: 100%;
    display: block;
}
.mega-menu-top .e-con-inner .elementor-element{
    display: block;
}
.mega-menu-top .e-con-inner .elementor-widget-nav-menu .elementor-nav-menu{
    width: 100%;
    justify-content: space-between;
}
.mega-menu-top .e-con-inner .elementor-widget-nav-menu .elementor-nav-menu::after{
    display: none;
}
.mega-menu-top div,
.mega-menu-top .elementor-nav-menu,
.mega-menu-top .elementor-nav-menu li{
    position: static !important;
}
.mega-menu-top .elementor-nav-menu li a{
    color: #000 !important;
    font-family: "Brandon Grotesque", Sans-serif !important;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 16%;
    text-decoration: none !important;
}
.mega-menu-top .elementor-nav-menu li a.elementor-item-active{
    background: none;
}
.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{
    background: #000 !important;
}
.mega-menu-top .elementor-nav-menu li a .sub-arrow{
    display: none;
}
.mega-menu-top .sub-menu{
    width: 100% !important;
    max-width: 100% !important;
    transform: none !important;
    margin: 0 !important;
    left: 0;
    right: 0;
    padding: 60px 0 30px !important;
    background: #fff;
}
.mega-menu-top .sub-menu > li{
    margin: 0 auto;
    width: 100% !important;
    max-width: 1440px !important;
    display: flex;
    align-items: center;
    justify-content: center;
}
.mega-menu-top .sub-menu > li .submenu-wrapper{
    column-count: 2;
    width: auto;
    display: block;
    position: static !important;
}
.mega-menu-top .sub-menu li a{
    padding: 0 !important;
    display: inline-block;
    text-decoration: none !important;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 24px;
    font-weight: 300;
}
.mega-menu-top .sub-menu li a:hover{
    background: none;
    color: red !important;
}
.mega-menu-top .sub-menu li a.menu-image-title-hide{
    margin-top: -30px;
}
@media(min-width:1920px){
    .mega-menu-top .sub-menu{
        padding-left: 35%;
        padding-right: 35px;
    }
}
@media(min-width:1024px){
    .mega-menu-top .menu-item-has-children:hover > .sub-menu{
        display: block;
    }
    .mega-menu-top .elementor-nav-menu li a:hover{
        color: #000 !important;
    }
}
@media(max-width:1799px){
    .mega-menu-top .sub-menu{
        padding-left: 20%;
        padding-right: 20px;
    }
}
@media(max-width:1199px){
    .mega-menu-top .elementor-nav-menu li a{
        font-size: 14px;
    }
    .mega-menu-top .sub-menu{
        padding: 60px 10% 30px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-76b0d84c */.mega-menu-bottom{
    position: relative !important;
}
.mega-menu-bottom .e-con-inner{
    padding:0 !important;
}
.mega-menu-bottom .e-con-inner .elementor-widget-nav-menu{
    width: 100%;
    display: block;
}
.mega-menu-bottom .e-con-inner .elementor-element{
    display: block;
}
.mega-menu-bottom .e-con-inner .elementor-widget-nav-menu .elementor-nav-menu{
    width: 100%;
    justify-content: space-between;
}
.mega-menu-bottom .e-con-inner .elementor-widget-nav-menu .elementor-nav-menu::after{
    display: none;
}
.mega-menu-bottom div,
.mega-menu-bottom .elementor-nav-menu,
.mega-menu-bottom .elementor-nav-menu li{
    position: static !important;
}
.mega-menu-bottom .menu-btns{
    position: absolute !important;
}
.mega-menu-bottom .elementor-nav-menu li a{
    font-size: 12px;
    color: #000 !important;
    font-family: "Brandon Grotesque", Sans-serif !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    letter-spacing: 2%;
    text-decoration: none !important;
    border: none !important;
}

.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{
    background: #000 !important;
}
.mega-menu-bottom .elementor-nav-menu li a .sub-arrow{
    display: none;
}
.mega-menu-bottom .elementor-nav-menu li.menu-heading{
    position: absolute !important;
    top: 0;
}
.mega-menu-bottom .elementor-nav-menu li.menu-heading a,
.mega-menu-bottom .elementor-nav-menu li.menu-heading-2 a{
    cursor: text;
    pointer-events: none;
    color: #363636;
    font-size: 18px;
    font-weight: bold !important;
}
.mega-menu-bottom .elementor-nav-menu li.menu-heading-2 a{
    margin: 20px 0 10px;
}
.mega-menu-bottom .sub-menu{
    width: 100% !important;
    max-width: 100% !important;
    transform: none !important;
    margin: 0 !important;
    left: 0;
    right: 0;
    padding: 0 !important;
}
.mega-menu-bottom .sub-menu li a{
    padding: 0 !important;
    display: inline-block;
    text-decoration: none !important;
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 300 !important;
    line-height: 24px;
    text-transform: none;
    border: none !important;
    text-transform: capitalize;
}
.mega-menu-bottom .sub-menu li a.elementor-item-active{
    background: none;
}
.mega-menu-bottom .sub-menu li a:hover,
.mega-menu-bottom .sub-menu li a:focus{
    background: none;
    color: red !important;
}
/* .mega-menu-bottom .sub-menu li a.menu-image-title-hide{
    margin-top: -30px;
} */

.mega-menu-bottom .menu-item-has-children .sub-menu .inner-ul{
    position: relative;
    top: auto !important;
    width: auto !important;
    margin-bottom: 20px;
    padding-top: 40px;
}

.mega-menu-bottom .menu-grid{
    display: flex;
    flex-wrap: wrap;
    max-width: 1480px;
    margin: 0 auto;
    padding: 50px 20px 30px;
}
.mega-menu-bottom .menu-group{
    width: 100%;
    max-width: 20%;
}
.mega-menu-bottom .menu-group-image{
    width: 100%;
    max-width: 20% !important;
}
.mega-menu-bottom .menu-group-image ul{
    padding-top: 0 !important;
}
.mega-menu-bottom .menu-group-image ul a{
    display: block;
    pointer-events: none;
    position: relative;
    padding-bottom: 100% !important;
}
/* .mega-menu-bottom .menu-group-image ul a{
    display: block !important;
    padding: 16px !important;
    background: #E1E5E4 !important;
} */
.mega-menu-bottom .menu-group-image ul a img{
    width: 100%;
    padding: 0;
    display: block;
    margin: 0 !important;
    position: absolute;
    top: 0;
    height: 100%;
    object-fit: cover;
}
.mega-menu-bottom .menu-group-image ul a .menu-image-title{
    margin-top: 15px;
    font-weight: 300 !important;
}
.mega-menu-bottom .single-col-menu .menu-grid{
    justify-content: center;
}
.mega-menu-bottom .single-col-menu .menu-grid .menu-group{
    max-width: 25%;
}


/* SHOP BY COLLECTION 
====================================*/
.three-col-menu .menu-grid .menu-group:first-child{
    max-width: 80%;
    display: flex;
}
.three-col-menu .menu-grid .menu-group:first-child ul:last-child{
    column-count: 3;
    padding-left: 70px;
    width: 100% !important;
}
.three-col-menu .menu-grid .menu-group-image{
    max-width: 20%;
}
/* .three-col-menu .menu-grid .menu-group-image ul a{
    padding: 0 !important;
    background: none !important;
} */
/* Cabinet Hardware
====================================*/
.two-col-menu .menu-grid{
    /* max-width: 1100px; */
    justify-content: center;
}
.two-col-menu .menu-grid .menu-group:first-child{
    max-width: 50%;
    display: flex;
    justify-content: space-around;
}
.two-col-menu .menu-grid .menu-group-image{
    max-width: 66%;
}
/* .two-col-menu .menu-grid .menu-group-image ul{
    display: flex !important;
    justify-content: space-between;
} */
/* .two-col-menu .menu-grid .menu-group-image ul li{
    width: 100%;
    max-width: 45%;
}
.two-col-menu .menu-grid .menu-group-image ul li:last-child a{
    padding: 0 !important;
    background: none !important;
} */
/* Cabinet Hardware
====================================*/
.three-col-menu-2 .menu-grid{
    justify-content: center;
}
.three-col-menu-2 .menu-grid .menu-group{
    max-width: 33%;
}
/* Window Hardware 
====================================*/
.three-col-menu-3 .menu-grid{
    justify-content: center;
}
.three-col-menu-3 .menu-grid .menu-group{
    max-width: 33.33%;
}
.three-col-menu-3 .menu-grid .menu-group-image{
    max-width: 50%;
}
/* .three-col-menu-3 .menu-grid .menu-group-image ul{
    display: flex !important;
    justify-content: space-between;
}
.three-col-menu-3 .menu-grid .menu-group-image ul li{
    width: 100%;
    max-width: 45%;
} */
/* .three-col-menu-3 .menu-grid .menu-group-image ul li:last-child a{
    padding: 100 !important;
    background: none !important;
} */
.three-col-menu-3.home-accessories-menu .menu-grid .menu-group{
    max-width: 65%;
}
.three-col-menu-3.home-accessories-menu .menu-grid .menu-group:first-child ul{
    column-count: 2;
}
/* Home Accessories 
====================================*/
.four-col-menu .menu-grid .menu-group-image{
    max-width: 40%;
}
.four-col-menu .menu-grid .menu-group-image ul{
    display: flex !important;
    justify-content: space-between;
}
.four-col-menu .menu-grid .menu-group-image ul li{
    width: 100%;
    max-width: 45%;
}
.four-col-menu .menu-grid .menu-group-image ul li:last-child a{
    padding: 0 !important;
    background: none !important;
}
.mega-menu-bottom .door-hardware-menu .menu-grid{
    justify-content: center;
}
.mega-menu-bottom .door-hardware-menu .menu-grid .menu-group:first-child{
    max-width: 30%;
    display: flex;
    justify-content: space-between;
}
.mega-menu-bottom .door-hardware-menu .menu-grid .menu-group:nth-child(2n){
    max-width: 40%;
    position: relative !important;
}
.mega-menu-bottom .door-hardware-menu .menu-grid .menu-group:nth-child(2n) .inner-ul:first-child{
    max-width: 70%;
    padding-left: 80px;
    position: absolute;
    top: 190px !important;
    left: -297px;
}
.mega-menu-bottom .door-hardware-menu .menu-grid .menu-group:nth-child(2n) .inner-ul:last-child{
    padding-left: 50px;
    column-count: 2;
    max-width: 100%;
}
.door-hardware-menu .menu-group:nth-child(2n){
    display: flex;
    max-width: 40%;
    justify-content: space-between;
}
.mega-menu-bottom .door-hardware-menu .menu-group:nth-child(2n) .inner-ul{
    width: 100% !important;
    max-width: 50%;
}
@media(max-width:1439px){
    .mega-menu-bottom .door-hardware-menu .menu-grid .menu-group:nth-child(2n) .inner-ul:first-child{
        left: -288px;
    }
}
@media(max-width:1279px){
    .mega-menu-bottom .door-hardware-menu .menu-grid .menu-group:nth-child(2n) .inner-ul:first-child{
        left: -264px;
    }
}
@media(min-width:1024px){
    .mega-menu-bottom .menu-item-has-children:hover > .sub-menu{
        display: block;
    }
    .mega-menu-bottom .elementor-nav-menu li a:hover{
        color: #000 !important;
    }
    .mega-menu-bottom .menu-item-has-children:hover > .sub-menu .inner-ul{
        display: block;
    }
}
@media(max-width:1199px){
    .mega-menu-bottom .door-hardware-menu .menu-grid .menu-group:nth-child(2n) .inner-ul:first-child{
        left: -198px;
        top: 150px !important;
    }
    .mega-menu-bottom .elementor-nav-menu li a{
        font-size: 11px;
        padding: 16px 10px !important;
    }
    .mega-menu-bottom .elementor-nav-menu li.menu-heading a,
    .mega-menu-bottom .elementor-nav-menu li.menu-heading-2 a{
        font-size: 14px;
    }
    .mega-menu-bottom .sub-menu li a{
        font-size: 14px;
        margin-bottom: 5px;
        padding: 0 !important;
    }
    .mega-menu-bottom .menu-group-image ul a{
        padding-bottom: 100% !important;
    }
    .mega-menu-bottom .menu-item-has-children .sub-menu .inner-ul{
        padding-top: 30px;
    }
    .mega-menu-bottom .menu-grid{
        padding: 30px 20px 10px;
    }
    .mega-menu-bottom .menu-item-has-children .sub-menu .inner-ul{
        margin-bottom: 10px;
    }
    .three-col-menu .menu-grid .menu-group:first-child ul:last-child{
        padding-left: 40px;
    }
    /* .mega-menu-bottom .door-hardware-menu .menu-grid .menu-group:first-child{
        max-width: 40%;
    }
    .mega-menu-bottom .door-hardware-menu .menu-grid .menu-group:nth-child(2n){
        max-width: 60%;
    } */
     .mega-menu-bottom .door-hardware-menu .menu-grid .menu-group:nth-child(2n){
        position: static !important;
     }
    .mega-menu-bottom .door-hardware-menu .menu-grid .menu-group:nth-child(2n) .inner-ul:first-child{
        padding-left: 30px;
        column-count: auto;
    }
    .mega-menu-bottom .door-hardware-menu .menu-grid .menu-group:nth-child(2n) .inner-ul:last-child{
        column-count: auto;
    }
    .mega-menu-bottom .door-hardware-menu .menu-grid .menu-group:nth-child(2n) .inner-ul:first-child{
        position: static;
    }
}/* End custom CSS */
/* Start custom CSS */header{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    background: #fff;
}
body{
    padding-top: 207px !important;
}
body.open-menu{
    overflow: hidden;
}
a.elementor-button.elementor-button-link.elementor-size-sm,a.e-n-menu-title-container.e-focus.e-link,li.elementor-icon-list-item a {
    text-decoration: none !important;
}
li.elementor-icon-list-item a span:hover{
    font-weight: bold;
    text-decoration: underline !important;
    text-underline-offset: 4px;
}
.menu-heading .elementor-heading-title {
    font-weight: bold !important;
}
.toggle-btn-menu{
    display: none;
    align-items: center;
    justify-content: space-between;
    width: 30px;
    height: 22px;
    border: none;
    padding: 0;
    flex-direction: column;
    background: none;
    cursor: pointer;
}
.toggle-btn-menu span{
    width: 100%;
    height: 2px;
    background: #000;
}
.menu-btns,
.close-btn-menu,
.back-btn-icon,
.mega-menu-bottom .elementor-menu-toggle{
    display: none !important;
}
input.e-search-input.no-icon-label {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
button.e-search-submit {
    padding: 27px !important;
}
@media(max-width:1199px){
    body{
        padding-top: 213px !important;
    }
    .mega-menu-top .elementor-nav-menu li a{
        padding: 13px 10px;
    }
}
@media(max-width:1024px){
    header{
        overflow: hidden;
    }
    body{
        padding-top: 168px !important;
    }
    .top-header .e-con-inner > .e-flex{
        flex-direction: column-reverse;
    }
    .toggle-btn-menu{
        display: flex;
    }
    .top-header .main-btns{
        display: none !important;
    }
    .top-header .elementor-widget-image{
        text-align: left;
    }
    .top-header .logo-sec{
        width: 100%;
        display: flex;
        align-items: center;
        flex-direction: row;
        justify-content: space-between;
    }
    .mega-menu-top,
    .mega-menu-bottom{
        display: none !important;
    }
    .mega-menu-bottom{
        background: #fff !important;
        display: block !important;
        background: none;
        position: fixed !important;
        top: 0;
        left: 100%;
        bottom: 0;
        overflow: auto;
        padding: 60px 0 0;
        transition: all 0.3s ease;
    }
    .mega-menu-bottom.active{
        left: 0;
    }
    .close-btn-menu{
        width: 30px;
        background: none;
        border: 0;
        padding: 0;
        height: 22px;
        display: flex !important;
        align-items: center;
        justify-content: space-between;
        position: absolute;
        top: 20px;
        right: 15px;
        cursor: pointer;
    }
    .close-btn-menu span{
        width: 100%;
        height: 2px;
        display: block;
        background: #000;
        position: absolute;
        transform: rotate(45deg);
    }
    .close-btn-menu span:last-child{
        transform: rotate(-45deg);
    }
    .mega-menu-bottom .e-con-inner{
        display: block;
    }
    .mega-menu-bottom .e-con-inner > .e-flex{
        display: block;
    }
    .mega-menu-bottom nav.elementor-nav-menu--dropdown.elementor-nav-menu__container{
        display: block;
        max-height: inherit !important;
        transform: none !important;
    }
    .mega-menu-bottom .elementor-nav-menu{
        padding: 0 15px;
    }
    .mega-menu-bottom .elementor-nav-menu li a{
        display: block;
        position: relative;
        margin: 0 !important;
        text-transform: uppercase;
        padding: 7px 0 !important;
        font-size: 14px !important;
        border-bottom: 1px solid #ccc !important;
    }
    .mega-menu-bottom .elementor-nav-menu li a:focus{
        color: #000;
        background: none !important;
    }
    .mega-menu-bottom .elementor-nav-menu li.show a,
    .mega-menu-bottom .elementor-nav-menu li.menu-1 a{
        font-weight: 400 !important;
    }
    .mega-menu-bottom .elementor-nav-menu li.menu-item-has-children > a::after,
    .mega-menu-bottom .elementor-nav-menu li.menu-item-has-children > a::before,
    .mega-menu-bottom .elementor-nav-menu li.menu-item-has-children.active .sub-menu .inner-ul li.menu-heading a::after,
    .mega-menu-bottom .elementor-nav-menu li.menu-item-has-children.active .sub-menu .inner-ul li.menu-heading a::before{
        content: '';
        display: block;
        width: 10px;
        height: 2px;
        background: #000;
        position: absolute;
        top: 19px;
        right: 5px;
        opacity: 1 !important;
        transform: rotate(-45deg);
    }
    .mega-menu-bottom .elementor-nav-menu li.menu-item-has-children > a::before,
    .mega-menu-bottom .elementor-nav-menu li.menu-item-has-children.active .sub-menu .inner-ul li.menu-heading a::before{
        top: 13px;
        transform: rotate(45deg);
    }
    .mega-menu-bottom .elementor-nav-menu .menu-grid{
        display: block;
        padding: 0;
    }
    .mega-menu-bottom .elementor-nav-menu .menu-grid .menu-group{
        max-width: 100% !important;
        display: block !important;
    }
    .mega-menu-bottom .elementor-nav-menu .menu-grid .menu-group ul{
        padding-left: 0 !important;
    }
    .mega-menu-bottom .elementor-nav-menu .menu-grid .menu-group.menu-group-image{
        display: none !important;
    }
    .mega-menu-bottom .elementor-nav-menu li.active a,
    .mega-menu-bottom .elementor-nav-menu li a:hover{
        color: #000 !important;
        background: none !important;
    }
    .mega-menu-bottom .elementor-nav-menu .sub-menu{
        overflow: auto;
    }
    .mega-menu-bottom .elementor-nav-menu li.menu-item-has-children.active .sub-menu .inner-ul{
        margin: 0;
        padding: 0;
        display: block;
        column-count: auto;
        max-width: 100% !important;
    }
    .mega-menu-bottom .elementor-nav-menu li.menu-item-has-children.active .sub-menu .inner-ul li:not(.menu-heading){
        display: none;
    }
    .mega-menu-bottom .elementor-nav-menu li.menu-item-has-children.active .sub-menu .inner-ul li.menu-heading{
        position: static !important;
    }
    .mega-menu-bottom .elementor-nav-menu li.menu-item-has-children.active .sub-menu .inner-ul li.menu-heading a{
        display: block;
        cursor: pointer;
        pointer-events: auto;
    }
    .mega-menu-bottom .elementor-nav-menu li.menu-item-has-children.active .sub-menu{
        position: absolute;
        background: #fff;
        top: 80px;
        left: 15px;
        right: 15px;
        bottom: 104px;
        z-index: 1;
        width: auto !important;
    }
    .mega-menu-bottom .door-hardware-menu .menu-grid .menu-group:nth-child(2n) .inner-ul:first-child.inner-ul-active,
    .mega-menu-bottom .elementor-nav-menu li.menu-item-has-children.active .sub-menu .inner-ul-active{
        position: absolute;
        background: #fff;
        top: 0 !important;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1;
        width: auto !important;
    }
    .mega-menu-bottom .elementor-nav-menu li.menu-item-has-children.active .sub-menu .img-link{
        display: none !important;
    }
    .mega-menu-bottom .elementor-nav-menu li.menu-item-has-children.active .back-btn-icon{
        position: absolute;
        top: 20px;
        left: 15px;
        width: 30px;
        height: 30px;
        padding: 0;
        background: none;
        border: 0;
        display: block !important;
        cursor: pointer;
    }
    .mega-menu-bottom .elementor-nav-menu li.menu-item-has-children.active .back-btn-icon span{
        display: block;
        width: 14px;
        height: 2px;
        background: #000;
        position: absolute;
        top: 17px;
        right: 10px;
        opacity: 1 !important;
        transform: rotate(45deg);
    }
    .mega-menu-bottom .elementor-nav-menu li.menu-item-has-children.active .back-btn-icon span:last-child{
        top: 8px;
        transform: rotate(-45deg);
    }
    .open-menu .mega-menu-bottom .elementor-nav-menu li.menu-item-has-children.active > a,
    .open-menu .mega-menu-bottom .elementor-nav-menu li.menu-item-has-children.active .sub-menu .inner-ul-active .inner-active > a{
        position: fixed;
        top: 15px;
        left: 60px;
        right: 60px;
        pointer-events: none;
        border: none !important;
        text-align: center;
        font-weight: 700 !important;
        font-size: 16px !important;
        background: #fff !important;
    }
    .mega-menu-bottom .elementor-nav-menu li.menu-item-has-children.active > a::after,
    .mega-menu-bottom .elementor-nav-menu li.menu-item-has-children.active > a::before,
    .mega-menu-bottom .elementor-nav-menu li.menu-item-has-children.active .sub-menu .inner-ul-active .inner-active > a::after,
    .mega-menu-bottom .elementor-nav-menu li.menu-item-has-children.active .sub-menu .inner-ul-active .inner-active > a::before{
        display: none !important;
    }
    .mega-menu-bottom .menu-btns{
        text-align: center;
        position: absolute;
        bottom: -100%;
        left: 0;
        right: 0;
        padding: 30px 5px;
        background: #fff;
        z-index: 1;
        transition: all 0.7s ease;
        display: block;
    }
    .mega-menu-bottom .menu-btns a{
        font-family: "Lato", Sans-serif;
        font-size: 13px;
        font-weight: 500;
        text-transform: uppercase;
        text-decoration: none;
        line-height: 18px;
        letter-spacing: 22%;
        border-style: none;
        border-radius: 0px 0px 0px 0px;
        padding: 12px 20px 12px 20px;
        background: #B38B4D;
        border: 1px solid #B38B4D;
        color: #fff;
        margin: 0 5px;
        display: inline-block;
        text-decoration: none !important;
    }
    .mega-menu-bottom .menu-btns a:first-child{
        color: #B38B4D;
        background: #fff;
    }
    .mega-menu-bottom.active .menu-btns{
        bottom: 0;
    }
}/* End custom CSS */