
@media all and (max-width: 1920px) and (min-width: 800px) {
#menu #nav a img{display:none !important;}
#head_right{ display:block !important;}
#info_bar{ display:block;}
.phone{ display:none;}

}

@media (max-width: 800px) and (min-width: 770px){
   .phone{ display:none;}
	#menu #nav a img{display:none !important;}
	
}

@media (max-width: 800px){
	#get_rate{ width:30%; float:left;}
	#bg{ width:100% !important; height:100%; float:left; padding:10px;}
    #bottom{ width:98%; float:left; padding:0px 10px;}
	#width{ width:99%; padding:0px 3px; margin:0px;}
	#footer{ width:100%;}
	#footer_content{ width:100% !important; padding:0px 10px !important;}
	#footer_content #footer_content_one{float:right !important;}
	#info_bar span{ width:100% !important; float:right; padding-right:15px;}
	#social{}
	#head_right{ width:70%; float:right !important;}
	#menu > nav > call > span > a{ margin:0px; padding:0px;l}
	#header{ width:100% !important;}
	#menu span{ margin:0px 4px !important; font-size:14px !important;}
	#rates_box_1_right_1{ width:59% !important; float:left; padding:20px 0px;}
	#vehicle_box{ margin:20px 0px !important;}
	#mid2 #get_rate h2{ width:100%;}
	#mid2 #get_rate_inner{ width:100%;}
	.fares_left{ width:35%;}
	.fares_right{ width:65%;}
	#fares_mid{ width:100%;}
	#fare_calc{ width:100%; margin:40px 0px;}
	#google_map{ min-width:100%; width:100%;}
	

	
	}


@media (max-width: 768px){
	#info_bar{ height:50px !important;}
	#get_rate{ width:30%; float:left;}
	#bg{ width:100% !important; height:100%; float:left; padding:10px;}
    #bottom{ width:98%; float:left; padding:0px 10px; z-index:-5 !important; overflow-x:hidden;}
	#width{ width:98%; padding:0px 3px; margin:0px; overflow:hidden;}
	#footer{ width:100%;}
	#footer_content{ width:100% !important; padding:0px 10px !important;}
	#info_bar span{ width:100% !important; float:right; padding-right:8px;}
	#social{padding-right:10px !important; float:none; z-index:99; position:absolute; top:10px; left:40%;}
	#head_right{ width:100% !important; text-align:center !important; position:absolute !important; left:0 !important; top:0 !important; z-index: 9999;}
	/*#menu{position:absolute;}
	#menu > span > a{ width:100% !important; text-align:left; font-size:16px !important; float:right !important; padding:5px 0px; background:#c67532; position:relative; top:37px; color:#fff !important; padding-left:20px; line-height:30px;  z-index:999;}
    .nav{ width:70px; height:50px; float:left; text-align:left;  cursor:pointer; padding:0 0px; }
	#menu .nav span{ float:none !important; display:none;}*/
	#mid2 #get_rate_inner{ width:100% !important; padding:30px 0px;}
	
	#nav{width:100%; height:auto; float:left; text-align:left; display:block !important; position:absolute; top:0;}
	#menu{width:100%; height:auto; float:left; display:block !important;}
	#call{width:45%; height:auto; float:left; text-align:left; display:none; background:#c67532; padding:10px 10%; margin-top:50px;}
	#call span{width:100%; height:30px; float:left;}
	#info_bar span .phone{display:block;}
	#info_bar a span{ display:none;}
	.phone{ display:none;}
	#testimonials_inner{ width:100% !important;}
	div.testimonial{ font-size:16px; font-weight:normal;}
	#bottom ul li{ font-size:16px;}
	div.tabular_div span{ font-size:14px;}
	.fares_left{ width:35%;}
	.fares_right{ width:65%;}
	#fare_calc .fares_left{ width:35%;}
	#fare_calc .fares_right{ width:65%;}
	#fares_mid{ width:100%;}
	#fare_calc{ width:100%; margin:40px 0px;}
	#google_map{ min-width:100%; width:100%;}
	
	
	}
	@media (max-width: 622px){
	#footer_content{ width:100% !important; padding:0px 10px !important; text-align:center;}
	#footer_content #footer_content_one{ text-align:center; float:none !important; padding:10px 0px;}
	
	}
	
	@media (max-width: 625px){
	#footer_content{ width:100% !important; padding:0px 10px !important; text-align:center;}
	#footer_content #footer_content_one{ text-align:center; float:none !important; padding:10px 0px;}
	
	}
	
	@media (max-width: 637px){
	#footer_content{ width:100% !important; padding:0px 10px !important; text-align:center;}
	#footer_content #footer_content_one{ text-align:center; float:none !important; padding:10px 0px;}
	
	}
	
	@media (max-width: 640px){
	#info_bar{ height:50px !important;}
	#mid{ width:100% !important; padding:0px 0 0 10px !important;}
	#get_rate{ width:35%; float:left;}
	#bg{ width:100% !important; height:100%; float:left; padding:10px;}
    #bottom{ width:98%; float:left; padding:0px 0 0 10px; overflow-x:hidden;}
	#width{ width:98%; padding:0px 3px; margin:0px; overflow:hidden;}
	#bottom h2{ font-size:20px;}
	#bottom p{ font-size:14px;}
	#footer{ width:100%;}
	#head_right{ width:100% !important; text-align:center !important; z-index: 9999;}
	#info_bar span{ width:100% !important; float:right; padding-right:8px;}
	#social{padding-right:10px !important; }
	#nav{width:100%; height:auto; float:left; text-align:left; display:block !important; position:absolute; top:0;}
	#menu{width:100%; height:auto; float:left; display:block !important;}
	#call{width:80%; height:auto; float:left; text-align:left; display:none; background:#c67532; padding:10px 10%; margin-top:50px;}
	#call span{width:100%; height:30px; float:left;}
	#info_bar span .phone{display:block;}
	#info_bar a span{ display:none;}
	.phone{ display:none;}
	#footer_content{ width:100% !important; padding:0px 10px !important; text-align:center;}
	#footer_content #footer_content_one{ text-align:center; float:none !important; padding:10px 0px;}
	.form_box{ width:98%; padding:22px 10px !important;}
    .form_box .select_box{ width:100% !important; margin:10px 0px;}
    #rates_box_1_right_1{ float:left; padding:10px 0px;}
	#pick_up_time span{left:4px !important;}
	#pick_up_time{ float:left; padding:3px 40px;}
	#bottom ul li{ font-size:16px;}
	div.tabular_div span{ font-size:14px;}
	.fares_left{ width:45%;}
	.fares_right{ width:55%;}
	#fare_calc .fares_left{ width:45%;}
	#fare_calc .fares_right{ width:55%;}
	#fares_mid{ width:100%;}
	#fare_calc{ width:100%; margin:40px 0px;}
	#google_map{ min-width:100%; width:100%;}
	
    
    
    
	
	}
	
	@media (max-width: 480px){
		#info_bar{ height:50px !important;}
	#mid{ width:100% !important; padding:0px 0 0 10px !important;}
	#get_rate{ width:55%; float:left;}
	#bg{ width:100% !important; height:100%; float:left; padding:0px;}
    #bottom{ width:98%; padding:0px 0 0 10px; overflow-x:hidden;}
	#width{ width:98%; padding:0px 3px; margin:0px; overflow:hidden;}
	#bottom h2{ font-size:20px;}
	#bottom p{ font-size:14px;}
	#footer{ width:100%;}
	#head_right{ width:100% !important; text-align:center !important; z-index: 9999;}
	#footer_content{ width:100% !important; padding:0px 10px !important;}
	#info_bar span{ width:100% !important; float:right; padding-right:8px;}
	#social{padding-right:10px !important; }
	#nav{width:100%; height:auto; float:left; text-align:left; display:block !important; position:absolute; top:0;}
	#menu{width:100%; height:auto; float:left; display:block !important;}
	#call{width:80%; height:auto; float:left; text-align:left; display:none; background:#c67532; padding:10px 10%; margin-top:50px;}
	#call span{width:100%; height:30px; float:left;}
    #pagination_div{ width:100% !important;}
	#get_rate select{ width:100% !important;}
	#mid2 #get_rate .select_box{ width:90% !important;}
	#mid2 #get_rate .submit_div{ width:100% !important;}
	#mid2 #get_rate_inner{ width:100% !important;}
	#info_bar span .phone{display:block;}
	#info_bar a span{ display:none;}
	.phone{ display:none;}
	#footer_content #footer_content_one{ text-align:center; float:none !important; padding:10px 0px;}
	.form_box{ width:98%; padding:22px 10px !important;}
    .form_box .select_box{ width:100% !important; margin:10px 0px;}
    #rates_box_1_right_1{ float:left; padding:10px 0px;}
	#pick_up_time span{left:4px !important;}
	#pick_up_time{ float:left; padding:3px 40px;}
	#bottom ul li{ font-size:16px;}
	div.tabular_div span{ font-size:14px;}
	.fares_left{ width:65%;}
	.fares_right{ width:35%;}
	#fare_calc .fares_left{ width:65%;}
	#fare_calc .fares_right{ width:35%;}
	#fares_mid{ width:100%;}
	#fare_calc{ width:100%; margin:40px 0px}
	#google_map{ width:100%;}
	
    
    
	
	}
	
	@media (max-width: 360px){
	#info_bar{ height:50px !important;}
	#mid{ width:100% !important; padding:200px 0 0 10px !important;}
	#get_rate{ width:97%; float:left; margin:40px 0px !important;}
	#bg{ width:100% !important; height:100%; float:left; padding:0px;}
	#bottom{ width:98%; padding:0px 0 0 10px; overflow-x:hidden;}
	#width{ width:98%; padding:0px 3px; margin:0px; overflow:hidden; }
    #bottom h2{ font-size:20px;}
	#bottom p{ font-size:14px;}
	#formreg{ width:98%;}
	#footer{ width:100%;}
	#head_right{ width:100% !important; text-align:center !important; z-index: 9999;}
	#footer_content{ width:100% !important; padding:0px 10px !important;}
	#info_bar span{ width:100% !important; float:right; padding-right:8px;}
	#social{padding-right:10px !important; }
	#nav{width:100%; height:auto; float:left; text-align:left; display:block !important; position:absolute; top:0;}
	#menu{width:100%; height:auto; float:left; display:block !important;}
	#call{width:80%; height:auto; float:left; text-align:left; display:none; background:#c67532; padding:10px 10%; margin-top:50px;}
	#call span{width:100%; height:30px; float:left;}
	#head_left{ width:100%; padding:5px 0px !important; text-align:center !important;}
	#pagination{ margin-top:0px; padding:0px; text-align:center !important; left: 37% !important;    position: absolute;    top: 385px;}
	#pagination_div{ width:100% !important;}
	#get_rate select{ width:100% !important;}
	#mid2 #get_rate .select_box{ width:90% !important;}
	#mid2 #get_rate .submit_div{ width:100% !important;}
	#mid2 #get_rate_inner{ width:100% !important;}
    div.tabular_div.three span{ width:50% !important;}
	#info_bar span .phone{display:block;}
	#info_bar a span{ display:none;}
	.phone{ display:none;}
	#footer_content #footer_content_one{ text-align:center; float:none !important; padding:10px 0px;}
    #trip_type{ width:100% !important;}
    #vehicle_box{ width:100% !important;}
    .form_box{ width:98%; padding:22px 10px !important;}
    .form_box .select_box{ width:100% !important; margin:10px 0px;}
    #rates_box_1_right_1{ float:left; padding:10px 0px;}
	#pick_up_time span{left:4px !important;}
	#pick_up_time{ float:left; padding:3px 35px;}
	#testimonials_inner{ width:100%; font-size:14px;}
	#bottom ul li{ font-size:16px;}
	div.tabular_div span{ font-size:14px;}
	.fares_left{ width:65%;}
	.fares_right{ width:35%;}
	#fare_calc .fares_left{ width:65%;}
	#fare_calc .fares_right{ width:35%;}
	#fares_mid{ width:100%;}
	#fare_calc{ width:100%; margin:40px 0px}
	#google_map{ width:100%;}
	
    
    

	
	}
	
	@media (max-width: 320px){
		#info_bar{ height:50px !important;}
	#mid{ width:100% !important; padding:200px 0 0 10px !important;}
	#get_rate{ width:97%; float:left; margin:40px 0px !important;}
	#bg{ width:100% !important; height:100%; margin:0 auto; padding:10px 0 0 10px;}
    #bottom{ width:98%; padding:0px 0 0 10px; overflow-x:hidden;}
	#width{ width:98%; padding:0px 3px; margin:0px; overflow:hidden;}
	#bottom h2{ font-size:20px;}
	#bottom p{ font-size:14px;}
	#footer{ width:100%;}
	#head_right{ width:100% !important; text-align:center !important;  position:absolute; top:20px; left:0px; z-index: 9999;}
	#footer_content{ width:100% !important; padding:0px 10px !important;}
	#info_bar span{ width:100% !important; float:right; padding-right:8px;}
	#social{padding-right:10px !important; float:none; z-index:99; position:absolute; top:10px; left:33%;}
	#nav{width:100%; height:auto; float:left; text-align:left; display:block !important; position:absolute; top:0;}
	#menu{width:100%; height:auto; float:left; display:block !important;}
	#call{width:80%; height:auto; float:left; text-align:left; display:none; background:#c67532; padding:10px 10%; margin-top:50px;}
	#call span{width:100%; height:30px; float:left;}
	#head_left{ width:100%; padding:5px 0px !important; text-align:center !important;}
	#pagination{ margin-top:0px; padding:0px; text-align:center !important; left: 37% !important;    position: absolute;    top: 385px;}
	#mid2 #get_rate{ width:100% !important;}
	#get_rate select{ width:100% !important;}
	#mid2 #get_rate .select_box{ width:90% !important;}
	#mid2 #get_rate .submit_div{ width:100% !important;}
	#mid2 #get_rate_inner{ width:100% !important;}
	#info_bar span .phone{display:block; height:55px;}
	#info_bar a span{ display:none;}
	.phone{ display:none;}
	#footer_content #footer_content_one{ text-align:center; float:none !important; padding:10px 0px;}
	#bottom ul li{ font-size:16px;}
	div.tabular_div span{ font-size:14px;}
	.fares_left{ width:65%;}
	.fares_right{ width:35%;}
	#fare_calc .fares_left{ width:65%;}
	#fare_calc .fares_right{ width:35%;}
	#fares_mid{ width:100%;}
	#fare_calc{ width:100%; margin:40px 0px}
	#google_map{ width:100%;}
	
	
	}
	
	
