/***responsive CSS
	Author: Raj Ariyan
**/

@media only screen and (max-width: 800px){
	
	.cont {
		width: 98% !important;
		word-wrap: break-word;
	}
	.about_right, .about_left{
		width: 97%;
	}
	.foot {
		height: 80px;
		padding-top: 10px;
	}
	.i_frame {
		width: 96%;
		height: 235px;
	}
	.mot_img {
		height: 115px;
		width: 32%;
	}
	.car_ser_glou {
		height: 100px;
		width: 50%;
	}
	.car_rep_img {
		height: 240px;
		width: 40%;
	}
	.daig_you_car {
		height: 90px;
		width: 48%;
	}
	.daig_car_2 {
		height: 130px;
		width: 30%;
	}
	.enige_ecu_img {
		height: 175px;
		width: 50%;
	}
	.car_rep_1 {
    width: 48%;
    height: 180px;
	}
	.tyre_img {
    height: 180px;
    width: 30%;
	}
	.xhst_im {
    width: 90%;
    height: 180px;
	}
	.xhst_im2 {
    height: 110px;
    width: 40%;
    margin-left: 20%;
	}
	.car_rec_img {
    height: 175px;
    width: 91%;
    float: right;
	}
	.con_img {
		width: 95%;
		float: right;
		margin-right: 3%;
	}
	.img_head {
    width: 77%;
    height: 60px;
	}
	.homi{
		width: 60%;
	}
	.main_menu{
		display: none;
	}
	.slicknav_menu{
	display: block;
	width: 77%;
	margin: auto;
	}
}

@media only screen and (min-width: 800px) and (max-width: 1120px){
	.cont {
		width: 78%;
	}
	.main_menu{
		height: auto;
	}
}

@media only screen and (min-width: 280px) and (max-width: 400px){
	.mot_img {
		height: 185px;
		width: 88%;
	}
	.car_ser_glou {
		height: 100px;
		width: 85%;
	}
	.car_rep_img {
		height: 310px;
		width: 85%;
	}
	.daig_you_car {
		height: 90px;
		width: 85%;
	}
	.daig_car_2 {
		height: 100px;
		width: 30%;
	}
	.enige_ecu_img {
		height: 175px;
		width: 50%;
	}
	.car_rep_1 {
    width: 48%;
    height: 180px;
	}
	.tyre_img {
    height: 180px;
    width: 30%;
	}
	.xhst_im {
    width: 90%;
    height: 180px;
	}
	.xhst_im2 {
    height: 110px;
    width: 40%;
    margin-left: 20%;
	}
	.car_rec_img {
    height: 175px;
    width: 91%;
    float: right;
	}
	.con_img {
		width: 95%;
		float: right;
		margin-right: 3%;
	}
	.img_head {
    width: 77%;
    height: 50px;
	}
/* comment  .homi (both occurrences) changed from 90% to 60% Aug 2016 together with smaller image garage2.jpg
See also .homi on line 77  */

	.homi{
		width: 60%;
	}
	#wowslider-container1 .ws-title{
		margin:10px 10px;
		padding:4px;
		font-size: 10px;
		line-height: 14px;
	}
	.foot{
		height: 90px;
	}
	.tabl, .t_tab {
		width: 100%;
		float:left;
	}
	.t_tab td{
		width: 100%;
		float:left;
	}
	.normal {
        font-size: 11pt;
	}
	.desk_logo{
		display: none;
		margin: auto;
		
	}
	.res_log{
		display: block;
	}
}