@media (max-width:1499px) {
	/*.timelineYears ul li.smallsize a {
	
	padding: 6px 15px;
}
.timelineYears ul li a {
	padding: 10px 17px 10px 22px;
	font-size: 15px;
}
.yearImage img{
	max-height: 90px;
}
.yearImage.up {
	top: -127px;
}
.yearImage.botom {
	bottom: -127px;
}
.timelineYears {

	margin: 180px 0px 140px;

}*/
.timeline h1 {
	font-size: 22px;/*edited by amit */
}



/* Added on -------------------- 21/06*/
.fashion .fashionUpper .automobilesUpperRight  .automobilesTxt{
	width:50%;  
	}
.fashion .fashionUpper .fashionUpperRight .automobilesTxt {
	
	left: 70px;
	top: 90px;
	width: 55%;
}
.brandExport  .brandbox{
	width: 70%;
	}
.fashion .fashionUpper .fashionUpperRight  .exportTxt{width:60%; }



/*----- dated 26th June--- */

.automobileMiddlePart  h1{  font-size:44px; line-height:48px;}
.automobileMiddlePart p{font-size:16px;line-height:22px}
}
@media (max-width:1400px) {
  /*.timelineYears ul li a {
	font-size: 14px;
	padding: 10px 11px 10px 22px;
}
.timelineYears ul li.smallsize a {
	padding: 4px 15px;
}*/
.slideVision .sliderLeft img {
	width: auto;
	max-width: 140px;
	max-height: 120px;
}
.slideMision img {
	max-width: 120px;
	
}
.slideMision h3 {
	padding-top: 45px;
}
#visionBanner h3 {
	font-size: 54px;
}
.fashion .fashionUpper .fashionUpperRight .fashionContent {
	left: 60px;
	top: 40px;
	width: 45%;
}
.fashion .fashionUpper .fashionUpperRight  .exportTxt{padding-left:70px }
/*----- dated 26thg June--- */
.groupWrapper .row1{width:79%;}
.groupWrapper .row1 .leftCol{width: 30%;}
.groupWrapper .row1 .rightCol{width:69%;}

.groupWrapper .row2{width:83.4%;}
.groupWrapper .row2 .leftCol{width: 33.6%;}
.groupWrapper .row2 .rightCol{width:65.4%;}

.groupWrapper .row3{width:87%;}
.groupWrapper .row3 .leftCol{width: 36.3%;}
.groupWrapper .row3 .rightCol{width:62.7%;}
}
@media (max-width:1365px) {
 .menuSection ul li a {
	
	padding: 15px 15px;
}

/*.timelineYears ul li a {
	font-size: 12px;
	padding: 12px 11px 12px 27px;
}
.timelineYears ul li.smallsize a {
	font-size: 10px;
	padding: 7px 16px;
}*/
.menuSection ul li a {
	padding: 10px 10px;
}
#banner{
	background: #000;
}
.fashion .fashionUpper {
	max-height: none;
	height: auto;
}
.yearImage img {
	max-width: 290px;
}
.brandExport  .brandbox{
	width: 77%;
	}

.timeline h1 {
	font-size: 22px;
}
.brandExport  .brandbox1 h1,.brandExport  .brandbox h1,  .brandExport  .brandbox2 h1{
	font-size:36px;
	line-height:45px;
}
.brandExport  .brandbox1 p, .brandExport  .boxcontent p, .brandExport  .brandbox2 p{
	font-size:15px;
	line-height:22px;
}
.brandExport  .brandbox img{height:118px}
.brandExport  .brandbox  {width:70%}
.automobileMiddlePart  h1{  font-size:36px; line-height:40px;}
.automobileMiddlePart .imageholder  img{ width:55%}



}

@media (max-width:1280px) {
  .menuSection ul li a {
	font-size: 14px;
	padding: 10px 8px;
}
.historyContent {
	margin: 0px 20px;
	width: 80%;
}
/*.timelineYears ul li a {
	font-size: 10px;
	padding: 12px 9px 12px 24px;
}
.timelineYears ul li.smallsize a {
	font-size: 9px;
	padding: 6px 16px;
}
.timelineYears ul li a::after {
	border-width: 14px;
	margin-top: -14px;
}
.timelineYears ul li a::before {
	border-width: 22px;
	margin-top: -22px;
}
.timelineYears ul li a::after, .timelineYears ul li a::before {
	left: 94%;
}*/
.timeline h1 {
	font-size: 20px;/*edited by amit */
}



/*----- dated 26thg June--- */

.menuSection ul li a {font-size: 12px;  padding: 10px 6px;}

.brandExport .brandbox2 h1 {
    font-size: 30px;
    line-height: 40px;
}
.groupWrapper .row1{width:78%;}
.groupWrapper .row1 .leftCol{width: 30%;}
.groupWrapper .row1 .rightCol{width:69%;}

.groupWrapper .row2{width:83%;}
.groupWrapper .row2 .leftCol{width: 34.2%;}
.groupWrapper .row2 .rightCol{width:64.9%;}

.groupWrapper .row3{width:87%;}
.groupWrapper .row3 .leftCol{width: 37.3%;}
.groupWrapper .row3 .rightCol{width:61.9%;}
}

@media (max-width:1152px) {
/* Added on -------------------- 21/06*/
.brandExport  .brandbox h1{
	font-size:39px;
}
.brandExport  .brandbox p{
font-size:15px;line-height:24px
}

/*----- dated 26th June--- */

.menuSection ul li a {font-size: 12px;  padding: 10px 6px;}

.fashion .fashionUpper .fashionUpperRight .fashionContent {
 left: auto;
 top: auto;
 width: 100%;
 position: relative;
}
/* Added on -------------------- 21/06*/
.fashion .fashionUpper .automobilesUpperRight .automobilesTxt {
	
 left: auto;
 top: auto;
 width: 100%;
 position: relative;
 max-height:1400px;
}
.fashion .fashionUpper .fashionUpperRight .exportTxt {
 left: auto;
 top: auto;
 width: 100%;
 position: relative;
 min-height:auto;
 padding:5%;
}

.brandExport  .brandbox1{
		width: 50%; 
		margin-top: 20%;
	}
.brandExport .brandbox h1 {
    font-size: 30px;
}	
.brandExport .brandbox2  {
width:70%; margin-top:20%;
}
.groupWrapper .row1{width:76.8%;}
.groupWrapper .row1 .leftCol{width: 30%;}
.groupWrapper .row1 .rightCol{width:69%;}

.groupWrapper .row2{width:82.6%;}
.groupWrapper .row2 .leftCol{width: 34.8%;}
.groupWrapper .row2 .rightCol{width:64.2%;}

.groupWrapper .row3{width:87%;}
.groupWrapper .row3 .leftCol{width: 38%;}
.groupWrapper .row3 .rightCol{width:60.9%;}
}
}

@media (max-height:1024px) AND (max-width: 768px) {

	}

@media (max-width:1024px) {
	
.automobileMiddlePart .imageholder { width:80%; float:right; display:block; text-align:center;}
.automobileMiddlePart .imageholder img{ float:none; width:80%}
.automobileMiddlePart .textholder{ width:72%; display:block;float:right; padding-right:12%}	
.automobileMiddlePart p{font-size:17px;text-align:justify; line-height:28px}
.automobileMiddlePart  h1{  font-size:48px;  line-height:56px; font-weight:bold; margin-top:0px;	}

.yearImage img {
	max-width: 200px;


}
.timelineYears ul li:nth-child(2n) .yearImage {
	margin-right: 5%;


}
.yearImage {
	margin-top: 4%;
}
.timelineYears ul li:nth-child(2n+1) .yearImage {
	margin-left: 5%;
}
.timelineYears ul li:nth-child(1) .yearImage {
	margin-left: 10%;
	margin-top: 3%;
}

/* Added on -------------------- 21/06*/
.brandExport  .brandbox{
	width: 90%;
	}
/*----- dated 26th June--- */
.history .groupWrapper h1{margin-left:5.6%}
.groupWrapper .row1{width:72%;}
.groupWrapper .row1 .leftCol{width: 40%;}
.groupWrapper .row1 .rightCol{width:59%;}

.groupWrapper .row2{width:78%;}
.groupWrapper .row2 .leftCol{width: 44.4%;}
.groupWrapper .row2 .rightCol{width:54.5%;}

.groupWrapper .row3{width:83%;}
.groupWrapper .row3 .leftCol{width: 47.8%;}
.groupWrapper .row3 .rightCol{width:51.1%;}
}
}
@media (max-width:1023px) {

 .leftSection {
	width: 250px;
	-webkit-transform: skew(-11deg);
	transform: skew(-11deg);
	-ms-transform: skew(-11deg);
	margin-left: -130px;
}
.leftSectionInner {
	
	width: 430px;
	-webkit-transform: skew(11deg);
	 -ms-transform: skew(11deg);	
	 transform: skew(11deg);
}
.leftSectionShade {
	width: 285px;
	-webkit-transform: skew(-11deg);
	 -ms-transform: skew(-11deg);	
	 transform: skew(-11deg);
	margin-left: -130px;
}
.linksSection {
	width: 250px;
	-webkit-transform: skew(-11deg);
	 -ms-transform: skew(-11deg);	
	 transform: skew(-11deg);
	margin-left: -130px;
}
.linksSection ul li {
	width: 75px;
     height: 75px;
	-webkit-transform: skew(11deg);
    -ms-transform: skew(11deg);	
	 transform: skew(11deg);
	margin-bottom: 10px;
}

.linksSection ul li a {
	width: 75px;
	height: 75px;
	font-size: 13px;
	padding: 13px 5px;
}

.linksSection ul {
	margin-right: -32px;
}

 
.menuSection {
	padding-left: 250px;
}


.visionBannerWrappre {
	padding-left: 150px;
}

.timelineyearWrapper{
	width: 768px;
}
.logo img{
	 width:90%;
}
.brandExport .contactbox .boxcontent {
    float: right;
    width: 70%;
    margin-left: auto;
}

.brandExport .contactbox .map {
    float: right;
    width: 70%;
    margin-right: auto;
}
.contactImg img{width:46%}

/*----- dated 4th July--- */



}

@media (max-height:1024px) {

	.logo img {
	max-width: 160px;
}
}

@media (max-height:768px) {

	.logo img {
	max-width: 155px;
}


}

@media (max-width:940px) {
  .menuToggle{
  	display: inline-block;
  }
  .menuSection nav{
  	display: none;
  }
  .menuSection{
  	text-align: right;
  }

  .menuSection ul li {
	display: block;
}
.menuSection ul li ul {
	display: block;
}
#banner .slider-caption .brandLogo img {
	max-width: 250px;
}
#banner .slider-caption {
	padding-left: 150px;
}
#banner .slider-caption .brandLogo {
	width: 40%;
}
#banner .slider-caption .brandCopy {
	width: 55%;
}

.menuSection ul li ul{
	position: relative;
	
}
.menuSection ul li:hover ul, .menuSection ul li ul{
	display: none;
}
.menuSection ul li ul li a {
	padding: 10px 10px;
}


}


@media (max-width:768px) {
.slideVision .sliderright {
	float: none;
	width: 100%;
}
.slideVision .sliderLeft {
	float: none;
	width: 100%;
	margin-bottom: 15px;
	text-align: center;
}
.missionContent {
	-webkit-column-count: auto;
	-moz-column-count: auto;	
	        column-count: auto;
	-webkit-column-gap: 0;
	        -moz-column-gap: 0;	
	        column-gap: 0;
	width: 95%;
}
.slideVision .sliderLeft img {
	display: inline-block;
}
.slideVision .sliderLeft p{
	margin-bottom: 5px;
	padding-bottom: 0px;
	font-size: 15px;
	line-height: normal;
}
.brandExport  .brandbox1{
		width: 70%; 
		margin-top: 25%;
	}
.brandExport  .brandbox{
	width: 96%;
	}
.brandExport  .brandbox h1{
	font-size:26px;
	}	
.brandExport .brandbox2  {
width:84%; margin-top:30%;
}	
.brandExport  .brandbox2 h1{
	font-size:22px;line-height:26px;
	}
.brandExport .contactbox{margin-top:84px;}	

.brandExport .contactbox .boxcontent {
    width: 80%;
}

.brandExport .contactbox .map {
    width: 80%;
}
.automobileMiddlePart  h1{  font-size:40px;  line-height:48px}

.history .groupWrapper h1{margin-left:0%}
.groupWrapper .row1,.groupWrapper .row2, .groupWrapper .row3{width:60%;}
.groupWrapper .row1 .leftCol,.groupWrapper .row2 .leftCol, .groupWrapper .row3 .leftCol{display:none}
.groupWrapper .row1 .rightCol,.groupWrapper .row2 .rightCol,.groupWrapper .row3 .rightCol{width:100%; float:none}

}

@media (max-width:740px) and (min-width:700px) {
.linksSection ul{
	margin-top: 50%;
	}
	.linksSection ul li{
		-webkit-transform: scale(0.8);
		        -ms-transform: scale(0.8);
		    transform: scale(0.8);
		margin-bottom: -12px;
	}
	.linksSection {
	-webkit-transform: none;
	-ms-transform: none;
	    transform: none;
	margin-left: -185px;
}
.logo img {
	max-width: 111px;
}
}

@media (max-width:767px) {
 #banner .slider-caption .brandLogo {
	width: 100%;
	float: none;
	text-align: center;
}
#banner .slider-caption .brandLogo img {
	max-width: 200px;
	text-align: center;
	width: 90%;
	display: inline-block;
}
#banner .slider-caption .brandCopy {
	width: 100%;
	float: none;
	text-align: center;
}

.timeline h1 {
	font-size: 18px;
}
.timelineYears ul li:nth-child(2n) {
	border-right: 0px solid #ffffff;
	
	right: auto;
	text-align: left;
}
.timelineYears ul li{
	padding-bottom:20px;	
}
	.timelineYears ul li:nth-child(2n+1), .timelineYears ul li:nth-child(2n) {
	border-left: 10px solid #ffffff;
	float: left;
	left: 20px;
	border-right:0px;
}

.timelineYears ul li:nth-child(2n) .yearImage {
	margin-right: 0;
	margin-left: 10%;
}
.yearImage img {
	max-width: 260px;
}
.timelineYears ul li:nth-child(1) a{
	font-size: 12px;
}
.timelineYears ul li a {
	font-size: 13px;
}
.brandExport .brandbox2  {
	margin-top:16%; width:78%;
}
}
@media (max-width:670px) and (min-width:640px) {
.linksSection ul{
	margin-top: 50%;
	}
	.linksSection ul li{
		-webkit-transform: scale(0.7);
		        -ms-transform: scale(0.7);
		    transform: scale(0.7);
		margin-bottom: -20px;
	}
	.linksSection {
	-webkit-transform: none;
	-ms-transform: none;
	    transform: none;
	margin-left: -185px;
}
.logo img {
	max-width: 106px;
}
}
@media (max-width:640px) {
	.logo img {
	max-width: 130px;
}
.logo {
	position: absolute;
	left: 50%;
	top: 5px;
	margin-left: -65px;
}
.menuSection {
	padding-left: 0px;
	min-height: 88px;

	text-align: left;
	z-index: 14;
	border-bottom: 3px solid #05509f;
}
.menuToggle {
	margin-top: 26px;
	margin-left: 20px;
}

.leftSection {
	width: 90px;
	-webkit-transform: skew(-9deg);
	        -ms-transform: skew(-9deg);
	    transform: skew(-9deg);
	margin-left: -45px;
}
.leftSectionShade {
	width: 100px;
	-webkit-transform: skew(-9deg);
	        -ms-transform: skew(-9deg);
	    transform: skew(-9deg);
	margin-left: -45px;
}
.leftSectionfill {
	width: 15px;
}
#banner .slider-caption {
	padding-left: 30px;
}
#banner .slider-caption .brandCopy {
	padding: 5px 0px;
}

#banner .slider-caption {
	bottom: 100px;
}

.linksSection {
	width: 100%;
	-webkit-transform: none;
	        -ms-transform: none;
	    transform: none;
	margin-left: 0px;
	height: 100px;
	top: 100%;
	z-index: 16;
	margin-top: -100px;
}
.linksSection ul {
	margin-right: 0px;
}
.linksSection ul li {
	-webkit-transform: none;
-ms-transform: none;
	transform: none;
	margin-bottom: 0;
	display: inline-block;
}
.linksSection ul {
	
	float: none;
	margin-right: 0px;
	margin-top: 0;
	margin-left: 0px;
	padding-left:0px;
	padding-top: 15px;
	text-align: center;
}

#banner, .fashion, .history, .visionMission {
	padding-top: 86px;
}

.visionBannerWrappre {
	padding-left: 10%;
}

.bannerlinks ul li {
	font-size: 14px;
}
.bannerlinks ul li a {
	padding: 5px 7px;
}
.slideMision h3 {
	padding-top: 30px;
}
#visionBanner h3 {
	font-size: 35px;
}

.historyInner {
	max-height: 95%;
}
.brandExport  .brandbox1{
		width: 85%; 
		margin-top: 40%;
	}
.brandExport  .brandbox1 img{
	width: 55%; 
}
 .brandExport  .brandbox1 h1{
	 font-size:25px; line-height:30px;
 }
 .brandExport .brandbox {
	margin-top:120px;
} 
 .brandExport .brandbox .boxcontent {
    width: 80%;
}
.brandExport .brandbox img {
    height: 70px;
}
.brandExport .brandbox h1 {
	font-size:18px; line-height:28px;
}
.contactImg img{width:60%}
#banner .slider-caption .brandCopy p {
    font-size: 16px;
}
.groupWrapper .row1,.groupWrapper .row2, .groupWrapper .row3{width:80%;}
}



@media (max-width:570px) and (min-width:540px) {
  #banner{

  }
  #banner .slider-caption{
  	bottom: 0px;
  }
  .linksSection ul{
  	text-align: left;
  }
  .linksSection ul li{
  	display: block;
  }
  .linksSection {
	margin-top: -148px;
	-webkit-transform: scale(0.5);
	        -ms-transform: scale(0.5);
	    transform: scale(0.5);
	width: 100px;
	left: 0px;
}

}
@media (max-width:540px) {
	.yearImage img {

	max-width: 300px;
	width: 180%;
}
}




@media (max-width:480px) {

	.brandExport  .brandbox1{
		width: 88%; 
		margin-top: 50%;
	}
.brandExport .brandbox2  {
	width:90%; margin-top:22%;
}
.automobileMiddlePart  h1{  font-size:36px;  line-height:40px}
.groupWrapper h1{font-size:22px;}
.groupWrapper h4, .groupWrapper p{font-size:14px;}
.groupWrapper .row1,.groupWrapper .row2, .groupWrapper .row3{width:70%;}
}