@charset "utf-8";

header { width: 100% !important; max-width:1200px !important;}
.top_title { padding: 0 20px;}
.top_subtitle { padding: 0 20px;}

.homebox { display: flex; justify-content: space-between; flex-wrap: wrap; padding: 0 20px 40px 20px;}
	.homebox a { display: block; padding: 20px 0;}
	.homebox a img { width: 100%; height: auto;}

/* 320 + settings */
@media all and (min-width:320px){
	.homebox a { width: 100%;}
	.top_header-in2 {height: 100% !important;}
	.submain{width:calc(100% - 40px) !important; padding: 0 20px !important;}
	.submain2{width:calc(100% - 40px) !important; padding: 0 20px !important;}
}

/* 640 + settings */
@media all and (min-width:640px){
	header nav ul { width: 100%;}
	.homebox a { width: calc(50% - 20px);}
}

/* 740 + settings */
@media all and (min-width:740px){
}


/* 960- settings */
@media all and (max-width:960px){
	.onlypc {display: none;}

	.logo { width: 100%; text-align: center; height: auto;}
	header { height: 480px !important;}
	.h2 { margin-top: 30px !important;}
	header nav { width: 100%;}
	header nav ul { margin: -40px 0 16px 0; padding: 0;}
	header nav ul li { width: auto !important; display: inline-block; float: none !important; padding:0 5px;}
	.top_title { font-size: 24pt !important;}
	.top_header-in2 {height: 100%;}
	.wood { margin-bottom: 40px !important;}
	.strength { width: 100% !important;}
	.strength td { height: auto !important;}
	.strength img { width: 100%; max-width: 250px; margin: 0;}
	.inqtel { font-size: 36px;}
	
}

/* 960px+ settings */
@media all and (min-width:960px){
	.onlysp {display: none;}
	header { height: 640px !important;}
	.h2 { margin-top: 70px !important;}
	header nav ul { max-width: 560px; margin: 16px 0; padding: 0;}
	header nav ul li { width: 130px !important;  float: float !important; padding: 0;}
	.top_header-in2 {height:960px !important;}
	.top_title { font-size: 28pt !important;}
	.wood { margin-bottom: 100px !important;}
	.strength { width: 900px !important;}
	
	.top_header-in2 {height: 960px;}
	.inqtel { font-size: 36pt;}

}

/* 1200 + settings */
@media all and (min-width:1200px){
	.submain{width:1100px !important; padding: 0 50px 100px 50px !important;}
	.submain2{width:1100px !important; padding: 0 50px 100px 50px !important;}
}

/* print only settings */
@media print{
}