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

.show-767{display: none;}
@media only screen and (max-width: 1700px){
.mnu-container{width:1170px;}
}
@media only screen and (max-width: 1187px){
.container{ max-width:1004px; width:100%; }
.mnu-container{width:1004px;}
.bdhding2 {font-size: 40px;line-height: 50px;}

}
@media only screen and (max-width: 1023px){
.container, .mnu-container{ max-width:760px; width:100%; }
.bdfont {font-size: 17px;line-height: 27px;margin-top: 12px;}

}
@media only screen and (max-width: 767px){
.container, .mnu-container{ width:100%; max-width:640px; padding: 0 10px;}
.bdinpad{}
.bdhding1{	
	font-size:18px;
	line-height:22px;
}
.bdhding2{
}
.bdfont{	
 font-size: 17px;
 line-height: 26px;
 margin-top: 10px;

}
}
@media only screen and (max-width: 479px){
.bdhding2{
}
}

/********************/
@media only screen and (max-width: 1700px){
ul.nav li{margin:0 20px 0 0;}
ul.nav li:nth-child(7){padding:0 20px 0 0;}
ul.nav li:last-child{margin:0;}
}
@media only screen and (max-width: 1187px){
ul.nav li{margin:0 16px 0 0;font-size:17px;}
ul.nav li:nth-child(7){padding:0 16px 0 0;}
ul.nav li:last-child{margin:0;}
}
@media only screen and (max-width: 1023px){
ul.tophdr-list1 li, ul.tophdr-list2 li{
	padding:0 10px 0 0;
	margin:0 10px 0 0;
	font-size:13px;	
}
ul.tophdr-list1 li:last-child{margin:0;padding:0;}
ul.tophdr-list2 li:last-child{padding:0;margin:0 15px 0 0;}
ul.tophdr-list1 li span.span1{display:none;}
ul.tophdr-list1 li img, ul.tophdr-list2 li img{margin:0 3px 0 0;}
.logo{ max-width: 190px;  margin-top: 1px;}
ul.nav li{font-size:15px;}
ul.nav li:nth-child(7){padding:0 7px 0 0;}
ul.nav li:last-child{margin:0;}
ul.nav li:last-child img{margin:0 0 0 0;}
}
@media only screen and (max-width: 767px){
.tophdr{display:none;}
ul.tophdr-list1, ul.tophdr-list2{padding:4px 0 0 0;}
ul.tophdr-list2 li:last-child{margin:0 0 0 0;}
ul.tophdr-list3{display:none;}
.header{height:55px; top:55px; margin-top:-55px;}
.top-fix-bar {margin-bottom: 55px;}
.fixed-nav .header{height:55px;}

.intop-fix-bar {margin-bottom: 90px;}
.btmhdr{height:55px;padding: 8px 0;}
.inheader{		
	height:90px;	
	margin-top: -90px;
    top: 90px;	
}
.fixed-nav .inheader{height:90px;}

.logo {max-width: 136px;
        margin-top: -4px;}
ul.nav{display:none;}
.cart-link{position:absolute;right:40px;top:4px;}
#menu-wrapper #hamburger-menu{margin-top:6px;}
}
@media only screen and (max-width: 479px){
ul.tophdr-list1 li span.span2{display:none;}
}
@media only screen and (max-width: 359px){
ul.tophdr-list1 li, ul.tophdr-list2 li {
    padding: 0 5px 0 0;
    margin: 0 5px 0 0;
    font-size: 12px;
}
}
/*******************************/

@media only screen and (max-width: 1187px){

.banner{ background-position:40% top;}
.s1-inner {width: 48%; margin-top: 129px;}	
.bnr-hd {font-size: 60px; line-height: 69px;}
.bnrtxt2 {}
.bnr-prd {right:0%;max-width: 470px;}
.bnr-para{    width: 93%;}
.bnrtxt{ width:66%; }
.bnr_icn1 { left: -50px;}
.bnr_icn2 { right: -50px;}


}
@media only screen and (max-width: 1023px){
.banner{}	
.bnr-prodt {right: 5%;top: 240px;}
.s1-inner{width: 57%;margin-top: 120px;}
.bnr-hd { font-size:54px; line-height:64px;}
.bnrtxt2 { font-size: 22px;line-height: 32px;margin-bottom: 3px;}
.bnrtxt{ margin-top: 15px; font-size: 17px; line-height: 27px;  width: 75%;}
.bnr-prd{ top: 0; max-width: 300px;}
.bnr-para{width: 90%;font-size: 17px;line-height: 27px;font-weight: 400;margin-top:14px;}
.bdhding2 {font-size:36px;line-height: 46px;}
.bnr_icn1, .bnr_icn2 { top: 130px; max-width: 28%;}

}
@media only screen and (max-width: 767px){
.hide-767, .show-desk{display:none;}
.show-767{display:block;}
.banner { height: auto; padding: 25px 0px 30px; background:#f9f8f2;}	

.bnr-bag-mob{margin: 10px auto 10px -10px; max-width: unset; display: inline-block; width: calc(100% + 20px);}
.bnr-hd { font-size:36px; line-height: 42px;}
.bnr-prodt {position: static;margin-top: 15px;max-width: 100%;}
.bnr-zip{max-width: 90px;top: -50px;opacity: 0.4;}
.bnrtxt2 {font-size: 20px;line-height: 33px; margin: 0;letter-spacing: 2px;}
.bnr-para{font-size: 16px;margin-top: 12px;line-height: 25px; width:100%;}

.s1-inner {width:100%;text-align:center; margin:0;}

.bnrtxt{ width:100%; margin-top: 5px; font-size: 16px;  line-height: 26px;}
.bdhding2 { font-size:27px; line-height:37px;}
.bnrprd{
	position:inherit;
	right:auto;
	top:auto;
	width:300px;
	margin:20px auto 0 auto;
	display:block;
}
.comn-line {margin-bottom: 5px;}
}
@media only screen and (max-width: 479px){
.bnrhd{
	font-size:18px;
	line-height:23px;
}
.bnrprd{width:240px;}

}
@media only screen and (max-width: 359px){
.bnr-hd{		
	font-size:34px;
	line-height:37px;
}
}
/*******************************/
@media only screen and (max-width: 1187px){
ul.bnrstrip-list li{padding: 0px 10px;}
ul.bnrstrip-list li img{}

}

@media only screen and (max-width: 1023px){

ul.bnrstrip-list { justify-content: center; row-gap:20px; column-gap: 10px;}
ul.bnrstrip-list li{ width:45%;}
ul.bnrstrip-list li img{}
ul.bnrstrip-list li span{}

}

@media only screen and (max-width: 767px){
	
.bnrstrip { padding:25px 0 25px;background: #fbe9d9}
ul.bnrstrip-list { margin-top: 0;}
ul.bnrstrip-list li,ul.bnrstrip-list li:nth-child(even){width: 100%;margin: 0;padding: 0; }

}
/***********************************/
@media only screen and (max-width: 1187px){

.s1-inr {column-gap: 8px;}
.sec1 { background-position:50% top;}
.s1-rgt {}
.s1-rgt-hding {font-size: 48px;line-height: 55px;}
.s1-rgt-hding span {font-size: 125px;line-height: 125px;}	
.s1-lft {}
.s1-image {}
.s1-imge{}
/*------------section1-------------*/


}
@media only screen and (max-width: 1023px){
/*------------section1-------------*/
.sec1{  padding: 40px 0;  height: auto; background-size: cover; background-position: 35% top;}
.s1-imge { right: 15%; max-width: 295px; top: 70px; }
.s1-col1 {
    width: 100%;
	background-size:cover;
}
.s1-col2, .s1-col3 {
    width: 47%;
    text-align: center;
}
.s1-lft{}
.s1-lft .s1-text { width: 60%;}
.s1-rgt { margin-top:0px;}
.s1-rgt-hding {float: none;
        display: inline-block;
        font-size: 30px;
        line-height: 38px;
        padding: 25px 0 0px 0;}
.s1-rgt-hding span { font-size: 95px;line-height: 95px;}
.s1-image {
       position: static;
        max-width: 67%;
        margin-top: 12px;
    }
.s1-list {margin: 10px 0 0px 0;}
.s1-list li {font-size: 17px;}
.s1uls li {text-align: center;padding: 0 20px;}

}
@media only screen and (max-width: 767px){
/*------------section1-------------*/
.sec1{ padding: 25px 0; border-top: 1px solid #f9f9f9;}
.s1-rgt {
        max-width: 355px;
        text-align: center;
    }
.s1-image2 {
    float: none;
    display: inline-block;
    max-width: 100%;
}
.s1-rgt-hding {width: 100%;padding: 20px 0 0px 0;}	
.s1-col1 {
	width: 100%;
	background-size: cover;
	padding: 30px;
	height: auto;
	max-width:330px;
	margin:0 auto;
}
.s1-lft { }
.s1-lft .s1-text {width: 100%;}
.s1-image { margin-top: 10px; max-width: 100%; display: inline-block; }
.s1-list {  margin: 10px 0 0px 0; justify-content: center; row-gap: 15px;column-gap:0px;}
.s1uls {justify-content: center;row-gap: 15px;}
.s1uls li{width: 100%;text-align: center;row-gap: 15px;padding: 0 5px;}
.s1uls li span{}
.s1uls li .bdhding2 {font-size: 25px;line-height: 35px;}
.s1uls li img {}
.s1-list li {width: 100%;  padding: 0 5px;line-height: 23px;}	
.s1-lft-hding {font-size: 33px;line-height: 45px;}
.s1-col2, .s1-col3 {
	width: 100%; 
	text-align: center;
	max-width:330px;
	margin:0 auto;
    }
.s1-col3{ margin-top:20px;}	
}
@media only screen and (max-width: 479px){


}
@media only screen and (max-width: 359px){
}
/*********************************/
@media only screen and (max-width: 1187px){
.sec2{ overflow:hidden;}
ul.s2rgt-list{ margin-top:35px; column-gap: 8px;}
ul.s2rgt-list li { font-size: 20px; line-height: 28px;}
.s2-inr .shop-list li { padding: 15px 15px 15px 15px; }
.s2-inr .shop-list li img {max-width: 120px;}	
.s2-inr .shop-list li:last-child img {position: static;max-width: 100%;}
.s2-inr .shop-list li .cart-btn2 { height: 36px; width: 140px; line-height: 36px; font-size: 16px;}
.s2-rgt {width:76%;padding: 35px 225px 55px 20px;}
.s2-prodt {right: -16%;}

}
@media only screen and (max-width: 1023px){
.sec2{padding:30px 0 40px; text-align: center; }
.s2-rgt {float:none;display:inline-block;width:100%;padding: 25px 30px;text-align:center;}
.s2-prodt {position: static;max-width: 100%;margin-top: 15px;}
.s2-prodt2 {
    float: none;
    display: inline-block;
    max-width: 100%;
    margin: -10px 0 0 0px;
}
.sec2-box{ flex-wrap: wrap; justify-content: space-between; row-gap: 20px; margin-top:0px;}
ul.s2rgt-list { width: 100%;justify-content: center; margin-top: 25px; column-gap: 8px;}
ul.s2rgt-list li img { }
ul.s2rgt-list li {width: 38%;}

.s2-inr .shop-list {
    margin: 18px 0 0 0;
    justify-content: center;
    row-gap: 14px;
    column-gap: 18px;}
.s2-inr .shop-list li {width: 48%;padding: 15px 15px;text-align: center;height: auto;}
.s2-inr .shop-list li img {position: static;max-width: 150px;}
.s2-inr .cart-btn2 {margin-top: 0px !important;}
.s2-inr .shop-list li:last-child {position: static;transform: none;width: 55%;height: auto;padding: 20px 15px;}
.s2-inr .shop-list li:last-child .shop-list-bx_cont { margin-top: 15px;  padding-bottom: 0;}

}
@media only screen and (max-width: 767px){
.sec2 {padding:30px 0 30px;}
.s2-rgt { padding: 22px 10px 30px;}
.s2-inr2 {max-width: 355px;}
.s2-inr {max-width: 355px;padding: 0px 0px 0px;margin: 30px 0px 0px;}
.s2-inr .shop-list li {width: 100%; max-width: 355px;}
.s2-inr .shop-list li:last-child {width: 100%;padding: 15px 10px;}
.sec2-mob{padding:35px 0 40px 0;background:url(../images/sec2-mob2.jpg) center top no-repeat;}
.s2lft{ width: 100%; max-width: 100%;  padding: 0; height: auto;  border-radius: 15px 15px;}
ul.s2rgt-list li img{ position: static; margin: 0 auto 0; display: block;}


.s2rgt {width: 100%; height:auto;}
.w-box{ width: 77%; padding: 35px 20px; }
.sec2-box{ justify-content: center; margin-top: 0px;}
.s2rgt ul.shop-list { justify-content: center; row-gap: 20px;}
ul.s2rgt-list li {width: 45%; font-size: 18px; padding: 0 0 0 0; text-align: center;}
ul.s2rgt-list li:after { display:none;}
.s2rgt ul.shop-list li { width: 100%; max-width: 355px; }
.s2rgt-li-cont { margin-top: 20px; padding: 0 15px; width:100%;}
.s2rgt-li-imgss { display: block; margin: 0 auto; max-width: 180px; position: static;}
ul.s2rgt-list li:last-child .s2rgt-li-imgss { left: 30px; width: 212px;}

ul.s2rgt-list { justify-content: center; row-gap: 15px; margin-top: 15px;}
.cont-hdg {font-size: 20px; line-height: 28px;padding-bottom: 0;}
.s2-inr .shop-list { margin: 20px 0 0 0; justify-content: center; row-gap: 15px; column-gap: 18px;}


}
@media only screen and (max-width: 479px){

}
@media only screen and (max-width: 359px){
}
/************************************/
@media only screen and (max-width: 1187px){
	
.strip{ padding:0 0 20px;}
.strp-txt {width: 50%;}	
.strp-inr .s1hding {}
.strp-inr-lft {}

}
@media only screen and (max-width: 1023px){
.strp-inr{height: auto; padding: 30px 0px 0px;}
.strp-txt {width: 100%;}
.strp-txt span {font-size: 24px;line-height: 30px;}
.bag {position: static;max-width: 100%;margin-bottom: 10px;}
.strp-inr-lft-hding, .strp-inr-lft-hding2 {
    font-size: 32px;
    line-height: 46px;
}
.strp-inr-lft, .strp-inr-rgt {
    width: 49%;
    height: auto;
    padding: 20px 20px;
    text-align: center;}

}
@media only screen and (max-width: 767px){
.strip { padding:0 0px 25px;height:auto;}	
.strp-inr {  padding: 20px 0px 0px;}
.strp-inr:after{}	
.strp-inr-lft, .strp-inr-rgt {width: 100%;padding: 15px 10px;}
.strp-inr-rgt{ margin-top:12px;}
.strp-inr-lft-hding, .strp-inr-lft-hding2 {
	font-size: 26px;
	line-height: 36px;
}
.bag {}
}
@media only screen and (max-width: 479px){
}
/*********************************/
@media only screen and (max-width: 1187px){

.sec3 {}
.s3-image, .s3-image2 {width: 490px;}
.s3-model {max-width: 400px;}	
ul.s3list li{width:33%;}
ul.s3list li:last-child{}
.s3sub-hding{padding:68px 0 0 0;}
ul.s3list2 li{padding:0 33px;}
.s3-rgt ul.shop-list li {padding: 20px 10px 30px 152px;}
.s3-rgt .shop-imgDv {width: 155px;}

}
@media only screen and (max-width: 1023px){
.sec3{ padding:40px 0; text-align: center; }	
.se3-left {width: 100%;}
.sec-right {
    float: none;
    display: inline-block;
    width: 100%;
   }
.s3-image, .s3-image2 {
        position: static;
        width: 450px;
        max-width: 100%;
        margin-top: 15px;
    }
.s3-image2{ margin:0;}	
.s3-model {
    position: static;
    display: block;
    margin: 0px auto;
    max-width: 60%;
    padding-top: 35px;
	display:none;}
ul.s3list li{width:49%;}
ul.s3list li:last-child, ul.s3list li:nth-child(2){}
ul.s3list2 li{
	font-size:18px;
	line-height:22px;
	padding:0 16px;
}
.s3-rgt ul.shop-list li {width: 48%;}

}
@media only screen and (max-width: 767px){
.sec3{ padding: 30px 0; text-align: center;}
.s3-rgt { text-align:center;}

.sec-right { }
.sec-right ul.shop-list li {
    width: 100%;
}
.s3-image, .s3-image2 {max-width: 100%;width: 355px; display:none;}
.s3-image2{ margin-top:10px;}
.se3-left ul.shop-list li {
    width: 100%;
}
.s3-rgt ul.shop-list li { width:100%; }
.s3-model {
    max-width: 100%;
    padding-top: 22px;
}
ul.s3list{margin:10px 0 0 0;justify-content: space-around;}
ul.s3list li, ul.s3list li:last-child, ul.s3list li:nth-child(2){
	/*width: 100%;
    max-width: 280px;*/
}
.s3sub-hding{padding:48px 0 0 0;}
.s3lbx2{height:240px;}
.s3lbx1 img, .s3lbx2 img{margin:10px auto 0;}
ul.s3list li:hover .overlay .s3lbx1 img, ul.s3list li:hover .overlay .s3lbx2 img{margin:10px auto 0 auto;}
ul.s3list li:hover .overlay {/*height: 310px;*/}
ul.s3list li:nth-child(2):hover .overlay {/*height: 240px;*/}
.s3l-hding, .s3l-hding2{
	/*font-size:16px;
	line-height:26px;
	color:#fff;
	text-align:center;
	padding:8px 0 0 0;*/
}
.s3l-hding2{color:#404040;}
.s3l-hding-small{padding:9px 0 0 0;}
.s3l-hding2-small{/*padding:260px 0 0 0;*/}
ul.s3list2 li{
	float:left;
	width:33.33%;
	padding:0 2%;
}
ul.s3list2 li:nth-child(3){background:none;}
.s3sub-hding{
	font-size:26px;
	line-height:30px;
}
.s3txt{
	font-size:18px;
	line-height:26px;
}
}
@media only screen and (max-width: 479px){
ul.s3list li, ul.s3list li:last-child, ul.s3list li:nth-child(2){}
.s3lbx1 img, ul.s3list li:hover .overlay .s3lbx1 img{max-width:130px;}
.s3lbx2 img, ul.s3list li:hover .overlay .s3lbx2 img{max-width:180px;}
.s3lbx1, ul.s3list li:hover .overlay .s3lbx1{height:270px;}
ul.s3list li:hover .overlay {height: 140px;}
ul.s3list li:nth-child(2):hover .overlay{/*height:211px;*/}
.s3lbx1{height:140px;}
ul.s3list li:hover .overlay .s3lbx1{height:140px;}
.s3lbx2{height:210px;}
ul.s3list li:hover .overlay .s3lbx2{height:210px;}
.s3l-hding{padding:10px 0 0 0; font-size: 13px;    line-height: 22px;}
.s3l-hding-small{padding:10px 0 0 0;}
.s3l-hding2{padding: 150px 0 0 0;font-size: 13px;line-height: 22px;}
.s3l-hding span, .s3l-hding2 span {font-weight: 600; font-size: 18px;}
.s3l-hding2-small{/*padding:230px 0 0 0;*/}
ul.s3list .s3btn{max-width: 140px;height: 44px;line-height: 40px;}
.s3sub-hding{padding:38px 0 0 0;}
ul.s3list2 li{
	font-size:16px;
	line-height:20px;
}
ul.s3list2 li img{margin:0 auto 6px auto;}
}
@media only screen and (max-width: 359px){
ul.s3list2 li img{width:60px;}
ul.s3list2 li{
	font-size:15px;
	line-height:18px;
}
}
/***************************************/
@media only screen and (max-width: 1187px){
	.s1brl-li-div {top: 15%;}
	.s6uls li {font-size: 35px;line-height: 45px;padding: 30px 200px 40px 20px;}
	 .s6uls li img {max-width: 225px;}
}
@media only screen and (max-width: 1023px){
.s6uls li {font-size: 30px;line-height: 38px;padding: 20px 20px;text-align: center;}
.s6uls li img {
        position: static;
        display: block;
        max-width: 100%;
        margin: 0 auto 5px;
    }
ul.slbar-list li {}
.s1bar-txt1 {font-size: 20px;line-height: 30px;margin-top: 10px;}
.s1brl-li-div {
        top: 15%;
        width: 67%;
    }
.s1bar-txt1 span {font-size: 25px;line-height: 35px;}	
.s1bar-txt2 {
    width: 86%;
    font-size: 19px;
    line-height: 25px;}
ul.graybar-list li {padding: 0 6px 0 4px;}
/*------------start footer--------------*/
footer{padding:20px 0;}

}
@media only screen and (max-width: 767px){
.sec6 { padding:25px 0; text-align:center;}	
.s6uls {justify-content: center;}
 .s6uls li {
        width: 100%;
        border: 1px solid #ccc;
        font-size: 28px;
        line-height: 38px;
        padding: 20px 10px;
        text-align: center;
    }	
	    .s6uls li img {max-width: 260px;}

.s6uls li span{font-size: 22px;line-height: 28px;}
.slbar{padding:0; text-align:center;}
ul.slbar-list{row-gap: 18px;margin-top: 20px;}	
ul.slbar-list li {font-size: 16px;line-height: 22px;width:49% ;overflow: hidden;}
.s1brl-li-div {top: 9%;width: 61%;}
.s1bar-txt1 span {font-size: 22px;line-height: 30px;}
.s1bar-txt1 {}
.slbartxt {
    font-size: 18px;
    line-height: 26px;   
}
.graybar{padding:20px 0; display:none;}
ul.graybar-list{padding:10px 0 0 0;}
/*------------start footer--------------*/
ul.topftr-list{justify-content: space-between;row-gap: 5px;}
ul.topftr-list li:after{border:none;}
ul.topftr-list li {margin: 0;}
footer{padding:20px 0;}
.ftrtxt1, .ftrtxt2{
	float:none;
	display:block;
	text-align:center;
}
.ftrtxt2{padding:7px 0 0 0;}
}
@media only screen and (max-width: 479px){
	
ul.slbar-list{flex-wrap: wrap;}
ul.graybar-list li {    
    font-size: 14px;
    line-height: 14px;    
}
/*------------start footer--------------*/
.topfooter{padding:6px 0 10px 0;}
ul.topftr-list li {padding: 0 10px 0 6px;font-size:14px;line-height:14px;margin:6px 0 0 0;}
.ftrtxt1{
	    font-size: 14px;
    line-height: 24px;	
}
.ftrtxt2{
	font-size:15px;
	line-height:17px;
}
.ftr-addres p{ font-size:16px;}
}
@media only screen and (max-width: 359px){
ul.graybar-list li {    
    font-size: 12px;
    line-height: 12px;
	margin:6px 0 0 0;    
}
}