@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');

:root{
    --redcolor: #EB423F;
    --themecolor: #00483E;
    --themecolor2: #C8E302;
    --white-bg: #ffffff;
    --light-bg: #F0F3F0;
    --yellow-bg: #FBBF24;
    --border-color: #C6CEC6;
    --off-text-color: #596C69;
    --placeholder-text: #4D7F78;
    --space-80: 80px;
    --space-48: 48px;
    --space-40: 40px;
    --space-32: 32px;
    --space-24: 24px;
    --space-20: 20px;
    --space-18: 18px;
    --space-16: 16px;
    --space-12: 12px;
    --space-10: 10px;
    --space-8: 8px;
    --space-4: 4px;
    /* animated strip */
    --offset: 20vw;
    --move-initial: calc(-25% + var(--offset));
    --move-final: calc(-50% + var(--offset));
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
	display:block
}
html, body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	width:100%;
	height: 100%;
}
body{
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-size: 15px;
    color: #00483E;
    line-height: 1.1;
    text-size-adjust: none ;
	-webkit-text-size-adjust:none;
    overflow-x: hidden;
}
a{
    text-decoration: none;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
p{
    font-size: 15px;
    line-height: 20px;
    font-weight: 400;
}
p:last-child{
    margin-bottom: 0;
}
h1,
.f-40{
    font-size: 40px;
    font-weight: 600;
    margin-bottom: 24px;
}
h2{
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 16px;
}
h3{
    font-size: 24px;
    margin-bottom: 16px;
}
h4{
    font-size: 18px;
    margin-bottom: 16px;
}
h5{
    font-size: 16px;
}
ul{
    margin: 0;
    padding: 0;
}
ul li{
    list-style: none;
}

/* Comman CSS Start */
body.scroll,
body.scroll-filter{
    overflow: hidden;
}
.site-wrapper{
    width: 100%;
    margin-top: 115px;
}
.container{
    max-width: 1224px;
    width: 100%;
}
.s-py{
    padding: var(--space-80) 0;
}
.s-pt{
    padding-top: var(--space-80);
}
.s-pb{
    padding-bottom: var(--space-80);
}
.mb-40{
    margin-bottom: var(--space-40);
}
.form-control:focus{
    color: var(--themecolor);
    box-shadow: none;
    border-color: var(--border-color);
}
.form-control:focus-visible{
    outline: none;
}
.form-control{
    color: var(--themecolor);
    height: var(--space-48);
    border: var(--border-color) solid 1px;
    border-radius: var(--space-8);
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 500;
}
.form-group{
    position: relative;
}
.form-group label{
    font-weight: 500;
    color: var(--themecolor);
    margin-bottom: var(--space-8);
}
.form-group label sup{
    color: var(--redcolor);
}
.form-control::-moz-placeholder {
    color: var(--placeholder-text);
    opacity: 1;
}
.form-control::placeholder {
    color: var(--placeholder-text);
    opacity: 1;
}
.form-control:disabled{
    background: var(--light-bg);
}
.link-text{
    text-decoration: underline;
    color: var(--off-text-color);
}
.link-text:hover{
    color: var(--themecolor);
}
.cta-btn{
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background: var(--themecolor);
    color: var(--white-bg);
    height: var(--space-48);
    padding: var(--space-8) var(--space-32);
    border-radius: var(--space-8);
    border: 0;
    font-weight: 600;
    text-transform: uppercase;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.cta-btn:hover{
    background: var(--themecolor2);
    color: var(--themecolor);
}
.cta-btn-border{
    background: none;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border: var(--themecolor) solid 1px;
    color: var(--themecolor);
    height: var(--space-48);
    padding: var(--space-8) var(--space-32);
    border-radius: var(--space-8);
    font-weight: 600;
    text-transform: uppercase;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.cta-btn-border:hover{
    background: var(--themecolor2);
    color: var(--themecolor);
}
.cta-btn-link{
    background: var(--themecolor2);
    color: var(--themecolor);
    padding: 5px var(--space-12);
    font-size: 12px;
    font-weight: 600;
    border-radius: var(--space-4);
}
.small-btn{
    display: inline-block;
    text-align: center;
    background: var(--themecolor);
    font-size: 12px;
    font-weight: 600;
    padding: var(--space-4) var(--space-10);
    border-radius: var(--space-4);
    color: var(--white-bg);
}
.link-underline{
    color: var(--themecolor);
    font-weight: 600;
    text-decoration: underline;
    text-decoration-color: var(--themecolor) !important;
}
.link-underline.delete{
    color: var(--redcolor);
    text-decoration-color: var(--redcolor) !important;
}
.badge-label{
    border-radius: var(--space-32);
    padding: var(--space-4) var(--space-10);
    text-transform: uppercase;
    color: var(--white-bg);
    font-size: 11px;
    font-weight: 500;
}
.badge-label.green{
    background: var(--themecolor);
}
.badge-label.red{
    background: var(--redcolor);
}
.list-style{
    padding-left: var(--space-12);
}
.list-style li{
    list-style: outside;
    line-height: 22px;
}
.btn-close{
    opacity: 1;
}
.btn-close:focus,
.btn-close:focus-visible{
    outline: none;
    box-shadow: none;
}
.modal-body{
    padding: var(--space-20);
}
.tooltip{
    --bs-tooltip-bg: var(--themecolor) !important;
}
.bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow::before,
.bs-tooltip-end .tooltip-arrow::before{
    border-right-color: var(--themecolor) !important;
}
.tooltip.show{
    opacity: 1;
}
.custom-radio{
    position: relative;
}
.custom-radio label{
    margin-bottom: 0;
    padding-left: 24px;
}
.custom-radio [type="radio"]:checked,
.custom-radio [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
.custom-radio [type="radio"]:checked + label,
.custom-radio [type="radio"]:not(:checked) + label{
    position: relative;
    padding-left: 24px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: var(--themecolor);
}
.custom-radio [type="radio"]:not(:checked) + label{
    color: var(--off-text-color);
}
.custom-radio [type="radio"]:checked + label:before,
.custom-radio [type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 1px;
    width: 18px;
    height: 18px;
    border: 2px solid var(--themecolor);
    border-radius: 100%;
    background: var(--white-bg);
}
.custom-radio [type="radio"]:not(:checked) + label:before{
    border: 2px solid var(--off-text-color);
}
.custom-radio [type="radio"]:checked + label:after,
.custom-radio [type="radio"]:not(:checked) + label:after {
    content: '';
    width: 10px;
    height: 10px;
    background: var(--themecolor);
    position: absolute;
    top: 5px;
    left: 4px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.custom-radio [type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.custom-radio [type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
select.form-control{
    background: url(../images/select-arrow.svg) no-repeat calc(100% - 12px) center;
}
/* Comman CSS End */

/* Header Start */
header{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: var(--white-bg);
    z-index: 2;
}
header.fixed{
    /* box-shadow: 0 4px 12px rgba(0,0,0,0.05); */
}
.top-strip{
    width: 100%;
    display: inline-flex;
    justify-content: center;
    background: var(--light-bg);
    font-size: 14px;
    padding:  var(--space-8) var(--space-20);
}
header .container{
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.header-wrapper{
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 84px;
    border-bottom: var(--border-color) solid 1px;
}
.header_logo{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
.header-wrapper .icons{
    position: absolute;
    right: 12px;
}
.header-wrapper .icons a{
    margin-left: 20px;
}
.header-wrapper .icons a:first-child{
    margin-left: 0;
}
.header-wrapper .navbar{
    width: 100%;
    padding: 0;
}
.header-wrapper .navbar > ul,
.header-wrapper .navbar ul li .mega-menu ul{
    display: flex;
}
.header-wrapper .navbar ul li{
    line-height: 84px;
}
.header-wrapper .navbar ul li:not(:last-child){
    margin-right: 48px;
}
.header-wrapper .navbar ul li a{
    color: var(--themecolor);
    position: relative;
}
.header-wrapper .navbar ul li a:after{
    content: '';
    position: absolute;
    bottom: -4px;
    left: auto;
    right: 0;
    width: 0%;
    height: 1px;
    background: var(--themecolor);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.header-wrapper .navbar ul li a.active:after,
.header-wrapper .navbar ul li a:hover:after{
    width: 100%;
    left: 0;
    right: auto;
}
.header-wrapper .navbar ul li a.active{
    font-weight: 600;
}
.header-wrapper .navbar ul li:hover a ~ .mega-menu{
    opacity: 1;
    visibility: visible;
    max-height: 242px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.07);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.header-wrapper .navbar ul li .mega-menu{
    border-top: var(--border-color) solid 1px;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    z-index: 1;
    top: 84px;
    background: var(--white-bg);
    width: 100%;
    max-height: 0;
    border-radius: 0 0 var(--space-16) var(--space-16);
    overflow: hidden;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
/* .header-wrapper .navbar ul li .mega-menu:before,
.header-wrapper .navbar ul li .mega-menu:after{
    content: '';
    background: var(--white-bg);
    position: absolute;
    top: 0;
    left: -100vw;
    width: 100vw;
    height: 100%;
} */
.header-wrapper .navbar ul li .mega-menu:after{
    right: -100vw;
    left: auto;
}
.header-wrapper .navbar ul li .mega-menu ul{
    padding: var(--space-48) 0;
    justify-content: center;
}
.header-wrapper .navbar ul li .mega-menu ul li{
    line-height: 1.1;
}
.header-wrapper .navbar ul li .mega-menu ul li a::after{
    display: none;
}
.header-wrapper .navbar ul li .mega-menu ul li a{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 136px;
    font-weight: 600;
}
.header-wrapper .navbar ul li .mega-menu ul li a:hover span{
    box-shadow: 0 4px 16px rgba(0,0,0,.08);
}
.header-wrapper .navbar ul li .mega-menu ul li a.active span{
    background: var(--light-bg);
    box-shadow: 0 4px 16px rgba(0,0,0,.08);
    border: var(--themecolor) solid 1px;
}
.header-wrapper .navbar ul li .mega-menu ul li a span{
    margin-bottom: var(--space-8);
    width: 100%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    border: var(--border-color) solid 1px;
    border-radius: var(--space-4);
    height: 120px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.header-wrapper .navbar ul li .mega-menu ul li a span > img{
    width: 64px;
    height: 64px;
}
.header-strip{
    background: var(--themecolor2);
    height: 48px;
    width: 100%;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    overflow: hidden;
    white-space: nowrap;
}
.header-strip .img{
    margin: 0 var(--space-40);
}
.marquee_inner{
	display: flex;
	position: relative;
	animation: marquee 8s linear infinite;
}
@keyframes marquee {
    0% {transform: translate3d(var(--move-initial), 0, 0);}
    100% {transform: translate3d(var(--move-final), 0, 0);}
}
.breadcrumb{
    background: var(--light-bg);
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.breadcrumb a{
    padding-right: 10px;
    margin-right: 10px;
}
.breadcrumb span{
    position: relative;
}
/* .breadcrumb span:after{
    content: '/';
    position: absolute;
    left: -13px;
} */
.breadcrumb a{
    color: var(--themecolor);
    font-weight: 600;
    position: relative;
}
.breadcrumb a:after{
    content: '/';
    position: absolute;
    right: -2px;
}
/* Header End */

/* Footer Start */
.newsletter-section{
    /* background: url(../images/newsletter-bg.webp) repeat-x center bottom; */
    background-size: auto 100% !important;
    padding: var(--space-80) 0;
}
.newsletter-content{
    max-width: 570px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}
.newsletter-content h2{
    margin-bottom: 16px;
}
.newsletter-content .form-control{
    border: 0;
}
.newsletter-content input[type="submit"]{
    min-width: 140px;
}
footer{
    padding-top: var(--space-48);
}
footer,
footer p{
    font-size: 14px;
    line-height: 20px;
}
footer p a{
    color: var(--themecolor);
}
footer p a:hover{
    text-decoration: underline;
}
footer .f-col h3{
    font-size: 18px;
    font-weight: 600;
}
footer .f-col ul li:not(:last-child){
    margin-bottom: var(--space-10);
}
footer .f-col ul li a{
    display: inline-flex;
    padding: var(--space-4) 0;
    color: var(--themecolor);
    position: relative;
}
footer .f-col ul li a:hover{
    font-weight: 600;
}
footer .f-col ul li a:after{
    content: '';
    position: absolute;
    bottom: 0;
    left: auto;
    right: 0;
    width: 0%;
    height: 1px;
    background: var(--themecolor);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
footer .f-col ul li a.active:after,
footer .f-col ul li a:hover:after{
    width: 100%;
    left: 0;
    right: auto;
}
.copyright-social{
    margin-top: var(--space-48);
    border-top: var(--border-color) solid 1px;
    padding: var(--space-32) 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.copyright-social ul{
    display: flex;
}
.copyright-social ul li{
    margin-left: var(--space-8);
}
.copyright-social ul li a{
    width: 40px;
    height: 40px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border: var(--border-color) solid 1px;
    border-radius: 40px;
    color: var(--themecolor);
}
.copyright-social ul li a:hover{
    border: var(--themecolor) solid 1px;
    background: var(--themecolor);
    color: var(--white-bg);
}
/* Footer End */

.search-popup{
    display: none;
    position: absolute;
    top: 51px;
    right: 0;
    width: 480px;
    background: var(--light-bg);
    z-index: 2;
    padding: 12px;
    box-shadow: 0 7px 15px rgba(0, 0, 0, 0.1);
    border: var(--border-color) solid 1px;
}
.search-inner .form-control{
    padding-right: 40px;
}
.search-inner .close{
    cursor: pointer;
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%);
    color: var(--themecolor);
}
.search-inner #searchButton{
    display: none;
}

.section-wrapper{
    padding: var(--space-80) 0;
}
.login-box-wrapper{
    background: var(--light-bg);
    padding: var(--space-32);
    border-radius: var(--space-8);
    border: var(--border-color) solid 1px;
}
.login-box-wrapper h2{
    text-align: center;
    margin-bottom: var(--space-24);
}
.login-box-wrapper p{
    font-size: 14px;
}
.toggle-password{
    position: absolute;
    top: 40px;
    right: 16px;
    cursor: pointer;
    z-index: 2;
    font-size: 18px;
}

.space-40{
    padding: var(--space-40) 0;
}
.product-wrapper{
    padding-bottom: var(--space-80);
}
.product-wrapper .title{
    margin-bottom: var(--space-8);
}
.product-wrapper .title > h1{
    margin-bottom: 0;
}
.product-wrapper .title{
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.select2-dropdown,
.select2-container--default .select2-selection--single{
    border: var(--themecolor) solid 1px;
}
.select2-dropdown,
.select2-container--default .select2-selection--single{
    border-radius: var(--space-8);
}
.select2-results__option{
    padding: var(--space-8) var(--space-10);
    font-size: 14px;
}
.select2-container--open .select2-dropdown{
    overflow: hidden;
}
.select2-container .select2-selection--single,
.select2-container--default .select2-selection--single .select2-selection__arrow{
    height: var(--space-40);
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
    width: var(--space-24);
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
    line-height: var(--space-40);
    padding-left: var(--space-10);
    padding-right: var(--space-32);
    font-family: "Inter", sans-serif;
    font-weight: 500;
    color: var(--themecolor);
}
.select2-container--default .select2-selection--single .select2-selection__arrow b{
    border: 0;
    background: url(../images/select-arrow.svg) no-repeat;
    width: 13px;
    height: 7px;
    margin: 0;
    left: 0;
    transform: translateY(-50%);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{
    transform: rotate(180deg);
    margin-top: -3px;
}
.select2-container--default .select2-results__option--selected{
    background: var(--light-bg);
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{
    background: var(--themecolor2);
    color: var(--themecolor);
}


.left_sidebar{
    margin-top: var(--space-32);
    border: var(--border-color) solid 1px;
    border-radius: var(--space-12);
}
.gap-16{
    padding: var(--space-16);
}
.filter-block{
    justify-content: space-between;
    align-items: center;
}
.filter-block h3{
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 600;
}
.divider{
    height: 1px;
    width: 100%;
    background: var(--border-color);
}
.filtering{
    margin-top: var(--space-16);
}
.remove-filter{
    display: inline-flex;
    align-items: center;
    font-size: 13px;
    border: var(--border-color) solid 1px;
    background: var(--light-bg);
    border-radius: var(--space-32);
    padding: var(--space-8) var(--space-12);
    color: var(--themecolor);
    margin: 0 var(--space-8) var(--space-8) 0;
}
.remove-filter .close{
    cursor: pointer;
    margin-left: var(--space-8);
    width: 10px;
    height: 10px;
    display: inline-flex;
    background: url(../images/filter-close.svg) no-repeat center;
}
.filter-sub-block h3{
    font-size: var(--space-16);
    font-weight: 500;
}
.filter-sub-block span.arrow{
    cursor: pointer;
    width: 18px;
    height: 18px;
    background: url(../images/filter-arrow.svg) no-repeat center;
    transform: rotate(180deg);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.filter-sub-block span.arrow.open{
    margin-top: 1px;
    transform: rotate(0deg);
}
.filter-sub-block h3.title{
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.filter-sub-block .all-list{
    padding-top: var(--space-16);   
}
.filter-sub-block .all-list li{
    position: relative;
}
.filter-sub-block .all-list li:not(:last-child){
    margin-bottom: var(--space-8);
}
.filter-sub-block .all-list input{
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
}
.filter-sub-block .all-list label{
    cursor: pointer;
    padding: 2px 0 2px var(--space-32);
    margin: 0;
	position: relative;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.filter-sub-block .all-list label:before {
    content: '';
    border: var(--border-color) solid 1px;
    position: absolute;
	left: 0;
    top: 2px;
    width: 20px;
    height: 20px;
    padding: 2px;
    margin-right: 12px;
    text-align: center;
	margin-top: -1.5px;
	border-radius: 4px;
}
.filter-sub-block .all-list input:checked + label:before{
    border: var(--themecolor) solid 1px;
}
.filter-sub-block .all-list input:checked + label:after{
    content: '';
    display: block;
    position: absolute;
    top: 3px;
    left: 7px;
    width: 6px;
    height: 12px;
    border: solid var(--themecolor);
    border-width: 0 1px 1px 0;
    transform: rotate(45deg);
}
.product_box{
    margin-top: var(--space-32);
}
.product_box a{
    display: block;
    color: var(--themecolor);
}
.product_box a img.img-fluid{
    width: 100%;
    aspect-ratio: 1 / 1;
}
.product_box .img-block{
    position: relative;
    overflow: hidden;
    background: var(--light-bg);
    border-radius: var(--space-8);
}
.product_box .up-content{
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.product_box .img-block > img{
    width: 100%;
    object-fit: cover;
    border-radius: var(--space-8);
    mix-blend-mode: multiply;
}
.product_box .up-content .badge-label{
    position: absolute;
    top: 16px;
    left: 16px;
}
.product_box .up-content .whishlist-icon{
    color: var(--themecolor);
    position: absolute;
    top: 16px;
    right: 16px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background: var(--white-bg);
    width: 36px;
    height: 36px;
    border-radius: var(--space-40);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.product_box .up-content .whishlist-icon:hover{
    background: var(--themecolor);
    color: var(--white-bg);
}
.product_box .up-content .cta-btn{
    opacity: 0;
    visibility: hidden;
    position: absolute;
    left: 16px;
    right: 16px;
    bottom: -16px;
    align-items: center;
    height: 35px;
    font-size: var(--space-12);
    font-weight: 500;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.product_box a:hover .up-content .cta-btn{
    opacity: 1;
    visibility: visible;
    bottom: 16px;
}
.product_box .content{
    margin-top: var(--space-16);
}
.product_box .content h3{
    font-size: 18px;
    margin-bottom: 6px;
}
.product_box .content > p{
    font-size: 14px;
    margin-bottom: 16px;
    line-height: 18px;
}
.product_box .content .bottom{
    justify-content: space-between;
    align-items: center;
}
.product_box .content .bottom span.price{
    font-size: var(--space-20);
    font-weight: 500;
    display: flex;
    align-items: center;
}
.product_box .content .bottom span.price del{
    margin-right: 6px;
    color: var(--off-text-color);
    font-size: 14px !important;
}
.product_box .content .bottom .rating,
.product-content .title-area .rating,
.review-block.product-title .desc .rating,
.wishlist-block .rating{
    font-size: 14px;
    background: url(../images/rating-star.svg) no-repeat left;
    padding-left:  24px;
    color: var(--themecolor);
}
.filter-mobile{
    display: none;
}

.product-slider img,
.slider-nav img{
    /* border-radius: var(--space-8); */
    width: 100%;
}
.product-slider{
    margin-bottom: var(--space-8);
}
.slider-nav .item{
    margin: 0 4px;
}
.product-slider .slick-slide,
.slider-nav .slick-slide{
    background: #f7f7f7;
    border-radius: var(--space-8);
    overflow: hidden;
}
.product-slider img{
    -webkit-mix-blend-mode: multiply;
    mix-blend-mode: multiply;
    aspect-ratio: 1 / 1;
    object-fit: cover;
}
.slider-nav .slick-slide img{
    -webkit-mix-blend-mode: multiply;
    mix-blend-mode: multiply;
    aspect-ratio: 1 / 1;
    object-fit: cover;
}
.slider-nav .slick-list{
    margin: 0 -4px;
}
.product-content{
    padding-left: var(--space-40);
}
.product-content .title-area h1{
    margin-bottom: var(--space-8);
}
.product-content .title-area p{
    font-size: 15px;
}
.product-content .price-size-area{
    border-top: var(--border-color) solid 1px;
    padding: var(--space-24) 0;
    margin-top: var(--space-24);
}
.size-select-wrapper{
    display: flex;
    flex-wrap: wrap;
    position: relative;
}
.size-chat-link{
    position: absolute;
    right: 0;
}
.size-select-wrapper > span{
    font-weight: 500;
    margin-bottom: var(--space-8);
}
.size-select{
    width: 100%;
    margin-bottom: var(--space-24);
}
.size-select ul{
    display: flex;
    flex-wrap: wrap;
}
.size-select ul li:not(:last-child){
    margin-right: var(--space-8);
    margin-bottom: var(--space-8);
}
.size-select ul li a{
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border: var(--border-color) solid 2px;
    color: var(--themecolor);
    font-weight: 500;
    padding: var(--space-10);
    border-radius: var(--space-8);
    font-size: var(--space-12);
    min-width: 45px;
}
.size-select ul li.disabled a{
    cursor: inherit;
    background: var(--light-bg);
    color: var(--off-text-color);
}
.product-content .content-block{
    border-top: var(--border-color) solid 1px;
    padding: var(--space-24) 0;
}
.product-content .content-block h5{
    margin-bottom: var(--space-12);
    font-weight: 600;
}
.product-content .content-block p{
    font-size: 15px;
    line-height: 20px;
}
.review-section{
    border-top: var(--border-color) solid 1px;
    margin-top: var(--space-24);
    padding-top: var(--space-48);
}
.review-section .title{
    margin-bottom: var(--space-32);
}
.review-section .title h3{
    margin-bottom: 0;
    font-weight: 600;
}
.rating-info{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.rating-info img{
    width: 48px;
    height: 48px;
    border-radius: var(--space-8);
    margin-right: var(--space-12);
}
.rating-info .desc h4{
    font-size: 15px;
    font-weight: 600;
    margin-bottom: var(--space-4);
}
.review-box{
    border: var(--border-color) solid 1px;
    border-radius: var(--space-16);
    padding: var(--space-24);
}
.review-box p{
    margin-top: var(--space-16);
}
.rating-star{
    display: flex;
}
.rating-star > img{
    width: 12px;
    margin: 0 2px;
}

.orders-wrapper{
    padding: var(--space-48) 0;/*var(--space-80) 0*/
}
.orders-wrapper .left_sidebar{
    margin-top: 0;
}
.order-right-part,
.orders-list-wrapper{
    width: 100%;
}
.order-right-part .search-area .form-control,
.order-right-part .search-area input.cta-btn{
    height: var(--space-40);
}
.orders-list-box{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: var(--space-16);
    border: var(--border-color) solid 1px;
    border-radius: var(--space-8);
    /* padding-left: var(--space-16); */
}
.order-details{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: calc(100% - 116px);
    padding-left: var(--space-16);
}
.orders-list-box .img{
    width: 100px;
    margin-top: var(--space-16);
    margin-bottom: var(--space-16);
    border-radius: var(--space-8);
    margin-left: var(--space-16);
    overflow: hidden;
}
.order-details .content{
    display: flex;
    align-items: center;
    width: calc(100% - 240px);
    padding-right: var(--space-16);
}
.order-date-review{
    display: flex;
    align-items: center;
    border-left: var(--border-color) solid 1px;
    padding-left: var(--space-20);
    padding-right: var(--space-32);
}
.order-details .content h3{
    width: 100%;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: var(--space-4);
    word-wrap: break-word;
}
.order-details .content .price{
    font-size: var(--space-16);
    font-weight: 600;
}
.order-date-review h4{
    width: 100%;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: var(--space-4);
}
.order-date-review p,
.order-details .content .color{
    display: block;
    width: 100%;
    line-height: 1.1;
    color: var(--off-text-color);
    font-size: 12px;
    margin-bottom: var(--space-8);
}
.rating-btn{
    display: inline-block;
    background: var(--themecolor2) url(../images/rating-star-green.svg) no-repeat 10px center;
    font-size: 12px;
    font-weight: 600;
    padding: var(--space-4) var(--space-12) var(--space-4) var(--space-24);
    border-radius: var(--space-4);
    color: var(--themecolor);
}
.review-modal-wrapper{
    width: 100%;
}
.review-rating .star{
    cursor: pointer;
    display: inline-flex;
    background: url(../images/rating-star-grey.svg);
    background-size: cover;
    width: 24px;
    height: 24px;
}
.review-rating .star.active,
.review-rating .star:hover{
    background: url(../images/rating-star.svg);
    background-size: cover;
    width: 24px;
    height: 24px;
}
.review-block h4{
    font-size: 14px;
    font-weight: 600;
    margin-bottom: var(--space-8);
}
.review-block:not(:last-child){
    margin-bottom: var(--space-20);
}
.review-block textarea{
    resize: none;
    height: 120px;
}
.review-block.product-title{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.review-block.product-title .img{
    width: 56px;
    border-radius: var(--space-8);
    overflow: hidden;
    margin-right: var(--space-8);
}
.review-block.product-title h3{
    margin-bottom: var(--space-4);
    font-size: 15px;
    font-weight: 600;
}
.review-block.product-title .desc .rating{
    background-size: 14px;
    padding-left: var(--space-20);
}

.mp-left-part{
    overflow: hidden;
}
.mp-menu li.orders{
    display: block;
    margin-top: 0;
    padding: 0;
}
.mp-menu li.orders a{
    padding-top: var(--space-16);
    padding-bottom: var(--space-16);
    background: var(--light-bg);
    display: flex;
    align-items: center;
}
.mp-menu li.logout{
    margin-top: 0;
}
.mp-menu li.logout a{
    width: 100%;
    padding-top: var(--space-16);
    padding-bottom: var(--space-16);
    display: flex;
    align-items: center;
}
.mp-menu li.logout a span.icon,
.mp-menu li.orders a span.icon{
    margin-left: 0;
}
.mp-menu > li{
    color: var(--themecolor);
    font-size: 14px;
    font-weight: 600;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    border-bottom: var(--border-color) solid 1px;
    margin-top: var(--space-16);
}
.mp-menu > li:last-child{
    border-bottom: 0;
}
.mp-menu > li > a{
    padding: 0 var(--space-20);
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    color: var(--themecolor);
}
.mp-menu > li span.icon{
    display: inline-flex;
    margin-right: var(--space-8);
    margin-left: var(--space-20);
}
.mp-menu > li ul.sub-menu{
    width: 100%;
    margin-top: var(--space-16);
}
.mp-menu > li ul.sub-menu li a{
    font-size: 14px;
    font-weight: 500;
    padding: 12px 20px 12px 48px;
    color: var(--off-text-color);
}
.mp-menu > li ul.sub-menu li a.active,
.mp-menu > li ul.sub-menu li a:hover{
    background: var(--light-bg);
    color: var(--themecolor);
}
.tab-wrapper{
    width: 100%;
    background: var(--white-bg);
    border-radius: var(--space-8);
    border: var(--border-color) solid 1px;
}
.tab-wrapper .title{
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: var(--light-bg);
    border-radius: var(--space-8) var(--space-8) 0 0;
    padding: var(--space-12) var(--space-20);
    border-bottom: var(--border-color) solid 1px;
    min-height: 54px;
}
.tab-wrapper .title h3{
    font-size: var(--space-18);
    margin-bottom: 0;
    font-weight: 600;
}
.tab-wrapper-inner{
    padding: var(--space-20);
}
.profile-faq{
    padding-top: var(--space-20);
    border-top: var(--border-color) solid 1px;
    margin-top: var(--space-20);
}
.profile-faq h3{
    font-size: var(--space-18);
}
.profile-faq h4{
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 8px;
}
.profile-faq p{
    margin-bottom: var(--space-20);
}
.profile-faq p:last-child{
    margin-bottom: 0;
}
.tab-wrapper-inner textarea.address,
textarea.address{
    height: 72px;
    resize: none;
}
.add-new-address{
    display: block;
    background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='8' ry='8' stroke='%23C6CEC6FF' stroke-width='2' stroke-dasharray='2%2c 6' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
    border-radius: 8px;
    padding: var(--space-16);
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--themecolor);
    text-align: center;
}
.address-list-wrapper{
    width: 100%;
    margin-top: var(--space-24);
}
.address-box{
    border: var(--border-color) solid 1px;
    padding: var(--space-24);
    margin-top: -1px;
    position: relative;
}
.address-box:first-child{
    border-radius: var(--space-8) var(--space-8) 0 0;
}
.address-box:last-child{
    border-radius: 0 0 var(--space-8) var(--space-8);
}
.address-box h4{
    font-size: 14px;
    font-weight: 600;
    width: 100%;
    margin-bottom: 4px;
}
.address-box .dropdown{
    position: absolute;
    top: 10px;
    right: 10px;
    display: flex;
}
.address-box .dropdown .dropdown-toggle{
    display: flex;
    padding: 4px;
}
.address-box .dropdown .dropdown-toggle:after{
    display: none;
}
.address-box .dropdown .dropdown-menu{
    min-width: inherit;
    border: var(--border-color) solid 1px;
    padding: var(--space-10) var(--space-16);
    transform: none !important;
    left: -56px !important;
    top: 10px !important;
}
.address-box .dropdown .dropdown-menu li a{
    display: inline-flex;
    color: var(--themecolor);
    padding: 4px 0;
    font-size: 14px;
}
.paymnet-card-block{
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: var(--border-color) solid 1px;
    background: var(--light-bg);
    padding: var(--space-24);
    border-radius: var(--space-8);
}
.payments-wrapper h3{
    font-size: 15px;
    font-weight: 500;
}
.paymnet-card-block h4{
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 8px;
}
.paymnet-card-block p{
    letter-spacing: 2px;
}
.upi-wrapper{
    border-top: var(--border-color) solid 1px;
    margin-top: var(--space-20);
    padding-top: var(--space-20);
}
.upi-block{
    display: flex;
    align-items: center;
    margin-bottom: var(--space-12);
}
.upi-block:last-child{
    margin-bottom: 0;
}
.upi-block > label{
    font-weight: 500;
    font-size: 15px;
    min-width: 64px;
}
.upi-block > input.form-control{
    width: auto;
    min-width: 148px;
    max-width: 148px;
    height: 40px;
    margin-right: 12px;
}
.review-rating-block{
    display: flex;
    padding: 20px;
    border-bottom: var(--border-color) solid 1px;
}
.review-rating-block:last-child{
    border-bottom: 0;
}
.review-rating-block > span{
    width: 64px;
    display: inline-flex;
    align-items: flex-start;
}
.review-rating-block > span > img{
    border: var(--border-color) solid 1px;
    border-radius: 4px;
}
.review-rating-block .content{
    width: calc(100% - 64px);
    padding-left: var(--space-16);
}
.review-rating-block .date{
    font-size: 12px;
    color: var(--off-text-color);
    display: block;
    margin-bottom: 10px;
}
.review-rating-block h4{
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 10px;
}
.review-rating-block .review-title{
    display: flex;
    align-items: center;
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 8px;
}
.review-rating-block .review-title > span{
    background: var(--yellow-bg) url(../images/rating-star-green.svg) no-repeat 6px center;
    border-radius: var(--space-4);
    margin-right: 10px;
    padding: 0 6px 0 20px;
    height: 22px;
    display: inline-flex;
    align-items: center;
}
.wishlist-block{
    padding: 20px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border-bottom: var(--border-color) solid 1px;
}
.wishlist-block:last-child{
    border-bottom: 0;
}
.wishlist-block .img img{
    border-radius: var(--space-8);
    width: 72px;
    height: 72px;
    object-fit: cover;
}
.wishlist-content{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    width: calc(100% - 72px);
    padding-left: var(--space-16);
}
.wishlist-content .content h4{
    font-size: 16px;
    font-weight: 600;
    margin-bottom: var(--space-4);
}
.wishlist-content .content p{
    font-size: 14px;
    margin-bottom: var(--space-4);
}
.wishlist-content .content p.rating{
    padding-left: 17px;
    background-size: 12px;
    font-size: 12px;
    margin: 0;
    line-height: 18px;
}
.wishlist-content .price-action{
    display: flex;
    align-items: center;
}
.wishlist-content .price-action span{
    color: var(--themecolor);
    font-weight: 600;
    margin-right: 32px;
}

.cart-popup-wrapper{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 3;
    visibility: hidden;
}
.cart-popup-wrapper.open{
    visibility: visible;
}
.cart-popup-wrapper .cart-popup{
    position: fixed;
    top: 0;
    right: -401px;
    background: var(--white-bg);
    max-width: 400px;
    width: 100%;
    height: 100vh;
    z-index: 1;
    box-shadow: 0 -16px 32px rgba(0,0,0,.08);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.cart-popup-wrapper .cart-popup.open{
    right: 0;
}
.cp-inner{
    height: calc(100vh - 164px);
}
.cp-inner .title{
    padding: var(--space-18) var(--space-24);
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: var(--border-color) solid 1px;
}
.cp-inner .title h3{
    margin: 0;
    font-weight: 600;
}
.cp-inner .title .close{
    display: inline-flex;
}
.cp-inner .title .close{
    width: 16px;
    height: 16px;
}
.cp-list{
    height: calc(100% - 67px);
    overflow: auto;
}
.cp-block{
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    padding: var(--space-24);
    border-bottom: var(--border-color) solid 1px;
}
.cp-block span.img > img{
    width: 110px;
    height: 120px;
    object-fit: cover;
    border-radius: var(--space-8);
}
.cp-block .content{
    padding-left: var(--space-16);
    width: calc(100% - 110px);
}
.cp-block .content h4{
    font-weight: 600;
    margin-bottom: var(--space-4);
}
.cp-block .content p,
.cp-block .content span{
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 6px;
    display: block;
}
.cp-block .content span{
    margin-bottom: var(--space-4);
}
.cp-block:last-child{
    border-bottom: 0;
}
.cp-block .content .price{
    display: flex;
    align-items: center;
}
.cp-block .content .price .discount-price{
    margin-bottom: 0;
    margin-right: 6px;
    margin-left: auto;
    font-weight: 500;
}
.cp-block .content .price del{
    color: var(--off-text-color);
    font-size: 12px !important;
}
.qty-input ~ .price{
    font-weight: 600;
    font-size: var(--space-16);
}
.qty-input{
    min-width: 95px;
    border: var(--border-color) solid 1px;
    border-radius: var(--space-4);
    overflow: hidden;
    height: var(--space-32);
}
.qty-input .product-qty,
.qty-input .qty-count {
    background: transparent;
    color: inherit;
    font-weight: bold;
    font-size: inherit;
    border: none;
    display: inline-block;
    min-width: 0;
    height: var(--space-32);
    line-height: 1;
}
.qty-input .product-qty:focus,
.qty-input .qty-count:focus {
    outline: none;
}
.qty-input .product-qty {
    position: relative;
    top: -2px;
    width: 32px;
    min-width: 0;
    display: inline-block;
    text-align: center;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
}
.qty-input .product-qty::-webkit-outer-spin-button, .qty-input .product-qty::-webkit-inner-spin-button {
    -webkit-appearance: none;
    appearance: none;
    margin: 0;
}
.qty-input .qty-count {
    padding: 0;
    cursor: pointer;
    color: var(--themecolor);
    width: var(--space-32);
    height: var(--space-32);
    font-size: 1.25em;
    text-indent: -100px;
    overflow: hidden;
    position: relative;
}
.qty-input .qty-count:before, .qty-input .qty-count:after {
    content: "";
    height: 2px;
    width: 10px;
    position: absolute;
    display: block;
    background: var(--themecolor);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.qty-input .qty-count--minus {
    border-right: 1px solid var(--border-color);
}
.qty-input .qty-count--add {
    border-left: 1px solid var(--border-color);
}
.qty-input .qty-count--add:after {
    transform: rotate(90deg);
}
.qty-input .qty-count:disabled {
    color: #ccc;
    background: #f2f2f2;
    cursor: not-allowed;
    border-color: transparent;
}
.qty-input .qty-count:disabled:before,
.qty-input .qty-count:disabled:after {
  background: var(--off-text-color);
}
.cart-popup-wrapper .overlay{
    opacity: 0;
    visibility: hidden;
    background: rgba(230,230,230,.5);
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.cart-popup-wrapper .overlay.open{
    opacity: 1;
    visibility: visible;
}
.cp-bottom{
    padding: var(--space-24);
    position: fixed;
    bottom: 0;
    /* right: 0; */
    background: var(--white-bg);
    max-width: 400px;
    width: 100%;
    border-top: var(--border-color) solid 1px;
}
.cp-bottom .title{
    display: flex;
    justify-content: space-between;
    margin-bottom: var(--space-8);
}
.cp-bottom .title h4,
.cp-bottom .title span{
    font-size: 14px;
    font-weight: 600;
    margin: 0;
}
.cp-bottom p{
    font-size: 12px;
    margin-bottom: var(--space-24);
}

.orders-data-top,
.orders-list-inner{
    display: flex;
    width: 100%;
}
.orders-data-top{
    background: var(--light-bg);
    padding: var(--space-12) var(--space-16);
    border-radius: 7px 7px 0 0;
    border-bottom: var(--border-color) solid 1px;
}
.orders-data-top .text{
    color: var(--themecolor);
    font-weight: 600;
}
.orders-data-top .text span{
    font-size: var(--space-12);
    font-weight: 500;
    display: block;
    color: var(--off-text-color);
    text-transform: uppercase;
    margin-bottom: var(--space-4);
}
.orders-data-top .text:last-child{
    padding-left: var(--space-32);
}
.orders-list-inner:not(:last-child){
    border-bottom: var(--border-color) solid 1px;
}
.orders-data-bottom{
    display: flex;
    justify-content: space-between;
    width: 100%;
    background: var(--light-bg);
    padding: var(--space-16) var(--space-16);
    border-radius: 0 0 7px 7px;
}
.orders-data-bottom .link-underline{
    font-size: 14px;
}
.order-details-wrapper .title > div h3{
    font-weight: 600;
    margin-bottom: var(--space-8);
}
.order-details-info{
    display: flex;
    width: 100%;
    border: var(--border-color) solid 1px;
    border-radius: var(--space-8);
    margin-top: var(--space-24);
}
.order-details-info .box{
    padding: 24px;
    width: calc(100% / 3);
    border-right: var(--border-color) solid 1px;
    color: var(--off-text-color);
}
.order-details-info .box:last-child{
    border-right: 0;
}
.order-details-info .box h4{
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--themecolor);
    margin-bottom: var(--space-4);
}
.order-details-info .box p{
    font-size: 14px;
}
.price-box ul li{
    display: flex;
    justify-content: space-between;
    margin-bottom: var(--space-4);
    color: var(--off-text-color);
}

.coupon-filed .form-control{
    height: 36px;
}
.coupon-filed .cta-btn{
    position: absolute;
    top: 13px;
    right: 14px;
    padding: 4px 12px;
    height: auto;
    font-size: 12px;
    font-weight: 500;
    text-transform: none;
}
.coupon-filed .cta-btn.red{
    background: var(--redcolor);
}
.coupon-block{
    background: var(--white-bg);
    border: var(--border-color) solid 1px;
    border-radius: 8px;
}
.coupon-block .title{
    background: var(--light-bg);
    padding: 20px 20px 20px 56px;
    border-radius: 7px;
    display: flex;
    align-items: center;
    position: relative;
}
.coupon-block .title.show {
    border-radius: 7px 7px 0 0;
}
.coupon-block .title p a{
    font-weight: 500;
    color: var(--themecolor);
    text-decoration: underline;
}
.coupon-block .title > svg{
    position: absolute;
    left: 20px;
}
.coupon-block .content{
    padding: 20px;
    border-top: var(--border-color) solid 1px;
    display: none;
}
.coupon-block .content span{
    font-size: 14px;
    color: var(--off-text-color);
    display: block;
    margin-bottom: 20px;
}
.coupon-block .content .form-control{
    width: auto;
    min-width: 300px;
    margin-right: 16px;
}
.checkout-page .box{
    background: var(--white-bg);
    border-radius: 8px;
    border: var(--border-color) solid 1px;
}
.checkout-page .box h2{
    background: var(--light-bg);
    padding: 13px 20px;
    font-size: 18px;
    border-radius: 7px 7px 0 0;
    border-bottom: var(--border-color) solid 1px;
    margin: 0;
}
.checkout-page .box .content{
    padding: 20px;
}
.checkout-page .row [class*="col-"]{
    margin-top: 40px;
}
.checkout-page .address-block .custom-radio{
    padding: 20px 35px 20px 20px;
    border-radius: 8px;
    border: var(--border-color) solid 1px;
}
.checkout-page .address-block .custom-radio.active{
    background: var(--light-bg);
}
.checkout-page .address-block .custom-radio .edit-icon{
    position: absolute;
    right: 10px;
    bottom: 10px;
    opacity: 0;
    visibility: hidden;
}
.checkout-page .address-block .custom-radio.active .edit-icon{
    opacity: 1;
    visibility: visible;
}
.checkout-page .address-block .custom-radio:not(:last-child){
    margin-bottom: 16px;
}
.custom-radio [type="radio"]:checked + label{
    font-weight: 500;
}
.checkout-page .address-block .custom-radio [type="radio"]:checked + label,
.checkout-page .address-block .custom-radio [type="radio"]:not(:checked) + label{
    padding-left: 30px;
}
/* .checkout-page .address-block .custom-radio [type="radio"]:checked + label::before,
.checkout-page .address-block .custom-radio [type="radio"]:not(:checked) + label::before{
    top: 3px;
}
.checkout-page .address-block .custom-radio [type="radio"]:checked + label::after,
.checkout-page .address-block .custom-radio [type="radio"]:not(:checked) + label::after{
    top: 7px;
} */
.checkout-page .address-block .add-address{
    color: var(--themecolor);
    text-decoration: underline;
    font-weight: 600;
}
.checkout-page .box .payment-block{
    display: flex;
    align-items: center;
    cursor: pointer;
    flex-wrap: wrap;
    width: 100%;
}
.checkout-page .box .payment-block .custom-radio{
    width: 100%;
    border-bottom: var(--border-color) solid 1px;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.checkout-page .box .payment-block .custom-radio:last-child{
    border-bottom: none;
    padding-bottom: 20px;
    margin-bottom: 0;
}
.checkout-page .box .payment-block .img img{
    width: 80px;
    margin-right: 12px;
}
.checkout-page .box .payment-block .custom-radio [type="radio"]:checked + label::before,
.checkout-page .box .payment-block .custom-radio [type="radio"]:not(:checked) + label::before{
    top: 7px;
}
.checkout-page .box .payment-block .custom-radio [type="radio"]:checked + label::after,
.checkout-page .box .payment-block .custom-radio [type="radio"]:not(:checked) + label::after{
    top: 11px;
}
.checkout-page .box .payment-block .custom-radio [type="radio"]:checked + label,
.checkout-page .box .payment-block .custom-radio [type="radio"]:not(:checked) + label{
    padding-left: 30px;
}
.order-details-box .heading{
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: var(--border-color) solid 1px;
    padding-bottom: 16px;
}
.order-details-box .product-data li{
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: var(--border-color) solid 1px;
    padding-bottom: 12px;
    margin-top: 12px;
}
.order-details-box .product-data li .product-info{
    display: flex;
}
.order-details-box .product-data li .product-info .img{
    width: 48px;
    height: 48px;
    margin-right: 16px;
}
.order-details-box .product-data li .product-info .img img{
    border-radius: 6px;
    height: 48px;
    width: 48px;
    object-fit: cover;
}
.order-details-box .product-data li .product-info .info h3{
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 4px;
}
.order-details-box .product-data li .product-info .info h3 a{
    color: var(--themecolor);
}
.order-details-box .product-data li .product-info .info p{
    padding-right: 10px;
}
.order-details-box .product-data li .price{
    font-size: 16px;
    font-weight: 600;
    text-align: right;
}
.order-details-box .product-data li .price del{
    font-size: 14px;
    color: var(--off-text-color);
    margin-top: 3px;
    display: block;
}
.order-details-box .product-total{
    margin-top: 16px;
}
.order-details-box .product-total li{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    font-weight: 500;
    color: var(--off-text-color);
}
.order-details-box .product-total li:not(:last-child){
    margin-bottom: 14px;
}
.order-details-box .product-total li span{
    font-weight: 400;
    display: flex;
    align-items: center;
}
.order-details-box .product-total li span .icon{
    cursor: pointer;
    margin-left: 6px;
}
.order-details-box .product-price{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 16px;
    margin-top: 16px;
    border-top: var(--border-color) solid 1px;
}
.order-details-box .product-price{
    font-size: 16px;
    color: var(--themecolor);
}
.order-details-box .product-price span{
    font-size: 24px;
    font-weight: 600;
}

/* Accordian Start */
.accordion-section{
    padding: var(--space-80) 0;
}
.accordion-section .accordion-title{
    display: flex;
    align-items: center;
    position: relative;
    font-size: 20px;
    color: var(--themecolor);
    cursor: pointer;
    padding-right: 32px;
    margin-bottom: 0;
}
.accordion-section .accordion-title > svg{
    margin-right: 12px;
    color: var(--themecolor);
}
.accordion-section .accordion-title .arrow{
    position: absolute;
    right: 0;
    display: inline-flex;
    -webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.accordion-section .accordion-item.active .accordion-title .arrow{
    transform: rotate(180deg);
}
.accordion-section .accordion-item{
    padding: var(--space-16) var(--space-20);
    border-radius: var(--space-8);
    margin-bottom: var(--space-24);
    border: var(--border-color) solid 1px;
}
.accordion-section .accordion-item.active{
    background: var(--light-bg);
}
.accordion-section .accordion-item:last-child{
    margin-bottom: 0;
}
.accordion-section .accordion-item .answer{
    padding-top: 12px;
    color: var(--themecolor);
}
.accordion-section .accordion-item .answer p{
    margin-bottom: 8px;
    font-size: 16px;
    line-height: 22px;
}

/* Accordian End */

label.error {
    color: red;
    font-size: 13px; /* Optional */
    font-weight: normal; /* Optional */
}

/* homepage start */
.hero_banner_section{
    width: 100%;
    /* min-height: 530px; */
}
.hero_banner_slider,
.hero_banner_slider .img{
    width: 100%;
    /* min-height: 530px; */
}
.hero_banner_slider .img{
    background-size: cover !important;
    background-position: center !important;
}
.hero_banner_slider .slick-dots{
    position: absolute;
    width: 100%;
    bottom: 40px;
    left: 0;
    display: flex;
    justify-content: center;
}
.hero_banner_slider .slick-dots li{
    margin: 0 4px;
    display: inline-flex;
}
.hero_banner_slider .slick-dots li button{
    font-size: 0;
    background: var(--themecolor);
    border: 0;
    width: 12px;
    height: 12px;
    border-radius: var(--space-12);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.hero_banner_slider .slick-dots .slick-active button{
    background: var(--themecolor2);
    width: 24px;
}
.hero_banner_slider .slick-dots li button:focus{
    outline: none;
}
.best-seller-slider,
.top-deals-slider{
    overflow: hidden;
}
.best-seller-slider .slick-list,
.top-deals-slider .slick-list{
    margin: 0 -10px;
}
.best-seller-slider .item,
.top-deals-slider .item{
    margin: 0 10px;
}
.best-seller-section .slider_arrow,
.top-deals-section .slider_arrow{
    position: absolute;
    top: 0;
    right: 12px;
}
.best-seller-section .slick-prev,
.top-deals-section .slick-prev-deals{
    position: absolute;
    top: 0;
    width: var(--space-48);
    height: var(--space-48);
    border: var(--border-color) solid 1px;
    border-radius: var(--space-48);
    background: var(--white-bg);
    font-size: 0;
    right: 56px;
    color: var(--themecolor);
}
.best-seller-section .slick-next,
.top-deals-section .slick-next-deals{
    position: absolute;
    top: 0;
    width: var(--space-48);
    height: var(--space-48);
    border: var(--border-color) solid 1px;
    border-radius: var(--space-48);
    background: var(--white-bg);
    font-size: 0;
    right: 0;
    color: var(--themecolor);
}
.best-seller-section .slick-prev:hover,
.best-seller-section .slick-next:hover,
.top-deals-section .slick-prev-deals:hover,
.top-deals-section .slick-next-deals:hover{
    border: var(--themecolor) solid 1px;
    background: var(--themecolor);
    color: var(--white-bg);
}
.top-deals-section .product_box .img-block{
    background: none;
}
.our-brands-section{
    /* background: var(--light-bg) */
}
.our-brands-section .brand-box{
    background: var(--light-bg);
    padding: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: var(--space-8);
}
.our-brands-section .brand-box > img{
    height: 80px;
    -webkit-mix-blend-mode: multiply;
    mix-blend-mode: multiply;
}
.our-brands-section .row [class*="col-"]{
    margin-top: 24px;
}
.top-deals-section{
    background: var(--light-bg)
}
.top-deals-section .title{
    align-items: center;
}
.top-deals-section .title > a.link-underline{
    margin-left: auto;
    margin-right: 120px;
}
.banners-section .banner_image img{
    border-radius: 16px;
    border: var(--border-color) solid 1px;
}
.banners-section .container{
    margin-top: -24px;
}
.banners-section .row [class*="col-"]{
    margin-top: 24px;
}
.what-new-section .title{
    align-items: center;
}
.what-new-section .title > a.link-underline{
    margin-left: auto;
}
.what-new-wrapper .nav-tabs{
    border-bottom: 0;
    /* overflow-y: hidden;
    overflow-x: auto;
    flex-wrap: nowrap;
    padding-bottom: 10px; */
    white-space: nowrap;
    flex-wrap: nowrap;
}
.what-new-wrapper .nav-tabs .nav-link{
    padding: 12px var(--space-20);
    margin-bottom: 0;
    border-radius: var(--space-8);
    color: #697E7B;
    font-size: 14px;
    font-weight: 500;
}
.what-new-wrapper .nav-tabs .nav-link:hover,
.what-new-wrapper .nav-tabs .nav-link.active{
    color: var(--themecolor);
    border: var(--themecolor) solid 1px;
}
.what-new-wrapper .nav-tabs .nav-item:not(:first-child){
    margin-left: 4px;
}
.what-new-wrapper .mCSB_scrollTools.mCSB_scrollTools_horizontal{
    height: 3px;
}
.what-new-wrapper .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
    margin: 0 !important;
}
.what-new-wrapper .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{
    display: none;
}
.what-new-wrapper .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
    height: 2px !important;
    background-color: var(--off-text-color);
}
.what-new-wrapper .mCSB_scrollTools.mCSB_scrollTools_horizontal{
    height: 3px !important;
}
.what-new-wrapper .mCSB_horizontal.mCSB_inside > .mCSB_container{
    margin-bottom: 11px !important;
}
.what-new-wrapper .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    background-color: var(--light-bg);
}
.what-new-wrapper .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.what-new-wrapper .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: var(--off-text-color);
}

/* homepage end */


/* Media Queris Start */
@media (max-width: 1199px){

    .container{
        padding: 0 20px;
    }
    .header-wrapper .icons{
        right: 20px;
    }
    .product_box .content .bottom span.price{
        font-size: var(--space-18);
    }

}
@media (max-width: 991px){

    :root{
        --space-80: 64px;
    }
    h1{
        font-size: 32px;
    }
    .s-py{
        padding: 64px 0;
    }
    .s-pt{
        padding-top: 64px;
    }
    .s-pb{
        padding-bottom: 64px;
    }

    .site-wrapper{
        margin-top: 84px;
    }
    .top-strip{
        display: none;
    }
    .hamburger-menu{
        display: inline-block;
		width: 30px;
		height: 30px;
	}
	.hamburger-menu span,
	.hamburger-menu span:before,
	.hamburger-menu span:after{
		background: var(--themecolor);
		width: 30px;
		height: 1.5px;
		border-radius: 2px;
		display: inline-block;
		transition: all 0.15s linear;
	}
	.hamburger-menu span:before,
	.hamburger-menu span:after{
		content: '';
		position: absolute;
	}
	.hamburger-menu span:before{
		transform: translateY(-7px);
	}
	.hamburger-menu span:after{
		transform: translateY(7px);
	}
	.hamburger-menu.open span{
		background: transparent;
	}
	.hamburger-menu.open span:before{
		transform: rotate(45deg);
	}
	.hamburger-menu.open span:after{
		transform: rotate(-45deg);
	}
    .header-wrapper .navbar{
        padding: var(--space-24);
        display: none;
		position: absolute;
		background: #fff;
		left: 0;
		top: 56px;
        border-top: var(--border-color) solid 1px;
		-webkit-box-shadow: rgba(0,0,0,.06) 0 10px 30px;
		box-shadow: rgba(0,0,0,.06) 0 10px 30px;
    }
    .header-wrapper .navbar ul li .mega-menu{
        position: static;
        opacity: 1;
        visibility: visible;
        max-height: inherit;
        border: 0;
        border-radius: 0;
        overflow: inherit;
    }
    .header-wrapper .navbar ul li:hover a ~ .mega-menu{
        max-height: inherit;
        box-shadow: none;
    }
    .header-wrapper .navbar > ul{
        flex-wrap: wrap;
    }
    .header-wrapper .navbar ul li:not(:last-child){
        width: 100%;
        margin-right: 0;
        margin-bottom: var(--space-24);
    }
    .header-wrapper .navbar ul li{
        line-height: 1.1;
    }
    .header-wrapper .navbar ul li .mega-menu ul{
        padding: var(--space-24) 0 var(--space-8) 0;
        width: 100%;
        justify-content: flex-start;
        overflow: auto;
    }
    .header-wrapper .navbar ul li .mega-menu ul li{
        margin-bottom: 0;
        margin: 0 10px;
    }
    .login-box-wrapper{
        padding: var(--space-20);
    }

    .filtering{
        margin-left: -4px;
        margin-right: -4px;
    }
    .remove-filter{
        font-size: var(--space-12);
        padding: 6px 8px;
        margin: 4px;
    }
    .remove-filter .close{
        margin-left: 6px;
        width: 8px;
        height: 8px;
    }
    .product-content{
        padding-left: var(--space-16);
    }
    .review-box{
        padding: var(--space-16);
    }
    .rating-info{
        width: 100%;
        margin-bottom: var(--space-12);
    }

    .orders-list-box .img{
        display: inline-flex;
        align-items: center;
    }
    .order-details .content{
        width: 100%;
        padding: 16px 16px 12px 16px;
        border-left: var(--border-color) solid 1px;
        border-bottom: var(--border-color) solid 1px;
    }
    .order-date-review{
        width: 100%;
        padding: 12px 16px 16px 16px;
    }
    .wishlist-content .content{
        max-width: 65%;
        width: 100%;
    }


    footer .f-col{
        margin-top: var(--space-32);
    }
    footer .f-col.logo-block,
    footer .f-col.app-block{
        margin-top: 0;
    }
    .copyright-social{
        margin-top: var(--space-32);
    }
    .product_box .img-block > img{
        height: 260px;
    }

    .search-inner .close{
        display: none;
    }
    .search-inner #searchButton{
        display: block;
        position: absolute;
        top: 50%;
        right: 8px;
        transform: translateY(-50%);
        background: var(--themecolor);
        border: 0;
        border-radius: 4px;
        color: #fff;
        padding: 8px 12px;
        font-weight: 500;
    }


}
@media (max-width: 767px){

    :root{
        --space-80: 48px;
    }

    h1,.f-40{
        font-size: 28px;
    }
    h2{
        font-size: 26px;
    }
    .s-py{
        padding: 48px 0;
    }
    .s-pt{
        padding-top: 48px;
    }
    .s-pb{
        padding-bottom: 48px;
    }

    .review-section{
        margin-top: 0;
        padding-top: var(--space-24);
        padding-bottom: var(--space-40);
    }

    .login-box-wrapper h2{
        margin-bottom: var(--space-16);
    }
    .header-wrapper .icons a{
        margin-left: var(--space-12);
    }
    .header_logo{
        width: 180px;
    }
    .header_logo > img{
        width: 100%;
    }

    .product_box .content{
        padding: 0 var(--space-20);
    }
    /* .product_box a img.img-fluid{
        border-radius: 0;
    } */
    .product_box .img-block{
        border-radius: 0;
    }
    .product_box .img-block > img{
        border-radius: 0;
        height: 330px;
    }
    .right_products .row{
        margin: 0 -20px;
    }
    .right_products .row [class*="col-"]{
        padding: 0;
    }
    
    .product_box{
        margin-top: 0;
    }
    .product_box .content{
        margin-top: 0;
    }
    .right_products .row [class*="col-"]{
        border-right: var(--border-color) solid 1px;
    }
    .right_products .row [class*="col-"]:nth-child(2n+2){
        border-right: 0;
    }
    .product_box .content{
        padding: var(--space-12) var(--space-12) var(--space-20);
    }
    .product_box .content .bottom{
        flex-wrap: wrap;
    }
    .product-wrapper{
        padding-bottom: 0;
    }
    .product-wrapper .title{
        margin-bottom: var(--space-24);
    }
    .filter-mobile{
        margin: var(--space-16) 0;
        text-align: center;
        display: block;
        position: sticky;
        bottom: 20px;
        z-index: 1;
    }
    .filter-mobile .cta-btn{
        background: var(--themecolor2);
        color: var(--themecolor);
    }
    /* .left_sidebar{
        position: fixed;
        z-index: 2;
        background: var(--white-bg);
        height: 0vh;
        overflow: auto;
        top: 0;
        bottom: 0;
        width: 100%;
        left: 0;
        border-radius: 0;
        border: 0;
        margin-top: 0;
        -webkit-transition: height 0.5s ease-out;
        -moz-transition: height 0.5s ease-out;
        -ms-transition: height 0.5s ease-out;
        -o-transition: height 0.5s ease-out;
        transition: height 0.5s ease-out;
    }
    .left_sidebar.open{
        height: 100vh;
    } */
     .left_sidebar {
        position: fixed;
        top: 0;
        right: -100%; /* start hidden off-screen */
        width: 100%;
        height: 100%;
        background: var(--white-bg);
        z-index: 2;
        margin-top: 0;
        overflow: auto;
        border-radius: 0;
        border: 0;
        transition: right 0.5s ease-out;
    }
    .left_sidebar.open {
        right: 0; /* slide in */
    }
    .filter-block .link-underline{
        order: 5;
        margin-top: 8px;
    }
    .filter-mobile-close{
        cursor: pointer;
        position: absolute;
        top: 16px;
        right: 16px;
        width: 14px;
        height: 14px;
        background: url(../images/filter-close.svg) no-repeat;
        background-size: cover;
    }
    .filtering{
        margin-top: var(--space-8);
    }
    .product-content{
        padding-left: 0;
        padding-top: var(--space-24);
    }
    .product-content .content-block{
        /* padding: var(--space-16) 0; */
    }
    .product-content .content-block h5{
        margin-bottom: var(--space-4);
    }
    .order-right-part .filter-mobile{
        margin-bottom: 0;
    }

    .order-details-info{
        flex-wrap: wrap;
    }
    .order-details-info .box{
        padding: var(--space-16);
        width: 100%;
        border-right: 0;
        border-bottom: var(--border-color) solid 1px;
    }
    .order-details-info .box:last-child{
        border-bottom: 0;
    }
    .checkout-page .row [class*="col-"]{
        margin-top: 24px;
    }
    .coupon-block .content .form-group{
        flex-wrap: wrap;
    }
    .coupon-block .content .form-control{
        min-width: auto;
    }
    .coupon-block .content span{
        margin-bottom: 14px;
    }
    .accordion-section .accordion-item{
        margin-bottom: var(--space-16);
    }

    .best-seller-section .slider_arrow,
    .top-deals-section .slider_arrow{
        position: relative;
        top: auto;
        right: auto;
        height: auto;
        display: flex;
        justify-content: center;
        margin-top: 16px;
    }
    .best-seller-section .slick-prev,
    .top-deals-section .slick-prev-deals,
    .best-seller-section .slick-next,
    .top-deals-section .slick-next-deals{
        position: static;
        margin: 0 4px;
    }
    .top-deals-section .title > a.link-underline{
        margin-right: 0;
    }
    .what-new-section .tab-content{
        margin-top: 24px;
    }
    .top-deals-section .title{
        margin-bottom: 24px;
    }
    .best-seller-slider .product_box a img,
    .top-deals-slider .product_box a img{
        height: 280px;
    }

}
@media (max-width: 575px){

    :root{
        --space-80: 40px;
        --space-48: 40px;
    }
    h1,
    .f-40{
        font-size: 26px;
        font-weight: 600;
        margin-bottom: 24px;
    }
    h2{
        font-size: 22px;
        font-weight: 600;
        margin-bottom: 16px;
    }
    h3{
        font-size: 18px;
    }
    .link-underline{
        font-size: 15px;
    }

    .sort-by{
        margin-top: var(--space-16);
    }
    .sort-by,
    .sort-by .select2,
    .product_box .content .bottom .rating,
    .tab-wrapper-inner .cta-btn,
    .tab-wrapper-inner .cta-btn-border{
        width: 100% !important;
    }

    .product-wrapper{
        padding-top: 24px;
    }
    .product_box .content .bottom span.price{
        margin-bottom: var(--space-8);
    }
    .product_box .content h3{
        font-size: 15px;
    }
    .product_box .content > p{
        font-size: 12px;
        margin-bottom: var(--space-8);
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }
    .product_box .content .bottom span.price{
        font-size: var(--space-16);
    }
    .product_box .content .bottom .rating{
        font-size: var(--space-12);
        background-size: 14px;
        padding-left: var(--space-18);
    }



    .password-step .form-group .col{
        padding: 0 var(--space-4);
    }
    .newsletter-content form .form-group,
    .search-area .form-group{
        flex-wrap: wrap;
    }
    .newsletter-content input[type="submit"],
    .search-area .form-group input.cta-btn{
        min-width: 100%;
    }
    .newsletter-content form .form-group .cta-btn{
        width: 100%;
    }
    footer .f-col{
        margin-top: 0;
        padding-bottom: var(--space-24);
        margin-bottom: var(--space-24);
        border-bottom: var(--border-color) solid 1px;
    }
    footer .f-col.app-block{
        border: 0;
        margin: 0;
        padding: 0;
    }
    .copyright-social{
        padding: var(--space-24) 0;
        flex-wrap: wrap;
        justify-content: center;
    }
    .copyright-social ul{
        margin-top: var(--space-12);
        width: 100%;
        justify-content: center;
    }
    
    .product_box .up-content .cta-btn{
        padding: var(--space-8) var(--space-16);
    }
    .size-select-wrapper .cta-btn,
    .size-select-wrapper .cta-btn-border,
    .size-select-wrapper .size-select ~ div{
        width: 100%;
    }
    .review-section .title h3{
        width: 100%;
        margin-bottom: var(--space-8);
    }
    .size-select{
        margin-bottom: var(--space-16);
    }
    .orders-wrapper{
        padding: var(--space-24) 0;
    }
    .paymnet-card-block,
    .address-box{
        padding: var(--space-20);
    }
    .wishlist-content .content{
        max-width: 100%;
        width: 100%;
        margin-bottom: var(--space-12);
    }
    .wishlist-content .price-action span{
        margin-right: var(--space-16) ;
    }
    .wishlist-block .img img{
        width: 48px;
        height: 48px;
    }
    .wishlist-block{
        padding: var(--space-16);
        align-items: flex-start;
    }
    .wishlist-content{
        width: calc(100% - 48px);
    }
    .cp-inner .title,
    .cp-block,
    .cp-bottom{
        padding:var(--space-16);
    }
    .cp-block span.img > img{
        width: 80px;
        height: 90px;
    }
    .cp-block .content{
        width: calc(100% - 80px);
    }
    .cp-bottom p{
        margin-bottom: var(--space-16);
        line-height: 16px;
    }
    .cp-list{
        height: calc(100% - 54px);
    }
    .cp-inner{
        height: calc(100vh - 138px);
    }
    .orders-data-bottom .link-underline{
        font-size: 13px;
    }
    .order-details-wrapper .title > div{
        width: 100%;
        margin-bottom: var(--space-8);
    }
    .order-details-wrapper .title > div h3{
        margin-bottom: var(--space-4);
    }
    .coupon-block .content .form-control{
        min-width: 100%;
        margin-bottom: 8px;
    }
    .checkout-page .box .content .cta-btn,
    .coupon-block .content .form-group .cta-btn{
        width: 100%;
    }
    .order-details-box .product-price span{
        font-size: 20px;
    }
    .search-popup{
        position: fixed;
        top: 83px;
        left: 0;
        right: 0;
        width: auto;
        border-left: none;
        border-right: none;
        z-index: 1;
    }
    .product_box .img-block > img{
        height: 250px;
    }
    .search-inner #searchButton{
        right: 6px;
        padding: 6px 12px;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
    }
    .search-inner #searchButton:hover{
        color: var(--themecolor);
        background: var(--themecolor2);
    }
    .what-new-wrapper .nav-tabs .nav-link{
        padding: 8px 12px;
        font-size: 13px;
    }

}
@media (max-width: 480px){

    .header_logo{
        width: 40px;
        overflow: hidden;
    }
    .header_logo > img{
        width: auto;
    }

    .orders-list-box .img{
        width: 48px;
        align-items: flex-start;
        margin-left: var(--space-8);
    }
    .order-details{
        width: calc(100% - 56px);
        padding-left: var(--space-8);
    }

    .orders-data-top{
        flex-wrap: wrap;
    }
    .orders-data-top .text{
        width: 100%;
        display: flex;
        justify-content: space-between;
        margin-bottom: var(--space-4);
    }
    .orders-data-top .text:last-child{
        padding-left: 0;
        margin-bottom: 0;
    }

    .modal .cta-btn,
    .modal .cta-btn-border{
        font-size: 14px;
    }

}

@media (max-width: 440px){
    .product_box .img-block > img{
        height: 180px;
    }
}