*{
	padding: 0px;
	margin: 0px;
}
body{
	/*height: 3000px;*/
	background: rgb(0,0,0,0.1)!important;	
}
.logo{
	width: 100%;
	height: 225px;
	background:#012151 ;
}
.container-fluid{
	background: #012169;
}
.navbar-nav{
	margin-left: 150px!important;
}

.navbar-nav li:hover{
	background:rgb(0,0,0,0.2);
}
.navbar-nav li a{	
	color: white!important;
	font-family: Battambang;
	font-size: 18px;
	padding: auto!important;
}
.navbar-nav li a:hover{
	    color: white!important;
}
.form-control,.btn-primary{
	font-family: Battambang;
}
.container{
	width: 100%;
	height: 1300px;
	/*border: 1px solid red;*/
	background-color: white;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}
.con{
	height: 1300px!important;
}
.con_1{
	border: 1px solid gray;
	height:1300px!important;
 	background: rgb(0,0,0,0.1)!important;	
}
.con_2{
	height: 1300px!important;
	border: 1px solid gray;
}
.con_3{
	border: 1px solid gray;
	height: 1300px!important;
}
.tile p{
	font-family: Battambang;
	font-size: 20px;
	text-align: center;
	padding-top: 10px;
}
.tile p:hover{
	color: red;
}
.menu{
	height: 500px;
	background: #ffff;
	
}
.menu ul li{
	list-style: none;
	padding: 10px 20px;
	font-size: 22px;
	font-family: Battambang;
}
.menu ul li:hover{
	background:rgb(0,0,0,0.2);
}
.menu ul li a{
	text-decoration: none;

}
.menu ul li a:hover{
	color: red;
}
/*.model_car img{
	width: 100%;
	height: 250px;
}*/
.banner img{
	width: 100%;
	height: 70px;
}
.detail{
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
	margin-top: 10px;
}
.detail:hover{
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
	transform: scaleY(1.01);
	transition:0.2s;
}
.price_car h4{
	font-size: 18px;
	font-family: Battambang;
	color: teal;
}
.price_car h4:hover{
	color:red;
}
.info_left p{
	font-family: Battambang;
	font-size: 20px;
	padding-top: 10px;
}
.info_left p:hover{
	color: red;
}
.info_left{
	background: #ffff;
}
.info_left:hover{
	background: rgb(0,0,0,0.1);
}
.info p{
	font-family: Battambang;
	text-align: center;
	padding:10px 5px;
	font-size: 18px;
}
.info p:hover{
	color: red;
	
}
.model_car img{
	height: 200px!important;
}
.wheel{
	
	height:170px;
	margin-top: 10px;
}
.wheel img:hover{
	transform: scale(1.1);
	transition:0.2s;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
	border: 1px solid  #7777;
}
.footer{
	width: 100%;
	height: 100px;
	background: #012169;
	margin-top: 10px;
}
.footer p{
	font-size: 18px;
	font-family: Battambang;
	text-align: center;
	padding-top: 10px;
	color: white;
}
@media only screen and (max-width: 1660px){
	.logo{
	width: 100%;
	height: 270px!important;
	background:#012151 ;
}
}
@media only screen and (max-width: 1440px){
		.logo{
	width: 100%;
	height: 225px!important;
	background:#012151 ;
}
	.navbar-nav{
		margin-left: 150px!important;
	}
	.navbar-nav li a{	
		color: white!important;
		font-family: Battambang;
		font-size: 18px;
		padding: auto!important;
	}
	.container{
		width: 100%;
		height: 1300px;
		background-color: white;
		box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
	}
	.con{
			height: 1300px!important;
		}
	.con_1{
		border: 1px solid gray;
		height:1300px!important;
 		background: rgb(0,0,0,0.1)!important;	
	}
	.con_2{
		height: 1300px!important;
		border: 1px solid gray;
	}
	.con_3{
		border: 1px solid gray;
		height: 1300px!important;
	}
	.tile p{
		font-family: Battambang;
		font-size: 20px;
		text-align: center;
		padding-top: 10px;
	}
	.menu{
		height: 500px;
		background: #ffff;
	}
	.menu ul li{
		list-style: none;
		padding: 10px 20px;
		font-size: 22px;
		font-family: Battambang;
	}
	.banner img{
		width: 100%;
		height: 70px;
	}
	.price_car h4{
		font-size: 18px;
		font-family: Battambang;
		color: teal;
	}
	.info_left p{
		font-family: Battambang;
		font-size: 20px;
		padding-top: 10px;
	}
	.info p{
		font-family: Battambang;
		text-align: center;
		padding:10px 5px;
		font-size: 18px;
	}
	.wheel{	
		height:170px;
		margin-top: 10px;
	}
	.footer{
		width: 100%;
		height: 100px;
		background: #012169;
		margin-top: 10px;
	}
	.footer p{
		font-size: 18px;
		font-family: Battambang;
		text-align: center;
		padding-top: 10px;
		color: white;
	}

}
@media only screen and (max-width: 1280px){
.logo{
	width: 100%;
	height: 210px!important;
	background:#012151 ;
}
	.navbar-nav{
		margin-left: 100px!important;
	}
	.navbar-nav li a{	
		color: white!important;
		font-family: Battambang;
		font-size: 18px;
		padding: auto!important;
	}
	.container{
		width: 100%;
		height: 1300px;
		background-color: white;
		box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
	}
	.con{
			height: 1300px!important;
		}
	.con_1{
		border: 1px solid gray;
		height:1300px!important;
 		background: rgb(0,0,0,0.1)!important;	
	}
	.con_2{
		height: 1300px!important;
		border: 1px solid gray;
	}
	.con_3{
		border: 1px solid gray;
		height: 1300px!important;
	}
	.tile p{
		font-family: Battambang;
		font-size: 20px;
		text-align: center;
		padding-top: 10px;
	}
	.menu{
		height: 500px;
		background: #ffff;
	}
	.menu ul li{
		list-style: none;
		padding: 10px 20px;
		font-size: 22px;
		font-family: Battambang;
	}
	.banner img{
		width: 99%;
		height: 60px;
	}
	.price_car h4{
		font-size: 18px;
		font-family: Battambang;
		color: teal;
	}
	.info_left p{
		font-family: Battambang;
		font-size: 20px;
		padding-top: 10px;
	}
	.info p{
		font-family: Battambang;
		text-align: center;
		padding:10px 5px;
		font-size: 18px;
	}
	.wheel{	
		height:170px;
		margin-top: 10px;
	}
	.footer{
		width: 100%;
		height: 100px;
		background: #012169;
		margin-top: 10px;
	}
	.footer p{
		font-size: 18px;
		font-family: Battambang;
		text-align: center;
		padding-top: 10px;
		color: white;
	}
}

@media only screen and (max-width: 1024px){
.logo{
	width: 100%;
	height: 170px!important;
	background:#012151 ;
}
	.navbar-nav{
		margin-left: 5px!important;
	}
	.navbar-nav li a{	
		color: white!important;
		font-family: Battambang;
		font-size: 16px;
		padding: auto!important;
	}
	.container{
		width: 100%;
		height: 1300px;
		background-color: white;
		box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
	}
	.con{
			height: 1300px!important;
		}
	.con_1{
		border: 1px solid gray;
		height:1300px!important;
 		background: rgb(0,0,0,0.1)!important;	
	}
	.con_2{
		height: 1300px!important;
		border: 1px solid gray;
	}
	.con_3{
		border: 1px solid gray;
		height: 1300px!important;
	}
	.tile p{
		font-family: Battambang;
		font-size: 20px;
		text-align: center;
		padding-top: 10px;
	}
	.menu{
		height: 500px;
		background: #ffff;
	}
	.menu ul li{
		list-style: none;
		padding: 10px 10px;
		font-size: 20px;
		font-family: Battambang;
	}
	.banner img{
		width: 97%;
		height: 55px;
	}
	.price_car h4{
		font-size: 18px;
		font-family: Battambang;
		color: teal;
	}
	.info_left p{
		font-family: Battambang;
		font-size: 18px;
		padding-top: 10px;
	}
	.info p{
		font-family: Battambang;
		text-align: center;
		padding:10px 5px;
		font-size: 18px;
	}
	.wheel{	
		height:170px;
		margin-top: 10px;
	}
	.footer{
		width: 100%;
		height: 100px;
		background: #012169;
		margin-top: 10px;
	}
	.footer p{
		font-size: 16px;
		font-family: Battambang;
		text-align: center;
		padding-top: 10px;
		color: white;
	}
}

@media only screen and (max-width: 768px){
	.logo{
	width: 100%;
	height: 125px!important;
	background:#012151 ;
}
	.navbar-nav{
		margin-left: 2px!important;
	}
	.navbar-nav li a{	
		color: white!important;
		font-family: Battambang;
		font-size: 10px;
		padding: auto!important;
	}
	.form-control{
		width: 120px!important;
	}
	.container{
		width: 100%;
		height: 930px;
		background-color: white;
		box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
	}
	.con{
			height: 930px!important;
		}
	.con_1{
		border: 1px solid gray;
		height:930px!important;
 		background: rgb(0,0,0,0.1)!important;	
	}
	.con_2{
		height:930px!important;
		border: 1px solid gray;
	}
	.con_3{
		border: 1px solid gray;
		height: 930px!important;
	}
	.tile p{
		font-family: Battambang;
		font-size: 20px;
		text-align: center;
		padding-top: 10px;
	}
	.menu{
		height: 430px;
		background: #ffff;
	}
	.menu ul li{
		list-style: none;
		font-size: 16px;
		font-family: Battambang;
	}
	.banner img{
		width: 95%!important;
		height: 40px!important;
	}
	.price_car h4{
		font-size: 13px;
		font-family: Battambang;
		color: teal;
	}
	.info_left p{
		font-family: Battambang;
		font-size: 13px;
		padding-top: 10px;
	}
	.info p{
		font-family: Battambang;
		text-align: center;
		padding:10px 5px;
		font-size: 15px;
	}
	.model_car img{
	height: 135px!important;
	}
	.wheel{	
		height:120px;
		margin-top: 10px;
	}
	.wheel img{
		width: 98%!important;	
	}
	.footer{
		width: 100%;
		height: 100px;
		background: #012169;
		margin-top: 10px;
	}
	.footer p{
		font-size: 16px;
		font-family: Battambang;
		text-align: center;
		padding-top: 10px;
		color: white;
	}
}