/*body{ font-family: 'Inter';}*/
.page-header{ min-height: auto !important;}
.navbar{ padding: 10px 0; justify-content: space-between;}
.headRt{ width: auto; display: flex; align-items: center;justify-content: flex-end;}
.chkBtn{ background: #101828 url(../images/lock.svg) no-repeat left 14px center; width:126px; font-size: 14px; font-weight: 600; line-height: 51px; border-radius: 8px; text-align: center; padding-left: 15px; display: inline-block; color: #fff !important;}
.prises{ display: inline-block; text-align: right; padding-right: 15px;}
.prises span{ display: inline-block; color:#475467; font-size: 14px; line-height: 16px; font-family: 'Inter'; width: 100%;}
.prises strong{ display: inline-block; color:#101828; font-size: 24px; line-height: 26px; font-family: 'Inter'; font-weight: 500;}
.chkBtn:hover{ background-color: #facc10;}

.bannersec{ width: 100%;}
.bannersec img{ width: 100%;}


.welcomP{ width: 100%; padding:60px 0 30px 0;}
.welcomP img{ max-width: 100%; margin-right: 27px;}
.welcomP h1, .dtlsRt h1{ color: #101828; font-size: 39px; line-height: 45px; font-weight: 600;}
.ptxt{ align-items: center;}
.filterSelct{ width: 100%; display: inline-block;}
.filterSelct li{ width: 50%; float: left; padding: 10px;}
.filterSelct select{ width: 100%; border: 1px solid #D0D5DD; border-radius: 5px; padding: 0 10px; height: 40px; color: #101828; font-size: 14px; line-height: 20px; -webkit-appearance: none; background: url(../images/Icon.png) no-repeat right 10px center;white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; padding-right: 35px;}
.filterSelct select option{ font-family: Arial;}
.productBox{ width: 100%; border: 1px solid #EAECF0; border-radius: 12px; overflow: hidden; margin: 15px 0;}
.productBox .pic{ width: 100%; position: relative;}
.productBox .pic span{ position: absolute; top: 22px; left: 22px; font-size: 14px; line-height: 20px; color: #000; background: #F6CE0E; padding: 4px 12px; border-radius: 16px;}
.productBox .pic span.rd{ background: #E51E10; color: #fff;}
.productBox .pic span.grn{ background:#04C351; color: #fff;}
.productBox .pic img{ width: 100%;height: 524px;object-fit: cover;}
.productBox .text { width: 100%; padding: 20px; min-height: 118px;}
.productBox .text h4{ color: #101828; font-size: 16px; line-height: 23px; font-weight: 600;}
.productBox .text h4 a{ color:#101828; }
.productBox .text span{ color: #475467; font-size: 14px; line-height: 20px; font-weight: 400;}
.adcartBtn{ display: inline-block; background:#475467; border-radius: 8px; padding: 10px 16px; color: #fff !important; font-size: 14px; line-height: 20px; font-weight: 600; text-align: center;}
.fetureds .adcartBtn{ width: 218px;}
.adcartBtn:hover{ background: #fddf2d; color: #000 !important;}
.productBox .text .media-body{ padding-right: 60px;}
.productBox .text ul li{ display: inline-block;}
.productBox .text ul li input[type="radio"]{ width: 18.65px; height: 14.6px; border: 1px solid #D0D5DD; -webkit-appearance: none; border-radius: 2px;}
.productBox .text ul { display: inline-block; margin-left: 10px; position: relative; top: 2px;}
.feturedRow{ width: 100%; padding-bottom: 20px;}
.offerBox{ width: 100%; padding: 20px 0;}
.offerBoxIn{ width: 100%;}
.offerBoxIn img{ width: 100%;}
.productListRow{ width: 100%; padding: 20px 0;}

.offerban{ width: 100%;}
.offerban img{ width: 100%;}
.ptxt li{ display: inline-block; color: #475467; font-size: 16px; line-height: 20px;}
.backLink{ font-size: 24px; line-height: 38px; color: #101828 !important; text-transform: uppercase; font-weight: 600; background: url(../images/IconA.png) no-repeat left center; padding-left: 30px;}


.dtlsRt{ width: 100%; padding-left: 30px;}
.dtlsRt h1{ padding-bottom: 10px;}
.dtlsRt h6, .dtlsRt p{ color: #101828; font-size: 18px; line-height: 24px; font-weight: bold;  font-family: 'Inter';}
.dtlsRt .price{ width: 100%; padding: 25px 0;}
.price ins{ color: #101828; font-size: 33px; line-height: 35px; font-weight: 600; text-decoration:none;}
.selctClr{ width: 100%; padding: 10px 0 20px;}
.selctClr label{ color: #101828; font-size: 18px; line-height: 24px; font-weight: bold; padding-bottom: 10px;}
.selctClr ul li{ display: inline-block; margin:8px 8px 0 0; position: relative;}
.selctClr ul li input[type="radio"]{ width: 83px; height: 65px; border: 1px solid #D0D5DD; -webkit-appearance: none; border-radius: 8px; position: relative; overflow: hidden;}
.selctClr ul li input[type="radio"]:checked:before{ width: 100%; height: 100%; border:3px solid #606060; position: absolute; top: 0px; left: 0px; content: ""; border-radius: 8px;}
input[type="radio"]:focus, input:focus, select:focus{ outline: none !important; box-shadow: none; border:1px solid #606060 !important;}
.selctClr ul li input[type="radio"]:checked{ border: 1px solid #606060;}
.selctClr ul li span {
  position: absolute; border-radius: 8px;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  color: #101828;
  font-size: 30px;
  line-height: 30px;
  font-weight: 700;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center; z-index: -1
}
.selctClr ul li.outstok{ filter: grayscale(100%);}
.selctClr ul li.outstok input[type="radio"]:before{ background: #EAECF0; border: none;}
.selctClr ul li.outstok span{ opacity: 0.3; background: #EAECF0; z-index: 1;}
.selctClr select{ width: 216px; height: 44px; border: 1px solid #D0D5DD; border-radius: 5px; background: url(../images/Icon.png) no-repeat right 10px center; background-size: 10px; -webkit-appearance: none; font-size: 16px; line-height:20px; color:#667085; padding: 0 14px;}
.selctClr.w-100 label{ width: 100%; display: inline-block;}
.selctClr.media select{ width: 68px;}
.selctClr select option{ font-family: Arial;}
.selctClr.media label{ margin-right: 10px; padding-bottom: 0px; margin-bottom: 0px;}
.selctClr.media{ align-items: center; }
.add-tocart{ font-size: 24px; line-height: 79px; color: #fff; font-weight: 600; background: #475467; padding: 0px 16px; border-radius: 10px; display: inline-block; border: none; text-align: center; width: 214px;}
.add-tocart:hover{ background: #f8cc13; color: #000;}
.page-body{ width: 100%; float: left;}
.productDetls{ width: 100%; margin: 10px 0;}
.productDetls h4{ color: #475467; font-size: 12px; line-height: 15px; font-weight: 700; padding-bottom: 15px; margin: 0px;}
.productDetls p, .productDetls li{ color: #475467; font-size: 12px; line-height: 22px; font-weight: 400;}
.productDetls p, .productDetls ul{ padding-bottom: 15px; margin: 0px;}
.productDetls li{ list-style: disc;}
.productDetls ul{ margin: 0px; padding-left: 15px;}
.productDetls li a{ text-decoration: underline; color: #475467;}
.detailtsTop{ width: 100%; padding: 60px 0;}
input[type="radio"]{ cursor: pointer;}
.throhand ul li input[type="radio"]{ width: 100% !important; height: 100% !important; position: absolute; top: 0px; left: 0px;}
.throhand ul li input[type="radio"] + label{ padding: 19px 25px; margin: 0px; font-weight: 600;border-radius: 8px;}
.throhand ul li input[type="radio"]:checked:before{ display: none;}
.throhand ul li input[type="radio"]:checked + label{ background: #000; color: #fff; border-color: #000;}


.singleprd .slider-thumb{ display: none;}













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

.productBox .text .media-body {
  padding-right: 34px;
}

.welcomP h1, .dtlsRt h1{ font-size: 30px; line-height: 36px;}
.selctClr ul li span{ font-size: 25px; line-height: 30px;}
.selctClr ul li input[type="radio"] {
  width: 73px;
  height: 57px;}





}


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

.productBox .text .media-body{padding-right:34px;}
.welcomP h1, .dtlsRt h1{font-size:30px;line-height:38px;}
.productBox .text .media-body{padding-right:20px;}
.productBox .text{min-height:175px;padding:15px;}
.offerBox{ padding: 0px;}
.productBox .pic img{ height: 336px;}


.selctClr ul li span{font-size:18px;line-height:26px;}
.selctClr ul li input[type="radio"]{width:60px;height:53px;}
.add-tocart{font-size:21px;line-height:68px;}
.module-gallery .slider-wrapper{ max-height: 458px !important;}
.slider-preview img{ height: 500px !important;}
.dtlsRt{ padding: 0px;}


}

@media screen and (max-width:1199px){
.productBox .text{ display: inline-block;}
.adcartBtn{ margin-top: 20px;}
.productBox .text .media-body { padding-right: 0;}
.welcomP{width:100%;padding:42px 0 20px 0;}
.welcomP h1, .dtlsRt h1{font-size:25px;line-height:34px;}
.backLink {
  font-size: 20px;
  line-height: 35px;padding-left: 20px;}


}

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

.dtlsRt{ margin-top: 30px;}
.selctClr label{ padding-bottom: 0px;}
.dtlsRt .price {
  width: 100%;
  padding: 9px 0;
}
.selctClr ul li input[type="radio"] {
    width: 53px;
    height: 45px;
  }
.selctClr ul li input[type="radio"]:checked::before{border: 1px solid #606060;}


}
@media screen and (max-width:575px){
.chkBtn{ background-position: center center; width: 40px; font-size: 0px; padding: 0px; height: 40px; background-size: 13px;}
 .welcomP {
    width: 100%;
    padding: 30px 0 10px 0;
  }
.filterSelct{ margin-top: 20px;}

.productBox .text {
    min-height: auto;
    padding: 15px;
  }
.headRt{ flex:1;}



}
@media screen and (max-width:480px){
.welcomP img {
  max-width: 65px;
  margin-right: 12px;
}
.welcomP h1, .dtlsRt h1 {
    font-size: 21px;
    line-height: 30px;
  }
.productBox{ margin: 10px 0;}

.headRt {
  width: 154px;
  display: flex;
  align-items: center;
  float: right;justify-content: flex-end;
}
.prises strong{ font-size: 19px;}



}
@media screen and (max-width:400px){
.filterSelct li{ width: 100%; padding: 5px 0;}

.logo{max-width: 157px;}
 .productBox .pic img {
    height: auto;
  }



}
@media screen and (max-width:360px){
.prises span{ font-size: 12px; line-height: 14px;}
.prises{padding-right:8px;}
.prises strong{font-size:17px;}
.chkBtn{background-position:center center;width:35px;font-size:0px;padding:0px;height:35px;background-size:10px;}
.logo{max-width:145px;}
.welcomP h1, .dtlsRt h1{font-size:18px;line-height:26px;}
.welcomP img{max-width:50px;margin-right:8px;}





}