@charset "utf-8";

@media screen and (min-width: 1400px) {


    .error {
        top: 34px;
    }

    .get-quote, .select-fleet {
        width: 550px;
        top: 160px;
    }

    .corporate-account-box {
        top: 160px;
    }

    .my-input, .my-btn, .my-select, .my-textarea {
        padding: 10px;
    }

    .my-btn {
        padding: 11px 14px;
    }

    .book-price {
        padding: 7px;
    }

    .car-price {
        padding: 7px;
    }

    .fix-46 {
        width: 60px;
    }

    .fluid-46 {
        margin-right: 60px;
    }

    .calendear-div {
        width: 100%;
    }

    .calendar-btn-col {
        float: right;
        width: 52px;
        height: 44px;
        border-radius: 2px !important;
        border: #999 solid 1px !important;
        padding: 10px 0px;
        box-shadow: #000 1px 1px 2px;
    }

    .calendar-input-col {
        margin-right: 60px;
    }

    /* */

    .b-c-label {
        margin-top: 9px;
    }

    /*.fn-input{
		padding-left: 110px;
	}*/

    /*.mp-input{
		padding-left: 140px;
	}*/

    /*.email-input{
		padding-left: 70px;
	}*/

    /*.di-input{
		padding-left: 170px;
		resize:none;
	}*/

    .journey-detail {
        line-height: 20px;
    }

    /*.al-input{
		padding-left: 80px;
	}*/

    /*.fln-input{
		padding-left: 95px;
	}*/

    /*.af-input{
		padding-left: 130px;
	}*/

    /*.lcn-input{
		padding-left: 140px;
	}*/

    /*.ccv-input{
		padding-left: 90px;
	}*/

    .ed-input {
        padding-left: 120px;
    }

    .select-box {
        height: 43px;
    }

    /* */

    .bl-btn {
        padding: 6px;
    }

    .br-btn {
        padding: 6px;
    }

    .my-contact-form .my-textarea {
        height: 115px;
    }

    .gmap > iframe {
        height: 404px;
    }

    /**/

    .thanks-fleet-details .fleet-img {
        width: 156px;
        height: 168px;
        background-color: #fff;
    }

    /**/

    .oneway-radio, .retrun-radio {
        background-position: 70px !important;
    }

    .active {
        background-position: 70px !important;
    }
}


@media screen and (max-width: 992px) {

    /*.j-col-2:hover{
		position: absolute;
		background-color: #000;
		z-index: 1;
		margin-right: 7px;
		margin-left: 106px;
		border-radius: 4px;
		padding: 3px;
		white-space: normal;
		box-shadow: #000 1px 1px 2px;
		width:270px;
	}*/

    .b-c-label {
        color: #000;
        font-weight: bold;
    }

    .card-btns-gb {
        padding-right: 0px;
        padding-bottom: 10px;
    }

    .card-btns-bn {
        padding-left: 0px;
    }

    .map-show-hide {
        position: fixed;
        bottom: 59px;
    }

    .main-toggle-fix {
        padding: 0px !important;
    }
}


@media screen and (max-width: 1199px) {

    .get-quote {
        margin-left: -455px;
    }

    .select-fleet {
        margin-right: -455px;
    }

    /* */

    .book-car-box {
        width: 900px;
        margin-left: -450px;
    }

    .profile-box {
        width: 900px;
        margin-left: -450px;
    }

    .profile-right-panel {
        width: 695px;
    }

    .corporate-account-box {
        width: 900px;
        margin-left: -450px;
    }

    /* */

    .contact-us-box {
        width: 900px;
        margin-left: -450px;
    }

    /* */

    .terms-conditions-box {
        width: 900px;
        margin-left: -450px;
    }

    .car-pess-detail {
        font-size: 15px;
    }

    /**/

    .card-note {
        font-size: 17px;
    }

    .thanks-fleet-details .car-pess-detail {
        font-size: 18px;
    }
}

@media screen and (max-width: 991px) {

    .get-quote, .sign-in-box, .create-account-box, .book-car-box, .corporate-account-box {
        position: relative;
        top: 0;
        width: 290px;
        left: 0;
        margin: auto;
    }

    .l-pad {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .fleet-br {
        display: block;
    }

    .select-fleet {
        position: relative;
        top: 0;
        width: 290px;
        left: 0;
        margin: auto;
        margin-top: 20px;
    }

    .fleet-box {
        width: 290px;
    }

    .fleet-img {
        height: 162px;
        background-color: #fff;
    }

    .pess-detail {
        padding: 15px 4px;
        line-height: 30px;
        font-size: 13px;
        color: #fff;
    }

    .fleet-img > img {
        /*margin-top: 30px;*/
    }

    .fleet-detail .row .col-xs-8, .fleet-detail .row .col-xs-4 {
        width: 100%;
    }

    .my-background {
        height: auto;
        padding-top: 120px;
        padding-bottom: 100px;
    }

    .my-footer {
        position: relative;
        /*margin-top: -39px;*/
    }

    /**/

    .logo a img {
        width: 170px;
        height: auto;
    }

    .header-nav a {
        font-size: 12px;
    }

    .header-btns li a {
        font-size: 11px;
    }

    .call-us-247 {
        font-size: 16px;
        margin-right: 0px;
    }

    .tracking {
        display: none;
        position: fixed;
        width: 290px;
        top: 50%;
        left: 50%;
        margin-left: -145px;
        margin-top: -60px;
        background-color: #000;
        padding: 20px;
        border: #fff solid 2px;
        border-radius: 4px;
        box-shadow: #000 1px 1px 2px;
        text-align: center;
        z-index: 1;
    }

    .tracking-input {
        display: inline-block;
        color: #000;
        background-color: #ccc;
        font-weight: bold;
    }

    .tracking h3 {
        display: inline-block;
    }

    .track-close-btn {
        display: inline-block;
    }

    .tracking-input::-webkit-input-placeholder {
        color: #000 !important;
        font-weight: bold;
    }

    .tracking-input:-moz-placeholder {
        color: #000 !important;
        font-weight: bold;
    }

    .tracking-input::-moz-placeholder {
        color: #000 !important;
        font-weight: bold;
    }

    .tracking-input:-ms-input-placeholder {
        color: #000 !important;
        font-weight: bold;
    }

    /*.tracking-btn {
		padding: 4px 12px;
	}*/


    /**/


    .b-c-label {
        position: relative;
        margin: 0px 0px 0px 0px;
    }

    .fn-input {
        padding-left: 8px;
    }

    .mp-input {
        padding-left: 8px;
    }

    .email-input {
        padding-left: 8px;
    }

    .di-input {
        padding-left: 8px;
    }

    .book-car-form > .row > .col-xs-6 {
        width: 100%;
        padding: 0px;
    }

    .email-box {
        margin-top: 15px;
    }

    .car-col, .jour-col {
        width: 100%;
    }

    .car-pess-detail {
        padding: 6px 6px;
        width: 40%;
    }

    .car-detail > .row > .col-xs-4 {
        width: 60%;
    }

    .car-price {
        padding: 37px 7px;
    }

    .jour-col {
        margin-top: 15px;
    }

    .airport-form > .row > .col-xs-6 {
        width: 100%;
        padding-bottom: 14px;
    }

    .al-input {
        padding-left: 8px;
    }

    .fln-input {
        padding-left: 8px;
    }

    .af-input {
        padding-left: 8px;
    }

    .j-col-1 {
        float: none;
        width: 100%;
    }

    .j-col-2 {
        margin-left: 0;
        overflow: visible;
        white-space: normal;
    }

    /* */

    .r-b-label, .r-b-txt {
        float: none;
        width: 100%;
        margin: 0px;
    }

    .r-b-txt {
        font-size: 16px;
    }

    /* */

    .lcn-input {
        padding-left: 8px;
    }

    .ccv-input {
        padding-left: 8px;
    }

    .ed-input {
        padding-left: 8px;
    }

    /* */

    .my-content {
        top: 88px;
    }


    /* profile*/

    .profile-box {
        position: relative;
        top: 0;
        width: 290px;
        left: 0;
        margin: auto;
    }

    .profile-left-panel {
        float: none;
        width: 100%;
    }

    .profile-right-panel {
        margin-left: 0px;
    }

    .profile-img img {
        width: 40%;
        margin: auto;
    }

    .profile-right-panel article .row .col-xs-6 {
        width: 100%;
    }

    .profile-right-panel article > .row > .border-right {
        border: none;
    }

    .personal-detail-form {
        border-bottom: #999 solid 1px;
    }

    .profile-left-panel {
        border: none;
    }

    .menu-btn {
        display: block;
    }

    .profile-nav-ul {
        display: none;
    }

    article {
        /*height:auto !important;*/
        min-height: 523px;
    }

    .booking-box > .row div {
        float: none;
        width: 100%;
        text-align: left !important;
        padding-left: 15px;
        padding-right: 15px;
    }

    .profile-right-panel {
        width: 100%;
    }

    .b-location {
        margin-top: 8px;
        white-space: normal;
        text-overflow: clip;
        overflow: visible;
    }

    .loc-br {
        display: block;
    }

    .datetime-span {
        display: block;
    }

    .price-span {
        display: block;
        font-size: 14px;
    }

    .b-br {
        display: none;
    }

    article {
        min-height: auto;
    }

    /* */

    .terms-conditions-box, .contact-us-box {
        position: relative;
        top: 0;
        width: 290px;
        left: 0;
        margin: auto;
    }

    .my-contact-form, .my-map {
        width: 100%;
    }

    /**/


    .b-arrow {
        position: absolute;
        right: 0;
        width: 75px !important;
        margin-top: -6px;
        z-index: 1;
    }

    .route-map-col, .route-detail-col {
        width: 100%;
    }

    .route-map > iframe {
        height: 250px;
    }

    .route-detail-col {
        margin-top: 15px;
    }

    .booking-date > p {
        font-size: 14px;
    }

    .booking-time-location > span, .booking-vehicle-driver > span {
        font-size: 16px;
    }

    .booking-time-location > p, .booking-vehicle-driver > p {
        font-size: 14px;
    }

    .route-line-height {
        line-height: 20px;
    }

    /**/

    .corporate-form > .row > div {
        width: 100%;
    }

    .my-corporate-reg-btn {
        width: 100%;
    }

    /**/
    .my-contact-form {
        margin-top: 15px;
    }

        .my-contact-form > .row {
            margin-right: -15px;
            margin-left: -15px;
        }

            .my-contact-form > .row > div {
                width: 100%;
            }

    .contact-aadress > div {
        width: 100%;
    }

    .gmap > iframe {
        height: 250px;
    }

    /**/

    .thanks-fleet-details .fleet-img {
        width: 100px;
        padding-top: 20px;
    }

    .thanks-fleet-details .car-detail {
        margin-left: 100px;
    }

    .thanks-fleet-details .car-pess-detail {
        padding: 3px 6px;
        line-height: 30px;
    }

    .car-col {
        padding-right: 15px;
    }

    .jour-col {
        padding-left: 15px;
    }

    /**/

    .oneway-radio, .retrun-radio {
        background-position: 9px !important;
        background-size: 16px !important;
    }

    .active {
        background-position: 9px !important;
        background-size: 16px !important;
    }

    .d-track {
        display: inline-block !important;
    }

    .card-note-bd-box {
        height: auto;
    }

    .thanks-fleet-details .car-pess-detail {
        font-size: 11.5px;
    }

    .pess-count, .lug-count {
        font-size: 22px;
    }

    /* */

    .box-img-col {
        float: left;
        width: 70px;
        height: 70px;
        border: #fff solid 1px;
        border-radius: 50%;
        overflow: hidden;
        margin: 10px;
    }

    .box-btn-col {
        float: none;
        margin-left: 90px;
        margin-right: 0px;
        width: auto;
    }

    .box-text-col {
        margin: 0px;
        clear: both;
    }

    .box-two, .box-three, .box-four, .box-five, .box-six, .box-seven {
        float: none;
        width: 100%;
    }

    .track-icon {
        width: 40px;
        height: 40px;
        padding: 6px;
    }

    .track-text {
        margin-left: 40px;
        padding: 7px 2px;
        height: 40px;
    }

    .track-footer {
        background-color: #000000;
    }

    .refresh-btn {
        background-color: #FFF;
        color: #000000;
        height: 35px;
        border-radius: 4px;
        border: #000 solid 1px;
    }

    .refresh-btn:hover{
        background-color:#ffffff;
    }

    .box-eight {
        padding-top: 26px;
        padding-right: 10px;
    }

    /* */

    .tracking-input-1, .tracking-input-2 {
        position: static;
        border-radius: 2px;
        margin-bottom: 10px;
        width: 100%;
    }

    .tracking-input-div {
        display: block;
    }

    .header-btns li {
        padding: 8px 4px;
    }

    .tc-ol ol > li:before {
        display: inline-block;
        color: #B8063B;
        font-weight: bold;
    }

    .content {
        height: auto;
    }

        /*  booking Detail toggle    */

    .bookingDetail-toggle .my-background{
        position: relative !important;
       height:1350px !important;
       padding-bottom:0px;
    }

    .bookingDetail-toggle #map-canvas{
       height:1350px !important;
    }

    .bookingDetail-toggle .book-car-box{
        margin-top: 0px;
        margin-bottom: 0px;
    }
    
    .bookingDetail-toggle .map-show-hide{
        position:absolute;
    }

    /*  booking Payment toggle    */

    .bookingPayment-toggle .my-background{
        position: relative !important;
       height:1350px !important;
       padding-bottom:0px;
    }

    .bookingPayment-toggle #map-canvas{
       height:1350px !important;
    }

    .bookingPayment-toggle .book-car-box{
        margin-top: 0px;
        margin-bottom: 0px;
    }
    
    .bookingPayment-toggle .map-show-hide{
        position:absolute;
    }

    /*  booking Confirm toggle    */

    .bookingConfirm-toggle .my-background{
        position: relative !important;
       height:1060px !important;
       padding-bottom:0px;
    }

    .bookingConfirm-toggle #map-canvas{
       height:1060px !important;
    }

    .bookingConfirm-toggle .book-car-box{
        margin-top: 0px;
        margin-bottom: 0px;
    }
    
    .bookingConfirm-toggle .map-show-hide{
        position:absolute;
    }

    
    .bookingINI .my-background {
        height: 700px !important;
    }


    .bookingstart .my-background{
        height:1650px !important;
        position:relative !important;
    }

    .bookingstart #map-canvas{
        height:1650px;
    }

    .bookingstart .map-show-hide{
        position:absolute;
        bottom:0px !important;
    }

    .contactUs .my-background {
        height: auto !important;
    }
    
    .registerCorporate .my-background {
        height: auto !important;
    }
    
    .register .my-background {
        height: auto !important;
    }
}

@media screen and (max-width: 767px) {

    .map-show-hide {
        bottom: 65px;
    }


    /* */

    .my-footer {
        /*margin-top: -66px;*/
    }

    .my-background {
        padding-bottom: 130px;
    }

    /* */

    .logo a img {
        width: 170px;
        height: auto;
    }

    .header-btns li {
        padding: 4px;
    }

        .header-btns li a {
            padding: 5px;
            font-size: 11px;
        }

    .header-nav a {
        font-size: 12px;
    }

    .call-us-247 span {
        display: none;
    }

    .call-us-247 i {
        display: inline-block;
    }

    .call-us-247 {
        font-size: 16px;
    }

    /*.tracking {
		right: 18px;
		top: 44px;
	}
	
	.tracking-input {
    	width: 153px;
	}*/

    /**/

    .my-footer .row .col-sm-3 {
        text-align: center;
    }

    .my-footer .row .copy-right, .my-footer .row .powered-by {
        font-size: 12px;
    }

    .my-footer .row .copy-right {
        margin-top: 5px;
        padding: 0px;
    }

    .my-footer {
        padding: 3px;
    }

    .socail li a {
        width: 18px;
        height: 18px;
        font-size: 12px;
        padding: 4px;
    }

    /**/

    .my-content {
        top: 80px;
        bottom: 65px;
    }

        .my-content > .container > h1 {
            font-size: 8vw;
            margin-top: 30px;
        }
}

@media screen and (max-width: 600px) {
}

@media screen and (max-width: 545px) {

    .my-background {
        padding-top: 130px;
    }

    /* */

    .my-header .row .col-xs-5, .my-header .row .col-xs-7 {
        width: 100%;
        text-align: center;
        padding: 0px;
    }

    .logo a img {
        width: 140px;
        height: auto;
    }

    .logo {
        padding: 8px 0px 2px 0px;
    }

    .call-us-247 {
        /*display: none;*/
        text-align: center;
    }

    .header-nav .nav-tel {
        display: inline-block;
    }

    .header-nav a {
        font-size: 11px;
    }

    .header-nav {
        padding: 0px;
        margin-left: -5px;
        margin-right: -5px;
    }

    .header-btns {
        text-align: center;
        padding: 10px 0px 6px 0px;
    }

    /**/

    .my-content {
        top: 102px;
    }

        .my-content > .container > h1 {
            margin-top: 20px;
        }
}