.mainContainer{width:100%;float:left;overflow:hidden}
.header{width:100%;float:left}
.header img{width:100%}
.bannerSection{width:100%;float:left;position:relative}
.bannerSection img{width:100%;display:block}
.bannerSection img.mobileBanner{width:100%;display:none}
.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}
.priceSection h1{font-size:34px;color:#fff}
.priceSection span{font-size:12px;color:#fff}
.AboutWagonrCng{width:100%;float:left;padding:40px 60px 0}
.AboutWagonrCng h2{font-size:40px;text-transform:uppercase;padding-bottom:10px}
.AboutWagonrCng p{font-size:13px;padding-bottom:15px;line-height:19px}
.AboutWagonrCng ul{width:100%;float:left;margin:20px 0}
.AboutWagonrCng li{width:20%;float:left}
.specSection{width:100%;float:left;font-family:'Lato',sans-serif;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;font-family:'Lato',sans-serif;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:0 60px}
.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 120px 50px}
.mileageFaqSection h2{font-size:40px;text-align:center;text-transform:uppercase;padding-bottom:40px;font-weight:900}
.mileageFaqSection .leftSection{width:40%;float:left;margin-top:50px}
.mileageFaqSection .leftSection ul{width:100%;float:left}
.mileageFaqSection .leftSection li{width:100%;float:left;font-size:24px;color:#ccc;padding-bottom:20px;cursor:pointer}
.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}
.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}
.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}
.accordianSection .accContent ul li{width:100%;float:left;list-style:none;font-size:14px;padding:15px 0}
.accordianSection .accContent ul li:nth-child(odd){background:#f0f0f1;padding:15px}
.accordianSection .accContent ul li:nth-child(even){background:#f0f0f1;padding:15px}
.accordianSection .accContent ul li span{float:right;position:relative;cursor:pointer}
.mobileaccheading{display:none}
.footer{width:100%;float:left}
.footer img{width:100%;display:block}
.footer img.mobileFooter{width:100%;display:none}
.ReviewCenterContainer{width:100%;float:left;color:#fff;padding:80px;background:#363636;font-family:"Lato",sans-serif}
.ReviewSection{width:35%;margin:0 auto}
.ReviewSection h2{font-family:"Lato Black",sans-serif;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{font-family:"Lato Bold",sans-serif;color:#fff;margin:0;padding:0;font-size:18px}
.ReviewContainer .item .rightSection p{font-family:"Lato Light",sans-serif;font-style:italic;color:#d6d6d6;font-size:12px;margin-top:10px}
p.Starting{color:#fff;font-weight:600;text-transform:inherit;margin:10px 0 0;font-size:20px!important}
p.price{font-size:30px!important;font-weight:bolder;margin:0}
p.ex-showroom{color:#fff;font-weight:600;text-transform:inherit;margin:10px 0 0;font-size:16px!important}
.exclusive-price{text-align:left}
.desktopcontent p{text-align:left!important;margin:10px 0 5px!important}
p.dezire-mileage-para-web{width:45%;display:inline-block}
.swift-mileage-web .exclusive-price p{margin-bottom:0!important;margin-top:0!important;line-height:33px!important}
.swift-mileage-web .exclusive-price p.price{font-weight:600}
body.eccomileagehindi .generic-hero .generic-slider .items .mediacontent.vcenter{top:50%}
body.eccomileagehindi header .utilityWrapper .utilityItems li.headerSearch-btn{margin:19px 0 0 1px}
body.eccomileagehindi header .utilityWrapper .utilityItems li.headerSearch-btn img{width:20px}
body.eccomileagehindi .searchopenactive{display:block!important;min-height:200px}
body.eccomileagehindi header .utilityWrapper .utilityItems li ul li .searchbox button{display:block!important;border:none;background:0 0;box-shadow:none;outline:0;width:20px;height:20px;background-image:url(/images/swift-brand/close-icon.webp);background-repeat:no-repeat;background-position:center;margin-top:8px;font-size:0}
.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}
@media screen and (max-width: 1024px) {
.AboutWagonrCng li img{width:100%}
.bigLogo img{width:70%}
.specSection{padding:0 40px}
.mileageFaqSection{padding:40px 40px 50px}
.mileageFaqSection .leftSection li span{width:60%}
}
@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 h2.heading{font-size:18px;padding-bottom:0}
.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%}
.bannerSection img{width:100%;display:none}
.bannerSection img.mobileBanner{width:100%;display:block}
.footer img{width:100%;display:none}
.footer img.mobileFooter{width:100%;display:block}
.ReviewContainer .item .leftSection{width:25%!important}
.altoMileage .altko10Cng-mobile{margin-top:0}
.altoMileage .generic-hero .generic-slider .items .mediacontent.vcenter{top:345px!important}
body.eccomileagehindi .generic-hero .generic-slider .items .mediacontent.vcenter{top:63%}
}
@media only screen and (max-width: 480px) {
.specTableSection{font-size:13px}
}
@media (min-width: 320px) and (max-width: 480px) {
p.Starting{margin:0}
.mediacontent.col-lg-5.white.right.vcenter img{max-width:82%}
p.ex-showroom{margin:0}
.accordianSection h2{font-size:12px}
.generic-hero .generic-slider .items .mediacontent.vcenter{width:100%!important;padding:10px!important;top:390px}
.generic-hero .generic-slider .items .mediacontent.vcenter img{top:0!important}
}
.generic-hero .generic-slider .items .mediacontent.black h2 {color: #fff !important}
.generic-hero .generic-slider .items .mediacontent.black h3 {color: #fff !important}
.generic-hero .generic-slider .items .mediacontent.black p {color: #fff !important}