@charset "utf-8";
/* CSS Document */
@media only screen and (max-width: 1920px){
	.container-car2 { width: 68% !important;margin: 0px auto;}
	}
	


@media only screen and (max-width: 1440px){
	.container-car2 { width: 80% !important; margin: 0px auto;}
	
	.top-text-wear2 {width: 90% !important; margin: 0px auto; position: relative;}

	}


@media screen and (min-width:992px) and (max-width:1051px) {
.right-menu.left #topmenu .menu > li {padding: 30px 0px;}
}


.moblie-menu-view-show{ display: none;}
.moblie-menu-view-hide{ display: block;}

.moblie-view-show{display: block; }
.moblie-view-hide{ display:none;}

.locmap-show{display:block;}
.locmap-hide{ display:none;}

/* Moblie menu CSS  */
@media screen and (min-width:50px) and (max-width:991px) {
.moblie-menu-view-show{ display: block;}
.moblie-menu-view-hide{ display: none !important;}

.moblie-view-show{ display:block;}
.moblie-view-hide{ display: none;}


#topmenu ul li {display: block; position: relative;}
#topmenu ul li a{font-weight: 800; font-size:12px; padding: 0px; line-height: normal; color:#fff;  letter-spacing: 1px; line-height: 1.1;}


}
/* Moblie menu CSS END */

@media only screen and (max-width: 1360px){
.flip-card {margin: 0px 0px 10px 10px;width: 166px;min-height: 140px;}
}

@media screen and (min-width:50px) and (max-width:991px) {
.inner-service-bar {margin-bottom: 1rem;  height: 100%; width:100%; clear:both;}
.inner-service-bar .caption {padding-top: 10px;}
.section-title { width: 96%;}
.text-container{ position:relative; margin:0px auto; width:96%;}
.text-con{ font-size:16px; font-style: normal;  font-weight: 400; line-height: 25px;}
.f-grid-cell { width:100%; display:block;}
.banner-hei{ height:50px;}
.text-name{text-align:center;}
.text-copy{ text-align:center; font-size: 15px;  margin-bottom: 40px;}
.banner-hei-jagu{ height:50px;}

.leadership-box .image {position: relative; width: 100%; height: auto; text-align: center;	}
.leadership-box .inner { position:relative; float:left; width:100%;  padding: 40px; word-wrap: break-word;}
.leadership-box h3 { text-align: center;}
.leadership-box .subd {text-align: center;}

.leadership-box:nth-child(2n) .image {position: relative; width: 100%; height: auto; text-align: center;	}
.leadership-box:nth-child(2n) .inner {  position:relative; float:left; width:100%;  padding: 40px; word-wrap: break-word; text-align:left;}

.top-text-wear{ width: 96%;}
.top-text-wear2{ width:72%;}


.w10{ width:100%;}
.led-box { margin:6px 0px 0px 27px;width:140px !important;text-align: center; min-height: 145px !important; }



}

@media screen and (min-width:50px) and (max-width:767px) {
.top-numb{ width:50%; float:left;}	
.banner-slider-wrap.urban .pag-wrapper{ padding:0px;}

}

 .banner-show{ display:none;}
 .banner-hide{ display:block;}

@media screen and (min-width:50px) and (max-width:766px) {
 .banner-show{ display:block;}
 .banner-hide{ display:none;}
	
.brr{border-right:0px;}	

.inner-sub-textContainer{ padding:0px 15px 0px 15px;}
.inner-text-container-land{width: 95%;}
.led-box { margin:6px 0px 0px 27px;width:260px;text-align: center; min-height: 115px;}
}



.drrh{ display: block;}
 .home-im-show{ display:none;}
 .home-im-hide{ display:block;}

@media screen and (min-width:50px) and (max-width:600px) {
	.fottwe5{ width:50% !important; float:left;}
	.drrh{ display:none;}
	.footer .copy{ width:90%; margin:0px auto;}
	.footer{ padding-top:0px;}
	
	.testim-wer{ width:100%;}
	.testim-tie{ width:100%; margin-top:30px;}
	.ato-w{ width:100%;}
	.pull-right{ float:none !important}
	.right-content-auto{ padding:30px;}
	
 .home-im-show{ display:block;}
 .home-im-hide{ display:none;}
	.pd{ padding:15px 0px 15px 0px;}
}





.moblie-view-show-in{ display:none;}
.moblie-view-hide-in{ display: block;}




@media screen and (min-width:601px) and (max-width:887px) {
.section-mod {  padding-top: 50px;  padding-bottom: 40px;}
}

@media screen and (min-width:50px) and (max-width:600px) {
.moblie-view-show-in{ display:block !important;}
.moblie-view-hide-in{ display: none;}	

.inner-text-container { width: 100%;}
.section-mod {  padding-top: 40px;  padding-bottom: 40px;}

.container-car { width: 100%;}
.inner-sub-textContainer .text-copy{ text-align:left;}
.inner-sub-textContainer .text-name {text-align:left;}


.logo img {height: 28px !important; max-height: 28px !important;}
.cs-select-box select{ font-size:15px;}
.wel-sub-title-top{ font-size:22px; padding-top:20px;}
blockquote p a{ clear:both; display:block; padding-bottom:10px;}
.ph{ clear:both;}
.bannerH{ height:10px; display:none }
}

@media screen and (min-width:787px) and (max-width:1205px) {
.tata-c-inner-bg{ height:300px;}
.tata-p-inner-bg{height:300px;}
.service-landrover-bg{ height:300px;}
.careers-banner-bg{height:300px }
.contact-banner-bg{height:300px }
.automall-banner-bg{height:300px}
.servicerenault-bg{height:300px}
.tatacommercialservic-bg{height:300px}
.tatapasengerservic-bg{height:300px}
.service-jaguar-bg{height:300px}

.renault-inner-bg{height:300px}
.tata-c-inner-bg{height:300px}
.inner-bg-land{height:300px}
.inner-bg{height:300px}
.section-mod { padding-top: 40px;}
}



@media screen and (min-width:456px) and (max-width:786px) {
.tata-c-inner-bg{ height:300px;}
.tata-p-inner-bg{height:300px;}
.service-landrover-bg{ height:300px;}
.careers-banner-bg{height:300px }
.contact-banner-bg{height:300px }
.automall-banner-bg{height:300px}
.servicerenault-bg{height:300px}
.tatacommercialservic-bg{height:300px}
.tatapasengerservic-bg{height:300px}
.service-jaguar-bg{height:300px}

.renault-inner-bg{height:300px}
.tata-c-inner-bg{height:300px}
.inner-bg-land{height:300px}
.inner-bg{height:300px}


.section-mod { padding-top: 40px;}


}



@media only screen and (max-width: 1024px){
.mileston-box{ width:80%; margin:0px 15px 15px 15px; padding:10px;}
.flip-card {margin: 0px 0px 10px 10px;width: 240px;min-height: 140px;}
.led-box { margin:6px 0px 0px 9px;width:190px;text-align: center; min-height: 115px;}
.top-text-wear2 {width: 75% !important;}
.container-car2 {width: 78%; margin: 0px auto;}
/*HOme page logo*/

@media screen and (min-width:50px) and (max-width:600px) {
.view { width:50%;}
}



@media screen and (min-width:50px) and (max-width:700px) {
.showroom-serv-content-area{ min-height: auto;}
.showroom-serv-content-area p{ text-align:center}

.top-text-wear-auto{ width:98%;}
.home-pad-01{padding: 0px 10px 0px 10px;}
.sub-wer{float: right; margin-top: 9px; margin-right: 15px;}
.mileston-box{ width:90%; margin:0px 15px 15px 15px; }
.locmap-show{display:none;}
.locmap-hide{ display:block;}
.flip-card {width:90% !important; min-height: 230px !important;}
.led-box {width:90% !important;text-align: center; }
.top-text-wear2 {width: 90% !important;}
.design-content {  padding:0px 50px; }
.top-text-wear-auto { padding: 0px 10px 0px 10px;}

}

@media only screen and (max-width: 320px){
.mileston-box{ width:90%; margin:0px 15px 15px 15px; }
.locmap-show{display:none;}
.locmap-hide{ display:block;}
.flip-card {margin: 0px 0px 10px 10px;width:133px !important; min-height: 250px !important; padding:10px;}

.led-box {width:90%;text-align: center;}

}
















