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

	.procut_roll .bxslider div { padding:0px 20px !important; width:326px !important; }


}
@media screen and (min-width:1101px) and (max-width:1114px)  {

	.procut_roll .bxslider div { padding:0px 20px !important; width:346px !important; }

}



@media screen and (min-width:1115px) and (max-width:1190px)  {

	.procut_roll .bxslider div { padding:0px 22px !important; width:356px !important; }
}



@media screen and (min-width:1191px) and (max-width:1287px)  {

	.procut_roll .bxslider div { padding:0px 22px !important; width:386px !important; }
}


@media screen and (min-width:1288px) and (max-width:1327px)  {


	.procut_roll .bxslider div { padding:0px 22px !important; width:401px !important; }
}

@media screen and (min-width:1328px) and (max-width:1397px)  {
.navi > li > a { padding:0px 21px !important;}

	.procut_roll .bxslider div { padding:0px 22px !important; width:431px !important; }
}

@media screen and (min-width:1398px) and (max-width:1537px)  {
.navi > li > a { padding:0px 26px !important;}
	.procut_roll .bxslider div { padding:0px 22px !important; width:461px !important; }
}



/*header*/





@media screen and (min-width:1445px) and (max-width:1530px)  {
.navi > li > a { padding:0px 17px !important; }

}

@media screen and (min-width:1348px) and (max-width:1444px)  {
.navi > li > a { padding:0px 13px !important;  }

}

@media screen and (min-width:1345px) and (max-width:1444px)  {
.navi > li > a { padding:0px 12px !important; }
}


@media screen and (min-width:1295px) and (max-width:1344px)  {
.navi > li > a { padding:0px 10px !important;  }
}



@media screen and (min-width:1024px) and (max-width:1294px)  {
.navi > li > a { padding:0px 10px !important;  }
.navi > li > a, .tnb a {font-size:16px !important;}
	#header h1 {width:7% !important;  text-align:center;}
		#header h1 img { width:90% !important;}
#nav {padding-left:8% !important;}

}

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


.navi > li > a, .tnb a {font-size:16px !important;}
	#header h1 {width:6% !important;  text-align:center; margin-left:-2%}
		#header h1 img { width:100% !important;}
		#nav {padding-left:5% !important;}

.navi > li {max-width:122px; line-height:20px; text-align:left !important; box-sizing:border-box; height:70px;}
.navi > li a{line-height:20px !important; padding:0px 10px; word-break : keep-all; }


.navi > li:nth-child(1), .navi > li:nth-child(2), 
.navi > li:nth-child(3), 
.navi > li:nth-child(4) {padding-top:13px;} 

.navi > li:nth-child(5),
.navi > li:nth-child(6),
.navi > li:nth-child(7),
.navi > li:nth-child(8)
{padding-top:25px;}




}



}