/*your custom css goes here*/

:root{
	--alter: #ca9a41;
	--alter2: #000000;
	--alter3: #fff7de;
	--alter4: #462f36;
}
.aiz-main-wrapper {
    background-color: #f9f9f9;
}
a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover{
	background-color: var(--primary) !important;
}
.z-1021{z-index: 1021 !important}
.text-alter{color: var(--alter) !important;}
.text-alter-2{color: var(--alter2) !important;}
.text-alter-3{color: var(--alter3) !important;}
.text-alter-4{color: var(--alter4) !important;}

.bg-alter{background-color: var(--alter) !important;}
.bg-alter-2{background-color: var(--alter2) !important;}
.bg-alter-3{background-color: var(--alter3) !important;}
.bg-alter-4{background-color: var(--alter4) !important;}

.border-alter{border-color: var(--alter) !important;}
.border-alter-2{border-color: var(--alter2) !important;}
.border-alter-3{border-color: var(--alter3) !important;}
.border-alter-4{border-color: var(--alter4) !important;}

.ah-sec-title {
    background-image: url(../img/title_icon.png);
    background-repeat: no-repeat;
    background-position: center center;
    padding: 40px 20px;
}

.list-inline.long-gap .list-inline-item:not(:last-child) {
    margin-right: 2rem;
}

.dot-small-dark .slick-dots button{
	height: 6px;
	width: 6px;
	background: var(--alter);
}
.dot-small-white .slick-dots button{
	height: 6px;
	width: 6px;
	background: #fff;
}
.dot-small-dark .slick-dots .slick-active button,
.dot-small-white .slick-dots .slick-active button{
	background: var(--primary);
}

.separator-white:before{
	background-color: #fff;
}
.separator-alter:before{
	background-color: var(--alter);
}

#category-menu-icon .dropdown-toggle::after {
	content: none
}
.hover-category-menu .all-category::before {
    right: auto;
    left: 20px;
}
.cursor-pointer {
    cursor: pointer;
}
.ah-arrow .slick-arrow {
    color: var(--primary);
}

.ah-arrow .slick-prev {
    right: 1003px;
}

.ah-arrow .slick-next {
    right: 2px;
}
.tt-sec-title {
    padding: 10px 40px 10px 0;
    background: url(../img/sec_bg.png);
    background-repeat: no-repeat;
    background-position: right top;
}
.text-center{
    text-align: center;
}
.fs-26{
    font-size: 26px;
}
.d-xl-none-custom{
    display: none!important;
}
@media(max-width: 576px){
    .d-xl-none-custom{
        display: flex!important;
    }

    .d-sm-none-custom{
        display: none!important;
    }
    .d-xs-none{
        display: none!important;
    }
    .front-header-search{
        border-radius: 15px!important;
    }
    .nav-search-mobile{
        width: 18px;
        height: 18px;
    }
    .ah-arrow .slick-prev {
        left: 0px;
    }

    .ah-arrow .slick-next {
        right: 0px;
    }
}

.aiz-mobile-bottom-nav {
    border-radius: 10px 10px 0 0;
    box-shadow: 0px -1px 10px rgb(0 0 0 / 15%);
}


.hover-category-menu {
    position: absolute;
    width: calc(100% - 20px);
    top: calc(100%);
    left: 10px;
    display: none;
}
.hover-category-menu.active {
    display: block;
}
.hover-category-menu .sub-cat-menu {
    display: none;
    position: absolute;
    width: calc((100% + 20px) * 3);
    left: 100%;
    height: 100%;
    overflow: hidden;
    top: 0;
    z-index: 100;
    background-color: #fff;
    border: 1px solid #eee;
    overflow-y: auto;
}
.sidebar-all .collapse-sidebar {
    /*width: 420px;*/
     width: 340px;
    max-width: calc(100vw - 50px);
}
.side-menu {
    height: calc(100vh - 60px);
    position: relative;
}

.side-menu-main {
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    overflow-y: scroll;
    overflow-x: hidden;
    transition: transform 0.3s;
    -webkit-transition: transform 0.3s;
}
.slide .side-menu-main {
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%)
}
.side-menu .sub-menu {
    position: absolute;
    background: #fff;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow-y: scroll;
    overflow-x: hidden;
    transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transition: transform 0.3s;
    -webkit-transition: transform 0.3s;
}
.side-menu .sub-menu.slide {
    transform: translateX(0%);
    -webkit-transform: translateX(0%);
}
.add_to_cart_btn{
    width: 95%;
}
.rounded-10{
    border-radius: 35px;
}
.newsletter-div{
    width: 80%!important;
}
.subscribe-form{
    width: 90%;
}
.rounded-5{
    border-radius: 5px;
}
.rounded-9{
    border-radius: 9px;
}
.subscribe-button-div{
    padding-left: 0px;
    padding-right: 0px;
}
.subscribe-button-div .btn{
    padding-left: 1px!important;
    padding-right: 1px!important;
}
.no-border-input{
    background-color: transparent;
    border: 0px solid;
}

.app-download-widget{
    top: 20%;
}
.qr-code-div{
    position: relative;
}
.qr-code-div{
    position: absolute;
    top: -40%;
}
@media (max-width: 767.98px) {
    body {
        font-size: 12px;
    }
    .mobile-hor-swipe {
        -webkit-overflow-scrolling: touch;
        overflow-x: auto;
        white-space: nowrap;
    }
    .top-navbar .order-3 {
        border-top: 1px solid #383737;
        margin-top: 5px;
        padding-top: 5px;
    }
    .add_to_cart_btn{
        width: 95%;
    }
}

.row-cols-7 > * {
    -ms-flex: 0 0 14.285714%;
    flex: 0 0 14.285714%;
    max-width: 14.285714%;
}
.row-cols-8 > * {
    -ms-flex: 0 0 12.5%;
    flex: 0 0 12.5%;
    max-width: 12.5%;
}
/* sm */
@media (min-width: 576px) {

    .row-cols-sm-7 > * {
        -ms-flex: 0 0 14.285714%;
        flex: 0 0 14.285714%;
        max-width: 14.285714%;
    }
    .row-cols-sm-8 > * {
        -ms-flex: 0 0 12.5%;
        flex: 0 0 12.5%;
        max-width: 12.5%;
    }
    .add_to_cart_btn{
        width: 95%;
    }
}
/* md */
@media (min-width: 768px) {

    .floating_container{
        position: relative;
    }
    .featured_category_section{
        position: absolute;
        top: 30%;
        justify-content: center!important;
        align-items: center!important;
    }
    .featured_category_div{
        padding-left: 4px;
        padding-right: 4px;
    }
    .gutters-5 {
        margin-right: -5px;
        margin-left: -5px;
    }
    .custom-height-hidden-section{
        height: 400px!important;
    }
    .row-cols-md-7 > * {
        -ms-flex: 0 0 14.285714%;
        flex: 0 0 14.285714%;
        max-width: 14.285714%;
    }
    .row-cols-md-8 > * {
        -ms-flex: 0 0 12.5%;
        flex: 0 0 12.5%;
        max-width: 12.5%;
    }
    .add_to_cart_btn{
        width: 95%;
    }
}
/* lg */
@media (min-width: 992px) {
    /* .down-header-row{
        padding-left: 0px!important;

    }
    .mobile-category-trigger{
        padding-left: 24px!important;
    } */
    .category_fixed_width{
        width: 90%;
    }
    .row-cols-lg-7 > * {
        -ms-flex: 0 0 14.285714%;
        flex: 0 0 14.285714%;
        max-width: 14.285714%;
    }
    .row-cols-lg-8 > * {
        -ms-flex: 0 0 12.5%;
        flex: 0 0 12.5%;
        max-width: 12.5%;
    }
    .home-banner-area .product-image{
        height: 400px;
    }

    .floating_container{
        position: relative;
    }
    .featured_category_section{
        position: absolute;
        top: 55%;
        justify-content: center!important;
        align-items: center!important;
    }
    .custom-height-hidden-section{
        height: 400px!important;
    }
    .add_to_cart_btn{
        width: 95%;
    }
}
/* xl */
@media (min-width: 1200px) {
    /* .d-lg-none{
        display: none!important;
    } */
    .add_to_cart_btn{
        width: 95%;
    }
    .row-cols-xl-7 > * {
        -ms-flex: 0 0 14.285714%;
        flex: 0 0 14.285714%;
        max-width: 14.285714%;
    }
    .row-cols-xl-8 > * {
        -ms-flex: 0 0 12.5%;
        flex: 0 0 12.5%;
        max-width: 12.5%;
    }
    .custom-height-hidden-section{
        height: 500px!important;
    }
    .add_to_cart_btn{
        width: 95%;
    }
}
/* xxl */
@media (min-width: 1500px) {
    /* .d-xl-none{
        display: none!important;
    } */
    .row-cols-xxl-7 > * {
        -ms-flex: 0 0 14.285714%;
        flex: 0 0 14.285714%;
        max-width: 14.285714%;
    }
    .row-cols-xxl-8 > * {
        -ms-flex: 0 0 12.5%;
        flex: 0 0 12.5%;
        max-width: 12.5%;
    }
    .add_to_cart_btn{
        width: 95%;
    }
}
@media (max-width: 767.98px) {
    /* .d-md-none{
        display: none!important;
    } */
    .best-selling-products-mobile-div{
        justify-content: left!important;
        font-size: 18px;
    }
    .home-banner-area h2 {
        font-size: 26px;
    }
    .add_to_cart_btn{
        width: 95%;
    }
    .down-header-row{
        padding-left: 0px!important;

    }
    .mobile-category-trigger{
        padding-left: 0px!important;
    }
}

.hov-magni:hover{
     transform: scale(1.25)!important;
     transition: all .5s ease-in-out;
}


.nlp:hover{
    color:var(--primary) !important;
}

.bg-cattegory-pattern{
    background-image: url(../img/pattern.png) ;
    background-repeat: no-repeat;
    background-position: center center;
}
@media (max-width: 567.98px) {
    /* .d-sm-none{
        display: none!important;
    } */
    html{
        overflow-x: hidden!important;
      }
    body{
        overflow-x: hidden!important;
        width: 100%!important;
        -webkit-box-sizing: border-box!important;
        -moz-box-sizing: border-box!important;
        box-sizing: border-box!important;
        position: relative!important;

      }
    .category-title-mobile > h3 > span{

        font-size: 20px!important;
    }
    .category-title-mobile > h3{

        padding-top: 8px!important;
        padding-bottom: 8px!important;
    }
    .newsletter-div{
        width: 90%!important;
        padding: 25px 20px;
    }
    .newsletter-div > span{
        font-size: 14px!important;
    }
    .newsletter-div > h2{
        font-size: 20px!important;
    }
    .subscribe-button-div > button{
        font-size: 13px!important;
        padding-top: 6px!important;
        padding-bottom: 6px!important;
    }

    .contact_policy_div{
        align-items: center!important;
    }
    .contact_policy_div > div{
        text-align: left!important;
    }
    .down-header-row{

        padding-left: 10px!important;
    }
    .payment_download_section{

        align-items: center!important;
    }
    .payment_download_section > div{
        text-align: left!important;
    }
    .app-download-widget > div{

        padding: .5rem!important;
    }
    .app_download_widget_text > h3{

        font-size: 1.2rem!important;
    }
    .floating_container{
        position: relative;
    }
    .featured_category_section{
        position: absolute;
        top: 42%;
        justify-content: center!important;
        align-items: center!important;
    }
    .featured_category_div{
        padding-left: 4px;
        padding-right: 4px;
    }
    .gutters-3 {
        margin-right: -3px;
        margin-left: -3px;
    }
    .custom-height-hidden-section{
        height: 500px!important;
    }
    .todays-offer-mobile{
       padding-top: 5px!important;
       padding-bottom: 5px!important;
    }
    .todays-offer-mobile-div{

        justify-content: start!important;
    }
    .todays-offer-mobile-div h3{
        margin-right: 4px;
    }
    .todays-offer-title-mobile{
        font-size: 18px!important;
    }
    .next-prev-arrow-mobile{
        font-size: 14px!important;
    }
    .best-selling-products-mobile-div{
        justify-content: left!important;
        font-size: 18px;
    }
    .best-selling-products-mobile-title{
        /* justify-content: start; */
        font-size: 18px!important;
    }

}
