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

.show-mob, .show-tab {display: none;}
.show-desk {display: block;}

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

.s1-inner {
    padding: 29px 20px;
}
.bnr-hdr {
    font-size: 36px;
        line-height: 55px;
}
.bnr-prdts {
   width: 530px;
}
.bnrtxt {
    width: 86%;
}
.s1-inner-lft{ width:34%;}
.s1-bx-uls {
    padding: 0 0;
}
ul.bnr-lst li{ font-size:17px;}
.s1-bx-uls li { width:32%;}
/*************************/
.s1-bx2 .bdhding2 {}
.s1-bx2 .bdfont {}
	
.bnr-strp{}
.bnr-stp-lft{ width:56%;}
.bnr-stp-rit{ width:100%;}
.bnr-stp-prdts {
    top: 33px;
    width: 428px;
}
.bnr-stp-txt {left: -26%;}



.sec1{ }
.s1-lft {
    width: 44%;
}
ul.s1-list li {
    padding: 0 0 0 256px;
    margin-top: 20px;
}
.s1-li-img {
    width: 238px;
}

/*------------section1-------------*/

/*******************************/

.sec2{ background-size: cover; height: auto; padding: 40px 0px 50px;}
.s2-prodt {right: -12%;}	
.sec2-box{}
.s2lft, .s2rgt{width: 64%; padding: 0px 0px 0px 0;}
.w-box{ width: 53%; padding: 60px 0 0 25px;}
.s2-img1 {right: 20px;}

/***************************/
.odr-stp-lft { width: 100%;}
.odr-strip{ background-size:cover;}
/***************************/

.shop-bx{width:32%;}

.cart-rgt{width:37%;}

ul.chk-list li{font-size:16px;}
.chk-mny-bck h3{font-size:28px; line-height:32px;}
.shop-sec .collections-item{width: 32.14%;}
.cat-link-box h3{font-size: 26px;}
.crt-from-sec1::after{ width:42%;}

}


@media only screen and (max-width:1023px) {
.container, .mnu-container{ max-width:760px; width:100%; }
/*.container{width: 750px;}*/
.bdhding2 {font-size:34px; line-height:44px;}
.bdhding2 span{ font-size:22px;line-height: 32px;}
.bdfont,.s1-bx2 .bdfont { font-size: 18px;line-height: 28px; margin-top: 15px; width: 100%;}

.show-mob, .show-desk {display: none;}
.show-tab {display: block;}

.top-fix-bar{}
.menu{top:55px; margin-top:-55px; padding:15px 0;}
.mob-mnu-ic{top:2px;}
.logo{}
ul.menu-list{margin-top:0;}
ul.menu-list li{padding:0 8px;}

a.menuBtn{display:none;}


.banner{ height: auto;}
.banner_left{ padding: 40px 0 0px; width: 58%;}
.banr_hdng { font-size: 46px; line-height: 52px;}
.bnr_para { width: 100%; font-size: 17px; line-height: 27px;}
.banr_rvw { font-size: 88px; line-height: 80px; left:1%;}
.banner_rit { width: 100%;  margin-top: 30px;}
.banner_rit_bx{ float:none; display:inline-block; width:100%; }
ul.bnrStrp_List { justify-content: center; column-gap: 6px;}
ul.bnrStrp_List li span { font-size: 17px; line-height:27px; }
.bnr-gls { top: 220px; right: 0; max-width: 320px;}
.bnr-model { position: static; display: block; margin: 0 auto 10px; max-width: 100%;}

.bnrStrip { padding: 20px 0;}
.bnrStripList { column-gap: 10px; justify-content: center; padding: 0; margin-top: 0px; }
.bnrStripList li,.bnrStripList li:first-child,.bnrStripList li:last-child { flex-direction: column; padding:0px 5px;}
.bnrStripList li img { max-width: 100%; margin:0 auto 10px; position:static; display:block;}
.bnrStripList li div { width: 100%; text-align:center;}
.bnrStripList li div span{ font-size:16px; line-height:26px;}
.bnr-glass { top: 385px; right: 0px; max-width: 385px;}
.bnrStripList li div p{ font-size:14px;}
.bnrStripList li:before{ right:-6px;}


.sec_style{ padding:30px 0;}
.sec_style_lft .s6-bx-contnt { margin-top: 30px; justify-content: center; column-gap: 15px;}
.sec_style_lft .s6-bx-contnt .s6-bx { width: 49%;}
.sec_style_lft:before { width: 782px;}
.sec_style_rit:after { width: 780px;}
.sty_hdg { font-size: 26px; line-height: 38px; margin-right: 0; padding: 0 8px;}
.sec_style_rit .sty_hdg{ left:0;}

.sectionOne{ padding:30px 0 40px; background-position: 35% top; height: auto; background-size: cover;}
.sec1_prod_slider { width: 100%; margin-top: 35px;}
.sec1_treatment_row{ padding:0 0;}
.common_heading{ font-size: 30px; line-height: 36px;}
.common_text { font-size: 17px; line-height: 27px; margin-top: 12px;}
.treatment_col{ padding:0px;}
.treatment_col_para { padding-right:0; line-height:26px; margin-top: 10px; font-size:16px;}
.treatment_col_box{ padding: 10px 10px 10px; width: 100%; }
.brand_num { font-size: 30px; line-height: 32px; }
.brand { font-size: 18px; line-height: 28px; top: 0px;}
.treatment_col_hdg { font-size: 22px; line-height: 28px;}
.treatment_col:last-child .treatment_col_box{ padding:15px 0 0 0;}
.treatment_col_box .button_box { margin-top: 15px; max-width: 170px;}
.treatment_col_box .common_btn { font-size: 15px; line-height: 18px; height: auto; }

.sec2 { padding: 25px 0;}
.s2_row_mid_rit{ float:none; display:inline-block; width:100%; text-align:center; }
.sec2_glass{ position:static; display:block; margin:10px auto 10px; max-width:300px; }
.s2_left {width: 100%;  padding: 15px 0 0px 285px;}
.s2_right {width: 100%; margin-top: 0px; padding-bottom: 0; padding-left: 285px;}
.s2_list_step{font-size: 18px;}
.s2_list li{width: 40%;}

.s2_row { justify-content: center; display: inline-block;}
.s2-img{width:260px; margin-top:0px;}
.s2_right .button_box { margin-top: 15px;}
.button_box { max-width:206px;}
.common_btn { height: 46px; font-size: 20px; line-height: 46px;}
.s2_list { margin-top: 55px; justify-content: center; column-gap: 10px; row-gap: 55px;}
.s2_list_head{font-size: 17px; line-height: 27px; }
.s2_list_text{font-size: 16px; line-height: 26px; }



.sectionThree { padding: 40px 0;}
.sec3_rit{ float:none; display:inline-block; width:100%; text-align:center; margin-top:0; padding-bottom:0; }
.sec3_model{ position:static; display:block; margin:10px auto 10px; max-width:300px;}
.s3_list { justify-content: center; column-gap: 10px; row-gap: 15px; margin-top: 20px;}
.s3_list li { font-size: 16px; line-height: 26px; text-align:center; }
.s3_icn{ margin:0 auto 5px; }
.sec3_circle { top: 70px; left: -30%; max-width: 365px; }

/********************************/
.odr-strip{}
.odr-stp-lft {}
.odr-uls{justify-content: center;}
.odr-uls li{width: 32%; padding:0 10px; text-align:center;}
.odr-li-img {position: static;margin: 0 auto 6px;}
.odr-uls li span {}
/******************************/

/********CART********************/
.summry-lft .cart-lft, .summry-lft .card-box3{width:100%;}
.cart-inr{margin:0 0 40px;}
.cart-prc-det{padding:5px 20px 20px;}
.cart-row{padding:17px 0 5px;}
.cart-col2{font-size:16px; line-height:20px; padding-left:55px; width:36%;}
.cart-col3, .cart-col5{font-size:16px; line-height:20px; padding-top:40px;}
.cart-col4{width:24%; padding-top:30px;}
.cart-det-btn{width:240px}
.cart-prc-det .btn-box p{display:none;}
.conti-btn{width:240px;}


.pay-bx .frm-box-inr{padding:20px;}
ul.chk-list li{vertical-align:top;}
.chk-mny-bck{padding-left:110px;}
.chk-mny-bck-lft{width:90px;}
.chk-mny-bck-img{width:75px;}
.chk-mny-bck h3{font-size:22px; line-height:25px;}
.chk-inr-rgt .comn-hdg{font-size:26px; line-height:30px;}
.continue-shpbtn{padding: 10px 10px;font-size: 17px;}

.rec-post-bx img{width:60px;}
.rec-post-bx p{width:calc(100% - 75px);}

.accordion{font-size:20px; line-height:24px;}
.acdn-content p{font-size:16px; line-height:24px;}

.ftrtxt1, .ftrtxt2{width:100%; text-align: center; margin:2px 0;}

}


@media only screen and (max-width:767px) {
.container, .mnu-container{ width:100%; max-width:600px; padding: 0 10px;}
.show-desk, .hide-mob {display: none;}
.show-mob {display: block;}


.

.bdinpad{padding:0 10px;}
.bdhding1{font-size:18px;line-height:22px;}
.bdhding2{font-size: 26px;
        line-height: 34px;}
.bdhding2 span { font-size: 18px; line-height: 28px;}
.bdfont, .s1-bx2 .bdfont { font-size: 17px; line-height: 27px;  width: 100%;}
 
.mob-mnu-ic{top:10px;}
.mobilemenu{top:80px;} 
.top-strip{display:none;}

.banner{ background: #f0f7ff; height: auto; padding: 0px 0px 25px 0; text-align: center;} 
.banr_rvw{ display:none;}
.bnr-glass_mob{ display: inline-block;vertical-align: middle; margin: 15px 0 10px; max-width: 100%;}
.banner_left{ /*width: calc(100% + 30px);margin-left: -15px; background: url(../images/banner-mob.jpg) no-repeat right top; background-size: cover;*/ padding: 25px 0px 0px; width: 100%; text-align: center; float: none; display: inline-block; max-width: 355px; }
.banr_rvw { font-size: 13px;line-height: 18px; letter-spacing:0;}
.banr_rvw img { margin: -3px 2px 0 0;width: 70px;}
.banr_hdng { font-size: 28px; line-height: 34px; letter-spacing: 0; margin-top: 0; width: 100%; }
.bnr_para { font-size: 16px; line-height: 26px; margin-top: 10px; padding-top: 0; width: 100%;}
.button_box { max-width:188px; margin-top: 20px;}
.common_btn { line-height: 42px; height: 42px; font-size: 16px; }
.banner_rit { width: 100%; margin-top: 10px; padding: 10px 10px; }
.bnr-model {margin: 16px auto 10px;max-width: 100%; position: static;}
.banner_rit_bx{ width:100%;}
.banner_rit_bx .common_heading { font-size: 24px; line-height: 32px;}
ul.bnrStrp_List { justify-content: center; column-gap: 6px; margin-top: 18px; row-gap: 15px; }
ul.bnrStrp_List li{ width:100%; max-width:355px; text-align:center; padding:15px 10px; box-shadow:0px 0px 2px #0361c2; }
ul.bnrStrp_List li span { font-size: 16px; line-height: 26px;  margin-bottom: 0;}

.bnrStrip { border-top: 0px solid #f6f6f6; padding: 25px 0;}

.bnrStripList { width: 100% ; margin-left: 0px; max-width:100%; padding:0 0; border:none; border-radius:0; row-gap: 15px;}	
.bnrStripList li {}
.bnrStripList li, .bnrStripList li:first-child, .bnrStripList li:last-child{ 
	padding: 15px 10px;
	background: #fff;
	border: 1px solid #e9e9e9;
	border-radius: 10px 10px;
	width: 48%;
}
.bnrStripList li img{ margin:0 auto 5px;}
.bnrStripList li div p {
    font-size: 16px;
    line-height: 26px;
}
.bnrStripList li:nth-child(2){}
.bnrStripList li:nth-child(3){}
.bnrStripList li:nth-child(4){}
.bnrStripList li:before{ display:none;}


.sectionOne{ padding:30px 0px; border-top: 1px solid #e9e9e9;}
.common_heading { font-size: 26px; line-height: 36px;}
.common_text { font-size: 16px; line-height: 26px; letter-spacing: 0.5px; margin-top: 20px; width:100%; }
.sec1_treatment_row{ margin:0px 0 0; padding:0 0 0px;}
.sec1_prod_slider{ width: 100%; max-width: 355px;  margin-top: 0; float: none; display: inline-block; text-align: center; }
.treatment_col{ padding: 10px 10px; margin-top: 20px; width: 100%; max-width: 355px; justify-content: center; row-gap: 5px; border: 1px solid #e9e9e9; box-shadow: 0px 0px 2px #e9e9e9;}
.treatment_col_box_img{ width:100%;}
.s1-prod-img { max-width: 100%; }
.treatment_col_box, .treatment_col:last-child .treatment_col_box { width: 100%; text-align: center; padding: 15px 20px 15px;}
.treatment_col:nth-child(2) .treatment_col_box{padding: 10px 20px 25px;}
.s1-btn{ margin-top: 35px;}
.brand_num { font-size: 26px; line-height: 30px;}
.treatment_col_para{ width:100%; margin-top: 2px;}
.brand, .treatment_col:last-child .treatment_col_box .brand { font-size: 18px; line-height: 28px;}
.treatment_col_hdg {font-size: 19px;line-height: 23px;}

.s1-treatment-icon { right: 15px; top: 15px;}


.sec2{ padding: 25px 0 25px; border-top: 0px solid #bbb;}
.s2_row{ width:100%; max-width:355px; text-align:center;}
.s2_right{ width: 100%;
    float: none;
    display: inline-block;
    text-align: center;
    padding: 0 0;}
.s2_left{     float: none;
    display: inline-block;
    width: 100%;
    margin-top: 0;
    padding: 0 0;
    text-align: center;
 }
.s2-img{ max-width: 45%;
    margin-top: 0;
    position: static;
    display: block;
    margin: 0 auto 10px; }
.s2_prd-hdg {
    font-size: 20px;
    line-height: 28px;}
.s2-pric {
    font-size: 20px;
    line-height: 28px;
    margin-top: 5px;
}
.s2_row_mid { margin-top: 0px;}
.s2_list{ margin-top: 25px; row-gap: 20px; }
.s2_list li { width: 100%; max-width: 355px; padding: 15px 20px; box-shadow: 0px 0px 2px #bbb; }
.s2_list_icn { margin: 0px auto 10px;}
.s2_list_step {font-size: 17px;}
.s2_list_head { font-size: 18px; line-height: 28px;}
.s2_list_text { font-size: 16px; line-height: 26px; }
.s2_right .button_box{ margin:15px 0 0;}

.sectionThree { padding: 25px 0; border-top: 1px solid #e9e9e9;}
.sec3_circle{ display:none;}
.sec3_model { margin: 20px auto 0px -15px; max-width: unset; width: calc(100% + 30px);}
.s3_list { justify-content: center; margin-top: 20px;}
.s3_list li{ width: 31%; font-size: 16px; line-height: 23px;}

.section6{ padding:25px 0 30px;}
.s6-right{ width:100%; text-align:center;}



/***********************************/


/*------------section1-------------*/

/*************************************/

/************************************/

/****************************************/
ul.inner-top-list li{font-size: 13px;}
/****************************************/

.ftr-txt a{display:block; margin:8px 0;}
.ftr-txt small{display:none;}
.ftr-bar{display:none;}
.phn-txt{display:inline-block;}
.phn-txt img{display:inline-block; vertical-align:middle; margin-right:5px;}

.footer{padding:25px 0;}
.ftr-txt{font-size:14px;}
.ftr-links{font-size: 16px;}

.shop-sec{flex-wrap:wrap;}
.shop-bx{/*width:100%;*/}

.prd-det-lft{width:100%; margin-bottom:20px; margin-top:0;}
.prd-det-mob{max-width:100%; margin-bottom:10px;}
.prd-det-s1{height:auto;}
.prd-det-rgt{width:100%; text-align:center;}
.prd-det-s1-lft{width:100%; text-align:center;}
.prd-det-s1-lft .comn-txt {font-size: 17px; line-height: 26px;}
.prd-det-s1-rgt{display:none;}
.input-counter{float:none; margin:20px auto 0;}

.ben-prd{position:static; transform:none; display:block; margin:0 auto; max-width:100%;}
ul.ben-list{width:100%;}
ul.ben-list li:first-child:before, ul.ben-list li:after{display:none;}
.prd-det-btn{position:static; transform:none; display:inline-block; margin:25px auto 0; float:none; text-align:center;}
.prd-det .comn-txt{ margin-top:10px;}

.cart-lft{width:100%;}
.cart-rgt{width:100%;}
.cart-prd{display:none;}
.cart-row{padding:5px 0 8px;}
.cart-col2{padding-left:0; width:30%; font-size:14px; line-height:18px;}
.cart-col4{width:30%;}
.cart-col4 .input-counter{width:80px;}
.input-counter input[type="text"]{width:30%; font-size:20px;}
.cart-col4 .input-counter button img{width:10px; margin:0 auto;}
.cart-col4 .input-group-prepend, .cart-col4 .input-group-append{width:29%;}
.inp-coup{margin-top:20px; width:100%;}
.update{float:left; width:100%; text-align:left; margin:20px 0;}
.cart-col1, .cart-col2, .cart-col3, .cart-col4, .cart-col5{padding:10px 0 0 !important;}
.cart-col2, .cart-col4{padding-top:5px !important;}
table.prc-list tr td{padding:15px 0;}

.chk-inr{margin-bottom:30px;}
.chk-inr-lft{width:100%;}
.frm-box-inr{padding:10px;}
.pay-bx .frm-box-inr{padding:20px 10px;}
.frm-hdg{font-size:24px;}
.we-acp img{width:200px;}
.frm-field label{width:100%; text-align:left; margin:5px 0;}
.frm-field input[type="text"], .frm-field select{width:100%;}
.chk-inr-rgt{width:100%; margin-top:25px;}
.chk-prc-bx{margin:5px 0;}
.chk-prc-bx-hdg span{float:right;}
.chk-tsti-bx small{margin:15px auto;}
table.chk-prd-det .input-counter{width:80px;}
table.chk-prd-det .input-counter button img{width:10px; margin:0 auto;}
table.chk-prd-det .input-group-prepend, table.chk-prd-det .input-group-append{width:29%;}
.chk-btn{margin:25px auto 10px;}
.secur-logo{margin-bottom:10px;}

.resour-inr{margin:10px 0 20px;}
.resour-inr-lft{width:100%;}
.resou-bx-cont{padding:10px;}
.res-hdg{font-size:30px; line-height:34px;}
.resour-inr-rgt{width:100%; margin:20px 0;}

.accordion-container{padding:0; margin:10px 0 20px;}
.accordion{font-size:18px; line-height:24px; padding:10px 55px 10px 50px;}
.acdn-content{padding-right:20px;}

.contact-inr{padding:10px 0 20px;}
ul.contact-list{row-gap: 20px; padding:10px;}
ul.contact-list li{font-size: 16px;line-height: 22px;width: 100%;text-align: left; padding: 10px 0 10px 73px;}
ul.contact-list li img {position: absolute;left: 5px;top: 0;}
.thank-pg{margin:30px 0;}
.thank-hdg{font-size:24px; line-height:28px;}
.thnk-bx{padding:10px; width:100%;}
.thnk-bx-lft, .thnk-bx-rgt{width:100%;}
.thnk-ship{margin-top:10px;}

.prd-det-sec{padding: 20px 0;}
.prd-det .comn-hdg {margin-bottom: 15px;}

}
@media only screen and (max-width:640px) {
	
ul.s4-list{margin-bottom:0px;}
ul.s4-list li{width:100%;margin-top:20px;}
}

@media only screen and (max-width:480px) {
ul.s2-list li{width:100%;}
ul.s3-list li{padding:0;}
ul.s4-list li h3{font-size:18px; line-height:22px;}

ul.s7-list li{font-size:15px; line-height:19px;}
ul.s2-list li .page-btn{width:210px;}

ul.strp-list li{width:46%; font-size:18px;}

.collections-item{min-height:100px}

.dis480{ display:none;}

.rev-desc, .user-name{ font-size:16px;}
}