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

	

	.menu{ font-size:14px;}

	.menu ul li a{ padding:30px 10px;}

	.carousel .text h1{ font-size:16px;}

	.carousel .text h2{ font-size:48px;}

	.carousel .text{ top:150px; left:50px;}

	

	

	.strut_mounts, .engine_mounts{ min-height:auto;}

	.category .left{ width:38%; max-width:auto;}

	.strut_mounts .p_right, .engine_mounts .p_left{ min-height:215px; padding-top:30px;}

	.engine_mounts:hover .p_left, .strut_mounts:hover .p_right {min-height:212px;padding-top:20px;}

	.engine_mounts .p_left .arrow::after{right:-315px; top:15px;}

	

	 }

	

@media screen and (min-device-width: 768px) and (max-device-width:1023px) {	}





@media only screen and (max-width: 800px) {

.header{width:100%; min-height:74px; float:left; position:static;}

.logo {width:66%; height:auto; float:left; text-align:left !important;}



.menu { display:none; height:auto; background:#000099; color:#fff; width: 35.6%; position:absolute; top:74px; z-index:999; line-height:40px; right:0px;}

.mobmenu {display:block; background:green; float:left; color:#000;  z-index:999;font-size:14px; padding:27px; cursor:pointer; width:14%; text-align:center;}

.menu ul{ display:inline-block; margin:0px; padding:0px; line-height:70px;}

.menu ul li{width:100%; display:block; float:left; height:38px !important; z-index:999; text-align:left;}

.menu ul li a{width:100%;float:left; color:#fff !important;padding: 6px 20px; height:38px}

.all_file li{ width: 50%; }





.languages{width:20%; height:auto; float:left;}

.languages .sl {width: 100%; background: #ffb400; min-height:74px; position: static; top: -1px;line-height:74px; color: #000;text-align: center;font-size: 14px; text-transform: uppercase;}

}

@media only screen and (max-width: 767px) {

.all_file li{ width: 100%; }





}