@charset "utf-8";

@media screen and (min-width:320px) and (max-width:399px) {

					
}

@media screen and (min-width: 320px) and (max-width: 369px){
	.banner-title{
		font-size: 30px;
	}

	.banner-txt{
		font-size: 16px;
	}

	.banner-line{
		margin: 20px auto;
	}

	.banner-content{
		max-width: 260px;
		margin: 0 auto;
	}

	.banner-frame{
		padding: 24px;
	}

	.frame-line-1, .frame-line-2{
		max-width: 35px;
		max-height: 35px;
	}
}

@media screen and (max-width:399px){
	.s-b6-ul li ,.a-b5-ul li ,.c-b4-ul li{
		margin: 10px 0;
	}

	.s-b6-location ,.a-b5-location ,.c-b4-location{
		margin-top: 10px !important;
	}
}

@media screen and (max-width: 440px){
	.choose-language{
		right: 5px;
	}

	.select-size{
		padding: 0;
	}

	.nav-left img{
		padding-left: 5px;
		padding-top: 18px !important;
	}


	.nav-left{
		max-width: 164px;
	}
}

@media screen and (min-width: 500px) and (max-width:639px){
	
}

@media screen and (max-width: 549px){
	.b-5-ul{
		padding-left: 20px;
	}

	.b-5-ul li{
		font-size: 16px;
	}

	.mar-lr-40{
		margin: 0 20px;
	}
}

@media screen and (min-width: 370px) and (max-width: 579px){
	.banner-title{
		font-size: 20px;
	}

	.banner-txt{
		font-size: 18px;
	}

	.banner-line{
		margin: 20px auto;
	}

	.banner-content{
		max-width: 320px;
		margin: 0 auto;
	}

	.banner-frame{
		padding: 30px;
	}

	.frame-line-1, .frame-line-2{
		max-width: 35px;
		max-height: 35px;
	}
}

@media screen and (max-width: 599px){
	.b-7-Btitle{
		left: 50%;
		transform: translate(-50%,-50%);
	}
}

@media screen and (min-width: 640px) and (max-width:767px){
	
	
}

@media screen and (max-width: 699px){
	.c-b2-left ,.c-b2-right{
		width: 100%;
		float: left;
		margin:-100px 0 0 30px;
	}
}

@media screen and (max-width: 767px){
	#fp-nav{
		display: none;
	}

	.nav-hidden{
		display: none;
	}

	.nav-left img{
		padding-top: 10px; 
	}

	.b-2-width{
		width: 100%;
	}

	.b-2-title ,.b-3-title ,.b-4-title ,.b-6-title ,.b-7-Btitle h2 ,.s-b2-content h2 ,.s-b3-Content h2 ,
	.s-b6-Btitle h2 ,.a-b2-content h3 ,.a-b4-title{
		font-size: 26px;
	}

	.a-b5-Btitle ,.c-b2-Btitle ,.c-b3-Btitle ,.c-b4-Btitle{
		font-size: 17px;
	}

	.c-b2-info h3{
		font-size: 18px;
	}

	.index-b-3{
		padding-top: 30px;
	}

	.b-5-txt p{
		margin: 0 auto;
		padding: 0 20px;
		box-sizing: border-box;
		font-size: 16px;
		line-height: 28px;
		height: 230px;
	}

	.s-b6-ul span ,.s-b6-location ,.a-b5-ul span ,.a-b5-location ,.c-b4-ul span ,.c-b4-location{
		font-size: 14px !important;
	}

	.footer-pad{
		padding: 0 40px;
	}

	.footer-mar-b-20-xs{
		margin-bottom: 20px;
	}

	.l-n-left span ,.l-n-right span{
		display: none;
	}

	#footer .container .row{
		max-width: 768px;
		width: 100%;
	}
}

@media screen and (max-width: 849px){
	.s-b2-content{
		left: 50%;
		transform: translate(-50%, -50%);
	}
}

@media screen and (max-width: 886px){
	.a-b2-img{
		display: none;
	}

	.a-b2-swiper .a-b2-content{
		top: 50%;
		right: 0;
		left: 50%;
		transform: translate(-50%, -50%);
		padding: 0 20px;
		box-sizing: border-box;
	}
}

@media screen and (max-width: 991px){
	.b-6-width{
		width: 100%;
		padding: 0 20px;
		box-sizing: border-box;
	}

	.index-bg6 ,.index-bg2 ,.index-bg4 ,.about-bg3 ,.contect-bg3 ,.contect-bg2{
		padding: 60px 0;
	}

	#fp-nav ,.s-b3-right-img ,.s-b3-left{
		display: none;
	}

	.s-b3-Content{
		right: 0;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	.s-b3-Content{
		display: block;
	}

	.footer-pad h3{
		font-size: 20px;
	}

	.footer-mar-b-20{
		margin-bottom: 20px;
	}

	.pad-l-0{
		padding-right: 0;
	}

	.pad-r-0{
		padding-left: 0;
	}

	.nav-phone-icon{
		display: block;
	}

	.nav-hidden{
		display: none;
	}

	.nav-left img{
		padding-top: 10px;
	}

	.hamburger{
		padding: 20px 15px 15px;
	}
}

@media screen and (min-width: 768px) and (max-width:991px){
	
}
@media screen and (min-width: 992px){
	.nav-active{
	
	}
}
@media screen and (min-width: 1200px) and (max-width:1400px){

			
}			

@media screen and (max-width: 1200px){
	.nav-right ul{
		margin-right: 20px;
	}
}

@media screen and (max-width: 1214px){
	.mar-t-10{
		margin-top: 10px;
	}
}

@media screen and (max-width: 1129px){
	.s-b3-left ,.s-b3-right-img{
		max-width: 430px;
	}

	.s-b3-Content{
		max-width: 500px;
	}
}

@media screen and (min-width: 320px) and (max-width: 419px){
	.pro-img-w{
		width: 100%;
		padding: 6px 60px;
	}

	#filters{
		left: -92px;
	}
}

@media screen and (min-width: 420px) and (max-width: 649px){
	.pro-img-w{
		width: 50%;
	}

	#filters{
		left: -92px;
	}
}

@media screen and (min-width: 650px) and (max-width: 799px){
	.pro-img-w{
		width: 33.3%;
	}
}

@media screen and (min-width: 800px) and (max-width: 1194px){
	.pro-img-w{
		width: 24.9%;
	}
}

@media screen and (min-width: 1195px){
	.pro-img-w{
		width: 25% !important;
	}
}	

@media screen and (max-width: 1140px){
	.nav-right a{
		padding: 5px 13px;
	}
}

@media screen and (max-width: 1450px){
	#header .nav{
		max-width: 100%;
		box-sizing: border-box;
	}
}