@charset "utf-8";
/* CSS Document */




@media( max-width: 320px){
	
	.head_top{ padding-left: 15px; padding-right: 15px; text-align: center;}
	.head_mean{ text-align: center;}
	.socil_top{ text-align:center; padding:10px 0;}
	.top_btn { position: relative; top: 0px;}
	.top_btn a.btn{ margin-right: 0px;}
	#logo_sec ul li{ padding: 0 0 10px; display: block; float: none; text-align: center;}
	
	.top_btn a.btn{ margin-bottom: 10px;}
	.book_ride { left: 0; position: relative; right: 0; top: 0;}
	
	#banner, #view_list{ overflow: hidden;}
	#logo_sec .img-responsive{ display:inline !important;}
	
	.reservation { position: relative;}
	#inner_body{ margin-bottom: 30px; overflow: hidden;}
	
	.about_car a.btn{ margin-bottom: 20px;}
	.book_form h1 img{ width:100%;}
	
	.testimonials blockquote{ padding-left:15px; padding-right: 15px}
	
	#view_list h1:after{ opacity: 0;}
	#view_list h1{ border-bottom: 1px solid #ff0000; margin-bottom: 25px; padding-bottom: 15px;}
	
	h2.border:after{ opacity: 0;}  
	h2.border{ border-bottom: 1px solid #ff0000;}
	h2.border:after{ width: 30%;}
	#view_list h1:after{ width:50%;}
	
	.show_car{ margin-bottom: 30px;}
	.need_hlp{ text-align: left;}
	
	.car_img {position :relative;}
	.fixd_img { position: relative; right: 0; top: 15px;}

	.book_ride{/**/ position:relative; top:0;}
	
	.footer_nav ul.list-inline li{ display: block;}
	.com_name{ float:left !important; padding: 10px 0;}
	.develop{ text-align:center;}
	a.copyright{ display: block; padding: 10px 0 15px;}
	.develop .col-md-3{ text-align:center;}
	}


@media( min-width: 322px) and ( max-width: 600px){

	
	.head_top{ padding-left: 15px; padding-right: 15px; text-align: center;}
	.head_mean{ text-align: center;}
	.socil_top{ text-align:center; padding:10px 0;}
	.top_btn { position: relative; top: 0px;}
	.top_btn a.btn{ margin-right: 0px;}
	#logo_sec ul li{ padding: 0 0 10px; display: block; float: none; text-align: center;}
	
	.top_btn a.btn{ margin-bottom: 10px;}
	.book_ride { left: 0; position: relative; right: 0; top: 0;}
	
	#banner, #view_list{ overflow: hidden;}
	#logo_sec .img-responsive{ display:inline !important;}
	
	.reservation { position: relative;}
	#inner_body{ margin-bottom: 30px; overflow: hidden;}
	
	.about_car a.btn{ margin-bottom: 20px;}
	.book_form h1 img{ width:100%;}
	
	.testimonials blockquote{ padding-left:15px; padding-right: 15px}
	
	#view_list h1:after{ opacity: 0;}
	#view_list h1{ border-bottom: 1px solid #ff0000; margin-bottom: 25px; padding-bottom: 15px;}
	
	h2.border:after{ opacity: 0;}  
	h2.border{ border-bottom: 1px solid #ff0000;}
	h2.border:after{ width: 30%;}
	#view_list h1:after{ width:50%;}
	
	.show_car{ margin-bottom: 30px;}
	.need_hlp{ text-align: left;}
	
	.car_img {position :relative;}
	.fixd_img { position: relative; right: 0; top: 15px;}
	.book_ride{/**/ position:relative; top:0;}
	
	.footer_nav ul.list-inline li{ padding: 5px 0;}
	.com_name{ float:left !important; padding: 10px 0;}
	.develop{ text-align:center;}
	a.copyright{ display: block; padding: 10px 0 15px;}
	.develop .col-md-3{ text-align:center;}
	
}
@media( min-width: 601px) and ( max-width: 768px){
	
	.head_top{ padding-left: 15px; padding-right: 15px; text-align: center;}
	.socil_top{ text-align:center; padding:10px 0;}
	.head_mean{ text-align: center;}
	.top_btn { position: relative; top: 0px;}
	.top_btn a.btn{ margin-right: 0px;}
	#logo_sec ul li{ padding: 0 0 10px; display:inline-block; float: none; text-align: center;}
	
	.top_btn a.btn{ margin-bottom: 10px;}
	.book_ride { left: 0; position: absolute; right: 0; top: 0;}
	.book_form h1 img{ width:100%;}
	
	#banner, #view_list{ overflow: hidden;}
	
	.reservation{ position: relative;}
	.car_img {position :relative;}
	.fixd_img { position: relative; right: 0; top: 15px;}
	.book_form a{ margin:0;}
	
	h2.border:after{ opacity: 0; width: auto;}  
	h2.border{ border-bottom: 1px solid #ff0000;}
	.about_car a.btn{ margin-bottom: 20px;}
	#view_list h1:after{opacity: 0;}
	#view_list h1{ border-bottom: 1px solid #ff0000; margin-bottom: 25px; padding-bottom: 15px;}
	.show_car{ margin-bottom: 30px;}
	
	.need_hlp{ text-align: left;}
	.footer_nav ul.list-inline li{ padding: 5px 0;}
	.develop{ text-align:center;}
	a.copyright{ display: block; padding: 10px 0 15px;}
	.develop .col-md-3{ text-align:center;}
}
@media( min-width: 769px) and ( max-width: 1023px){
	
	/*.head_top{ padding-left: 15px; padding-right: 15px; text-align: center;}
	.socil_top{ text-align:center; padding:10px 0;}*/
	.head_mean{ text-align: center;}
	.top_btn { position: relative; top: 0px;}
	.top_btn a.btn{ margin-right: 0px;}
	#logo_sec ul li{ padding: 0 0 10px; display:inline-block; float: none; text-align: center;}
	
	.top_btn a.btn{ margin-bottom: 10px;}
	.book_ride { left: 0; position: absolute; right: 0; top: 0;}
	.book_form h1 img{ width:100%;}
	
	#banner, #view_list{ overflow: hidden;}
	
	.reservation{ position: relative;}
	.car_img {position :relative;}
	.fixd_img { position: relative; right: 0; top: 15px;}
	.book_form a{ margin:0;}
	
	h2.border:after{ opacity: 0; width: auto;}  
	h2.border{ border-bottom: 1px solid #ff0000;}
	.about_car a.btn{ margin-bottom: 20px;}
	#view_list h1:after{opacity: 0;}
	#view_list h1{ border-bottom: 1px solid #ff0000; margin-bottom: 25px; padding-bottom: 15px;}
	.show_car{ margin-bottom: 30px;}
	
	.need_hlp{ text-align: left;}
	.footer_nav ul.list-inline li{ padding:5px 0;}
	.develop{ text-align:center;}
	a.copyright{ display: block; padding: 10px 0 15px;}
	.develop .col-md-3{ text-align:center;}
}

@media( min-width: 1024px){

	#logo_sec ul li{ display:inline-block;}
	
}