/************************************************************************************
smaller than 1600
*************************************************************************************/
@media screen and (max-width: 1600px) {

	.wrap{
		width: 1400px;
	}
	
	#techinfo, #news-last{
		width: 1350px;
	}
	
	#header{
		height: auto;
	}
	
	#header-menu{
		width: auto;
		font-size: 22px;
		margin-top: 60px;
		margin-right: 0px;
	}
	
	.gc-box{
		width: 21%;
		height: auto;
	}
	
	#news{
		width: 100%;
	}
	
	.news-box-title{
		width: calc(100% - 120px);
	}
	
	.news-box-txt{
		width: calc(100% - 120px);
	}
	
	.footer-box{
		width: 25%;
	}
	
	#news-other-read>ul>li{
		width: 19%;
	}
	
	.footer-box>ul>li>a{
		width: calc(100% - 10px);
	}
	
	.cat-box>div{
		width: 330px;
	}
	
	.cat-link{
		width: 250px;
	}
	
	.cat-link a{
		width: 250px;
	}
	
	.cat-link a img {
		max-width: 250px;
	}
}

/************************************************************************************
smaller than 1400
*************************************************************************************/
@media screen and (max-width: 1400px) {

	.wrap{
		width: 1200px;
	}
	
	#techinfo, #news-last{
		width: 1150px;
	}
	
	#news-other-read>ul>li{
		width: 18%;
	}
	
	.cat-box>div{
		width: 280px;
	}
	
	.cat-link{
		width: 200px;
	}
	
	.cat-link a{
		width: 200px;
	}
	
	.cat-link a img {
		max-width: 200px;
	}
	
	#product-producer{
		width: 12%;
	}
	
	#product-norm{
		width: 28%;
	}
}
	


/************************************************************************************
smaller than 1250
*************************************************************************************/
@media screen and (max-width: 1250px) {

	.wrap{
		width: 1000px;
	}
	
	#techinfo, #news-last{
		width: 950px;
	}
	
	#searchFld{
		width: 180px;
	}
	
	.gc-box{
		width: 20%;
	}
	
	.gc-box>p{
		font-size: 16px;
	}
	
	.news-title>h3, #ti-header{
		font-size: 30px;
	}
	
	.news-other{
		font-size: 20px;
	}
	
	#news-other-read>ul>li{
		width: 17%;
	}
	
	#news-other-archive{
		width: 100%;
	}
	
	#news-other-archive>a{
		float: right;
	}
	
	.cat-box>div{
		width: 230px;
	}
	
	.cat-link{
		width: 150px;
		padding: 10px 40px;
	}
	
	.cat-link a{
		width: 150px;
	}
	
	.cat-link a img {
		max-width: 150px;
	}
	
	.cat-desc ul li em{
		width: 150px;
	}
	
	.cat-img{
		height: 135px;
	}
	
	.cat-name>a>h3 {
		font-size: 14px;
	}
}


/************************************************************************************
smaller than 1100
*************************************************************************************/
@media screen and (max-width: 1100px) {

	.wrap{
		width: 900px;
	}
	
	#techinfo, #news-last{
		width: 850px;
	}
	
	.footer-box>h3{
		font-size: 16px;
	}
	
	.footer-box>ul>li>a{
		font-size: 12px;
	}
	
	#header-menu{
		font-size: 16px;
	}
	
	.gc-box{
		width: 19%;
		height: 250px;
	}
	
	.gc-box>p{
		font-size: 14px;
		height: 40px;
	}
	
	.gc-box>a{
		height: 100%;
	}
	
	#techinfo>ul>li {
		height: 60px;
		line-height: 60px;
		font-size: 18px;
	}
	
	.news-box-title{
		font-size: 18px;
	}
	
	.news-box-txt{
		font-size: 14px;
		padding-left: 80px;
	}
	
	.nbd-day{
		font-size: 20px;
	}
	
	.news-box-date {
		font-size: 10px;
		line-height: 10px;
		width: auto;
	}
	
	.desc td {
		font-size: 14px;
	}
	
	.desc td img {
		height: 48px;
		width: 48px;
	}
	
	.desc th {
		font-size: 1.5em;
	}
	
	#news-other-read>ul>li{
		width: 16%;
	}
	
	.cat-box>div{
		width: 205px;
	}
	
	.cat-link{
		width: 125px;
	}
	
	.cat-link a{
		width: 125px;
	}
	
	.cat-link a img {
		max-width: 125px;
	}
	
	.cat-name>a>h3 {
		font-size: 14px;
	}
	
	.cat-desc ul li em{
		width: 125px;
	}
	
	.pcd-box>div{
		height: 150px;
	}
	
	#product-norm {
		width: 60%;
	}
	#product-description {
		width: 100%;
	}
	
	#product-producer{
		position: absolute;
		right: 75px;
	}
	
	#product-icons img {
		width: 45px;
	}
	
	#product-middle{
		height: 280px;
	}
	
	#product-pattern-pic, #product-main-pic{
		max-height: 125px;
	}
	
	#header-bottom{
		height: 280px;
	}
	
	#hb-bottom{
		height: 200px;
	}
	
	#hb-top{
		height: 80px;
	}
	
	#hb-top-txt{
		font-size: 30px;
		line-height: 80px;
		height: 80px;
	}
	
	#hb-bottom-line {
		width: 220px;
		border-bottom: 5px dotted #e30613;
		padding-top: 5px;
	}
	
	#hb-bottom-txt {
		font-size: 20px;
		height: 70px;
		line-height: 70px;
	}
	
	#hb-bottom-logo {
		width: 437px;
		height: 70px;
		background-position: center;
		padding-top: 10px;

	}
	
	#header-top{
		height: 50px;
	}
	
	#searchFld{
		width: 150px;
		height: 30px;
	}
	
	#searchBtn{
		height: 30px;
	}
	
	#logo{
		height: 40px;
		width: 112px;
	}
	
	#header-menu {
		font-size: 14px;
		margin: 0;
		height: 40px;
		line-height: 40px;
		margin-left: 15px;
	}
	
	#header-search{
		height: 30px;
		margin-top: 15px;
		background-position: 2px center;
		padding: 0 0 0 30px;
	}
	
	#header-menu ul li{
		margin: 0 5px;
	}
	
	#material table {
		font-size: 12px;
		width: 520px;
	}

	#material table th {
		padding: 5px 0;
		font-size: 15px;
		line-height: 15px;
	}

	#material table td {
		width: 40px;
		height: 40px;
	}

	#material .material-group {
		border-radius: 20px;
		line-height: 40px;
	}
}

/************************************************************************************
smaller than 980
*************************************************************************************/
@media screen and (max-width: 980px) {

	.wrap{
		width: 800px;
	}
	
	#techinfo, #news-last{
		width: 750px;
	}
		
	.desc td {
		font-size: 12px;
	}
	
	.desc td img {
		height: 32px;
		width: 32px;
	}
	
	.desc th {
		font-size: 1.2em;
	}
	
	#ms-breadcrumb{
		font-size: 10px;
	}
	
	.box-title>h3{
		font-size: 16px;
	}
	
	.gr-mat {
		width: 30px;
		height: 30px;
		line-height: 30px;
		font-size: 1em;
	}
	
	.gc-box>p{
		font-size: 12px;
		height: 30px;
	}
	
	.cat-box{
		width: 33%;
		height: 325px;
	}
	
	.cat-img{
		height: 100px;		
	}
	
	.cat-link{
		padding: 0px 40px;
	}
	
	.cat-name>a>h3 {
		font-size: 13px;
	}
	
	.desc p {
		font-size: 1.25em;
	}
	
	.video iframe{
		width: 800px;
		height: 500px;
	}
	
	#product-icons img {
		width: 45px;
	}
	
	#product-description>p {
		font-size: 12px;
	}
	
	#product-table>table td {
		font-size: 14px;
	}
	
	#product-producer {
		right: 50px;
	}
	
	#contact-data th, #contact-data td{
		font-size: 12px;
	}
	
}

/************************************************************************************
smaller than 850
*************************************************************************************/
@media screen and (max-width: 850px) {
	.wrap{
		width: 700px;
	}
	
	#techinfo, #news-last{
		width: 650px;
	}
	
	#product-name>h3{
		font-size: 20px;
	}
	
	.video iframe{
		width: 700px;
		height: 400px;
	}
	
	.cat-desc ul li{
		font-size: 10px;
	}
	
	.cat-name>a>h3{
		font-size: 12px;
		text-align: left;
	}
	
	.gc-box {
		width: 18%;	
		height: 200px;
	}
	
	.gc-box>p{
		font-size: 10px;
	}
	
	.news-title>h3, #ti-header {
		font-size: 20px;
	}
	
	.footer-box>h3 {
		font-size: 14px;
	}
	
	.desc td {
		font-size: 11px;
	}
}
/************************************************************************************
smaller than 730
*************************************************************************************/
@media screen and (max-width: 730px) {
	.wrap{
		width: 600px;
	}
	
	#techinfo, #news-last{
		width: 550px;
	}
	
	.gc-box {
		width: 25%;	
		height: 200px;
	}
	
	.cat-box {
		width: 50%;
		height: 300px;
	}
	
	.cat-box>div {
		width: 280px;
	}
	
	.cat-link{
		width: 200px;
	}
	
	#header-search{
		display: none;
	}
	
	#product-name>h3{
		font-size: 16px;
	}
	
	#product-norm>h3, #product-table>table td, .ssd td{
		font-size: 12px;
	}
	
	#product-producer>a>img{
		height: 60px;
		width: auto;
	}
	
	#product-producer {
		right: 30px;
	}
	
	#product-table>table th{
		font-size: 14px;
	}
	
	.footer-box>h3{
		height: 35px;
	}
	
	.video iframe{
		width: 600px;
		height: 400px;
	}
	
	.download, .catalog iframe{
		width: 600px;
	}
}
/************************************************************************************
smaller than 650
*************************************************************************************/
@media screen and (max-width: 650px) {
	
	.wrap{
		width: 450px;
	}
	
	#techinfo, #news-last{
		width: 400px;
	}
	
	#header-bottom{
		height: 168px;
	}
	
	#hb-bottom{
		height: 108px;
	}
	
	#hb-top-txt{
		font-size: 20px;
		line-height: 50px;
		height: 50px;
	}
	
	#hb-bottom-line {
		border-bottom: 3px dotted #e30613;
	}
	
	#hb-bottom-txt {
		font-size: 14px;
		height: 40px;
		line-height: 40px;
	}
	
	#hb-bottom-logo{
		height: 50px;
		width: 146px;
	}
	
	#hb-top{
		height: 50px;
	}
	
	.gc-box{
		width: 213px;
		margin: 5px;
	}
	
	#contact-menu ul>li {
		padding: 7px;
	}
	
	#contact-menu ul>li>a{
		font-size: 13px;
	}
	
	#contact-form th {
		font-size: 10px;
		padding: 2px;
	}
	
	#write2usBtn {
		height: 30px;
		width: 45px;
		font-size: 13px;
	}
	
	.cat-box>div{
		width: 205px;
	}

	#product-producer {
		right: 30px;
	}
	
	#product-table>table{
		table-layout: auto;
	}
	
	.footer-box>h3 {
		font-size: 12px;
	}
	
	.footer-box{
		padding: 0 10px;
	}
	
	.desc th{
		font-size: .75em;
	}
	
	.desc td{
		font-size: 10px;
	}
	
	.desc table{
		table-layout: auto;
	}
	
	.gr-mat {
		width: 20px;
		height: 20px;
		line-height: 20px;
		font-size: .75em;
	}
	
	#product-pattern-pic{
		max-height: 125px;
	}
	
	.video iframe{
		width: 450px;
		height: 300px;
	}
	
	.download, .catalog iframe{
		width: 450px;
	}
	
	#material table {
		font-size: 12px;
		width: 390px;
	}
	
	.ssd {
		font-size: 12px;
	}
	
	#material table th, .ssd th {
		padding: 5px 0;
		font-size: 15px;
		line-height: 15px;
	}

	#material table td {
		width: 30px;
		height: 30px;
	}

	#material .material-group {
		border-radius: 15px;
		line-height: 30px;
	}
	
	.pcd-box>div {
		height: 200px;
	}
	
	#product-middle{
		height: 330px;
	}
}

/************************************************************************************
smaller than 480px
*************************************************************************************/
@media screen and (max-width: 480px) {

	/* disable webkit text size adjust (for iPhone) */
	html {
		-webkit-text-size-adjust: none;
	}
	
	.wrap{
		width: 350px;
	}
	
	#techinfo, #news-last{
		width: 300px;
	}
	
	#header-top{
		height: 90px;
	}
	
	#header-menu{
		width: 100%;
		margin-left: 0px;
	}
	
	.gc-box{
		width: 100%;
		margin: 8px 0;
	}
	
	.gc-box>p {
		font-size: 12px;
		line-height: 30px;
	}
	
	.news-title>h3, #ti-header {
		font-size: 16px;
	}
	
	.footer-box{
		width: 100%;
	}
	
	.footer-box>h3{
		height: auto;
		margin: 8px 0;
	}
	
	#footer-logo{
		background-position: center;
	}
	
	#techinfo>ul>li {
		font-size: 12px;
	}
	
	.cat-box{
		width: 100%;
		height: auto;
	}
	
	.cat-box>div{
		width: 350px;
		margin: 0;
	}
	
	.cat-img{
		padding: 5px 0;
		margin: 0;
	}
	
	.cat-link{
		width: 350px;
	}
	
	.cat-link a {
		width: 175px;
	}
	
	.cat-link a img{
		max-width: 175px;
	}
	
	.cat-txt{
		height: auto;
		margin: 0;
	}
	
	.cat-desc ul li em{
		width: 250px;
	}
	
	#product-name{
		width: 40%;
		height: 40px;
	}
	
	#product-name>h3, #product-norm>h3{
		line-height: 40px;
		height: 40px;
	}
	
	#product-norm{
		width: 100%;
		height: 40px;
	}
	
	#product-description{
		height: auto;
	}
	
	#product-description>p{
		padding: 5px;
	}
	
	#product-producer{
		width: 60px;
	}
	
	#product-producer>a{
		height: 40px;
		width: auto;
	}
	
	#product-producer>a>img{
		height: 40px;
		width: auto;
	}
	
	#product-icons img{
		width: 30px;
	}
	
	#contact-menu ul>li{
		margin: 0 3px;
	}
	
	#contact-data th, #contact-data td{
		font-size: 10px;
	}
	
	textarea.i{
		width: 90% !important;
	}
	
	.desc p {
		font-size: 1em;
	}
	
	.chardin {
		font-size: 1.75em;
	}
	
	.chardinjs-tooltiptext{
		font-size: 10px;
	}
	
	.chardinjs-helper-layer.chardinjs-bottom{
		padding-bottom: 2px !important;
	}
	
	.desc td{
		padding: 2px;
		min-width: 32px;
	}
	
	.video iframe{
		width: 300px;
		height: 200px;
	}
	
	.download, .catalog iframe{
		width: 300px;
	}
	
	#material table {
		font-size: 11px;
		width: 260px;
	}

	#material table th {
		padding: 5px 0;
		font-size: 13px;
		line-height: 13px;
	}

	#material table td {
		width: 20px;
		height: 20px;
	}

	#material .material-group {
		border-radius: 10px;
		line-height: 20px;
	}
	
	.pcd-box>div {
		height: 150px;
	}
	
	#product-middle{
		height: 260px;
	}
	
	
}
/************************************************************************************
smaller than 400px
*************************************************************************************/
@media screen and (max-width: 400px) {
	
	.wrap{
		width: 280px;
	}
	
	#techinfo, #news-last{
		width: 230px;
	}
	
	.cat-box>div{
		width: 280px;
	}

	.cat-link{
		width: 280px;
	}
	
	.cat-desc ul li em{
		width: 180px;
	}
	
	#contact-menu ul>li>a {
		font-size: 10px;
	}
	
	.contact-header>h3{
		font-size: 13px;
	}
	
	#write2usBtn {
		font-size: 11px;
	}	
	
	.video iframe{
		width: 280px;
		height: 200px;
	}
	
	.download, .catalog iframe{
		width: 280px;
	}
	
	#hb-top-txt{
		font-size: 14px;
	}
	
	#hb-bottom-txt {
		font-size: 10px;
	}
	
	#product-norm>h3, #product-table>table td, .ssd td {
		font-size: 10px;
	}
	
	.ssd img {
		max-width: 50px;
		max-height: 25px;
	}
	
	.pcd-box>div {
		height: 190px;
	}
	
	#product-middle{
		height: 290px;
	}
	
}