@charset "utf-8";
/* CSS Document */

/* Begin Font  */


@font-face {
    font-family: 'SoraRegular';
    src: url('../fonts/SoraRegular.eot');
    src: url('../fonts/SoraRegular.eot') format('embedded-opentype'),
         url('../fonts/SoraRegular.woff2') format('woff2'),
         url('../fonts/SoraRegular.woff') format('woff'),
         url('../fonts/SoraRegular.ttf') format('truetype'),
         url('../fonts/SoraRegular.svg#SoraRegular') format('svg');
}
@font-face {
    font-family: 'SoraLight';
    src: url('../fonts/SoraLight.eot');
    src: url('../fonts/SoraLight.eot') format('embedded-opentype'),
         url('../fonts/SoraLight.woff2') format('woff2'),
         url('../fonts/SoraLight.woff') format('woff'),
         url('../fonts/SoraLight.ttf') format('truetype'),
         url('../fonts/SoraLight.svg#SoraLight') format('svg');
}
@font-face {
    font-family: 'SoraSemiBold';
    src: url('../fonts/SoraSemiBold.eot');
    src: url('../fonts/SoraSemiBold.eot') format('embedded-opentype'),
         url('../fonts/SoraSemiBold.woff2') format('woff2'),
         url('../fonts/SoraSemiBold.woff') format('woff'),
         url('../fonts/SoraSemiBold.ttf') format('truetype'),
         url('../fonts/SoraSemiBold.svg#SoraSemiBold') format('svg');
}





:root {
    /* Colors: */
    --white: #FFFFFF;
    --text: #000;
    --footer: #37393B;


    /*Fonts */
    --font-family-regular:SoraRegular;
    --font-family-light:SoraLight;
    --font-family-semiBold:SoraSemiBold;

    }

    
    /* Character Styles */
    h1 {
    font-family: var(--font-family-regular);
    font-size: 25px;
    font-size: clamp(18px, 2vw, 25px);
    }
    h2,h3,h4,h5,h6 {
    font-family: var(--font-family-regular);
    }
    body {
        font-family: var(--font-family-regular);
        }
    b{ font-family: var(--font-family-semiBold);}


    /*Begin Page loader style */
div#preloader { position: fixed; left: 0; top: 0; z-index: 999; width: 100%; 
    height: 100%; overflow: visible; background: #fff url("../images/preloader.gif") no-repeat center center; }

div#preloader1 { position: fixed; left: 0; top: 0; z-index: 999; width: 100%; 
    height: 100%; overflow: visible; background: #fff url("../images/preloader.gif") no-repeat center center; opacity:.5;}
    /*End Page loader style */


/* common tag style ------------------------------*/
:focus{outline:none;}
body{margin:0; font-size:15px; color:#000;overflow-x:hidden; background: #f4f4f4;}

a{color:#000;outline:none!important;}
a:hover,a:focus{color:#114aa0;}
p {font-size: 14px;color:#000; line-height: normal;}
.btn{color: #fff; border-radius: 14px; background: #000;
padding: 10px 15px; text-transform: capitalize; position: relative;font-size: 12px;  border: none;
transition:.3s all ease-in-out 0s; -moz-transition:.3s all ease-in-out 0s;-webkit-transition:.3s all ease-in-out 0s; -o-transition:.3s all ease-in-out 0s;
display: flex;align-items: center;justify-content: center;width: fit-content;}
.btn:hover, .btn:focus, .btn:active {background: #3e3e3e; color:#fff;}
.anim{transition:.3s all ease-in-out 0s; -moz-transition:.3s all ease-in-out 0s;-webkit-transition:.3s all ease-in-out 0s; -o-transition:.3s all ease-in-out 0s;}
.white{color:#fff;}
.txtRight{text-align: right;}
.borderBtn {border: 1px solid #000; background: none;color: #000;}
/*------------------------------------*/


/* Image zoom Stat */
.zoom { display:inline-block;position: relative;}
/* magnifying glass icon */
.zoom:after {content:'';display:block;width:33px;height:33px;position:absolute;top:0;right:0; background:url(../images/icon.png);}
.zoom img {  display: block;}
.zoom img::selection { background-color: transparent; }
#ex2 img:hover { cursor: url(grab.cur), default; }
#ex2 img:active { cursor: url(grabbed.cur), default; }
.hoverTxt {position: absolute; top: 0;  right: 24px; z-index: 1; color: #d4d3d6;font-size: 12px;}
.zoom:hover {cursor: move;}
/* Image zoom end */

@media (min-width: 1400px)
{
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {max-width: 1670px;width: min(1670px,90%);}
}

.icon {width:30px; height:30px; display: block;}
.searchIco{background: url(../images/searchIco.svg) no-repeat scroll center center;background-color: #000;border-radius: 0 20px 20px 0;height: 36px;margin-top: -2px;margin-right: -6px;width: 50px;}
.userIco{background: url(../images/userIco.svg) no-repeat scroll center center;}
.cartIco{background: url(../images/cartIcon.svg) no-repeat scroll center center;}
.submenu-button{background: url(../images/down-Ar.svg) no-repeat scroll center center;width:20px; height:30px; display: block;transition:.3s all ease-in-out 0s;}
.headLinkMore{background: url(../images/down-Ar.svg) no-repeat scroll center center;width:20px; height:30px; display: block;transition:.3s all ease-in-out 0s;}
#cssmenu > ul > li:hover .submenu-button {transform: rotate(180deg);}
.heading1 {display: flex;align-items: center;gap: 8px;}
.headLinkMore {transform: rotate(-90deg);display: block;background-color: #4fa5d5;width: 25px;height: 25px;border-radius: 100%;}
.headLinkMore:hover {background-color: #0d75af;transform: rotate(270deg);}


.menuSec{background:#fff;box-shadow: 3px 3px 9px 0px #ddd;z-index: 10000000000;}
header {width: 100%;    top: 0;z-index: 10;background: none;padding:0;   margin: 0;   position:fixed;}
.headerSec {align-items: center;   margin-top: -2px; margin-bottom: 0;}
.nav-up {top: -120px; overflow: hidden;}

.headerSec { max-width: 1320px;margin: 0px auto;}
.headerRow1 {display: flex;justify-content: space-between;margin-top: 1em; margin-bottom:1em;align-items: center;}
.logo {max-width: 200px;flex: 1 0 0;}
.logo img { max-width: 100%;}
.searchGp {display: block;background: #F4F4F4;position: relative;border-radius: 20px;}
.searchGp input[type="text"] {border: none;background: #f4f4f4;width: 100%;height: 36px;padding: 10px 20px;border-radius: 20px;padding-right: 37px;}
.searchGp input[type="text"]:focus{ border:1px solid #000;}
.headSearch {flex: 1 0 300px;max-width: 45%;transition:.3s all ease-in-out 0s;}
.headSearch:hover{max-width: 46%;}
.searchGp icon {position: absolute;right: 7px;top: 2px;cursor: pointer;}
.searchGp icon:hover,.searchGp icon:focus {opacity: .8;}
.accGp > ul {list-style: none;padding: 0;display: flex;gap: 30px; margin:0;font-size: clamp(13px, 1vw,15px);}
.accGp ul li a,.accGp ul li {display: flex;justify-content: center;align-items: center;text-decoration: none;}
.icoGp {display: flex;justify-content: center;align-items: center;cursor: pointer;}
.neCusLink { font-size: 14px;display: flex;justify-content: space-between;    padding-bottom: 10px;}
.accGp .dropdown-menu {font-size: 14px;}
a.signUpLink {margin-left: 2em;color: #1041ff;}
.signUpRow {border-bottom: 1px solid #ddd;margin-bottom: 10px;}

.myAccDropdownOpen {padding: 0;list-style: none;background: #fdfdfd;padding: 10px;border-radius: 10px;
position: absolute;z-index: 10;top: 100%;width: max-content;transition:.3s all ease-in-out 0s;border: 1px solid #ddd;display:none;}
.myAccDropdownOpen li,.myAccDropdownOpen li a {padding: 0;text-align: left;display: flex;justify-content: flex-start;}
.myAccDropdownOpen li {padding: 5px 5px;}
.myAccDropdownOpen li a {display: block;width: 100%;text-align: left;justify-content: flex-start !important;align-items: flex-start;}
.myAccDropdown {position: relative;}
span.signUpLink {margin-left: 1em;}
.myAccDropdown:hover .myAccDropdownOpen,.myAccDropdown:focus .myAccDropdownOpen{ display: block;}


.menuRow {display: flex;flex-wrap: wrap;margin-bottom: 0.5em;}
.menuLeft,.menuRight {flex: 1 0 0;}
.newLBtn {border: 1px solid #000;background: no-repeat;color: var(--text);height: 28px;padding: 5px 10px;border-radius: 10px;width: min(230px,100%);margin-left: auto;}
.newLBx {display: flex;width: 100%;}
.menuLeft {flex: 1 0 82%; max-width: 82%;}
.menuRight {margin-left: auto;display: flex;max-width: 230px;flex: 1 0 18%;}


.homeSlider {margin-top: 9em;}
.homeSlider .carousel-item img { border-radius: 5px;}
.proRowSec {background: #fff;margin: 1.5em 0;padding: 20px;border-radius: 3px;padding-bottom: 0;}
.productBx {padding: 10px;border: 1px solid #ddd;border-radius: 7px;margin: 12px 5px;margin-bottom: 3em; background: #fff;}
.productBx:hover {box-shadow: 1px 1px 10px 2px #d3d3d3;position: absolute;top: 0;}
.productBx:hover img{transform: scale(1.1);}
.productBx img {max-width: 100%;max-height: 100%;object-fit: contain;transition:.3s all ease-in-out 0s;}
.productBx h3 {font-size: 16px;font-size: clamp(12px,1vw,16px);margin-bottom: 0;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.productBx figure {margin: 0 0 5px; position: relative; overflow: hidden;}
.wishIcoGp { position: absolute;right: 6px;top: 6px;background: #fff;width: 35px;height: 35px;border-radius: 100%;display: flex;justify-content: center;align-items: center;display: none;}
.productBx:hover .wishIcoGp{display: flex;}

.productBx figcaption {text-align: center;}
.productBx .btnRow {display: flex; gap:10px; justify-content: center; display: none; transition:.3s all ease-in-out 0s;}
.productBx:hover .btnRow{ display: flex;}
.priceRw {font-size: 13px;    font-size: clamp(9px,1vw,13px);display: flex;gap: 10px;justify-content: center;margin: 5px 0 10px;}
.priceCurrent {color: #F87212;}
.priceOld {color: #C1C1C1;text-decoration: line-through;}
.cartBtn {font-size: 12px;padding: 5px 30px; white-space: nowrap;}
.viewIco{background: url(../images/viewIco.svg) no-repeat scroll center center;}
.viewBtn {background: #E8E8E8;padding: 2px 5px;}
.viewBtn:hover,.viewBtn:focus {background: #ddd;}
.productCarousel a {text-decoration: none;}
.wishIco{background: url(../images/whishlistIcon.svg) no-repeat scroll center center;}
.owl-stage {display: flex; }
.thumHiLabel { position: fixed;background: rgba(0,0,0,.8);padding: 5px;color: #fff;font-size: 11px;top: 23px;left: 16px;z-index: 10;padding: 5px 10px;}
.newArriveLabel{background: rgb(197 5 5 / 80%);}


.proRowSec .owl-nav {position: absolute;top: -47px;right: 0;font-size: 28px;display: flex;border: 1px solid #ddd;border-radius: 5px;}
.proRowSec .owl-nav button {width: 32px;height: 32px;display: flex;justify-content: center;align-items: center;}
.proRowSec .owl-nav button span {display: block;height: auto;}
.proRowSec .owl-nav button.owl-prev {border-right: 1px solid #ddd;}
.proRowSec .owl-dots { display: none;}
.owl-nav button:hover {background: #020202 !important;border-color: #000 !important;}
.owl-nav:hover {border-color: #333 !important;}
.owl-nav button:hover span {color: #fff !important;}

.multiGroupRow {display: grid;grid-template-columns: repeat(auto-fill, minmax(320px,1fr));gap: 20px;margin-bottom: 1em;}
.multiCol {background: #fff;padding: 20px;border-radius: 3px;}
.multiColRow {display: flex;flex-wrap: wrap;gap: 20px;}
.colItems {flex: 1 0 45%;max-width: 50%;}
.colItems img {max-width: 100%;transition:.3s all ease-in-out 0s;}
.multiCol h1 {font-size:clamp(14px, 2vw, 20px);}
.colItems figcaption h5 {font-size: clamp(11px,1vw,13px);}
.colItems figure {margin: 0 0 5px; overflow: hidden;}
.colItems a {text-decoration: none;}
.colItems:hover img{transform: scale(1.1);}

.browBx figure{overflow: hidden;}
.browBx img{transition:.3s all ease-in-out 0s;}
.browBx:hover img{transform: scale(1.1);}

.innerWrapper {padding-top: 9em; background: #fff;padding-bottom: 3em; min-height:100vh !important;}
.filterIco1{background: url(../images/filterIcon1.svg) no-repeat scroll center center;}
.filterCollapseAr{background: url(../images/down-Ar.svg) no-repeat scroll center center;transform: rotate(180deg);}
.upArrow{transform: rotate(1deg);}
.proSecRow {display: flex;    align-items: flex-start;}
.filterLeft {flex: 1 0 210px;max-width: 280px;background: #fff;padding: 15px;position: sticky;top: 50px;}
h2.filterTitle {display: flex;font-size: 19px;font-family: var(--font-family-semiBold);text-transform: uppercase;align-items: center;gap: 3px;border-bottom: 1px solid #E1E7EE;padding-bottom: 5px;}
.eachFilHead {display: flex;justify-content: space-between;align-items: center;cursor: pointer;margin-bottom: .5em;}
.eachFilHead h3 {font-size: 16px;font-family: var(--font-family-semiBold);margin: 0;}
.filList {padding: 0;list-style: none;display: flex;flex-direction: column;gap: 10px; margin:0;}
.filList li {font-size: 13px;display: flex;gap: 5px;align-items: center;}
.eachFilterCol { border-bottom: 1px solid #e1e7ee; margin: 0 0 1em; }
.eachFilBody {padding-bottom: 1em;padding-left: 2px;max-height: 300px;overflow: auto;}
.brandSrch input[type="text"] {border-radius: 12px;padding-left: 15px; border:1px solid #C6C6C6; background: none; height: 32px;font-size: 13px;}
.brandSrch .searchIco {background-color: inherit;background: url(../images/searchIco2.svg) no-repeat scroll center center;border-radius: 0;margin: 0;width: 20px;height: 20px;top: 7px;right: 10px;background-size: 100%;}
.brandSrch {margin-bottom: 1em;}
.searchSc .searchGp { background: none;}
span.stoclLab {font-size: 13px;}
.switchLab {display: flex; align-items: center; gap: 5px;margin-top: 15px;}

/* slide switch style */
.switch {position: relative;display: inline-block;width: 40px;height: 20px;}
    /* Hide default HTML checkbox */
.switch input {opacity: 0;width: 0;height: 0;}
  /* The slider */
.slider {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: #ccc;-webkit-transition: .4s;transition: .4s;}
.slider:before {position: absolute;content: "";height: 15px;width: 15px;left: 4px;bottom: 3px;background-color: white;-webkit-transition: .4s;transition: .4s;}
input:checked + .slider {background-color: #2196F3;}
input:focus + .slider {box-shadow: 0 0 1px #2196F3;}
input:checked + .slider:before {-webkit-transform: translateX(26px);-ms-transform: translateX(26px);transform: translateX(18px);}
/* Rounded sliders */
.slider.round {border-radius: 34px;  }
.slider.round:before {border-radius: 50%;  }
/* end slide switch style */


.proListRight {flex: 1 0 0;padding-left: 2em;max-width: 83%;}
.title2 {font-family: var(--font-family-semiBold);font-size: 27px;}
.breadcrumbRw ul {list-style: none;padding: 0;margin: 0;display: flex;gap: 1px;color: #6D6D6D;font-size: 13px;}
.breadcrumbRw ul li a {text-decoration: none;}
.breadcrumbRw ul li {display: flex;}
.breadcrumbRw { margin-bottom: 7px;}
.breadCruAr { background: url(../images/down-Ar.svg) no-repeat scroll center center; transform: rotate(270deg);width: 14px;height: 14px;background-size: 100%;margin: 3px;}
.resulShwCount h6 {font-size: 15px;}

.sortLeft {flex: 1 0 80%;max-width: 80%;}
.sortSecRow {display: flex;margin-top: 1.2em;}
.srtRw {display: flex;align-items: center;gap: 10px;}
.srtRw h6 {font-size: 14px;font-family: var(--font-family-semiBold);margin: 0;white-space: nowrap;}
.srtRw ul {list-style: none;padding: 0;margin: 0;display: flex;flex-wrap: wrap;gap: 10px;}
.srtRw ul li {font-size: 12px;border: 1px solid #898989;padding: 2px 10px;border-radius: 30px;cursor: pointer;}
.srtRw ul li.active{background: #000; color:#fff; border-color: #000;}
.viewRight { flex: 1 0 20%; max-width: 20%;}

.hoteDealInner .proRowSec{background: #f4f4f4;}
.productListingGrid {display: grid;grid-template-columns: repeat(auto-fit, minmax(250px,1fr)); gap:37px;}
.proListCol {position: relative;}
.productListingGrid .productBx{margin:0;}
.proListCol a{text-decoration: none;}
.tabFilterView,.tabFilterCloseIco{display: none;}

.loginSec {width: min(500px,90%);margin: 2em auto;border: 1px solid #ddd;padding: 3em;border-radius: 20px;}
.loginSec .nav-tabs {border: none;justify-content: center;gap: 20px;}
.loginSec .nav-link {font-size: clamp(14px,2vw,20px);}
.loginSec .nav-tabs .nav-link {color: #000;border: none;border-bottom: 2px solid transparent;}
.loginSec .nav-link.active {color: #3e72ef;border-bottom: 2px solid #3e72f0;}
.loginSec .tab-content {margin: 2em 0;}
.loginBtn {padding: 10px 20px; font-size: 14px; width: 100%;}


.pdpSecRow {display: flex;gap: 3em;}
.pdpLeftSec {flex: 1 0 60%;max-width: 60%;}
.pdpRightSec {flex: 1 0 40%;max-width: 40%;}
.proTitle {font-size: 22px;font-size: clamp(15px,2vw,22px);}
.pdpRightSec h6 {font-size: 14px;color: #585858;}
.priceRwPDP {display: flex;gap: 17px;align-items: center;margin: 16px 0;}
.currentPrice {font-size: 25px;font-family: var(--font-family-semiBold);margin: 0;}
.oldPrice {font-size: 18px;color: #8D8D8D;text-decoration: line-through;margin: 0;}
.off\% {font-size: 14px;color: #4EBE66;font-family: var(--font-family-semiBold);margin: 0;white-space: nowrap;}
.warrentyaLab {font-size: 13px;color: #3A3A3A;}
.freeDeli {font-size: 12px !important;color: #787676;}
.pinCheckSec {display: flex;gap: 10px;margin-bottom: 10px;}
.pinLeft h5 {font-size: 12px;font-family: var(--font-family-semiBold);margin: 0;margin-top: 10px;}
.pinRight input[type="text"] {border: 1px solid #DADADA;border-radius: 10px;padding: 10px;font-size: 13px;height: 37px;width: 260px;padding-right: 7em;}
.pinRight .formGp {display: flex;position: relative;max-width: 260px;}
.pinCheckBtn {background: #DBDFEA;color: #272525;font-size: 12px;font-family: var(--font-family-semiBold);position: absolute;right: 4px;height: 30px;top: 4px;border-radius: 10px;}
.pinRight p {font-size: 11px;color: #3A3A3A;line-height: 20px;margin: 0;}
.pinRight h5 {font-size: 13px;font-family: var(--font-family-semiBold);color: #3A3A3A;}
.vdoRw {display: flex;gap: 10px;align-items: center;cursor: pointer;}
.vdoR {color: #3C9ED4;font-family: var(--font-family-semiBold);font-size: 14px;}
.vdoL {flex: 1 0 100px;max-width: 100px;}
.vdoL img {max-width: 100%;}
.tickIco{background: url(../images/tickIco.png) no-repeat scroll center -3px;}
.avlChk {display: flex;font-size: 15px;margin: 1em 0;gap: 10px;align-items: center;}
.avlL {font-family: var(--font-family-semiBold);}
.avlR span {display: flex;align-items: center;}

.pdpBtnRow {display: flex;gap: 15px;}
.formGpQty select {border: 1px solid #D7D7D7;height: 50px;width: 90px;border-radius: 15px;padding: 14px;  appearance: none;}
.formGpQty::after{background: url(../images/selectAr.svg) no-repeat scroll center center;content: ""; position: absolute; top: 0; width: 20px; height: 20px;top: 18px;width: 20px;height: 20px;right: 7px;
pointer-events: none;}
.formGpQty {position: relative;}
.formGpQty label {position: absolute;color: #666464;position: absolute;top: -10px;font-family: var(--font-family-semiBold);width: 38px;background: #fff;left: 8px;padding: 0 6px; z-index: 10;}
.cartIcoBtn{background: url(../images/cartIconBtn.svg) no-repeat scroll center center;}
.buyNwIcBtn{background: url(../images/buyNowIconBtn.svg) no-repeat scroll center center;}
.addCrBtn,.byNwBtn {font-size: 14px;display: flex;padding: 10px;gap: 10px;align-items: center;justify-content: center;font-family: var(--font-family-semiBold);white-space: nowrap;font-size: clamp(12px,1vw,14px);
width: min(240px,100%);height: auto !important;}
.byNwBtn { background: #4A9CB9;}
.byNwBtn:hover,.byNwBtn:focus { background: #2a667c;}

.pdpCollapseSec {margin: 2em 0 1em;border-top: 1px solid #e9e9e9;}
.collpGp {border-bottom: 1px solid #E9E9E9;}
.collHead {font-size: 15px;padding: 10px 0;cursor: pointer;display: flex;justify-content: space-between;align-items: center;}
.collHead h5 {font-size: 15px;margin: 0;}
.collBody {font-size: 13px;color: #4E4C4C;padding: 0px 0; display: none;}
.collBody p{font-size: 13px;color: #4E4C4C;line-height: normal;}
.colPlus{background: url(../images/col-plus.svg) no-repeat scroll center center;}
.colMinus{background: url(../images/col-minus.svg) no-repeat scroll center center;}
.collHead.active + .collBody{display: block;}
.collHead.active .colPlus{background: url(../images/col-minus.svg) no-repeat scroll center center;}

.compBx {display: flex;gap: 10px;border: 1px solid #ddd;padding: 10px;border-radius: 5px;margin-bottom: 1em;}
.compBx figure {flex: 1 0 150px;max-width: 200px;margin: 0;}
.compBx figure img {max-width: 100%;}
.compBx figcaption {flex: 1 0 0;padding: 0 5px;}
.compBx figcaption h5 {font-size: 15px;margin-bottom: 4px;}
.compBx figcaption h6 {font-size: 13px;margin-bottom: 1.3em;}
.sltRow {display: flex;flex-wrap: wrap;gap: 10px;margin: .5em 0;}
.formGpQty.smSize label {font-size: 12px;top: -8px;}
.formGpQty.smSize select {height: 40px;padding: 10px 17px;font-size: 11px;}
.formGpQty.smSize::after {top: 12px;width: 24px;background-size: cover;}
.smSize { width: 90px;}
.compBx p {font-size: 12px;line-height: normal; margin:0;}
.componentSec {margin: 1em 0;}
.btnSc {display: flex;flex-direction: column;justify-content: center;}
.btnSc .cartBtn {height: 34px;}
.btnSc .btnRow {display: flex;gap: 10px;}
.relItemSecPDP { background: #f4f4f4;}

.cartLeft{padding-right:5em;}
.delverAddBx {background: #F8F8F8;padding: 15px;border-radius: 5px;margin-bottom: 1em;display: flex;justify-content: space-between;}
.deliAdLeft h4 {font-size: 14px;margin: 0;}
.deliAdLeft p {font-size: 12px;margin-bottom: 5px;}
.deliAdRight {flex: 1 0 100px;max-width: 150px;display: flex;flex-direction: column;justify-content: center;align-items: flex-end;}
.changeBtn {background: no-repeat;color: #484848;border: 1px solid #6D6B6B;}

.cartBxRow {display: flex;flex-wrap: wrap;gap: 10px;margin-bottom: 0em;border-bottom: 1px solid #EAEAEA;padding-bottom: 1em;padding: 15px;}
.cartListBx .cartBxRowOuter:last-child .cartBxRow { border-bottom: 0;}
.cartImgCol img {max-width: 100%;}
.cartListBx {background: #F8F8F8;padding: 0;border-radius: 5px;}
.cartImgCol {flex: 1 0 70px;max-width: 130px;}
.cartImgCol figure {margin: 0;border-radius: 5px;overflow: hidden;}
.cartDetailCol h4 {font-size: 14px;}
.cartOtherCol {flex: 1 0 200px;max-width: 250px;display: flex;flex-direction: column;justify-content: space-between;align-items: flex-end;}
.cartDetailCol {flex: 1 0 0;}
.cartDetailCol h6 {font-size: 13px;color: #888888;}
.priceRwCartSm .currentPrice {font-size: 20px;}
.cartOtherCol h6 {color: #464646;font-size: 13px;}
.cartRemoveLink {font-size: clamp(12px,1vw,14px);border: none;background: none;font-family: var(--font-family-semiBold);display: flex;align-items: center;justify-content: center;gap: 0;}
.cartRemoveLink:hover,.cartRemoveLink:focus{opacity:.7;}
.trashIco{background: url(../images/trashIco.svg) no-repeat scroll center center;}
.cartTraRw { display: flex;}
.showAllLink {font-size: 12px;color: #4D5155;text-decoration: underline;font-family: inherit;}
.showAllLink.active{color:#097ddf;}

.subItemsBx {border: 1px solid #D6D6D6;padding: 15px;margin-bottom: 1em;box-shadow: 0px 10px 10px -1px #bebebe; display: none;}
.subItemListRow {display: flex;flex-wrap: wrap;gap: 10px;margin-bottom: 1em;padding-bottom: 1em;border-bottom: 1px solid #ddd;}
.subItemImg {flex: 1 0 50px;max-width: 70px;}
.subItemDetail {flex: 1 0 0;max-width: 60%;}
.subItemImg img {max-width: 100%;}
.subItemImg figure {margin: 0;border-radius: 5px;overflow: hidden;}
.subItemDetail h4 {font-size: 12px;margin: 0;}
.priceRwPDP.Xsmall h3 {font-size: 13px;}
.priceRwPDP.Xsmall h4 {font-size: 12px;}
.priceRwPDP.Xsmall h5 {font-size: 12px;}
.subItemDetail .priceRwPDP {margin: 10px 0;}
.subItemDlt {flex: 1 0 50px;max-width: 50px;margin-left: auto;}
.subItemQty {flex: 1 0 100px;max-width: 100px;margin-left: auto;}
.subItemsBx .subItemListRow:last-child {border-bottom: 0;margin-bottom: 0;padding-bottom: 0;}

.couponCodeBx,.priceDetailCartBx {background: #F8F8F8;padding: 20px;border-radius: 5px;margin-bottom: 2em;}
.couponCodeBx h5 {font-size: 15px;color: #4D4D4D;}
.copnTxtField {border: 1px solid #737373;padding: 7px;border-radius: 5px;width: 100%;padding-right: 5em;padding-left: 13px;color: #0ccfe4;margin-bottom: 3px;}
.couponCodeBx .form-group {position: relative;}
.copnBtn {font-size: 15px;border: none;background: no-repeat;color: #44AE48;font-family: var(--font-family-semiBold);position: absolute;right: 6px;    top: 7px;}
.copnBtn:hover,.copnBtn:focus {color: #33c338;}
.couponCodeBx p {font-size: 13px;color: #4D4D4D;margin-bottom: 5px;}
.appliedCouponLi {list-style: none;padding: 0;    margin: 0;}
.appliedCouponLi li {font-size: 13px;color: #3F3F3F;display: flex;gap: 20px;font-family: var(--font-family-semiBold);}
.removeLink {color: #D73535;font-style: normal;cursor: pointer;}
.removeLink:hover,.removeLink:focus {opacity: .7;}

.priceDetailCartBx h3 {font-size:clamp(14px,2vw,20px);color: #0E0E0E;font-family: var(--font-family-semiBold);margin-bottom: 1em;}
.priceDetailCartBx table {width: 100%;}
.priceDetailCartBx table td {padding: 5px 0;font-size: 14px;}
.totalAmtCrt td {font-size: 20px !important;font-family: var(--font-family-semiBold);}
.smTxt td {font-size: 13px !important;font-style: italic;}
.priceDetailCartBx {padding: 2em;}
.cktOutBtn {width: 100%;}

.addressLiRw label {display: flex;gap: 10px;margin-bottom: 1em;}
.adRdRight h6 {font-size: 14px;font-family: var(--font-family-semiBold);}
.adRdRight p { font-size: 12px; margin-bottom: 0;}






.footer {background: #000;padding: 2em 2em 1em;}
.footerSec {display: flex;}
.footCol {flex: 1 0 0;}
.footCol h4 {font-size: 23px;color: #fff;text-transform: uppercase;letter-spacing: 1px;margin-bottom: 21px;font-size: clamp(14px, 1.5vw, 23px);}
.footCol ul {list-style: none;padding: 0;margin: 0 0 0 6px;}
.footCol ul li a, .footCol p {color: #c5c5c5;font-size: clamp(11px, 1vw, 14px);}
.footCol p {margin-left: 6px;}
.footlogo {margin-top: 34px;}
.cpyRow {display: flex;justify-content: center;margin: 0;margin-top: 14px;}
.cpyRow p,.cpyRow a {margin: 0;color: #a7a7a7;font-size: clamp(11px, 1vw, 14px);}















.contactBanner{background: url(../images/contactBanner.jpg) no-repeat scroll center center;padding: 3em 1em;background-size: 100%;}
.contactBanner h3 {font-size: 37px;color: #fff;text-align: center;font-size: clamp(25px, 3vw, 37px);}
.contactCRow h5 {font-family: var(--unnamed-font-family-OpenSansSemiBold);}
.contactusRequest .fSec-1Box.contSec {flex: 1 0 100%;    max-width: 100%; display: flex;    flex-direction: column;    justify-content: center;}
.contactusRequest .contForm {display: grid;grid-template-columns: 1fr;grid-gap: 10px;}
.contactusRequest .contForm .form-group:nth-child(5) {grid-column: 1;}
.contactusRequest .contForm .form-group:nth-child(6) {grid-column: 1;}
.contactusRequest .contForm input, .contactusRequest .contForm textarea {width: 100%;    height: 42px;    padding: 2px 8px;    text-transform: uppercase;color: #000;background: rgba(255,255,255,.7);
border: none;    border:1px solid #d3d3d3; font-size: 14px; border-radius: 2px;}
.contactusRequest .contForm textarea{height:auto;}
.contForm .form-group { margin-bottom: 0;}

.contactCRow {display: flex;padding: 2em 0;justify-content: center;background: url(../images/contact-bg.png) no-repeat scroll center center;margin: 3em 0 3em;}
.contctCLeft {flex: 1 0 40%;max-width: 40%;padding-right: 2em;}
.contctCRight {flex: 1 0 0;max-width: 20em;}
.contactNoBX p {margin-bottom: 0;}



@media (min-width:1200px) {
    .multiGroupRow {grid-template-columns: repeat(auto-fill, minmax(260px,1fr));}
 
}
@media (min-width:1560px) {
    .multiGroupRow {grid-template-columns: repeat(auto-fill, minmax(320px,1fr));}
 
}




@media (max-width: 1500px) {



.footerSec-1{padding-top:1em;padding-bottom: 1em;}
.footerSec-1Right { margin-top: -1em;height: 39em;}
.fSec-1Box.contSec {flex: 1 0 50%; max-width: 50%;}
.fSec-1Box { flex: 1 0 50%; max-width: 50%;}
.flogo {margin: 0 0 1em;}    
.fSec-1Box p {font-size: 12px;line-height: 22px;}
.fSec-1Box h3 {font-size: 17px;}
.contForm input {height: 45px;}    
ul.componentsUL li a {font-size: 13px;padding: 15px 34px;}



 }


@media (max-width: 1399.98px) { 


.footerCol.footLogo {flex: 1 0 20em;max-width: 20em;}
.footerCol h4{font-size: 18px;}
.footerCol a, .footerCol ul p,.footerCol p,.cpyRight p,.cpyRight ul li a{font-size:13px;}
.footerCol.footLogo {flex: 1 0 20em;max-width: 20em;}
.footerCol {flex: 1 0 16%;max-width: 30em;}

.menuRight{display: none;}
.menuLeft { flex: 1 0 100%; max-width: 100%;}




}

@media (max-width: 1199.98px) { 


.footerSec-1{padding-top:1em;padding-bottom: 1em;}
.footerSec-1Right { margin-top: -1em;height: 38em;}
.fSec-1Box.contSec {flex: 1 0 50%; max-width: 50%;}
.fSec-1Box { flex: 1 0 50%; max-width: 50%;}
.productListingGrid {grid-template-columns: repeat(auto-fit, minmax(220px,1fr));gap: 10px;}
.filterLeft{max-width: 220px;}
.proListRight{max-width: 76%;}

.compBx figure {flex: 1 0 70px;max-width: 100px;}
.btnSc {flex: 1 0 100%;max-width: 100%;}
.compBx figcaption {max-width: 70%;flex: 1 0 60%;}
.compBx {flex-wrap: wrap;}
.pdpLeftSec {flex: 1 0 50%;max-width: 50%;}
.pdpRightSec {flex: 1 0 40%; max-width: 50%;}
.pdpSecRow { gap: 1em;}
.pdpBtnRow{gap:8px;}
.cartLeft {padding-right: 15px;}
.totalAmtCrt td { font-size: 16px !important; font-family: var(--font-family-semiBold);}
.priceDetailCartBx { padding: 1.5em;}


 }

@media (min-width: 991.98px) {

}

@media (max-width: 991.98px) {
  
body,html{overflow-x: hidden;}

.footerSec-1Right{display: none;}
.footerSec-1Left { flex: 1 0 80%;  max-width: 100%;}
.footerCol.footLogo {flex: 1 0 12em;max-width: 8em;}
.footerCol h4 {font-size: 12px;}
.flogo {padding-right: 30px;}
.footerCol a, .footerCol ul p, .footerCol p, .cpyRight p, .cpyRight ul li a{line-height: 22px;}
.cpyRight p,.cpyRight ul li a{font-size: 12px;    text-align: center; margin-right: 0;}
.cpyRow {display: flex;flex-direction: column;justify-content: center;align-items: center;}
.cpyRight ul li:first-child a {border: none;}


/*mobile header Start */
.headerRow1{flex-wrap: wrap;}
.headLogo { flex: 1 0 50%; max-width: 50%;}
.headSearch {flex: 1 0 50%;max-width: 50%;}
.accSec {flex: 1 0 100%;max-width: 100%;display: flex;justify-content: flex-end;border-top: 1px solid #f5f5f5;margin-top: 0.5em;padding-top: 0.5em;}
.logo { max-width: 200px; flex: 1 0 0; padding-right: 3em;}
.headerRow1{margin-bottom:0;}
.submenu-button{background: none;}
.headSearch:hover { max-width: 50%;}
/*mobile header end */

.homeSlider .carousel-indicators{display: none;}
.btn{font-size:11px;height:30px;}
.productBx .btnRow { display: flex;}
.productBx:hover{position: initial;}
.thumHiLabel {padding: 3px 10px;font-size: 10px;}
.productListingGrid {grid-template-columns: repeat(auto-fit, minmax(170px,1fr));gap: 10px;}
.productBxRow .owl-stage{padding:0 !important;}

/*filter tab view */
.filterLeft{display: none;position: absolute;top: 7em;z-index: 10;box-shadow: 18px 6px 10px -10px #a1a1a1;}
.proListRight{max-width:100%; padding-left: 0;}
.tabFilterView{display: block;}
.filterBtnTab {background: none;color: #000;border: 1px solid #a3a3a3;border-radius: 9px;margin-bottom: 1em;font-size: 14px;height: 35px;}
.filterBtnTab:hover,.filterBtnTab:focus{background: #f4f4f4; color: #000;}
.tabFilterCloseIco{background: url(../images/closeFilter.svg) no-repeat scroll 48px 0px; display: block; font-size: 12px; width: 67px; height: 13px; background-size: contain; margin-left: auto; padding-top: 1px}
/*end filter tab view */

.selectors .mz-thumb img {max-width: 55px;}
.selectors {grid-template-columns: repeat(auto-fit,minmax(55px,55px));}
.compBx {flex-direction: column;}
.compBx figure {max-width: 100%;}
.compBx figcaption {max-width: 100%;}
.cartRight { padding-right:15px; margin-top: 1em;}
.priceRwCartSm .currentPrice {font-size: 14px;}
.deliAdLeft p { font-size: 11px;}
.deliAdLeft h4 { font-size: 12px;}
.couponCodeBx, .priceDetailCartBx {margin-bottom: 1em;}


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

.footerSec { flex-wrap: wrap;}
.footCol {  flex: 1 0 44%; max-width: 50%; background: #212121;margin: 2px;  padding: 10px;}
.footer {padding: 1em 0em 1em;}
.fSec-1Box { flex: 1 0 100%; max-width: 100%; display: block;}
.footerSec-1Left {display: block; flex-direction: unset;}
.fSec-1Box.contSec {max-width: 100%;padding:1em;}
.footerRow {padding: 1em;flex-wrap: wrap;flex-direction: column;}
.footerCol.footLogo {flex: 1 0 12em;display: flex;max-width: 100%;margin-bottom: 1px;}
.footerCol { padding: 10px 10px;background: #292828;margin-bottom: 1px;width: 100%;  flex: 1 0 100%;max-width: 100%;}
.footerCol h4 {font-size: 18px;}
.footerCol ul {width: 100%;text-align: center;padding: 0 20px;}
.footerCol p {text-align: left;}
.ftrhr{display: none;}
.flogo { padding-right: 0;}

.productBx .viewBtn{display:none;}
.cartBtn{padding:5px 15px; display: none;}
.productListingGrid {grid-template-columns: repeat(auto-fit, minmax(130px,1fr));gap: 10px;}
.productBxRow .owl-carousel .owl-item{margin:0 !important;}

.pdpSecRow {flex-direction: column;}
.pdpLeftSec { max-width: 100%;}
.compBx {flex-direction: row;}
.compBx .cartBtn { display: block;}
.pdpRightSec { max-width: 100%;}


}

 
 @media (max-width: 575.98px) { 

.footCol {flex: 1 0 100%;max-width: 100%;}
.footlogo {margin-top: 0;}




 }