@charset "utf-8";
/* CSS Document */

@media (max-width:1199px) {
	
	.laggage-br{
		display:block;
	}
	
	.car-multi{
		margin-top: 6px;
		width:50%;
	}
	
	a.booknow-btn{
		width:50%;
	}
	
	
    .site-nav, .log-reg-nav{
        text-align:right;
        clear:both;
        float:none !important;
    }
    
    .log-reg-nav{
        margin-top: 10px;
        padding: 0px;
    }

    .brd-btm{
        margin-top:12px !important;
    }

    header .brd-btm {
        margin-top: 12px !important;
    }
	
	.head-panel h1{
		margin-right:55px;
	}
	
	.head-panel .form-panel{
		margin-left:25px;
		width:350px;
	}
}

@media (max-width:991px) {
	
	.pesgner-hed, .passenger-inner-dtal{
		float:none;
		width:100%;
		test-align:center;
	}
	
	.pesgner-hed, .passenger-inner-dtal > div{
		    text-align: center;
	}
	
	.laggage-br{
		display:none;
	}
	
	.car-multi {
		margin-top: 25px;
		width:60%;
	}
	
	a.booknow-btn{
		width:40%;
	}
	
    ul.top-nav li a{
        padding: 15px 12px;
    }

    .footer-list, .social-icon{
        text-align:center;
    }
	
	.head-panel{
		margin-top:20px;
	}
	
	.head-panel h1{
		margin: 0;
		width: 100%;
	}
	
	.head-panel h1 span {
		margin-bottom:10px;
	}
	
	.head-panel h1 ul {
		margin-bottom: 20px;
	}
	
	.head-panel h1 ul li {
		font-size: 20px;
		letter-spacing: 0px;
		display: inline-block;
		background-color: rgba(255, 255, 255, 0.75);
		padding: 2px 10px;
		border-radius: 4px;
		width: 32.33%;
		margin: 0.5%;
	}
	
	.head-panel .form-panel{
		clear: both;
		float: none;
		margin: auto;
		margin-bottom: 40px;
	}
}

@media (max-width:768px) {
	.pasenger-head .car-multi-inner{
		display: block;
		margin: 10px 0px;
	}
	
    .hdng-all {
        text-align: center;
}
    #Main-header {
        display:none;
    }
    .fixed {
           display:none;
    }
	.booking-engine {
    width: 100%;
    /*position: absolute;*/
    /*top: 11%;*/
}
	
/*figure.main-logo img {
    width: 80%;
    margin: 0 auto;
}*/

figure.main-logo-scroll img {
    width: 88%;
    margin: 10px auto;
}	
figure.inner-logo img {
    width: 91%;
    margin: 0 auto;
}
	.mrg-lft {
    margin-left:0;
    margin-top: 10px;
}
.map-responsive {
    overflow: hidden;
    /*padding-bottom: 56.25%;*/
    position: relative;
    /*height: 1000px;*/
}
.pasenger-head h2 {
    font: 30px 'raavi';
    color: #0e71b8;
    width: 100%;
    margin: 5px;
    float: left;
    text-align: center;
    padding: 10px 0;
}
.passenger-inner-dtal {
    width: 100%;
    float: left;
}
.saloon-car-inner {
    width: 246px;
    float: left;
    background: #fff;
    text-align: center;
    margin-top: 3px;
}
.pasenger-head h3 {
    font: 20px 'raavi';
    color: #0e71b8;
    width: 54%;
    margin: 5px;
    float: left;
    text-align: center;
    padding: 10px 0;
}
.saloon-car-inner img {
    float: left;
    width: 36%;
    margin-top: 15px;
    margin-left: 11px;
}
.form-pickup {
    width: 100%;
    /* display: inline-block; */
    float: left;
    text-align: center;
    /* margin-right: 10px;
    margin-left: 13px; */
    position: relative;
}
.input-group {
    margin-top: 4px !important;
    width: 100%;
}
.form-estimate {
    width: 100%;
    /* display: inline-block; */
    float: left;
    text-align: center;
    /* margin-right: 10px;
    margin-left: 13px; */
    position: relative;
}
.map-responsive {
    /*height: 1172px !important;*/
}
.main-header {
    min-height: auto;
}
.my-btn-detail:disabled {
    background: #ccc;
    color: #2e2e2e;
    cursor: pointer;
    width: 100%;
}
.my-btn-detail, .my-btn-detail:enabled {
    width: 100%;
}
.my-map {
    /*margin: 10px 25px;
    border: 2px solid black;
    width: 90%;*/
}
.gmap{
    width: 100%;
    height: 150px !important;
    position: relative;
    overflow: hidden;
}
.terms-conditions-box, .contact-us-box {
         /*width: 500px;
    left: 7%;
    margin: 1% 0 0 8%;
    float: left;*/
}

.mrgn-tp{
	margin-top:65px !important;
}

.pesgner-hed {
    font: 20px 'raavi';
    color: #0e71b8;
    width: 100%;
    margin: 20px 0px;
    float: left;
    text-align: center;
    padding: 0;
}
.box-img-col {
    width: 70px;
    height: 70px;
    border: #fff solid 1px;
    border-radius: 50%;
    overflow: hidden;
    margin: 10px;
    position: absolute;
    top: -93px;
    left: 0px;
}
.box-btn-col {
    /*width: 70px;
    height: 70px;
    border-radius: 50%;
    margin: 10px;
    position: absolute;
    top: -92px;
    right: -39px;
    cursor: pointer;*/
}
.profile-box {
    width: 100%;
    /*background-color: rgba(255, 255, 255, 0.75);
    border: #999 solid 1px;
    border-radius: 4px;
    box-shadow: #000 1px 1px 2px;
    float: left;
    margin-top: 6%;*/
}
.profile-right-panel {
    /* margin-left: 200px; 
    float: left;
    width: 507px;*/
    /* padding: 15px; */
}
}

@media (max-width:767px) {
	.pasenger-head{
		padding:0px;
	}
	
	.head-panel{
		margin-top:20px;
	}
    .log-reg-nav{
        display:none;
    }

    .site-nav{
        text-align: center;
    }

    figure.main-logo img{
        width:160px;
        height:auto;
    }

    .booking-engine{
        top:150px;
    }

    .world-pay-div {
        margin-bottom: 115px;
    }
}

@media (max-width:640px) {
	
	.offer-price-bottom{
		display:block;
	}
	
	.offer-price-top{
		display:none;
	}
	.head-panel h1 ul li {
		width: 350px;
	}
}
@media (max-width:640px) {

    .profile-nav-ul{
        display:none;
    }
	
	.laggage-br {
		display: block;
	}
	.car-multi {
		margin-top: 8px;
	}

    #Main-header {
        display:none;
    }
    .fixed {
           display:none;
    }
/*figure.main-logo img {
    width: 34%;
    margin: 0 auto;
}*/
a.login-reg {
    /*margin-top: 18px;*/
}	

figure.main-logo-scroll img {
    width: 50%;
    margin: 10px auto;
}
.map-responsive {
    overflow: hidden;
    /*padding-bottom: 56.25%;*/
    position: relative;
    /*height: 986px;*/
}
	.mrg-lft {
    margin-left:0;
    margin-top: 10px;
	padding:0px;
}
.saloon-car-inner {
    width: 246px;
    float: left;
    background: #fff;
    text-align: center;
    margin-top: 3px;
    margin-left: 32px;
}
.price-btn-inner {
    background: none;
    float: left;
    padding: 5px 6px 0px 9px;
    font: 20px 'raavi';
    color: #0e71b8;
    border: 1px solid #0e71b8;
    text-decoration: none;
    text-align: center;
    width: auto;
    line-height: 10px;
    margin: 10px 31px;
}
.head-panel {
    width: 100%;
    float: left;
}
.form-pickup {
    width: 100%;
    /* display: inline-block; */
    float: left;
    text-align: center;
    /* margin-right: 10px;
    margin-left: 3px; */
    position: relative;
}
.form-estimate {
    width: 100%;
    /* display: inline-block; */
    float: left;
    text-align: center;
    /* margin-right: 10px;
    margin-left: 1px; */
    position: relative;
}
.brd-btm {
    /*border-bottom:none;*/
    padding-bottom: 12px;
}
.booking-engine {
    width: 100%;
    /*position: absolute;*/
    /*top: 21%;*/
}
figure.main-logo-scroll {
    width: 100%;
    float: left;
    text-align: center;
}
figure.main-logo-scroll img {
    width: 23%;
    margin: 10px auto;
}
a.login-reg-scroll {
    display: inline-block;
    text-align: center;
    color: #000;
    font: 14px 'Raavi';
    font-weight: normal;
    margin-top: 10px;
    margin-left: 10px;
    text-decoration: none;
}
header {
    width: 100%;
    height: 130px;
    z-index: 1;
    display: none;
    background: rgba(255,255,255,0.90);
    box-shadow: 0px 0px 10px;
}
.scroll-hidden {
    /*overflow: auto;
    position: relative;
    width: 100%;
    max-width: 100%;
    height: 245px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;*/
}
.my-btn-detail:disabled {
    background: #ccc;
    color: #2e2e2e;
    cursor: pointer;
    width: 100%;
}
.my-btn-detail, .my-btn-detail:enabled {
    width: 100%;
}
.login-head {
    position: absolute;
    margin-top: 2%;
    left: 50%;
    margin-left: -175px;
    margin-bottom: 70px;
    -webkit-transition: width 0.5s ease-in-out;
    -moz-transition: width 0.5s ease-in-out;
    -o-transition: width 0.5s ease-in-out;
    transition: width 0.5s ease-in-out;
}
.corporate-account-box {
    background-color: rgba(255, 255, 255, 0.90);
    border: #999 solid 1px;
    border-radius: 4px;
    box-shadow: #000 1px 1px 2px;
    width: 100%;
    padding: 10px;
    margin-top: 0%;
}
.main-header {
    /*min-height: 1068px;*/
}
.terms-conditions-box, .contact-us-box {
    /*width: 500px;
    left: -1%;
    margin: 15% 0 0 8%;
    float: left;*/
}
  .hdng-all {
        text-align: center;
}
.mrgn-tp {
    /*margin-top: -17% !important;*/
	padding: 0;
}
.pesgner-hed {
    font: 20px 'raavi';
    color: #0e71b8;
    width: 100%;
    margin: 20px 0px;
    float: left;
    text-align: center;
    padding: 0;
}
.profile-box {
    width: 100%;
    /*background-color: rgba(255, 255, 255, 0.75);
    border: #999 solid 1px;
    border-radius: 4px;
    box-shadow: #000 1px 1px 2px;
    float: left;
    margin-top: 6%;*/
}
.profile-right-panel {
     margin-left: 0px;
    /*float: left;
    width: 575px;
     padding: 15px; */
    overflow: initial;
}
.profile-img {
    width: 100%;
    /*float: left;*/
    text-align: center;
}
.profile-img img {
    width: 180px;
    margin: 0 auto;
}

.inputfile-1 + label{
    width: 180px;
}

.profile-left-panel {
    float: none;
    width: 100%;
    /*background-image: url(../images/pattern.png); 
    background-color: rgba(0,0,0,0.75);
    border-right: #999 solid 1px;
    padding: 15px;
    padding-bottom: 30px;
    margin-left: 34%;*/
}
.menu-btn{   width: 100%;
    margin-left: 0px;
    background: #2e2e2e;
    float: left;
    color: #fff;
    padding: 7px 0;
    display:block;
}
.profile-nav-ul, .profile-bookings-nav-ul {
    padding: 0;
    margin: 0;
    list-style: none;
    float: left;
    width: 100%;
}
.profile-nav-ul > li > a {
    display: block;
    background-color: rgba(0,0,0,0.75);
    padding: 6px 14px;
    font-size: 14px;
    color: #fff;
    border-bottom: #999 solid 1px;
    float: left;
    width: 100%;
}

.border-bottom h3{font-size:18px;}

.passenger_quote{width:30%;}

.p.passenger_detail{width:70%;}
}

@media (max-width:480px) {
	
	.laggage-br {
		display: none;
	}
	
	.saloon-car{
		margin:0px;
	}
#Main-header {
        display:none;
    }
.fixed {
           display:none;
    }
a.booknow-btn {
    background: #0e71b8;
    float: right;
    padding: 16px 0px 0px 8px;
    font: 29px 'raavi';
    color: #fff;
    text-decoration: none;
    text-align: center;
    width: 98%;
    line-height: 10px;
}
.saloon-car {
    width: 100%;
    /*float: left;*/
    background: #fff;
    text-align: center;
    margin: 10px 0 0 8px;
}

.saloon-car h2{
	float: initial;
	width:100%;
}

.saloon-car img{
	width:100px;
}

.map-responsive {
    overflow: hidden;
    /*padding-bottom: 56.25%;*/
    position: relative;
    /*height: 1200px;*/
}
.saloon-car-inner {
    width: 246px;
    float: left;
    background: #fff;
    text-align: center;
    /* margin-top: 3px; */
    margin-left: 69px;
}
.car-multi-inner {
    float: left;
    width: auto;
    color: #2e2e2e;
    font: 16px 'raavi';
    margin-top: 5px;
    margin-left: 83px;
}
.price-btn-inner {
    background: none;
    float: left;
    /*padding: 5px 100px 0px 100px;*/
    font: 20px 'raavi';
    color: #0e71b8;
    border: 1px solid #0e71b8;
    text-decoration: none;
    text-align: center;
    width: auto;
    line-height: 10px;
    margin: 10px 13px;
}
figure.main-logo-scroll {
    width: 100%;
    float: left;
    text-align: center;
}
figure.main-logo-scroll img {
    width: 32%;
    margin: 10px auto;
}
header {
    width: 100%;
    height: 122px;
    z-index: 1;
    display: none;
    background: rgba(255,255,255,0.90);
    box-shadow: 0px 0px 10px;
}
a.login-reg-scroll {
    display: inline-block;
    text-align: center;
    color: #000;
    font: 14px 'Raavi';
    font-weight: normal;
    margin-top: 0px;
    margin-left: 10px;
    text-decoration: none;
}
.centr-dv {
    width: 100%;
    float: initial;
    /*margin-left: 3%;*/
	margin:0px;
}
.car-multi {
    float: left;
    width: 100%;
    color: #2e2e2e;
    font: 16px 'raavi';
    margin-top: 3px;
}
.map-responsive {
    /*height: 1384px !important;*/
}
.my-btn-detail:disabled {
    background: #ccc;
    color: #2e2e2e;
    cursor: pointer;
    width: 100%;
}
.my-btn-detail, .my-btn-detail:enabled {
    background: #232323;
    float: left;
    width: 100%;
    text-align: center;
    color: #fff;
    font: 20px 'raavi';
    /*padding: 5px 63px 1px;*/
    margin-top: 10px;
    text-decoration: none;
    border-radius: 8px;
    cursor: pointer;
    margin-bottom: 10px;
}
label {
    display: inline-block;
    max-width: 76%;
    margin-bottom: 5px;
    font-weight: 700;
}
.scroll-hidden {
    height: 573px;
}
.pesgner-hed {
    font: 20px 'raavi';
    color: #0e71b8;
    width: 100%;
    /* margin: 20px 41px; */
    float: left;
    text-align: center;
    padding: 0;
}
.saloon-car-inner img {
    float: left;
    width: 28%;
    margin-top: 15px;
    margin-left: 11px;
}
.my-btn-detail:disabled {
    background: #ccc;
    color: #2e2e2e;
    cursor: pointer;
    width: 100%;
}
.my-btn-detail, .my-btn-detail:enabled {
    width: 100%;
}
.terms-conditions-box, .contact-us-box {
    /*width: 430px;
    left: 0%;
    margin: 20% 0 0 1%;
    float: left;*/
}
.main-header {
    /*min-height: 1055px;*/
}
  .hdng-all {
        text-align: center;
}
.pesgner-hed {
    font: 20px 'raavi';
    color: #0e71b8;
    width: 100%;
    margin: 20px 0px;
    float: left;
    text-align: center;
    padding: 0;
}
.profile-box {
    /*width: 434px;*/
    background-color: rgba(255, 255, 255, 0.75);
    border: #999 solid 1px;
    border-radius: 4px;
    box-shadow: #000 1px 1px 2px;
    float: left;
    margin-top: 6%;
}
.list-bg {
   /* width: 73%;
    background-color: #2e2e2e;
    border: #999 solid 1px;
    border-radius: 2px;
    padding: 6px;
    line-height: 22px;
    box-shadow: #000 1px 1px 2px;
    height: auto;
    color: #fff;
    font-size: 14px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;*/
}
.profile-right-panel h2 {
    font-size: 22px;
    color: #0e71b8;
    margin: 0px;
    /*width: 73%;*/
    text-align: center;
}
.profile-right-panel {
    /* margin-left: 200px; */
    /*float: left;*/
   /*width: 400px;*/ 
    /* padding: 15px; */
}

.passenger_quote{width:40%;}

.p.passenger_detail{width:60%;}

.head-panel h1{
    font-size:40px;
}

.head-panel h1 span{
    line-height: 22px;
    margin-top: 15px;
}

.route-map-col img{
    width: 150px;
    margin: auto;
    display: block;
}
.route-map-col, .route-detail-col{
    width:100%;
}
.car-big{
    height:auto;
}

.head-panel .form-panel{
	width:95%
}
	.head-panel h1 ul li {
		width: 95%;
	}
	
	.head-panel .form-panel h2{
		font-size: 22px; 
		line-height: 32px;
		margin: 20px 0px 10px 0px;
	}

}