
@media ( max-width: 1400px ){
	.content{
		max-width: 100%;
	}
	
	#s6 .title{
		position:relative;
	}
	
	#s6 .left{
		    width: 60%;
					padding-left: 0;
	}
	#s6 .right{
		    width: 40%;
	}
	
	#s6 .left > div{
		width:50%;
	}

}

@media ( max-width: 600px ){
	#s1 {
		padding-top: 220px;
		background-size: 280% auto;	
	}
	
	#s1 .right-line {
		text-align:center;
	}
	#s1 .right-line span:after{
		display:none;
	}
	
	#s1 .title{
		font-size: 70px;
		transform: none;
		margin-left: 0;
		text-align: center;
		letter-spacing: -3px !important;
		margin-bottom: 100px;
	}
	
	#s1 .title span{
		letter-spacing: -3px !important;
	}
	
	#s1 .right{
		display: none !important;
	}
	
	#s1 .left{
		padding: 0px;
		width: 359px;
		margin: 0 auto;
		float: none;	
	}
	.topborder{
		border: none;
	}
	
	#s2, #s3{
		min-height: initial;
	}
	
	#s2 .content,
	#s3 .content,
	#s4 .content,
	#s5 .content,
	#s6 .content,
	#s7 .content,
	#s8 .content{
	    width: 100%;
		padding-left: 20px;
		padding-right: 20px;
	}
	
	#s2 .left .title, #s3 .left .title{
		font-size: 40px;
		letter-spacing: -3px;
		color: #fff;
		margin-bottom: 10px;
	}
	
	#s2 .left .title br, #s3 .left .title br{
		display: none;
	}
	
	#s2 .right, #s3 .right{
		width:100%;
	}
	
	#s2 .right .pad, #s3 .right .pad{
		padding: 0;
	}
	
	#s2 .left .wide, #s3 .left .wide{
			margin-bottom: 20px;
	}
	
	.button{
		border: 2px solid #e92f2f;
		text-align: center;
		margin-bottom:20px;
		padding: 10px 5px;
		display:block;
		width:100%;
	}
	
	
	
	.button:before{
		margin-right: 10px;
	}
	
	#s2:after,
	#s3:after,
	#s7:after{
		content: '';
		display: block;
		width: 100%;
		height: 100%;
		position: absolute;
		background: rgba(0, 0, 0, 0.68);
		top: 0;
		z-index: -1;
	}
	
	#s4{
		height: 680px;
	}
	
	#s4 .wide{
		margin-bottom: 20px;
		padding-left: 0px;
	}
	
	#s4 .title{
		font-size: 35px;
		line-height: 50px;
		letter-spacing: -4.5px;
	}
	
	#s5 .item .img{
		width: 60%;
		height: initial;
	}
	
	#s5 .item .img:after{
		content:'';
		padding-top:100%;
		display:block;
	}
	
	
	#s5 .slider .slick-next {
		right: 5px;	
		top: 30%;
	}
	
	#s5  .slider .slick-prev{
		left: 5px;
		top: 30%;
	}
	
	.screen .slick-arrow:before{
	    font-family: san-serif;
		font-size: 30px;	
	}
	
	.screen .slick-arrow{
		width: 40px;
		height: 40px;
	}
	
	#s5 .slider{
		background-size: contain;
		background-position: center top;
	}
	
	#s5 .item .title{
		font-size: 43px;
	}
	
	#s5 .item .desc{
		padding: 0 10px;
	}
	
	#s5 .item .desc, #s5 .item .price{
			color: rgba(255, 255, 255, 0.68);
	}
	
	#s5 .slider{
		height: initial;
	}
	
	
	#s6 .title{
		    font-size: 35px;
	}
	
	#s6 .quote{
		display: none;
	}
	
	#s6 .left{
		padding-top:0;
	}
	
	#s6 .keys{
		padding-top: 20px;
	}
	
	#s6 .left{
		 width: 100%;
	}
	
	#s6 .right{
		 width: 100%;
	}
	
	#s6 .text{
		line-height: 1.7;
	}
	
	
	#s6 .slick-prev{
		left: -5px;
		bottom: -60px;
		top: initial;
	}
	
	#s6 .slick-next{
		right: -5px;
		bottom: -60px;
		top: initial;	
	}	
	
	.abs_btm {
		display: none;
	}
	
	.s7content .right{
		width:100%;
	}
	
	#s7 .title{
		font-size: 33px;
		letter-spacing: -3px;
	}
	
	#s7 .title br{
		display: none;
	}
	
	#s7 .text{	
		padding-left: 0;
		margin-left: 0;
		border: none;
	}
	
	#s8 .title{
		width:100%;
		width: 100%;
		padding: 0;
		font-size: 40px;
	}
	
	.col3{
		    width: 100%;
	}
	
	#s8 .item{
		margin-bottom:10px;
	}
	
	#s8 .desc br{
		display: none;
	}
	#s8 .desc{
		margin-bottom: 40px;
	}
	

	#s9,
	#s9 .title,
	#s9 .wide,
	#s9 input{
		color:#1b1b1b;
	}
	
	#s9 .form input{
		border-bottom: 1px solid #1b1b1b;
		color:#1b1b1b;
	}
	
	#s9 ::-webkit-input-placeholder {color:#1b1b1b;}
	#s9 ::-moz-placeholder          {color:#1b1b1b;}/* Firefox 19+ */
	#s9 :-moz-placeholder           {color:#1b1b1b;}/* Firefox 18- */
	#s9 :-ms-input-placeholder      {color:#1b1b1b;}

	
	.footer .right,
	.footer .left{
		display: none;
	}
	.footer {
		height: 100px;
	
	}
	
	.footer .content{
		padding-left:20px;
		padding-right:20px;
		padding-top: 40px;
	}
	.footer .social a{
		margin: 0 10px;
	}
	
}


@media ( max-width: 430px ){
	#s1 {
		padding-top: 160px;
		height: 680px;
	}

	#s1 .left{
			width: 280px;
	}

	#s1 ul.plus li{
		margin-bottom:0;
		white-space: nowrap ;
	}

	#s1 ul.plus h1{
		font-size: 14.5px;
		padding-top: 3px;
	}

	#s1 .title{
		font-size: 55px;
		margin-bottom: 20px;
		text-indent: -6px;
	}
	
	.listay {
		font-size: 8px;
		letter-spacing: 6px;
	}
	.listay span{
		font-size: 10px;
		margin-left: 11px;
	}
	
	#s2 .left, #s3 .left{
		width:100%;
	}
	
	#s2 .left .title, #s3 .left .title{
		font-size: 31px;
	}
	
	#s2 .left .wide, #s3 .left .wide{
		font-size:10px;
	}
	
	#s4{
		 height: 500px;
	}
	
	#s4 .content{
		padding-top:100px;
	}
	
	#s4 .title{
		font-size: 30px;
		line-height: 1.3;
		letter-spacing: -2px;
	}
	
	#s5 .price{
		font-size:19px;
	}
	
	#s8 .title{
	    font-size: 34px;
		margin-bottom: 50px;
	}
	
	.button{
		    letter-spacing: 2px;
	}

}

@media ( max-width: 376px ){
	#s1 .content{
		padding:10px;
	}

	#s1 .title{
		font-size: 49px;
		text-indent: -9px;
	}
	
	#s2 .left .title, #s3 .left .title{
		font-size: 28px;
	}
	
	.wide {
		letter-spacing: 6px;
	}

}












