@charset "utf-8";
@media (max-width:1399px) {
	.expertiseSec .container,
	.reward_club .container {
		z-index: 10;
		position: relative
	}
}
.banner-content h2{font-size: 53px;
    color: #fff !important;
    line-height: 58px;
    font-weight: 700;
    font-family: "Roboto Condensed", sans-serif;}
@media (max-width:1200px) {
	.navbar-inverse .navbar-nav>li {
		font-size: 13px
	}
	.navbar-inverse .navbar-nav>li>a {
		padding: 21px 12px
	}
	.differenceSec,
	.driveInfo,
	.expertiseSec,
	.mobile_app,
	.reward_club {
		height: auto
	}
	.mobile_app img {
		height: auto;
		margin-top: 8%;
		display: block
	}
	#slideSec {
		position: relative;
		left: 0;
		top: 0;
		width: 100%;
		background-attachment: inherit
	}
	.navbar-right {
		margin: 0
	}
	#slideSec.rewardImg .rideBooking {
		width: 43%
	}
	section.driveInfo h2 {
		text-align: center
	}
	.navbar-nav>li:after {
		right: -1px;
		top: 23px
	}
}

@media (max-width:991px) {
	#map-continents {
		display: none
	}
	.navbar-nav>li:after {
		top: 10px
	}
	.numberSec {
		bottom: -35px
	}
	.numberSec p {
		font-size: 12px
	}
	.rideBooking {
		width: 40%;
		bottom: 30%
	}
	.rideBooking h2 {
		font-size: 25px;
		margin-bottom: 0
	}
	.rideBooking a {
		font-size: 16px
	}
	.slideinner {
		left: 46%
	}
	.slideinner h1 {
		font-size: 36px
	}
	.slideinner p {
		font-size: 16px;
		position: relative
	}
	.mobile_app img {
		height: auto;
		margin: 0 auto auto;
		display: block
	}
	.navbar-toggle {
		position: relative;
		float: left;
		padding: 9px 10px;
		margin-top: 10px;
		margin-left: 15px;
		margin-bottom: 0;
		background-color: transparent;
		background-image: none;
		border: 1px solid transparent;
		border-radius: 4px
	}
	.custom-logo-link {
		float: none
	}
	.loginDrop,
	.menu-menu-1-container ul li a i {
		float: right
	}
	.navbar-header {
		text-align: center;
		padding: 10px 0
	}
	.navbar-inverse .navbar-nav>li>a.login {
		padding-bottom: 0;
		padding-right: 0
	}
	.loginDrop {
		margin-right: 15px
	}
	.navbar-inverse .navbar-nav>li span {
		position: relative;
		top: 0
	}
	.loginDrop.navbar-nav .open .dropdown-menu {
		position: absolute;
		left: -107px;
		background: rgba(255, 255, 255, 1);
		top: 56px;
		text-align: center
	}
	.differenceSec,
	.driveInfo,
	.expertiseSec,
	.mobile_app,
	.reward_club {
		background-size: cover;
		background-position: top center
	}
	#slideSec.rewardImg .rideBooking {
		position: absolute;
		width: 100%;
		bottom: 0;
		left: 0
	}
	.navbar-inverse .navbar-nav>li>a {
		padding: 10px 5px
	}
	.mobileNone {
		display: none!important
	}
	.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
		color: #000
	}
	.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,
	.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover {
		color: #000;
		background-color: transparent
	}
	.sub-menu li a:hover {
		text-decoration: none;
		background-color: rgba(158, 203, 61, 1)
	}
	aside#secondary li {
		padding: 10px 5px 10px 0;
		font-size: 14px
	}
	.borderL {
		border-left: 1px solid #ccc;
		padding: 50px 0 50px 35px
	}
	.navbar-inverse .navbar-nav>li {
		font-size: 15px
	}
	section.reward_club:after {
		background: rgba(18, 18, 18, .4)
	}
	section.expertiseSec:after {
		width: 100%;
		background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(18, 18, 18, .6) 0, rgba(18, 18, 18, .3) 0);
		background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(18, 18, 18, .6) 0, rgba(18, 18, 18, .3) 0);
		background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(18, 18, 18, .6) 0, rgba(18, 18, 18, .3) 0);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#000000', GradientType=1)
	}
	.sub-menu {
		display: none;
		position: relative;
		z-index: 10;
		width: 100%
	}
	.innerText h2 {
		font-size: 34px
	}
	.sub-menu li ul.sub-menu {
		left: 0;
		display: none!important;
		top: 0
	}
	.reward_club {
		background-position: left center
	}
}

@media (min-width:992px) {
	.loginDrop {
		display: none
	}
}

@media (min-width:1260px) {
	.bgimage img.bg_img {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%
	}
}

@media (min-width:768px) {
	.bgimage img.bg_img {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		margin-top: 0!important
	}
	aside#secondary form {
		display: none
	}
}

@media (max-width:767px) {
	.cky-banner-bottom{
		display:none;
	}
	.mans_banform {
    top: 20%;
    width: 100%;
    text-align: left;
}
	.copyrightSec p {
		margin-bottom: 0;
		text-align: center
	}
	.slideinner p:after {
		width: 100%
	}
	.copyrightSec ul {
		margin-top: 10px;
		margin-bottom: 0;
		padding: 0
	}
	.mobile_app img {
		height: auto;
		margin: auto
	}
	.borderL {
		border-left: none;
		padding: 35px 15px 60px
	}
	.contentPart {
		font-size: 14px
	}
	.borderL p {
		text-align: justify
	}
	aside#secondary li {
		display: none
	}
	.reservation-form iframe {
		width: 100%;
		min-width: 100%!important
	}
	.mobile_app {
		padding: 40px 0 20px
	}
	.innerText {
		padding: 0
	}
	.infoText p {
		margin-top: 10px
	}
	.infoText .col-sm-4 {
		padding-bottom: 10px;
		border-bottom: 1px solid #3a3a3a
	}
	.container {
		width: 98%
	}
	.sep_border hr {
		border: none
	}
	#slideSec {
		height: 500px
	}
	.contnt {
		top: auto
	}
}

@media (max-width:550px) {
	.innerText span p,
	section.driveInfo h2 {
		text-align: center
	}
	.rideBooking {
		width: 100%;
		bottom: 65%
	}
	.slideinner {
		left: 10%;
		bottom: 3%
	}
	.rideBooking h2 {
		font-size: 20px
	}
	section#slideSec .rideBooking h2 {
		font-size: 20px;
		margin-right: 0px;
	}
	.rideBooking a {
		font-size: 16px;
		margin-top: 11px;
	}
	.citytocity {
		width: 100%;
		bottom: 37%
	}
	.citytocity h2 {
		font-size: 20px
	}
	section#slideSec .citytocity h2 {
		font-size: 20px;
		margin-right: 12px
	}
	.citytocity a {
		font-size: 16px;
		margin-top: 11px
	}
	.citytext {bottom: -37px;}
	
	.mobile_app img {
		height: auto;
		margin: auto;
		width: 90%
	}
	.innerText h2 {
		font-size: 28px
	}
	.innerText span p {
		font-size: 18px;
		font-family: 'Open Sans', sans-serif;
		font-weight: 400;
		color: #fff;
		display: block
	}
	.innerText h5 {
		font-size: 20px
	}
	.infoText p {
		margin-top: 10px
	}
	.driveInfo .innerText h2:after {
		width: 100%
	}
	.innerText p {
		font-size: 14px
	}
}

@media (max-width:480px) {
	.footer {
		font-size: 14px
	}
	.innerText a.btn {
		width: 116px
	}
	.contentPart {
		font-size: 12px
	}
	.innerText {
		padding: 0
	}
	.mobile_app {
		padding: 30px 0 0
	}
}