img{display: inline-block;}
.big-screen{display: block;}
.small-screen{display:none;}
#banner_box{background:url(../images/taxi_banner_bg.jpg) no-repeat center bottom / cover; position: relative;}
#banner_box h5{color: #fbba1e; font-weight: 600;}
#banner_box .container{position: relative;}
#banner_box .banner_btn{margin: 30px 0 60px; }
#banner_box .banner_btn .btn{background: #fff; color: #525151;}
#banner_box .banner_btn .btn:after{background:#fbba1e;}
#banner_box .banner_btn .btn:hover{border-color: #fbba1e; color: #060606;}
.banner-screen{
  bottom: 0;
  position: absolute;
  width: 700px; left:-25px
}
#banner_box ul{width: auto; display: inline-block; margin-bottom: 120px;}
#banner_box li{margin:0; padding: 0; float: left;}

#key_feature{background: #fbba1e; padding: 20px 0 40px;}
#key_feature h1{color: #020200; letter-spacing: 0; font-weight: 400;}
#key_feature h5{color: #000000; font-weight: 600;}
.key-features{ margin-top: 70px; }
.key-features p{color: #000}
.key-features figure{width: 127px; height: 127px; background: #000000; border-radius: 100%; text-align: center; display: inline-block;padding-top: 37px;}

#more_feature{padding: 30px 0; position: relative;}
#more_feature .container{position: relative;}
#more_feature h1{font-weight: 400; color: #000; letter-spacing: 0; font-size: 36px;}
#more_feature p{color: #a09b9b; font-size: 16px;}
.more-feature-screen {
  position: absolute;
  top: 59px;
  width: 700px;
  left: 0px;
}
.feature-listing{margin-top: 60px;}
.feature-listing h5{color: #fbb12c; font-weight: 600;}
.feature-listing p{color: #686868;}
.feature-listing .media-left{padding-right: 20px;}

#taxi_app{background: url(../images/taxi_app_bg.jpg) no-repeat center top/cover; padding: 50px 0 0 }
#taxi_app h1{font-weight: 400; letter-spacing: 0;}
#taxi_app h1 strong{color:#fbba1e}
#taxi_app h5{color: #8e8d8d}
.taxi-app-screen{position: relative;}
.taxi-app-screen a{position: absolute; height: 64px;}
.taxi-app-screen a.appstore{left: 0; top: 0; bottom: 0; margin: auto;}
.taxi-app-screen a.playstore{right: 0; top: 0; bottom: 0; margin: auto;}

#what_taxi{background: url(../images/taxi_like_what_bg.jpg) no-repeat center center / cover; padding:50px 0; margin-top: -22px;}

#what_taxi h1{color: #000; font-weight: 600; letter-spacing: 0;}
#what_taxi h5{color: #000;}
#what_taxi a.contact_us{color: #302f30; border-radius:4px; background: #fff; width: 140px; height: 45px; line-height: 45px; text-align: center; padding: 0; font-size: 14px; font-weight: 600; margin: 30px 0 10px;
 transition: all 0.6s ease 0s;
  -webkit-transition: all 0.6s ease 0s;
  -moz-transition: all 0.6s ease 0s; z-index: 1;
  -ms-transition: all 0.6s ease 0s; position: relative;
}
#what_taxi a.contact_us:after{
  height: 100%;
  left: 0;
  top: 0;
  width: 0;
  position: absolute;
  content: '';
  z-index: -1;
  transition:all 0.4s ease 0s; 
  -webkit-transition:all 0.4s ease 0s;
  -moz-transition:all 0.4s ease 0s;
  -ms-transition:all 0.4s ease 0s;
  background:#111213;
}
#what_taxi a.contact_us:hover:after{width: 100%;}
#what_taxi a.contact_us:hover{color:#fff; border-color: #111213;}

@media all and (max-width: 1400px){
	#banner_box li{width: 155px;}
	.more-feature-screen { left: -25px; top: 150px; width: 601px;}
.banner-screen{width: 600px;}	
	
}
@media all and (max-width: 992px){
	.banner-screen,
	.more-feature-screen{position: static; width: auto; float: left;}
	.banner-screen{margin-bottom: 180px;}
	#banner_box ul{margin-bottom: 0;}

}


@media all and (max-width: 767px){
	.big-screen{display:none;}
	.small-screen{display:block;}
	#banner_box{background:url(../images/taxi_banner_bg_small.jpg) no-repeat center center / cover; position: relative;}
	#banner_box:after{position: absolute; content: ''; width:183px ; height:64px ; background: url(../images/taxi_taxi.png) no-repeat; left: 0; right: 0; margin: auto; bottom: 35px;}
	#banner_box li{float: none; }
	.banner-screen{margin-bottom: 140px; text-align: center; width: 100%;}
	.banner-screen img.small-screen{display: inline-block;}
	.more-feature-screen{ float: none; }
	#more_feature h1{font-size: 24px;}
	.taxi-app-screen a {position: static;display: inline-block; width: 140px;}
	#what_taxi{margin-top: 0;}
	#taxi_app{background: url(../images/taxi_app_bg_small.jpg) no-repeat center top/cover;}
	#what_taxi{background: url(../images/taxi_like_what_bg_small.jpg) no-repeat center center / cover; }
}