@charset "utf-8";

.forMob,.forTab{ display:none ;}
/*==============Media=============*/

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

.bnr-rgt{width: 75%;}
.brn-bx{margin-top: 40px;}
.product-bnr{left: 20px;}

.sec2-in {column-gap: 13px;}
ul.s3list{ width:100%;}
ul.s3list li{width: 48%;}
a.s2btn2{ font-size:22px;}
ul.cart-prclist li{ font-size:18px;}
.s2-model {max-width: 300px;}
.strip1in{padding: 20px 10px;}
.strip1in ul li {}
.strip1in ul li:after { right: 0px;}
.strip1in ul li span {}

/*=======pro-dtl-sec=============*/
.prod-box li .s2prd_bndl{ max-width:240px;}
ul.pro-dtl-sec2-list li:after{ width:230px;}
.s2prd1, .s2prd_bndl{ max-width:230px;}
.btn-sec2 {
    margin-top: 10px;
    padding: 14px 26px;
    font-size: 16px;
    line-height: 16px;
}
.p6-sec2 { font-size: 16px; line-height: 26px;}
.p7-sec2 {}

.p2-sec3 {
    font-size: 39px;
    line-height: 53px;
}
/***************/
.sec1-in{width: 73%;}
}


@media only screen and (max-width:1021px){
.container{ width:750px;}
.forDesk{ display:none;}
.forTab{ display:block;}

.logo{ width:180px; margin-top:6px;}
ul.nav li{ margin-right:40px;}

/***************/
.banner { height: auto; padding: 50px 0;background-size: 1636px;  background-position: 56% top;}
.product-bnr { width: 207px; }
.bnr-rgt { width: 90%; margin-top:0;}
.p2-bnr span {font-size: 48px; line-height: 58px;}
.p1-bnr {font-size: 28px; line-height: 34px;}
.p2-bnr { font-size: 29px; line-height: 35px;}
.p3-bnr{width:90%; margin-top:10px;}
.brn-bx {padding: 20px 10px;    margin-top: 20px;}
.brn-bx-rgt {width: calc(100% - 237px);}
.brn-bx-rgt-p1 {
    font-size: 26px;
    line-height: 24px;
}
.brn-bx-rgt-p2 {
    font-size: 18px;
    line-height: 26px;
    margin-top: 10px;
}
/*************/
.strip1in { padding: 14px 20px;}
.strip1in ul li { padding: 0;  text-align: center;}
.ic-strip { position: static; display: block;  margin: 0 auto 10px;}
.strip1in ul li p { font-size: 17px; padding: 7px 0 0 57px;}
.shape-strip { bottom: -24px; width: 75px;}
.strip1in ul li:after { display:none;}
/*************/
.section1 {}

.hdng1div1 { width: 67%; margin-top: 25px;}
.hdng2 {
    font-size: 32px;
    line-height: 44px;
}
.p3-sec1 { margin-top: 5px; font-size: 18px;}
/***************/
.sec1-in{width: 83%;}
ul.list-sec1 {margin: 15px 0 0; width: 95%;column-gap: 9px;}
ul.list-sec1 li {font-size: 18px; line-height: 25px; width: 49%;}
ul.list-sec1 li p { font-size: 16px; line-height: 22px;}
.model-sec1 { width: 255px;}
/**************/
.section2 { padding: 30px 0; }
.hdng1div2 { width: 60%;}
.sec2-in { margin: 30px 0 0; column-gap: 15px;}
.prod-div-sec2, .prod-div-sec2:last-child {
    width: 31%;
    justify-content: space-evenly;
}
.prod-sec2:nth-child(6), .prod-sec2:nth-child(7){top: 50px;}
.mrgn1-sec2 { margin-left: 2%;}
.prod-divin-sec2, .s2detls { width: 100%;padding: 20px;}
.prod-divin-sec2{}
.prod-sec2:nth-child(2), .prod-sec2:nth-child(3){top:30px}
.prod-sec2:nth-child(4), .prod-sec2:nth-child(5){top:40px}
.prod-sec2 {
}
.sec2-in {
    margin: 30px 0 0;
    column-gap: 15px;
    width: 58%;
}
.padd1-sec2 { }
.p4-sec2 { font-size: 22px; line-height: 22px;}
.p7-sec2 {}
.price-cut { font-size: 19px; margin: 0 0 0 9px;}
.btndiv-sec2 { padding: 12px;}
.btn-sec2 {}
.s2-model { }
/***************/
.prlx-strip { padding: 30px 0; background-attachment: scroll;}
.strip-inner{width:100%;}
.p2-prlx { width: 98%; margin: 8px auto 23px;}
.btn-prlx{ width:200px;}
/************/
.sec3-lft-in, .sec3-rgt-in{ width:375px;}
.sec3-lft-in { padding: 0 10px 0 0;}
.hdng1div3 { width: 96%; margin-top: 30px;}
.p3-sec3 { margin-top: 15px;}
.points-sec3 { margin: 25px 0 0;}
.mrgn1-sec3 { }
.prod-sec3 { width: 340px;}
.p5-sec3 { line-height: 22px; margin: 5px 0 0;}
.hdng2 {}
.p3-sec2{width:100%; font-size:18px;}
.sec3-lft {
    padding: 42px 0 0 0;
}
/*****************/
.section4 { padding: 30px 0;}
ul.list-sec4 {margin: 25px 0 0 0; justify-content: center;    column-gap: 20px;}
ul.list-sec4 li { width: 37%;}

ul.list-sec4 li p {}
ul.list-sec4 li p span {}

.disclmr{ width:100%; margin-bottom:15px;}
.ftr-logo{ width:270px;}
.ftr-cont-info{ width:47%; padding:10px 0;}
.ftr-cont-info li, .ftr-cop-info li{ margin-top:10px;}
.ftr-cont-info li:after{ display:none;}
ul.ftrlist{ width:100%;}

/*=======pro-dtl-sec=============*/
ul.pro-dtl-sec2-list li{ width:48%;}
ul.pro-dtl-sec2-list li:after{ transform:rotate(0deg);}
ul.pro-dtl-sec2-list li .s2prd1{ margin-left:0;}
ul.pro-dtl-sec2-list li:after{ left:50%; margin-left:-125px; top:170px;}
.pr-dtl-s1-rgt-p3{ font-size:18px; line-height:26px;}
.prd-card{ width:145px; margin-left:10px;}

.cart-remv{ z-index:5;}
.submit-btn{font-size: 25px;line-height: 29px;padding: 12px 20px 12px;}
.cart-box1{font-size: 16px; padding:10px 0;}
.one{  padding:0 0 0 20px;}

.frm1, .frm2{ padding:15px;}
.frmElmnts{}
.frmElmnts label{ width:36%; font-size:15px;}
.frm1 .frmfld input, .frm1 .frmfld select{ width:64%;}
.weaccept{ padding:10px 0;}
.weaccept span.span1{ width:30%;}
.pr-dtl-s1-lft{width: 30%;}
.pr-dtl-s1-rgt {
    width: 60%;

}
.pr-dtl-s1-rgt2 {
    width: 100%;
}
.shp-btm {
    padding: 13px 17px;
}

.pr-dtl-s1-rgt-p2 {
    font-size: 26px;
    line-height: 34px;
}
.wan-spinner2 .minus, .wan-spinner2 .plus {
    width: 30px;
}
}


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

.top-fix-bar{ margin-bottom:55px;}
.header{ height:55px; margin-top:-55px; top:55px; padding:0;}
.logo{ float:left; padding:0; width:130px; margin-top:13px;}

/*MOBILE MENU CSS*/
.mob-mnu-ic{
    cursor: pointer;
    position:absolute;
    right:35px;
    top:18px;
	z-index:16;
	height:30px;
	}
.mob-mnu-ic button{
	outline: none;
    -webkit-appearance: none;
	background: none;
	padding:0;
    cursor: pointer;
	border: none;
	margin:0;
	}
.mob-mnu-ic span{
	color:#fff;
	display:inline-block;
	vertical-align:top;
	font-size:16px;
	margin-top:4px;
	margin-right:5px;
	}
.bar1, .bar2, .bar3 {
	width: 30px;
	height: 3px;
	background-color: #a7a7a7;
	transition: 0.4s;
	}
.bar2{margin: 6px 0;}
.dl-active .bar1 {
	-webkit-transform: rotate(-45deg) translate(-8.5px, 6px);
	transform: rotate(-45deg) translate(-8.5px, 6px);
	background:#a7a7a7;
	}
.dl-active .bar2 {opacity: 0;}
.dl-active .bar3 {
	-webkit-transform: rotate(45deg) translate(-7px, -4px);
	transform: rotate(45deg) translate(-7px, -4px);
	background:#a7a7a7;
	}	
.mobilemenu{
	left:0;
	position:fixed;
	top:54px;
	background:#fff;
	z-index:12;
	right:0;
	bottom:0;
	overflow:scroll;
	display:none;
	border-top:1px solid #ddd;
	}
.mobimenu-top{ top:80px;}
.mobilemenu li{
	float:left;
	width:100%;
	text-align:left;
	border-bottom:1px solid #ddd;
	}
.mobilemenu li a{
	float:left;
	width:100%;
	padding:17px 20px;
	font-size:18px;
	color:#000;
	}
.mobilemenu li a.header-btn {
    float: left;
    width: 150px;
    font-size: 18px;
    color: #ffffff;
    height: 42px;
    line-height: 40px;
    font-weight: 600;
    margin:10px 0;
    border-radius: 20px;
    background: #19c354;
	padding:0;
	text-align:center;
	}

/***********************/
.banner { padding: 35px 0; background:#efefef;}
.bnr-rgt { width: 100%; text-align:center; margin-top:0;}
.p1-bnr {font-size: 18px;  line-height: 26px;}
.p2-bnr {font-size: 25px; line-height: 30px; margin-top:0;}
.p2-bnr span {font-size: 30px; line-height: 38px;}
.p3-bnr{width:100%; font-size:18px; line-height:28px;}
.product-bnr { 
	position: static;
    margin: 0 auto 0;
    width: 46%;
    max-width: 230px;
	}
.btn1-buy { margin: 20px auto 0;}
.brn-bx-rgt {
    width: 100%;
    text-align: center;
}
/**********/
.strip1 {
    padding: 20px 0;
}
.strip1in {
    padding: 14px 20px;
    border-radius: 40px;
}
.p1-sec2, .p1-sec3, .p1-sec1, .p1-sec4, .p6-prdct1 {padding: 0 8px;}
.hdng1 { font-size: 17px;  line-height: 17px;}
.ic-strip { position: static; margin: 0 auto; display: table;}
.strip1in ul { row-gap: 0px;
}
.strip1in ul li p { padding: 7px 0 0; text-align: center;font-size: 14px;}
.strip1in ul li span {font-size: 17px;}
.strip1in ul li {width: 49%; padding: 10px 0; font-size: 16px;}
.strip1in ul li:nth-child(3), .strip1in ul li:nth-child(4){ border-top:1px dotted #fff;}
.strip1in ul li:nth-child(2), .strip1in ul li:nth-child(4){ border-left:1px dotted #fff;}
/**************/
.section1 { background:#e6e7f0; height:auto; padding:30px 0;
}
.sec1-in { min-height: auto; padding-left: 0; width:100%;}
.hdng1div1 {
    width: 80%;
    float: none;
    margin: 15px auto 0;
	display:table;
}
.p1-sec1, .p1-sec3, .p6-prdct1 { padding: 0 15px; text-align: center; display: inline-block;}
.p2-sec1, .p3-sec1 { text-align: center;}
.model-sec1 { margin: 15px 0 20px; position:static;}
ul.list-sec1 { width:100%}
ul.list-sec1 li{width:100%; text-align: center;}
.ic-sec1 {
    margin: 0 auto 10px;
    display: block;
}
ul.list-sec1 li:after{ display:none;}

ul.list-sec1 li p { text-align: center;}
/****************/
.hdng1div2 { width: 100%; max-width: 465px;}
.s2-model{display: inline-block; float: none;  max-width: 230px; margin-top: 20px;}
.sec2-in{justify-content: space-evenly; width:100%;}
.prod-div-sec2,.prod-div-sec2:last-child,.sec2-in .prod-div-sec2:last-child {width: 100%; max-width: 370px;}
.mrgn1-sec2 { margin-left: auto; margin-top:15px;}
.p3-sec2{ width:100%;}
/**************/
.p2-prlx { width:100%;}
.p1-prlx {
    font-size: 23px;
    line-height: 26px;
}
.hdng2 {
    font-size: 29px;
    line-height: 40px;
}
/*************/
.sec3-lft{
    height: auto;
    width: 100%;
    float: none;
    display: table;
    margin: 0 auto;
    padding: 0;
	text-align:center;

}
.sec3-rgt {width: 100%;}

.hdng1div3 {
	width:100%;
	max-width:425px;
    float: none;
    display: table;
    margin: 0 auto;
}
.p2-sec3, .p3-sec3 { text-align: center;}
.prod-sec3 {
    margin: 0 auto;
    float: none;
    width: 100%;
    max-width: 230px;
}
.points-sec3 { margin: 7px 0 0;}
/***************/
.section4 .p3-sec1 {width: 100%;}
ul.list-sec4 {column-gap: 10px;}
ul.list-sec4 li {width: 48%;}

ul.list-sec4 li p { text-align: center; width:100%; padding: 10px 10px;}
ul.list-sec4 li p span {font-size: 18px;  line-height: 27px;  margin-bottom: 5px;}

.ftr-logo{ width:175px;}
.ftr-cont-info{ padding:5px 0 0; margin-top:0px; width:100%; display:inline-block; vertical-align: middle; max-width:355px;}
.ftr-cont-info li, .ftr-cop-info li{ margin-top:5px; font-size:16px; line-height:24px;}
.ftr-cont-info li img{left: auto; margin-left: -20px;}
.ftr-cop-info{ width:100%; margin-top:0;}
ul.ftrlist li:first-child{ width:100%;}
ul.ftrlist li:first-child:after{ display:none;}
ul.ftrlist li{ font-size:15px; padding:0 0 0; margin-top:10px; line-height:24px;}
ul.ftrlist li a{ width:33%; padding:0 5px;}
.ftrtxt{ font-size:17px; line-height:25px;}
ul.ftrlist{ margin:0 0 10px;}
.disclmr{ font-size:14px; line-height:20px; text-align:center; letter-spacing:0.5px;}
.ftr-rgt{width:100%;}

/*=======pro-dtl-sec=============*/
.stars{ }
.pr-dtl-s1-rgt-p3{ margin:20px 0 10px;font-size: 17px;line-height: 25px; letter-spacing:0.5px;}
.shp-btm{ text-align:center; padding: 10px;justify-content: center;column-gap: 20px; }
.prd-card{ width:180px; float:none; display:block; vertical-align: top;margin:0 auto;}
.shp-btm a.show-btn{ float:none; display:inline-block; vertical-align:top;}
.pr-dtl-s1-rgt2 {
    float: left;
    width: 100%;
    margin: 28px 0 0 0;
}

ul.pro-dtl-sec2-list{ margin-top: 30px;}
ul.pro-dtl-sec2-list li{ width:100%; max-width: 330px;}
p.s1-txt.s2-txt{ margin-top:15px;}
ul.pro-dtl-sec2-list li .s2prd-hding{ min-height:1px;}

.pro-dtl-sec1{ padding:25px 0 30px;}
.pr-dtl-s1-lft{ width:100%;box-shadow: none; margin-top:25px; padding:10px 0;}
.shop-lft{border:none; padding:10px 0 0; margin-bottom:0;}
.pr-dtl-s1-lft img{max-width: 160px;}
.pr-dtl-s1-lft img:nth-child(2), .pr-dtl-s1-lft img:nth-child(3){width: 180px;}
.pr-dtl-s1-lft img:nth-child(4), .pr-dtl-s1-lft img:nth-child(5){width: 170px;}
.pr-dtl-s1-rgt-p1{ margin:0;font-size: 28px; line-height: 32px;}
.pr-dtl-s1-rgt-p1 span{font-size: 18px;line-height: 25px; letter-spacing:0.5px;}
.pro1-dtl{ padding:0;max-width:90%;}
.pr-dtl-s1-rgt{ width:100%; text-align:center; padding:0; margin:0;}

.pr-dtl-s1-rgt-p2{font-size: 22px; line-height: 30px; width:auto;}

.pro-sec2{ padding:20px 0 30px;}
.pro-dtl-sec2{ padding:20px 0 40px;}
.pro-p1{margin-top: 15px;font-size: 17px; line-height: 24px;}

.s2prd-prc, .s2prd-prc2{ font-size:25px; line-height:32px;}
.s2prd1, .s2prd_bndl{ margin-left:-110px;}


/*==========CART===========*/
.cart-sec1{ padding-bottom:25px;}
.crt-frm1, .crt-frm2{ width:100%;}

.cart-frm{ padding:30px 0;}
.cart-box1{font-size: 16px; padding:10px 0;}

.one{ text-align:left;width: 49%;}
.two, .three, .four {width: 16%;}
.cart-prd{display:none;}
.cart-prd1, .cart-prd2, .cart-prd3{ width:50px;top: 7px;}
.cart-remv{ width: 20px; top:0;}
.cart-prdname {padding: 5px 0px 5px 0px;font-size: 14px;line-height: 18px;}
.span3{}
.span2 {}
.unit-price, .sub-total{font-size: 14px;line-height: 22px;}

.card-box3{display: flex;flex-wrap: wrap;flex-direction: column-reverse;padding: 15px 0;}
.ship-time{ width:100%; padding-left:0;}
.card-box3rgt{ width:100%;}
ul.cart-prclist li{ padding:5px 10px; font-size:16px;}
ul.cart-prclist li:last-child{padding:7px 10px;}
ul.cart-prclist li span.span2{ font-size:18px;}
.submit-btn{font-size: 25px;line-height: 29px;padding: 12px 20px 12px; letter-spacing:0.5px;}
.secure{ width:220px;}
.safebox p{ font-size:21px; line-height:27px;}
.continue-shpbtn, .continue-brwbtn, #browse{ }

.proceed-chkbtn, .continue-shpbtn{float: none; display: inline-block; vertical-align: top;  font-size: 20px;  width: 100%;  max-width: 300px;    height: 55px;  padding: 0;  line-height: 57px;    margin: 10px 0 0 0;}
.nt-slt{ text-align:center;}
/*==========CONTACT===========*/
.contact-us{ padding:0 0 50px;}
.contact-lft{ width:100%; margin-top:30px;}
.contact-rgt{width:100%; margin-top:30px;}
.cont-lst li{ font-size:16px; letter-spacing:0.5px;}

}