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

}
@media only screen and (max-width: 1366px) {
#Z370STEAM-mb .s1 .title h1{
	font-size:4.5em;
	}
	}
	
@media only screen and (max-width: 1280px) {
#Z370STEAM-mb .s1 .title h1{
	font-size:4em;
	}
}	
@media only screen and (max-width: 1080px) {
	}	
@media only screen and (max-width: 768px) {	
#Z370STEAM-mb .min-menu ul li {
    display: inline-block;
    max-width: 100%;
    width: 30%;
    margin: 0;
    padding: 25px 0%;
    cursor: pointer;
    background: rgba(123,0,2,0.5);
}
}
@media only screen and (max-width: 480px) {
	#Z370STEAM-mb .box2 h2{
	font-size:2em;
    font-family: 'DINPro-Black';
	}
	#Z370STEAM-mb h4 {
    color: #fff;
    line-height: 1.2;
    font-family: 'DINPro-Black';
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 2em;
    line-height: 1;
}
#Z370STEAM-mb .item p {
    text-align: center;
    display: block;
    padding: 10px 0px;
    background: rgba(0,0,0,0.4);
    font-size: 1em;
    margin-bottom: 20px;
}
}
@media only screen and (max-width: 414px) {
	#Z370STEAM-mb .box2 h2{
	font-size:2em;
    font-family: 'DINPro-Black';
	}
	#Z370STEAM-mb h4 {
    color: #fff;
    line-height: 1.2;
    font-family: 'DINPro-Black';
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 2em;
    line-height: 1;
}
#Z370STEAM-mb .item p {
    text-align: center;
    display: block;
    padding: 10px 0px;
    font-size: 1.5em;
    margin-bottom: 20px;
}
#one a:before{
    content: url(../images/15S.png);
	width:20px;
	}
#two a:before{
    content: url(../images/20S.png);
	width:50px;
	}
#three a:before{
    content: url(../images/40S.png);
	width:50px;
	}	
}
@media only screen and (max-width: 375px) {
#Z370STEAM-mb .min-menu a {
    color: #FFFFFF;
    font-size: 1em;
}
#Z370STEAM-mb .item p {
    text-align: center;
    display: block;
    padding: 10px;
    font-size: 0.4em;
    margin-bottom: 20px;
}
	}