.mainContainer{width:100%;float:left;overflow:hidden}
.accContent,.footer,.header,.mileageFaqSection .leftSection ul{width:100%;float:left}
.header img,.specTableSection table{width:100%}
.bannerSection{width:100%;float:left;position:relative}
.bannerSection img,.footer img{width:100%;display:block}
.accContent.noDisplay,.accordianSection.hideSection,.bannerSection img.mobileBanner,.mobileaccheading,.specTableSection.noDisplay{display:none}
.priceSection{min-width:185px;float:left;padding:10px 15px;position:absolute;left:0;background:url(/images/price-bg.png) right top/100% 100% no-repeat}
.priceSection p{font-size:16px;color:#fff}
.priceSection h1{font-size:26px;color:#fff}
.priceSection span{font-size:12px;color:#fff}
.AboutWagonrCng{width:100%;float:left;padding:40px 60px 30px}
.AboutWagonrCng h2{font-size:40px;padding-bottom:10px}
.AboutWagonrCng p{font-size:14px;padding-bottom:15px;line-height:19px}
.mileageFaqSection h2,.specSection center h2{font-size:40px;font-weight:700}
.AboutWagonrCng ul{width:100%;float:left;margin:20px 0}
.AboutWagonrCng li{width:33.33%;float:left}
.AboutWagonrCng li img{width:70%}
.specTableSection table td,.specTableSection table th{width:17.5%;border-right:1px solid #4f4f4f;border-top:1px solid #4f4f4f;vertical-align:middle;text-align:center;padding:15px}
.specSection{width:100%;float:left;padding:0 120px 40px;position:relative}
.bigLogo{width:auto;float:left;position:absolute;left:0}
.accTab,.mileageFaqSection,.specTab,.specTableSection{width:100%;float:left}
.specTab{text-align:center;margin-bottom:40px;margin-top:70px}
.specTab ul li{text-align:center;cursor:pointer;display:inline-block}
.specTab ul li a{border-bottom:2px solid transparent;padding:0 3px 15px;margin:0 15px;color:#ccc}
.specTab ul li a.active,.specTab ul li a:hover{border-bottom:2px solid #2b3893;color:#000;font-weight:700}
.specTableSection{font-size:16px;color:#444;border-bottom:1px solid #4f4f4f}
.specTableSection table th{color:#000;background:#c9c9c9}
.specTableSection table td{color:#444;background:#fff}
.specTableSection table td:first-child,.specTableSection table th:first-child{width:14%;text-align:left;border-left:1px solid #4f4f4f}
.accTab{background:url(/images/spriteImg.png) 99% 17px no-repeat #f2f2f2;padding:15px 10px;color:#000;font-weight:700;border:1px solid #4f4f4f;border-bottom:0;cursor:pointer}
.accTab.active{background-position:99% -256px}
ul.spresso-cng-list li{display:inline-block;width:25%}
ul.spresso-cng-list li img{max-width:100%;width:auto}
.AboutWagonrCng ul li:last-child img{max-width:57%}
.AboutWagonrCng ul li:first-child img{max-width:61%}
.mileageFaqSection{background:#f0f0f1;padding:40px 120px 50px}
.mileageFaqSection h2{text-align:center;padding-bottom:40px;font-size:36px;color:#2b3893;text-transform:uppercase;position:relative;font-weight:700}
.mileageFaqSection .leftSection{width:40%;float:left;margin-top:50px}
.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 p{font-size:15px;padding:0}
.accordianSection h2{width:100%;float:left;text-align:left;padding:20px 35px 15px 0!important;font-size:15px;color:#171717;font-weight:700;border-bottom:4px solid #000;cursor:pointer;background:url(/images/spriteImgPlus.png) 98% 22px/21px no-repeat #f0f0f1;text-indent: 15px;}
.accordianSection h2.active{background:url(/images/spriteImgPlus.png) 98% -120px/21px no-repeat #f0f0f1;color:#000;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(2n),.accordianSection .accContent ul li:nth-child(odd){background:#f0f0f1;padding:15px}
.accordianSection .accContent ul li span{float:right;position:relative;cursor:pointer}
.footer img.mobileFooter{width:100%;display:none}
ul.onclick-wrapper{padding-left:30px!important}
.ReviewCenterContainer{width:100%;float:left;color:#fff;padding:80px;background:#363636}
.ReviewSection{width:35%;margin:0 auto}
.ReviewSection h2{font-family:"Lato Black",sans-serif;margin:0;padding:0}
.ReviewSection>p{width:auto;float:left;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}
.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}
.specTableSection td:first-child,.specTableSection th:first-child{width:180px!important}
.automaticfaq-wrapper .heading,.automaticpages-table-wrapper .heading{text-align:left}
.automaticpages-table-wrapper .specTab{margin-top:40px}
.common-wrapper .row:first-child{padding-left:15px!important;padding-right:15px!important}
.common-wrapper .slick-prev{left:-118%!important}
.common-wrapper .slick-next{right:-6%!important}
.refuel-sec{width:100%;position:relative;padding-top:35px;float:left;background:url(/images/cng-back.jpg) center no-repeat #fff}
.refuel-sec .inner-box{display:flex;justify-content:center}
.refuel-sec .inner-box .image img{max-width:100%;width:100%}
.refuel-sec .inner-box .content{padding:85px 0 0 70px}
.refuel-sec h1{font-size:43px;color:#6ba83f;font-weight:900;margin:0;line-height:45px}
.refuel-sec h5{font-weight:400;font-size:22px;color:#4c4d4f;margin:10px 0 20px}
.refuel-sec a{font-size:18px;text-align:center;display:inline-block;color:#fff;background:#2d3494;padding:14px;border:1px solid #2d3494;font-weight:700;transition:.6s}
.refuel-sec a:hover{color:#2d3494;background:#fff}
.refuel-sec .left-icon{position:absolute;left:0;bottom:0}
.refuel-sec .right-icon{position:absolute;right:0;bottom:0}
body.tango-orange .mediacontent .desktopcontent p.kten{margin-top:10%}
.automaticfaq-wrapper .accContent p:last-child{position:relative;top:20px}
.onclick-wrapper{margin-top:10px}
.onclick-wrapper li{padding-bottom:10px;cursor:pointer}
.testing-wrapper .descript{top:35px!important;height:500px!important}
.common-wrapper .slick-arrow{top:50%!important}
@media (min-width:1367px) and (max-width:1920px) {
.priceSection{bottom:145px}
}
@media (min-width:1280px) and (max-width:1366px) {
.priceSection{bottom:25px}
.priceSection h1{font-size:14px}
.priceSection p{font-size:11px}
}
@media screen and (max-width:1024px) {
.bigLogo img{width:70%}
.specSection{padding:0 40px}
.mileageFaqSection{padding:40px 15px 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}
.ReviewCenterContainer{padding:20px!important}
}
@media (max-width:768px) {
.specTableSection table td:first-child,.specTableSection table th:first-child{width:42%!important}
}
@media only screen and (min-device-width :768px) and (max-device-width :1024px) and (orientation :portrait) {
.testing-wrapper .testing .pull-left img{width:100%}
.testing-wrapper .testing .pull-right{width:100%!important;float:right!important;position:relative!important;right:-50px!important;height:300px}
.automaticpages-table-wrapper{margin-top:50px}
ul.spresso-cng-list li img{max-width:80%}
}
@media only screen and (min-device-width :768px) and (max-device-width :1024px) and (orientation :landscape) {
.testing-wrapper .slick-prev{left:-87%!important}
.automaticfaq-wrapper{top:20px;position:relative}
.generic-hero .mediacontent img{width:100%;margin-bottom:15px}
}
@media (min-width:1366px) {
.common-wrapper .descript{right:0;padding-left:10%}
.automaticpages-table-wrapper .specTableSection table{table-layout:fixed}
.common-wrapper .targetcontent-slider .row .col-lg-9{width:100%}
}
@media only screen and (max-width:480px) {
.AboutWagonrCng h1,.AboutWagonrCng h2,.mileageFaqSection h2.heading{font-size:18px!important}
.specTableSection{font-size:13px}
ul.spresso-cng-list li{display:inline-block;width:50%;margin-bottom:15px;height:85px;padding:0 5px}
.AboutWagonrCng h2{text-align:center}
.accordianSection h2{font-size:15px; text-indent: 0px;}
}
@media (min-width:1280px) and (max-width:1920px) {
.bannerSection img.ipadBanner{display:none}
}
@media (min-width:1025px) and (max-width:1366px) {
.bannerSection img.ipadBanner{display:none}
}
@media (min-width:768px) and (max-width:1024px) {
.bannerSection img.ipadBanner{display:block}
.bannerSection img:first-child{display:none}
.priceSection{min-width:170px;float:left;padding:10px 5px}
.priceSection p{font-size:13px;color:#fff}
.priceSection h1{font-size:22px;color:#fff}
.priceSection span{font-size:12px;color:#fff}
.AboutWagonrCng ul li:first-child img{max-width:75%}
.AboutWagonrCng ul li:last-child img{max-width:70%}
.AboutWagonrCng ul li img{width:85%}
}
@media (min-width:481px) and (max-width:767px) {
.bannerSection img.ipadBanner{display:none}
.headingimage{font-size:25px!important}
.AboutWagonrCng{padding:20px}
.AboutWagonrCng h2{font-size:25px}
.AboutWagonrCng li{width:50%;margin-bottom:10px}
.specSection{padding:0 5px}
.mileageFaqSection h2.heading{font-size:25px;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:url(/images/spriteImgPlus.png) 98% 16px/21px no-repeat #f0f0f1}
.mileageFaqSection{padding:20px;margin-top:20px}
.priceSection{min-width:170px;float:left;padding:10px 5px;top:500px}
.priceSection p{font-size:13px;color:#fff}
.priceSection h1{font-size:22px;color:#fff}
.priceSection span{font-size:12px;color:#fff}
.AboutWagonrCng ul li:nth-child(2) img{max-width:100%!important}
.AboutWagonrCng ul li{display:block;float:left;width:100%;padding:10px 0}
.specTab{margin-top:20px}
.specTableSection table td{padding:8px;width:auto}
.mileageFaqSection .leftSection li{font-size:18px}
.mobileaccheading{display:block;float:left;width:100%;color:#fff;background:url(/images/spriteImgPlushover.png) 97% 11px/21px no-repeat #000;padding:10px;margin-bottom:10px}
.mobileaccheading.active{display:block;background:url(/images/spriteImgPlushover.png) 98% -136px/21px no-repeat #000}
.mobileaccordian{float:left;width:100%}
.accordianSection h2.active{background:url(/images/spriteImgPlus.png) 98% -133px/21px no-repeat #f0f0f1;color:#000}
.bigLogo{display:none}
.bannerSection img,.footer img{width:100%;display:none}
.bannerSection img.mobileBanner{display:block}
.footer img.mobileFooter{width:100%;display:block}
.ReviewContainer .item .leftSection{width:25%!important}
.specSection center h2{font-weight:900!important;font-size:25px!important}
.testing-wrapper .testing .pull-left img{width:100%}
.automaticfaq-wrapper .accContent p:last-child{position:relative;top:15px}
.testing-wrapper .descript{height:auto!important}
.specTableSection table th{padding:10px}
.common-wrapper .slick-prev{left:-118%!important}
.common-wrapper .slick-next{right:-6%!important}
.refuel-sec{padding-top:15px}
.refuel-sec .inner-box{flex-wrap:wrap;justify-content:flex-start}
.refuel-sec .inner-box .image{width:100%;text-align:center}
.refuel-sec .inner-box .content{padding:20px 0 0}
.refuel-sec h1 br,.swift .priceSection{display:none}
.refuel-sec h1{font-size:26px;line-height:28px}
.refuel-sec h5{font-size:17px;margin:10px 0}
.refuel-sec a{font-size:14px;padding:10px}
body.eccocng .registerFormBoxCng{padding-top:90px}
body.eccocng .priceSection{top:550px}
}
@media (min-width:320px) and (max-width:480px) {
.bannerSection img.ipadBanner{display:none}
}
@media only screen and (max-width:1280px) {
.refuel-sec .inner-box .content{padding:85px 0 0 30px}
}
@media only screen and (max-width:1200px) {
.refuel-sec .inner-box .image img{max-width:250px}
.refuel-sec .inner-box .content{padding:65px 0 0 30px}
.refuel-sec h1{font-size:36px;line-height:38px}
.refuel-sec h5{font-size:20px}
.refuel-sec a{font-size:16px}
.refuel-sec .left-icon img{max-width:180px}
.refuel-sec .right-icon img{max-width:236px}
}
@media only screen and (max-width:992px) {
.refuel-sec .left-icon,.refuel-sec .right-icon img{display:none}
.refuel-sec h1{font-size:30px;line-height:32px}
.mileageFaqSection .leftSection{width:100%;float:left;margin-top:0;margin-bottom:0}
.mileageFaqSection .rightSection{width:100%;float:left}
}