.mob1,.prdabo-right.mob{display: none !important;}
.mbwomn1t > p,.xplrcol > a,.hmtcgyt > a,.suprtf > li > a,.card-btn > a,.prdp-btn > a{position: relative;}
.banerit > a::before,.xplrcol > a::before,.hmtcgyt > a::before,.suprtf > li > a::before,.view > p::before,.card-btn > a::before{position: absolute;content: '';left: 0;top: 0;bottom: 0;width: 0; background-color: #000;transition: all 500ms ease-in-out;z-index: -1;}
.mbwomn1 > a .mbwomn1t > p::before,.mbwomn2 > a .mbwomn1t > p::before,.prdp-btn > a::before{position: absolute;content: '';left: 0;top: 0;bottom: 0;width: 0; background-color: #fff;transition: all 500ms ease-in-out;z-index: -1;}
.xplrcol > a,.hmtcgyt > a,.suprtf > li > a,.prdp-btn > a,.card-btn > a{z-index: 1;}

.coll-img > a img,.coll-clmn-img img,.coll-column-left a img,.prds-img img,.card-sec2 img{-webkit-transition: all 500ms ease-in-out;-moz-transition: all 500ms ease-in-out;-ms-transition: all 500ms ease-in-out;-o-transition: all 500ms ease-in-out;transition: all 500ms ease-in-out;}
.coll-img,.coll-column-left,.card-sec2{overflow: hidden;}
@media only screen and (min-width:1280px){
    .banerit > a:hover::before,.mbwomn1 > a:hover .mbwomn1t > p::before,.mbwomn2 > a:hover .mbwomn1t > p::before,.xplrcol > a:hover::before,.hmtcgyt > a:hover::before,.suprtf > li > a:hover::before,.pclmin > a:hover .view > p::before,.card-btn > a:hover::before,.prdp-btn > a:hover::before{width: 100%;}
    .mbwomn1 > a:hover .mbwomn1t > p,.mbwomn2 > a:hover .mbwomn1t > p,.prdp-btn > a:hover{color: #000;}
    .xplrcol > a:hover,.hmtcgyt > a:hover,.suprtf > li > a:hover,.pclmin > a:hover .view > p,.card-btn > a:hover{color: #fff;}
    .coll-img > a:hover img,.coll-clmn:hover .coll-clmn-img img,.coll-prds:hover .prds-img img, .coll-column-left a:hover img,.card-sec2:hover img{transform: scale(1.05);}
}

.banerig img, .bnr-img img {height: 100vh;object-fit: cover;object-position: center;}
#refreshID {display: none;}
.utbev {position: absolute;left: 0;top: 0;right: 0;bottom: 0;}
video#loadvideo {object-fit: cover;}
div#scndvideo.hide {display: none;}

.hmtcgy {margin: 0 6.4% 4.5%;position: relative;}
.hmtcgy.nomrgin{margin: 5% 6.4% 4%;}
.hmtcgyt {position: absolute;top: 29.5%;left: 6%;width: 53%;}
.hmtcgyt > h3 { font-size: 1.03vw;}
.hmtcgyt > h5 { font-family: "Poppins Thin";font-weight: 100;font-size: 2.7vw;line-height: 1.23em;letter-spacing: 0.01em;}
.hmtcgyt > p {text-transform: uppercase;font-size: 0.93vw;padding-top: 8px;}
.hmtcgyt > a {text-transform: uppercase;border: 1px solid #000;color: #000;padding: 3px 15px;margin-top: 2%;display: inline-block;font-size: 1vw;}
/*==================================================================
             collection & detail
==================================================================*/

.conl-content{position: relative;}
.conl-main{position: absolute;padding-bottom: 6.2vw;  background-size: cover; margin:0 3vw 0 11vw;top: 0;}
.conl-slide{display: flex; flex-direction: row;  width: 77vw;margin: 0 auto; padding-top: 8vw;gap: 1.7vw;}
.conl-cont {width: 35%;}
.conl-cont1 {width: 25%;}
.bnr-txt{ position: absolute;top: 41.59vw;left: 6.9vw;color: white;} 
.bnr-txt > h6{ text-transform: uppercase;font-size: 1.05vw; font-family: "Poppins Thin" ;font-weight: 100;letter-spacing: 0.032vw;}
.bnr-txt > h4{text-transform: uppercase;font-size: 8.5vw;}
.bnr-txt > h5{font-family: "Poppins Thin" ;font-weight: 100; text-transform: uppercase;font-size: 1.74vw;}
.conl-cont > h5{ padding-top: 6.3vw; padding-left: 0.4vw; font-family:"Poppins Light" ;  font-size: 1.3vw; text-transform: uppercase;}
.conl-cont > h3{    font-family: "Poppins Thin";text-transform: uppercase;font-size: 3.7vw;line-height: 5vw;padding-left: 0.3vw;font-weight: 100;padding-top: 1%;}
.conl-cont-img{    width: 93%;  padding: 6.66vw 0 0 6.5%;}
.conl-slide:last-child{gap: 2px;}
.conl-slider{position: relative; }
.banrtxt{ position: absolute;top: 24vw;left: 4vw;}
.col-white{color: white!important;}
.col-white .conl-cont > h5,.col-white .conl-cont > h3,.col-white .conl-p > p{color: #fff;}
/* font size */
.size{font-size: 0.8em;}

/* margin */
.margin{margin-top: 2.8vw!important;}
.margin-bold{margin-top: 6.6vw!important;}
.lmar-1{margin-left: 7vw;}
.lmar-2{margin-left: 7.8vw;}
.lmar-3{margin: 0px auto 0 16.3vw!important;}

/* display */
.disfle{display: flex!important;}

/* width */
.wid1{width:79% !important; }
.wid2{width: 20vw;padding-right: 2%;}

/* padding */
.tpad-O{padding-top: 0!important;}
.tpad-1{padding-top: 2.3vw;}
.lpad-2{padding-left: 1.8vw;}
.chbx > input {opacity: 0;z-index: -1;position: absolute;width: 90%;}
input[type="checkbox"], input[type="radio"] {box-sizing: border-box;padding: 0;}
.conl-logo{width: 19vw;margin-top: 0.2vw;margin-left: 3.2vw;}
.col-4{width: 40%!important;}
.conl-p { padding: 2.3vw 1vw 3vw 3.2vw;}
.conl-p > p{font-family: "Poppins Regular";font-size: 1.02vw;line-height: 1.34vw;letter-spacing: 0.01vw;text-align: justify;}
.conl-p > p:first-child ,.conl-p > p:last-child{ margin-top: 0.2vw;line-height: 1.39vw;font-size: 1.1vw;letter-spacing: -0.01vw;font-family: "Poppins Regular";text-align: justify;}
.conl-btn {position: absolute;left: -70px;right: -70px;top: 52.5%;}
.lbtnl{width: 32px;height: 32px;cursor: pointer;background: url(../img/narowc.png) no-repeat 1px 2px / 29px auto;float: left;    transform: rotate(180deg);} 
.lbtnr{width: 32px;height: 32px;cursor: pointer;background: url(../img/narowc.png) no-repeat 1px 2px / 29px auto;float: right;} 
.loutof{align-content: center;     margin-left: 1vw; }
.loutof > span{ font-family: "Poppins Semibold"; font-size: 1vw;}
.loutof1{align-content: center;     margin-left: 1vw; }
.loutof1 > span{ font-family: "Poppins Semibold";font-size:1vw;}
.coll-cont1{width: 90vw; margin: 3vw auto 0 4.9vw;display: flex; flex-direction: row; gap: 0.3vw; padding-bottom: 2.6vw; }
.coll-column-left{width: 41.3%; position: relative;}
.coll-column-right{ width: 55.3%; margin-left: 0.3vw; }
.coll-right-txt{width: 44vw; margin-right: auto;   }
.filline {display: flex;padding:0 4.9vw;margin-top: 5%;}
.coll-right-txt > h5, .coll-right-txt > h3, .coll-right-txt > h4 {display: none;}
.coll-right-txt > h5{font-family:"Poppins Semibold" ; text-transform: uppercase;font-size: 1.02vw;}
.coll-right-txt > h3{ font-family: "Poppins Thin";font-weight: 100;font-size: 3vw;line-height: 3vw;letter-spacing: 0.02vw;text-transform: uppercase;   }
.coll-right-txt > h4{ font-family: "Poppins Regular";text-transform: uppercase;font-size: 0.97vw;word-spacing: -0.03vw;margin-top: 0.5vw;}
.coll-prds{width: 48.45%;padding-bottom: 4.7%;background-color: #f9f8f6; position: relative;}
.coll-right-prd{display: flex; flex-direction: row;  gap: 0.6vw;flex-wrap: wrap; }
.row{width: 48%;display: flex; flex-direction: row;width: 100%;gap: 0.6vw;}
.prds-desc{ padding: 0vw 0 0 1.5vw; margin-top: 2.8vw;}
.prds-desc > h6{ text-transform: uppercase; margin-top: 0.37vw; color: #888;font-size: 1vw;position: relative;display: inline-block;margin-right: 10px;}
.prds-desc > h6::before{position: absolute;content: '';left: 0;right: 0;top: 45%;transform: translateY(-50%);background-color: #ff0000;width: 100%;height: 1px;}
/*body.mac .prds-desc > h6::before,body.linux .prds-desc > h6::before{top: 40%;}*/
.prds-desc > h4{ text-transform: uppercase; color: #000;font-size: 1.1vw;display: inline-block;}
.prds-desc > h3{text-transform:  inherit;font-size: 1.28vw; color: #000;line-height: 1.3em;}
.prds-desc > h5{text-transform: uppercase; font-size: 0.9vw; color: #000;}
.row .coll-prds:nth-child(2) > a >.prds-desc{padding: 2.8vw 0 0 1.98vw;}
.row> .coll-prds > a{text-decoration: none;display: block;}
.coll-cont2-prds{ width: 75.6vw;margin: 0 auto 0 11.5vw;  padding-top: 3vw; display:flex; flex-direction: row; flex-wrap: wrap; gap: 0.5vw; justify-content: center;}
.coll-main{position: relative;}
.filter-cont {display: flex; color: #000;z-index: 10;width: 42%;}
.slctdfltr {padding-left: 20px;display: flex;width: calc(100% - 40px);}
ul.selceed {max-width: calc(100% - 30px);font-size: 0;padding-right: 10px;}
ul.selceed > li {font-size: 0.9vw;text-transform: uppercase;padding-right: 16px;position: relative;display: inline-block;vertical-align: top;margin-bottom: 7px;}
.selceed > li::after{position: absolute;content: '';top: 50%;transform: translateY(-50%);right: 7px;width: 1px;height: 70%;background-color: #000;}
.selceed > li:last-child::after{display: none;}
.colct-reset > a {display: block;width: 25px;height: 25px;background: url(../img/referesh.jpg) no-repeat 0 0 / 100% auto;}
.filter-icon{width: 32px;height: 40px;cursor: pointer;    background: url(../img/icons.png) no-repeat -2px -423px / 68px auto;}
.filter-txt >h6{font-size: 0.6vw; text-transform: uppercase;color: #000;white-space: nowrap;}
.row-3{display: flex; flex-direction: row; width: 100%;gap: 0.5vw;}
.prdabo-right-main,.lbnr2{position: relative;}
.lbnr3{margin-top:  3vw;}      
/* .coll-clmn-img{width: 75%;margin: 3vw auto 0 3vw;} */
.coll-clmn{width: 32.6%;min-width: 24.3vw; background-color: #f9f8f6; position: relative;} 
.coll-img{margin :0; }
.coll-clmn-img-1 {position: absolute;left: 0; top: 0;transition: all 500ms ease-in-out;}
.coll-clmn-img,.prds-img-1,.prds-img {transition: all 500ms ease-in-out;}
.coll-clmn-img-1 ,.coll-clmn.tgle:hover .coll-clmn-img{opacity: 0;visibility: hidden;}
.coll-clmn.tgle:hover .coll-clmn-img-1{opacity: 1;visibility: visible; z-index: 1;}
/* .coll-clmn-img{width: 75%;margin: 15% 12% 10% 11%;} */
.prds-img-1 {left: 0;position: absolute;z-index: 1; top: 0;}
.prds-img-1,.coll-prds.tgle:hover .prds-img{opacity: 0;visibility: hidden; }
.coll-prds.tgle:hover .prds-img-1{opacity: 1;visibility: visible; z-index: 1;}
/* .col-clmn-contnt{padding: 2.8vw 0 0 1.5vw;line-height: 1.2vw;} */
.col-clmn-contnt{padding-left: 1.5vw; margin-top: 2.9vw;padding-bottom: 4%;}
.col-clmn-contnt > h4{ text-transform: uppercase;color: #000; word-spacing: 0.2vw;font-size: 1.1vw;display: inline-block;}
.col-clmn-contnt > h3{text-transform: inherit; letter-spacing: -0.03vw;font-size: 1.28vw; color: #000;    line-height: 1.3em;}
.col-clmn-contnt > h5{text-transform: uppercase; font-size: 0.9vw; color: #000;}
.col-clmn-contnt > h6::before{position: absolute;content: '';left: 0;right: 0;top: 45%;transform: translateY(-50%);background-color: #ff0000;width: 100%;height: 1px;}
/*body.mac .col-clmn-contnt > h6::before,body.linux .col-clmn-contnt > h6::before{top: 40%;}*/
.col-clmn-contnt > h6{text-transform: uppercase; color: #888;font-size: 1vw; margin-top: 0.4vw;display: inline-block;position: relative;margin-right: 10px;}
.collec-content{padding-top: 5.4vw; margin: 0 auto; width: 89vw;}
.collec-txt >h3{font-family:"Poppins Thin"; text-transform: uppercase;    font-size: 3.1vw;    line-height: 3.4vw;font-weight: 100;}
.collec-txt >p{font-family:"Poppins Regular"; text-transform: uppercase; font-size: 0.95vw; margin-left: 0.2vw;word-spacing: -0.01vw;}
.collec-txt >h5{font-family:"Poppins Semibold"; text-transform: uppercase;font-size: 1.05vw;    margin-left: 0.1vw;}
.collec-brand{width: 99%; margin-top: 3.8vw;}
.brand-card-1{width: 50%;}
.card-btn{  text-align: center;}
.card-btn > a{ text-transform: uppercase;font-family: "Poppins Regular";color: #000;border: 1px solid black;padding: 5px 10px;font-size: 0.7vw;display: inline-block;}
/*body.mac .card-btn > a,body.linux .card-btn > a{padding: 5px 10px 2px;}*/
.card-logo{    width: 11.3vw;padding: 7.4vw 0 4vw 0;margin: 0 auto;} 
.collec-brand{display: flex; flex-wrap: wrap;justify-content: center;}
.brand-card-1{display: flex; background-color: #f9f8f6;}
.card-sec1,.card-sec2{ width: 50%;}
.crd-even-padd{padding: 8.4vw 6.5vw 4vw 4.3vw!important;}
.prd-ul{display: flex;gap: 3.4vw;padding-top: 5%;}
.prd-li.actv7 > ul {display: flex!important;} 
.marine-prd , .land-prd,.sky-prd{display: flex;flex-direction: row;flex-wrap: wrap;gap: 0.5vw;justify-content: center;}
.prd-ul > li > a{    color: grey;text-transform: uppercase; font-family: "Poppins Bold" ; z-index: 1;position: relative;}
.prd-inner{    position: absolute;top: 0;left: 0;display: flex;flex-direction: row; width: 100%;flex-wrap: wrap;}
.prd-inner >li{    margin: 0;width: 48%;margin-left: 0.5vw;}
.disno,.mob{display: none;}
.prd-cont1 {width: 90vw; margin: 2.3% auto 0 5%;display: flex;flex-direction: row;gap: 0.3vw;padding-bottom: 2.6vw;}
.pro-prds{    padding-bottom: 2.3vw;background-color: #f9f8f6;}
.prd-li > a >span{ position: relative;}
.prd-li > a >span::after{ position: absolute; content: ''; width: 3vw; height: 1vw; left: 0.2vw; top:-0.3vw;border-bottom: 2px dotted #ec0000;}
.prd-ul > li.actv7 > a{color: #ec0000!important;}
.filter-main{position: absolute; top: 0vw;right: 3.3vw;   z-index: 99;}
.filter-form{width: 94.2vw;background-color: #f9f8f6;}
.filter-form-main{display: flex; flex-direction: row;padding-top: 3.8vw;padding-left: 1vw;    padding-bottom: 5.2vw;width: 84vw;margin: 0 auto;}
.filter-ul{display: flex; transition: all 1s ease-in-out;gap: 2vw}
.filter-ul > li:nth-child(2){padding-left: 2vw;}
.filter-ul > li:not(:first-child){min-width: 16.5vw; margin-left: 0.8vw;}
.filter-inul > li {display: flex;     margin-bottom: 1.5vw;position: relative;}
.filter-ul > li > a{font-size: 1.1vw; margin-left: 18px;    cursor: none;pointer-events: none;}
.filter-form > a{    position: absolute;right: 2vw; top: 2vw;height: 2vw;width: 2vw;}
.filter-li >a {font-family: "Poppins Semibold"; text-transform: uppercase;color: black;}
.filter-inul{padding-top: 1.5vw;}
.filter-form > a > span{position: relative; top: 2vw;}
.filter-form > a:before{ position: absolute;content: ''; top: 1vw; width: 30px;transform: rotate(130deg);height: 2px;background-color: #000;} 
.filter-form > a:after{     position: absolute;content: ''; top: 1vw;width: 30px;transform: rotate(45deg);height: 2px;background-color: #000; }
.filter-inul > li > input[type=checkbox]{opacity: 0;position: absolute;left: 0;top: 0;z-index: -1;}
.filter-inul > li > label {position: relative;cursor: pointer;padding-left: 25px;text-transform: uppercase;color: #0a1631;font-size: 1.1vw; font-family:"Poppins Regular";}
.filter-inul > li > label::before{position: absolute;left: 0px;display: block;cursor: pointer;content: "";border: 1px solid #000;border-radius: 0;height: 10px;width: 10px;top: 46%;transform: translateY(-50%);}
.filter-inul > li > input.chbx:checked+label::after {display: block;background-size: 10px 10px; height: 12px;top: 46%;transform: translateY(-50%);width: 11px;position: absolute;left:0px;content: "";background-repeat: no-repeat;background-position: center center;background-size: cover; background-image: url(../img/checked.png);}
.filter-inul > li > input.chbx:checked+label::before{display: none;}

/* .filter-ul > li:nth-child(2) > ul > li{margin-left: 3vw;} */
.marine-prds > .coll-clmn > a > .coll-clmn-img ,.land-prds > .coll-clmn > a > .coll-clmn-img ,.sky-prds > .coll-clmn > a > .coll-clmn-img 
{width: 75%;margin: 1% 12% 10% 11%;}
.marine-prds > .coll-clmn > a > .col-clmn-contnt,.land-prds > .coll-clmn > a > .col-clmn-contnt ,.sky-prds > .coll-clmn > a > .col-clmn-contnt
{padding-bottom: 2.2vw;margin-top: 3.2vw;}
.marine-prds ,.land-prds , .sky-prds{ display: flex;flex-direction: row;flex-wrap: wrap;gap: 0.5vw;justify-content: center;}
.prds-imgs{position: relative;width: 75%;margin: 14.5% auto 10% auto; }
.coll-imgs{position: relative;width: 73%;margin: 14.5% auto 10% auto;}
.marine-prds .coll-imgs,.land-prds .coll-imgs,.sky-prds .coll-imgs {width: 73.7%;}
.disblo{display: block!important;}
.disno1{display: none!important;}
.coll-cont1{display: flex!important;}
/*aaaaaaaa .prd-cont1 >.coll-column-right >  .coll-main > .coll-cont2 > .coll-cont2-prds{ margin: 0 auto 0 12vw;} */
.prd-container{position: relative;}
.prd-main-content{display: flex; padding-top: 5.5vw;}
.prd-main{ width: 90vw;margin: 0 3.72vw 0 5vw; background-color: #f9f8f6;}
.prd-gall{display: flex; flex-direction: column;}
.prdcol{position: relative;width: 50vw;padding-bottom: 8.2vw;}
.prdcol-1{width: 23%;position: relative;}
.prdcol-1x {position: absolute;top: 0;bottom: 0;}
.prdtcolthumb > li{width: 41%;margin: 10px auto; padding: 3%;box-sizing: border-box;}
.prdtcolthumb > li.active{border: 1px solid #49773e;  }
.prdtcolthumb{overflow-y: scroll; position: relative;z-index: 2;padding: 35px 0;height: 100%;box-sizing: border-box;}
.prdtcolthumb::-webkit-scrollbar {display: none;}
.content {scrollbar-width: none; }
.prdcol1-slide-btn {position: absolute; left: 7%;  top: 0vw;   height: 34.5vw; width: 10%; display: flex; flex-direction: column;justify-content: space-between; z-index: 1;}
.col1-prev{height: 32px; width: 80px;     margin: 0 auto;cursor: pointer;  background-color: #E0DED9;     position: absolute;top: 0;left: 50%;transform: translateX(-50%);z-index: 10;}
.col1-prev::before{ position: absolute; content: "";  height: 8px; width: 8px; border-bottom: 2px solid white; border-right: 2px solid white;  transform:translateX(-50%) rotate(-136deg);     left: 50%;top: 11px;}
.col1-prev::after{ position: absolute; content: ''; background-color: white; height: 12px; width: 2px;left: 50%;transform: translateX(-50%);top: 12px;}
.col1-next{height: 32px; width: 80px;     margin: 0 auto;cursor: pointer;  background-color: #E0DED9;     position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);z-index: 10;}
.col1-next::before{ position: absolute; content: "";  height: 8px; width: 8px; border-bottom: 2px solid white; border-right: 2px solid white; left: 50%;top: 12px;transform: translateX(-50%)  rotate(45deg);}
.col1-next::after{ position: absolute; content: ''; background-color: white; height: 12px; width: 2px;left: 50%;transform: translateX(-50%);top: 9px;}
.prdcol-2{position: relative;width: 70%;margin: 0 auto;   min-width: 70%;}
.prdp-logo{width: 10.9vw;}
.prdp-txt{margin-top: 0.7vw;}
.prdp-txt > h5{font-family:  "Poppins Semibold"; text-transform: uppercase; font-size: 1.2vw;}
.prdp-txt > h3{ text-transform: inherit;letter-spacing: 0.05vw;font-size: 2.3vw;font-weight: 100;}
.prdp-txt > h6{font-family:  "Poppins Light"; text-transform: uppercase; font-size: 0.8vw; letter-spacing: 0.025vw;}
.prdp-txt h4{ text-transform: uppercase; font-size: 1.54vw;}
span.orgnprz {color: #888;text-transform: uppercase;font-size: 1.4vw;margin-top: 5px;display: inline-block;position: relative;}
span.orgnprz::before{position: absolute;content: '';left: 0;right: 0;top: 45%;transform: translateY(-50%);background-color: #ff0000;width: 100%;height: 1px;}
/*body.mac span.orgnprz::before,body.linux span.orgnprz::before{top: 40%;}*/
.prd-desc{margin-left: 6.6vw; width: 37%;}
.prdp-btn{   background-color: black;border-radius: 3px;margin-top: 1vw;width: 29.7vw;}
.prdp-btn > a {color: white;text-transform: uppercase;font-family: "Poppins Light";font-size: 0.8em;padding: 3px 20px;background-color: #000; display: flex;border: 1px solid #000;}
/*body.mac .prdp-btn > a,body.linux .prdp-btn > a{padding:4px 5px 0;}*/
.prdp-ameni-ul{display: flex; gap: 2vw;flex-wrap: wrap;}
.prdp-ameni{margin-top: 3vw;    padding-bottom: 50px;}
.prdp-ameni-ul > li{ width: 5.55vw;}
.prdp-ameni-ul > li:not(:first-child){margin-top: 1.3vw;}
/* image-width */
.size1-prd{ width: 7vw!important; margin-left: 0.5vw; }
.size2-prd{ width: 5vw!important; min-width: 5vw;}
.prdp-wish{position: absolute;left: 2.7vw;bottom: 1.6vw}
.wish-main > a::before{position: absolute;content: '';left: 0;top: 0; background: url(../img/wishlistimg.png) no-repeat 0 0 / 20px auto;width: 25px;height:25px;z-index: 80;transition: all 0ms ease;}
.wish-main > a{text-transform: uppercase;font-size: 0.6vw;padding:5px 0 5px 30px;display: inline-block;position: relative;color: #000;}
.wish-main > a:hover::before,.wish-main > a.adwshlst::before { background-position: 0 -65px;opacity: 1;}
.prdp-desc{ position: relative;  margin-top: 10px;font-family: "Poppins Light";font-weight: 800;width: 87%;padding: 10px 0;letter-spacing: 0.01vw;}
.prdp-desc > h5 {font-family: "Poppins Semibold";font-size: 1.1vw;padding-bottom: 10px;text-transform: uppercase;}
.prdp-desc > p {line-height: 1.3em;font-size: 0.85vw;font-family: "Poppins Regular";padding-bottom: 0;text-align: justify;}
.prdp-desc.desccd > p {overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;white-space: pre-wrap;} 
.prdp-desc.fshw > p {-webkit-line-clamp: inherit;}	
.read-more > a, .read-less > a{ text-transform: uppercase; font-family:"Poppins Semibold" ;margin-top: 1vw; font-size: 0.7em; color: black;    padding-right: 17px;position: relative;}
.read-more > a::after, .read-less > a::after{position: absolute;content:'' ;top: 50%;transform: translateY(-50%);right: 0;width: 14px;height: 14px;background-image: url(../img/plus-minus.png);background-repeat:  no-repeat;background-size: 35px auto;}
/*body.mac .read-more > a::after,body.mac .read-less > a::after,body.linux .read-more > a::after,body.linux .read-less > a::after{top: 30%;}*/
.read-more > a::after{background-position: 0 1px;}
.read-less > a::after{background-position: -22px 1px;}
/*body.mac .read-less > a::after,body.linux .read-less > a::after{background-position: -22px 1px;}*/
.read-more ,.read-less {padding-bottom: 1vw;}
.prd-about{position: relative;    padding-bottom: 3%;}
.prdabo-txt {width: 79vw;padding-top: 3vw;padding-left: 1.5vw; margin: 0 auto;    border-top: 1px dotted #000;}
.prdabo-txt > h6{ text-transform: uppercase; font-family: "Poppins Semibold";     font-size: 1vw;letter-spacing: 0.04vw;}
.prdabo-txt > h3{text-transform: uppercase;font-size: 8.8vw; margin-left: -0.6%;color: #464646;letter-spacing: -0.2vw;line-height: 8vw;padding: 10px 0;}
.prdabo-txt > h5{ text-transform: uppercase; font-family: "Poppins Light";font-size: 1.45vw;letter-spacing: 0.1vw;}
.back-cnt{position: absolute;background-color: #f9f8f6;width: 52.3vw;left: 0;top: 26.2vw; height: 117.2vw;z-index: -1;}
.prd-cate{width: 90vw;padding-bottom: 0.1vw;margin: 1.5% auto 0 0;  position: relative;font-size: 0;}
.prd-cate > div {display: inline-block;vertical-align: top;font-size: 16px;}
.prdabo-left{width:58.8%;  z-index: 1;position: relative;}
.prdabo-left::before {position: absolute;background-color: #f9f8f6;width: 100%;left: 0; bottom: 0%;content: '';z-index: -1;top: 0;}
.prdabo-left1 {padding-left: 22%;}
.prdabo-right{width: 32%;margin-left: 9.2%;margin-top: 0px;}
.prdabou-left-img{width: 70%;margin-bottom: 3%;}
.prdabou-left-img:last-child{margin-bottom: 0;}
.prdabo-right-txt {padding-top: 0.4%;}
.prdabo-right-txt > h3{text-transform: uppercase; font-family:  "Poppins Semibold";     padding-top: 0.9%;   font-size: 1.65vw;}
.prdabo-right-txt > p{text-transform: uppercase; font-family:  "Poppins Light";    font-weight: 900;    font-size: 0.96vw;}
.info-img{margin-top: 1.7%;margin-bottom: 2%;font-size: 0.96vw;line-height: 1.2vw;  width: 100%;}
.info-des > h3{font-size: 1vw; width: 90%;text-transform: uppercase; color: #f61111;letter-spacing: 0.01vw;    line-height: 1.1em;}
.info-des > h4{ font-size: 0.86em;width: 65%;text-transform: uppercase;     margin-top: 2.2%;}
.info-des > p{font-family: "Poppins Regular";font-size: 0.85vw;line-height: 1.3em;font-weight: 400;padding-bottom: 0;    text-align: justify;}
.prdabo-catinfo{margin-bottom: 5%;padding-bottom: 5%;}
.prdabo-catinfo:last-child{border-bottom: none;margin-bottom: 0%;padding-bottom: 0%;}
.prdet-main{width: 81vw; margin: 0 auto 0 10vw; position: relative;border-bottom: 1px dotted #000;padding-top: 20px;}
.prdet-main > h3{text-transform: uppercase;margin-top:1vw;margin-left: 1.3vw;font-size: 1.7vw;}
.prdet-cont{margin-bottom: 5%;}
.prdet-boxs{margin-top: 2.3%;margin-left: 1.8%;display: flex;justify-content: space-between;margin-bottom: 3%;}
.prdet-cont > h4{text-transform: uppercase;font-size: 1vw;padding-bottom:4px;}
.prdet-cont > p{text-transform: uppercase; font-size: 1vw; font-family: "Poppins Light";padding: 0 0 4px 0;letter-spacing: 0.03vw;line-height: 1.2vw;}
/*---16-01-2025*/
.prdet-sbctry {padding-left: 15px;padding-top: 10px;}
.prdet-sbctry > h5 {font-family: 'Poppins Semibold';font-size: 0.9vw;padding-bottom: 3px;}
.prdet-sbctry > ul {list-style: '-';padding-left: 8px;}
.prdet-sbctry > ul > li {text-transform: uppercase;font-size: 0.9vw;font-family: "Poppins Light";padding: 0 0 2px 3px;letter-spacing: 0.03vw;line-height: 1.2vw;}

/* video-section */
.video-prd{position: relative;}
.prdvdo{position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.prdsml {position: relative;}
.prdsml-main{ width: 74.4vw;     margin: 4vw auto 50px 11.5vw; }
.prdsml-txt > h5{    text-transform: uppercase;font-family: "Poppins Thin";font-size: 3vw;font-weight: 100;     letter-spacing: 0.04vw;}
.prdsml-txt > h3{text-transform: uppercase; font-size: 1.1vw;}
.prdsml-slider {margin-top: 2%;}
.prdsml-prds{display: flex; gap: 0.7vw;}
.prdsml-txt > h6{text-transform: uppercase; font-family: "Poppins Light";    font-size: 0.97vw;letter-spacing: 0.007vw;}
.prdsml-slider button.slick-prev{display: none !important;}
.prdsml-slider button.slick-next{position: absolute;right: -6%;top: 39%; background: url(../img/arrows.png) no-repeat 2px -56px / 114px auto;font-size: 0;width: 30px;height: 31px;z-index: 1;padding: 0;}
.slick-vertical .slick-slide{border: none;}
.slbtn{  width: 32px;height: 40px;} 
.prdsml-btn-main{display: flex; width: 5vw;}
.prdsml-slide-btn{position: absolute;bottom: 15.8vw;right: 6vw;}
.prdabo-right-main .slick-prev {
    position: absolute;
    right: -8.8%;
    bottom: 23%;font-size: 0;
    width: 30px;
    height: 30px;
    padding: 0;;background: url(../img/arrows.png) no-repeat 0 -62px / 120px auto;
}
.prdabo-right-main button.slick-next {
    position: absolute;
    right: -8.8%;
    bottom: calc(16% + 40px);
    font-size: 0;
    width: 30px;
    height: 30px;
    padding: 0;background: url(../img/arrows.png) no-repeat -91px -62px / 120px auto;
}
.prdabo-right-main .slick-prev.slick-disabled,.prdabo-right-main .slick-next.slick-disabled{opacity: 0;pointer-events: none;}
.prdabo-right-main.slick-slider {
    padding-bottom: 0px;
}
/*.prdabo-catinfo.htg.in-view .infffo{opacity: 0;transform: translateY(50px);}
.prdabo-catinfo.htg .infffo{opacity: 1;transform: translateY(0px);transition: all 500ms ease-in-out 0.1s;}*/
.abprdthmb {
    position: relative;    display: flex;
}
.pdtlqty{padding-top: 15px;    padding-bottom: 5px;}
.pdtlqty > p {width: 80px;
    text-align: center;
    padding-bottom: 0;
}
.numbers-rowp {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
/*---------Product video----------*/
li.pdvdeo a {position: relative; display: block;}
li.pdvdeo a::before{position: absolute;content: '';left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);}
li.pdvdeo a::after {position: absolute;content: '';left: 50%;top: 50%;transform: translate(-50%, -50%);width: 30px;height: 30px;background: url(../img/play.png) no-repeat 0 0 / 100% auto;}
.prdppvdos {position: fixed;top: 0;left: 0;right: 0;bottom: 0;display: none;align-items: center;justify-content: center;background-color: rgba(0, 0, 0, 0.5);    z-index: 999;}
.prdppvdos.active{display: flex;}
.prdppvdo {width: 80%;height: 36vw;background-color: #fff;padding: 3%;position: relative;}
.prdppvdo1 {display: flex;height: 100%;}
.prdppvdo2 {width: 73%;}
.prdppvdo3 {width: 27%;padding-left: 5%;}
.prdppvdo31 {overflow-y: auto;height: 100%}
.prdppvdo31{scrollbar-width: thin;
  scrollbar-color: #888 #f0f0f0;}
.prdpdeo{width: 100%;}
.prdppvdo31 > li{padding-bottom: 20px;}
.prdppvdo31 > li:last-child{padding-bottom: 0;}
.prdppvdo31 > li > a{position: relative;display: block;}
.prdppvdo31 > li.active > a {border: 3px solid #f61111;}
.prdppvdo31 > li > a::before{position: absolute;content: '';left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);}
.prdppvdo31 > li > a::after {position: absolute;content: '';left: 50%;top: 50%;transform: translate(-50%, -50%);width: 30px;height: 30px;background: url(../img/play.png) no-repeat 0 0 / 100% auto;}
.prdppcls {position: absolute;top: 0;right: 0;}
.prdppcls > a {display: block;font-size: 1.3em;color: #000;font-family: 'Poppins Semibold';padding: 10px;line-height: 1em;}
.prdcolig.dtlply {position: relative;}
.prdcolig.dtlply .clikvde{display: block;}
.clikvde{position: absolute;top: 0;left: 0;right: 0;bottom: 0;display: none;}
.clikvde > a{display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);}
.clikvde > a img{width: 15%;}
body.ovflw {overflow-y: hidden;}
/*-----------------Breadcrumb---------*/
.prdbrdcrmb {padding: 50px 11.5vw 0;}
.prdbrdcmb {border-bottom: 1px solid #000;display: flex;justify-content: center;}
.prdbrdcmb > li {padding: 0 30px;}
.prdbrdcmb > li.active > a {border-bottom: 2px solid #000;}
.prdbrdcmb > li > a {text-transform: uppercase;color: #000;display: block;padding-bottom: 6px;font-family: 'Poppins Semibold';}
/*-----------------returns---------*/
.dtlbx7 {display: flex;margin: 0 9% 0 11.5%;padding-bottom: 20px;border-top: 1px dotted #000;padding-top: 3%;}
.lftdl7 {width: 38%;}
.rhtdl7 {width: 62%;}
.specc71 {padding-bottom: 20px;}
.specc71> h5 {font-family: 'Poppins Semibold';font-size: 0.9vw;color: #888;text-transform: uppercase;}
.specc71 > h3 {font-size: 1vw;    text-transform: uppercase;}
.spectblc ul{list-style: '-';padding-left: 5px;padding-right: 20px;    box-sizing: border-box;}
.spectblc ul > li {font-size: 1vw;padding-bottom: 3px;text-transform: uppercase;}
.setins {padding-top: 15px;}
.setins> a {background-color: #000;color: #fff;text-transform: uppercase;padding: 3px 10px;border: 1px solid #000;display: inline-block;position: relative;z-index: 1;font-size: 1vw;}
/*body.linux .setins> a,body.mac .setins> a,body.iphone .setins> a {padding: 5px 10px 0;}*/
.setins > a::before {position: absolute;content: '';left: 0;top: 0;bottom: 0;width: 0;background-color: #fff;transition: all 500ms ease-in-out;z-index: -1;}
.setins > a:hover{color: #000;}
.setins > a:hover::before{width: 100%;}
.esy768 ul, .esy768 ol {padding-bottom: 10px;padding-left: 5px;margin: 0;}
.esy768 ul > li, .esy768 ol > li {font-family: 'Poppins Semibold';font-size: 1vw;padding-bottom: 3px;list-style: "-";padding-left: 5px;}
.esy768 > p {font-size: 1vw;    padding-bottom: 1em;}
.esy768 > p a{font-family: 'Poppins Semibold';color: #000;}
.warntycdsc {margin: 0 9% 0 11.5%;padding: 35px 0 0;/*border-bottom: 1px dotted #000;*/}
.wrntcyc2 > h3 {font-size: 1.1vw;text-transform: none;padding-bottom: 15px;}
.wrntcyc2 ul {list-style: decimal;padding-left: 16px;}
.wrntcyc2 ul > li, .wrntcyc2 ol > li {font-size: 1vw;padding-bottom: 10px;}
.wrntcyc2 ul > li b, .wrntcyc2 ol > li strong{font-family: 'Poppins Semibold';}
.wrntcyc2 ol {margin: 0;padding-left: 15px;}
/* collection */
.deskc{display: flex;}
.mobc{display: none;}
.prdcol.mob{display: none;}
.prd-cont1.desk{display: flex!important;}
.prd-cont1.mob{display: none;}
.esy768 {padding-left: 0;}
.coll-img.no-pad a:hover .byuty2,.coll-column-left a:hover .beauiat{opacity: 1;}
.byuty2 {opacity: 0;position: absolute;left: 0;right: 0;bottom: 0;background-color: rgba(0, 0, 0, 0.7);padding: 1.5vw 1vw 1.5vw 1.5vw;transition: all 500ms ease-in-out;}
.byuty2 > h4,.beauiat1 > h4{ text-transform: uppercase;color: #fff; word-spacing: 0.2vw;font-size: 1.1vw;display: inline-block;}
.byuty2 > h3,.beauiat1 > h3{text-transform: inherit; letter-spacing: -0.03vw;font-size: 1.28vw; color: #fff;    line-height: 1.3em;}
.byuty2 > h5,.beauiat1 > h5{text-transform: uppercase; font-size: 0.9vw; color: #fff;}
.prds-desc > h3,.col-clmn-contnt > h3{overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;white-space: pre-wrap;}
.beauiab {position: relative;}
.beauiab::after {position: absolute;content: '';top: 0;left: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, 0.5);}
.hadtocrds.bbutfl{background-color: #000;}
.beauiat {opacity: 0;position: absolute;left: 0;right: 0;padding: 1.5vw 1vw 2.5vw 1.5vw;}
.beauiat1{opacity: 0;transition: all 500ms ease-in-out;}
.coll-column-left a:hover .beauiat1{opacity: 1;}
.bsetlr11tx {padding-left: 1.8%;padding-top: 11%;}
.prdc2 { padding-bottom: 30px;}
/* ==========================================================================
                               Responsive
========================================================================== */
@media only screen and (max-width :1280px) and (min-width:1000px) and (orientation:landscape){
    .hmtcgyt{width: 56%;}
}
@media only screen and (max-width:1280px){
    .banerig img, .bnr-img img {height: auto;}
    .byuty2 {opacity: 1;}
    .beauiat{opacity: 1;bottom: 0;}
}
@media only screen and (max-width:64em){
    .prdabo-right.mob{display: block !important;}
    .hmtcgyt > h5{font-size: 1.8em;}
    .prdp-desc > h5,.setins> a{font-size: 0.9em;}
    .prdp-desc.desccd > p{font-size: 0.8em;}
    
    .bsetlr11tx > h3, .bsetlr2sld1t > h3,.mbwomn1t > h5,.mnumnm > a,.info, .drctn,.cti7 > h3,.info-des > p,.specc71> h3,.wrntcyc2 > h3,.prdet-sbctry > h5,.prdsml-txt > h3{font-size: 1em;}
    .minmnu > h5,.specc71> h5,.spectblc ul > li,.esy768 > p,.esy768 ul > li,.esy768 ol > li,.wrntcyc2 ul > li,.wrntcyc2 ol > li,.prdp-desc > h5,.prdet-sbctry > ul > li{font-size: 0.9em;}
    .bsetlr11tx > h5, .bsetlr2sld1t > h5,.pop-addrsform-buttons > button,.prdp-desc > p{font-size: 0.8em;}
    .banerit > a,.bstseller1 > h2,.broscol1 > h3,.hmtcgyt > h3,.hmtcgyt > a,.gcpmo > li > a,.mlogin > a,.mcart > a,.logout > a,.strlc > a,.prds-desc > h6,.col-clmn-contnt > h6{font-size: 0.8em;}
    .bstseller1 > p,.bsetlr11tx > h6, .bsetlr2sld1t > h6,.mbwomn1t > p,.broscol1 > p,.xplrcol > a,.hmtcgyt > p,.suprtf > li > a,.prvcytrm > li > a, .dnm > a,.bsetlr11tx > h4, .bsetlr2sld1t > h4{font-size: 0.7em;}
    .hmtcgyt{top: 5.5%;left: 3%;width: 72%;}
    .hmtcgy {margin: 0 5% 4.5%;}
    .hmtcgy.nomrgin{margin: 5% 5% 4.5%;}
    .prdet-sbctry > ul > li{line-height: 1.1em;}
    .dtlbx7 {font-size: 16px;}
    .prdc2,.wrntcyc2 {padding: 0;}
     /*===============================================================
                    Collection & detail
    ===============================================================*/
    .loutof > span{font-size: 1em;}
    .banrtxt > h3{text-transform: uppercase; color: white;    font-size: 4.6em;}
   .banrtxt > h3:nth-child(2){margin-left: 3vw;}
   .banrtxt > h3:nth-child(3){margin-left: 6vw;}
   /* color */
.banrtxt {top: 10vw;left: 4vw;}
.banrtxt > h3 {font-size: 5.6em;}
.coll-cont2-prds {width: 91vw; margin: 0 auto;gap: 0.6vw;}
.coll-clmn {width: 49.5%;}
.desk{display: none!important;}
.mob{display: block;}
.conl-slide {flex-direction: column; padding-top: 5vw;    width: 100%;}
.conl-main {width: 100%;margin: 0;padding-left: 70px;padding-right: 70px; background: url(../assets/collection/Layer\ 39.png);background-size: 100% 100%;box-sizing: border-box;}
.conl-main{position: static;}
.l-logo{    width: 25vw;}
.conl-cont {width: 100%;}
.conl-cont > h3 {width: 100%; font-size: 1.8em;  line-height: 5.1vw;}
.conl-cont-img {width: 100%; padding: 1vw 0 0 0;}
.conl-cont > h5 {font-size: 1em;padding-top: 1.3vw; }
.col-4 {width: 100% !important;}
.conl-p > p:first-child, .conl-p > p:last-child {margin-top: 0.2vw;line-height: 2.39vw;font-size: 1em;letter-spacing: -0.01vw;font-family: "Poppins Regular";}
.conl-p > h3 {   line-height: 5.39vw;font-size: 1em;}
.conl-p > p {font-size: 0.9em;line-height: 3vw;}
/* .conl-p > p:nth-child(3) { margin-top: 0;width: 100%;line-height: 4.6vw;}
.conl-p > p:nth-child(4) {line-height: 2.5vw;} */
.conl-p {padding: 2.3vw 1vw 0vw 0;}
.conl-btn {left: 20px;right: 20px;top: 42%;}
.coll-right-txt {width: 100%;margin: 3vw auto 0 0vw; }
.coll-right-txt > h5 {font-size: 0.9em;}
.coll-right-txt > h3 {font-size: 1.8em; margin-top: 1vw;}
.coll-right-txt > h4 {font-size: 1em;margin-top: 1vw; margin-bottom: 3vw;}
.col-clmn-contnt > h3 {font-size: 1em;}
.col-clmn-contnt {padding-left: 1.5vw;}
.col-clmn-contnt > h5 {font-size: 1.1em;}
.col-clmn-contnt > h4 {font-size: 0.9em; margin-top: 0;}
.coll-cont1 ,.prd-cont1 {width: 91vw;margin: 0 auto;}
.coll-column-right {width: 100%;}
.prds-desc > h3 {font-size: 1em;}
.prds-desc > h5 {font-size: 0.8em;}
.prds-desc  > h4{font-size: 0.9em;}
.coll-prds-1{width: 100%; background-color: #f9f8f6;}
.coll-prds-1 > a{display: flex;}
.coll-prds-1 > a > .prds-desc{    margin-top: 24vw;}
.read-more.mob{display: block;}
.coll-prds-1 > a > .beauty-img,.coll-prds-1 > a > .prds-desc{width: 49.5%;}
.prd-main {width: auto;margin: 0 4.5%;}
.read-less.mob{display: block;}
.read-less.mob.disno{display: none !important;}
.prdp-desc.mob{width: 100%;}
.prdp-desc.mob > p {line-height: 3.2vw;font-size: 1.1em;font-family: "Poppins Regular";}
.prdcol.desk{display: none!important;}
.prdcol.mob{display: flex; width: 100%;margin: 0 auto; justify-content: center;  padding-bottom: 15.2vw;}
.prd-cont1.desk{display: none!important;}
.prd-cont1.mob{display: block;padding-bottom: 3vw;}
.read-more.mob.disno{display: none !important;}
.prd-main-content {flex-direction: column;}
.prdsml-prds {flex-direction: column;}
.video#loadvideo {object-fit: cover;}
.filter-form > a:after {width: 22px;}
.prds-imgs  {width: 55%;margin: 10% auto;}
.coll-imgs{width: 56%;}
.coll-clmn-img-1{display: none;}
.prdabo-right {margin-left: 0;}
.prdet-main {width: auto; margin: 0 4.5%;}
.filter-form-main {width: 100%;}
.filter-main{left: 4%; transform: translateX(-120%); transition: all 0.5s ease-in-out; display: block;width: 35%;}
.filter-form {width:auto;  }
.trans-nor{transform: translateX(0%); }
.filter-ul > li:nth-child(2){padding-left: 0;}
.lmar-3{margin: 0px auto 0 3% !important;}
img {width: 100%;}
.filter-txt >h6 {font-size: 0.9em;}
.prdsml-main { width: auto; margin: 0 4.5% 30px;padding-top: 5vw;}
.prdsml-txt > h6 {font-size: 0.9em;line-height: 4vw; width: 100%;}
.prdsml-txt > h5 {font-size: 1.5em;  line-height: 6vw;}
.video-prd {position: relative; height:100% ;}
.prdsml-prds > .coll-clmn{width: 72.6%;}
.prdsml-prds > .coll-clmn > a > .col-clmn-contnt {padding-bottom: 10vw;padding-left: 4.2vw;}
.prdsml-slide-btn{display: none;}
.back-cnt{display: none;}
.prd-cate {width: 100%;margin: 0 auto;flex-direction: column;display: flex;}
.prdabo-right {width: 100%;}
.prdabo-right-main {width: 100%; margin: 0;padding: 30px 0;}
.prdabo-catinfo {padding-bottom: 15px;border-bottom: 1px dotted #000;margin-bottom: 17px;}
.prdabou-left-img{margin-bottom: 0;}
.prd-about{padding-bottom: 10px;}
.prdabo-right-txt > p {font-size: 0.9em;}
.prdabo-right-txt > h3 {text-transform: uppercase;font-family: "Poppins Semibold";font-size: 1em;  margin-top: 5vw;margin-bottom: 1vw;}
.prdabo-right.mob{background-color: #f9f8f6;}
.info-des > h3 {font-size: 1em;}
.info-des > h4 {font-size: 0.9em; width: 75%;margin-top: 5px;}
.prdabo-slider { margin: 0 4.5%;}
.prdabo-right-txt {padding-top: 0.4vw;margin-left: 4.5%;width: 55%;}
.info-img {width: 75%;margin-bottom: 0;}
.coll-prds {width: 49.6%;}
.prdabo-right-main > .loutof {align-content: center;font-size: 1.1em;margin-left: 1vw;position: absolute;bottom: 18vw;right: 45vw; }
.prdabo-slider .slick-prev{width: 35px;height: 35px;cursor: pointer;background: url(../img/arrows.png) no-repeat 1px -68px / 130px auto;position: absolute;right: 0%;top: calc(47% - 50px);font-size: 0;}
.prdabo-slider .slick-next{width: 35px;height: 35px;cursor: pointer;background: url(../img/arrows.png) no-repeat -98px -68px / 130px auto;position: absolute;right: 0%;top: 47%;font-size: 0;}
.prdabo-slider button.slick-prev.slick-disabled,.prdabo-slider button.slick-next.slick-disabled {opacity: 0.1;pointer-events: none;}
.prdabo-slider .slick-list.draggable {width: 94%;}
.prdabo-txt {width: auto;margin: 0 4.5%;padding-left: 0.7%;}
.prdabo-txt > h5 {font-size: 0.9em;}
.prdabo-txt > h3 {font-size: 4em;margin-left: -1vw;line-height: 10vw;}
.prdabo-txt > h6 {font-size: 1em;}
.prdcol-1 {width: 40%;margin: 0 auto;}
.prdp-btn-slider{position: absolute;bottom: 7vw;right: 3vw; z-index: 999;}
    .csbtn-1{width: 26px;height: 27px;cursor: pointer;background: url(../img/arrows.png) no-repeat 1px -51px / 100px auto; margin-bottom: 20px;}
    .csbtn-2{width: 26px;height: 27px;cursor: pointer;background: url(../img/arrows.png) no-repeat -75px -53px / 100px auto;}
.prdp-wish {left: 1.7vw;bottom: 2.6vw;}
.prd-desc {width: 100%;margin: 0;padding-top: 4vw; padding-bottom: 4vw; background-color: white; }
    .prdp-desc > p{-webkit-line-clamp: 4;}
    .prdbrdcrmb {
    padding: 40px 4.5% 0;
}
.prdp-txt > h3 { font-size: 1.5em;}
.prdp-txt > h6 {font-size: 0.7em;}
.prdp-logo { width: 20vw;}
.prdp-txt > h5 {font-size: 1em;}
.prdp-txt h4 {font-size: 1.3em;}
span.orgnprz{font-size: 1em;margin-top: 10px;}
.prdp-btn {width: 74.6vw;margin-top: 3%;}
.prdp-btn > a { /* margin-left: 3.5vw; */font-size: 1em;padding: 2% 37.5%;}
.prdp-ameni-ul > li {width: 9.55vw;}
.size2-prd {width: 11vw !important;}
.size1-prd {width: 15vw !important;}
.prd-bnr.mob {width: auto; margin: 3% 4.5% 0;}
.wid1 {width: 44% !important;}
.prdsml-slider-main > .coll-cont2 > .coll-cont2-prds{width: 100%;margin: 0;        padding-top: 15px;}
.filter-form > a:before {width: 22px;}
.prdp-wish > h6 {margin-top: 1.5vw;font-size: 1em; margin-left: 1vw;}
.prd-desc-main{width: 84%;margin: 0 auto;}
/* .prdet-boxs {flex-direction: column;} */
.prd-ul > li > a {font-size: 1.1em;}
.prd-li > a >span::after {top: 0.1vw;}
.prdet-boxs{margin-bottom: 0;}
.prdet-main > h3{margin-left: 0;margin-top: 0;font-size: 1.2em;}
.prdet-boxs {position: relative;margin-left: 0;display: block;}
.prd-box9 {padding: 0 30px;box-sizing: border-box;}
.read-more > a, .read-less > a,.shop-val-inc {font-size: 0.9em;}
.prdet-cont{ margin-bottom: 0;}
/* .prd-box {width: 100%;height: 100%;transition: transform 0.5s ease; }
.prd-box {width: 100%;height: 100%;transition: transform 0.5s ease; }*/
.prdet-cont {margin-top: 3vw; }
.coll-right-prd.lay1 > .coll-prds > a > .prds-desc {padding: 2.8vw 0 0 6.5vw;}
.coll-right-prd.lay1 > .coll-prds-1 > a > .prds-desc {padding: 2.8vw 0 5vw 7.5vw;}
.prdet-main {padding-bottom: 4vw;}
.prdet-cont > h4 {font-size: 1em;}
.prd-ul{padding-top: 0;}
.prd-main-cont1{margin-top: 30px;}
.prd-box9 .owl-nav{position: absolute;left: -15px;right: -15px;top: 48%;}
.prd-box9 .owl-nav button.owl-prev{float: left;width: 32px;height: 32px;cursor: pointer;background: url(../img/arrows.png) no-repeat 1px 0px / 120px auto !important;}
.prd-box9 .owl-nav button.owl-next{float: right;width: 32px;height: 32px;cursor: pointer;background: url(../img/arrows.png) no-repeat -89px 0px / 120px auto !important;}
.prd-box9 .owl-nav button.owl-prev.disabled,.prd-box9 .owl-nav button.owl-next.disabled{display: none;}
.prd-box9 .owl-nav button.owl-prev span,.prd-box9 .owl-nav button.owl-next span{font-size: 0;}
.lmar-1{margin: 5vw 0 0 0;}
.lmar-2{margin: 5vw 0 0 0;}
.wid2 {width: 98%;margin-top: 0; margin-bottom: 0;padding-right: 0;}
.prdet-cont > p {line-height: 2vw;  font-size: 0.9em;}
.prdet-btn{position: absolute;right: 2vw;top: 54vw;z-index: 99;}
.brand-card-1 {width: 100%}
.card-logo {width: 32.3vw;padding: 14.4vw 0 4vw 0;}
.deskc{display: none;}
.mobc{display: flex;}
.collec-txt >p {font-size: 1em; margin-top: 1vw;}
.collec-txt >h3 {font-size: 2.47em; line-height: 1em;}
.collec-txt >h5 {font-size: 0.9em;}
.collec-content {width: 90%;}
.collec-txt{margin-left: 3vw;}
.filter-cont { left: 86vw; }
.filter-icon {width: 41px;height: 31px;margin: 0 auto;cursor: pointer;background: url(../img/icons.png) no-repeat 6px -285px / 46px auto;}
.card-btn > a {font-size: 0.9em;}
.filter-ul {flex-direction: column;width: 100%;justify-content: flex-end;transition: all 1s ease-in-out;    gap: 0.5vw;}
.filter-li{width: 80%; margin: 0 auto!important; text-align: left !important;}
.filter-li.actv8 > a::after{transform: rotate(269deg); }
.filter-ul > li{padding: 1.5vw 0;}
.filter-ul > li:nth-child(2) > ul > li {margin-left: 0; }
.filter-ul > li > ul{display: none;}
.filter-ul > li:not(:first-child) {margin-left: 0; }
.filter-inul > li {justify-content: flex-start;width: 100%; padding-left: 15px;}
.filter-inul > li > label::before {left: -13px;width: 10px;height: 10px;}
.filter-inul > li >label.checked::after {left: -13px;width: 12px;height: 12px;}
.filter-inul > li > label {font-size: 1em;}
.filter-form > a > span {position: relative;top: 9vw;left: 85vw;}
.filter-form > a > span:before { width: 42px;}
.filter-form > a > span:after {width: 42px;}
.filter-form-main {padding-left: 0;padding-top: 6vw;}
.filter-li > span{position: relative;}
.filter-ul > li > a {font-size: 1.1em; margin-left: 0; cursor: pointer;pointer-events: all;}
.filter-form > a {position: absolute;right: 2vw;top: 2vw;height: 2.6vw;width: 3vw;}
.filter-li > a::after {position: absolute;width: 20px; height: 17px;right: 0;content: '';cursor: pointer;background: url(../img/arrows.png) no-repeat -50px 0px / 68px auto; transform: rotate(90deg);transition: all 0.5s ease-in-out;}
.filter-ul > li > a { width: 100%; display: inline-block;text-align: left;font-size: 1em;position: relative;}
.coll-right-prd.lay1 > .coll-prds{ width: 98%; margin-top: 2vw;}
.coll-right-prd.lay1 > .coll-prds-1{width: 99%;}
.coll-right-prd.lay1 > .coll-prds > a > .prds-desc , .coll-right-prd.lay1 > .coll-prds-1 > a > .prds-desc {padding: 2.8vw 0 3vw 6.5vw;}
.coll-right-prd.lay1 > .coll-prds > a > .prds-img , .coll-right-prd.lay1 > .coll-prds-1 > a > .prds-img{}
.coll-right-prd.lay1 > .coll-prds > a > .beauty-img{width: 99%;}
.coll-cont2-prds.lay1 > .coll-clmn{width: 98.6%;}
.coll-cont2-prds.lay1 > .coll-clmn > a > .col-clmn-contnt {padding-bottom: 5.3vw;}
.bnr-txt > h4 {font-size: 5.8em;letter-spacing: -0.09vw;}
.bnr-txt > h6 {font-size: 1.5em;}
.bnr-txt > h5 {font-size: 1.48em;}
.bnr-txt {top: 40.59vw;}
/* .coll-prds.lay1 { width: 98%; margin-top: 2vw;}
.coll-prds.lay1 > a > .prds-img ,.coll-prds-1.lay1 > a > .prds-img {width: 75%;margin: 3% auto 4% 12%;} */
/* .coll-prds-1.lay1 > a > .beauty-img{width: 99%;}.coll-prds-1.lay1{width: 99%;} */
.coll-clmn.lay2 {width: 94.6%;}
.prd-cont1 {padding-bottom: 0.6vw;}
    .filline {display: block;}
    .filter-cont{position: static;padding:0;width: 100%;}  
    .slctdfltr{width: calc(100% - 80px);}
    ul.selceed > li {font-size: 14px;}
    .conl-cont1 {width: 50%;}
    .info-des > p{padding-top:15px;padding-bottom: 0; }
    .prdp-desc{margin-top: 0px;}
    .dtlbx7{margin: 0 4.5%;display: block;border-top: none;;padding-top: 30px;}
    .specc71 {padding-bottom: 15px;}
    .rhtdl7,.lftdl7 {width: auto;}
    .warntycdsc {margin: 0 4.5%;padding: 30px 0;}
    .rhtdl7 {margin-top: 30px;padding-top: 25px;border-top: 1px dotted #000;}
    .readless{display: none;}
    .readmore, .readless {padding-top: 10px;}
    .readmore a, .readless a {color: #000;font-size: 1em;font-family: 'Poppins Semibold';}
    .info-des > p {overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;white-space: pre-wrap;}
    .info-des.sowh p {display: block;}
    .info-des.sowh .readmore{display: none;}
    .info-des.sowh .readless{display: block;}
    .coll-right-txt{position: relative;z-index: 10;}
    .prmsttr {position: relative;padding-bottom: 15px;}
    .prmsttr > a {font-size: 1.2em;text-transform: uppercase;font-family: "Poppins Bold";color: #ec0000;position: relative;display: inline-block !important;padding-right: 30px;}
    .prd-li > a >span{display: none;}
    .prmsttr > a::after{position: absolute;content:''; top: 4px;right: 5px;width: 8px;height: 8px;border-top: 2px solid #ec0000;border-right: 2px solid #ec0000;transform: rotate(135deg);transition: all 500ms ease-in-out;}
    .prmsttr > a.active::after{transform: rotate(-45deg);top: 10px;}
    .prd-ul {display: none;position: absolute;left: 0;right: 0;width: 150px;top: 27px;z-index: 10;background-color: #ddd;}
    .prd-ul > li {padding: 10px;}
    .boatc {position: fixed;left: 0;right: 0;bottom: 0;background-color: #fff;z-index: 999;}
    .boatc.sheadcc77 {display: none !important;}
    .btmnuc2 {background: url(../img/btmshad.png) no-repeat scroll 0 0 / 100% auto;display: flex;padding: 15px 5%;    justify-content: space-between;align-items:center;}
    .prc7cd7 {padding-bottom: 0;text-transform: capitalize;    line-height: 1em;font-size: 0.9em;}
    h2.oldpc.pc7rc::before {position: absolute;content: '';left: 0;right: 0;top: 45%;transform: translateY(-50%);background-color: #ff0000;width: 100%;height: 1px;}
    h2.oldpc.pc7rc {position: relative;margin-right: 10px;font-size: 1em;}
    h2.pc7rc {display: inline-block;font-size: 1.2em;}
    .prc7 .frei7 {padding-top: 0;}
    .prc7 {padding: 0;}
    .buynwc{position: static;transform: none;}
    .frei7 > p{padding-bottom: 0;font-size: 0.6em;font-family: "Poppins Semibold";}
    .buynwc1 > a {background-color: #000;text-transform: uppercase;color: #fff;font-size: 0.8em;padding: 5px 45px 5px 10px;position: relative;display: block;}
/*    body.iphone .buynwc > a{padding: 5px 10px 5px 10px;}*/
    .buynwc1 > a::after {content: '';position: absolute;right: -5px;top: 50%;transform: translateY(-50%);width: 45px;height: 45px;z-index: 10;background: url(../img/addcard.png) no-repeat scroll 0 0px / 45px auto;}
    
    .tbpstve {position: relative !important;}
    .clikvde7{position: absolute;top: 0;left: 0;right: 0;bottom: 0;}
    .clikvde7 > a{display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);}
    .clikvde7 > a img{width: 15%;}
    .prdppvdo2 {width: 100%;}
    .prdppvdo{height: auto;padding: 30px;}
    .prdp-ameni{padding-bottom: 0;}
    .buynwc > a::before,.buynwc > a::after{display: none;}
    .byuty2 > h3,.col-clmn-contnt > h5{font-size: 1em;}
    .byuty2 > h5{font-size: 1em;}
    .byuty2 > h4{font-size: 0.9em;}
    .byuty2 {padding-bottom: 35px;}
    .coll-prds,.coll-clmn {width: 32.6%;}
}

@media only screen and (max-width:39em){
    .desk1{display: none;}
    .mob1{display: block !important;}
    .hmtcgyt > h5{font-size: 1.2em;}
    
    .bsetlr11tx > h3, .bsetlr2sld1t > h3,.mbwomn1t > h5,.spectblc ul > li,.prdet-sbctry > h5{font-size: 0.8em;}
    .banerit > a,.bstseller1 > h2,.broscol1 > h3,.hmtcgyt > h3,.hmtcgyt > a,.prds-desc > h6,.col-clmn-contnt > h6,.whtap > a,.prdet-sbctry > ul > li{font-size: 0.7em;}
    .bstseller1 > p,.bsetlr11tx > h6, .bsetlr2sld1t > h6,.mbwomn1t > p,.broscol1 > p,.xplrcol > a,.hmtcgyt > p,.suprtf > li > a,.prvcytrm > li > a, .dnm > a{font-size: 0.6em;}
    .hmtcgy {margin: 0 10px 5px;}
    .hmtcgy.nomrgin {margin: 10px;}
    .hmtcgyt {top: 12.5%;left: 3.5%;width: 70%;}
    .hmtcgyt > p {width: 80%;}
   /*===============================================================
                    Collection & detail
    ===============================================================*/
    .coll-cont2-prds {width:auto; margin: 0 10px;gap: 1vw;padding-top: 1vw;}
   .coll-prds,.coll-clmn {width: 49.4%;}
   .desk{display: none!important;}
   .mob{display: block;}
    .prds-imgs,.coll-imgs {width: 100%;}
   .conl-slide {flex-direction: column; padding-top: 7vw;    width: 100%;}
   .conl-main {position: static;  width: 100%;padding:0 32px 20px ; }
   .l-logo{width: 47vw;}
   .conl-cont {width: 100%;}
   .conl-p > p:first-child, .conl-p > p:last-child {font-size: 0.8em; line-height: 5.39vw;}
   .conl-cont > h3 {width: 100%; font-size: 1.48em; margin-top: 1vw; line-height: 8.1vw;}
    .conl-cont1 {width: 100%;}
   .conl-cont-img {padding: 3vw 0 0 0;}
   .conl-cont > h5 {font-size: 0.58em;}
   .col-4 {width: 100% !important;}
   .conl-p > h3 {   line-height: 5.39vw;font-size: 0.74em;}
   .conl-p > p {font-size: 0.74em;line-height: 4.34vw;margin-top: 2.7vw;}
   .conl-p > p:nth-child(3) { margin-top: 0;width: 100%;line-height: 4.6vw;}
   .conl-p > p:nth-child(4) {line-height: 4.5vw;}
   .conl-p {padding: 2.3vw 1vw 3vw 0;}
   .loutof > span {font-size: 0.9em;}
    .filline{padding: 0 10px;}
   .coll-right-txt {width: auto;margin: 10px 0px 0 0px;}
   .coll-right-txt > h5 {font-size: 0.8em;}
   .coll-right-txt > h3 {font-size: 1.66em; margin-top: 2.6vw;}
   .coll-right-txt > h4 {font-size: 0.6em;margin-top: 3vw;        margin-bottom: 3vw;}
   .col-clmn-contnt > h3 {font-size: 0.8em;}
   .col-clmn-contnt { padding-left: 4.2vw;}
   .col-clmn-contnt > h5 {font-size: 0.7em;}
   .col-clmn-contnt > h4 {font-size: 0.8em;}
   .coll-cont1 ,.prd-cont1 {margin: 0 10px;width: auto;padding-bottom: 0;}
   .coll-column-right {width: 100%;}
   .prds-desc > h3 {font-size: 0.8em;}
   .prds-desc > h5 {font-size: 0.7em;}
   .prds-desc  > h4{font-size: 0.8em;}
   .filter-txt >h6 {font-size: 0.5em;}
   .coll-right-content >.coll-right-prd >.coll-prds-1 > a > .beauty-img{width: 51%;}
   .coll-prds-1 > a { display: flex;width: 97%;background-color: #f9f8f6;}
   .coll-prds-1 > a > .prds-desc{    margin-top: 24vw;}
   .read-more.mob{display: block;}
   .read-less.mob{display: block;}
   .read-less.mob.disno{display: none;}
   .prdp-desc.mob{width: 100%;}
   .prdp-desc.mob > p { line-height: 1.3em;font-size: 0.8em;}
   .prdcol.desk{display: none!important;}
   .prdcol.mob{display: flex; width: 100%;margin: 0 auto; justify-content: center;  padding-bottom: 15.2vw;}
   .prd-cont1.desk{display: none!important;}
   .prd-cont1.mob{display: block;padding-bottom: 3vw;}
   .read-more.mob.disno{display: none;}
   .prd-main-content {flex-direction: column;}
   .prdsml-prds {flex-direction: column;}
   .prdsml-main { margin: 0 15px;padding: 30px 0;}
   .prdsml-txt > h6 {font-size: 0.6em;margin-top: 2vw;line-height: 4vw; width: 100%;}
   .prdsml-txt > h5 {font-size: 1.54em;  line-height: 9vw;}
   .video-prd {position: relative;height: 200px;}
   .prdsml-prds > .coll-clmn{width: 72.6%;}
   .prdsml-prds > .coll-clmn > a > .col-clmn-contnt {padding-bottom: 10vw;padding-left: 4.2vw;}
   .prdsml-slide-btn{display: none;}
   .back-cnt{display: none;}
   .prd-cate {width: 100%;margin: 0 auto;flex-direction: column;display: flex;}
   .prdabo-right {width: 100%;}
   .prdabo-right-main {width: 100%; margin: 0;padding-bottom: 30px;}
   .prdabo-right-txt > p {font-size: 0.7em;}
   .prdabo-right-txt > h3 {text-transform: uppercase;font-family: "Poppins Semibold";font-size: 0.95em;margin-top: 7vw;margin-bottom: 4vw;}
   .prdabo-right.mob{background-color: #f9f8f6;}
   .info-des > h3 {font-size: 0.95em;width: 100%;}
   .info-des > h4 {font-size: 0.6em; width: 100%;}
   .prdabo-right-txt {padding-top: 0.4vw;margin-left: 6.5vw;width: 55%;}
   .info-img {width: 98%;}
    .prdabo-slider .slick-prev{top: calc(60% - 50px);right: -2.5%;width: 27px;height: 27px;background: url(../img/arrows.png) no-repeat 1px -51px / 100px auto;}
    .prdabo-slider .slick-next{top: 60%;right: -2.5%;width: 27px;height: 27px;background: url(../img/arrows.png) no-repeat -75px -53px / 100px auto;}
    .wid1{width: 80% !important;}
   .prdabo-right-main > .loutof {align-content: center;font-size: 0.7em;margin-left: 1vw;position: absolute;bottom: 33vw;right: 16vw; }
   
   .prdabo-btn-main{display: flex;flex-direction: column; width: 8vw; gap: 5vw;right: 1vw;top: 39vw;position: absolute;}
   .prdabo-txt {width: 92vw;}
   .prdabo-txt > h5 {font-size: 0.8em;}
   .prdabo-txt > h3 {font-size: 2em;line-height: 1em;}
   .prdabo-txt > h6 {font-size: 0.55em;}
   .prdcol-1 {width: 90%;}
    .prdabou-left-img {width: 100%;}
    .prd-bnr.mob{margin: 15px 0% 0;}
    .prdabo-right{margin-top: 0;}
   .prdp-btn-slider{position: absolute;bottom: 7vw;right: 3vw; z-index: 999;}
   .prdp-wish {left: 1.7vw;bottom: 2.6vw;}
   .prd-desc {width: 100%;margin: 0;padding-top: 4vw; padding-bottom: 8vw; background-color: white; }
   .prdp-txt > h3 { font-size: 1.1em;}
   .prdp-logo { width: 45%;}
   .prdp-txt > h5 {font-size: 0.8em;}
   .prdp-txt h4 {font-size: 1.3em;}
   .prdp-btn > a { margin-left: 3.5vw;padding: 2% 3.5%;}
   .prdp-ameni-ul > li {width: 13.55vw;}
   .size2-prd {width: 15vw !important;}
   .size1-prd {width: 19vw !important;}
   .prdp-wish > h6 {margin-top: 20%; font-size: 0.6em;}
   .prd-desc-main{width: 100%;margin: 0 auto;}
    .prdabo-right-main{padding: 20px 0;}
   /* .prdet-boxs {flex-direction: column;} */
   .prd-ul > li > a {font-size: 0.8em;}
    .prmsttr > a{font-size: 1em;}
   .prd-li > a >span::after {top: 0.7vw;}
   .prdet-boxs::-webkit-scrollbar{display: none;}
   .prdet-boxs{scrollbar-width: none;}
   .prdet-boxs {flex-direction: column; position: relative;}
   .read-more > a, .read-less > a {font-size: 0.7em;}
   .margin {margin-top: 6.8vw !important;}
   /* .prd-box {width: 100%;height: 100%;transition: transform 0.5s ease; } */
   .prdp-ameni-ul {margin-left: 0;}
   .prdet-main > h3 {font-size: 1em;}
   .prdp-txt > h6 {font-size: 0.6em;}
   .prd-box {width: 100%;height: 100%;transition: transform 0.5s ease; }  
  .prdet-cont {margin-top: 3vw; }
    .filter-main{width: 100%;left: 0;}
   .coll-right-prd.lay1 > .coll-prds > a > .prds-desc {padding: 2.8vw 0 0 6.5vw;}
   .coll-right-prd.lay1 > .coll-prds-1 > a > .prds-desc {padding: 2.8vw 0 5vw 7.5vw;}
   .coll-right-prd {margin-top: 2vw;gap: 1vw;}
   .prdet-main {padding-bottom: 4vw;}
   .prdet-cont > h4 {font-size: 0.8em;}
    .prd-box9 .owl-nav{top: 43%;}
    .prd-box9 {padding: 0 20px;}
   .prd-box9 .owl-nav button.owl-prev{width: 27px;height: 26px;cursor: pointer;background: url(../img/arrows.png) no-repeat 1px 0px / 100px auto !important; }
   .prd-box9 .owl-nav button.owl-next{width: 27px;height: 26px;cursor: pointer;background: url(../img/arrows.png) no-repeat -75px 0px / 100px auto !important;}
   .lmar-1{margin: 5vw 0 0 0;}
   .lmar-2{margin: 5vw 0 0 0;}
   .wid2 {width: 100%;margin-top: 2vw; margin-bottom: 2vw;}
   .prdet-cont > p {line-height: 5.2vw;  font-size: 0.7em;}
   .prdet-btn{position: absolute;right: 0;top: 66vw;z-index: 99;}
   .card-sec1, .card-sec2 {min-width: 47.1vw;}
   .brand-card-1 {width: 100%}
   .card-btn > a {font-size: 0.6em;}
   .deskc{display: none;}
   .brand-card-1.mobc{display: flex;}
   .collec-txt >p {font-size: 0.6em;}
   .collec-txt >h3 {font-size: 1.47em;}
   .collec-txt >h5 {font-size: 0.7em;}
   .collec-content {width: 95vw;}
   .collec-txt{margin-left: 3vw;}
   .filter-cont {padding: 0; }
   .filter-icon {width: 29px;height: 26px;cursor: pointer;background: url(../img/icons.png) no-repeat 2px -311px / 50px auto;   }
   .filter-ul {flex-direction: column;width: 100%;justify-content: flex-end;transition: all 1s ease-in-out;}
   .filter-li.actv8 > a::after{ transform: rotate(180deg); left: 73vw; transition: all 1s ease-in-out;}
   .filter-ul > li:nth-child(2) > ul > li {margin-left: 0; }
   .filter-ul > li > ul{display: none;}
   .filter-ul > li:not(:first-child) {margin-left: 0; }
    .filter-inul > li{margin-bottom: 10px;}
   .filter-inul > li >label.checked::after {left: -15px;}
   .filter-inul > li > label {font-size: 0.8em;}
   .filter-form > a > span {position: relative;top: 9vw;left: 85vw;}
   .filter-form > a > span:before { width: 19px;}
   .filter-form > a > span:after {width: 19px;}
   .filter-form-main {padding-left: 0;padding-top: 12.8vw;padding-bottom: 13.2vw; }
   .filter-li{transition: all 1s ease-in-out;}.filter-li > span{position: relative;}
   .filter-li > a::after { position: absolute;  width: 22px; height: 23px; left: 73vw;content: '';transform: rotate(0deg);cursor: pointer; background: url(../img/arrows.png) no-repeat -57px -38px / 77px auto;}   
   .filter-form > a { right: 14vw;top: 6vw;}
   .coll-lay-btn {position: fixed;left:15px;bottom: 20%;width: 50px;height: 50px;z-index: 999; display: none;}
   .coll-lay-btn > a{display: block;width: 50px; height: 50px; cursor: pointer; background: url(../img/toggle.png) no-repeat 0 0 / 100% auto;}
   .coll-lay-btn.show{display: block;}
    .coll-lay-btn > a.layone,.coll-lay-btn > a.laytwo{display: none;}
   .coll-right-prd.lay1 > .coll-prds,.coll-cont2-prds.lay1 > .marine-prd > .coll-clmn,.coll-cont2-prds.lay1 > .land-prd > .coll-clmn,
   .coll-cont2-prds.lay1 > .sky-prd > .coll-clmn{ width: 100%; margin-top: 2vw;}
   .coll-right-prd.lay1 > .coll-prds-1{width: 100%;}
   .coll-right-prd.lay1 > .coll-prds > a > .prds-img , .coll-right-prd.lay1 > .coll-prds-1 > a > .prds-img {width: 75%;margin: 3% auto 4% 12%;}
   .coll-right-prd.lay1 > .coll-prds > a > .beauty-img{width: 99%;}
   .coll-cont2-prds.lay1 > .coll-clmn{width: 100%;}
   .bnr-txt > h4 {font-size: 1.8em;letter-spacing: -0.09vw;}
   .bnr-txt > h6 {font-size: 0.5em;}
   .bnr-txt > h5 {font-size: 0.48em;}
   .bnr-txt {top: 40.59vw;}
   /* .coll-prds.lay1 { width: 98%; margin-top: 2vw;}
   .coll-prds.lay1 > a > .prds-img ,.coll-prds-1.lay1 > a > .prds-img {width: 75%;margin: 3% auto 4% 12%;} */
   /* .coll-prds-1.lay1 > a > .beauty-img{width: 99%;}.coll-prds-1.lay1{width: 99%;} */
   .coll-clmn.lay2 {width: 94.6%;}
   .prd-cont1 {padding-bottom: 0.6vw;}
   .prd-about::before {display: none;}
    .conl-btn{left: 3px;right: 3px;top: 32.2%;}
    .lbtnl,.lbtnr{width: 30px;height: 30px;background-size: 25px auto;background-position: 3px 2px;}
    .lbnr2 {margin: 10px 0;}
    .btmnuc2{padding: 15px;}
    .coll-lay-btn >a.othrlyr{display: none;}
    .coll-lay-btn >a.laayr1 {display: block;}
    .coll-right-prd.lay3 > .coll-prds,.coll-cont2-prds.lay3 > .marine-prd > .coll-clmn,.coll-cont2-prds.lay3 > .land-prd > .coll-clmn,.coll-cont2-prds.lay3 > .sky-prd > .coll-clmn{ width: 32.6%; margin-top: 2vw;}
    .coll-cont2-prds.lay3 > .coll-clmn,.coll-right-prd.lay3 > .coll-prds-1{width: 32.6%;}
    .prdp-desc{width: 100%;}
    .prdp-desc > p {-webkit-line-clamp: 4;}
    .prdp-ameni{padding-bottom: 10px;margin-top: 20px;}
    .prdbrdcmb > li {padding: 0 5px;}
    .prdbrdcmb > li > a {font-size: 0.65em;}
    .prdbrdcrmb {padding: 20px 4.5% 0;}
    .prdbrdcmb > li:first-child {padding-left: 0;}
    .prdbrdcmb > li:last-child {padding-right: 0;}
    
    .prdppvdo {height: auto;padding: 15px;width: 100%;}
    .prdppcls > a{padding: 5px;}
    .prdet-sbctry{padding-top: 5px;} 
    .byuty2 > h3{font-size: 0.8em;}
    .byuty2 > h5{font-size: 0.7em;}
    .byuty2 > h4{font-size: 0.8em;}
    .byuty2 {padding: 2vw 1vw 2vw 4.2vw;}
    .col-clmn-contnt {padding-bottom: 8%;}
    
}