@charset "utf-8";

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

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


.bnr-txt1{ width:70%;font-size: 17px;}
img.bnr-prod1{ left:-30px;}
img.bnr-prod3{ right:0;}

ul.prod-list li{width: 30%;}

.sec-strip ul li{padding: 0 12px;font-size: 17px;}

.ftr-p2{font-size: 16px;line-height: 30px;}

.comnHdng{font-size: 35px; line-height: 37px}

ul.cart-prclist li{ font-size:18px;}

/*==========CART===========*/
.cart-sec1{ width:100%;}
div#frmsec{ width:100%; margin-top:30px;}
.crt-frm1, .crt-frm2{width:50%}
}


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

.header ul li a{ padding:0 20px;}
.logo{ max-width: 280px; padding:0 25px;}

.banner{ padding:40px 0;}
.bnr-strip-txt{ font-size:22px;  width:460px;}
.bnr-txt1{ line-height:26px;}
img.bnr-prod1{max-width: 170px;left: -64px;}
img.bnr-prod2{max-width: 150px;left: -80px;}
img.bnr-prod3 {right: -30px;max-width: 169px;}
img.bnr-prod4{max-width: 140px;right: -52px;}
.bnr-subHdng{font-size: 35px; line-height: 39px;}

.s1-left{ width:100%; text-align:center; padding:50px 0;}
.s1-img{ position:static; display:block; margin:-20px auto;}

.sec-strip{ background-size:cover;}
.sec-strip ul li{ width:40%;}
.sec-strip ul li:nth-child(2):after{ display:none;}

.sectionThree{ padding:50px 0;}
.s3-subHdng{font-size: 20px;}
.pro-p1{ width:100%;}
ul.prod-list{margin-top:30px;}
ul.prod-list li,.pro-sec1 ul.prod-list li{ width:48%;}
ul.s4-list li{ width:38%; margin:20px 0;}

/**********************/
.pr-dtl-s1-lft img{max-width: 150px;}
.pr-dtl-s1-lft img:nth-child(2), .pr-dtl-s1-lft img:nth-child(3) {width: 140px;}
.pr-dtl-s1-lft img:nth-child(4), .pr-dtl-s1-lft img:nth-child(5) {width: 120px;}


.ftr-logo{width: 100%; padding:0;}
.ftr-box1{ width:100%;}
.ftr-box3 {width: 100%; margin-top:30px;}
.cards{ float:none;}
.ftr-txt2{ width:100%;text-align: center;}
.ftr-txt3{width:100%;text-align: center;}


/*==========CART===========*/
.card-box3rgt, .crt-frm1, .crt-frm2{ width:100%;}

}


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

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

.top-fix-bar{ margin-bottom:60px;}
.header{ height:60px; margin-top:-60px; top:60px;}
.logo{ float: left;margin-top: 15px;  max-width: 174px;
        padding: 0;}

/*MOBILE MENU CSS*/
.mob-mnu-ic{
    cursor: pointer;
    position:absolute;
    right:15px;
    top:20px;
	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:60px;
	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;
	}

img.bnr-prod1,img.bnr-prod2,img.bnr-prod3,img.bnr-prod4{ display:none;}

.pop-innr{width: calc(100% - 10px);}
.pop-btn{width: 216px;}
.banner{ padding:20px 0 30px; background:#fafeff;}
.bnr-strip-txt{width:auto;font-size: 18px; padding:5px 18px 6px; line-height:22px;}
.bnrHdng{font-size: 30px; line-height: 37px; margin-top: 10px;}
.bnr-subHdng{font-size:20px;line-height: 30px; margin-top: 2px;}
.bnr-subHdng img{ width:40px;}
.bnr-txt1{ width:100%; max-width:100%; letter-spacing:0.5px;font-size: 16px;line-height: 24px;}
.bnr-prod-mob { margin:0 auto; max-width:90%;}
.bnr-arw {margin: 13px auto;}

.s1-left{        padding: 0px 0;}
.comnHdng {font-size: 25px; line-height: 30px;}
.comn-subHdng{padding-bottom: 5px;  margin-bottom: 5px;font-size: 20px;
    line-height: 27px;}
.comn-para {font-size: 16px;line-height: 24px;letter-spacing: 0.5px;margin-top: 20px;}
a.learn-btn{ margin-top:20px;}
a.ing.sccode{margin:10px 0 0 }
.s1-img{ max-width: 100%;}
.sectionOne{ padding-bottom:30px;}
.sec-strip{ padding:30px 0;}
.sec-strip .comn-subHdng{ margin:0; padding:0;}
.sec-strip ul{margin-top: 30px;}
.sec-strip ul li{ font-size: 16px;line-height: 24px;width: 92%; padding: 0 8px;}
.sec-strip ul li:after{background:none;}

.s4l1-img { max-width: 138px;}

.sectionThree{ padding:30px 0;}
.s3-subHdng{font-size: 19px;line-height: 27px;}
ul.prod-list{ margin:20px 0 0 0 ;}
ul.prod-list li, .pro-sec1 ul.prod-list li {width: 100%;padding: 20px 15px; max-width: 320px;}
ul.prod-list li span{ font-size:24px;}
ul.prod-list li p{ min-height:auto;font-size: 16px;}
.sectionThree .view-btn{ font-size:16px;max-width: 335px;}
.sectionThree .view-btn img{width: 15px;}
a.shop-btn{ margin-top:20px;}


.sectionFour{ padding:30px 0;}
ul.s4-list{ margin:10px 0 0;}
ul.s4-list li{ width:100%; padding:0 25px;margin: 15px 0;}
ul.s4-list li img {margin: 0 auto 10px;}
ul.s4-list li span {margin-top: 10px;font-size: 17px; line-height: 24px; letter-spacing: 0.5px;}


.footer{ padding:30px 0;}
.ftr-logo img{ width:160px;}
.ftr-box4 {margin-top: 10px;}
.ftr-txt-box{padding: 20px; margin-top: 20px; font-size: 13px; line-height: 20px;letter-spacing: 0.3px;}
.ftr-txt2,.ftr-txt3{ font-size:14px;}


/*=======pro-dtl-sec=============*/
ul.inr-top-list li{margin-right: 12px;padding-right: 12px;}
ul.inr-top-list li a, ul.inr-top-list li a:hover{ font-size:12px;}
.pro-sec1{ padding:30px 0;}

.pro-dtl-sec1{ padding:25px 0 40px; background: linear-gradient(360deg, #fff 70% 70%, #2c99c5 30% 30%);}
.pr-dtl-s1-rgt-p4{text-align:center; width:100%}
.pr-dtl-s1-lft{         width: 100%;
        box-shadow: none;
        margin-top: 10px;
        padding: 30px 0 0;}
.pr-dtl-s1-rgt-p1{ margin:0;font-size: 28px; line-height: 32px; color:#fff}
.pr-dtl-s1-rgt-p1 span{font-size: 18px;line-height: 25px; letter-spacing:0.5px; color:#fff}
.prd_quantity{justify-content: center;}
.pro1-dtl{ padding:0;max-width: 300px;}
.pr-dtl-s1-rgt{ width:100%; text-align:center;}
.pr-dtl-s1-rgt-p3{margin: 0 0 10px;
        font-size: 16px;
        line-height: 26px;
        letter-spacing: 0.5px;}
.pr-dtl-s1-rgt-p2{font-size: 28px; line-height: 30px;}

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



/*==========CART===========*/
.cart-frm{ padding:30px 0;}
.cart-box1{font-size: 16px;}
.one{ text-align:left;width: 49%;}
.two, .three, .four {width: 15%;}
.cart-prd1, .cart-prd2, .cart-prd3{ width:50px;top: 7px;}
.cart-remv{width: 20px; top:0;}
.cart-prdname {font-size: 14px;line-height: 18px;}
.cart-prd{display:none;}
.span3{font-size: 17px;line-height: 20px;    width: 97%;}
.cart-prdname span span{font-size:14px;}
.span2 {font-size: 12px;line-height: 18px;}
.unit-price, .sub-total{font-size: 14px;line-height: 22px;}

.card-box3{display: flex;flex-wrap: wrap;flex-direction: column-reverse;padding: 15px 0;}
.continue-shpbtn {float: none; display: inline-block; margin: 5px 0;}
.frm1, .frm2{padding: 20px 10px;}
.ship-time{ width:100%;}
.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;}


/*==========CONTACT===========*/
.contact-lft{ width:100%;}
.contact-rgt{width:100%; margin-top:30px;}
.cont-lst li{ font-size:16px; letter-spacing:0.5px;}



}