﻿
.hide_menu_wrapper{
	background: rgba(0,0,0,0.8);
	padding:5px 0 0 5px;
	position: fixed;
	top: 0px;
	width: 10px;
	bottom: 0px;
	z-index: 999;
	right: 0px;
	-webkit-transition: all .5s ease-out 0s;
    -moz-transition: all .5s ease-out 0s;
    -o-transition: all .5s ease-out 0s;
    transition: all .5s ease-out 0s;
	
}
.hide_menu{
	display: none;
	height: 100%;
	width: 100%;
	z-index: 888;
	overflow:scroll;
}
.ibig {
	width: 100%;
}
.ibig  img{
	width: 100%;
}
.hide_menu_button{
	background: rgba(0,0,0,0.8);	
	border-radius: 10px 0px 0px 10px;
	color: #FFF;
	cursor: pointer;
	font-size: 15px;
	line-height: 20px;
	margin: 0px;
	padding: 5px 0px 5px 5px;
	position: absolute;
	left: -40px;
	text-align: center;
	top: 87px;
	width: 40px;
	z-index: 999;
	

	
}
.nav_menu_button{
	cursor: pointer;
	position: absolute;
	left: 20px;
	top: 13px;
	height: 26px;
	width: 30px;
}


h1{
	font-size: 4vw;
}
h2{
	font-size: 3vw;
}
h3{
	font-size: 2.5vw;
}
.site, .way, .way__container, .main, .base, .navigation, .down, .hFooter, .footer, .itop, .footer__container{
	width: 100vw;
	min-width: 0;
}

.navigation{
	width: 100vw;
	min-width: 0;
}
	.navigation__container{
		width: 100vw;
		min-width: 0;
	}
		.menus {
			top: 40px;
			left: 10px;
			display: none;
			
		}
		.menus > ul {
			width: 200px;
			display: block;
			background: #ccc;
		}
		.menus ul li {
			display: block;
			position: relative;
			background-position: 0 0;
		}
		.menus ul li:nth-child(3) .smartmenu{
			top: -160px;
		}
		.menus ul li:nth-child(4) .smartmenu{
			width: auto;
		}
		.menus ul li:nth-child(4) .smartmenu ul {
			width: 180px;
		}
		.menus ul li:nth-child(5) .smartmenu{
			top: -80px;
			width: auto;
		}
		.menus ul li:nth-child(5) .smartmenu ul {
			width: 180px;
		}
			.smartmenu {
				left: 200px;
				top: 0;
				z-index: 9;
				width: 60vw;
				padding: 0 0 0 10px;
				max-width: 100vw!important;
			}
			.smartmenu ul {
				  display: block;
				  float: left;
				  width: 50%;
			}
			.smartmenu ul li{
			  margin: 4px 0;
			}
		.menus ul li a {
			font-size: 1.5vw;
		}
	.downBox .linkBl span {
		font-size: 2vw;
	}
	.downBox {
		width:30vw;
		  margin: 0px 0px 0px 10px;
	}

	.search {
		width: 35vw;
	}
		.search-butt {
		}
		.search-text {
			font-size: 2vw!important;
		}

 .right_menu div, .titleSide , .scroll_fix_wrap{
	min-width: 0;
	width: 100%;	
	max-width: 100%;
}
.titleSide .mrz, .titleSide .tlz {
width: auto;
}
	.m_right ul li a img {		
		width: 40%;
	}
	.menuSide ul li a {
		font-size: 1.8vw;
		padding: 1vw 0.5vw;
	}
	.m_right ul li a span {
		font-size: 2vw;
	}

.right_menu{
	  width: 100%;
	max-width: 100%;
	opacity: 0;
	display: none;
}

.content{
}

	.dimens,.content,  .cm , .tcz, .itcz, .tire_rim , .itab, .tabn, .tabpart,.wiper,.bolts , .tabparts{
		width: 100vw!important;
		max-width: 100vw!important;	
	}
	.tabt {
		width: 90vw!important;
		max-width: 90vw!important;	
	}
	.dimens img{
		width: 15vw;
	}
	.tabh th , .dimens th, .tire_rim th  , .itab th, .tabpart th,.wiper th,.bolts th, .tabparts th{
		font-size: 1.5vw;
	}
	.ctext p,  .dimens td , .tabt td label , .tabt td span, .tabh tr ,.tire_rim td, .itab td, .tabpart td, .tabh td a ,.wiper td,.bolts td, .tabparts td{
		font-size: 1.5vw;
	}
	.dimens p{
		font-size: 1.5vw;
	}
	.tabn td {
		font-size: 2vw;
	}
	.tabn tr .item{
		font-size: 2.5vw;
	}
	.history img {
		margin: 0;
		width: 100%;
	}
.wrap_table{
  width: 100vw!important;
  max-width: 100vw!important; 
 }


		ul.thumb {
			width: 100%;
		}
		ul.thumb li {
			margin: 1%;
			width: 150px;
		}
		ul.thumb li img{
			display: block;
			margin: 5% auto;
			position: relative;
			left: 0;
			top: 0;
		}
		.foto {
			margin: 10px 0;
		}

		.itab img {
			width: 100%;
		}
		.small{
			font-size: 1.5vw;
		}

.titleSide .txCont {
	font-size: 2vw;
	width: 280px;
}
@media screen and (max-width: 500px) {
	h1{
		font-size: 4.3vw;
	}
	h2{
		font-size: 3.8vw;
	}
	.tabn tr .item, h3{
		font-size: 3.5vw;
	}
	 .titleSide .txCont, .imodel , .tabn td, .m_right ul li a span , .downBox .linkBl span{
		font-size: 3vw;
	}
	.menus ul li a,.ctext p,  .dimens td ,  .dimens p, .tabt td label , .tabt td span, .tabh td a , .tabh tr ,.tire_rim td, .itab td, .tabpart td, .tabh th , .dimens th, .tire_rim th  , .itab th, .tabpart th, .small,.wiper th,.bolts th,.wiper td,.bolts td, .tabparts td, .tabparts th{
		font-size: 8px
	}
	.menuSide ul li a {
		font-size: 2.5vw;
	}
	.search-text {
		font-size: 3vw!important;
	}
	.content{
	}
	.c,.tcz,.cm ,.tire_rim , .itab, .tabn, .tabpart, .dimens,.tabt, .hr ,.foto, .wiper,.bolts, .tabparts{ 
		width: 100vw!important;
		max-width: 100vw!important;	
		margin-right: 0;
		margin-left: 0;
	}
}
@media screen and (max-width: 400px) {
	h1{
		font-size: 4.5vw;
	}
	h2{
		font-size: 4vw;
	}
	.tabn tr .item, h3{
		font-size: 3.7vw;
	}
	.titleSide .txCont, .imodel ,.tabn td, .m_right ul li a span , .downBox .linkBl span {
		font-size: 3.2vw;
	}
	.menus ul li a,.ctext p,  .dimens td ,  .dimens p, .tabt td label, .tabh td a , .tabt td span, .tabh tr ,.tire_rim td, .itab td, .tabpart td, tabh th , .dimens th, .tire_rim th  , .itab th, .tabpart th, .small,.wiper th,.bolts th,.wiper td,.bolts td, .tabparts td, .tabparts th{
		font-size:8px;
	}
	.menuSide ul li a {
		font-size: 3vw;
	}
	.search-text {
		font-size: 3.2vw!important;
	}
}


			.post img {
			height: auto;
			width: 100%;
			display: block;
		}
		.post_text img {
			height: auto;
			width: 100%;
			display: block;
		}
.post_href {
 font-size: 20px;
}
.post_small  , .post_text , .post_date {
 font-size: 12px!important;
 width: 95vw;
}
.post_date , .soc {
 width: 95vw;
}
.npNode, .npNodeActive, .npNodeNextPrev {
 font-size: 10px;
}
.post img, .subscribe3 {
 width: 90%!important;
}

.newPaginator {
  width: 100vw;

}
.subscribe7 {
  width: 90%;
}