@-webkit-viewport {
    width: device-width
}

@-moz-viewport {
    width: device-width
}

@-ms-viewport {
    width: device-width
}

@-o-viewport {
    width: device-width
}

@viewport {
    width: device-width
}

@media screen and (max-width: 980px) {
    #limobooking-step2-wrapper .vehicles-body.grid-view .vehicles-grid .vehicles-item {
        width: 33%
    }
}

@media screen and (max-width: 800px) {
    #limobooking-step2-wrapper .vehicles-body .vehicles-item .vehicles-item-mid {
        float: none;
        padding: 0 210px
    }
}

@media screen and (max-width: 767px) {
    #tbNewStyleWrapper {
        padding: 0
    }

    #limobooking-header-area a:active, #limobooking-header-area a:link, #limobooking-header-area a:visited {
        padding-left: 4px
    }

    #limobooking-header-area a:active, #limobooking-header-area a:link, #limobooking-header-area a:visited {
        padding-right: 5px
    }

    #limobooking-header-area a.reset-booking-form:active, #limobooking-header-area a.reset-booking-form:link, #limobooking-header-area a.reset-booking-form:visited {
        padding-top: 0;
        position: absolute;
        top: 58px;
        left: 12px
    }

    #limobooking-header-area .promo-code {
        float: none;
        margin: 0;
        display: table;
        clear: both;
        width: 100%;
        text-align: right;
        padding: 5px 0 10px;
        padding-right: 5px;
        border-top: 1px solid #e7e7e7
    }

    #limobooking-header-area .promo-code .inputbox {
        width: 120px
    }

    #limobooking-step1-wrapper {
        max-width: 470px;
        margin: 0 auto
    }

    #limobooking-step1-container-area .limobooking-step1-right-area {
        float: none;
        padding: 0 !important
    }

    #limobooking-steps-area .step-number-wrap .step-text {
        font-size: 11px
    }

    #limobooking-step2-wrapper .vehicles-list .vehicles-header .col-sm-6 {
        text-align: center
    }

    #limobooking-step2-wrapper .vehicles-list .vehicles-header .sort-outer .pull-right {
        float: none !important
    }

    #limobooking-step2-wrapper .vehicles-list .vehicles-header .sort-outer .sort-title {
        display: inline-block;
        float: none !important
    }

    #limobooking-step2-wrapper .vehicles-list .vehicles-header .sort-outer .btn-toolbar .btn, #limobooking-step2-wrapper .vehicles-list .vehicles-header .sort-outer .btn-toolbar .btn-group, #limobooking-step2-wrapper .vehicles-list .vehicles-header .sort-outer .btn-toolbar .input-group {
        float: none !important
    }

    #limobooking-step2-wrapper .vehicles-body .vehicles-item .vehicles-item-mid h3 {
        font-size: 16px
    }

    #limobooking-step2-wrapper .tripSummary .trip-summary-info h3 span.chevron-up {
        display: inline-block
    }

    #limobooking-step3-wrapper .col-right-border {
        background: 0 0;
        margin-right: 0
    }

    #limobooking-step3-wrapper .col-left-border {
        background: 0 0
    }

    .limobooking-step3-container-area .col-max-width {
        max-width: 470px;
        width: 100%;
        margin: 0 auto
    }

    .limobooking-step3-container-area .col-max-width.left {
        float: none
    }

    .limobooking-step3-container-area .col-max-width.right {
        float: none
    }

    #limobooking-step1-container-area .limobooking-step1-right-area {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media screen and (min-width: 600px) and (max-width: 767px) {
    #limobooking-step2-wrapper .vehicles-body.grid-view .vehicles-grid .vehicles-item {
        width: 50%
    }
}

@media screen and (max-width: 620px) {
    #limobooking-header-area .promo-code .inputbox {
        width: 120px
    }
}

@media screen and (max-width: 600px) {
    #limobooking-step2-wrapper .vehicles-list .vehicles-header .sort-outer .vm-options {
        display: none
    }

    #limobooking-step2-wrapper .vehicles-body .vehicles-item .vehicles-item-mid {
        display: none
    }

    #limobooking-step2-wrapper .vehicles-body .vehicles-item .vehicles-item-left {
        float: none;
        margin: 0 auto;
        width: 100%
    }

    #limobooking-step2-wrapper .vehicles-body .vehicles-item .vehicles-item-right {
        float: none;
        width: 100%
    }

    #limobooking-step2-wrapper .vehicles-body .vehicles-item .vehicles-item-left h3.small-device {
        display: block;
        font-size: 23px
    }

    #limobooking-step2-wrapper .vehicles-body .vehicles-item .vehicles-item-left img {
        width: 200px;
        margin: 0 auto;
        margin-bottom: 10px
    }
}

@media screen and (max-width: 480px) {
    #limobooking-header-area .promo-code .inputbox {
        width: 120px
    }

    #limobooking-step2-wrapper .tripSummary .trip-summary-info span.edit a.back_first:active, #limobooking-step2-wrapper .tripSummary .trip-summary-info span.edit a.back_first:link, #limobooking-step2-wrapper .tripSummary .trip-summary-info span.edit a.back_first:visited {
        width: auto
    }

    #limobooking-step2-wrapper .tripSummary .trip-summary-info .date-time {
        display: block
    }

    #limobooking-step1-container-area .btn-default, #limobooking-step2-container-area .btn-default {
        vertical-align: top
    }
}

@media screen and (min-width: 250px) and (max-width: 600px) {
    #limobooking-step2-wrapper .vehicles-body.grid-view .vehicles-grid .vehicles-item {
        width: 100%
    }

    #limobooking-step2-wrapper .vehicles-body.grid-view .vehicles-grid .vehicles-item {
        height: 100%;
        float: none;
        border-bottom: 1px solid #e9e9e9;
        padding-bottom: 45px
    }

    .vehicles-body.grid-view .vehicles-grid .vehicles-item-i:hover .vehicles-item-box {
        background: #fff;
        border: none;
        border-radius: 0;
        margin: 0;
        padding: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        background-image: none;
        background-image: none;
        background-image: none;
        background-repeat: none
    }

    .vehicles-body.grid-view .vehicles-grid .vehicles-item-i {
        height: 100%
    }

    .vehicles-body.grid-view .vehicles-grid .vehicles-item-i:hover {
        overflow: visible;
        z-index: 0
    }

    .vehicles-body.grid-view .vehicles-grid .vehicles-item-box {
        padding: 10px;
        height: 100%
    }

    .vehicles-body.grid-view .vehicles-grid .vehicles-item-box h3.vehicle-title {
        white-space: normal;
        overflow: visible;
        font-size: 23px
    }
}

@media screen and (max-width: 320px) {
    #limobooking-header-area .promo-code {
        text-align: right;
        padding-right: 5px
    }

    #limobooking-header-area .promo-code .inputbox {
        width: 120px
    }

    #limobooking-step2-wrapper .tripSummary .trip-summary-info h3 a:active, #limobooking-step2-wrapper .tripSummary .trip-summary-info h3 a:link, #limobooking-step2-wrapper .tripSummary .trip-summary-info h3 a:visited {
        width: 200px
    }

    #limobooking-step2-wrapper .tripSummary .trip-summary-info span.edit {
        margin-left: 0
    }

    #limobooking-step2-wrapper .vehicles-list .vehicles-header h2.vehicles-title {
        font-size: 19px;
        margin-bottom: 10px
    }

    #limobooking-step2-wrapper .tripSummary .trip-summary-info .buttonWrap a:active, #limobooking-step2-wrapper .tripSummary .trip-summary-info .buttonWrap a:link, #limobooking-step2-wrapper .tripSummary .trip-summary-info .buttonWrap a:visited {
        display: block;
        width: 240px;
        margin-bottom: 5px
    }
}

@media screen and (min-width: 250px) and (max-width: 480px) {
    .timeSet .pickupDate {
        margin-bottom: 15px
    }

    .timeSet .pickupDate, .timeSet .pickupTime, .timeSet .returnTripPickupDate, .timeSet .returnTripPickupTime {
        width: 100%
    }

    #limobooking-step1-container-area .btn-default {
        margin-bottom: 10px
    }

    .wait-timeWrap .date_input {
        width: 100%
    }

    .sm-width .step1-inputWrap-sm {
        width: 100%
    }

    #enterPromoCodeStep3 .col-xs-6.col-sm-7.col-md-8 {
        width: 100%
    }
}