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

@media only screen and (max-width:1024px){
	.prdct ul li{
		margin:5px 0.8%;
	}
}

@media only screen and (max-width:980px){
	.prdct ul li img{
		height:auto !important;
	}
	
	.prdct ul li{
		width:29.8%;
	}
	
}

@media only screen and (max-width:900px){
	.prdct ul li{
		width:29.5%;
	}
	
	.prdct .inquiry-btn{
		float:left;
	}
	
	.aside{
		width:22.7%;
	}
}

@media only screen and (max-width:870px){
	#nav{
		clear:both;
		float:left;
		margin-top:0;
	}
	
	.aside{
		margin-left:8px;
		width:25%;
	}
	
	.section {
		width:72.5%;
	}
}

@media only screen and (max-width:768px){
	.aside{
		width:30%;
	}
	
	.section{
		width:69.5%;
	}
	

	
	#nav a{
		padding:0 22.6%;
	}
	
	.prdct ul li{
		width:45.5%;
	}
	
	.top-line{
		width:101.5%;
	}
	
	.aside{
		width:28%;
	}
	
	.top-show{
		float:left;
	}
}

@media only screen and (max-width:736px) {
	.aside{
		display:none;
	}
	.section{
		width:100%;
	}
	
	.logo{
		margin-bottom:20px;
	}
	
	#nav ul{
		margin-left:0;
	}
	
	#nav ul#dropdown{
		display:none;
	}
	
	#nav ul li.product-desktop{
		display:none;
	}
	
	#nav ul li.product-res{
		display:block;
	}
	
	.drop-arw{
		float:right;
		width:15px;
		margin-right:15px;
		margin-top:10px;
	}
	
	#nav ul li.product-res ul#prdct-dropdown{
		display:none;
	}
	
	#nav ul li.product-res ul#prdct-dropdown li a{
		text-indent:20px;
		transition:none;
	}
	
	#nav {
		transition:none;
	}
	
	#nav ul li{
		float:none;
		border-bottom:#000 solid thin;
		text-indent:10px;
	}
	
	#nav ul li a{
		padding:0;
	}
	
	.prdct .inquiry-btn{
		float:right;
	}
	
	#nav .menu-head{
		display:block;
		cursor:pointer;
		color:#FFFFFF;
		font-weight:bold;
	}
	
		.top-line{
		margin-left:0;
		width:100%;
	}
	
	.social-top{
		display:block;
	}
	
	.cntct-social-top{
		float:none;
		margin:auto;
		width:100%;
		text-align:center;
	}
	
	.cntct-detail-top{
		float:left;
		margin:auto;
		text-align:center;
	}
	
	.social{
		margin-top:2px;
	}
	
	.cntct-detail-top ul li{
		float:none;
		display:inline-block;
	}
	
	.cntct-detail-top{
		border-bottom-right-radius:10px;
		border-bottom-left-radius:0;
	}
	
	.logo{
		float:none;
		width:100%;
		text-align:center;
		margin-left:0;
	}
	
	#nav ul{
		border:none;
	}
	
	.bg-white{
		margin-top:-8px;
	}

	
	#brown #nav ul li a:hover, #brown #nav ul li a.active{
		background:#7f6c36 none;
		color:#fff;
	}
	
	#blue #nav ul li a:hover, #blue #nav ul li a.active{
		background:#085784 none;
		color:#fff;
	}

	
	#orange #nav ul li a:hover, #orange #nav ul li a.active{
		background:#9E6E29 none;
		color:#fff;
	}

	
	#burgandy #nav ul li a:hover, #burgandy #nav ul li a.active{
		background:#75313C none;
		color:#fff;
	}
	
	.top-show{
		float:right;
	}
	
}

@media only screen and (max-width:568px){
	.quick{
		width:100%;
	}
	
	.cntct-detail-bottom{
		float:left;
		width:100%;
		border:none;
		border-top:thin solid #cdcdcd;
		padding-left:0;
	}
	
	.footer-logo{
		float:left;
		padding-bottom:15px;
	}
	
	.cntct-detail-top{
		width:100%;
	}
	
	.social{
		text-align:center;
		width:100%;
		margin-top:10px;
	}
	
	.social ul li{
		float:none;
		display:inline-block;
	}
	
	
	.top-show{
		float:left;
		clear:both;
		margin-top:5px;
	}
	
	.cntct-social-top{
		margin-top:-15px;
	}
	
	.overlap{
		height:200px;
	}
	
	.cntct-detail-top{
		margin-top:5px;
	}
	
	.cntct-detail-top{
		border-radius:0;
	}
	
	.social{
		margin-right:0;
	}
}

@media only screen and (max-width:480px){
	.prdct ul li{
		width:45%;
		margin:5px 1%;
	}
	
	.form .form-group input{
		width:70%;
	}
	
	.prdct .inquiry-btn{
		float:left;
	}
}

@media only screen and (max-width:414px){
	.prdct ul li{
		width:44%;
	}
	
	.quick button{
		margin-left:0;
	}
	
	.wrapper{
		overflow:hidden;
	}
	
	
	.container{
		width:92%;
	}
	
}


@media only screen and (max-width:360px){
	.prdct ul li{
		width:93%;
	}
	
	.prdct .inquiry-btn{
		float:right;
		margin-top:8px;
	}
}