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

@media (max-width: 1150px){


}

@media (max-width: 1024px){

}

@media (max-width: 1000px){

}

@media (max-width: 990px){
.product-left{
	width:100%;
	float:none;
	background:#fff;
	position:relative;
	top:auto;
	left:auto;
}

.product-left img{
	display:block;
}

.product-right{
	width:100%;
	float:none;
}

}

@media (max-width: 767px){

.benefits ul{
	margin-left:60px;
}

h2{
	font-size:40px;
}

.benefits ul li{
	font-size:20px;
	line-height:28px;
}

.benefits h2, .benefits h3{
	text-align:left;
	padding-left:15px;
}

.banner h1{
	font-size:40px;
	line-height:55px;
}

.oilyhands{
	margin:60px 15px;
}

.oilyhands h3{
	font-size:28px;
	line-height:36px;
}

.benefits{
	padding-top:60px;
	padding-bottom:60px;
}

.inquiry{
	padding-top:60px;
}

.benefits h3{
	margin-top:50px;
	font-size:30px;
}

.banner p{
	font-size:36px;
}

.logo{
	margin-top:60px;
}

.banner{
	padding-bottom:60px;
}


}


@media (max-width: 320px){
.logo{ margin-top:80px;}
h1{ font-size:27px; line-height:50px; padding:0 15px;}
.banner{ padding-bottom:100px;}
.banner p{ font-size:18px; margin-top:20px;}
h2{ font-size:35px;}
.benefits ul li{ font-size:19px;}
}