@charset "utf-8";

@media only screen and (min-width: 320px) and (max-width: 599px) {
nav { display:none;}
.responsive-menu { display:block;}

#wrapper { margin:0px auto; width:100%;}

.breadcrumb { display:none; padding:25px 30px;}

.content { margin:20px 10px 0px 10px; padding:0px 20px 15px 20px; min-height:inherit;}
#home-banner { margin: 15px auto; width: 100%; height:auto;}
.sliderContainer, .banner-box { height:auto;}
.banner-box h1 { font-size:13px; width:140px;}
.banner-box h2, .banner-box p { display:none;}
.infoBlock { top:0;}
.data { margin:0px 10px; padding:0px 15px;}
.product { float: none; margin: 10px auto; text-align: center; width: 94%;}
.home-product-04 { margin-left:3%;}
.last { margin-right: auto; }
.product a { display: block; padding-top: 15px; width: 100%;}

.footer { padding:20px 35px; text-align:center;}
.copy { float:none; padding-left:0px; background:none;}
.copy span { display:block; color:#787878;}
.design { float:none; margin-top:5px;}

.con-pic-right { float:none; margin:15px 0px 15px 0px;}

.inquiry-left { float:none; width: 100%;}
.inquiry-right { float:none; width: 100%;}
form .text, form textarea { width: 95%; }

.contact-left { float:none; width:100%;}
#map { float: none; width: 100%; height: 310px;}

ul.plat-punch-landing { margin:0px auto; padding:0px; list-style-type:none;}
ul.plat-punch-landing li a { float:left; margin:10px 20px 10px 0px; width:92%;}
}

@media only screen and (min-width: 600px) and (max-width: 1023px) {
nav { display:none;}
.responsive-menu { display:block;}

#wrapper { margin:0px auto; width:100%;}

.breadcrumb { display:none; padding:25px 30px;}

.content { margin:20px 10px 0px 10px; padding:0px 20px 15px 20px; min-height:inherit;}
#home-banner { margin: 15px auto; width: 100%; height:auto;}
.sliderContainer, .banner-box { height:auto;}
.banner-box h1 { font-size:20px; width:70%;}
.banner-box h2 { font-size:18px; width:70%; font-weight:bold;}
.banner-box p { width:70%;}
.infoBlock { top:0;}
.data { margin:0px 10px; padding:0px 15px;}
.product { margin: 10px 10px 10px 10px; width: 46%;}
.product a { width:100%; display:block; padding-top:10px;}

.inquiry-left { float:none; width: 100%;}
.inquiry-right { float:none; width: 100%;}
form .text, form textarea { width: 97%; }

.contact-left { float:none; width:100%;}
#map { float: none; width: 100%; height: 310px;}

ul.plat-punch-landing { margin:0px auto; padding:0px; list-style-type:none;}
ul.plat-punch-landing li a { float:left; margin:10px 20px 10px 0px; width:42%;}
}

@media only screen and (min-width: 600px) and (max-width: 700px) {
.footer { padding:20px 35px; text-align:center;}
.copy { float:none; padding-left:0px; background:none;}
.copy span { display:block; color:#787878;}
.design { float:none; margin-top:5px;}

.con-pic-right { float:none; margin:15px 0px 15px 0px;}
}

@media only screen and (min-width: 1024px) and (max-width: 1099px) {

}