@charset "utf-8";
/* CSS Document */
.comingSoon{position:relative;}
.comingSoon h2{position:absolute; left:0; top:0; right:0; bottom:0; margin:auto; font-size:36px; line-height:50px; height:50px; width:250px; text-align:center}
.findBatterySecBox1{margin-bottom:15px;}
.findBatterySecBox1 h1{font-size:24px; line-height:24px; color:#2f2f2f; font-weight:bold; }
.findBatterySecBox1 h2{font-size:24px; line-height:24px; color:#2f2f2f; font-weight:bold; }
.findBatterySecBox1 .seobox{padding:39px 0 36px 41px;}
.findBatterySecBox1 .seobox p{font-size: 24px;  line-height: 24px; color: #2f2f2f;  font-weight: bold;}
.findBatterySecBox1 h1 span{font-size:30px; line-height:34px; color:#2f2f2f; font-weight:bold; display:block; padding-top:2px;}
.findBatterySecBox1 h2 span{font-size:30px; line-height:34px; color:#2f2f2f; font-weight:bold; display:block; padding-top:2px;}
.findBatterySecBox1 h3{font-size:24px; line-height:24px; color:#2f2f2f; font-weight:bold; padding:57px 0 2px 41px;}
.findBatterySecBox1 h2{font-size:30px; line-height:34px; color:#2f2f2f; font-weight:bold; padding:0 0 36px 41px;}
.fybCarListing{padding-left:225px; position:relative;}
.fybCarListing+h4{position:absolute; left:0; bottom:27px; font-size:20px; line-height:24px; color:#2f2f2f; font-weight:bold; border-top:2px solid #dfdfdf; width:225px; padding:31px 0 0 48px;}
.fybCarListing .fybCarListing_close{ position:absolute; top:20px; right:20px; padding-right:20px; background:url(../images/close.png) no-repeat 100% 0; height:14px; line-height:14px; font-size:12px; text-transform:uppercase; cursor:pointer; display:none;}
.fybCarListing ul{display:flex; flex-wrap:wrap;}
.fybCarListing ul li{float:left; padding:0 0; display:inline-block; width:14%; text-align:center; overflow:hidden;}
.fybCarListing ul li a{position:relative; padding-top:44px; display:block;}
.fybCarListing ul li a strong{display:block; position:absolute; left:0; right:0; margin:auto;}
.fybCarListing ul li a strong.fybCar{background:url(../images/fyb-car-img.png) no-repeat 0 0; width:32px; height:14px; top:30px;}
.fybCarListing ul li a strong.fybTwoWheeler{background:url(../images/fyb-two-wheeler.png) no-repeat 0 0; width:31px; height:18px; top:26px;}
.fybCarListing ul li a strong.fybLcv{background:url(../images/fyb-lcv-img.png) no-repeat 0 0; width:36px; height:18px; top:26px;}
.fybCarListing ul li a strong.fybThreeWheeler{background:url(../images/fyb-three-wheeler.png) no-repeat 0 0; width:30px; height:19px; top:25px;}
.fybCarListing ul li a strong.fybTractor{background:url(../images/fyb-tractor.png) no-repeat 0 0; width:31px; height:21px; top:23px;}
.fybCarListing ul li a strong.fybInverter{background:url(../images/fyb-inverters.png) no-repeat 0 0; width:26px; height:18px; top:26px;}
.fybCarListing ul li a strong.fybGenset{background:url(../images/fyb-genset.png) no-repeat 0 0; width:25px; height:28px; top:16px;}
.fybCarListing ul li a strong.fybERickshaw{background:url(../images/fyb-e-rickshaw.png) no-repeat 0 0; width:30px; height:19px; top:25px;}

.fybCarListing ul li a strong.fybSpecialVehicle{background:url(../images/fyb-special-vehicle.png) no-repeat 0 0; width:31px; height:27px; top:17px;}
.fybCarListing ul li a:hover strong{background-position:0 100%;}
.fybCarListing ul li a:before{content:''; background:#dfdfdf; width:100%; height:2px; position:absolute; top:0; left:0;}
.fybCarListing ul li a:after{content:''; background:#ec3237; width:100%; height:2px; position:absolute; top:0; left:-100%; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;}
.fybCarListing ul li a:hover:after{left:0;}
.fybCarListing ul li a span{font-size:11px; line-height:15px; font-weight:bold; color:#2a2a2a; text-align:center; display:block; text-transform:uppercase; padding-top:17px;}
.fybCarListing ul li a span.top-padding{padding-top:0px;}
.fybCarListing ul li.active a:after{left:0;}
.fybCarListing ul li.active a strong{background-position:0 100%;}
.findBatterySecBox2{display:flex; flex-wrap:wrap; background:#FFFFFF; min-height:186px; margin-bottom:-86px; z-index:9; -webkit-box-shadow:1px 1px 9px -1px rgba(0,0,0,0.2); -moz-box-shadow:1px 1px 9px -1px rgba(0,0,0,0.2); box-shadow:1px 1px 9px -1px rgba(0,0,0,0.2);}
.findBatterySecBox2 .findBatterySecBox2Col{width:50%; float:left; border-right:1px solid rgba(214,214,214,0.50); padding:39px 38px 0;}
.findBatterySecBox2 .findBatterySecBox2Col:last-child{border-right:0;}
.findBatterySecBox2 .findBatterySecBox2Col .fildRow{display:flex; flex-wrap:wrap; margin:0 -18px; justify-content:center;}
.findBatterySecBox2 .findBatterySecBox2Col .fildRow .fildCol{padding:0 18px 27px; width:50%; float:left;}
.findBatterySecBox2 .findBatterySecBox2Col .fildRow .fildCol.carType{display:none;}
.findBatterySecBox2 .findBatterySecBox2Col .fildCol.carType2{display:none; padding:0 0px 27px; width:100%;}
.findBatterySecBox2 .findBatterySecBox2Col:nth-child(2){padding-top:22px; background:#fbfbfb;}
.findBatterySecBox2 .findBatterySecBox2Col em{font-size:12px; line-height:16px; color:#3e3e3e; max-width:137px; display:block;}
.findBatterySecBox2Col .scarchBox{display:inline-block; position:relative; width:100%; margin-top:27px;}
.findBatterySecBox2Col .scarchBox.pdr110{padding-right: 110px;}/**/
.findBatterySecBox2Col .scarchBox .topSearchFild{border:0; display:inline-block; border-bottom:1px solid #d6d6d6; padding:0 0 12px; float:left; position:relative; z-index:1; font-size:18px; line-height:24px; color:#4f4f4f;}

.fybCarListing ul li a span.top-padding {padding-top: 0px;}

.findBatterySecBox2Col .scarchBox .topSearchBtn{border:0; background:url(../images/searchBtn.png) 0 0 no-repeat; width:27px; height:30px; position:absolute; bottom:9px; right:6px; z-index:2; cursor:pointer;}
.center2.findBatterySecBox1{ width:100%; position: relative;}
.center2.findBatterySecBox1	aside {position: absolute; top: 50px; left: 30%;}

.findBatterySecBox2Col .scarchBox .topSearchBtn2{border:0;height: 37px;position:absolute;bottom: 0px;right: 0px;z-index:2; background:#ec3237;}/**/
.findBatterySecBox2Col .scarchBox .topSearchBtn2:after{content:''; width:0; height:100%; background:#000; position:absolute; top:0; left:0px; z-index:0; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;}
.findBatterySecBox2Col .scarchBox .topSearchBtn2:hover:after{width:100%;}
.findBatterySecBox2Col .scarchBox .topSearchBtn2 input{ width:100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2; cursor: pointer;}
.findBatterySecBox2Col .scarchBox .topSearchBtn2 span{ width:100%; height: 100%; z-index:1; position: relative; background:url(../images/icon-search.png) 10px 50% no-repeat;width: auto;padding: 0 15px 0 35px; color: #FFF;text-transform: uppercase; cursor: pointer; display: block; font-size: 12px; line-height: 37px;}


.findBatterySecBox2 .findBatterySecBox2Col em span{color:#ec3237;}
.findBatterySecBox3{background:url(../images/fyb-bg-img1.jpg) no-repeat center top; width:100%; height:424px; position:relative;}
.findBatterySecBox3:after{content:''; width:2px; height:104px; background:#ec3237; position:absolute; left:0; right:0; bottom:-52px; margin:auto;}
.fybSec2{padding:94px 0 104px;}
.fybSec2 h2{font-size:30px; line-height:36px; color:#363636; font-weight:bold; text-align:center; padding-bottom:39px;}
.fybSec2 h2 span{display:block; text-align:center;}
.fybSec2 p{font-size:14px; line-height:20px; color:#363636; font-weight:400; text-align:center; max-width:684px; margin:0 auto;}
.fybSec3{padding:0 0 100px;}
.fybSec3ImageBox{background:url(../images/fyb-bg-img2.jpg) no-repeat center top; width:100%; height:480px; position:relative; z-index:-1;}
.fybSec3ContBox{display:flex; flex-wrap:wrap; width:78.0701754386%; margin:-160px auto 0; min-height:349px; background:#FFFFFF; z-index:1; position:relative; -webkit-box-shadow:1px 1px 9px -1px rgba(0,0,0,0.1); -moz-box-shadow:1px 1px 9px -1px rgba(0,0,0,0.1); box-shadow:1px 1px 9px -1px rgba(0,0,0,0.1);}
.fybSec3ContBox:after{content:''; width:2px; height:104px; background:#ec3237; position:absolute; left:0; right:0; bottom:-52px; margin:auto;}
.fybSec3ContBox .fybSec3ContBoxCol{width:50%; float:left; padding:45px 50px 55px;}
.fybSec3ContBox .fybSec3ContBoxCol h2{font-size:30px; line-height:36px; color:#363636; font-weight:bold; padding-bottom:39px;}
.fybSec3ContBox .fybSec3ContBoxCol a{font-size:12px; line-height:54px; background:#ec3237; display:inline-block; color:#FFFFFF; text-transform:uppercase; padding:0 70px 0 26px; position:relative; margin:0 0 0 0;}
.fybSec3ContBox .fybSec3ContBoxCol a span{color:#FFF; text-transform:uppercase; position:relative; z-index:3;}
.fybSec3ContBox .fybSec3ContBoxCol a:after{content:''; background:url(../images/arrow2.png) no-repeat 100% 0; width:4px; height:7px; position:absolute; right:24px; top:0; bottom:0; margin:auto; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;}
.fybSec3ContBox .fybSec3ContBoxCol a:hover:after{background:url(../images/arrow2.png) no-repeat 0 0;}
.fybSec3ContBox .fybSec3ContBoxCol a:before{content:''; width:0; height:100%; background:#000; position:absolute; top:0; left:0px; z-index:0; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;}
.fybSec3ContBox .fybSec3ContBoxCol a:hover:before{width:100%;}
.fybSec3ContBox .fybSec3ContBoxCol a:hover{color:#FFF;}
.fybSec3ContBox .fybSec3ContBoxCol p{font-size:14px; line-height:20px; color:#5f5f5f; font-weight:400; padding:4px 0 0;}
.fybSec4{}
.fybSec4 h2{font-size:30px; line-height:36px; color:#363636; font-weight:bold; text-align:center; padding-bottom:27px;}
.fybSec4 p{font-size:14px; line-height:20px; color:#363636; font-weight:400; text-align:center; max-width:576px; margin:0 auto;}
.batteryModelBox{width:100%; max-width:910px; margin:0 auto; position:relative;}
.batteryModelBox3{width:100%; max-width:910px; margin:0 auto; position:relative;}
.fybSec4 ul{display:flex; flex-wrap:wrap; margin:68px -11px 0;}
.fybSec4 ul li{width:33.3333333333%; float:left; padding:0 11px 22px 11px;}
.fybSec4 ul li article{-webkit-box-shadow:1px 1px 9px -1px rgba(0,0,0,0.1); -moz-box-shadow:1px 1px 9px -1px rgba(0,0,0,0.1); box-shadow:1px 1px 9px -1px rgba(0,0,0,0.1); height:100%; position:relative; background:#fbfbfb;}
.fybSec4 ul li article aside.top{border-bottom:1px solid #ececec; background:#FFFFFF;}
.fybSec4 ul li article aside.top img{display:block; margin:auto; padding:30px 0 40px;}
.fybSec4 ul li article aside.bottom{padding:25px 35px 62px; text-align:center;}
.fybSec4 ul li article aside.bottom h3{font-size:18px; line-height:24px; color:#363636; font-weight:bold; padding-bottom:12px;}
.fybSec4 ul li article aside.bottom strong{font-size:14px; line-height:18px; color:#363636; font-weight:400; display:block; padding-bottom:6px;}
.fybSec4 ul li article aside.bottom span{font-size:13px; line-height:17px; color:#666666; font-weight:400; display:block; padding-bottom:31px;}
.fybSec4 ul li article aside.bottom span b{display:block; font-weight:400;}
.fybSec4 ul li article aside.bottom span b i{font-style:normal; font-weight:400; font-size:16px; line-height:16px;}
.fybSec4 ul li article aside.bottom a.know-more{position:absolute; left:0; right:0; bottom:28px; margin:auto; width:109px; font-size:12px; line-height:32px; background:#ec3237; display:inline-block; color:#FFFFFF; padding:0 34px 0 14px;}
.fybSec4 ul li article aside.bottom a.know-more b{color:#FFF; position:relative; z-index:3; font-weight:400;}
.fybSec4 ul li article aside.bottom a.know-more:after{content:''; background:url(../images/arrow2.png) no-repeat 100% 0; width:4px; height:7px; position:absolute; right:13px; top:0; bottom:0; margin:auto; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;}
.fybSec4 ul li article aside.bottom a.know-more:hover:after{background:url(../images/arrow2.png) no-repeat 0 0;}
.fybSec4 ul li article aside.bottom a.know-more:before{content:''; width:0; height:100%; background:#000; position:absolute; top:0; left:0px; z-index:0; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;}
.fybSec4 ul li article aside.bottom a.know-more:hover:before{width:100%;}
.fybSec4 ul li article aside.bottom a.know-more:hover{color:#FFF;}
.fybSec5{text-align:center; margin-bottom:118px;}
.fybSec5 img.mapIcon{display:block; margin:79px auto 39px;}
.fybSec5 h2{font-size:30px; line-height:36px; color:#585858; font-weight:bold; text-align:center; padding:0 0 0 0;}
.fybSec5 h2 span{color:#ec3237;}
.fybSec5 p{font-size:16px; line-height:20px; color:#313131; font-weight:400; text-align:center; padding:29px 0 36px 0; max-width:216px; margin:0 auto;}
.fybSec5 p b{font-weight:bold;}
.fybSec5 a.btn2{}
.fybSec6{background:url(../images/fyb-bg-img3.jpg) no-repeat center top; width:100%; height:475px; position:relative; z-index:-1;}
.fybSec6 h2{font-size:30px; line-height:36px; color:#f7f7f7; font-weight:bold; text-align:center; padding:125px 0 14px;}
.fybSec6 p{font-size:16px; line-height:19px; color:#ffffff; font-weight:400; max-width:265px; text-align:center; margin:0 auto;}
.fybSec7{text-align:center;} 
.fybSec7 .sec7SmallBox{width:78.0701754386%; margin:-160px auto 0; position:relative; background:#f7f7f7; padding:94px 20px 66px; border-bottom:1px solid #d6d6d6;}
.fybSec7 .sec7SmallBox:after{content:''; width:2px; height:104px; background:#ec3237; position:absolute; left:0; right:0; top:-52px; margin:auto;}
.fybSec7 strong{font-size:12px; line-height:18px; font-weight:800; text-transform:uppercase; display:block; text-align:center; padding:0 0 13px;}
.fybSec7 img.exideBatmobileLogo{display:block; margin:auto; padding-bottom:29px;}
.fybSec7 p{font-size:14px; line-height:20px; color:#363636; font-weight:400; max-width:570px; text-align:center; margin:0 auto; padding:0 0 43px;}
.fybSec7 .sec7SmallBox2{width:78.0701754386%; text-align:center; padding:58px 20px 79px; margin:0 auto;}
.fybSec7 .sec7SmallBox2 h2{font-size:24px; line-height:30px; color:#434343; font-weight:400; max-width:334px; margin:0 auto; padding-bottom:32px;}
.fybSec7 .sec7SmallBox2 h2 b{font-weight:800;}
.getItBtn{width:100%; height:48px; text-align:left; padding:0 55px 0 22px; color:#FFF; text-transform:uppercase; display:inline-block; position:relative; font-weight:700; font-size:10px; line-height:48px; cursor:pointer; background:#ec3237;}
.getItBtn:before{content:''; background:url(../images/arrow2.png) no-repeat 100% 0; width:4px; height:7px; position:absolute; right:24px; top:0; bottom:0; margin:auto; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; z-index:1;}
.getItBtn:after{content:''; width:0; height:100%; background:#000; position:absolute; top:0; left:0px; z-index:0; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;}
.getItBtn span{color:#FFF; text-transform:uppercase; position:relative; z-index:3;}
.getItBtn:hover{color:#FFF;}
.getItBtn:hover:before{background:url(../images/arrow2.png) no-repeat 0 0;}
.getItBtn:hover:after{width:100%;}
.getItBtn:hover span{color:#FFF;}
.starCont{font-size:12px; font-weight:400; color:#666666; font-style:italic;}
.starCont a span{font-size:16px; line-height:16px; color:#666666;}
.starCont a{color:#666666;}
.starCont a:hover{color:#ec3237;}
.starCont a:hover span{color:#ec3237;}

.eRickshawCont{position:relative; min-height:200px;}
.comingSoonCont{ text-align:center; position:absolute; left:0; top:0; bottom:0; right:0; margin:auto; width:250px; height:150px;}
.comingSoonCont h2{font-size:36px; line-height:50px; text-align:center; padding-bottom:30px;}

/* -----------*/
.custom_popwrap{position: fixed; z-index: 999; left: 0; top: 0; height: 100%; width: 100%; background: rgba(0,0,0,0.5); text-align: center;}
.custom_popwrap:after{content:''; height:100%; width:1px; vertical-align:middle; display:inline-block;}
.cp_popupInfo {text-align:center; padding:30px; position:relative; display:inline-block; vertical-align: middle; background: #FFF;}
.cp_popClose{position: absolute; top: -40px; right:-7px; display: block; background: url(../images/close4.png) no-repeat 50% 50%; width: 40px; height: 40px; text-indent: -9999px; border:0; cursor:pointer;}
.cusPopScroll{  height: 100%;}

.requirementPop{ max-width: 1000px; max-height: 90%; width: 90%; padding:50px;}
.popUseListScroll{ overflow: auto; }
.popUseList{ margin-bottom:60px;}
.popUseList li{ margin-bottom:35px; font-size:14px; color:#363636;}
.popUseList li:after{content:''; display: block; clear: both;}
.popUseList li:first-of-type{padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #DDD; opacity: 0; } 
.popUseList li:first-of-type aside{ font-weight: 700; font-size: 18px; color:#363636; }
.popUseList li aside{ float: left; text-align:center; }
.popUseList li aside:first-of-type{width:10%;}
.popUseList li aside:nth-of-type(2),.popUseList li aside:nth-of-type(4){width:20%;padding-right:20px;}
.popUseList li aside:nth-of-type(3),.popUseList li aside:nth-of-type(5){width:25%;}
.popUseList li .selectMenuHolder2{ width: 121px; display: inline-block;} 

.popUseList.popUseListHead{position:absolute;left: 50px;top: 50px;right: 50px;height:50px;background:#FFF;z-index:2;margin: auto;}
.popUseList.popUseListHead li:first-of-type{ opacity: 1;}


.popTotalUseList{ margin-bottom:35px;}
.popTotalUseList:after{content:''; display: block; clear: both;}
.popTotalUseList li{float: left; width:33.3333333%; text-align: left;}
.popTotalUseList li strong{ display: block; font-size: 16px; color:#363636; margin-bottom: 15px; font-weight:400;}
.popTotalUseList li .selectMenuHolder2{ width:75px;}
.popTotalUseList li.totalLoad strong{color:#ec3237;}
.popTotalUseList li.totalLoad span{border-bottom:1px solid #d9d9d9; font-size: 24px;}
.popTotalUseList li.totalLoad input[type='text']{border-bottom:1px solid #d9d9d9; font-size: 14px; width: 100px; padding-bottom:7px;}

.requirPopsec2{border-top: 1px solid #DDD; padding-top: 20px; margin-top: 20px;}

.selectMenuHolder2{ position:relative; text-align:center; background:#FFF;}
.selectMenuHolder2 b{ display:block;  position:relative; z-index:1; background:url(../images/downArrow4a.png) no-repeat 100% 50%; text-align:left; color:#8c8c8c; font-size:13px; font-weight:400; border-bottom:1px solid #d9d9d9;  padding:0 10px 10px 0; height: 25px;}
.selectMenuHolder2 select{ position:absolute; left:0; top:0; width:100%; height:25px; z-index:2; opacity:0; cursor:pointer;}

.checkbox{position:relative; display:inline-block !important; padding-left:26px; margin-right:20px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor:pointer;} 
.checkbox span{position:absolute; top:0; left:0; height:18px; width:18px; background:#FFF; border: 1px solid #DDD;}
.checkbox input{ position:absolute; opacity:0; cursor: pointer; left:0; top:0; z-index:999;}
.checkbox input:checked ~ span { background:url(../images/checkbox.png) no-repeat 50% 1px;}

.requirementPop article{ padding-top:35px;}
.requirementPop article a{ display: inline-block; max-width:265px; font-size: 14px;}
.requirementPop article a:first-of-type{margin-right:10px}
.requirementPop article a span{text-transform:inherit;}

/*---------*/
@media screen and (max-width:1370px){
.popUseList.popUseListHead {top: 24px;}
.requirementPop{padding:25px 50px;}
.requirementPop article{ padding-top:0px;}
.popUseList li { margin-bottom: 30px;}
}
@media screen and (max-width:1024px){
	.center2.findBatterySecBox1 aside {position: inherit; top: 0; left: 0; padding: 15px 30px; margin: -20px 0 0 0;}
}
@media screen and (max-width:1023px){
.fybSec4 ul{justify-content:center;}
.fybSec4 ul li{width:33.3333333333%;}

}
@media screen and (max-width:900px){
.fybSec2{padding:55px 0 58px;}
.findBatterySecBox3:after{height:62px; bottom:-31px;}
.fybSec2 h2{font-size:22px; line-height:28px; padding-bottom:26px;}
.fybSec3{padding:0 0 42px;}
.findBatterySecBox3{background:url(../images/fyb-bg-img-1tab.jpg) no-repeat center top;}
.fybSec3ContBox{padding-bottom:124px; margin:-108px auto 0; min-height:unset;}	
.fybSec3ContBox .fybSec3ContBoxCol{width:100%; float:left; padding:34px 40px 0;}
.fybSec3ContBox .fybSec3ContBoxCol h2{font-size:22px; line-height:26px; padding-bottom:0;}
.fybSec3ContBox .fybSec3ContBoxCol a{position:absolute; bottom:41px;}
.fybSec3ContBox:after{width:0;}
.fybSec4 h2{font-size:22px; line-height:28px; padding-bottom:18px;}
.fybSec5{margin-bottom:62px;}
.fybSec5 h2{font-size:22px; line-height:26px; max-width:265px; margin:0 auto;}
.fybSec5 h2 br{display:none;}
.fybSec5 img.mapIcon{display:block; margin:47px auto 25px;}
.fybSec5 p{padding:16px 0 29px 0;}
.fybSec6{height:356px;}
.fybSec6 h2{font-size:22px; line-height:28px; padding:214px 0 10px;}
.fybSec6 p{font-size:14px; line-height:18px; max-width:259px;}
.fybSec7 .sec7SmallBox{width:100%; margin:0 auto 0; padding:55px 20px 36px;}
.fybSec7 .sec7SmallBox:after{height:62px; top:-31px;}
.fybSec7 .sec7SmallBox2 h2{font-size:22px; line-height:28px; max-width:334px; padding-bottom:32px;}

.fybSec7 .sec7SmallBox2{width:100%; padding:32px 20px 56px;}
.center2.findBatterySecBox1 aside {position: inherit; top: 0; left: 0; padding: 15px 30px; margin: -20px 0 0 0;}
}

/*-----------*/
@media screen and (max-width:1000px){
.requirementPop{ max-width: 1000px; max-height:90%; width:96%; padding:20px; margin-top:40px;}
.popUseList li aside{ float: none; text-align: left; margin-bottom: 15px; }
.popUseList li aside:first-of-type{width:100%;}
.popUseList li aside:nth-of-type(2),.popUseList li aside:nth-of-type(4){width:100%;padding-right:20px;}
.popUseList li aside:nth-of-type(3),.popUseList li aside:nth-of-type(5){width:100%;}

.popUseList { margin-bottom: 25px;}
.popUseList li:first-of-type, .popUseList.popUseListHead{ display: none;}
.popUseList li {padding-bottom:10px; margin-bottom: 25px; border-bottom: 1px solid #DDD;}
.popUseList li:last-of-type {padding-bottom:0px; margin-bottom: 0px; border-bottom:0px solid #DDD;}
.popUseList li aside:before{ display:inline-block; margin-right: 10px; font-weight: bold;}
.popUseList li aside:first-of-type:before{content:'Sr.No. :';}
.popUseList li aside:nth-of-type(2):before{content:'Appliances :'}	
.popUseList li aside:nth-of-type(3):before{content:'Approximate Wattage :'}	
.popUseList li aside:nth-of-type(4):before{content:'Quantity :'}	
.popUseList li aside:nth-of-type(5):before{content:'Total Consumption :'}

.popTotalUseList li{float: none; width:100%; text-align: left; margin-bottom:15px;}
.requirementPop article a { display: inline-block; font-size: 14px; text-transform: inherit; line-height:35px; padding: 6px 35px 0 22px;}
.requirementPop article { padding-top: 20px;}
.popTotalUseList { margin-bottom: 20px;}
.popTotalUseList li strong {display: inline-block; margin-right: 10px;}
.popTotalUseList li .selectMenuHolder2 {display: inline-block;}
.requirementPop article a:first-of-type{margin-right:5px}
.popUseList li .selectMenuHolder2 { width: 133px;}
.selectMenuHolder2 b{ display:block;  position:relative; z-index:1; background:url(../images/downArrow4b.png) no-repeat 100% 50%; text-align:left; color:#8c8c8c; font-size:13px; font-weight:400; border:1px solid #3A3A3A;  padding:5px 20px 5px 10px; height:auto;}
}
/*-----------*/

@media screen and (max-width:890px){
	
.fybCarListing{padding-left:0px; position:relative;}
.fybCarListing+h4{position:relative; left:auto; bottom:auto; width:100%;}
.fybCarListing+h4 br{ display:none;}
.fybCarListing{display:none; position: fixed; z-index: 100;  background: #FFF; top: 0; width: 100%; height: 100%; padding: 50px 20px; text-align:center; overflow:auto;}
.fybCarListing:after{content:''; display:inline-block; height:100%; width:1px; vertical-align:middle; }
.fybCarListing ul{ text-align:center; display:inline-block; vertical-align:middle; margin-right:-5px; width:100%; position:relative;}
.fybCarListing ul li {float: none; width:50%; max-width:150px; height:110px; margin:0 -5px -5px; border-bottom:1px solid #e4e4e4;}
.fybCarListing ul li a:before{ height:1px;}
.fybCarListing ul li a:after {height:1px;}
.fybCarListing .fybCarListing_close{ display:block;}

/*}

@media screen and (max-width:765px){*/

.center2.findBatterySecBox1{ width:100%;}
	
.findBatterySecBox2{background:#FFFFFF;-webkit-box-shadow:0px 9px 11px 0px rgba(0,0,0,0.1);-moz-box-shadow:0px 9px 11px 0px rgba(0,0,0,0.1);box-shadow:0px 9px 11px 0px rgba(0,0,0,0.1); width:100%;}
.findBatterySecBox2 .findBatterySecBox2Col{ width:100%;float:none;border-right:1px solid rgba(214,214,214,0.50);padding:39px 38px 0;}

.findBatterySecBox2 .findBatterySecBox2Col .fildRow .fildCol.carType{display:block; position:relative;}
.fildCol.carType input{position:relative; z-index:2; font-size:14px; line-height:20px; font-weight:400; display:block; width:100%; text-align:left; padding:0 25px 16px 50px; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; color:#000000; font-weight:400; border-bottom:1px solid #ec3237; background:url(../images/downArrow4.png) no-repeat 100% 9px; cursor:pointer;}
	
.findBatterySecBox2 .findBatterySecBox2Col .fildCol.carType2{display:block; position:relative;}
.fildCol.carType2 input{position:relative; z-index:2; font-size:14px; line-height:20px; font-weight:400; display:block; width:100%; text-align:left; padding:0 25px 16px 50px; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; color:#000000; font-weight:400; border-bottom:1px solid #ec3237; background:url(../images/downArrow4.png) no-repeat 100% 9px; cursor:pointer;}
	
/*.fildCol.carType.icon_carSuvMuv:after{content:''; background: url(../images/fyb-car-img.png) no-repeat 0 100%; width: 32px; height: 14px; position:absolute; left:30px; top:2px;}*/

.fildCol.carType.icon_passenger_car_range:after{content:''; background:url(../images/fyb-car-img.png) no-repeat 0 100%; width:32px; height:14px; position:absolute; left:25px; top:2px;}
.fildCol.carType.icon_two_wheeler_range:after{content:''; background:url(../images/fyb-two-wheeler.png) no-repeat 0 100%; width:31px; height:18px; position:absolute; left:25px; top:0;}	
.fildCol.carType.icon_lcv_hcv_vehicle_range:after{content:''; background:url(../images/fyb-lcv-img.png) no-repeat 0 100%; width:36px; height:18px; position:absolute; left:25px; top:2px;}
.fildCol.carType.icon_three_wheeler_range:after{content:''; background:url(../images/fyb-three-wheeler.png) no-repeat 0 100%; width:28px; height:19px; position:absolute; left:25px; top:0;}
.fildCol.carType.icon_tractor_range_range:after{content:''; background:url(../images/fyb-tractor.png) no-repeat 0 100%; width:31px; height:21px; position:absolute; left:25px; top:0;}
.fildCol.carType.icon_inverter_battery_range_range:after{content:''; background:url(../images/fyb-inverters.png) no-repeat 0 100%; width:26px; height:18px; position:absolute; left:25px; top:0;}
.fildCol.carType2.icon_inverter_battery_range_range:after{content:''; background:url(../images/fyb-inverters.png) no-repeat 0 100%; width:26px; height:18px; position:absolute; left:10px; top:0;}
.fildCol.carType.icon_genset_battery_range_range:after{content:''; background:url(../images/fyb-genset.png) no-repeat 0 100%; width:25px; height:28px; position:absolute; left:25px; top:-8px;}


.findBatterySecBox2 .findBatterySecBox2Col .fildRow .fildCol:last-of-type{ width:100%;}
.findBatterySecBox2 .findBatterySecBox2Col:nth-child(2){padding:50px 38px; background:#f1f1f1; border-top:1px solid #e0e0e0;}


.fybSec4 ul{display:flex; flex-wrap:wrap; margin:45px 22px 0;}
.fybSec4 ul li{padding:8px 8px 8px 8px;}
.batteryModelBox{position:relative;}
.batteryModelBox .arrowArea .leftArrow{background:url(../images/arrow.png) no-repeat 0 0; width:7px; height:15px; position:absolute; left:7px; top:0; bottom:0; margin:auto; cursor:pointer;}
.batteryModelBox .arrowArea .rightArrow{background:url(../images/arrow.png) no-repeat -7px 0; width:7px; height:15px; position:absolute; right:7px; top:0; bottom:0; margin:auto; cursor:pointer;}
.batteryModelBox{max-width:611px; position:relative;}

.starCont{text-align:center; padding-top:10px;}

}

@media screen and (max-width:680px){
	
.findBatterySecBox1 h1 {font-size: 18px;}
.findBatterySecBox1 h1 span {font-size: 24px; line-height: 22px;}

.findBatterySecBox1 h2 {font-size: 18px;}
.findBatterySecBox1 h2 span {font-size: 24px; line-height: 22px;}


.fybCarListing+h4{position:relative; left:auto; bottom:auto; width:100%; padding-top:0; border-top:0;}
.findBatterySecBox2 .findBatterySecBox2Col .fildRow .fildCol { width: 100%;}
.fybCarListing+h4{ font-size:14px;}	
.findBatterySecBox2 .findBatterySecBox2Col { padding:20px 24px 0;}
.findBatterySecBox1 h1 {padding: 39px 0 28px 41px;}
.findBatterySecBox1 h2 {padding: 39px 0 28px 41px;}
.findBatterySecBox1 {margin-bottom: 20px;}
.center2.findBatterySecBox1 aside { position: inherit; top: 0; left: 0; padding: 0 0 0 15px;}
}

@media screen and (max-width:580px){
.batteryModelBox{max-width:320px; position:relative;}

.batteryModelBox3{max-width:320px; position:relative;}
.batteryModelBox3 .arrowArea .leftArrow{background:url(../images/arrow.png) no-repeat 0 0; width:7px; height:15px; position:absolute; left:0; top:0; bottom:0; margin:auto; cursor:pointer;}
.batteryModelBox3 .arrowArea .rightArrow{background:url(../images/arrow.png) no-repeat -7px 0; width:7px; height:15px; position:absolute; right:0; top:0; bottom:0; margin:auto; cursor:pointer;}


.batteryModelBox .arrowArea .leftArrow{left:0;}
.batteryModelBox .arrowArea .rightArrow{right:0;}
.fybSec4 ul li{padding:8px 8px 8px 8px;}
.fybSec3ContBox{width:80%;}
.fybSec3ContBox .fybSec3ContBoxCol{padding:34px 35px 0;}
}

@media screen and (max-width:580px){
.findBatterySecBox3{background:url(../images/fyb-bg-img-1-mobile.jpg) no-repeat center top; height:352px;}
.fybSec3ImageBox{background:url(../images/fyb-bg-img2-mobile.jpg) no-repeat center top; height:495px;}
.fybSec6{background:url(../images/fyb-bg-img3-mobile.jpg) no-repeat center top; height:356px;}
}