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

/*==============Media=============*/

@media only screen and (max-width:1190px){
.shell{ width:1004px;}

.hero__title{max-width: 570px;}
.hero__copy{max-width: 430px;}
.btn{width: 270px;}

.intro{grid-template-columns: 1fr 1.3fr;}
.intro__figure img{aspect-ratio: 4 / 5.6;}
.counter div{letter-spacing: 1px;}

.rail{grid-auto-columns: minmax(300px, 1fr);}

/*==============Contact=============*/
ul.contact-list{}
.cntct-form{ width:50%;}
.cont-image {top: 240px;max-width: 500px;}

.cart-btn-row{ width:65%;}
/*========================================================================================================
	CHECKOUT PAGE
==================================================================================================================*/
.chk-box-lft{
	width:52%;
	padding: 30px 30px;
}
.chk-box-rit{
	width:45%;
}
.chk-cust-box .rev-stars p {
    font-size: 15px;
}
.chk-varified {
    max-width: 150px;
}


/*==============About Section=============*/
.intro-section{ padding:45px 0 50px;}

.why-section{ padding:45px 0 50px;}
.why-rgt{ margin-top:0;}

/*===========================================
PRODUCT DETAILS PAGE
==============================================*/
.slct-clr{ max-width:230px;}
.watch-s2-prod{ width:450px;}
.elbow-s2-prod{ width:450px;}
.secrets-book-prod2{ width:310px;}
.dlts-s2-txt1{ width:90%;}

.desc-situation-inr{ width:55%;}
.slct-size ul li{ margin-right:5px;}
ul.desc-prd2list{ width:75%;}
.comfort{ right:35px;}

.cancel-subs ul.contact-list{padding:0 250px;}

.bndle-pkg{ width:80%;}
}

@media only screen and (max-width:1023px){
.shell{ width:750px;}

.hero__title {max-width: 460px;}

.intro__figure img { aspect-ratio: 4 / 9;}

.rail {grid-auto-columns: minmax(340px, 1fr);}

.option-field1{ grid-template-columns: 1fr;}
.product-grid {grid-template-columns: repeat(2, 1fr);}



/*==============Contact=============*/
.contact-sec{ padding:50px 0;}
ul.contact-list{ padding:0 0;}
ul.contact-list li p{ padding:0 8px;}
.cntct-form{ width:70%; margin-top:45px;}

/*============SHOP_SECTION============*/
.shop-btn-strip{ padding:25px 0;}
ul.shop-prdcts-list li span{ font-size:18px; line-height:22px; }
ul.shop-inr-prod-list li span{ }

ul.shop-prdcts-list li{ width: 42%;}
.shop-prc small{font-size:20px;}
.prd-list li strong {width: 44%;}
.cont-image {top: 222px; max-width: 376px;}

/*=================
 CART PAGE
=====================*/	
.cart-col-1 {padding-left:16px;}
.cart-prd-1 {left: 12px;top:30px; width: 53px;}
.cart-rit-price-row {width: 53%;}
.sub, .add {width: 25px; height: 46px;}
.cart-qty-div input {width: 45px;}
.cart-prd-name {padding: 1px 0 1px 57px; font-size: 16px; line-height: 24px;}
.unit-price {font-size: 23px; line-height: 28px;}
.cart-rit-price span {font-size: 23px;}
.cart-btn-row{ width:86%;}


/*========================================================================================================
	CHECKOUT PAGE
==================================================================================================================*/	
.chk-box-lft {
    padding: 20px 15px;
}
.chk-rit-prc-box {
    padding: 20px 10px 0;
}
.chk-prc-p1, .chk-prc-p3, .chk-prc-p5 {
    width: 67%;
}

.chk-post-logo {
    font-size: 15px;
    line-height: 21px;
    padding-left: 150px;
    margin: 20px 0;
}
.post-logo-img{
	max-width:140px;
}
.chk-box-lft .submit{
	padding:0px 10px;
	width:100%;
}
.chk-sec-block{
	padding-bottom:20px;
}
.chk-prc-p3, .chk-prc-p4{
	font-size:16px;
}
.chk-prc-p2, .chk-prc-p4, .chk-prc-p6{ width:62px;}
.chk-hr-sum {
    margin: 4px 0;
}
.chk-cust-box .rev-row {
    margin: 15px 0 0;
	padding-left: 95px;
}
.chk-varified{
	float:left;
	max-width:159px;
	margin-top:5px;
}
.apply-cuppon{ width:72%;}
.apply-cuppon input{ width:115px; font-size:15px;}
.apply-cuppon a{ width:50px;margin-left: 5px;}
.chk-prc-p5, .chk-prc-p6{ font-size:20px;}

/*==============About Section=============*/
.intro-lft{ margin-top:0;}
.intro-lft{ width:55%;}
.people-fit-img{ top:10px;}

/*===========================================
PRODUCT DETAILS PAGE
==============================================*/
.prod-nameHdng{ font-size:36px; line-height:40px;}
.qty-div-fit,.qty-div{ padding: 0 10px 0 0; }
.slctHdng{ font-size:17px;}
.slct-size{ margin-left:10px;}
.slct-size ul li{ margin-right:5px; min-width:35px;}

.secure-logo{ margin:10px 0 0 40px;}
.dlts-s2-txt1{ width:100%;}
.watch-s2-prod {width: 335px; top:200px;}
.elbow-s2-prod{width: 335px; top:280px;}
.secrets-book-prod2{ 
	position: static;
    display: block;
    margin:20px auto 0;
    max-width: 100%;}
ul.four-guid-list{ width:100%;}
ul.dtls-s2-list li{ margin-top:15px;}

.desc-hdng1{ font-size:30px; line-height:35px;}
.desc-hdng1 span{ font-size:40px;}
.left-athlct{ width:100%;}

ul.benefit-s2-list{ width:100%;}
.dtls-benefit-prd {
    position: static;
    display: inline-block;
    vertical-align: middle;
    margin: 15px 0 0;
    max-width: 100%;
	}
.dtls-benefit-prd2{
	position: static;
    display: inline-block;
    vertical-align: middle;
    margin: 15px 0 0;
    max-width: 100%;
	}
ul.desc-prd2list {width:90%;}
.desc-situation-inr{ width:59%; padding:0;}
.comfort {top:90px; width: 240px;}

.cancel-subs ul.contact-list{padding:0 130px;}

ul.sungls-atlts-list li{ }
ul.shop-inr-prod-list li{}
ul.up2s2-list2 li{margin: 10px 5px 0 5px; font-size:18px;}

.bndle-pkg{ width:100%;}

}


@media only screen and (max-width:767px){
.shell{ width:100%; max-width:600px; padding:0 15px;}

.forDesk,.hide-mob{ display:none;}
.forMob{ display:block;}

.site-header{padding: 5px 0;}
.brand {max-width: 150px;}
.hero__copy {max-width: 290px; font-size:15px; line-height:24px;}

.stack-md > * + * {margin-top: 15px;}
.hero__actions{margin-top: 30px;}
.btn {width: 100%;}

.intro{ grid-template-columns: 1fr;}
.intro__figure img {aspect-ratio: 4 / 4;}

.cat-head{ flex-wrap: wrap; gap: 20px; margin-bottom: 30px;}
.cat-grid {grid-template-columns: 1fr;}
.tile--a, .tile--b, .tile--c, .tile--d, .tile--e{min-height: 240px;}

 .rail {grid-auto-columns: minmax(100%, 1fr); grid-auto-flow:unset;}
.rail .product-card:nth-child(n+5) { display: none;}

.ritual__inner{ padding:0;}
.ritual__inner .hero__copy{ max-width:310px;}

.principle{ gap: 5px 24px;}
.principles .hero__actions{ margin-top:0;}

.footer-base{ margin-top:30px;}
.footer-grid{ gap: 20px;}
.footer-grid .lede{ font-size:15px; line-height:24px;}

.hero__scroll{ display:none;}

.mobile-nav a{ font-size:22px;}

.innr-head{grid-template-columns: 1fr; gap: 20px;}

.page-head .eyebrow{letter-spacing: 1px;}

.product-grid{ grid-template-columns: 1fr;}

.card-box4-lft .btn-ghost{ max-width:100%;}


/*==============Contact=============*/
.contact-sec{ padding:30px 0;}
ul.contact-list{ width: 100%;padding:0 0; margin-top:0px; row-gap: 10px;}
ul.contact-list li{ width:100%; border:none; position:relative;padding: 0 0 0 0px;margin-top:0px;}
ul.contact-list li img{ }
ul.contact-list li p{ padding:0 0px;font-size: 15px;line-height: 24px;}
ul.contact-list li p span {font-size: 20px;line-height: 30px;margin: 0px 0 0px;}
.cntct-form{ width:100%; margin-top:30px; padding:30px 20px 40px;}
.msgbx-txt{ font-size:28px; line-height:30px;}


/*============SHOP_SECTION============*/
.shop-section{ padding:30px 0;}
ul.shop-prdcts-list li{ width:100%; /*max-width: 330px;*/ text-align:center;}
ul.shop-prdcts-list li p{ min-height:auto;}
ul.shop-inr-prod-list li,ul.shop-inr-prod-list li:nth-child(4){ }
a.learn-more2{margin-top:0; line-height:50px;}


/*=================
 CART PAGE
=====================*/	
.cart-sec {padding: 20px 0 30px;}
.cart-heading-row { margin: 15px 0 0;font-size: 16px;line-height: 20px;font-weight: 400;padding:5px 0;}
.cart-col-1, .cart-col-2, .cart-col-3, .cart-col-4 {width: 22%;border:none; padding-top:0;padding-bottom:0;}
.cart-col-1 { padding-left:6px;width:28%;}
.cart-col-4 {padding: 0 0px 0 0;}
.cart-prd-1 { display:none;}
.cart-prd-name { padding: 0;font-size: 14px;line-height:20px;}
.cart-prd-name span {font-size: 18px;}
.unit-price {font-size: 17px;line-height: 24px;}
.cart-qty-div {margin: 7px 0;}
.cart-rit-price-row {width: 100%;}
.cart-rit-price {font-size: 18px;line-height: 22px;padding: 12px 10px;}
a.cart-btn-2, .cart-btn-1 {float: right;width:100%;font-size: 23px;padding: 0 10px;margin-top:10px;}
.cart-heading-row .cart-col-1, .cart-heading-row .cart-col-2, .cart-heading-row .cart-col-3, .cart-heading-row .cart-col-4{
    padding-top: 8px;
    padding-bottom: 8px;
	width:25%;
	}
.cart-heading-row .cart-col-5{display:none;}
.cart-prd-row {padding: 10px 0;}
.cart-qty-div input {width: 25px;height:30px; font-size:18px;}
.sub, .add {height: 30px;}
.cart-prd-row .cart-col-5 {width: 5%;padding:0 2px 0 0;}
.cart-rit-price span {font-size: 20px;}
.cart-btn-row { padding-top: 15px;}
.cart-btn-row{ width:100%;}

/*========================================================================================================
	CHECKOUT PAGE
==================================================================================================================*/	
.show-desk{display:none;}
.show-mob{display:block;}
.checkout-sec{padding:30px 0 0;}
.chk-sec-block {margin: 20px 0 0;}
.chk-box-lft{width:100%;}
.chk-head {font-size: 26px;line-height: 32px;border-bottom: 1px solid #e3e3e8;margin-bottom: 20px;padding: 0 10px 12px;}
.input-box.hlf { width: 100%;}
.chk-payment-box {margin: 20px 0 0px;}
.fieldToggle {font-size: 15px;padding-left: 27px;}
.card-accept img {width: 180px;}
.cvv {width: 48%!important;}
.chk-secu-logos { margin-top: 15px;}
.chk-box-rit { width: 100%;margin-top:20px;}
.chk-prc-head {padding: 0px 10px 10px;}
.chk-prc-sub-head {padding:5px 10px;}
.chk-prc-total { padding: 16px 10px 20px;}
.summry-drower {
    float: left;
    width: 100%;
	padding-top:15px;
	border-top: 1px solid #e3e3e8;
	}
#summry-tog{position:relative;}
#summry-tog.open:after {
    background:url(../images/arrow-right.png) no-repeat center center;
    background-size: 100%;
	}
#summry-tog:after {
    content: '';
    position: absolute;
    right: 10px;
    top: 50%;
    height: 25px;
    width:25px;
    background: url(../images/arrow-dwn.png) no-repeat center center;
    background-size: 100%;
    transform: translateY(-50%);
	}
.chk-rit-prc-box {margin-bottom:20px;padding:0 10px;}
#summry-tog{border:none;margin:0;padding:12px 10px;}
.chk-post-logo {margin: 2px 0 15px;}
.chk-cust-box { margin-top: 0;}
.chk-cust-box .rev-row { margin: 15px 0 0; padding-left: 65px;}
.chk-cust-box .rev-stars p {
    font-size: 16px;
	width:100%;
	float:left;
	text-align:left;
	}
.chk-varified {float: none;display: block;}
.chk-cust-box .rev-stars br{display:none;}
.chk-cust-box .rev-desc { margin-top:0;}
.chk-cust-p1 {font-size: 28px;}

/*==============About Section=============*/
.intro-section{ padding:30px 0;}
.intro-lft{ width:100%; text-align:center;}
.people-fit-img{position: static; margin: 10px auto; max-width: 100%;}
.shopnow-btn{ float:none; display:inline-block; vertical-align:middle;}
.hdng-btmbdr-mob{ margin:15px 0 0; max-width:100%; display:inline-block;}

.why-section{ padding:0 0 30px 0;}
.why-rgt{ width:100%; text-align:center;}
.whylogo-img{position: static; margin: 10px 0; max-width: 100%;}
ul.why-list{ margin-top:0;}
ul.why-list li{ width:50%; margin-top:20px;}

/*===========================================
PRODUCT DETAILS PAGE
==============================================*/
.prdcts-details-s1{ padding:40px 0; }
.prdcts-mid { grid-template-columns: 1fr;}
.prd-txt1 {font-size: 16px;}
.prodSlider-Left{ width:100%; text-align:center; border:none; position:static;}
.prodDetls-Rght{ width:100%;}
.prd-list li strong { width: 50%;}
.prod-nameHdng {font-size: 26px;line-height: 38px; }
.prod-nameHdng span{    margin-bottom: 0;}
.prd-p1{ text-align:left;}
ul.dtlsec-list li{ text-align: center; width:29%}
.prod-prc-row{ margin:0 0 15px 0;}
.prd-list li{ font-size: 13px; line-height: 24px; padding: 10px 0;}
.prd-p3{font-size: 20px;line-height: 28px;}
.prd_quantity{justify-content: space-between;}
.prd_quantity p {font-size: 18px; line-height: 28px;}
ul.dtlsec-list li img {max-width: 50px; display: block; margin: 0 auto;}
.size-guide-box{ margin: 10px 0 20px;}

.qty-div{line-height:40px;padding:0; float: right;}
.prd-prc-txt2{ margin-top:0px;font-size: 26px;line-height: 35px;}
.prc-dscnt{ margin-bottom:10px;}

.slct-clr{width: calc(100% - 160px); margin-left: 10px; }
.slctHdng{ text-align:left;}
.slct-size{ float:left; margin: 0 0;}
.slct-size ul li{ min-width:40px;}
.packageOpt p{ font-size:16px;}
a.add-to-btn{ margin: 18px auto 0;display: block;width:100%;}
.secure-logo{ margin:15px auto 0;display: block;}

.prdcts-details-s2{ padding-bottom:30px;}
.prd-desc-dtls{ padding:0 10px;}
.watch-s2-prod,.elbow-s2-prod{ position:static; display:block; margin:10px auto; max-width:100%;}
ul.dtls-s2-list{ width:100%; margin:0;}
ul.dtls-s2-list li{ margin-top:10px; padding-left:60px;}
ul.dtls-s2-list li span{ font-size:20px;}
ul.dtls-s2-list li p{ font-size:17px;}
.dtls-benefit-prd{ position:static; display:inline-block; vertical-align:middle; margin:15px 0 0; max-width:100%; width:250px;}
.dtls-benefit-prd2{ position:static; display:inline-block; vertical-align:middle; margin:15px 0 0; max-width:100%; width:250px;}

.desc-situation{ margin:30px 0;}
.desc-hdng1 {font-size: 21px;line-height:26px;}
.desc-hdng1 span {font-size:26px;}
.left-athlct {
    width: 100%;
    max-width: 400px;
    text-align: center;
    display: block;
    float: none;
    margin: 0 auto;
	}
.athleticsHdng{ font-size:24px; line-height:26px;}

ul.work-list li{ width:48%; margin-right:4%;}
ul.work-list li:nth-child(even){ margin-right:0;}

.desc-situation-inr{ width:100%;}
.comfort{ position:static; display:block; margin:0 auto; max-width:100%;}
ul.desc-prd2list {width: 100%;}
ul.desc-prd2list li p{ font-size:18px; line-height:22px;}
ul.spincycle-s2-list{ padding-left:30px; margin:0;}

ul.four-guid-list{ width:100%;}
ul.four-guid-list li{ padding-left:62px;}
ul.four-guid-list li span{ font-size:18px; line-height:22px;}
ul.four-guid-list li p{ font-size:17px;}

.cancel-subs ul.contact-list{padding:0;}
.cancel-subs ul.contact-list li{width:100%;}
.cancel-subs .cntct-form{margin-top:30px;}

.up2s2-subhdbx{ margin-top:20px; font-size:20px; line-height:24px;}
ul.up2s2-list2{ margin-bottom:10px;}

ul.book-secrt-list li{ width:100%; padding-right:0;}
	
	.pop-innr{text-align:center; width: 100%}

}