.variantMileageSection p {font-family: 'Lato',sans-serif;}
.mainContainer{width:100%;float:left;overflow:hidden}
.priceSection{width:246px;float:left;padding:10px 15px;position:absolute;bottom:35px;left:0;background:url(/images/price-bg.png)right top no-repeat;background-size:100% 100%}
.priceSection p{font-size:20px;color:#fff; font-family: 'Lato',sans-serif;}
.priceSection h1{font-size:34px;color:#fff; font-family: 'Lato',sans-serif;}
.priceSection span{font-size:12px;color:#fff}
.AboutWagonrCng{width:100%;float:left;padding:40px 100px 0}
.AboutWagonrCng h1{font-weight:700;font-size:40px;line-height:40px;margin:0 0 15px;font-family: 'Lato',sans-serif}
.variantMileageSection h2.price-text p{font-weight:700;font-size:40px;line-height:40px;margin:0 0 15px}
h2.heading{font-weight:900;font-size:40px;line-height:40px;margin:0 0 15px;text-align:center;text-transform:uppercase;font-family: 'Lato',sans-serif;}
.AboutWagonrCng p{font-size:13px;line-height:19px;font-weight:400;font-family: 'Lato',sans-serif;}
.AboutWagonrCng ul{width:100%;float:left;margin:20px 0}
.AboutWagonrCng li{width:20%;float:left}
.specSection{width:100%;float:left;box-sizing:border-box;padding:0 120px;position:relative;padding-bottom:40px}
.bigLogo{width:auto;float:left;position:absolute;left:0}
.specTab{width:100%;float:left;text-align:center;margin-bottom:40px;margin-top:70px}
.specTab ul li{text-align:center;cursor:pointer;list-style:none;display:inline-block}
.specTab ul li a{border-bottom:2px solid transparent;padding:0 3px 15px;margin:0 15px;text-decoration:none;color:#ccc}
.specTab ul li a:hover,.specTab ul li a.active{border-bottom:2px solid #68aedf;color:#000;font-weight:700}
.specTableSection{width:100%;float:left;box-sizing:border-box;font-size:16px;color:#444;border-bottom:1px solid #d7d7d7}
.specTableSection table{width:100%;border-right:1px solid #d7d7d7}
.specTableSection table th{width:17.5%;color:#000;text-align:center;border-right:0 solid #d7d7d7;border-top:1px solid #d7d7d7;background:#f7f7f7;padding:15px;vertical-align:middle}
.specTableSection table td{width:17.5%;color:#444;text-align:center;border-right:0 solid #d7d7d7;border-top:1px solid #d7d7d7;background:#fff;padding:15px;vertical-align:middle}
.specTableSection table th:first-child,.specTableSection table td:first-child{width:10%;text-align:left;border-left:1px solid #d7d7d7}
.accContent{width:100%;float:left}
.accTab{width:100%;float:left;box-sizing:border-box;background:#f2f2f2 url(/images/spriteImg.png) 99% 17px no-repeat;padding:15px 10px;color:#000;text-transform:uppercase;font-weight:700;border:1px solid #d7d7d7;border-bottom:0;cursor:pointer}
.accTab.active{background-position:99% -256px}
.accContent.noDisplay{display:none}
.specTableSection.noDisplay{display:none}
.variantMileageSection{width:100%;float:left;padding:10px 100px}
.variantMileageSection h2{font-size:40px;text-transform:uppercase;margin-bottom:20px}
.variantMileageSection .optionSection{width:100%;float:left;padding-bottom:40px}
.mileageFaqSection{width:100%;float:left;background:#f0f0f1;padding:40px 100px 50px}
.mileageFaqSection .leftSection{width:40%;float:left;margin-top:50px}
.mileageFaqSection .leftSection ul{width:100%;float:left;padding:0;list-style-type:none}
.mileageFaqSection .leftSection li{width:100%;float:left;font-size:24px;color:#ccc;padding-bottom:20px;cursor:pointer;text-transform:uppercase}
.mileageFaqSection .leftSection li span{width:45%;display:inline-block;border-bottom:5px solid #ccc;padding-bottom:10px;margin-left:15px}
.mileageFaqSection .leftSection li.active{color:#000;font-weight:600}
.mileageFaqSection .leftSection li.active span{border-bottom:5px solid #000}
.mileageFaqSection .rightSection{width:60%;float:left}
.accordianSection{width:100%;float:left;color:#171717;font-size:18px;padding-bottom:40px}
.accordianSection.hideSection{display:none}
.accordianSection p{font-size:18px;display:block;padding:0 0 35px}
.accordianSection h2{width:100%;float:left;text-align:left;padding:20px 41px 15px 0 !important;font-size:14px;color:#171717;font-weight:900;border-bottom:4px solid #000;cursor:pointer;background:#f0f0f1 url(/images/spriteImgPlus.png) 98% 22px no-repeat;background-size:21px; text-transform: uppercase;}
.accordianSection h2.active{background:#f0f0f1 url(/images/spriteImgPlus.png) 98% -120px no-repeat;color:#000;background-size:21px;border-bottom-color:transparent}
.accordianSection .accContent{width:100%;float:left;display:none}
.accordianSection .accContent ul{width:100%;float:left;border-bottom:4px solid #000;padding:0}
.accordianSection .accContent ul li{width:100%;float:left;list-style:none;font-size:14px;padding:0 1px 15px 0}
.accordianSection .accContent ul li span{float:right;position:relative;cursor:pointer}
.mobileaccheading{display:none}
.ReviewCenterContainer{width:100%;float:left;color:#fff;padding:80px;background:#363636}
.ReviewSection{width:35%;margin:0 auto}
.ReviewSection h2{margin:0;padding:0;text-transform:uppercase}
.ReviewSection > p{width:auto;float:left;text-transform:uppercase;font-size:13px;position:relative;top:10px}
.ReviewSection > p:before{content:' ';border-bottom:2px solid red;width:20px;position:absolute;bottom:-10px;left:50%;transform:translateX(-50%)}
.ReviewContainer{width:100%;float:left;margin-top:40px}
.ReviewContainer p{font-size:12px;color:#c2c2c2;text-transform:uppercase}
.ReviewContainer .item{width:100%;float:left;padding:30px 0;border-top:1px solid #4a4a4a;margin-top:10px}
.ReviewContainer .item .leftSection{width:25%;float:left;border:5px solid #484848;overflow:hidden;border-radius:50px}
.ReviewContainer .item .rightSection{width:71%;float:left;margin-left:3%}
.ReviewContainer .item .rightSection h3{color:#fff;margin:0;padding:0;font-size:18px}
.ReviewContainer .item .rightSection p{font-style:italic;color:#d6d6d6;font-size:12px;margin-top:10px}
p.dezire-mileage-para-web{width:45%;display:inline-block}
.generic-hero .generic-slider .items .mediacontent.black h2,.generic-hero .generic-slider .items .mediacontent.black h3,.generic-hero .generic-slider .items .mediacontent.black p{color:#fff!important}
body.brandmileage .swift-mileage-web .exclusive-price p.Starting{margin:0;font-size:20px;font-weight:600}
body.brandmileage .swift-mileage-web .exclusive-price p.price{font-size:30px;font-weight:800;margin:0;line-height:40px}
body.brandmileage .bannerSection{height:auto}
body.alto-k10-milage .desktopcontent {margin-top: 50%;}
body.alto-milage .mediacontent {top: 40%;}
body.spresso-milage .desktopcontent {margin-top: 40%;}
body.celerio-milage .mediacontent {margin-top: 15%;}
body.wagonrmilage .mediacontent {top: 30%;}
body.swiftbrand-mileage .mediacontent {margin-top: 10%;}
body.dzire-milage .mediacontent {left: 20px; bottom: 15%; top: auto;}
body.eecomilage .mediacontent {left: 15px;}
body.ertiga-milage .mediacontent {top: 40%; padding: 0px 30px;}
body.brezza-milage .mediacontent {top: 35%;}
body.brandmileage .mediacontent .desktopcontent p { font-size: 14px;font-family: 'Lato',sans-serif}
body.brandmileage .mediacontent .desktopcontent .exclusive-price p.Starting {    font-weight: 600;font-size: 20px;font-family: 'Lato',sans-serif}
body.brandmileage .mediacontent .desktopcontent .exclusive-price p.price {  font-size: 30px;font-family: 'Lato',sans-serif;font-weight: bolder;}
body.brandmileage .mediacontent .desktopcontent .exclusive-price p.ex-showroom {font-weight: 600;    font-size: 16px}

@media screen and (max-width: 1366px) {
.AboutWagonrCng li img{width:100%}
.bigLogo img{width:70%}
.specSection{padding:0 40px}
.mileageFaqSection{padding:40px 40px 50px}
.mileageFaqSection .leftSection li span{width:60%}
body.alto-milage .mediacontent {top: 55%;}
body.wagonrmilage .mediacontent {top: 20%;}
body.eecomilage .mediacontent {top: 30px;}
body.brezza-milage .mediacontent {top: 30%;}
body.celerio-milage .mediacontent {margin-top: 12%;}
body.eecomilage .generic-hero .generic-slider .items .mediacontent.vcenter {top:32%;}
body.swiftmilage .mediacontent {top: 35%;}
body.swiftmilage .desktopcontent {margin-top:0%;}
}

@media screen and (max-width: 1920px) {
body.swiftmilage .mediacontent {top: 35%;}
body.swiftmilage .desktopcontent {margin-top:0%;}
}

@media screen and (max-width: 1280px) {
body.swiftmilage .mediacontent {top: 35%;}
body.swiftmilage .desktopcontent {margin-top:0%;}
}
@media screen and (min-width: 768px) and (max-width: 991px), screen and (min-width: 320px) and (max-width: 767px) {
body.swiftmilage .mediacontent .desktopcontent{display: block;}
body.swiftmilage .mediacontent {top: 50% !important;}
}



/*I-Pad Air Landscape*/
@media screen and (width: 820px) and (height: 1180px) {	
body.swiftmilage .mediacontent .desktopcontent{display: block;}
body.swiftmilage .mediacontent {top: 60% !important;}

}

/*I-Pad Air Portate*/
@media screen and (width: 1180px) and (height: 746px) {
body.swiftmilage .mediacontent .desktopcontent{display: block;}
body.swiftmilage .mediacontent {top: 60% !important;}

}



@media screen and (max-width: 992px) {
.AboutWagonrCng{padding:40px}
.mileageFaqSection .leftSection li span{width:70%}
.ReviewSection{width:100%!important}
.ReviewContainer .item .leftSection{width:14%!important}
.ReviewCenterContainer{padding:20px!important}
}

@media screen and (max-width: 767px) {
.AboutWagonrCng{padding:20px}
.AboutWagonrCng h2{font-size:25px}
.AboutWagonrCng li{width:50%;margin-bottom:10px}
.specSection{padding:0 20px}
.mileageFaqSection .leftSection{width:100%;margin-top:20px;display:none}
.mileageFaqSection .rightSection{width:100%;margin-top:20px}
.accordianSection h2{padding:10px 0;background:#f0f0f1 url(/images/spriteImgPlus.png) 98% 16px no-repeat;background-size:21px}
.mileageFaqSection{padding:20px;margin-top:20px}
.priceSection{width:190px;bottom:0;padding:10px 15px 10px 5px}
.priceSection p{font-size:16px}
.priceSection h1{font-size:26px}
.priceSection span{font-size:13px}
.specTab{margin-top:0}
.mileageFaqSection .leftSection li{font-size:18px}
.mobileaccheading{display:block;float:left;width:100%;color:#fff;background:url(/images/spriteImgPlushover.png) 97% 11px no-repeat;background-color:#000;background-size:21px;padding:10px;margin-bottom:10px}
.mobileaccheading.active{display:block;background:#000 url(/images/spriteImgPlushover.png) 98% -136px no-repeat;background-size:21px}
.mobileaccordian{float:left;width:100%}
.accordianSection h2.active{background:#f0f0f1 url(/images/spriteImgPlus.png) 98% -133px no-repeat;color:#000;background-size:21px}
.bigLogo{display:none}
.variantMileageSection{padding:0 20px}
.variantMileageSection h2{font-size:25px}
.specTableSection table th{width:13%}
.ReviewContainer .item .leftSection{width:25%!important}
.altoMileage .altko10Cng-mobile{margin-top:0}
}

@media (min-width: 320px) and (max-width: 480px) {
.specTableSection{font-size:13px}
.mediacontent.col-lg-5.white.right.vcenter img{max-width:82%}
.accordianSection h2{font-size:12px}
body.swiftmilage .mediacontent .mobilecontent{display:block;color:#fff}
body.brandmileage .mediacontent{top:35%;}
body.brandmileage.swiftmilage.dzire-milage .mediacontent{top:40%; left: 0px;margin-top: 40%;}
.swift-mileage-mob p{margin-bottom:0}
p.price {font-weight: 700;font-size: 36px; margin: 0; line-height: normal;}
p.Starting {margin-bottom: 0;}
.AboutWagonrCng h1, .variantMileageSection h2.price-text p, .mileageFaqSection h2.heading {font-size: 22px;}
body.spresso-milage .mediacontent .mobilecontent {margin-top: 40%;}
body.spresso-milage .mediacontent .mobilecontent .spresso-mileage-mobile br {display: none;}
body.celerio-milage .mediacontent {top: 45%;}
body.celerio-milage .mediacontent .mobilecontent br {display: none;}
body.celerio-milage .mediacontent.col-lg-5.white.right.vcenter img {max-width: 60%;}
body.wagonrmilage .mediacontent {top: 50%;}
body.brandmileage .mediacontent img {max-width: 90%; margin-bottom: 10px;}
body.dzire-milage .mobilecontent {top: 50%; left: 0;}
body.brezza-milage .mediacontent {top: 37%;}
.AboutWagonrCng p {text-align: justify;}
.accordianSection .accContent ul li {text-align: justify;}
body.eecomilage .generic-hero .generic-slider .items .mediacontent.vcenter {top:32%!important}
body.dzire-milage .wagonr-slick .mediacontent .mobilecontent .exclusive-price .price-new { font-size: 28px;}
body.dzire-milage .wagonr-slick .mediacontent .mobilecontent .exclusive-price .ex-showroom {font-size: 14px;}
}