.banner-bg,
.banner-city {
    /* width: 100%; */
    /* z-index: -1; */
    /* left: 0; */
}


.banner-bg {
    /* top: 0; */
    /* height: 445px; */
}

.banner-bg::after {
    content: '';
    /*background: url('https://mep2.server247.info/Themes/VueTheme/Content/images/winterbg.jpg');*/
    background: url('https://mep2.server247.info/Themes/VueTheme/Content/images/doodle.png');
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
}


.banner-city {
    top: 320px;
}

@media (max-width: 991px) {

    .banner-bg,
    .banner-city {
        display: none;
    }
}



@media (min-width: 992px) {
    .banner-bg {
        max-height: 873px;
        height: 100%;
    }

    .banner-city {
        top: 31%;
    }
}

@media (min-width: 1219px) {
    .banner-bg {
        max-height: 909px;
        height: 100%;
    }

    .banner-city {
        top: 27%;
    }
}

@media (min-width: 1365px) {
    .banner-bg {
        max-height: 995px;
        height: 100%;
    }

    .banner-city {
        /*top: 30%;*/
        top: 37%;
    }
}

@media (min-width: 1601px) {
    .banner-bg {
        max-height: 1140px;
        height: 100%;
    }

    .banner-city {
        top: 29%;
    }
}

.b-icon {
    outline: none;
}

.header-nav {
    border-bottom: 1px solid #f2f2f2;
}

.header-nav .b-sidebar-header .close.text-dark {
    opacity: 1;
}

.header-nav .b-sidebar-header .b-icon.bi {
    font-size: 34px;
    color: white;
}

.header-nav .b-icon.bi {
    font-size: 20px;
}

.dropdown-toggle::after {
    display: none;
}

.navbar-nav .nav-link {
    position: relative;
}

.qty-indicator {
    position: absolute;
    top: 0;
    right: -2px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 18px;
    height: 18px;
    color: #fff;
    font-size: 12px;
    background: #ffbb58;
    border-radius: 100%;
}

.b-sidebar-header {
    text-align: right;
}

.b-sidebar.slide {
    -webkit-transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1);
    -webkit-transition: -webkit-transform 1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: -webkit-transform 1s cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 1s cubic-bezier(0.19, 1, 0.22, 1);
}

.b-sidebar-body {
    /* padding: 15px; */
}

/* flyout-cart */

.flyout-cart {
    padding-left: 0;
}

.flyout-cart .item {
    position: relative;
    width: 100%;
    margin: 0 0 1px 0;
    padding: 15px;
    border-bottom: 1px solid #efefef;
    /* background: rgb(52 214 163 / 20%); */
    background: #fff;
}

.flyout-cart .item:last-child,
.flyout-cart .item:last-child:first-child {
    margin: 0;
    padding: 15px;
    border-bottom: 0;
    /* background: rgb(52 214 163 / 20%); */
    background: #fff;
}

.flyout-cart .item .attributes {
    font-size: 14px;
    color: #888;
}

.flyout-cart .name a {
    color: #343a40;
    font-size: 16px;
    font-weight: 400;
    text-decoration: none;
}

.flyout-cart .name a:hover {
    color: #269c77;
}

.header-nav .bi-cart-check {
    width: 40px;
    margin: 6px 0 0 0;
}

.mini-shopping-cart .product {
    font-size: 12px;
}

.flyout-cart .product {
    margin-bottom: 5px !important;
}

@media (max-width: 767px) {
    .product {
        margin-bottom: 10px;
    }
}

@media (max-width: 767px) {
    .product {
        margin-bottom: 10px;
    }
}

@media (max-width: 991px) {

    .flyout-cart .name a,
    .flyout-cart .price strong,
    .flyout-cart .price span,
    .flyout-cart .quantity span,
    .flyout-cart .quantity strong {
        font-size: 13px;
    }
}

.flyout-cart footer.b-sidebar-footer {
    padding: 0;
}

/* menu toogler */

#sidebar-menu .b-sidebar-body {
    padding: 0;
}

.menu-toggler {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 50px;
    height: 31px;
    background-color: transparent !important;
    border: 0 !important;
}

.menu-toggler span {
    width: 30px;
    height: 2px;
    background: #27bb5b;
}

@media (min-width: 576px) {
    .b-sidebar {
        width: 440px;
    }
}

@media (max-width: 991px) {
    .header-nav {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        margin: 0;
        background: #34d6a3;
        /* -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); */
        /* box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); */
        z-index: 1034;
    }

    .header-nav>.navbar {
        height: 64px;
    }


    /* .header-nav .navbar-brand img {
    max-height: 45px;
  } */
    .header-nav .top-header-items.navbar-nav {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        background: #fff;
        padding: 10px;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        -webkit-box-shadow: 0 -3px 6px rgba(0, 0, 0, 0.16), 0 -3px 6px rgba(0, 0, 0, 0.23);
        box-shadow: 0 -3px 6px rgba(0, 0, 0, 0.16), 0 -3px 6px rgba(0, 0, 0, 0.23);
        padding-bottom: 20px;
    }
}

@media (max-width: 575px) {
    .flyout-cart .item img {
        max-width: 45px;
    }

    .flyout-cart .item .col a {
        display: table;
        max-width: calc(100% - 15px);
        font-size: 14px;
        line-height: 1;
    }

    .flyout-cart .item .price,
    .flyout-cart .item .quantity {
        font-size: 14px;
    }

    .flyout-cart .item .attributes {
        font-size: 12px;
    }

    .flyout-cart .b-sidebar-footer .h4 {
        font-size: 20px;
    }

    .flyout-cart .b-sidebar-footer .h5 {
        font-size: 16px;
    }
}

@media (max-width: 380px) {
    .header-nav .navbar-brand img {
        max-width: 120px;
    }
}

/* New Homepage  */

.mainHeader {
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 0px;
    padding: 20px 0;
}

@media (max-width: 992px) {
    .mainHeader {
        /* background: linear-gradient(2deg, rgb(200, 248, 179) 0%, rgb(255, 255, 246) 100%); */
    }

    .mainHeader::after {
        content: '';
        /* background: url(https://mep2.server247.info/Themes/VueTheme/Content/images/doodle.png); */
        /* position: absolute; */
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        /* background-size: cover; */
        z-index: 0;
    }
}

.mainHeader .newBannerss {
    /* background-color: #ffffff; */
    padding: 0 8px 25px 8px;
    /* border-radius: 10px; */
    margin: 0;
    /* -webkit-box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 28%); */
    /* box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 28%); */
}

.mainHeader .newBannerss .slick-dots {
    bottom: -5px;
}

.mainHeader .mainHeader-info .category-sec::before {
    content: none;
}

.mainHeader .mainHeader-info .bestseller-section .inner-list {
    padding: 10px 0;
    gap: 5px;
}

.mainHeader .whyus:before {
    content: none;
}

.mainHeader .whyus__title {
    color: #ffffff;
}

@media (max-width: 992px) {
    .mainHeader .whyus__title {
        font-size: 12px;
    }
}

.mainHeader .mainHeader-info .col-right,
.mainHeader .mainHeader-info .col-left {
    width: 100%;
}

.mainHeader .newBannerss .slick-slide img {
    width: 100% !important;
}

.mainHeader .slick-dots li {
    margin: 0;
}

.mainHeader .slick-dots li button::before {
    width: 8px;
    height: 8px;
    border: 1px solid #6CB8AC;
    background: #ffffff;
    content: ' ';
    border-radius: 10px;
    opacity: 1;
    left: 5px;
    -webkit-transition: width 0.35s cubic-bezier(0.65, 0.005, 0.35, 0.995);
    -o-transition: width 0.35s cubic-bezier(0.65, 0.005, 0.35, 0.995);
    transition: width 0.35s cubic-bezier(0.65, 0.005, 0.35, 0.995);
}

.mainHeader .col-right {
    margin-top: 15px;
    /* padding: 16px; */
    background: white;
    z-index: 1;
    display: none;
}

.mainHeader .col-right #trendingproduct {
    padding: 16px;
}

@media (min-width: 992px) {
    .mainHeader .col-right {
        margin-top: 0px;
    }

    .mainHeader .whyus .whyus__title {
        color: #fff;
    }
}

.mainHeader .whyus-padd {
    padding: 15px 11px 0px 11px;
}

.mainHeader .slick-dots li.slick-active button:before {
    width: 16px;
    background: #6CB8AC;
    left: 0px;
}

@media (min-width: 992px) {

    .mainHeader .mainHeader-info {
        box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
        border-radius: 10px;
        overflow: hidden;
    }

    .mainHeader .mainHeader-info .col-right {
        z-index: 2;
        width: 310px;
        /* padding: 16px; */
        border-radius: 10px;
        background: white;
    }

    .mainHeader .mainHeader-info .col-left {
        width: calc(100% - 325px);
        margin-left: -16px;
        flex-grow: 1;
    }
}

@media (min-width: 992px) and (max-width: 1599px) {
    .mainHeader .mainHeader-info .bestseller-section .inner-list {
        padding: 6px 0;
    }

    .mainHeader .mainHeader-info .bestseller-section .inner-list .old-price {
        font-size: 12px !important;
        line-height: auto !important;
    }

    .mainHeader .mainHeader-info .bestseller-section .inner-list a img {
        max-height: 75px;
        max-width: 75px;
        height: 60px;
    }

    .mainHeader .bestseller-section .bestseller-section--border {
        padding-bottom: 3px;
    }
}

.mainHeader .newBannerss.slick-slider .slick-list {
    padding: 0 !important;
}


/* order summary */
.order-summary-content {
    margin-inline: -15px;
}