@charset "utf-8";

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

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


ul.nav{}
ul.nav li{ padding:0 20px;}
ul.nav li a{ font-size:15px;}

.banner{ background-size:cover;}
.s1txt{ padding:0 60px;}

ul.s1list li{ width:31.5%; padding:15px 15px 20px;}
.s2prd-sb-hding{ font-size:17px; line-height:24px;}
ul.s3list li .p-ttxt{ font-size:26px; line-height:30px;}
.s2prd-hding{ font-size:24px; line-height:30px;}
.s2lft, ul.pro-dtl-sec2-list li{width: 32%;}
ul.s3list li{padding: 86px 0;}

/*==========CART===========*/


}


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

ul.nav{ float:right; text-align:left;}
p.hdrlist{ display:none;}
.logo{}

.banner{ padding:40px 0;}
.bnrprd {top: -30px;right: 140px;max-width: 130px;}
.bnrprd1{right: 0px;}
.bnrprd2, .bnrprd3{top: 170px;right: 150px; max-width: 110px}
.bnrprd3{right: 10px;}
.bnr-heading{ width:61%;}
.bnr-heading h1{ font-size:50px; line-height:56px}
.bnr-txt{ font-size:17px; line-height:25px; width:100%; margin-top: 10px;}

ul.bnrstrip-list li{ width:32%; padding-left:50px;}
ul.bnrstrip-list li p span{ font-size:19px; line-height:27px; padding-bottom:5px;}
ul.bnrstrip-list li img{ top:3px;}
ul.bnrstrip-list li p{ font-size:15px; line-height:20px;}

.bdhding{ font-size: 28px;
        line-height: 49px;}
	.bdhding span{font-size: 38px;}	
.s1txt { padding:0;}
ul.s1list{ margin-top:15px; padding:0;}
ul.s1list li{ margin-top:25px; width:32%;}
.s1lhding{ font-size:23px; line-height:27px;}
.s1ltxt{ width:78%;}

ul.s3list li {padding: 86px 0;}
.prod-box{ margin-top:30px;}
.s2lft, ul.pro-dtl-sec2-list li{ width:48%;}
ul.s3list li .p-ttxt{ font-size:21px; line-height:28px; left:15px; bottom:15px;}
.ftr-cont-info li, .ftr-cop-info li{ float:left; width:100%; margin-top:8px;}

ul.s4list li .s4-pnt-txt{ font-size:18px; line-height:26px;}


.pro-dtl-sec1{ padding:40px 0 40px;}
.pr-dtl-s1-lft{ width:36%;}
.pr-dtl-s1-rgt{ width:60%;}
.pro1-dtl{ width:100%;}
a.ing.sccode{ margin:18px 0 0 25px;}
ul.pro-dtl-sec2-list{ }

.pr-dtl-s1-rgt-p3{ font-size:17px; line-height:25px; letter-spacing:0.5px;}
.pro-p1{ font-size:17px; line-height:25px;}
/*==========CART===========*/
.cart-box1{ padding:10px 0;}
.one{}
.two, .three, .four{ }
.cart-prdname {}
.cart-prd1{ border:1px solid #ddd; border-radius:4px; top:15px; left:10px;}
.cart-remv{ top:6px; width:20px; height:20px; padding:5px;}

.frm1, .frm2{ padding:15px;}
.frm1 .frmfld input, .frm1 .frmfld select{ width:65%;}
.frmElmnts label{ width:33%;}
.chkbx{ top:5px;}
.cards{ float:left;}
.weaccept span.span1{ width:26%;}

}


@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; padding: 15px 0;}
.logo{         max-width: 173px;
        margin: -4px 0 0;}

.bnr-heading{  width:100%; text-align:center;}
.bnr-heading h1{         font-size: 34px;
        line-height: 42px;
        margin-top: 5px;}
.bnrprd{position: static;display: inline-block; vertical-align: top; margin: 20px -14px 0; max-width: 160px; transform: translateX(0);}
.bnrprd2, .bnrprd3{}
.bnr-heading a.btn{ margin-top:25px;}
/*MOBILE MENU CSS*/
.mob-mnu-ic{
    cursor: pointer;
    position:absolute;
    right:15px;
    top:0px;
	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;
	}
.pop-innr{width: calc(100% - 10px);}
.banner{ padding:25px 0 30px;}
img.bnr-prod1,img.bnr-prod2,img.bnr-prod3,img.bnr-prod4{ display:none;}

.bnrstrip{padding:0 0 28px;}
ul.bnrstrip-list{ display:inline-block; vertical-align:top; max-width:355px; float:none; padding:0 20px;}
ul.bnrstrip-list li{ width:100%; margin-top:20px;}
ul.bnrstrip-list li p{ font-size:16px; line-height:24px;}
ul.bnrstrip-list li p span{ font-size:20px; line-height:26px; padding-bottom:0;}

.sec1{ padding:20px 0 30px;}
.bdhding{font-size: 20px; line-height: 37px;  margin-bottom: 20px;}
.bdhding span{font-size: 32px; line-height: 40px;}
.bdhding:after{ bottom:-20px;}
.s1txt{ font-size:17px; line-height:25px; margin-top:18px;}
ul.s1list{ padding:0 0px;}
ul.s1list li{ width:100%; padding:15px 15px 25px;}
ul.s1list li:nth-child(3){background-position: right center;}
.s1-btn .btn{ width:200px; margin-top:25px; font-size:20px;}

.sec2{ padding:20px 0 30px;}
.prod-box{ }
.s2lft,ul.pro-dtl-sec2-list li{ width:100%;max-width: 340px;}
.s2prd-sb-hding{ min-height:1px;}
.s2prd-prc, .s2prd-prc2{ padding:5px 0 10px 0;}

.sec3{ padding:20px 0 30px;}
ul.s3list{ margin-top: 30px; justify-content: center;}
ul.s3list li img{top: -70px;}
ul.s3list li{ width:100%;padding: 30px;max-width: 355px;}
ul.s3list li .p-ttxt{ font-size:16px; line-height:24px; left:9px; bottom:9px;}

.sec4{ padding:20px 0 30px;}
ul.s4list{ display:inline-block; vertical-align:top; max-width:360px; float:none;}
ul.s4list li{ width:32%;}
ul.s4list li img{ width:80px;}
ul.s4list li .s4-pnt-txt{ font-size:15px; line-height:20px;}
.pr-dtl-s1-lft img:nth-child(2){position: absolute;
    z-index: 5;
    max-width: 221px;
    left: 0%;
    top: 41px;}

.pr-dtl-s1-lft img:nth-child(3){         max-width: 221px;
        left: 40%;
        top: 41px;}

footer{ padding:30px 0;}
.ftr-logo{ width:170px;}
.ftr-cont-info li, .ftr-cop-info li{ font-size:16px; line-height:24px;}
ul.ftrlist li:nth-child(1){ border-right:none; display:block; float:left; width:100%; font-size:15px; padding-bottom:5px;}
.disclmr{ padding:11px;}
ul.ftrlist li{ padding:0 5px; margin-top:4px; line-height:20px;font-size:15px;}
.ftrtxt{ font-size:18px; line-height:26px;}


/*=======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 10px;}

.pr-dtl-s1-rgt-p4{text-align:center; width:100%}
.pr-dtl-s1-lft{ width:100%;box-shadow: none; margin:20px 0 20px;padding: 20px 0 20px;}
.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;}
.pr-dtl-s1-rgt-p1:after{ display:none;}
a.show-btn{ float:none;}
.pr-dtl-s1-rgt{ width:100%; text-align:center;}
.pr-dtl-s1-rgt-p3{ margin:0 0 10px;font-size: 17px;line-height: 25px; letter-spacing:0.5px;text-align: left;}
.pr-dtl-s1-rgt-p2{font-size: 28px; line-height: 30px;}
a.ing.sccode{ display:inline-block; vertical-align:top; float:none; margin:15px 0 0;}
.qty-blk{justify-content: center;}

#pop_content_ing{ width:355px; height:400px;}
.pro-dtl-sec2{ padding:20px 0 30px;}
ul.pro-dtl-sec2-list{ margin-top:30px;}
ul.pro-dtl-sec2-list li{ width:100%;}
.pro-p1{ width:100%;}

.pro1-dtl{ width:80%;}
/*==========CART===========*/
.cart-sec1{ padding:0 0 15px;}
.cart-frm{ padding:30px 0;}
.cart-box1{font-size: 16px;}
.one{ text-align:left;width: 49%; padding:0 0 0 10px;}
.pd-bx{display:none;}
.two, .three, .four {width:16%;}
.cart-prd1, .cart-prd2, .cart-prd3{ width:50px;top: 7px; left:5px;}
.cart-remv{width: 20px; top:0; }
.cart-prdname {font-size: 14px;line-height: 18px; padding: 0 0 0 15px;}
.cart-prd{display:none;}
.span3{line-height: 20px;}
.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;}
.card-box4-lft{ padding-top:20px;}
.continue-shpbtn {float: none; display: inline-block; margin:10px 0; padding:10px 23px; font-size:18px;}
.proceed-chkbtn,.continue-shpbtn{     max-width: 265px;height: 60px; width: 100%;  font-size: 20px; line-height: 54px; padding: 0; margin-top: 15px;
    display: inline-block; vertical-align: top; float: none; margin: 0px 0 10px;}
.nt-slt{ text-align:center;}
.crt-frm1, .crt-frm2{ width:100%;}
.safebox p{ padding:10px 0;}
.ship-time{ width:100%; margin-top:20px;}
.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;}

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


/*****************************/
.ftr-cont-info{margin-top:10px;}
ul.ftrlist{margin:10px 0;}
}