@import url('https://fonts.googleapis.com/css2?family=Marcellus&family=Outfit:wght@100..900&display=swap');
*{font-family: "Outfit", sans-serif !important;}

body{font-family: "Outfit", sans-serif !important; overflow-x: hidden !important;}
.sectionPadding{padding: 100px 0;}
.sectionPadding.paddingBtZero{padding-bottom: 0;}
.txtBtn{font-size: 16px; font-weight: 700; line-height: 22px; text-align: center; text-decoration: underline; color: #fff; transition: 0.4s ease-in-out all;}
.txtBtn:hover{text-decoration: none;}
.opacity-50{opacity: 0.5;}
.d-none{display: none;}
h2.text-3xl, .sectionTitle{color: #52A939; font-family: "Marcellus", serif !important; font-size: 50px; font-weight: 400; line-height: 60px; text-align: left;}
h3.text-3xl, .midTitle{color: #52A939; font-family: "Marcellus", serif !important; font-size: 35px; font-weight: 400; line-height: 45px; text-align: left;}
.simpleBtn{font-size: 16px; font-weight: 700; line-height: 22px; text-align: center; text-transform: uppercase; color: #323232; transition: 0.4s ease-in-out all;}
.simpleBtn:hover{background: transparent; color: #52A939;}
.categorySlider .icon-arrow-right, .categorySlider .icon-arrow-left, .productSlide .icon-arrow-right, .productSlide .icon-arrow-left{top: 0; bottom: 0; margin: auto; transition: 0.4s ease-in-out all; width: 50px !important; height: 50px !important; opacity: 1; display: flex; align-items: center; justify-content: center;
color: #005DA5; border: 1px solid #005DA5; background: transparent;}
.categorySlider .icon-arrow-right::before, .categorySlider .icon-arrow-left::before, .productSlide .icon-arrow-right::before, .productSlide  .icon-arrow-left::before{font-size: 30px; font-weight: 400;}
.categorySlider .icon-arrow-right:hover, .categorySlider .icon-arrow-left:hover, .productSlide .icon-arrow-right:hover, .productSlide  .icon-arrow-left:hover{color: #fff; background: #005DA4; border-color: #005DA4;}
.contactForm input, .userBox input{border-radius: 10px !important; padding: 1rem 0.75rem !important; color: #646464 !important; font-size: 18px !important; font-weight: 400 !important; line-height: 20px !important; text-align: left !important; text-transform: lowercase; !important;}
.contactForm textarea, .userBox textarea{border-radius: 10px !important; padding: 1rem 0.75rem !important; color: #646464 !important; font-size: 18px !important; font-weight: 400 !important; line-height: 20px !important; text-align: left !important; text-transform: lowercase; !important;}
ul{list-style-type: none;}
a{display: inline-block; cursor: pointer;}
.mb-20{margin-bottom: 5rem;}
.btnMt{margin: 5rem auto !important;}
.innerBanner{background: #52A939; padding: 90px 0;}
.innerBanner .innerText{text-align: center;}
.innerBanner .innerText p{margin-bottom: 0; font-family: "Marcellus", serif !important; color: #fff; font-size: 70px; font-weight: 400; line-height: 70px;}
.marcellusTxt{font-family: "Marcellus", serif !important;}
.yellowBtn{font-size: 20px; font-weight: 500; box-shadow: 0px 10px 25px 0px #00000029; border: none; border-radius: 50px; line-height: 20px; text-align: center; color: #000; background: #FFCD00; padding: 15px 28px; transition: 0.4s ease-in-out all;}
.yellowBtn:hover{color: #fff; background: #005da5;}
.blueBtn{font-size: 20px; font-weight: 500; border: none; box-shadow: 0px 10px 25px 0px #00000029; border-radius: 50px; line-height: 20px; text-align: center; color: #fff; background: #005da5; padding: 15px 28px; transition: 0.4s ease-in-out all;}
.blueBtn:hover{color: #000; background: #FFCD00;}
.lastUserTxt{text-align: center; margin-top: 40px; font-size: 20px; font-weight: 400; line-height: 22px; text-align: center;}
.lastUserTxt a{transition: 0.4s ease-in-out all;}
.lastUserTxt a:hover{color: #005da5;}
.form-group label{color: #000; font-size: 18px; font-weight: 400; line-height: 22.68px; text-align: left; margin-bottom: 10px;}
.contactSec .socialMedia{padding-top: 30px;}
.socialMedia li{margin: 0 10px;}
.socialMedia {display: flex; align-items: center;}
.socialMedia li{margin: 0 20px 0 0;}
.socialMedia li img{height: 40px; width: 40px; object-fit: contain; object-position: center; transform: scale(1); transition: 0.4s ease-in-out all;}
.socialMedia li img:hover{transform: scale(1.1);}
.form-control{border: 1px solid transparent; outline: none; transition: 0.4s ease-in-out all;}
.form-control:hover, .form-control:focus{border-color: #52a939; outline: none !important;}
.qtyBox{padding: 6px 15px; border-radius: 50px; border-color: #D9D9D9; color: #D9D9D9;}
.qtyBox .icon-minus{font-weight: 600; font-size: 1.2rem; transition: 0.5s ease-in-out all;}
.qtyBox .icon-plus{font-weight: 600; font-size: 1.2rem; transition: 0.5s ease-in-out all; color: #000;}
.qtyBox .icon-minus:hover{color: #000;}
.qtyBox .icon-plus:hover{color: #979797;}
.qtyBox p{color: #676767; font-weight: 600;}
.greenBtn, .fadeBlueBtn{padding: 12px 40px !important; transition: 0.4s ease-in-out all; font-size: 16px !important; line-height: 16px !important; transition: 0.4s ease-in-out all; border-radius: 10px !important; font-weight: 600 !important;}
.greenBtn{background: #fff; color: #51a638; border: 1px solid #51a638;}
.fadeBlueBtn{background: #fff; color: #005da5; border: 1px solid #005da5;}
.greenBtn:hover{background: #51a638; color: #fff; border: 1px solid #51a638;}
.fadeBlueBtn:hover{background: #005da5; color: #fff; border: 1px solid #005da5;} 
.greenColor{color: #51a638;}
.icon-cancel{transition: 0.4s ease-in-out all;}
.icon-cancel:hover{color: #E31E24;}
.twoSec .twoList li .twoImgBx, .twoSec .twoList li:last-child .twoImgBx{height: 500px;}
.tabsSec .tabBack.noBgColor{background: transparent !important;}
.paddTab{padding-left: 15px !important; padding-right: 15px !important;}
.productSlide.mb-20 {margin-bottom: 4.5rem;}

 .minCart::-webkit-scrollbar-track
{
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  border-radius: 10px;
  background-color: #F5F5F5;
}
.minCart::-webkit-scrollbar
{
  width: 3px;
  background-color: #F5F5F5;
}

.minCart::-webkit-scrollbar-thumb
{
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
  background-color: #949ba7;
}
.minCart::-webkit-scrollbar-track
{
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  border-radius: 10px;
  background-color: #F5F5F5;
}
.minCart::-webkit-scrollbar
{
  width: 3px;
  background-color: #F5F5F5;
}
.minCart::-webkit-scrollbar-thumb
{
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
  background-color: #949ba7;
}
.blueTxt{color: #005DA5;}
#successMessage{padding: 20px; background: #7ac764; border-radius: 10px; margin-bottom: 30px; font-size: 18px; line-height: 26px; color: #ffffff;}
.imgBorder{border: 1px solid #DBDBDB; border-radius: 0; padding: 8px 15px;}
.imgBorder img{height: 100%; width: 100%; object-fit: contain;}
.subTotalBox{position: relative; border-radius: 10px; box-shadow: 0px 15px 25px 0px #00000026; background: #fff; padding: 20px 30px;}
.subTotalBox::before{content: ''; position: absolute; top: 70px; left: 0; right: 0; background: #dedede; width: 100%; height: 1px;}
.subTitle{font-family: "Marcellus", serif !important; font-size: 25px; font-weight: 400; line-height: 31.35px; text-align: left; color: #000; padding-bottom: 40px;} 
.subTotalBox .text-base{font-size: 18px; font-weight: 500; line-height: 25px; text-align: left; padding-bottom: 15px;}
.subTotalBox .yellowBtn{margin: 50px 0 20px; max-width: 100%;}
.blueTxtBtn{color: #005DA5; transition: 0.4s ease-in-out all;}
.blueTxtBtn:hover{color: #51a638;}
.lastOne{padding: 30px 0; border-top: 1px solid #DEDEDE; border-bottom: 1px solid #DEDEDE;}
.taxEx{padding-bottom: 15px;}
.pb-2{padding-bottom: 15px !important;}
.blueBd{border: 1px solid #005DA5; color: #005DA5; border-radius: 50px; font-size: 20px; font-weight: 500; line-height: 20px; background: transparent; text-align: center; transition: 0.4s ease-in-out all;}
.blueBd:hover{background: #005DA5; color: #fff;}
.estBox{margin-bottom: 46px; box-shadow: 0px 15px 25px 0px #00000026; border: none;}
.fullWdh{width: 100%;}
.blkColor{color: #000;}
.smallBtn{display: flex; align-items: center; padding: 10px 20px; border: 1px solid #005DA5; color: #005DA5; border-radius: 50px; font-size: 16px; font-weight: 500; line-height: 18px; background: transparent; text-align: center; transition: 0.4s ease-in-out all;}
.smallBtn:hover{background: #005DA5; color: #fff;}
.colorGrey{color: #858585;}
.smlTxt{font-size: 20px; font-weight: 400; line-height: 20px; text-align: center; color: #232323;}
.bredCrumb{position: absolute; top: 40px; display: flex; align-items: center;}
.bredCrumb li{position: relative; margin: 0 35px 0 0;}
.bredCrumb li::before{position: absolute; content: ''; top: 0; right: -25px; bottom: 0; margin: auto; background: url('images/bredcrumb_icon.png'); background-size: contain; background-repeat: no-repeat; height: 10px; width: 10px;}
.bredCrumb li:last-child{margin: 0; pointer-events: none;}
.bredCrumb li:last-child::before{display: none;}
.bredCrumb li a{font-size: 18px; font-weight: 600; line-height: 18px; text-align: left; color: #000; transition: 0.4s ease-in-out all;}
.bredCrumb li:hover a, .bredCrumb li.active a{color: #A6A6A6;}
.imgBorder2{padding: 5px; border-radius: 0; border: 1px solid #DBDBDB}
.mt-0{margin-top: 0 !important;}
.lessPadd{padding: 1rem !important;}
.cpTxt{padding: 5px 15px !important; margin: 0; background: #52A939; border-radius: 10px; color: #fff; font-size: 14px !important; line-height: 18px !important;}
.hoverIc .icon-cancel{transform: scale(0.95); transition: 0.4s ease-in-out all;}
.hoverIc .icon-cancel:hover{color: red;}
.usrBx .capTxt{text-transform: capitalize;}
.userHover.gap-1 {gap: 0;}
.usrDull{color: #ABABAB;}
.usrBx.gap-2\.5 {gap: .40rem;}
.userHover a{border-bottom: 1px solid #efefef; transition: 0.4s ease-in-out all;}
.userHover a:last-child{border-bottom: none;}
.userHover a.hover\:bg-gray-100:hover{background-color: #fff; color: rgb(0 93 165);}
.bxShdw{box-shadow: 0px 15px 25px 0px #00000026;}
.pt-0{padding-top: 0 !important;}
.direction-column{flex-direction: column;}
.colorDull{color: #979797;}
.icon-star-fill.text-amber-500{color: #F5BF00;}
.clrBtn{color: #005da5 !important; transition: 0.4s ease-in-out all;}
.clrBtn:hover{color: #E31E24 !important;}
.labelTime{background: #51a638; color: #fff;}
.labelTime .icon-cancel{color: #fff; transition: 0.4s ease-in-out all;}
.labelTime .icon-cancel:hover{color: #E31E24;}
.infoTxt{background: transparent; font-size: 18px; line-height: 26px; padding: 15px 30px !important; border: none !important; margin: 0 10px 0 0; border-radius: 10px 10px 0 0; color: #000 !important; transition: 0.4s ease-in-out all;}
.infoTxt:hover, .infoTxt.border-navyBlue{background: #69ad55; color: #fff !important;}
/*.tabInfo{background: transparent; padding: 15px 30px !important; border: none !important; margin: 0 10px 0 0; border-radius: 10px 10px 0 0; color: #000 !important; transition: 0.4s ease-in-out all;}*/

/* My account css */
.userPages{position: relative;}
.lognBx{margin: 0 10px 10px; box-shadow: 0px 15px 25px 0px #00000026; background: #F0F0F0; border: none;}
.lognTxt .lognHello{text-transform: capitalize; font-family: "Marcellus", serif !important; font-size: 30px; font-weight: 400; line-height: 35px; text-align: left; color: #000000; margin-bottom: 10px;}
.lognTxt .lognMail{font-size: 18px; font-weight: 400; line-height: 22.68px; text-align: left; color: #A6A6A6;}
.lognSidebar{margin: 0 10px 35px; box-shadow: 0px 15px 25px 0px #00000026; border-radius: 10px;}
.lognSide{border: none;}
.lognSide .lognItem{border: none; border-bottom: 1px solid #D9D9D9;}
.lognSide .lognMenu .lognItem.px-6{padding-left: 1.25rem !important; padding-right: 1.25rem !important;}
.lognSide .lognMenu .lognItem:hover{background-color: #DFFFD6; border-color: #DFFFD6;}
.lognSide .lognMenu .lognItem.bg-zinc-100{background-color: #DFFFD6;}
.lognSide .lognMenu .lognItem.hover\:bg-zinc-100:hover{background-color: #DFFFD6; border-color: #DFFFD6;}
.lognSide .lognMenu .lognItem.bg-zinc-100.border-zinc-200{border-color: #DFFFD6;}
.lognSide .lognMenu .lognItem p{font-size: 25px; font-weight: 400 !important; line-height: 25px; text-align: left;}
.lognIcon i{font-size: 30px; transition: 0.4s ease-in-out all;}
.lognIcon i:hover{color: #52A939;}
.lognForm .lognField{padding-left: 0 !important; padding-right: 0 !important;}
.lognForm .lognField .lognNm{font-size: 20px; font-weight: 400 !important; line-height: 25px; text-align: left; color: #000000;}
.lognForm .lognField .lognNm.colorDull{color: #979797;}
.lognForm .border-zinc-200{border-color: #D9D9D9;}
.fullRow{display: flex; flex-wrap: wrap; justify-content: space-between; padding-top: 20px;}
.fullRow .colmnTwo{flex: 0 0 47%; max-width: 47%; margin-bottom:20px;}
.fullRow .colmnOne{flex: 0 0 100%; max-width: 100%; margin-bottom: 20px;}
.editPic.h-\[150px\]{height: 150px;}
.btMid{position: relative;}
.btMid::before{content: ''; position: absolute; top: 60px; left: 0; right: 0; background: #C0C0C0; height: 1px; width: 100%;}
.d-block{display: block !important; width: 100%;}
.mb-0{margin-bottom: 0 !important;}
.userPopup ul li a{display: inherit !important;}
.defltAdd .label-pending {background-color: #FFCD00; color: #000;}
.orderTable .bgGrey{background: #E0E0E0;}
.orderTable .evenOdd:nth-child(odd){background: #F0F0F0;}
.orderTable .evenOdd.ulta:nth-child(odd){background: transparent;}
.orderTable .evenOdd.ulta:nth-child(even){background: #F0F0F0;}
.orderTable .icon-eye{transition: 0.4s ease-in-out all;}
.orderTable .icon-eye:hover{color: #52A939; background: transparent !important;}
.smlTxt.leftAlg{text-align: left;}
.fnt500{font-weight: 500 !important;}
.priceCal{background: #f0f0f0; padding: 20px 25px; border-radius: 15px;}
.blueHover{transition: 0.4s ease-n-out all;}
.blueHover:hover{color: #005DA5;}
.orderTable td{font-size: 14px; line-height: 18px;}
.orderTable .lesswdth{width: 16%;}

/* Estimate Section */
.checkOut, .cartSec{position: relative;}
.cartFlx{display: flex; flex-direction: column;}
.cartTxt{font-size: 18px; font-weight: 400; line-height: 24px; text-align: left; color: #000000; margin-bottom: 10px;}
.couponPop input, .userBox .formBox input, .formInput input, .formInput select, .formInput .selectFld, .estimateForm input, .estimateForm select{background: #F2F2F2; border-radius: 10px; color: #696969; height: 60px; width: 100%; padding: 10px 20px; outline: none !important;}
.couponPop input:hover, .userBox .formBox input:hover, .userBox .formBox input:focus, .formInput input:hover, .formInput select:hover,  .formInput .selectFld:hover, .estimateForm input:hover, .estimateForm select:hover, .estimateForm input:focus, .estimateForm select:focus{border-color: #52a939; outline: none !important;}
.couponPop input:placeholder, .formInput input::placeholder, .formInput select::placeholder{opacity: 0;}
.summaryBox{border-radius: 10px; box-shadow: 0px 15px 25px 0px #00000026; background: #fff; padding: 20px 30px;}
.summaryBox::before{display: none;}
.couponPop{z-index: 111; box-shadow: 0px 15px 25px 0px #00000026;}
.couponHead{padding: 15px !important;}

/* minicart css */
.seeDT{display: flex; align-items: center;}
.seeDT p:first-child{padding-right: 5px;}
.subTotal{font-size: 1.5rem; line-height: 2rem;}
.twoBtns .yellowBtn{font-size: 18px; line-height: 18px;}
.twoBtns .blueBtn{font-size: 16px; line-height: 22px;}
.binBtn .icon-bin::before{font-size: 20px;}
.binBtn .icon-bin{color: #575757; transition: 0.4s ease-in-out all;}
.binBtn .icon-bin:hover{color: #E31E24;}
.CartBtBr{position: relative;}
.CartBtBr::before{content: ''; position: absolute; bottom: -25px; left: 0; width: 0; background: #dddddd; width: 100%; height: 1px;}
.CartBtBr:last-child::before{display: none;}

/* about page css */
.aboutSec .aboutTwo{display: flex; flex-wrap: wrap;}
.aboutSec .aboutTwo .aboutLeft{flex: 0 0 50%; max-width: 50%;}
.aboutSec .aboutTwo .aboutRight{flex: 0 0 50%; max-width: 50%;}
.aboutSec .aboutTwo .aboutRight img{width: 100%;}
.aboutSec .aboutTwo .aboutLeft p{font-size: 36px; max-width: 500px; font-weight: 400; line-height: 50px; text-align: left; max-width: 665px;}
.misVis {padding-top: 100px; display: flex; flex-wrap: wrap;}
.mission {position: relative; flex: 0 0 48%; max-width: 48%; margin: 0 10px; box-shadow: 0px 15px 25px 0px #00000026; background: #fff; padding: 30px; border-radius: 10px; border-top: 10px solid #52A939;}
.vision {position: relative; flex: 0 0 48%; max-width: 48%; margin: 0 10px; box-shadow: 0px 15px 25px 0px #00000026; background: #fff; padding: 30px; border-radius: 10px; border-top: 10px solid #52A939;}
.mission h3, .vision h3{font-family: "Marcellus", serif !important; font-size: 30px; font-weight: 400; line-height: 30px; text-align: left; margin-bottom: 15px; color: #52A939;} 
.mission p, .vision p{font-size: 20px; font-weight: 400; line-height: 26px; text-align: left; margin-bottom: 15px; max-width: 470px;}
.mission p:last-child, .vision p:last-child{margin-bottom: 0;}
.vision::before{content: ''; position: absolute; bottom: 15px; right: 15px; background: url('images/vision-icon.png'); background-size: contain; background-repeat: no-repeat; height: 150px; width: 150px;}
.mission::before{content: ''; position: absolute; bottom: 15px; right: 15px; background: url('images/mission-icon.png'); background-size: contain; background-repeat: no-repeat; height: 150px; width: 150px;}


/* home banner slider css */
.homeBanner img{height: 100%; width: 100%; object-fit: cover;}
.homeBanner .bannerDots div.bg-gray-500{background-color: #D9D9D9;}
.homeBanner .bannerDots div.bg-navyBlue{background-color: #E31E24;}
.homeBanner .icon-arrow-left, .homeBanner .icon-arrow-right{height: 60px !important; width: 60px !important;}
.homeBanner .icon-arrow-left{left: 50px !important; background: #000; color: #fff; border-color: #000; opacity: 0.5;}
.homeBanner .icon-arrow-left:hover{opacity: 1;}
.homeBanner .icon-arrow-right{right: 50px !important; background: #000; color: #fff; border-color: #000; opacity: 0.5;}
.homeBanner .icon-arrow-right:hover{opacity: 1;}
.homeBanner .icon-arrow-left::before, .homeBanner .icon-arrow-right::before{font-size: 33px;}

/* category slider css */
.categorySlider{padding-top: 75px;}
.categorySlider .categorySlides{padding-top: 30px;}
.categorySlider .categorySlides .categorySlideBox.max-w-\[120px\]{max-width: 100%;}
.categorySlider .categorySlides .categorySlideBox.min-w-\[120px\]{min-width: 180px; min-height: 205px;}
.categorySlider .categorySlides .categorySlideBox a.roundCate.w-\[110px\]{width: 150px;}
.categorySlider .categorySlides .categorySlideBox a.roundCate.h-\[110px\]{height: 150px;}
.categorySlider .categorySlides .categorySlideBox a.roundCate{padding: 7px; box-shadow: 0px 2px 15px 3px #00000029; background: #fff; transition: 0.4s ease-in-out all;}
.categorySlider .categorySlides .categorySlideBox a.roundCate:hover{background: #52A939;}
.categorySlider .categorySlides .categorySlideBox a img{width: 100%; height: 100%; object-fit: cover;}
.categorySlider .icon-arrow-right{right: -50px;}
.categorySlider .icon-arrow-left{left: -50px;}
.categorySlider .catePara{font-size: 25px; font-weight: 500; line-height: 18px; color: #000; text-align: center;}


/* header css */
.headerTop{padding: 20px 0;}
.headerMenu{margin: 0 auto;}
.headerMenu .menuList{padding: 15px; margin-bottom: 0;}
.headerMenu .menuList:hover .menuItem{color: #52a939;}
.headerMenu .menuList .menuItem{font-size: 18px; font-weight: 500; line-height: 18px; text-align: left; padding: 0 !important; color: #454545; transition: 0.5s ease-in-out all;}
.headerMenu .menuList .active .menuItem{color: #52A939;}
.headerTop{align-items: center;}
.headerTop .headerLogo img{width: 150px;}
.headerSearch form{width: 600px;}
.headerSearch form.max-w-\[445px\]{max-width: 600px !important;}
.headerSearch form .searchInput{text-transform: capitalize; background: #F1F1F1; border-radius: 50px; font-size: 18px; font-weight: 400; line-height: 20px; text-align: left; color: #AAAAAA; padding-left: 35px; transition: 0.5s ease-in-out all;}
.headerSearch form .searchInput:hover, .headerSearch form .searchInput:focus{border-color: #52a939;}
.headerSearch .icon-search{top: 12px; color: #AAAAAA; font-weight: 600;}
.headerRight .icon-users::before, .headerRight .icon-heart::before, .headerRight .icon-cart::before{color: #52A939; transition: 0.5s ease-in-out all;}
.headerRight .icon-users.text-2xl, .headerRight .icon-heart.text-2xl, .headerRight .icon-cart.text-2xl{font-size: 40px !important;}
.headerRight .icon-users:hover::before{color: #005da5;}
.headerRight .icon-cart:hover::before{color: #005da5;}
.headerRight .icon-heart:hover::before{color: #E31E24;}
.userPopup .primary-button, .userPopup .secondary-button{padding: 12px 40px; transition: 0.4s ease-in-out all; font-size: 16px !important; line-height: 16px !important; transition: 0.4s ease-in-out all; border-radius: 10px; font-weight: 600 !important;}
.userPopup .primary-button{background: #fff; color: #51a638; border: 1px solid #51a638;}
.userPopup .secondary-button{background: #fff; color: #005da5; border: 1px solid #005da5;}
.userPopup .primary-button:hover{background: #51a638; color: #fff; border: 1px solid #51a638;}
.userPopup .secondary-button:hover{background: #005da5; color: #fff; border: 1px solid #005da5;}
.cartUpAmt{left: 25px !important; top: -20px !important; background: #51a638 !important;}

/* three section css */
.threeSec{padding-top: 100px;}
.threeSec .threeList{display: flex; flex-wrap: wrap;}
.threeSec .threeList li{flex: 0 0 23%; max-width: 23%; margin: 0 10px; position: relative;}
.threeSec .threeList li:nth-child(2){flex: 0 0 48%; max-width: 48%;}
.threeSec .threeList li img{width: 100%;}
.threeSec .threeList li .threeText .txtBtn{display: block; text-align: left;}
.threeSec .threeList li .threeText{position: absolute; top: 0; left: 0; padding: 30px;}
.threeSec .threeList li .threeText p{font-family: "Marcellus", serif !important; font-size: 25px; font-weight: 400; line-height: 25px; text-align: left; color: #fff; padding-bottom: 10px; margin-bottom: 0;}
.threeSec .threeList li .threeText h2{font-family: "Marcellus", serif !important; font-size: 35px; font-weight: 400; line-height: 35px; text-align: left; color: #fff; padding-bottom: 10px;}
/*.threeSec .threeList li .threeText .txtBtn{font-size: 16px; font-weight: 700; line-height: 22px; text-align: center; text-decoration: underline; color: #fff; transition: 0.4s ease-in-out all;}
.threeSec .threeList li .threeText .txtBtn:hover{text-decoration: none;}*/
.threeSec .threeList li:nth-child(2) .threeText{left: inherit; right: 0; text-align: right;}
.threeSec .threeList li:nth-child(2) .threeText p, .threeSec .threeList li:nth-child(2) .threeText h2{color: #B8350A; text-align: right;}
.threeSec .threeList li:nth-child(2) .threeText .txtBtn{color: #B8350A;}
.threeSec .threeList li:nth-child(3) .threeText{left: inherit; right: 0; text-align: right;}
.threeSec .threeList li:nth-child(3) .threeText p, .threeSec .threeList li:nth-child(3) .threeText h2{color: #002F33; text-align: right;}
.threeSec .threeList li:nth-child(3) .threeText .txtBtn{color: #002F33;}
.threeSec .threeList li:nth-child(2) .threeText .txtBtn, .threeSec .threeList li:nth-child(3) .threeText .txtBtn{text-align: right;}

/* One section css */
.oneSec .oneImage{position: relative;}
.oneSec .oneImage .oneText{position: absolute; top: 80px; left: 24%;}
.oneSec .oneImage img{width: 100%;}
.oneSec .oneImage .oneText p{font-family: "Marcellus", serif !important; font-size: 30px; font-weight: 400; line-height: 30px; text-align: left; padding-bottom: 15px; margin-bottom: 0; color: #fff;}
.oneSec .oneImage .oneText h2{font-family: "Marcellus", serif !important; font-size: 90px; font-weight: 400; line-height: 90px; text-align: left; padding-bottom: 36px; color: #fff;}

/*two section css */
.twoSec .twoList{display: flex; flex-wrap: wrap;}
.twoSec .twoList li{flex: 0 0 68%; max-width: 68%; margin: 0 10px; position: relative;}
.twoSec .twoList li a{display: inherit; height: 100%;}
.twoSec .twoList li:nth-child(2){flex: 0 0 28%; max-width: 28%;}
.twoSec .twoList li img{height: 100%; width: 100%; object-fit: cover; border-radius: 10px;}
.twoSec .twoList li .twoText{position: absolute; top: 0; left: 0; padding: 30px;}
.twoSec .twoList li .twoText .txtBtn{display: block; text-align: left;}
.twoSec .twoList li .twoText p{font-family: "Marcellus", serif !important; font-size: 30px; font-weight: 400; line-height: 30px; text-align: left; color: #fff; padding-bottom: 15px; margin-bottom: 0;}
.twoSec .twoList li .twoText p span{font-family: "Marcellus", serif !important; font-size: 70px; font-weight: 400; line-height: 70px; text-align: left;}
.twoSec .twoList li .twoText p span.pretag{font-family: "Marcellus", serif !important; font-size: 50px; font-weight: 400; line-height: 80px; text-align: left;}
.twoSec .twoList li .twoText h2{font-family: "Marcellus", serif !important; color: #fff; font-size: 40px; font-weight: 400; line-height: 40px; text-align: left; padding-bottom: 15px;}
/*.twoSec .twoList li .twoText .txtBtn{font-size: 16px; font-weight: 700; line-height: 22px; text-align: center; text-decoration: underline; color: #fff; transition: 0.4s ease-in-out all;}
.twoSec .twoList li .twoText .txtBtn:hover{text-decoration: none;}*/

/* product slider css */
.productSlide{position: relative;}
.productSlideBox.min-w-\[291px\]{min-width: 291px;}
.productSlideBox .productSlideImg{position: relative; margin: 0 auto;}
.productSlideBox .productSlideImg.max-w-\[291px\]{max-width: 180px;}
.productSlideBox .productSlideImg.max-h-\[300px\]{max-height: 250px;}
.productSlideBox .productSlideImg img{height: 100%; width: 100%; object-fit: contain;}
.productSlideBox .productSlideImg .absoluteBox{position: absolute; left: 0; right: 0; bottom: 10%; margin: 0 auto; text-align: center; opacity: 0; z-index: 1; display: flex; justify-content: center; align-items: center; transition: 0.5s ease-in-out all;}
.productSlideBox .productSlideImg .absoluteBox .icon-heart, .productSlideBox .productSlideImg .absoluteBox .icon-eye{background: #fff; border-radius: 50%; color: red; margin: 0 5px;}
.productSlideBox .productSlideImg .absoluteBox .icon-heart-fill{background: #fff; border-radius: 50%; color: red; margin: 0 5px;}
.productSlideBox{margin-bottom: 25px; border: 1px solid transparent; transition: 0.5s ease-in-out all; padding: 15px 35px; border-radius: 10px !important;}
.productSlideBox:hover{/*box-shadow: 0px 4px 75px 20px #0000001A;*/ box-shadow: 0px 2px 25px 10px #5656561a; border-color: #52A939;}
.productSlideBox:hover .productSlideImg .absoluteBox{opacity: 1;}
.productSlideBox .productSlideImg .absoluteBox .icon-heart, .productSlideBox .productSlideImg .absoluteBox .icon-eye, .productSlideBox .productSlideImg .absoluteBox .icon-heart-fill{font-size: 30px !important;}
.productSlideBox .productSlideImg .absoluteBox .icon-heart.p-2\.5, .productSlideBox .productSlideImg .absoluteBox .icon-eye.p-2\.5{padding: 5px !important;}
.productSlideBox .productSliderTxt{text-align: center; margin: 0 auto;}
.productSlideBox .productSliderTxt p.text-base{font-family: "Outfit", sans-serif !important; color: #323232; font-size: 18px; font-weight: 500; line-height: 22px; text-align: center; text-transform: capitalize;}
.productSlideBox .productSliderTxt .font-semibold{font-family: "Outfit", sans-serif !important; color: #E31E24; font-size: 18px; font-weight: 700; line-height: 18px; text-align: center; justify-content: center;}
.topBorder{position: relative; margin-top: 20px;}
.topBorder::before{content: ''; position: absolute; top: -20px; left: 0; right: 0; margin: 0 auto; background: #DCDCDC; height: 2px; width: 50%;}
.topBorder .simpleBtn{padding: 0; border: none;}
.productSlide .txtBtn{color: #000; font-size: 20px; font-weight: 700; line-height: 18px;}
.productSlide .icon-arrow-left{left: 35px;}
.productSlide .icon-arrow-right{right: 35px;}
.productSlide .icon-arrow-left, .productSlide .icon-arrow-right{top: 20%; bottom: 0; margin: auto;}
.productLeft .productBigImg{border: 1px solid #DBDBDB; position: relative;}
.productLeft .productBigImg img{padding: 50px;}
.productLeft .productBigImg .icon-heart{position: absolute; right: 20px; top: 20px; padding: 0; background: transparent; border: none; color: #8C654D; opacity: 1; transition: 0.5s ease-in-out all;}
.productLeft .productBigImg .icon-heart::before, .productLeft .productBigImg .icon-heart-fill::before{font-size: 35px;}
.productLeft .productBigImg .icon-heart:hover{color: #E31E24;}
#descritpion-tab{padding: 0 !important;}
.productLeft .productBigImg .icon-heart-fill{position: absolute; right: 20px; top: 20px; padding: 0; border: none; color: #E31E24; opacity: 1;}

/* product detail css */
.productDetail .productLeft, .productDetail .productRight{flex: 0 0 50%; max-width: 50%;}
.productDetail .productRight .productHead h1{font-family: "Marcellus", serif !important; font-size: 50px; font-weight: 400; line-height: 60px; text-align: left; color: #52A939;}
.threeTxt{display: flex; flex-wrap: wrap; padding: 20px 0 30px; align-items: center;}
.threeTxt li{position: relative; flex: 0 0 33.33%; max-width: 33.33%;}
.threeTxt li::before{content: ''; position: absolute; top: 0; right: 18px; bottom: 0; margin: auto 0; background: #979797; height: 100%; width: 2px;}
.threeTxt li:last-child::before{display: none;}
.threeTxt li p{font-size: 20px; color: #979797; font-weight: 500; line-height: 25px; text-align: left;}
.threeTxt li.flexStar span .icon-star-fill{color: #F5BF00;}
.threeTxt li.flexStar span{padding-right: 10px;}
.threeTxt li.flexStar{display: flex; align-items: center;}
.threeTxt li p.noSp span{margin-right: 0; height: inherit; border-radius: inherit; background: inherit; width: inherit; line-height: inherit;}
.threeTxt li p.InStock span{background: #00D03A;}
.threeTxt li p.OutOfStock span{background: #E31E24;}
.threeTxt li p span{margin-right: 10px; height: 20px; border-radius: 50%; background: #00D03A; width: 20px; display: inline-block; line-height: 20px;}
.priceTag{color: #E31E24; font-size: 40px; font-weight: 700; line-height: 40px; text-align: left;}
.priceTag .price-label{display: none;}
.productDes{padding: 40px 0;}
.productDes h2{color: #52A939; margin-bottom: 20px; font-size: 30px; font-weight: 400; line-height: 25px; text-align: left;}
.productDes p{font-size: 18px; font-weight: 400; line-height: 25px; text-align: left;}
.productDes.mgBt{padding: 35px 0 15px;}
.greyEvent{color: #979797; transition: 0.4s ease-in-out all;}
.greyEvent:hover, .greyEvent.\!bg-navyBlue{color: #000; background: #fff !important; border-color: #005DA5;}
.qtyText{margin: 30px 0 50px; display: flex; align-items: center;}
.qtyText p{padding-right: 15px; color: #000; font-size: 20px; font-weight: 400; line-height: 25px; text-align: center;}
.qtyText .qtyBox{padding: 7px 15px; border-radius: 50px; border-color: #D9D9D9; color: #D9D9D9;}
.qtyText .qtyBox .icon-minus, .qtyText .qtyBox .icon-plus{font-weight: 600; font-size: 1.2rem; transition: 0.5 ease-in-out all;}
.qtyText .qtyBox .icon-minus:hover, .qtyText .qtyBox .icon-plus:hover{color: #000;}
.qtyText .qtyBox p{color: #676767;}
.productBtn{display: inline-block;}
.productBtn .yellowBtn{border: none;}
.tabsSec .tabBack{background: #F9F9F9;}
.tabsSec .tabBack .tabPosition{justify-content: flex-start !important; border-bottom: 2px solid #B6B6B6;}
.tabsSec .tabBack .tabPosition .tabBtn{padding: 30px 70px; font-weight: 500; color: #000000; border-bottom: none; transition: 0.4s ease-in-out all;}
.tabsSec .tabBack .tabPosition .tabBtn.border-navyBlue, .tabsSec .tabBack .tabPosition .tabBtn:hover{background: #52A939; border-radius: 10px 10px 0 0; color: #fff !important;}
.tabContent{padding: 40px; margin: 0;}
.tabContent ul li{color: #000; margin-bottom: 20px; font-size: 20px; font-weight: 400; line-height: 25px; text-align: left;}
.tabContent ul li span{font-weight: 600;}
.tabContent ul li p{margin-bottom: 0;}
.tabContent p{font-size: 20px; line-height: 30px; color: #000; font-weight: 400; margin-bottom: 15px;}
.ratingRvw .ratingBox{padding: 0; border: none;}

#backToTopBtn {display: none; position: fixed; bottom: 60px; right: 30px; z-index: 99;
border: none; outline: none; background-color: #52a939; color: white; cursor: pointer;
padding: 10px; border-radius: 50%;}
#backToTopBtn img{height: 20px; object-fit: contain;}
#backToTopBtn:hover {background-color: #005da5;}

/* user login,signup, forgot password css */
.userLogin{background: url('images/login_img.jpg'); background-size: cover; background-repeat: no-repeat;  position: relative;}
.userLogin::before{content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #FFFFFF; height: 100%; width: 100%; opacity: 0.7;}
.userIndex{position: relative;}
.userBox{max-width: 650px; background: #FFFFFFBF; border: 1px solid #D3D3D3; box-shadow: 0px 5px 30px 5px #0000001A; padding: 50px 90px; }
.userBox h1{margin-bottom: 40px; font-family: "Marcellus", serif !important; font-size: 40px; font-weight: 400; line-height: 60px; text-align: center;}
.userBox .formBox input{color: #000; border: 1px solid #ACACAC; font-size: 18px !important; line-height: 18px !important; font-weight: 400 !important;}
.userBox .formBox input::placeholder{opacity: 0;}
.userBox .flexDrCl{flex-direction: column; justify-content: center;}
.userBox .blueBtn{padding: 20px 55px; margin: 0 auto;}
.middleTxt{color: #000; font-size: 20px; font-weight: 400; line-height: 22px; text-align: center;}
.userBox.signUpBx{max-width: 1200px;}
.divForm{display: flex; flex-wrap: wrap; justify-content: space-between;}
.divForm .halfDiv{flex: 0 0 48%; max-width: 48%;}
.userBox .topForgot{margin-bottom: 40px;}
.userBox .topForgot h1{margin-bottom: 0;}
.userBox .topForgot p{margin-bottom: 0; text-align: center; font-size: 22px; line-height: 30px; color: #000; font-family: 'Marcellus', serif !important;}

/* contact us css */
.contactSec{display: flex; justify-content: space-between; flex-wrap: wrap;}
.contactSec .contactLeft{flex: 0 0 70%; max-width: 850px;}
.contactSec .contactLeft .section-title h2{margin-bottom: 20px;}
.contactSec .contactLeft p{font-size: 16px; line-height: 24px;}
.contactSec .contactRight{flex: 0 0 30%; max-width: 30%;}
.contactSec .mapSec{flex: 0 0 100%; max-width: 100%;}
.contactSec .contactRight .ctRightDt{margin-bottom: 40px;}
.contactSec .contactRight .contactHead{font-size: 35px; color: #000; max-width: 100%; line-height: 40px; font-weight: 400; text-transform: capitalize; font-family: "Marcellus", serif !important; margin-bottom: 25px;}
.contactSec .contactRight .contactDetails{margin-top: 30px;}
.contactSec .contactRight .contactDetails li{padding-bottom: 20px; position: relative;}
.contactSec .contactRight .contactDetails li .location{display: flex; align-items: center;}
.contactDetails li p{max-width: 265px; margin-bottom: 0;}
.contactDetails li a{margin-bottom: 0;}
.contactForm {position: relative;z-index: 1;background: #fff; width: 100%;box-shadow: 0 5px 10px #00000024; padding: 50px 30px;}
.contactForm1{box-shadow: none !important;padding: 0px !important}
.contactForm1 .row{margin: 0 -10px;}
.contactForm1 form{margin-top: 30px;}
.contactForm .section-title{margin-bottom: 20px;}
.contactForm .row{display: flex;flex-wrap: wrap;}
.contactForm .row .oneCol{flex:0 0 100%;max-width: 100%;padding: 0 10px;}
.contactForm .row .twoCol{flex:0 0 50%;max-width: 50%;padding: 0 10px;}
.contactForm .form-group{margin-bottom: 30px;}
.contactForm .form-control {background: #F2F2F2; border-radius: 10px; color: #696969; height: 60px; width: 100%; padding: 10px 20px;}
.contactForm textarea {height: 120px !important;}
.contactForm ::-webkit-input-placeholder {color: #696969;}
.contactForm :-ms-input-placeholder {color: #696969;}
.contactForm ::-moz-placeholder {color: #696969;}
.contactForm ::-ms-input-placeholder {color: #696969;}
.contactForm ::placeholder {opacity: 0;}
.twoBtns .txtBtn{font-size: 16px; line-height: 24px; color: #000; transition: 0.4s ease-in-out all;}

/* footer css */
.newsLetter{padding: 60px 0; background-color: #52A939; background-image: url('images/newsletter.jpg'); background-size: cover; background-repeat: no-repeat;}
.newsLetter .nlFlex{display: flex; align-items: center; flex-wrap: wrap;}
.newsLetter .nlFlex .nlTxt{flex: 0 0 50%; max-width: 50%;}
.newsLetter .nlFlex .nlTxt p{max-width: 500px; font-size: 30px; font-weight: 600; line-height: 36px; text-align: left; color: #fff;}
.newsLetter .nlFlex .nlInput{flex: 0 0 50%; max-width: 50%;}
.newsLetter .nlFlex .nlInput .nlInputfield{border-radius: 50px; padding-right: 0;}
.newsLetter .nlFlex .nlInput .nlBtn{background: #FFCD00; top: 0; right: 0; border-radius: 50px; font-size: 18px; font-weight: 600;
line-height: 20px; text-align: center; text-transform: uppercase; color: #000000; padding: 20px 27px; transition: 0.5s ease-in-out all;}
.newsLetter .nlFlex .nlInput .nlBtn:hover{background: #005da5; color: #fff;}
.ftBg{background: #f4f4f4;}
footer{position: relative;}
footer::before{content: ''; position: absolute; top: 140px; left: 0; right: 0; background: #858585; height: 1px; width: 100%;}
footer::after{content: ''; position: absolute; bottom: 55px; left: 0; right: 0; background: #858585; height: 1px; width: 100%;}
footer .footerTop{display: flex; flex-wrap: wrap; padding: 20px 0; align-items: center;}
footer .footerTop .footerLogo{flex: 0 0 50%; max-width: 50%; margin: 0 0 0 auto;}
footer .footerTop .footerSocial{flex: 0 0 50%; max-width: 50%;}
footer .footerTop .footerSocial ul{display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end;}
footer .footerTop .footerSocial ul li{margin: 0 10px;}
footer .footerTop .footerSocial ul li img{transform: scale(0.9); transition: 0.5s ease-in-out all;}
footer .footerTop .footerSocial ul li:hover img{transform: scale(1);}
footer .widget-title{font-family: "Marcellus", serif !important; font-size: 30px; font-weight: 400; line-height: 30px; text-align: left; color: #52A939; margin-bottom: 20px;}
.ftDetails p{font-size: 18px; font-weight: 500; line-height: 24px; margin-bottom: 20px; text-align: left; color: #000000;}
.ftDetails a{font-size: 18px; font-weight: 500; line-height: 18px; margin-bottom: 20px; text-align: left; color: #000000; transition: 0.4s ease-in-out all;}
.ftDetails a:hover{color: #005da5;}
.ftDtFlex{display: flex; flex-direction: column;}
.footerFlx{padding: 45px 0;}
.location{position: relative; padding-left: 35px;}
.location::before{content: ''; position: absolute; top: 2px; left: 0; height: 27px; width: 27px; background: url('images/location.png'); background-size: contain; background-repeat: no-repeat;}
.location.mail::before{height: 23px; width: 23px; background: url('images/mail.png'); background-size: contain; background-repeat: no-repeat;}
.location.call::before{height: 22px; width: 22px; background: url('images/call.png'); background-size: contain; background-repeat: no-repeat;}
.footerBottom{background: #f4f4f4; padding: 15px 0;}
.footerBottom .copyRtTxt{color: #000000; font-size: 16px; font-weight: 400; line-height: 20px; text-align: left; display: flex; align-items: center;}
.footerBottom .copyRtTxt img{padding-left: 10px;}
.firstLinks{flex: 0 0 33.33%; max-width: 33.33%;}
.firstLinks > div .firstLinkUl{display: flex; flex-wrap: wrap;}
.firstLinks > div .firstLinkUl li{flex: 0 0 50%; max-width: 50%; margin-bottom: 10px;}
.firstLinks > div .firstLinkUl li .widget-list-link{font-size: 18px; font-weight: 500; line-height: 18px; text-align: left; color: #000; text-transform: capitalize; transition: 0.5s ease-in-out all;}
.firstLinks > div .firstLinkUl li:hover .widget-list-link, .firstLinks > div .firstLinkUl li.active .widget-list-link{color: #005da5;}
.firstLinks > div .firstLinkUl.fullWd li{flex: 0 0 100%; max-width: 100%;}
.firstLinks.twoLinkSet .widget{flex: 0 0 55%; max-width: 55%;}
.firstLinks.twoLinkSet .widget:nth-child(2){flex: 0 0 45%; max-width: 45%;}

/* privacy policy */
.prvcyPlcySec p a{color: #005da5; transition: 0.5s ease-in-out all;}
.prvcyPlcySec p a:hover{color: #000018;}
.BigHde{font-size: 50px; line-height: 60px; font-weight: 500; font-family: "Marcellus", serif !important; margin-bottom: 30px; color: #52a939;}
.prvcyPlcy{margin-top: 30px;}
.prvcyPlcy h3{font-size: 26px; line-height: 36px; font-weight: 500; font-family: "Marcellus", serif !important; margin-bottom: 20px;} 
.prvcyPlcy p{margin-bottom: 10px;}
.prvcyPlcy p:last-child;{margin-bottom: 0;}

/* media querry for responsive */
@media (min-width: 1440px) {
    .container {
        max-width: 1440px;
    }
}
@media only screen and (max-width: 1510px) {
   .headerMenu .menuList{padding: 15px 20px;}
   .headerMenu .menuList .menuItem {font-size: 15px; line-height: 15px;} 
   .innerBanner{padding: 70px 0;}
   .aboutSec .aboutTwo .aboutLeft p {font-size: 31px; line-height: 51px; max-width: 640px;}
}
@media only screen and (max-width: 1400px) {
.productDes.mgBt{padding: 25px 0 15px;}
.productSlideBox.min-w-\[291px\]{min-width: 267px;}
.categorySlider .categorySlides .categorySlideBox.min-w-\[120px\]{min-width: 203px;}
.categorySlider .categorySlides .categorySlideBox a.roundCate.w-\[110px\]{width: 160px;}
.categorySlider .categorySlides .categorySlideBox a.roundCate.h-\[110px\]{height: 160px;}
.homeBanner .icon-arrow-left::before, .homeBanner .icon-arrow-right::before{font-size: 25px;}
.orderTable .lesswdth{width: 18%;}
.headerRight .icon-users.text-2xl, .headerRight .icon-heart.text-2xl, .headerRight .icon-cart.text-2xl{font-size: 30px !important;}
.headerTop{padding: 15px 0;}
.txtBtn {font-size: 14px; line-height: 20px;}
.sectionPadding{padding: 80px 0;}
.headerTop .headerLogo img{width: 120px;}
.categorySlider .icon-arrow-right, .categorySlider .icon-arrow-left, .productSlide .icon-arrow-right, .productSlide  .icon-arrow-left{width: 40px !important; height: 40px !important;}
.headerMenu .menuList{padding: 15px 20px;}
.headerMenu .menuList .menuItem {font-size: 14px; line-height: 14px;}
.categorySlider .catePara{font-size: 20px; line-height: 15px;}
.threeSec .threeList li .threeText{padding: 15px;}
.threeSec .threeList li .threeText p{font-size: 20px; line-height: 20px; padding-bottom: 5px;}
.threeSec .threeList li .threeText h2{font-size: 35px; line-height: 35px; padding-bottom: 5px;}
.threeSec .threeList li .threeText .txtBtn{font-size: 12px; line-height: 18px;}
.oneSec .oneImage .oneText{top: 50px; left: 25%;}
.oneSec .oneImage .oneText p {font-size: 24px; line-height: 24px; padding-bottom: 10px;}
.oneSec .oneImage .oneText h2 {font-size: 65px; line-height: 65px; padding-bottom: 25px;}
.twoSec .twoList li .twoText p{font-size: 20px; line-height: 25px; padding-bottom: 10px;}
.twoSec .twoList li .twoText p span{font-size: 55px; line-height: 55px;}
.twoSec .twoList li .twoText p span.pretag{font-size: 35px; line-height: 35px;}
.twoSec .twoList li .twoText h2{color: #fff; font-size: 35px; line-height: 35px; padding-bottom: 10px;}
.productSlide .txtBtn {font-size: 16px; line-height: 16px;}
.productSlideBox .productSlideImg .absoluteBox .icon-heart-fill{padding: 5px !important;}
.ftDetails p {font-size: 16px; line-height: 22px; margin-bottom: 15px;}
.ftDetails a {font-size: 16px; line-height: 16px; margin-bottom: 15px;}
.footerFlx{padding: 30px 0;}
.firstLinks > div .firstLinkUl li{margin-bottom: 5px;}
.firstLinks > div .firstLinkUl li .widget-list-link{font-size: 16px; line-height: 16px;}
.homeBanner .icon-arrow-left, .homeBanner .icon-arrow-right{height: 50px !important; width: 50px !important;}
.innerBanner{padding: 45px 0;}
.innerBanner .innerText p{font-size: 50px; line-height: 50px;}
.threeTxt li p {font-size: 16px; line-height: 20px;}
.threeTxt li p span {height: 15px; width: 15px; margin-right: 7px;}
.productDes {padding: 30px 0 20px;}
.tabsSec .tabBack .tabPosition .tabBtn{padding: 20px 50px;}
.tabContent{padding: 30px;}
.tabContent ul li{margin-bottom: 10px; font-size: 16px; line-height: 22px;}
.userBox{max-width: 550px; padding: 35px 60px;}
.userBox .blueBtn{padding: 17px 45px;}
.userBox.signUpBx{max-width: 900px;}
.userBox h1{margin-bottom: 25px; font-size: 35px; line-height: 60px;}
.userBox .topForgot p{font-size: 18px; line-height: 26px;}
.lastUserTxt{margin-top: 25px;}
.form-group label{font-size: 16px; line-height: 20px; margin-bottom: 7px;}
.contactForm .form-group{margin-bottom: 20px;}
.contactDetails li p {max-width: 275px;}
.contactSec .contactLeft{max-width: 700px;}
.contactForm .form-control {height: 45px;}
.contactForm textarea {height: 90px !important;}
.aboutSec .aboutTwo .aboutLeft p {font-size: 28px; font-weight: 400; line-height: 42px; text-align: left; max-width: 550px;}
.misVis {padding-top: 80px; display: flex; flex-wrap: wrap;}
.mission {padding: 20px;}
.vision {padding: 20px;}
.mission h3, .vision h3{font-size: 26px; line-height: 28px; margin-bottom: 15px;} 
.mission p, .vision p{font-size: 16px; line-height: 22px; margin-bottom: 10px; max-width: 420px;}
.vision::before{height: 100px; width: 100px;}
.mission::before{height: 100px; width: 100px;}
.couponPop input, .userBox .formBox input, .estimateForm input, .estimateForm select{height: 45px;}
.subTotalBox{padding: 15px 25px;}
.subTotalBox::before{top: 55px;}
.subTitle{font-size: 22px; line-height: 26px; padding-bottom: 25px;} 
.subTotalBox .text-base{font-size: 16px; line-height: 24px; padding-bottom: 10px;}
.subTotalBox .yellowBtn{margin: 30px 0 10px;}
.lastOne{padding: 15px 0;}
.taxEx{padding-bottom: 10px;}
.blueBd{font-size: 16px; line-height: 18px;}
.estBox{margin-bottom: 20px;}
.cartTxt{font-size: 14px; line-height: 18px;}
.yellowBtn, .blueBtn, .blueBd{font-size: 16px; line-height: 16px;}
.smallBtn{font-size: 14px; line-height: 14px; padding: 7px 15px;}
.mx400{max-width: 400px; margin: 0 auto; text-align: center;}
.bredCrumb{top: 20px;}
.bredCrumb li{margin: 0 30px 0 0;}
.bredCrumb li::before{right: -23px;}
.bredCrumb li a{font-size: 16px; line-height: 16px;}
.formInput input, .formInput select, .formInput .selectFld{height: 45px;}
.lognTxt .lognHello{font-size: 24px; line-height: 28px;}
.lognTxt .lognMail{font-size: 14px; line-height: 18px;}
.lognSide .lognMenu .lognItem p{font-size: 18px; line-height: 18px;}
.lognIcon i{font-size: 25px;}
.lognForm .lognField .lognNm{font-size: 16px; line-height: 22px;}
.smlTxt{font-size: 16px; line-height: 22px;}
.newsLetter .nlFlex .nlInput .nlBtn{padding: 20px 27px;}
.newsLetter .nlFlex .nlInput .nlInputfield{height: 58px;}
.newsLetter .nlFlex .nlInput .nlBtn {font-size: 16px; line-height: 18px;}
.vision::before{bottom: 10px; right: 10px;}
.mission::before{bottom: 10px; right: 10px;}
.twoSec .twoList li .twoImgBx, .twoSec .twoList li:last-child .twoImgBx{height: 470px;}
h2.text-3xl, .sectionTitle{font-size: 40px; line-height: 50px;}
h3.text-3xl, .midTitle{font-size: 30px; line-height: 40px;}
.priceTag {font-size: 30px; line-height: 30px;}
.productDetail .productRight .productHead h1 {font-size: 40px; line-height: 50px;}
.productDes p {font-size: 16px; line-height: 23px;}
.productDes h2 {margin-bottom: 20px; font-size: 26px; line-height: 22px;}
.qtyText {margin: 20px 0 40px;}
footer .widget-title {font-size: 25px; line-height: 25px; margin-bottom: 15px;}
.stMy8.my-8 {margin-top: 1rem !important; margin-bottom: 1rem !important;}
.productSlideBox .productSliderTxt p.text-base {font-size: 16px; line-height: 20px;}
.topBorder::before {top: -15px;}
.priceBoxs .text-lg {font-size: 1.05rem; line-height: 1.55rem;}
.tabContent p{font-size: 16px; line-height: 26px; color: #000; font-weight: 400; margin-bottom: 10px;}
.BigHde{font-size: 40px; line-height: 50px; margin-bottom: 20px;}
.prvcyPlcy{margin-top: 20px;}
.prvcyPlcy h3{font-size: 20px; line-height: 30px; margin-bottom: 10px;} 
.prvcyPlcy p{margin-bottom: 5px;}
}

@media only screen and (max-width: 1366px) {
  .categorySlider .categorySlides .categorySlideBox.min-w-\[120px\]{min-width: 195px; min-height: 210px;}
  .productSlideBox .productSlideImg .absoluteBox .icon-heart, .productSlideBox .productSlideImg .absoluteBox .icon-eye, .productSlideBox .productSlideImg .absoluteBox .icon-heart-fill {font-size: 25px !important;}
}

@media only screen and (max-width: 1205px) {
    .btnMt{margin: 3rem auto !important;}
    .headerMenu .menuList {padding: 12px 12px;}
    .contactSec .contactLeft {max-width: 630px;}
    .aboutSec .aboutTwo .aboutLeft p {font-size: 24px; line-height: 38px; max-width: 465px;}
    .mission p, .vision p {font-size: 14px; line-height: 20px; max-width: 350px;}
    .mission h3, .vision h3 {font-size: 24px; line-height: 26px; margin-bottom: 10px;}
    .misVis {padding-top: 70px;}
    .lognBx.px-5{padding-left: 0.75rem; padding-right: 0.75rem;}
    .orderTable th{padding: 15px !important;}
    .orderTable td {font-size: 13px; line-height: 18px; padding: 15px !important;}
    .productLeft .productBigImg img.min-w-\[450px\] {min-width: 400px;}
    .categorySlider .categorySlides .categorySlideBox.min-w-\[120px\] {min-width: 170px; min-height: 185px;}
    .categorySlider .categorySlides .categorySlideBox a.roundCate.h-\[110px\] {height: 140px;}
    .categorySlider .categorySlides .categorySlideBox a.roundCate.w-\[110px\] {width: 140px;}
    .threeSec .threeList li .threeText h2 {font-size: 30px; line-height: 30px;}
    .threeSec .threeList li .threeText p {font-size: 18px; line-height: 18px;}
    .prPdt .price-label.text-sm {font-size: .75rem; line-height: 1.2rem;}
    .productSlideBox .productSliderTxt .font-semibold {font-size: 16px; line-height: 16px;}
    .topBorder {margin-top: 15px;}
    .topBorder::before {top: -13px;}
    .productSlideBox.min-w-\[291px\] {min-width: 230px;}
    .productSlideBox{padding: 15px 25px;}
    .oneSec .oneImage .oneText h2 {font-size: 60px; line-height: 60px; padding-bottom: 20px;}
    .twoSec .twoList li .twoText h2 {font-size: 30px; line-height: 30px;}
    .twoSec .twoList li .twoText p span {font-size: 45px; line-height: 45px;}
    h2.text-3xl, .sectionTitle {font-size: 45px; line-height: 55px;}
.twoSec .twoList li .twoImgBx, .twoSec .twoList li:last-child .twoImgBx{height: 425px;}
}
@media only screen and (max-width: 1024px){
    .headerSearch form.max-w-\[445px\] {max-width: 500px !important;}
    .headerSearch form {width: 500px;}
    .headerMenu .menuList .menuItem {font-size: 12px; line-height: 12px;}
    .headerMenu .menuList {padding: 10px 10px;}
    .innerBanner .innerText p {font-size: 50px; line-height: 50px;}
    .contactSec .contactLeft {max-width: 530px;}
    .ftDetails a {font-size: 15px; line-height: 15px;}
    .ftDetails p {font-size: 15px; line-height: 20px;}
    .contactSec .socialMedia {padding-top: 20px;}
    .newsLetter .nlFlex .nlTxt p {font-size: 25px; line-height: 30px;}
    .newsLetter .nlFlex .nlInput .nlInputfield{height: 50px;}
    .newsLetter .nlFlex .nlInput .nlBtn {padding: 18px 25px; font-size: 14px; line-height: 14px;}
    footer .widget-title {font-size: 25px; line-height: 25px; margin-bottom: 15px;}
    .ftDetails p {font-size: 14px; line-height: 20px;}
    .ftDetails a {font-size: 14px; line-height: 14px;}
    .aboutSec .aboutTwo .aboutLeft p {font-size: 20px; line-height: 34px;}
    .mission, .vision{flex: 0 0 47%; max-width: 47%;}
    .mission p, .vision p {max-width: 295px;}
    .mission::before, .vision::before {height: 70px; width: 70px;}
    .evenOdd p{font-size: 14px; line-height: 18px;}
    .orderTable th {padding: 12px !important;}
    .orderTable .smlTxt {font-size: 14px; line-height: 20px;}
    .lognTxt .lognHello{font-size: 20px; line-height: 25px; margin-bottom: 5px;}
    .lognSide .lognMenu .lognItem p {font-size: 16px; line-height: 16px;}
    .categorySlider {padding-top: 30px;}
    .categorySlider .categorySlides{transform: scale(0.9);}
    .categorySlider .categorySlides .categorySlideBox.min-w-\[120px\] {min-width: 169px; min-height: 195px;}
    .categorySlider .icon-arrow-right{right: 0;}
    .categorySlider .icon-arrow-left{left: 0;}
    .sectionPadding {padding: 60px 0;}
    .categorySlider .categorySlides {padding-top: 30px;}
    .categorySlider .icon-arrow-right, .categorySlider .icon-arrow-left, .productSlide .icon-arrow-right, .productSlide .icon-arrow-left {width: 35px !important; height: 35px !important;}
    .categorySlider .icon-arrow-right::before, .categorySlider .icon-arrow-left::before, .productSlide .icon-arrow-right::before, .productSlide .icon-arrow-left::before {font-size: 25px; font-weight: 400;}
    .threeSec {padding-top: 60px;}
    .threeSec .threeList{justify-content: space-between;}
    .threeSec .threeList li{flex: 0 0 24%; max-width: 24%; margin: 0;}
    .threeSec .threeList li .threeText p {font-size: 16px; line-height: 16px;}
    .threeSec .threeList li .threeText h2 {font-size: 25px; line-height: 25px;}
    .productSlide.mb-20 {margin-bottom: 3rem !important;}
    .productSlide.mt-20 {margin-top: 3.5rem !important;}
    .productSlide > div.flex{align-items: center;}
    .productSlide > div .txtBtn.mt-5{margin-top: 0;}
    .nwLnchs.mt-10 {margin-top: 1.5rem !important;}
    h2.text-3xl, .sectionTitle {font-size: 40px; line-height: 50px;}
    .productSlideBox.min-w-\[291px\] {min-width: 260px;}
    .oneSec .oneImage .oneText p {font-size: 20px; line-height: 20px;}
    .oneSec .oneImage .oneText h2 {font-size: 45px; line-height: 50px; padding-bottom: 15px;}
    .twoSec .twoList{justify-content: space-between;}
    .twoSec .twoList li {flex: 0 0 69%; max-width: 69%; margin: 0;}
    .twoSec .twoList li:nth-child(2) {flex: 0 0 29%; max-width: 29%;}
    .twoSec .twoList li .twoText {padding: 25px;}
    .twoSec .twoList li .twoText p span {font-size: 40px; line-height: 40px;}
    .twoSec .twoList li .twoText p span.pretag {font-size: 30px; line-height: 30px;}
    .twoSec .twoList li .twoText h2 {font-size: 25px; line-height: 25px;}
    .twoSec .twoList li .twoImgBx, .twoSec .twoList li:last-child .twoImgBx{height: 380px;}
    .productDes.mgBt{padding: 25px 0 7px;}
}
@media only screen and (max-width: 992px) {
    .mobileHeader{position: relative;}
    .rowRvrse{flex-direction: row-reverse;}
    .innerBanner {padding: 40px 0;}
    .mobileHeader .icon-hamburger{position: absolute; right: 0; top: 0; bottom: 0; margin: auto; display: flex; align-items: center;}
    .mobileLogo img{width: 100%; object-fit: contain; height: 70px;}
    .paddRtmb{padding-right: 45px;}
    .container {padding-right: 15px; padding-left: 15px;}
    .sectionPadding {padding: 60px 0;}
    .innerBanner .innerText p {font-size: 45px; line-height: 45px;}
    .newsLetter .nlFlex .nlInput .nlInputfield{height: 50px;}
    .newsLetter .nlFlex .nlInput .nlBtn{padding: 16px 27px; font-size: 16px; line-height: 18px;}
    .searchMob .icon-camera{display: none;}
    .noShdw{box-shadow: none !important;}
    .lognBx{margin-left: 0; margin-right: 0;}
    .mbMnItm a, .mbMnItm .icon-arrow-right{transition: 0.4s ease-in-out all;}
    .mbMnItm.active a, .mbMnItm.active .icon-arrow-right, .mbMnItm:hover a, .mbMnItm:hover .icon-arrow-right{color: #52A939;}
    .cartUpAmt {left: 18px !important; top: -18px !important;}
    .misVis {padding-top: 60px;}
    .mission p, .vision p {max-width: 350px;}
    .aboutSec .aboutTwo .aboutLeft p {font-size: 22px; line-height: 36px;}
    .infoTxt{padding: 10px 22px !important; margin: 0 12px 0 0; font-size: 16px; line-height: 24px;}
    .stMy8.my-8{margin-bottom: 1rem !important; margin-top: 1rem !important;}
    .checkOut .noBackClr.mb-7 {margin-bottom: 0;}
    .productDetail .productRight {flex: 0 0 100%; max-width: 100%;}
    .productDetail .productLeft{flex: 0 0 100%; max-width: 600px;}
    .productDetail .productRight .productHead h1 {font-size: 40px; line-height: 50px;}
    .threeTxt{max-width: 550px; padding: 20px 0 20px;}
    .priceTag {font-size: 35px; line-height: 35px;}
    .productDes h2 {margin-bottom: 15px; font-size: 25px; line-height: 20px;}
    .productDes p {font-size: 16px; line-height: 22px;}
    .productDes {padding: 25px 0 10px;}
    .priceBoxs .text-lg {font-size: 1.1rem; line-height: 1.5rem;}
    .qtyText {margin: 20px 0 35px;}
    .mobCntnt{display: none;}
    .categorySlider .categorySlides .categorySlideBox.min-w-\[120px\] {min-width: 180px; min-height: 195px;}
    .categorySlider .categorySlides .categorySlideBox a.roundCate.w-\[110px\] {width: 150px;}
    .categorySlider .categorySlides .categorySlideBox a.roundCate.h-\[110px\] {height: 150px;}
    .productSlideBox.min-w-\[291px\] {min-width: 299px;}    
    .productSlide .nwLnchs{transform: scale(0.85);}
    .nwLnchs.mt-10 {margin-top: 1rem !important;}
    .twoSec .twoList li .twoText h2 {font-size: 30px; line-height: 30px;}
    .mobileHeader .paddRtmb.gap-x-5 {column-gap: 1rem;}
    .paddTab{padding-left: 10px !important; padding-right: 10px !important;}
    .wdh100Mob{width: 100%; justify-content: space-between;}
}
@media only screen and (max-width: 768px) {
    .contactSec{flex-direction: column-reverse; justify-content: flex-start;}
    .contactSec .contactLeft {flex: 0 0 100%; max-width: 100%;}
    .contactSec .contactRight {flex: 0 0 100%; max-width: 100%; margin-bottom: 40px;}
    .contactDetails li p {max-width: 70%;}
    .newsLetter{padding: 35px 0;}
    .newsLetter .nlFlex{max-width: 600px; margin: 0 auto;}
    .newsLetter .nlFlex .nlTxt {flex: 0 0 100%; max-width: 100%;}
    .newsLetter .nlFlex .nlTxt p {max-width: 100%; font-size: 20px; line-height: 25px; margin-bottom: 10px; text-align: center;}
    .newsLetter .nlFlex .nlInput {flex: 0 0 100%; max-width: 100%;}
    .footerFlx{padding-bottom: 0; flex-wrap: wrap;}
    .firstLinks{flex: 0 0 100%; max-width: 100%;}
    footer::after{bottom: 90px;}
    .footerBottom > div{flex-direction: column;}
    .footerBottom > div .copyRtTxt{text-align: center; justify-content: center;}
    .footerBottom > div .copyRtTxt:first-child{margin-bottom: 10px;}
    .aboutSec .aboutTwo .aboutLeft {flex: 0 0 100%; max-width: 100%; margin-bottom: 25px;}
    .aboutSec .aboutTwo .aboutLeft p {text-align: center; max-width: 100%;}
    .aboutSec .aboutTwo .aboutRight {flex: 0 0 100%; max-width: 100%;}
    .mission, .vision {flex: 0 0 100%; max-width: 500px; margin: 0 auto 30px;}
    .mission{margin-bottom: 0;}
    .mission p, .vision p {max-width: 400px;}
    .mobSet{max-width: 600px; margin: 0 auto;}
    .lognBx{margin: 0 10px 10px !important;}
    .backMob.icon-arrow-left{background: #ffffff; padding: 5px; border-radius: 50%; color: #52a939; border: 1px solid #52a939;}
    .backMob.icon-arrow-left:hover{background: #52a939; color: #fff;}
    .pagiNtn .icon-arrow-left{border-radius: ;}
    .bredCrumb {left: 0; right: 0; margin: auto; display: flex; align-items: center; justify-content: center;}
    .mobLeft.max-md\:justify-center{justify-content: flex-start;}
    .mobLeft .editPic{border-radius: 15px;}
    h3.text-3xl, .midTitle{font-size: 30px; line-height: 40px;}
    .formInput .blueBtn.max-md\:max-w-full{max-width: max-content;}
    .mobSet .fullRow{padding-top: 0;}
    .fullWdth a{width: 100%;}
    .noBackClr.\!bg-gray-100{background-color: #fff !important;}
    .productSlideBox .productSliderTxt p.text-base {font-size: 14px; line-height: 18px; text-align: center; margin-bottom: 5px;}
    .topBorder::before {top: -10px;}
    .prPdt.gap-2\.5 {gap: .5rem !important;}
    .productSliderTxt.gap-2\.5 {gap: .35rem !important;}
    .prPdt .price-label.text-sm {font-size: .70rem; line-height: 1.15rem;}
    .productSlideBox .productSliderTxt .font-semibold {font-size: 16px; line-height: 16px;}
    .simpleBtn {font-size: 14px; line-height: 20px;}
    .categorySlider .categorySlides .categorySlideBox.min-w-\[120px\] {min-width: 172px; min-height: 195px;}
    .categorySlider .categorySlides {padding-top: 20px;}
    .threeSec .threeList li .threeText p {font-size: 14px; line-height: 14px;}
    .threeSec .threeList li .threeText h2 {font-size: 20px; line-height: 20px;}
    .threeSec .threeList li .threeText .txtBtn {font-size: 10px; line-height: 16px;}
    .productSlide.mt-20 {margin-top: 3rem !important;}
    .productSlide.mb-20 {margin-bottom: 2.5rem !important;}
    .productSlide .nwLnchs {transform: scale(0.82);}
    .productSlideBox.min-w-\[291px\] {min-width: 353px;}
    .productSlideBox .productSlideImg {text-align: center;}
    .productSlideBox .productSlideImg .prdtImg{height: 250px;}
    h2.text-3xl, .sectionTitle {font-size: 35px; line-height: 45px;}
    .nwLnchs.mt-10 {margin-top: 0rem !important;}
    .productSlideBox .productSliderTxt p.text-base {font-size: 20px; line-height: 28px;}
    .prPdt .price-label.text-sm {font-size: 0.90rem; line-height: 1.25rem;}
    .productSlideBox .productSliderTxt .font-semibold {font-size: 18px; line-height: 18px;}
    .simpleBtn {font-size: 16px; line-height: 22px;}
    .oneSec .oneImage .oneText p {font-size: 18px; line-height: 18px; padding-bottom: 5px;}
    .oneSec .oneImage .oneText h2 {font-size: 35px; line-height: 40px; padding-bottom: 10px;}
    .twoSec .twoList li .twoText p span {font-size: 32px; line-height: 32px;}
    .twoSec .twoList li .twoText p span.pretag {font-size: 24px; line-height: 24px;}
    .twoSec .twoList li .twoText h2 {font-size: 22px; line-height: 25px;}
    .homeBanner .icon-arrow-left, .homeBanner .icon-arrow-right {height: 40px !important; width: 40px !important; padding: 0.5rem;}
    .homeBanner .icon-arrow-left {left: 40px !important;}
    .homeBanner .icon-arrow-right {right: 40px !important;}
}
@media only screen and (max-width: 767px) {
    .mobHover{transition: 0.4s ease-in-out all;}
    .mobHover:hover{color: #005da5;}
    .btnMt{margin: 2.10rem auto !important;}
    .mobRew .text-xs {font-size: 1rem; line-height: 1.25rem;}
    .blueBtn{font-size: 14px; line-height: 14px; padding: 12px 24px;}
    .qtyBox{padding: 3px 12px;}
    .qtyBox .icon-minus, .qtyBox .icon-plus{font-size: 0.95rem;}
    .userBox .blueBtn {padding: 13px 40px; font-size: 15px; line-height: 15px;}
    .userBox .topForgot {margin-bottom: 25px;}
    .flexDrCl.mt-8 {margin-top: 1.5rem;}
    button.max-md\:max-w-full{max-width: max-content;}
    .lastUserTxt{font-size: 18px; line-height: 20px;}
    .mobSet .tabBack .tabPosition{margin: 10px 0 20px;}
    .CartBtBr::before {bottom: -17px;}
    .gapMobile.max-md\:gap-5 {gap: 2rem !important;}
    .estimateForm{padding-top: 10px;}
    .subTitle {font-size: 20px; line-height: 24px;}
    /*.subTotalBox.summaryBox{margin-bottom: 20px;}*/
    .cartUpAmt{padding: 0.35rem; left: 18px !important; top: -17px !important; font-size: 10px; line-height: 10px;}
    .mobFlex{display: flex !important; flex-direction: column-reverse;}
    .productSlideImg .prdtImg{height: 230px; margin: 0 auto; width: 100%;}
    .productSlideBox .productSliderTxt p.text-base{margin: 0 auto 5px;}
    .mobHeart .icon-heart, .mobHeart .icon-heart-fill, .mobHeart .icon-compare{display: none;}
    .wdth100{width: 100%;} 
    .categorySlider {padding-top: 0;}   
    .categorySlider .categorySlides {transform: scale(0.8);}
    .categorySlider .categorySlides .categorySlideBox.min-w-\[120px\] {min-width: 235px; min-height: 215px;}
    .categorySlider .icon-arrow-left {left: 5%;}
    .categorySlider .icon-arrow-right {right: 5%;}
    .categorySlider .categorySlides .categorySlideBox a.roundCate.h-\[110px\] {height: 170px;}
    .categorySlider .categorySlides .categorySlideBox a.roundCate.w-\[110px\] {width: 170px;}
    .categorySlider .categorySlides {padding-top: 10px;}
    .threeSec {padding-top: 40px;}
    .productSlide.mb-20 {margin-bottom: 2rem !important;}
    .productSlide.mt-20 {margin-top: 2.75rem !important;}
    .categorySlider.max-md\:mt-7 {margin-top: 0;}
    .twoSec .twoList li .twoImgBx, .twoSec .twoList li:last-child .twoImgBx{height: 320px;}
    .productLeft .productBigImg .icon-heart{color: #999999; transition: 0.4s ease-in-out all;}
    .productLeft .productBigImg .icon-heart:hover{color: #E31E24;}
    .productDetail .productRight .productHead h1 {font-size: 35px; line-height: 45px;}
    .priceTag {font-size: 28px; line-height: 28px;}
    .rateMob.max-md\:max-w-full{max-width: 50% !important;}
    .zIndxOne{z-index: 1;}
}
@media only screen and (max-width: 575px) {
    .rateMob.max-md\:max-w-full{max-width: 100% !important;}
    .sectionPadding {padding: 40px 0;}
    .innerBanner {padding: 30px 0;}
    .innerBanner .innerText p {font-size: 40px; line-height: 40px;}
    h3.text-3xl, .midTitle {font-size: 30px; line-height: 40px;}
    .contactDetails li p {max-width: 90%;}
    .contactSec .contactRight .contactDetails {margin-top: 20px;}
    footer .footerTop .footerLogo {flex: 0 0 100%; max-width: 80%; margin: 0 auto;}
    footer .footerTop .footerLogo img{margin: 0 auto 25px;}
    footer .footerTop .footerSocial {flex: 0 0 100%; max-width: 100%;}
    footer .footerTop .footerSocial ul{justify-content: center;}
    footer::before {top: 24%;}
    .contactForm1 form {margin-top: 20px;}
    .contactForm .row .twoCol {flex: 0 0 100%; max-width: 100%;}
    .misVis {padding-top: 40px;}
    .aboutSec .aboutTwo .aboutLeft p {font-size: 20px; line-height: 34px;}
    .mobSet{margin-top: 15px;}
    .bredCrumb {top: 15px;}
    .lognForm .lognField .lognNm {font-size: 14px; line-height: 18px;}
    h3.text-3xl, .midTitle {font-size: 25px; line-height: 35px;}
    .fullRow .colmnTwo{flex: 0 0 100%; max-width: 100%;}
    .smlTxt {font-size: 14px; line-height: 20px;}
    .mobRew .icon-star-fill.text-3xl{font-size: 1.5rem;}
    .userBox h1 {margin-bottom: 15px; font-size: 30px; line-height: 50px;}
    .userBox .topForgot p {font-size: 16px; line-height: 24px;}
    .userBox .topForgot {margin-bottom: 20px;}
    .flexDrCl.mt-8 {margin-top: 1rem;}
    .divForm .halfDiv{flex: 0 0 100%; max-width: 100%; margin-bottom: 10px !important;}
    .userBox{padding: 35px 45px;}
    .flexDrCl.gap-9 {gap: 1.75rem;}
    .infoTxt{margin: 0 10px 0 0;}
    .productSlideImg .prdtImg {height: 250px;}
    .productLeft .productBigImg img.min-w-\[450px\] {min-width: auto;}
    .priceTag {font-size: 30px; line-height: 30px;}
    .priceBoxs.px-5 {padding-left: 1rem !important; padding-right: 1rem !important;}
    .priceBoxs .text-lg {font-size: 1rem; line-height: 1.25rem;}
    .qtyText p {font-size: 18px; line-height: 22px;}
    .qtyText {margin: 15px 0 30px;}
    .mobMid .yellowBtn{max-width: max-content; margin: 0 auto;}
    .tabContent {padding: 20px;}
    .categorySlider .categorySlides {transform: scale(0.75);}
    .categorySlider .categorySlides .categorySlideBox.min-w-\[120px\] {min-width: 280px; min-height: 270px;}
    .categorySlider .categorySlides .categorySlideBox a.roundCate.w-\[110px\] {width: 230px;}
    .categorySlider .categorySlides .categorySlideBox a.roundCate.h-\[110px\] {height: 230px;}
    .categorySlider .categorySlides .categorySlideBox.max-md\:first\:ml-4:first-child {margin-left: 0;}
    .threeSec {padding-top: 30px;}
    .threeSec .threeList {justify-content: center;}
    .threeSec .threeList li {flex: 0 0 100%; max-width: max-content; margin: 0 auto 20px; text-align: center;}
    .threeSec .threeList li:last-child{margin: 0;}
    .threeSec .threeList li .threeText {padding: 20px; top: 0; left: 0; right: 0; margin: auto; text-align: center;}
    .threeSec .threeList li .threeText p {font-size: 18px; line-height: 20px; text-align: center;}
    .threeSec .threeList li .threeText h2 {font-size: 30px; line-height: 30px; text-align: center;}
    .threeSec .threeList li .threeText .txtBtn {font-size: 14px; line-height: 20px; text-align: center;}
    .threeSec .threeList li:nth-child(2) {flex: 0 0 100%; max-width: 100%;}
    .threeSec .threeList li:nth-child(2) .threeText, .threeSec .threeList li:nth-child(3) .threeText {left: 0; right: 0; text-align: center;}
    .threeSec .threeList li:nth-child(2) .threeText p, .threeSec .threeList li:nth-child(2) .threeText h2, .threeSec .threeList li:nth-child(3) .threeText h2, .threeSec .threeList li:nth-child(3) .threeText p {text-align: center;}
    .threeSec .threeList li:nth-child(2) .threeText .txtBtn, .threeSec .threeList li:nth-child(3) .threeText .txtBtn {text-align: center;}
    h2.text-3xl, .sectionTitle {font-size: 30px; line-height: 40px;}
    .productSlide .txtBtn {font-size: 14px; line-height: 14px;}
    .twoSec .twoList li{flex: 0 0 100%; max-width: 100%; margin: 0 auto 20px;}
    .twoSec .twoList li:nth-child(2){flex: 0 0 100%; max-width: max-content;}
    .twoSec .twoList li img{object-fit: contain;}
    .twoSec .twoList li .twoImgBx{height: auto;}
    .twoSec .twoList li:last-child .twoImgBx{height: 350px;}
    .productSlideBox.min-w-\[291px\] {min-width: 258px;}
    .productSlide .nwLnchs {transform: scale(0.75);}
    .oneSec .oneImage .oneText {top: 25px; left: 25%;}
    .oneSec .oneImage .oneText h2 {font-size: 28px; line-height: 38px;}
    .agreePop .flxStrt.justify-end{justify-content: flex-start !important;}
    .greenBtn, .fadeBlueBtn {padding: 8px 25px !important; font-size: 14px !important; line-height: 14px !important;}
    .tabContent ul li {font-size: 14px; line-height: 20px;}
    .productSlideBox .productSliderTxt p.text-base {font-size: 18px; line-height: 26px;}
    .tabContent p{font-size: 14px; line-height: 24px; color: #000; font-weight: 400; margin-bottom: 8px;}
    .productDes.mgBt{padding: 25px 0 10px;}
    .BigHde{font-size: 30px; line-height: 40px; margin-bottom: 15px;}
    .prvcyPlcy{margin-top: 15px;}
    .prvcyPlcy h3{font-size: 16px; line-height: 24px;}
    .prvcyPlcy p {font-size: 14px; line-height: 20px;}
}
@media only screen and (max-width: 450px) {
    footer::after, footer::before {display: none;}
    footer .widget-title{text-align: center;}
    .firstLinks.twoLinkSet{flex-wrap: wrap;}
    .footerFlx{padding-top: 20px;}
    .btnMt{margin: 1.75rem auto !important;}
    footer .footerTop{padding-bottom: 0;}
    .newsLetter .nlFlex .nlTxt p {font-size: 18px; line-height: 23px;}
    footer .footerTop .footerSocial ul li img {transform: scale(0.85);}
    .firstLinks.twoLinkSet .widget {flex: 0 0 100%; max-width: 100%;}
    .firstLinks.twoLinkSet .widget:nth-child(2) {flex: 0 0 100%; max-width: 100%;}
    .ftDetails{padding-bottom: 0 !important;}
    .ftDtFlex {max-width: 280px; margin: 0 auto;}
    .firstLinks > div .firstLinkUl{justify-content: center; text-align: center;}
    .firstLinks > div .firstLinkUl li{flex: 0 0 100%; max-width: 100%;}
    .footerBottom .copyRtTxt {font-size: 14px; line-height: 18px;}
    .newsLetter .nlFlex .nlInput .nlInputfield {height: 46px;}
    .newsLetter .nlFlex .nlInput .nlBtn {padding: 15px 27px; font-size: 14px; line-height: 14px; position: relative; margin: 15px auto 0;}
    .aboutSec .aboutTwo .aboutLeft p {font-size: 18px; line-height: 30px;}
    .mission::before, .vision::before{display: none;}
    .mission p, .vision p {max-width: 100%;}
    .mission, .vision {padding: 15px;}
    .mobSet{margin-top: 20px;}
    .editPic.max-sm\:w-\[100px\] {width: 150px;}
    .blueBtn.mt-5{margin-top: 1.5rem;}
    .orderTable .smlTxt{text-align: left;}
    .blueBtn {font-size: 14px; line-height: 14px; padding: 10px 22px;}
    .yellowBtn, .blueBd {font-size: 14px; line-height: 14px;}
    .moblft .smlTxt{text-align: left;}
    .userBox {max-width: 100%; padding: 20px;}
    .userBox .flexDrCl.max-sm\:gap-5 {gap: 1rem;}
    .lastUserTxt {margin-top: 20px; font-size: 16px; line-height: 16px;}
    .middleTxt {font-size: 16px; line-height: 16px;}
    .mobSet .tabBack .tabPosition{flex-wrap: wrap; margin: 5px 0 10px;}
    .mobSet .tabBack .tabPosition{justify-content: center !important;}
    .infoTxt {margin: 0 auto 10px; width: 100%; text-align: center; border-radius: 50px !important;}
    .stMy8.pb-2 {padding-bottom: 10px !important;}
    .subTotal {font-size: 1.2rem; line-height: 1.2rem;}
    .stMy8.my-8 {margin-bottom: 0.75rem !important; margin-top: 0.75rem !important;}
    .twoBtns .yellowBtn {font-size: 16px; line-height: 16px; padding: 12px 24px;}
    .twoBtns .txtBtn {font-size: 14px; line-height: 22px;}
    .subTitle{font-size: 16px; line-height: 20px; padding-bottom: 15px;}
    .subTitle.pb-2 {padding-bottom: 10px !important;}
    .subTotalBox::before {top: 45px;}
    .subTotalBox .text-base {font-size: 14px; line-height: 22px; padding-bottom: 5px;}
    .lastOne {padding: 10px 0;}
    .lastOne .max-md\:text-base {font-size: 0.95rem; line-height: 1.25rem;}
    .taxEx .max-md\:text-sm {font-size: .75rem; line-height: 1.2rem;}
    h3.text-3xl, .midTitle {font-size: 22px; line-height: 32px;}
    .subTotal {font-size: 1.1rem; line-height: 1.1rem;}
    .cpTxt {padding: 3px 12px !important; font-size: 12px !important; line-height: 16px !important;}
    .subTotalBox .yellowBtn {margin: 20px 0 10px;}
    .singleOne.max-1060\:grid-cols-2 {grid-template-columns: repeat(1, minmax(0, 1fr)) !important;}
    .qtyText {margin: 0px 0 30px;}
    .productDetail .productRight .productHead h1 {font-size: 28px; line-height: 38px;}
    .productDetail .productLeft .sticky{flex-wrap: wrap; flex-direction: column-reverse; justify-content: center;}
    .mAuto{margin: 0 auto;}
    .productDetail .productRight .productHead h1 {font-size: 28px; line-height: 38px; text-align: center;}
    .threeTxt {max-width: 100%;}
    .threeTxt li {flex: 0 0 100%; max-width: 100%; margin-bottom: 15px;}
    .threeTxt li:last-child{margin-bottom: 0;}
    .threeTxt li::before{display: none;}
    .threeTxt li .ratingRvw .ratingBox{margin: 0 auto;}
    .threeTxt li p{text-align: center; justify-content: center;}
    .priceTag {text-align: center;}
    .productDes h2, .productDes p{text-align: center;}
    .qtyText {margin: 0px auto 30px;}
    .productBtn{width: 100%;}
    .tabsSec .tabBack .tabPosition{justify-content: center !important; flex-wrap: wrap;}
    .tabContent h3{text-align: center;}
    .tabContent .mobMid .yellowBtn{padding: 10px 20px; gap: 0.65rem;}
    .productDetail{padding-bottom: 40px; border-bottom: 1px solid #efefef;}
    .priceTag {font-size: 25px; line-height: 25px;}
    .productDes {padding: 25px 0 15px;}
    .productDetail .productRight .productHead{justify-content: center;}
    .threeTxt {padding: 17px 0 25px;}
    .productDetail .productLeft{padding-bottom: 20px;}
    .oneSec .oneImage {height: 200px;}
    .oneSec .oneImage img {width: 100%; height: 100%; object-fit: cover; border-radius: 10px;}
    .oneSec .oneImage .oneText {top: 20px; left: 5%;}
    .oneSec .oneImage .oneText p {font-size: 16px; line-height: 16px; padding-bottom: 5px;}
    .oneSec .oneImage .oneText h2 {font-size: 30px; line-height: 35px; padding-bottom: 5px;}
    .txtBtn {font-size: 12px; line-height: 18px;}
    .productSlide .flxClm{flex-direction: column;}
    .productSlide .flxClm h2{margin-bottom: 15px;}
    .twoSec .twoList li .twoImgBx, .twoSec .twoList li:last-child .twoImgBx{height: 300px;}
    .twoSec .twoList li .twoImgBx img, .twoSec .twoList li:last-child .twoImgBx img{object-fit: cover;}
    .twoSec .twoList li .twoText{right: 0; margin: auto;}
    .twoSec .twoList li .twoText p{text-align: center;}
    .twoSec .twoList li .twoText h2{text-align: center;}
    .twoSec .twoList li .twoText .txtBtn{text-align: center;}
    .twoSec .twoList li .twoText p span {font-size: 28px; line-height: 28px;}
    .twoSec .twoList li .twoText p span.pretag {font-size: 20px; line-height: 20px;}
    .twoSec .twoList li .twoText h2 {font-size: 20px; line-height: 22px;}
    .twoSec .twoList li:first-child .twoImgBx{position: relative;}
    .twoSec .twoList li:first-child .twoImgBx::before{position: absolute; content: ''; top: 0; left: 0; right: 0; bottom: 0; background: #000; opacity: 0.3; border-radius: 10px; margin: auto; width: 100%; height: 100%;}
    .twoSec .twoList li:first-child .twoText p{font-size: 25px; line-height: 30px; padding-bottom: 7px;}
    .twoSec .twoList li:first-child .twoText p span{font-size: 35px; line-height: 35px;}
    .twoSec .twoList li:first-child .twoText p span.pretag {font-size: 25px; line-height: 25px;}
    .twoSec .twoList li:first-child .twoText h2 {font-size: 30px; line-height: 35px;}
    .twoSec .twoList li:first-child .txtBtn {font-size: 14px; line-height: 20px;}
    .categorySlider{margin-bottom: -25px;}
    .categorySlider .categorySlides {transform: scale(0.68); padding-left: 9%;}
    .categorySlider .categorySlides .categorySlideBox a.roundCate.h-\[110px\] {height: 240px;}
    .categorySlider .categorySlides .categorySlideBox a.roundCate.w-\[110px\] {width: 240px;}
    .categorySlider .categorySlides .categorySlideBox.min-w-\[120px\] {min-width: 300px; min-height: 275px;}
    .productSlide .icon-arrow-left {left: 38%;}
    .productSlide .icon-arrow-right {right: 38%;}
    .productSlide .icon-arrow-right, .productSlide .icon-arrow-left{top: inherit; bottom: -35px;}
    .productSlide .nwLnchs {transform: scale(1); padding-left: 13%;}
    .productSlideBox {padding: 10px 15px;}
    .productSlideBox:hover{box-shadow: none;}
    .productSlideBox.min-w-\[291px\] {min-width: 240px; margin: 15px 0px;}
    .productSlideImg.max-md\:max-h-60 {max-height: inherit;}
    .productSlideBox .productSlideImg .prdtImg {height: 200px;}
    .productSlideBox .productSliderTxt p.text-base {font-size: 14px; line-height: 18px;}
    .productSlideBox .productSliderTxt .font-semibold {font-size: 16px; line-height: 16px;}
    .simpleBtn {font-size: 14px; line-height: 20px;}
    .productSlide.mb-20 {margin-bottom: 4rem !important;}
    #backToTopBtn {bottom: 100px; right: 15px;}
    .rateMob .maxSt{max-width: 160px;}
    .productSingleMob.max-1060\:grid-cols-2 {grid-template-columns: repeat(1, minmax(0, 1fr)) !important;}
    .tabsSec .tabBack{padding: 10px; border-radius: 25px;}
    .twoBtns {padding-top: 0.75rem; padding-bottom: 1rem;}
    .stMy8.pb-2 {padding-bottom: 12px !important;}
    .stMy8.max-md\:py-2 {padding-top: .75rem;}
    .flxDtClMob{flex-direction: column;}
    .imgBorder img{height: auto; width: auto;}
    .lognBx, .lognSidebar{box-shadow: none;}
    .lognSidebar{background: #f7f7f7; padding: 10px;}
    .mobSet .disInline.blueBtn {font-size: 14px; line-height: 14px; padding: 13px 25px; display: inline-block;}
    .lognForm form .yellowBtn{margin: 15px 0 0;}
    .formInput .blueBtn.disInline.max-md\:max-w-full{max-width: inherit !important;}
    .blueBtn.smlBt{font-size: 12px; line-height: 12px; padding: 8px 20px;}
    .TxtMt .smlTxt{margin-bottom: 7px !important;}
    .mxWdt300{max-width: 270px;}
    .mobCntr{justify-content: center;}
    .tabContent ul li{margin-bottom: 8px;}
}