/*your custom css goes here*/

.cstm-container {
    margin: 0 15px !important;
}

@media only screen and (min-width: 1366px) and (max-width: 1920px) {
    .cstm-container {
        margin: 0 2% !important;
    }
}

@media only screen and (min-width: 1920px) and (max-width: 2560px) {
    .cstm-container {
        margin: 0 4% !important;
    }
}

@media only screen and (min-width: 2560px) {
    .cstm-container {
        margin: 0 8% !important;
    }
}

.category-ls-left-w {
    width: 1200px !important;
    left: 0 !important;
    top: 111%;
}

.category-ls-right-w {
    width: 1200px !important;
    right: -165% !important;
}

@media only screen and (min-width: 1366px) and (max-width: 1920px) {
    .category-ls-right-w {
        width: 1200px !important;
        right: -165% !important;
    }
}

@media only screen and (min-width: 1920px) and (max-width: 2560px) {
    .category-ls-right-w {
        width: 1200px !important;
        right: -165% !important;
    }
}

@media only screen and (min-width: 2560px) {
    .category-ls-right-w {
        width: 1200px !important;
        right: -165% !important;
    }
}

.rounded-0-75 {
    border-radius: 0.75rem !important;
}

.rounded-top-0-75 {
    border-top-right-radius: 0.75rem !important;
    border-top-left-radius: 0.75rem !important;
}

.blinking {
    animation: blinkingText 2s linear infinite;
}

@keyframes blinkingText {
    0% {
        opacity: 1;
        color: red;
    }

    40% {
        opacity: 0.75;
        color: #000;
    }

    50% {
        opacity: 0.50;
        color: #000;
    }

    80% {
        color: transparent;
    }

    100% {
        opacity: 0;
    }
}

.bg-blinking {
    background-color: white;
    animation: bg-blinking 2s infinite;
}

@keyframes bg-blinking {
    from {
        background-color: red;
    }

    to {
        background-color: white;
    }
}

.brand-container {
    max-width: 160px;
    padding: -19px;

    /*margin: 13px;*/
    height: 50px;
    margin-bottom: 15px !important;

    padding-right: 5px !important;
    padding-left: 15px !important;
}

.home-brand {
    height: 50px !important;
    margin-bottom: -9px !important;
    padding: 5px;
    margin: 0px auto;
    background: transparent;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin-top: -8px;
    margin-right: -14px;
    margin-left: -13px;
    /*filter: grayscale(100%);*/
}

.dropdown-menu.dropdown-menu-lg {
    min-width: 405px !important;
}
.dropdown-menu {
    min-width: 11rem !important;
}

#category-sidebar{
    overflow-y: auto !important;
    height: 500px !important;
}
#category-sidebar > ul > li:nth-child(1) > div{
    overflow-x: auto !important;
}

.without-text{
    border-radius: 16px !important;
    height: 130px !important;
}

@media only screen and (max-width: 600px) {

    #pageWrapper > div.aiz-main-wrapper.d-flex.flex-column > div.home-banner-area.mb-4.pt-3 > div > div > div:nth-child(1) > ul > li{
        max-width: 16% !important;
    }
}

@media only screen and (min-width: 760px) {
    .w-md-100 {
        width: 100% !important;
    }

    .mw-md-100 {
        max-width: 100% !important;
    }

    .w-md-200 {
        width: 200% !important;
    }
}

@media only screen and (min-width: 992px) {
    .w-lg-100 {
        width: 100% !important;
    }

    .mw-lg-100 {
        max-width: 100% !important;
    }

    .w-lg-200 {
        width: 200% !important;
    }
}

.col-lg-5-custom {
    position: relative !important;
    width: 100% !important;
    padding-right: 15px !important;
    padding-left: 15px !important;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
}

@media only screen and (min-width: 920px) {
    .col-lg-5-custom {
        position: relative !important;
        width: 100% !important;
        padding-right: 15px !important;
        padding-left: 15px !important;
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }
}

@media only screen and (max-width: 760px) {

    .w-200 {
        width: 200% !important;
    }

    .w-sm-100 {
        width: 100% !important;
    }

    .w-sm-200 {
        width: 200% !important;
    }

    li.minw-0.col-md-1.col-sm-6.mt-3 {
        width: 16.6%;
    }
    .overControl{
        overflow-x: auto;
    }

    .col-sm-0-custom {
        width: 0% !important;
        padding-right: 0px !important;
        padding-left: 0px !important;
        -ms-flex: 0 0 0;
        flex: 0 0 0;
        max-width: 0;
    }
}

#overlay.active {
    background-color: rgba(0, 0, 0, 0.55);
    position: fixed;
    inset: 0px;
    z-index: 15;
}

.pl-15px {
    padding-left: 15px;
}

.featured-cat-width, .best-sellers-width {
    width: 98.25px !important;
    padding-right: 5px !important;
    padding-left: 5px !important;
}

.best-sellers-width {
    width: 111.25px !important;
}

.featured-categories, .best-sellers {
    white-space: nowrap;
    overflow-x: hidden !important;
    background-color: transparent;
    text-align: center;
    overflow-y: hidden;
    /*height: 170px;*/
}

.best-sellers {
    width: 88vw !important;
}

.h-210px {
    height: 210px;
}

.w-140px {
    width: 140px;
}

.w-210px {
    width: 210px;
}

@media (min-width: 768px) {
    .w-md-210px {
        width: 210px;
    }
}

.banner-site-content-mada {
    height: 300px;
}

.banner-site-inside-content {
    height: 100%
}

@media (max-width: 768px) {

    .banner-site-content-mada {
        height: auto;
    }

    .banner-site-inside-content {
        height: 170px
    }

}

@media (min-width: 668px) and (max-width: 767px) {
    .banner-site-inside-content {
        height: 200px
    }
}

@media (min-width: 576px) and (max-width: 667px) {
    .banner-site-inside-content {
        height: 220px
    }
}

.banner-site-inside-content-other {
    height: 100% !important;
}


@media (max-width: 767px) {

    .banner-site-inside-content-other {
        height: 170px !important;
    }

}

.rounded-left-rtl {
    border-top-left-radius: 0.25rem!important;
    border-bottom-left-radius: 0.25rem!important;
}

.rounded-right-rtl {
    border-top-right-radius: 0.25rem!important;
    border-bottom-right-radius: 0.25rem!important;
}

.h-98 {
    height: 98% !important;
}

.h-99 {
    height: 98% !important;
}

.visit-store-btn {
    font-size: 12px; display: flex;
    align-items: center;
    justify-content: center;
    width: 97px;
}

.font-size-lg {
    font-size: large;
}

.font-size-sm {
    font-size: small;
}

.mx-width-search {
    min-width: 52%;
    max-width: 70%;
}

.border-header {
    display: flex;
    margin: 0px 10px;
    border-right: 1px solid rgba(64, 69, 83, 0.2);
    height: 20px;
}

.account-name-ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 105px;
}

.min-banner-height {
    min-height: 115px;
}


/*.slick-slide img {*/
/*    width: 100% !important;*/
/*}*/

/*.top-banner-index-page {*/
/*    background-size: cover;*/
/*}*/

/*@media (max-width: 450px) {*/

/*    .top-banner-index-page {*/
/*        background-size: 260% 100%;*/
/*    }*/

/*}*/

@media (max-width: 500px) {

    .slick-prev.slick-arrow {
        display: none !important;
    }

    .slick-next.slick-arrow {
        display: none !important;
    }

}

@media (min-width: 501px) and (max-width: 1400px) {

    .container-top-banner {
        height: 50px !important;
    }

}

@media (max-width: 500px) {

    .container-top-banner {
        height: 35px !important;
        max-width: 100%;
        margin: 0 5px !important;
        overflow: hidden;
    }

}