/* banner start */
.Fuel-India section.fuel-banner{float:left; width:100%;  position:relative; overflow:hidden; padding-bottom:110px; padding-top:60px;}
.Fuel-India section.fuel-banner:before{content:""; background-color:rgba(242, 54, 54, .80); position:absolute; top:-140px; bottom:140px; left:-140px; right:-140px; transform: rotate(6deg); -webkit-transform:rotate(6deg);background-image:url(../images/bg/bg1.png); background-size:cover;}
.Fuel-India section.fuel-banner .left-inside, .Fuel-India section.fuel-banner .right-inside{width:100%; float:left; }
.Fuel-India section.fuel-banner .heading_section{float:left; width:740px; position:relative;}
.Fuel-India section.fuel-banner .heading_section:before{content:""; position:absolute;border: 10px solid rgba(255, 255, 255, 0.4); top:0; bottom:0; left:-80px; right:190px; border-right:0;}
.Fuel-India section.fuel-banner .border{float:left; width:100%; padding-top:40px; padding-bottom:50px; position:relative;}
.Fuel-India section.fuel-banner .border:before{position:absolute; content:""; border-right:10px solid rgba(255, 255, 255, 0.4); right:190px;top:10px; height:38px;}
.Fuel-India section.fuel-banner .border:after{position:absolute; content:""; border-right:10px solid rgba(255, 255, 255, 0.4); right:190px;bottom:10px; height:38px;}
.Fuel-India section.fuel-banner .border h1{margin:0; font-size:81px; color:#fff; padding-left:45px;}
.Fuel-India section.fuel-banner  .appstore{float:left; width:100%; margin-top:107px; margin-left:45px;}
.Fuel-India section.fuel-banner  .appstore .goodle-play, .Fuel-India section.fuel-banner  .appstore .app-store{float:left; width:200px; }
.Fuel-India section.fuel-banner  .appstore .goodle-play a, .Fuel-India section.fuel-banner  .appstore .app-store a{float:left; width:100%; }
.Fuel-India section.fuel-banner  .appstore .goodle-play img, .Fuel-India section.fuel-banner  .appstore .app-store img{float:left; width:100%; }
/* banner end */

/* intro section start */
.Fuel-India section.intro{float:left; width:100%; background-image:url(../portfolio/fuelindia/images/bg/bg2.png); background-size:100%; background-position:center; background-attachment:fixed;  padding-top:130px;}
.Fuel-India section.intro .cl{float:left; width:100%;  text-align:center; padding-top:35px;}
.Fuel-India section.intro .cl .count{float:left; width:100%; position:relative;}

.Fuel-India section.intro .cl .count:before{content:"1";  position:absolute; top:44px;  left:15px; right:15px; font-size:30px; color:#ffb422; z-index:9;}
.Fuel-India section.intro .cl .count:after{content:"";  position:absolute; top:110px;  left:50%; right:50%;  z-index:9; border:1px solid #ffb422; height:60px;}
.Fuel-India section.intro .cl .count img{max-width:100%; }
.Fuel-India section.intro .cl .heading, .Fuel-India section.intro .cl  .article {width:100%; float:left; }
.Fuel-India section.intro .cl .heading h1{width:100%; float:left; margin-top:70px; margin-bottom:0; font-size:50px; color:#ffb422; }
.Fuel-India section.intro .cl .heading h1 span{color:#525252;}
.Fuel-India section.intro .cl  .article  p{text-align:center; color:#999999; line-height:30px; letter-spacing:3px; padding-top:75px;}
.Fuel-India section.intro .colors .count:before{content:"2";}
.Fuel-India section.intro .colors ul.colora_lign{width:100%; padding-top:70px; float:left; padding-left:0;}
.Fuel-India section.intro .colors ul.colora_lign li{display:inline-block; list-style:none; padding-right:250px; position:relative;}
.Fuel-India section.intro .colors ul.colora_lign li:before{content:""; border:1px solid #b7b7b7; position:absolute; top:50%; left:120px; right:0px; }
.Fuel-India section.intro .colors ul.colora_lign li:last-child{ padding-right:0;}
.Fuel-India section.intro .colors ul.colora_lign li:last-child:before{display:none;}
.Fuel-India section.intro .colors ul.colora_lign li img{float:left;}
.Fuel-India section.intro .colors ul.colora_lign li p{color:#989898; font-size:15px; line-height:30px; letter-spacing:2; margin-top:25px;}

.Fuel-India section.intro .typography .count:before{content:"3";}
.Fuel-India section.intro .typography .heading h3{width:100%; float:left; text-align:center; margin:50px 0;  font-size:25px; color:#515151; }
.Fuel-India section.intro .typography .article{display:table; }
.Fuel-India section.intro .typography .article .art-img{position:relative;}
.Fuel-India section.intro .typography .article .art-img, .Fuel-India section.intro .typography .article span{display:table-cell; vertical-align:middle;}
.Fuel-India section.intro .typography .article .art-img img{float:left; position:relative;}
.Fuel-India section.intro .typography .article .art-img:before{content:"";  position:absolute; border:1px solid #b7b7b7; right:-32px; bottom:-15px; top:-15px; }
.Fuel-India section.intro .typography .article span{font-size:15px; line-height:30px; letter-spacing:0.5px; text-align:left; color:#999999;}
.Fuel-India section.intro .screens  .count:before{content:"4";}
.Fuel-India section.intro .screen_content{float:left; width:100%; position:relative; margin-top:50px;background-image:url(../portfolio/fuelindia/images/Fuel@India_3_02.png);background-size:cover;background-size:50%; background-repeat:no-repeat; background-attachment:fixed; }
.Fuel-India section.intro .screen_content:before{content:""; position:absolute;  width:50%; right:50%; top:0; bottom:0; }
.Fuel-India section.intro .screen_content:after{content:""; top:50px; bottom:50px; width:57%; right:0; background-color:#f23434;position:absolute; }
.Fuel-India section.intro .screen-cont{float:left; width:100%; position:relative; z-index:9; padding-top:200px; padding-bottom:200px;}
.Fuel-India section.intro .screen-cont p{color:#fff; line-height:45px; font-size:25px; text-align:left;}
/* intro section end */


/* fuel section start */
.Fuel-India section.fuel_price{float:left; width:100%; padding-top:130px;}
.Fuel-India section.fuel_price .fuel-in{float:left; width:100%; margin-top:43px; }
.Fuel-India section.fuel_price .fuel-in.left{float:left; width:100%; transform:rotate(-90deg); -webkit-transform:rotate(-90deg); /* Safari */ margin-top:116px;}
.Fuel-India section.fuel_price .fuel-in h3{color:#ffb422; font-size:42px; margin-top:-286px;}
.Fuel-India section.fuel_price .fuel-in.right{float: left; }
.Fuel-India section.fuel_price .fuel-in.right .border{float: left; width: 100%; padding-top: 90px; padding-bottom: 90px; position: relative;}
.Fuel-India section.fuel_price .fuel-in.right .heading_section{float: right; width: 553px; position: relative;}
.Fuel-India section.fuel_price .fuel-in.right .heading_section:before{content: ""; position: absolute;border: 10px solid rgba(242, 52, 52, 0.5); top: 0px; bottom: 0px; left: 53px; right: -67px; border-left: 0;}
.Fuel-India section.fuel_price .fuel-in.right .border:before{position: absolute; content: ""; border-right: 10px solid rgba(242, 52, 52, 0.5); right: 490px; top: 10px; height: 38px;}
.Fuel-India section.fuel_price .fuel-in.right .border:after{position: absolute; content: ""; border-right: 10px solid rgba(242, 52, 52, 0.5);right: 490px; bottom:10px; height: 38px;}
.Fuel-India section.fuel_price .fuel-in.right h1{margin: 0; font-size: 83px; color: red; padding-right: 45px;}
.Fuel-India section.fuel_price .fuel-in.right h1:nth-child(2){margin-top: -20px; }
.Fuel-India section.fuel_price .fuel-img{float:left; width:100%; text-align:center; margin-top:-125px;}
.Fuel-India section.fuel_price .fuel-img img{display:inline-block; text-align:center;}
.Fuel-India section.fuel_price .fuel-img p{text-align:left; width:335px; font-size:15px; color:#b5b5b5; margin-top:-240px;}
/* fuel section end */

/* section fuel-india start  */
.Fuel-India section.fuel-ind-app{width:100%; float:left; position:relative; overflow:hidden; padding-top:140px; padding-bottom:140px;}
.Fuel-India section.fuel-ind-app:before{content:"";    background-color: #f23434; bottom:140px; top:140px; left:-140px; right:-140px; position:absolute; background-image:url(../portfolio/fuelindia/images/bg/bg3.png); background-position:center; background-size:cover; background-repeat:no-repeat; transform:rotate(6deg); -webkit-transform:rotate(6deg);}
.Fuel-India section.fuel-ind-app .f-in{float:left; width:100%;padding-bottom:140px; }
.Fuel-India section.fuel-ind-app .description {padding-top:310px;}
.Fuel-India section.fuel-ind-app p{float:left; width:100%; font-size:25px; line-height:50px; color:#ffffff; }
/* section fuel-india end  */
.Fuel-India footer.fuel-footer{float:left; padding:500px 0; background-image:url(../portfolio/fuelindia/images/footer.jpg); width:100%; background-position:center; background-repeat:no-repeat; background-size:cover; background-attachment:fixed;}








@media(max-width:1300px){
.Fuel-India section.fuel-banner .border h1{font-size:55px;}
.Fuel-India section.fuel-banner .heading_section{width:590px;}
.Fuel-India section.fuel-banner .heading_section:before{left:-10px;}
.Fuel-India section.fuel_price .fuel-in.right h1{font-size:55px;}
.Fuel-India section.fuel_price .fuel-in.right .heading_section:before{right:70px;}
.Fuel-India section.fuel_price .fuel-in.right .border{padding:50px 0;}
.Fuel-India section.fuel_price .fuel-in.right h1:nth-child(2){margin-top:5px;}
}
@media(max-width:1199px){
.Fuel-India section.fuel-banner .appstore{margin-left:0;}
.Fuel-India section.intro .typography .article span{padding:0 20px;}
.Fuel-India section.intro .typography .article .art-img {margin-top:10px; float:left;}
.Fuel-India section.intro .typography .article .art-img:before{top:7px; bottom:-14px;}
.Fuel-India section.fuel_price .fuel-img{margin-top:-92px;}
.Fuel-India section.fuel_price .fuel-img p{margin-top:-210px;}
.Fuel-India section.fuel-ind-app .f-in img{width:100%;}
.Fuel-India section.fuel_price .fuel-in h3{margin-top:-230px;}
.Fuel-India section.fuel-ind-app .f-in{padding-bottom:50px;}
.Fuel-India section.fuel-ind-app .description{padding-top:100px;}
}
@media(max-width:991px){
.Fuel-India section.fuel-banner .appstore .goodle-play{margin-right:15px; width:auto;}
.Fuel-India section.fuel-banner{padding-bottom:166px;}
.Fuel-India section.fuel-banner .border h1{font-size:50px;}
.Fuel-India section.intro .colors ul.colora_lign li{padding-right:150px;}
.Fuel-India section.fuel-banner .appstore{width:100%; text-align:center;}
.Fuel-India section.fuel-banner .appstore .goodle-play, .Fuel-India section.fuel-banner .appstore .app-store{width:25%;text-align:center; display:inline-block; float:none; }
.Fuel-India section.intro .typography .article .art-img{width:100%; text-align:center; display:inline-block;}
.Fuel-India section.intro .typography .article .art-img img{float:none;}
.Fuel-India section.intro .typography .article .art-img:before{bottom:-45px; left:140px; right:140px; top:inherit;}
.Fuel-India section.intro .typography .article span{display:inline-block;margin-top:70px;}
.Fuel-India section.fuel_price .fuel-in h3{font-size:30px;}
.Fuel-India section.fuel_price .fuel-in.right h1{font-size:50px;}
.Fuel-India section.fuel_price .fuel-img{margin-top:-45px;}
.Fuel-India section.fuel_price .fuel-img p{margin-top:-140px;}
.Fuel-India section.fuel-ind-app .f-in{padding-bottom:0;}
.Fuel-India section.fuel-ind-app .description{padding:50px 0;}
.Fuel-India section.fuel_price .fuel-in h3{margin-top:-150px;}
}
@media(max-width:767px){
.Fuel-India section.intro .screen_content:before{width:100%; right:0%; height:450px; position:relative; float:left;}
.Fuel-India section.intro .screen_content:after{width:100%;top:175px; bottom:175px; top:350px; display:none;}
.Fuel-India section.intro .screen-cont{padding:0; position:relative;}
.Fuel-India section.intro .screen-cont:before{content:""; bottom:-20px; top:-20px; right:-30px; left:-30px; background-color:#f23434; position:absolute; z-index:-9;}
.Fuel-India section.fuel-banner{padding-bottom:140px;}
.Fuel-India section.intro{padding-top:0;}
.Fuel-India section.intro .cl:first-child{padding-top:0;}
.Fuel-India section.intro h1{font-size:40px !important;}
.Fuel-India section.fuel-banner .appstore{margin-top:45px;}
.Fuel-India section.fuel-banner .heading_section:before{left:0; right:285px;}
.Fuel-India section.fuel-banner .border:before, .Fuel-India section.fuel-banner .border:after{right:285px;}
.Fuel-India section.fuel-banner .border h1{font-size:40px;}
.Fuel-India section.intro .cl .article p{padding-top:20px;}
.Fuel-India section.intro .screen-cont p{font-size:20px; line-height:35px;}
.Fuel-India section.intro .colors ul.colora_lign li{padding-right:80px;}
.Fuel-India section.intro .screen_content{margin-top:20px; background:inherit;}
.Fuel-India section.intro .screen_content:before{background-image: url(../images/Fuel@India_3_02.png); background-position:center; background-size:cover;}
.Fuel-India section.fuel_price .fuel-in.right h1{font-size:40px;}
.Fuel-India section.intro .typography .heading h3{margin:25px 0;}
.Fuel-India section.intro .colors ul.colora_lign{padding-top:20px;}
.Fuel-India section.fuel_price .fuel-in.right .heading_section{width:400px;}
.Fuel-India section.fuel_price .fuel-in.right .border:before, .Fuel-India section.fuel_price .fuel-in.right .border:after{right:337px;}
.Fuel-India section.fuel_price .fuel-in.right .border:before{margin-top:0;}
.Fuel-India section.fuel-ind-app p{font-size:20px; line-height:35px;}
.Fuel-India section.fuel_price .fuel-in h3{font-size:22px; margin-top:-100px;}
.Fuel-India section.fuel_price .fuel-img{margin-top:20px;}
.Fuel-India section.fuel_price{padding-top:70px;}
.Fuel-India section.fuel_price .fuel-img p{margin-top:-90px;}
.Fuel-India footer.fuel-footer{margin-top:-209px;}
}
@media(max-width:670px){
.Fuel-India section.intro .colors ul.colora_lign li{padding:0; width:100%; text-align:center;}
.Fuel-India section.intro .colors ul.colora_lign li img{float:none;}
.Fuel-India section.intro .colors ul.colora_lign li p{margin-top:0;}
.Fuel-India section.intro .colors ul.colora_lign li{padding-bottom:35px;}
.Fuel-India section.intro .colors ul.colora_lign li:last-child{padding-bottom:0;}
.Fuel-India section.intro .colors ul.colora_lign li:before{top:195px; left:50px; right:50px;}
.Fuel-India section.fuel_price .fuel-img p{margin-top:-60px;}
}
@media(max-width:480px){
.Fuel-India section.fuel-banner .border h1, .Fuel-India section.intro .cl .heading h1{font-size:32px !important;}
.Fuel-India section.fuel_price .fuel-in.right .heading_section:before{right:0;}
.Fuel-India section.fuel-banner .appstore .goodle-play, .Fuel-India section.fuel-banner .appstore .app-store{width:100%; margin-right:0;}
.Fuel-India section.fuel-banner .appstore .goodle-play a, .Fuel-India section.fuel-banner .appstore .app-store a{width:100%; padding:5px 0;}
.Fuel-India section.fuel-banner .appstore .goodle-play img, .Fuel-India section.fuel-banner .appstore .app-store img{width:50%; float:none;}

.Fuel-India section.intro{margin-top:-70px;}
.Fuel-India section.fuel_price .fuel-in.right h1{font-size:32px; padding-right:25px; text-align:right;}
.Fuel-India section.fuel-bannerr .heading_section:before{border:5px solid rgba(255, 255, 255, 0.4); border-right:0; right:360px;}
.Fuel-India section.fuel-banner .border:before, .Fuel-India section.fuel-banner .border:after{border-right:5px solid rgba(255, 255, 255, 0.4);top:px; right:360px;}
.Fuel-India section.fuel-banner .border:before{top:5px;}
.Fuel-India section.fuel-banner .border:after{bottom:5px;}
.Fuel-India section.fuel_price .fuel-in.right .heading_section{width:300px;}
.Fuel-India section.fuel_price .fuel-in.right .heading_section:before{border: 5px solid rgba(242, 52, 52, 0.5); border-left:0; left:150px;}
.Fuel-India section.fuel_price .fuel-in.right .border:before, .Fuel-India section.fuel_price .fuel-in.right .border:after{border-right: 5px solid rgba(242, 52, 52, 0.5); right:145px;}
.Fuel-India section.fuel_price .fuel-in.right .border:before{border-right: 5px solid rgba(242, 52, 52, 0.5);top:5px;}
.Fuel-India section.fuel_price .fuel-in.right .border:after{border-right: 5px solid rgba(242, 52, 52, 0.5);bottom:5px;}
.Fuel-India section.fuel_price .fuel-in h3{margin-top:-65px;font-size:16px;}
.Fuel-India section.fuel_price .fuel-in.left{margin-top:80px; }
.Fuel-India section.fuel_price .fuel-img p{margin-top:18px; width:100%;}
.Fuel-India section.fuel-ind-app{margin-top:-90px;}
.Fuel-India section.intro .typography .article span{padding:0;}
.Fuel-India section.fuel-ind-app p, .Fuel-India section.intro .screen-cont p, .Fuel-India section.intro .cl .article p{font-size:16px;}
}
@media(max-width:399px){
.Fuel-India section.fuel-banner .heading_section{width:100%;}
.Fuel-India section.fuel-banner .heading_section:before{right:120px;}
.Fuel-India section.fuel-banner .border:before, .Fuel-India section.fuel-banner .border:after{right:120px;}
}

@media(min-width:768px){
.Fuel-India section.intro{margin-top:-230px;}
.Fuel-India footer{margin-top:-209px;}	
}
@media(min-width:1200px){
.Fuel-India section.fuel-banner .appstore .goodle-play a, .Fuel-India section.fuel-banner .appstore .app-store a{width:100%; margin-right:50px;}
.Fuel-India section.fuel-banner .appstore .goodle-play, .Fuel-India section.fuel-banner .appstore .app-store{ margin-right:28px;}
}
@media(min-width:1399px){
.Fuel-India section.fuel-ind-app:before{transform:rotate(3deg);}
}

@media(min-width:2700px){
.Fuel-India section.fuel-ind-app:before{transform:rotate(2deg);}
.Fuel-India section.fuel-banner:before{transform:rotate(5deg);}
}