@media only screen and (max-width: 1200px) {
.container{width:100%; max-width:100%; }
nav{ font-size:14px;}	
.top_banner .banner_text{ top:18%;}

}



@media screen and (max-width: 991px) {
	.who_we_are figure{ display:none;}
	.book_ride_area{ padding:20px;}	
	.inner_bnr img{ min-height:150px; object-fit:cover;}	
	.top_head{ display:none;}	
	header.sticky{ position:relative;}
	nav ul li a i{ float:right; font-size:21px !important;}	
	.breadcrumb_main{ left:30px; top:30px;}
.displ_nn{ display:block;}	
header .col-7{ padding:0;}	
header .logo_area{ padding:5px 0; height:auto; position:relative; line-height:inherit; text-align:left;}	
header .logo_area img{ max-height:80px; height:auto;}	
.mobile_nav{ display:block; margin:40px 0 0px 0;}
nav ul{ display:none; background:#222222; margin:0; padding:0; position:absolute; width:305px; z-index:10;}
.nav_right{ top:57px;}
nav ul li{ width:100%; text-align:left !important; float:left; position:relative;}
nav ul li a{ color:#fff; font-size:13px; padding:10px 15px !important; line-height:inherit; border-bottom:solid 1px #ccc !important; width:100% !important; float:left; text-align:left !important;}
nav ul li:hover a{ color: #fff; background:#000; }
nav ul li ul.sub-menu{ position:static; display:none !important;width:100%; height:auto; float:left;}
nav ul li:hover ul.sub-menu{ display:block !important;}
.hide_nav{ display: block; }
.mobile_nav span { width:100%; height:2px; background:#0081c6; float:left; margin:20px 0 0 0px; position:relative;transition: all .3s ease; font-size:0;}
.mobile_nav span:before { content:''; position:absolute; width:100%; height:2px; background:#0081c6; left:0px; top:-12px; transition: all .4s ease; }
.mobile_nav span:after { content:''; position:absolute; width:100%; height:2px; background:#0081c6; left:0px; bottom:-12px; transition: all .4s ease;}
.mobile_nav.close_menu span { height:auto; font-size:24px; color:#fff; background:#0081c6; margin-top:20px; margin-left:0px; font-weight:300; }
.mobile_nav.close_menu span:before {transform: rotate(45deg); transition: all .4s ease; top:0%; margin-top: -1px; opacity:1 }
.mobile_nav.close_menu span:after {transform: rotate(-45deg); transition: all .4s ease; bottom: 50%; margin-bottom: -1px; opacity:1; }

	nav ul li:last-child a{ margin:0; background:#555;}	
	
.service_area .service_list .part_1{ display:none;}
.service_area .service_list .part_2{ flex:0 0 100%;}

.who_we_are figure{ width:100%;}
.who_we_are .dtls_area{ width:100%; padding:20px;}

.inner_bnr label{ font-size:22px; line-height:28px;}

.top_banner .banner_text{ left:0%; top:15%;}
.top_banner .banner_text h1, .top_banner .banner_text h2{ font-size:32px;}
.top_banner .banner_text h1 span{ font-size:36px;}
.top_banner .banner_text p{ font-size:15px; line-height:20px;}
.owl-carousel .owl-nav button.owl-next{ right:0 !important;}
.owl-carousel .owl-nav button.owl-prev{ left:0 !important;}
.client_list ul li img{ max-width:100%; }
.client_list{ margin:0 0 20px;}
}



@media screen and (max-width: 767px) {
	.location_area ul li{ flex:0 0 100%;}
	.faq_area h3{ font-size:16px;}
	.faq_area p{ font-size:14px; line-height:20px;}
	.service_area ul li figure img{ min-height:inherit; height:auto; }	
	
	.foot-menu a{ font-size:12px;}
	.breadcrumb_main {
    left: 0px;
    top: 00px;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,.7);
    padding:15% 12px 0;
}
	.inner_bnr label{ font-size:16px; line-height:18px;}
	.breadcrumb_main ol li, .breadcrumb_main ul li{ font-size:12px;}
	.service_area h2:after, .service_area h1:after{ left:38%;}
	.project_info{ padding:15px 0 0;}
	.who_we_are h2{ font-size:32px;}
	.who_we_are p{ font-size:16px; line-height:24px;}
	.banner-main{ width:auto; top:10%; display:none;}	
	.who_we_are figure{ margin:0 0 15px;}
	.banner-main .outer_border{ background:rgba(255,255,255,.7); padding:8px 10px; margin:0 0 10px;}
	.banner-main label, .banner-main label span{ font-size:14px !important; line-height:18px; margin:0;}
	.banner-main p{ font-size:12px; margin:0 0 5px;}
	.banner-main a{ width:auto; padding:6px 15px; font-size:14px;}
	.carousel-control-next{ right:10%; top:75%;}
	.carousel-control-prev{ left:67% !important; top:75%;}
	a.carousel-control-prev, a.carousel-control-next{ width:30px; height:30px;}
	.blue_bg{ padding:30px 15px;}
	.about_services .list-group ul li{ flex:0 0 100%;}	
	.about_services .list-group ul li a{ font-size:14px; padding:10px; }
.about_services h1, .service_area h2, .faq_inner_area h2, .book_ride_area h2{ font-size:26px;}	
.check_list{ margin:0 0 25px;}
.hide_mb{ display:none;} 
.about_services h2 ,.faq_inner_area h3{ font-size:20px;}
.faq_inner_area h3{ padding-right:25px;}
.top_head ul.call_email li{ font-size:12px;}
.top_head ul.call_email li a{ padding:10px 5px;}	
.top_banner img{ height:165px !important; object-fit:inherit !important;}	
.top_banner .carousel-indicators{ bottom:10px;}
.top_banner .banner_text a{ display:none;}
.top_banner .banner_text span{ font-size:14px;}
.top_banner .banner_text label{ font-size:32px; line-height:32px; margin:0 0 20px;}
.top_banner .banner_text a{ font-size:14px; padding:8px 25px;}
.top_banner .banner_text p{ margin:5px 0 10px;}
.who_we_are h1, .testi_area h2, .gallery_area h2, .service_area h2{ font-size:32px;}
.who_we_are h1 span{ display:block; font-size:26px;}
.who_we_are .top_txt{ margin:0 0 10px;} 
.who_we_are .top_txt label{ font-size:18px;}	
.stats_area ul li, .service_area ul li{ flex:0 0 100%;}
.faq_area .left_img{ flex:0 0 100%; min-height:220px; background-size:100%;}
.faq_area .rgt_dtls{ flex:0 0 100%; padding:20px;}
.faq_area .rgt_dtls h3{ font-size:20px;}	
.faq_area .rgt_dtls p{ font-size:16px; line-height:24px;}
	
.page_gallery_2 ul li{ flex:0 0 48%; max-height:110px;}	
.top_head p{ display:none;}
.book_ride_area ul.form_area li{ flex:0 0 100% !important;}
.book_ride_area .cta_area .cncl, .book_ride_area .cta_area .sbmt{ width:100%; margin:5px 0;}	

.service_area .service_list .part_2 ul li{ flex:0 0 100%;}
.latest_prodcts_area ul li{ flex:0 0 100%; margin:10px 0;}

.client_testimonials p{ font-size:16px; line-height:24px;}

footer { margin: 0; }
footer h3{ cursor: pointer; width: 100%; border-bottom: solid 1px #6a6a6a; background-image: none;  padding: 0 0 15px; margin: 0 0 15px; }
footer h4{ cursor: pointer; width: 100%; border-bottom: solid 1px #6a6a6a; background-image: none;  padding: 0 0 15px; margin: 0 0 15px; }
footer .resource li{ width:100%;}
.border_right{ margin:0; border:none;}
footer .subscribe{ padding:0;}
footer .accept_card{ padding:0; margin:15px 0;}
footer .quick_contact .enquire_now h2{ font-size: 18px; font-weight: 300; cursor: pointer; width: 100%; border-bottom: solid 1px #558cde; background-image: none; color: #fff; padding: 0 0 15px; margin: 0 0 15px;}
footer .last_footer{ text-align:center; padding-bottom:0px;}
	.social,span.follow-us{ text-align:left;}	
	.foot-menu a{ margin:0 12px;}
.cat_page_area .cat_main ul li{ flex:0 0 100%; margin:15px 0;} 
	.footer .footer-box{ flex:0 0 100% !important; max-width:inherit !important; margin:0 0 20px;}	

	
	}


@media only screen and (max-width: 359px) {
.
}