@media screen and (max-width:1024px) {
    .book-list {
        font-size: 9px;
    }
}

@media screen and (max-width:991px) {
    .red-box {
        height: 26.7vh;
    }
}

@media screen and (max-width:768px) {
    #contentBook {
        width: 100%;
        float: left
    }

    #book {
        float: left;
        width: 100%;
        background-color: #f7f7f7;
    }

    #book-left {
        float: none;
        width: 100%;
    }

    #book-right {
        float: none;
        width: 100%;
    }

    #book-h1 {
        float: left;
        width: 100%;
        font-weight: normal;
        color: #FFF;
        text-decoration: none;
        font-size: 20px;
        background: #990000;
        text-align: center;
        padding: 5px 0
    }

    #book-h2 {
        float: left;
        width: 520px;
        font-weight: normal;
        color: #000;
        text-decoration: none;
        font-size: 18px;
        background-color: #1a1a1a;
        text-align: center;
        background-image: url(../images/heading-bg.png);
        background-repeat: no-repeat;
        background-position: left top;
        margin-bottom: 3%
    }

    .book-h3 {
        float: left;
        width: 100%;
        padding: 5px 0;
        font-weight: normal;
        color: #000;
        text-decoration: none;
        font-size: 17px;
        background-color: #1a1a1a;
        text-align: center;
        background-color: #e6e6e6;
        border: 1px solid #ccc
    }

    .book-cver {
        background-color: #f7f7f7;
        border: 1px solid #ccc;
        width: 100%;
        float: left;
        margin-top: -1px;
        padding-top: 2%;
        padding-right: 3%;
        padding-bottom: 2%;
        padding-left: 3%
    }

    .book-inner-h1 {
        font-family: verdana,arial;
        font-size: 11px;
        font-weight: bold;
        color: #000;
        text-decoration: none;
        float: left;
        width: 100%;
        padding: 5px 0
    }

    .book-radio {
        float: left;
        width: 5%
    }

    .book-list {
        float: left;
        width: 100%;
        border: 1px solid #b3b3b3;
        background-color: #e6e6e6;
        padding-top: 1%;
        padding-right: 2%;
        padding-bottom: 1%;
        padding-left: 2%;
        font-family: verdana,arial;
        font-size: 11px;
        font-weight: normal;
        color: #000;
        text-decoration: none;
    }

    .book-list2 {
        float: left;
        width: 35%;
        margin-top: 1%
    }

    .book-list3 {
        float: left;
        width: 61%;
        margin-left: 2%
    }

    .book-list4 {
        float: left;
        width: 100%;
        vertical-align: middle
    }

    .book-icon {
        float: left;
        width: 23px;
        margin-right: 3px
    }

    .book-tex {
        float: left;
        width: 77px;
        font-family: verdana,arial;
        font-size: 10px;
        font-weight: normal;
        color: #000;
        text-decoration: none;
        padding: 0;
        margin-top: 6px;
        margin-bottom: 0;
        margin-left: 3px;
        margin-right: 5px
    }

    .book-tex2 {
        float: left;
        width: 90px;
        font-family: verdana,arial;
        font-size: 10px;
        font-weight: normal;
        color: #000;
        text-decoration: none;
        padding: 0;
        margin-top: 7px;
        margin-bottom: 0;
        margin-left: 3px;
        margin-right: 5px
    }

    .book-field {
        float: left;
        width: 39px;
        margin-right: 5px
    }

    .book-list5 {
        float: left;
        width: 483px;
        border: 1px solid #b3b3b3;
        background-color: #e6e6e6;
        padding-top: 8px;
        padding-right: 2px;
        padding-bottom: 8px;
        padding-left: 2px
    }

    .hr {
        float: left;
        margin-right: 5%;
        font-size: 13px;
        margin-top: 2%;
        margin-left: 5%
    }

    .hr2 {
        float: left;
        margin-right: 4%
    }

    .min {
        float: left;
        margin-right: 5%;
        font-size: 13px;
        margin-top: 2%
    }

    .min2 {
        float: left
    }

    .passengers {
        float: left;
        margin-right: 2%;
        font-size: 11px;
        margin-top: 1.5%;
        width: 15%
    }

    .passengers2 {
        float: left;
        margin-right: 3%;
        width: 7%
    }

    .luggages {
        float: left;
        margin-right: 2%;
        font-size: 11px;
        margin-top: 1.5%;
        width: 15%
    }

    .luggages2 {
        float: left;
        margin-right: 3%;
        width: 7%
    }

    .hand {
        float: left;
        margin-right: 2%;
        font-size: 11px;
        margin-top: 1.5%;
        width: 25%
    }

    .hand2 {
        float: left;
        width: 7%
    }

    .baby {
        float: left;
        margin-top: .9%
    }

    .baby2 {
        float: left;
        width: 12%
    }

    .b-field-control {
        float: left;
        padding: 2px;
        font-family: Arial;
        font-size: 11px;
        font-weight: normal;
        color: #000;
        text-decoration: none
    }

    .b-field {
        width: 100% !important;
        margin: 3px 0 0 0 !important;
        font-size: 12px !important;
        border: 1px solid #aaa;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        padding: 5px 5px !important;
        outline: 0;
    }

    .b-field2 {
        width: 100%;
        margin: 1px 0 0;
        font-size: 12px;
        border: 1px solid #aaa;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        padding: 5px 3px;
        outline: 0;
    }

    .b-field3 {
        width: 100%;
        margin: 1px 0 0 0;
        font-size: 12px;
        border: 1px solid #aaa;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        padding: 5px 5px;
        outline: 0
    }

    .back {
        float: none; /* width: 25%; */
    }

    .accept {
        float: none;
        width: 53%;
        display: block;
        margin-right: auto;
        margin-left: -68px;
        margin: 0% 9%;
    }

    .accept1 {
        float: none;
        margin: 0 5px 0 0;
        display: inline-block;
    }

    .accept2 {
        float: none;
        display: inline-block;
        margin: 1px 5px 0 0;
    }

    .next {
        float: right;
        width: 25%;
    }

    .payment {
        float: left;
        width: 100%;
        font-family: verdana,arial;
        font-size: 11px;
        font-weight: normal;
        color: #000;
        text-decoration: none;
        background-color: #f7f7f7;
        border: 1px solid #ccc; /* padding-top:1%; */ /* padding-right:2%; */ /* padding-bottom:1%; */
        text-align: center; /* padding-left:2% */
    }

    .payment-h1 {
        float: left;
        width: 27%;
        font-size: 18px;
        font-weight: normal;
        margin-top: 10px;
        margin-left: 20px;
    }

    .payment-img {
        float: left
    }

    #fare2 {
        float: left;
        margin-top: 1.5%
    }

    .radiobtncover {
        float: left; /* width:60% */
    }

    .radiobtn {
        float: left;
        width: 35%;
        font-family: verdana,arial;
        font-size: 11px;
        font-weight: normal;
        color: #000;
        text-decoration: none
    }

    .radiobtn1 {
        float: left;
        margin: 16px 5px 0 0px
    }

    .radiobtn2 {
        float: left;
        margin: 14px 0 0 0
    }

    .BookNextBtn { /* float:left; */ /* background:#b2156b; */
        background: -webkit-gradient(linear,left top,left bottom,color-stop(#666,0),color-stop(#000,1)); /* background:-webkit-linear-gradient(top,#666 0,#000 100%); */
        background: -moz-linear-gradient(top,#666 0,#000 100%);
        background: -o-linear-gradient(top,#666 0,#000 100%);
        background: linear-gradient(top,#666 0,#000 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= '#666',endColorstr= '#000',GradientType=0); /* border:1px solid #666; */ /* border-color:#000 #000 #000; */ /* -webkit-box-shadow:0 1px 1px #000,inset 0 1px 0 #666; */
        -moz-box-shadow: 0 1px 1px #000,inset 0 1px 0 #666; /* box-shadow:0 1px 1px #000,inset 0 1px 0 #666; */ /* padding:8px 25px; */ /* display:inline-block; */ /* position:relative; */ /* -webkit-border-radius:4px; */
        -moz-border-radius: 4px; /* border-radius:4px; */
        -webkit-transition: all0.3slinear;
        -moz-transition: all0.3slinear;
        -o-transition: all0.3slinear;
        transition: all0.3slinear; /* font-size:16px; */ /* color:#FFF; */
        cursor: pointer;
        margin-top: 12px;
    }

    .BookBackBtn { /* float:right; */ /* background:#b2156b; */
        background: -webkit-gradient(linear,left top,left bottom,color-stop(#666,0),color-stop(#000,1)); /* background:-webkit-linear-gradient(top,#666 0,#000 100%); */
        background: -moz-linear-gradient(top,#666 0,#000 100%);
        background: -o-linear-gradient(top,#666 0,#000 100%);
        background: linear-gradient(top,#666 0,#000 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= '#666',endColorstr= '#000',GradientType=0); /* border: 1px solid #000; */ /* border-color:#000 #000 #000; */ /* -webkit-box-shadow:0 1px 1px #000,inset 0 1px 0 #666; */
        -moz-box-shadow: 0 1px 1px #000,inset 0 1px 0 #666; /* box-shadow:0 1px 1px #000,inset 0 1px 0 #666; */ /* padding: 8px 25px; */ /* display:inline-block; */ /* position:relative; */ /* -webkit-border-radius:4px; */
        -moz-border-radius: 4px; /* border-radius:4px; */
        -webkit-transition: all0.3slinear;
        -moz-transition: all0.3slinear;
        -o-transition: all0.3slinear;
        transition: all0.3slinear; /* font-size:14px; */ /* color:#FFF; */ /* cursor:pointer; */
        margin-top: -32px;
    }

    .ClearButton {
        height: 28px;
        background-image: url(../images/btn.png);
        background-repeat: repeat-x;
        background-position: left top;
        border: 1px solid #d1effe;
        font-family: arial;
        font-size: 12px;
        color: Black;
        text-decoration: none;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        background-color: #555;
        cursor: pointer
    }

    .red {
        color: #F00
    }

    .book-h1 {
        float: left;
        width: 520px;
        background-image: url(../images/heading-bg.png);
        background-repeat: no-repeat;
        background-position: left top;
        text-align: center;
        padding-top: 4px;
        padding-bottom: 4px;
        font-family: 'Nova Round',cursive;
        font-weight: bold;
        color: #000;
        text-decoration: none
    }

    .confirmbtn {
        background: -webkit-gradient(linear,left top,left bottom,color-stop(#666,0),color-stop(#000,1));
        background: -webkit-linear-gradient(top,#666 0,#000 100%);
        background: -moz-linear-gradient(top,#666 0,#000 100%);
        background: -o-linear-gradient(top,#666 0,#000 100%);
        background: linear-gradient(top,#666 0,#000 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= '#666',endColorstr= '#000',GradientType=0);
        border: 1px solid #666;
        border-color: #000 #000 #000;
        -webkit-box-shadow: 0 1px 1px #000,inset 0 1px 0 #666;
        -moz-box-shadow: 0 1px 1px #000,inset 0 1px 0 #666;
        box-shadow: 0 1px 1px #000,inset 0 1px 0 #666;
        padding: 5px 20px;
        margin-top: 1%;
        display: inline-block;
        position: relative;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        -webkit-transition: all0.3slinear;
        -moz-transition: all0.3slinear;
        -o-transition: all0.3slinear;
        transition: all0.3slinear;
        font-size: 14px;
        color: #FFF;
        cursor: pointer
    }

    .MandError {
        float: right;
        color: Red;
        padding: 4px 0 0 0;
        text-align: center;
        font-size: 15px;
        font-weight: normal;
        text-decoration: none;
        background
    }

    .radiobtnco {
        float: left;
        padding: 15px 0 1% 0
    }

    .book-cver2 {
        background: #d7e8f2 url(../images/vehicle-pattern.png) repeat top left;
        border: 1px solid #ccc;
        width: 100%;
        float: left;
        margin-top: -1px;
        padding-top: 2%;
        padding-right: 3%;
        padding-bottom: 2%;
        padding-left: 3%
    }

    .book-veh-h1 {
        font-family: verdana,arial;
        font-size: 11px;
        font-weight: bold;
        color: #FFF;
        text-decoration: none;
        float: left;
        width: 100%;
        padding: 1% 2%;
        border: 1px solid #000;
        background: #323232
    }

    .book-listvehicle {
        float: left;
        width: 100%;
        border: 1px solid #71b4da;
        background: #add4ea;
        padding: 1% 2%;
        margin: -2px 0 0 0;
        font-family: verdana,arial;
        font-size: 11px;
        font-weight: normal;
        color: #000;
        text-decoration: none
    }

    .book-listvehicle4 {
        float: left;
        width: 100%;
        border: 1px solid #81a94e;
        background: #c8e2a6;
        padding: 1% 2%;
        margin: -1px 0 0 0;
        font-family: verdana,arial;
        font-size: 11px;
        font-weight: normal;
        color: #000;
        text-decoration: none
    }

    .book-listvehicle2 {
        float: left;
        width: 45%
    }

    .book-listvehicle3 {
        float: left;
        width: 45%;
        margin: 0
    }

    .veh-field {
        margin: 0;
        padding: 0;
        font-family: verdana,arial;
        font-size: 11px;
        font-weight: bold;
        color: #000;
        text-decoration: none;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px
    }

    .veh-field2 {
        margin: 0;
        padding: 0;
        font-family: verdana,arial;
        font-size: 12px;
        font-weight: bold;
        color: #0006e9;
        text-decoration: none;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px
    }

    .veh-field3 {
        margin: 0;
        padding: 0;
        font-family: verdana,arial;
        font-size: 11px;
        font-weight: bold;
        color: #000;
        text-decoration: none;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px
    }

    .veh-pre {
        color: #0006e9
    }

    .cardmsg {
        float: right;
        width: 100%;
        font-family: arial;
        font-size: 14px;
        font-weight: bold;
        color: #000;
        text-decoration: none;
        -webkit-border-radius: 5px 5px 5px 5px;
        border-radius: 5px 5px 5px 5px;
        padding: 5px 0;
        margin: 10px 0 0 0;
        text-align: left;
        border: noe 0;
        background: #d7e8f2 url(../images/vehicle-pattern.png) repeat top left;
        text-align: center
    }

    .paypalcard {
        float: left;
        width: 100%;
        padding: 10px 0;
        text-align: center;
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc;
        border-bottom: 1px solid #ccc
    }

    .paymentdefault {
        float: right;
        margin: 0;
        font-size: 15px;
        font-weight: normal;
        color: #FFF;
        text-decoration: none
    }

    .pay-pre {
        float: left;
        margin: 8px 0 0 10px;
        font-size: 18px;
        font-weight: normal;
        color: #000;
        text-decoration: none
    }
}

@media screen and (max-width:667px) {
    .red-box {
        background-color: #f7f7f7;
        border: 2px solid #ff3333;
        float: left;
        padding: 0% 0%;
        max-width: 100%;
        width: 100%;
        height: 21.7vh;
        position: relative;
        bottom: 1%;
        border-radius: 4px;
        margin: 10px;
    }

    #contentBook {
        width: 100%;
        float: left
    }

    #book {
        float: left;
        width: 100%;
        background-color: #f7f7f7
    }

    #book-left {
        float: left;
        width: 100%
    }

    #book-right {
        float: left;
        width: 100%
    }

    #book-h1 {
        float: left;
        width: 100%;
        font-weight: normal;
        color: #FFF;
        text-decoration: none;
        font-size: 20px;
        background: #000;
        text-align: center;
        padding: 5px 0
    }

    #book-h2 {
        float: left;
        width: 520px;
        font-weight: normal;
        color: #000;
        text-decoration: none;
        font-size: 18px;
        background-color: #1a1a1a;
        text-align: center;
        background-image: url(../images/heading-bg.png);
        background-repeat: no-repeat;
        background-position: left top;
        margin-bottom: 3%
    }

    .book-h3 {
        float: left;
        width: 100%;
        padding: 5px 0;
        font-weight: normal;
        color: #000;
        text-decoration: none;
        font-size: 17px;
        background-color: #1a1a1a;
        text-align: center;
        background-color: #e6e6e6;
        border: 1px solid #ccc
    }

    .book-cver {
        background-color: #f7f7f7;
        border: 1px solid #ccc;
        width: 100%;
        float: left;
        margin-top: -1px;
        padding-top: 2%;
        padding-right: 3%;
        padding-bottom: 2%;
        padding-left: 3%
    }

    .book-inner-h1 {
        font-family: verdana,arial;
        font-size: 11px;
        font-weight: bold;
        color: #000;
        text-decoration: none;
        float: left;
        width: 100%;
        padding: 5px 0
    }

    .book-radio {
        float: left;
        width: 5%
    }

    .book-list {
        float: left;
        width: 100%;
        border: 1px solid #b3b3b3;
        background-color: #e6e6e6;
        padding-top: 1%;
        padding-right: 2%;
        padding-bottom: 1%;
        padding-left: 2%;
        font-family: verdana,arial;
        font-size: 11px;
        font-weight: normal;
        color: #000;
        text-decoration: none
    }

    .book-list2 {
        float: left;
        width: 35%;
        margin-top: 1%
    }

    .book-list3 {
        float: left;
        width: 61%;
        margin-left: 2%
    }

    .book-list4 {
        float: left;
        width: 100%;
        vertical-align: middle
    }

    .book-icon {
        float: left;
        width: 23px;
        margin-right: 3px
    }

    .book-tex {
        float: left;
        width: 77px;
        font-family: verdana,arial;
        font-size: 10px;
        font-weight: normal;
        color: #000;
        text-decoration: none;
        padding: 0;
        margin-top: 6px;
        margin-bottom: 0;
        margin-left: 3px;
        margin-right: 5px
    }

    .book-tex2 {
        float: left;
        width: 90px;
        font-family: verdana,arial;
        font-size: 10px;
        font-weight: normal;
        color: #000;
        text-decoration: none;
        padding: 0;
        margin-top: 7px;
        margin-bottom: 0;
        margin-left: 3px;
        margin-right: 5px
    }

    .book-field {
        float: left;
        width: 39px;
        margin-right: 5px
    }

    .book-list5 {
        float: left;
        width: 483px;
        border: 1px solid #b3b3b3;
        background-color: #e6e6e6;
        padding-top: 8px;
        padding-right: 2px;
        padding-bottom: 8px;
        padding-left: 2px
    }

    .hr {
        float: left;
        margin-right: 5%;
        font-size: 13px;
        margin-top: 2%;
        margin-left: 5%
    }

    .hr2 {
        float: left;
        margin-right: 4%
    }

    .min {
        float: left;
        margin-right: 5%;
        font-size: 13px;
        margin-top: 2%
    }

    .min2 {
        float: left
    }

    .passengers {
        float: left;
        margin-right: 2%;
        font-size: 11px;
        margin-top: 1.5%;
        width: 15%
    }

    .passengers2 {
        float: left;
        margin-right: 3%;
        width: 7%
    }

    .luggages {
        float: left;
        margin-right: 2%;
        font-size: 11px;
        margin-top: 1.5%;
        width: 15%
    }

    .luggages2 {
        float: left;
        margin-right: 3%;
        width: 7%
    }

    .hand {
        float: left;
        margin-right: 2%;
        font-size: 11px;
        margin-top: 1.5%;
        width: 25%
    }

    .hand2 {
        float: left;
        width: 7%
    }

    .baby {
        float: left;
        margin-top: .9%
    }

    .baby2 {
        float: left;
        width: 12%
    }

    .b-field-control {
        float: left;
        padding: 2px;
        font-family: Arial;
        font-size: 11px;
        font-weight: normal;
        color: #000;
        text-decoration: none
    }

    .b-field {
        width: 100%;
        margin: 1px 0 0 0;
        font-size: 12px;
        border: 1px solid #aaa;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        padding: 5px 5px;
        outline: 0
    }

    .b-field2 { /* width:70px; */
        margin: 1px 0 0;
        font-size: 12px;
        border: 1px solid #aaa;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        padding: 5px 3px;
        outline: 0;
    }

    .b-field3 {
        width: 100%;
        margin: 1px 0 0 0;
        font-size: 12px;
        border: 1px solid #aaa;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        padding: 5px 5px;
        outline: 0
    }

    .back {
        float: none;
        width: 100%;
    }

    .accept {
        float: none; /* width: 100%; */
        margin: 0 auto;
        display: block;
    }

    .accept1 {
        float: none;
        margin: 0 5px 0 0;
        display: inline-block;
    }

    .accept2 {
        float: none;
        margin: 1px 5px 0 0;
        display: inline-block;
    }

    .next {
        float: right;
        width: 25%
    }

    .payment {
        float: left;
        width: 100%;
        font-family: verdana,arial;
        font-size: 11px;
        font-weight: normal;
        color: #000;
        text-decoration: none;
        background-color: #f7f7f7;
        border: 1px solid #ccc;
        padding-top: 1%;
        padding-right: 2%;
        padding-bottom: 1%;
        padding-left: 2%
    }

    .payment-h1 {
        float: left; /* width:20%; */
        font-size: 15px;
        font-weight: normal; /* margin-top:8px; */
        margin-left: 20px;
    }

    .payment-img {
        float: left
    }

    #fare2 {
        float: left;
        margin-top: 1.5%
    }

    .radiobtncover {
        float: left; /* width:60% */
    }

    .radiobtn {
        float: left;
        width: 45%;
        font-family: verdana,arial;
        font-size: 11px;
        font-weight: normal;
        color: #000;
        text-decoration: none
    }

    .radiobtn1 {
        float: left;
        margin: 16px 5px 0 0px
    }

    .radiobtn2 {
        float: left;
        margin: 14px 0 0 0
    }

    .BookNextBtn { /* float:left; */ /* background:#b2156b; */
        background: -webkit-gradient(linear,left top,left bottom,color-stop(#666,0),color-stop(#000,1)); /* background:-webkit-linear-gradient(top,#666 0,#000 100%); */
        background: -moz-linear-gradient(top,#666 0,#000 100%);
        background: -o-linear-gradient(top,#666 0,#000 100%);
        background: linear-gradient(top,#666 0,#000 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= '#666',endColorstr= '#000',GradientType=0); /* border:1px solid #666; */ /* border-color:#000 #000 #000; */ /* -webkit-box-shadow:0 1px 1px #000,inset 0 1px 0 #666; */
        -moz-box-shadow: 0 1px 1px #000,inset 0 1px 0 #666; /* box-shadow:0 1px 1px #000,inset 0 1px 0 #666; */ /* padding:8px 25px; */ /* display:inline-block; */ /* position:relative; */ /* -webkit-border-radius:4px; */
        -moz-border-radius: 4px; /* border-radius:4px; */
        -webkit-transition: all0.3slinear;
        -moz-transition: all0.3slinear;
        -o-transition: all0.3slinear;
        transition: all0.3slinear; /* font-size:16px; */ /* color:#FFF; */ /* cursor:pointer; */
    }

    .BookBackBtn { /* float:right; */ /* background:#b2156b; */
        background: -webkit-gradient(linear,left top,left bottom,color-stop(#666,0),color-stop(#000,1)); /* background:-webkit-linear-gradient(top,#666 0,#000 100%); */
        background: -moz-linear-gradient(top,#666 0,#000 100%);
        background: -o-linear-gradient(top,#666 0,#000 100%);
        background: linear-gradient(top,#666 0,#000 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= '#666',endColorstr= '#000',GradientType=0); /* border:1px solid #666; */ /* border-color:#000 #000 #000; */ /* -webkit-box-shadow:0 1px 1px #000,inset 0 1px 0 #666; */
        -moz-box-shadow: 0 1px 1px #000,inset 0 1px 0 #666; /* box-shadow:0 1px 1px #000,inset 0 1px 0 #666; */ /* padding:5px 20px; */ /* display:inline-block; */ /* position:relative; */ /* -webkit-border-radius:4px; */
        -moz-border-radius: 4px; /* border-radius:4px; */
        -webkit-transition: all0.3slinear;
        -moz-transition: all0.3slinear;
        -o-transition: all0.3slinear;
        transition: all0.3slinear; /* font-size:14px; */ /* color:#FFF; */ /* cursor:pointer; */
    }

    .ClearButton {
        height: 28px;
        background-image: url(../images/btn.png);
        background-repeat: repeat-x;
        background-position: left top;
        border: 1px solid #d1effe;
        font-family: arial;
        font-size: 12px;
        color: Black;
        text-decoration: none;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        background-color: #555;
        cursor: pointer
    }

    .red {
        color: #F00
    }

    .book-h1 {
        float: left;
        width: 520px;
        background-image: url(../images/heading-bg.png);
        background-repeat: no-repeat;
        background-position: left top;
        text-align: center;
        padding-top: 4px;
        padding-bottom: 4px;
        font-family: 'Nova Round',cursive;
        font-weight: bold;
        color: #000;
        text-decoration: none
    }

    .confirmbtn {
        background: -webkit-gradient(linear,left top,left bottom,color-stop(#666,0),color-stop(#000,1));
        background: -webkit-linear-gradient(top,#666 0,#000 100%);
        background: -moz-linear-gradient(top,#666 0,#000 100%);
        background: -o-linear-gradient(top,#666 0,#000 100%);
        background: linear-gradient(top,#666 0,#000 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= '#666',endColorstr= '#000',GradientType=0);
        border: 1px solid #666;
        border-color: #000 #000 #000;
        -webkit-box-shadow: 0 1px 1px #000,inset 0 1px 0 #666;
        -moz-box-shadow: 0 1px 1px #000,inset 0 1px 0 #666;
        box-shadow: 0 1px 1px #000,inset 0 1px 0 #666;
        padding: 5px 20px;
        margin-top: 1%;
        display: inline-block;
        position: relative;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        -webkit-transition: all0.3slinear;
        -moz-transition: all0.3slinear;
        -o-transition: all0.3slinear;
        transition: all0.3slinear;
        font-size: 14px;
        color: #FFF;
        cursor: pointer
    }

    .MandError {
        float: right;
        color: Red;
        padding: 4px 0 0 0;
        text-align: center;
        font-size: 15px;
        font-weight: normal;
        text-decoration: none;
        background
    }

    .radiobtnco {
        float: left;
        padding: 15px 0 1% 0
    }

    .book-cver2 {
        background: #d7e8f2 url(../images/vehicle-pattern.png) repeat top left;
        border: 1px solid #ccc;
        width: 100%;
        float: left;
        margin-top: -1px;
        padding-top: 2%;
        padding-right: 3%;
        padding-bottom: 2%;
        padding-left: 3%
    }

    .book-veh-h1 {
        font-family: verdana,arial;
        font-size: 11px;
        font-weight: bold;
        color: #FFF;
        text-decoration: none;
        float: left;
        width: 100%;
        padding: 1% 2%;
        border: 1px solid #000;
        background: #323232
    }

    .book-listvehicle {
        float: left;
        width: 100%;
        border: 1px solid #71b4da;
        background: #add4ea;
        padding: 1% 2%;
        margin: -2px 0 0 0;
        font-family: verdana,arial;
        font-size: 11px;
        font-weight: normal;
        color: #000;
        text-decoration: none
    }

    .book-listvehicle4 {
        float: left;
        width: 100%;
        border: 1px solid #81a94e;
        background: #c8e2a6;
        padding: 1% 2%;
        margin: -1px 0 0 0;
        font-family: verdana,arial;
        font-size: 11px;
        font-weight: normal;
        color: #000;
        text-decoration: none
    }

    .book-listvehicle2 {
        float: left;
        width: 45%
    }

    .book-listvehicle3 {
        float: left;
        width: 45%;
        margin: 0
    }

    .veh-field {
        margin: 0;
        padding: 0;
        font-family: verdana,arial;
        font-size: 11px;
        font-weight: bold;
        color: #000;
        text-decoration: none;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px
    }

    .veh-field2 {
        margin: 0;
        padding: 0;
        font-family: verdana,arial;
        font-size: 12px;
        font-weight: bold;
        color: #0006e9;
        text-decoration: none;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px
    }

    .veh-field3 {
        margin: 0;
        padding: 0;
        font-family: verdana,arial;
        font-size: 11px;
        font-weight: bold;
        color: #000;
        text-decoration: none;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px
    }

    .veh-pre {
        color: #0006e9
    }

    .cardmsg {
        float: right;
        width: 100%;
        font-family: arial;
        font-size: 14px;
        font-weight: bold;
        color: #000;
        text-decoration: none;
        -webkit-border-radius: 5px 5px 5px 5px;
        border-radius: 5px 5px 5px 5px;
        padding: 5px 0;
        margin: 10px 0 0 0;
        text-align: left;
        border: noe 0;
        background: #d7e8f2 url(../images/vehicle-pattern.png) repeat top left;
        text-align: center
    }

    .paypalcard {
        float: left;
        width: 100%;
        padding: 10px 0;
        text-align: center;
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc;
        border-bottom: 1px solid #ccc
    }

    .paymentdefault {
        float: right;
        margin: 0;
        font-size: 15px;
        font-weight: normal;
        color: #FFF;
        text-decoration: none
    }

    .pay-pre {
        float: left;
        margin: 8px 0 0 10px;
        font-size: 18px;
        font-weight: normal;
        color: #000;
        text-decoration: none
    }
}

@media screen and (max-width:568px) {
    #contentBook {
        width: 100%;
        float: left
    }

    #book {
        float: left;
        width: 100%;
        background-color: #f7f7f7
    }

    #book-left {
        float: left;
        width: 100%
    }

    #book-right {
        float: left;
        width: 100%
    }

    #book-h1 {
        float: left;
        width: 100%;
        font-weight: normal;
        color: #FFF;
        text-decoration: none;
        font-size: 20px;
        background: #000;
        text-align: center;
        padding: 5px 0
    }

    #book-h2 {
        float: left;
        width: 520px;
        font-weight: normal;
        color: #000;
        text-decoration: none;
        font-size: 18px;
        background-color: #1a1a1a;
        text-align: center;
        background-image: url(../images/heading-bg.png);
        background-repeat: no-repeat;
        background-position: left top;
        margin-bottom: 3%
    }

    .book-h3 {
        float: left;
        width: 100%;
        padding: 5px 0;
        font-weight: normal;
        color: #000;
        text-decoration: none;
        font-size: 17px;
        background-color: #1a1a1a;
        text-align: center;
        background-color: #e6e6e6;
        border: 1px solid #ccc
    }

    .book-cver {
        background-color: #f7f7f7;
        border: 1px solid #ccc;
        width: 100%;
        float: left;
        margin-top: -1px;
        padding-top: 2%;
        padding-right: 3%;
        padding-bottom: 2%;
        padding-left: 3%
    }

    .book-inner-h1 {
        font-family: verdana,arial;
        font-size: 11px;
        font-weight: bold;
        color: #000;
        text-decoration: none;
        float: left;
        width: 100%;
        padding: 5px 0
    }

    .book-radio {
        float: left;
        width: 5%
    }

    .book-list {
        float: left;
        width: 100%;
        border: 1px solid #b3b3b3;
        background-color: #e6e6e6;
        padding-top: 1%;
        padding-right: 2%;
        padding-bottom: 1%;
        padding-left: 2%;
        font-family: verdana,arial;
        font-size: 11px;
        font-weight: normal;
        color: #000;
        text-decoration: none
    }

    .book-list2 {
        float: left;
        width: 35%;
        margin-top: 1%
    }

    .book-list3 {
        float: left;
        width: 61%;
        margin-left: 2%
    }

    .book-list4 {
        float: left;
        width: 100%;
        vertical-align: middle
    }

    .book-icon {
        float: left;
        width: 23px;
        margin-right: 3px
    }

    .book-tex {
        float: left;
        width: 77px;
        font-family: verdana,arial;
        font-size: 10px;
        font-weight: normal;
        color: #000;
        text-decoration: none;
        padding: 0;
        margin-top: 6px;
        margin-bottom: 0;
        margin-left: 3px;
        margin-right: 5px
    }

    .book-tex2 {
        float: left;
        width: 90px;
        font-family: verdana,arial;
        font-size: 10px;
        font-weight: normal;
        color: #000;
        text-decoration: none;
        padding: 0;
        margin-top: 7px;
        margin-bottom: 0;
        margin-left: 3px;
        margin-right: 5px
    }

    .book-field {
        float: left;
        width: 39px;
        margin-right: 5px
    }

    .book-list5 {
        float: left;
        width: 483px;
        border: 1px solid #b3b3b3;
        background-color: #e6e6e6;
        padding-top: 8px;
        padding-right: 2px;
        padding-bottom: 8px;
        padding-left: 2px
    }

    .hr {
        float: left;
        margin-right: 5%;
        font-size: 13px;
        margin-top: 2%;
        margin-left: 5%
    }

    .hr2 {
        float: left;
        margin-right: 4%
    }

    .min {
        float: left;
        margin-right: 5%;
        font-size: 13px;
        margin-top: 2%
    }

    .min2 {
        float: left
    }

    .passengers {
        float: left;
        margin-right: 2%;
        font-size: 11px;
        margin-top: 1.5%;
        width: 15%
    }

    .passengers2 {
        float: left;
        margin-right: 3%;
        width: 7%
    }

    .luggages {
        float: left;
        margin-right: 2%;
        font-size: 11px;
        margin-top: 1.5%;
        width: 15%
    }

    .luggages2 {
        float: left;
        margin-right: 3%;
        width: 7%
    }

    .hand {
        float: left;
        margin-right: 2%;
        font-size: 11px;
        margin-top: 1.5%;
        width: 25%
    }

    .hand2 {
        float: left;
        width: 7%
    }

    .baby {
        float: left;
        margin-top: .9%
    }

    .baby2 {
        float: left;
        width: 12%
    }

    .b-field-control {
        float: left;
        padding: 2px;
        font-family: Arial;
        font-size: 11px;
        font-weight: normal;
        color: #000;
        text-decoration: none
    }

    .b-field {
        width: 100%;
        margin: 1px 0 0 0;
        font-size: 12px;
        border: 1px solid #aaa;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        padding: 5px 5px;
        outline: 0
    }

    .b-field2 { /* width:70px; */
        margin: 1px 0 0;
        font-size: 12px;
        border: 1px solid #aaa;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        padding: 5px 3px;
        outline: 0;
    }

    .b-field3 {
        width: 100%;
        margin: 1px 0 0 0;
        font-size: 12px;
        border: 1px solid #aaa;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        padding: 5px 5px;
        outline: 0
    }

    .back {
        float: none;
        width: 100%;
    }

    .accept {
        float: none;
        display: block;
        width: 100%;
        text-align: center;
        margin: 0 auto;
    }

    .accept1 {
        float: none;
        margin: 0 auto;
        display: inline-block;
    }

    .accept2 {
        float: none;
        margin: 0 auto;
        display: inline-block;
    }

    .next {
        float: none;
        width: 100%;
        display: block;
        text-align: center;
        margin: 0 auto;
    }

    .payment {
        float: left;
        width: 100%;
        font-family: verdana,arial;
        font-size: 11px;
        font-weight: normal;
        color: #000;
        text-decoration: none;
        background-color: #f7f7f7;
        border: 1px solid #ccc;
        padding-top: 1%;
        padding-right: 2%;
        padding-bottom: 1%;
        padding-left: 2%
    }

    .payment-h1 {
        float: left;
        width: 20%;
        font-size: 15px;
        font-weight: normal;
        margin-top: 8px;
        margin-left: 20px
    }

    .payment-img {
        float: left
    }

    #fare2 {
        float: left;
        margin-top: 1.5%
    }

    .radiobtncover {
        float: left;
        width: 60%
    }

    .radiobtn {
        float: left;
        width: 45%;
        font-family: verdana,arial;
        font-size: 11px;
        font-weight: normal;
        color: #000;
        text-decoration: none
    }

    .radiobtn1 {
        float: left;
        margin: 16px 5px 0 15px
    }

    .radiobtn2 {
        float: left;
        margin: 14px 0 0 0
    }

    .BookNextBtn { /* float:left; */
        width: 100%; /* background:#b2156b; */
        background: -webkit-gradient(linear,left top,left bottom,color-stop(#666,0),color-stop(#000,1)); /* background:-webkit-linear-gradient(top,#666 0,#000 100%); */
        background: -moz-linear-gradient(top,#666 0,#000 100%);
        background: -o-linear-gradient(top,#666 0,#000 100%);
        background: linear-gradient(top,#666 0,#000 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= '#666',endColorstr= '#000',GradientType=0); /* border:1px solid #666; */ /* border-color:#000 #000 #000; */ /* -webkit-box-shadow:0 1px 1px #000,inset 0 1px 0 #666; */
        -moz-box-shadow: 0 1px 1px #000,inset 0 1px 0 #666; /* box-shadow:0 1px 1px #000,inset 0 1px 0 #666; */ /* padding:8px 25px; */ /* display:inline-block; */ /* position:relative; */ /* -webkit-border-radius:4px; */
        -moz-border-radius: 4px; /* border-radius:4px; */
        -webkit-transition: all0.3slinear;
        -moz-transition: all0.3slinear;
        -o-transition: all0.3slinear;
        transition: all0.3slinear; /* font-size:16px; */ /* color:#FFF; */ /* cursor:pointer; */
        margin-bottom: 10px;
    }

    .BookBackBtn { /* float:right; */
        width: 100%; /* background:#b2156b; */
        background: -webkit-gradient(linear,left top,left bottom,color-stop(#666,0),color-stop(#000,1)); /* background:-webkit-linear-gradient(top,#666 0,#000 100%); */
        background: -moz-linear-gradient(top,#666 0,#000 100%);
        background: -o-linear-gradient(top,#666 0,#000 100%);
        background: linear-gradient(top,#666 0,#000 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= '#666',endColorstr= '#000',GradientType=0); /* border:1px solid #666; */ /* border-color:#000 #000 #000; */ /* -webkit-box-shadow:0 1px 1px #000,inset 0 1px 0 #666; */
        -moz-box-shadow: 0 1px 1px #000,inset 0 1px 0 #666; /* box-shadow:0 1px 1px #000,inset 0 1px 0 #666; */ /* padding:5px 20px; */ /* display:inline-block; */ /* position:relative; */ /* -webkit-border-radius:4px; */
        -moz-border-radius: 4px; /* border-radius:4px; */
        -webkit-transition: all0.3slinear;
        -moz-transition: all0.3slinear;
        -o-transition: all0.3slinear;
        transition: all0.3slinear; /* font-size:14px; */ /* color:#FFF; */ /* cursor:pointer; */
        margin-top: 10px;
    }

    .ClearButton {
        height: 28px;
        background-image: url(../images/btn.png);
        background-repeat: repeat-x;
        background-position: left top;
        border: 1px solid #d1effe;
        font-family: arial;
        font-size: 12px;
        color: Black;
        text-decoration: none;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        background-color: #555;
        cursor: pointer
    }

    .red {
        color: #F00
    }

    .book-h1 {
        float: left;
        width: 520px;
        background-image: url(../images/heading-bg.png);
        background-repeat: no-repeat;
        background-position: left top;
        text-align: center;
        padding-top: 4px;
        padding-bottom: 4px;
        font-family: 'Nova Round',cursive;
        font-weight: bold;
        color: #000;
        text-decoration: none
    }

    .confirmbtn {
        background: -webkit-gradient(linear,left top,left bottom,color-stop(#666,0),color-stop(#000,1));
        background: -webkit-linear-gradient(top,#666 0,#000 100%);
        background: -moz-linear-gradient(top,#666 0,#000 100%);
        background: -o-linear-gradient(top,#666 0,#000 100%);
        background: linear-gradient(top,#666 0,#000 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= '#666',endColorstr= '#000',GradientType=0);
        border: 1px solid #666;
        border-color: #000 #000 #000;
        -webkit-box-shadow: 0 1px 1px #000,inset 0 1px 0 #666;
        -moz-box-shadow: 0 1px 1px #000,inset 0 1px 0 #666;
        box-shadow: 0 1px 1px #000,inset 0 1px 0 #666;
        padding: 5px 20px;
        margin-top: 1%;
        display: inline-block;
        position: relative;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        -webkit-transition: all0.3slinear;
        -moz-transition: all0.3slinear;
        -o-transition: all0.3slinear;
        transition: all0.3slinear;
        font-size: 14px;
        color: #FFF;
        cursor: pointer
    }

    .MandError {
        float: right;
        color: Red;
        padding: 4px 0 0 0;
        text-align: center;
        font-size: 15px;
        font-weight: normal;
        text-decoration: none;
        background
    }

    .radiobtnco {
        float: left;
        padding: 15px 0 1% 0
    }

    .book-cver2 {
        background: #d7e8f2 url(../images/vehicle-pattern.png) repeat top left;
        border: 1px solid #ccc;
        width: 100%;
        float: left;
        margin-top: -1px;
        padding-top: 2%;
        padding-right: 3%;
        padding-bottom: 2%;
        padding-left: 3%
    }

    .book-veh-h1 {
        font-family: verdana,arial;
        font-size: 11px;
        font-weight: bold;
        color: #FFF;
        text-decoration: none;
        float: left;
        width: 100%;
        padding: 1% 2%;
        border: 1px solid #000;
        background: #938c5d;
    }

    .book-listvehicle {
        float: left;
        width: 100%;
        border: 1px solid #71b4da;
        background: #add4ea;
        padding: 1% 2%;
        margin: -2px 0 0 0;
        font-family: verdana,arial;
        font-size: 11px;
        font-weight: normal;
        color: #000;
        text-decoration: none
    }

    .book-listvehicle4 {
        float: left;
        width: 100%;
        border: 1px solid #81a94e;
        background: #c8e2a6;
        padding: 1% 2%;
        margin: -1px 0 0 0;
        font-family: verdana,arial;
        font-size: 11px;
        font-weight: normal;
        color: #000;
        text-decoration: none
    }

    .book-listvehicle2 {
        float: left;
        width: 45%
    }

    .book-listvehicle3 {
        float: left;
        width: 45%;
        margin: 0
    }

    .veh-field {
        margin: 0;
        padding: 0;
        font-family: verdana,arial;
        font-size: 11px;
        font-weight: bold;
        color: #000;
        text-decoration: none;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px
    }

    .veh-field2 {
        margin: 0;
        padding: 0;
        font-family: verdana,arial;
        font-size: 12px;
        font-weight: bold;
        color: #0006e9;
        text-decoration: none;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px
    }

    .veh-field3 {
        margin: 0;
        padding: 0;
        font-family: verdana,arial;
        font-size: 11px;
        font-weight: bold;
        color: #000;
        text-decoration: none;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px
    }

    .veh-pre {
        color: #0006e9
    }

    .cardmsg {
        float: right;
        width: 100%;
        font-family: arial;
        font-size: 14px;
        font-weight: bold;
        color: #000;
        text-decoration: none;
        -webkit-border-radius: 5px 5px 5px 5px;
        border-radius: 5px 5px 5px 5px;
        padding: 5px 0;
        margin: 10px 0 0 0;
        text-align: left;
        border: noe 0;
        background: #d7e8f2 url(../images/vehicle-pattern.png) repeat top left;
        text-align: center
    }

    .paypalcard {
        float: left;
        width: 100%;
        padding: 10px 0;
        text-align: center;
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc;
        border-bottom: 1px solid #ccc
    }

    .paymentdefault {
        float: right;
        margin: 0;
        font-size: 15px;
        font-weight: normal;
        color: #FFF;
        text-decoration: none
    }

    .pay-pre {
        float: left;
        margin: 8px 0 0 10px;
        font-size: 18px;
        font-weight: normal;
        color: #000;
        text-decoration: none
    }
}

@media screen and (max-width:480px) {
    #contentBook {
        width: 100%;
        float: left
    }

    #book {
        float: left;
        width: 100%;
        background-color: #f7f7f7
    }

    #book-left {
        float: left;
        width: 100%
    }

    #book-right {
        float: left;
        width: 100%
    }

    #book-h1 {
        float: left;
        width: 100%;
        font-weight: normal;
        color: #fff;
        text-decoration: none;
        font-size: 20px;
        background: #990000;
        text-align: center;
        padding: 5px 0;
    }

    #book-h2 {
        float: left;
        width: 520px;
        font-weight: normal;
        color: #000;
        text-decoration: none;
        font-size: 18px;
        background-color: #1a1a1a;
        text-align: center;
        background-image: url(../images/heading-bg.png);
        background-repeat: no-repeat;
        background-position: left top;
        margin-bottom: 3%
    }

    .book-h3 {
        float: left;
        width: 100%;
        padding: 5px 0;
        font-weight: normal;
        color: #000;
        text-decoration: none;
        font-size: 17px;
        background-color: #1a1a1a;
        text-align: center;
        background-color: #e6e6e6;
        border: 1px solid #ccc
    }

    .book-cver {
        background-color: #f7f7f7;
        border: 1px solid #ccc;
        width: 100%;
        float: left;
        margin-top: -1px;
        padding-top: 2%;
        padding-right: 3%;
        padding-bottom: 2%;
        padding-left: 3%
    }

    .book-inner-h1 {
        font-family: verdana,arial;
        font-size: 11px;
        font-weight: bold;
        color: #000;
        text-decoration: none;
        float: left;
        width: 100%;
        padding: 5px 0
    }

    .book-radio {
        float: left;
        width: 5%
    }

    .book-list {
        float: left;
        width: 100%;
        border: 1px solid #b3b3b3;
        background-color: #e6e6e6;
        padding-top: 1%;
        padding-right: 2%;
        padding-bottom: 1%;
        padding-left: 2%;
        font-family: verdana,arial;
        font-size: 11px;
        font-weight: normal;
        color: #000;
        text-decoration: none
    }

    .book-list2 {
        float: left;
        width: 100%;
        margin-top: 1%
    }

    .book-list3 {
        float: left;
        width: 100%;
        margin-left: 0
    }

    .book-list4 {
        float: left;
        width: 100%;
        vertical-align: middle
    }

    .book-icon {
        float: left;
        width: 23px;
        margin-right: 3px
    }

    .book-tex {
        float: left;
        width: 77px;
        font-family: verdana,arial;
        font-size: 10px;
        font-weight: normal;
        color: #000;
        text-decoration: none;
        padding: 0;
        margin-top: 6px;
        margin-bottom: 0;
        margin-left: 3px;
        margin-right: 5px
    }

    .book-tex2 {
        float: left;
        width: 90px;
        font-family: verdana,arial;
        font-size: 10px;
        font-weight: normal;
        color: #000;
        text-decoration: none;
        padding: 0;
        margin-top: 7px;
        margin-bottom: 0;
        margin-left: 3px;
        margin-right: 5px
    }

    .book-field {
        float: left;
        width: 39px;
        margin-right: 5px
    }

    .book-list5 {
        float: left;
        width: 483px;
        border: 1px solid #b3b3b3;
        background-color: #e6e6e6;
        padding-top: 8px;
        padding-right: 2px;
        padding-bottom: 8px;
        padding-left: 2px
    }

    .hr {
        float: left;
        margin-right: 5%;
        font-size: 13px;
        margin-top: 2%;
        margin-left: 5%
    }

    .hr2 {
        float: left;
        margin-right: 4%
    }

    .min {
        float: left;
        margin-right: 5%;
        font-size: 13px;
        margin-top: 2%
    }

    .min2 {
        float: left
    }

    .passengers {
        float: left;
        margin-right: 2%;
        font-size: 11px;
        margin-top: 1.5%;
        width: 15%
    }

    .passengers2 {
        float: left;
        margin-right: 3%;
        width: 7%
    }

    .luggages {
        float: left;
        margin-right: 2%;
        font-size: 11px;
        margin-top: 1.5%;
        width: 15%
    }

    .luggages2 {
        float: left;
        margin-right: 3%;
        width: 7%
    }

    .hand {
        float: left;
        margin-right: 2%;
        font-size: 11px;
        margin-top: 1.5%;
        width: 25%
    }

    .hand2 {
        float: left;
        width: 7%
    }

    .baby {
        float: left;
        margin-top: .9%
    }

    .baby2 {
        float: left;
        width: 12%
    }

    .b-field-control {
        float: left;
        padding: 2px;
        font-family: Arial;
        font-size: 11px;
        font-weight: normal;
        color: #000;
        text-decoration: none
    }

    .b-field {
        width: 100%;
        margin: 1px 0 0 0;
        font-size: 12px;
        border: 1px solid #aaa;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        padding: 5px 5px;
        outline: 0
    }

    .b-field2 {
        width: 100%;
        margin: 1px 0 0;
        font-size: 12px;
        border: 1px solid #aaa;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        padding: 5px 3px;
        outline: 0;
    }

    .b-field3 {
        width: 100%;
        margin: 1px 0 0 0;
        font-size: 12px;
        border: 1px solid #aaa;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        padding: 5px 5px;
        outline: 0
    }

    .back {
        float: none;
        width: 100%;
    }

    .accept { /* float: none; */ /* width: 100%; */ /* margin: 12px auto; */ /* display:  block; */
    }

    .accept1 {
        float: none;
        margin: 0 auto;
        display: inline-block;
    }

    .accept2 {
        float: none;
        margin: 0 auto;
        display: inline-block;
    }

    .next {
        float: none;
        width: 100%;
        text-align: center; /* margin:7px 5px 15px 0 */
    }

    .payment {
        float: left;
        width: 100%;
        font-family: verdana,arial;
        font-size: 11px;
        font-weight: normal;
        color: #000;
        text-decoration: none;
        background-color: #f7f7f7;
        border: 1px solid #ccc;
        padding-top: 1%;
        padding-right: 2%;
        padding-bottom: 1%;
        padding-left: 2%
    }

    .payment-h1 {
        float: left;
        width: 34%;
        font-size: 15px;
        font-weight: normal;
        /* margin-top: -3px; */
        margin-left: 0px;
    }

    .payment-img {
        float: left; /* margin-left:45px */
    }

    #fare2 {
        float: left;
        margin-top: 1.5%
    }

    .radiobtncover {
        float: left;
        width: 50%
    }

    .radiobtn {
        float: left;
        width: 100%;
        font-family: verdana,arial;
        font-size: 11px;
        font-weight: normal;
        color: #000;
        text-decoration: none
    }

    .radiobtn1 {
        float: left;
        margin: 16px 5px 0 15px
    }

    .radiobtn2 {
        float: left;
        margin: 14px 0 0 0
    }

    .BookNextBtn { /* float: none; */
        width: 100%; /* background: #000; */
        background: -webkit-gradient(linear,left top,left bottom,color-stop(#666,0),color-stop(#000,1)); /* background:-webkit-linear-gradient(top,#666 0,#000 100%); */
        background: -moz-linear-gradient(top,#666 0,#000 100%);
        background: -o-linear-gradient(top,#666 0,#000 100%);
        background: linear-gradient(top,#666 0,#000 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= '#666',endColorstr= '#000',GradientType=0); /* border:1px solid #666; */ /* border-color:#000 #000 #000; */ /* -webkit-box-shadow:0 1px 1px #000,inset 0 1px 0 #666; */
        -moz-box-shadow: 0 1px 1px #000,inset 0 1px 0 #666; /* box-shadow:0 1px 1px #000,inset 0 1px 0 #666; */ /* padding:8px 25px; */ /* display:inline-block; */ /* position:relative; */ /* -webkit-border-radius:4px; */
        -moz-border-radius: 4px; /* border-radius:4px; */
        -webkit-transition: all0.3slinear;
        -moz-transition: all0.3slinear;
        -o-transition: all0.3slinear;
        transition: all0.3slinear; /* font-size:16px; */ /* color:#FFF; */ /* cursor:pointer; */
    }

    .BookBackBtn { /* float:none; */
        width: 100%; /* background: #000; */
        background: -webkit-gradient(linear,left top,left bottom,color-stop(#666,0),color-stop(#000,1)); /* background:-webkit-linear-gradient(top,#666 0,#000 100%); */
        background: -moz-linear-gradient(top,#666 0,#000 100%);
        background: -o-linear-gradient(top,#666 0,#000 100%);
        background: linear-gradient(top,#666 0,#000 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= '#666',endColorstr= '#000',GradientType=0); /* border:1px solid #666; */ /* border-color:#000 #000 #000; */ /* -webkit-box-shadow:0 1px 1px #000,inset 0 1px 0 #666; */
        -moz-box-shadow: 0 1px 1px #000,inset 0 1px 0 #666; /* box-shadow:0 1px 1px #000,inset 0 1px 0 #666; */ /* padding: 8px 25px; */ /* display:inline-block; */ /* position:relative; */ /* -webkit-border-radius:4px; */
        -moz-border-radius: 4px; /* border-radius:4px; */
        -webkit-transition: all0.3slinear;
        -moz-transition: all0.3slinear;
        -o-transition: all0.3slinear;
        transition: all0.3slinear; /* font-size:14px; */ /* color:#FFF; */ /* cursor:pointer; */
        margin-top: 10px;
    }

    .ClearButton {
        height: 28px;
        background-image: url(../images/btn.png);
        background-repeat: repeat-x;
        background-position: left top;
        border: 1px solid #d1effe;
        font-family: arial;
        font-size: 12px;
        color: Black;
        text-decoration: none;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        background-color: #555;
        cursor: pointer
    }

    .red {
        color: #F00
    }

    .book-h1 {
        float: left;
        width: 520px;
        background-image: url(../images/heading-bg.png);
        background-repeat: no-repeat;
        background-position: left top;
        text-align: center;
        padding-top: 4px;
        padding-bottom: 4px;
        font-family: 'Nova Round',cursive;
        font-weight: bold;
        color: #000;
        text-decoration: none
    }

    .confirmbtn {
        background: -webkit-gradient(linear,left top,left bottom,color-stop(#666,0),color-stop(#000,1));
        background: -webkit-linear-gradient(top,#666 0,#000 100%);
        background: -moz-linear-gradient(top,#666 0,#000 100%);
        background: -o-linear-gradient(top,#666 0,#000 100%);
        background: linear-gradient(top,#666 0,#000 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= '#666',endColorstr= '#000',GradientType=0);
        border: 1px solid #666;
        border-color: #000 #000 #000;
        -webkit-box-shadow: 0 1px 1px #000,inset 0 1px 0 #666;
        -moz-box-shadow: 0 1px 1px #000,inset 0 1px 0 #666;
        box-shadow: 0 1px 1px #000,inset 0 1px 0 #666;
        padding: 5px 20px;
        margin-top: 1%;
        display: inline-block;
        position: relative;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        -webkit-transition: all0.3slinear;
        -moz-transition: all0.3slinear;
        -o-transition: all0.3slinear;
        transition: all0.3slinear;
        font-size: 14px;
        color: #FFF;
        cursor: pointer;
        min-width: 160px;
    }

    .MandError {
        float: right;
        color: Red;
        padding: 4px 0 0 0;
        text-align: center;
        font-size: 15px;
        font-weight: normal;
        text-decoration: none;
        background
    }

    .radiobtnco {
        float: left;
        padding: 15px 0 1% 0
    }

    .book-cver2 {
        background: #d7e8f2 url(../images/vehicle-pattern.png) repeat top left;
        border: 1px solid #ccc;
        width: 100%;
        float: left;
        margin-top: -1px;
        padding-top: 2%;
        padding-right: 3%;
        padding-bottom: 2%;
        padding-left: 3%
    }

    .book-veh-h1 {
        font-family: verdana,arial;
        font-size: 11px;
        font-weight: bold;
        color: #fff;
        text-decoration: none;
        float: left;
        width: 100%;
        padding: 1% 2%;
        border: 1px solid #000;
        background: #990000;
    }

    .book-listvehicle {
        float: left;
        width: 100%;
        border: 1px solid #71b4da;
        background: #add4ea;
        padding: 1% 2%;
        margin: -2px 0 0 0;
        font-family: verdana,arial;
        font-size: 11px;
        font-weight: normal;
        color: #000;
        text-decoration: none
    }

    .book-listvehicle4 {
        float: left;
        width: 100%;
        border: 1px solid #81a94e;
        background: #c8e2a6;
        padding: 1% 2%;
        margin: -1px 0 0 0;
        font-family: verdana,arial;
        font-size: 11px;
        font-weight: normal;
        color: #000;
        text-decoration: none
    }

    .book-listvehicle2 {
        float: left;
        width: 45%
    }

    .book-listvehicle3 {
        float: left;
        width: 45%;
        margin: 0
    }

    .veh-field {
        margin: 0;
        padding: 0;
        font-family: verdana,arial;
        font-size: 11px;
        font-weight: bold;
        color: #000;
        text-decoration: none;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px
    }

    .veh-field2 {
        margin: 0;
        padding: 0;
        font-family: verdana,arial;
        font-size: 12px;
        font-weight: bold;
        color: #0006e9;
        text-decoration: none;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px
    }

    .veh-field3 {
        margin: 0;
        padding: 0;
        font-family: verdana,arial;
        font-size: 11px;
        font-weight: bold;
        color: #000;
        text-decoration: none;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px
    }

    .veh-pre {
        color: #0006e9
    }

    .cardmsg {
        float: right;
        width: 100%;
        font-family: arial;
        font-size: 14px;
        font-weight: bold;
        color: #000;
        text-decoration: none;
        -webkit-border-radius: 5px 5px 5px 5px;
        border-radius: 5px 5px 5px 5px;
        padding: 5px 0;
        margin: 10px 0 0 0;
        text-align: left;
        border: noe 0;
        background: #d7e8f2 url(../images/vehicle-pattern.png) repeat top left;
        text-align: center
    }

    .paypalcard {
        float: left;
        width: 100%;
        padding: 10px 0;
        text-align: center;
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc;
        border-bottom: 1px solid #ccc
    }

    .paymentdefault {
        float: right;
        margin: 0;
        font-size: 15px;
        font-weight: normal;
        color: #FFF;
        text-decoration: none
    }

    .pay-pre {
        float: left;
        margin: 8px 0 0 10px;
        font-size: 18px;
        font-weight: normal;
        color: #000;
        text-decoration: none
    }
}

@media screen and (max-width:375px) {
    #contentBook {
        width: 100%;
        float: left
    }

    #book {
        float: left;
        width: 100%;
        background-color: #f7f7f7
    }

    #book-left {
        float: left;
        width: 100%
    }

    #book-right {
        float: left;
        width: 100%
    }

    #book-h1 {
        float: left;
        width: 100%;
        font-weight: normal;
        color: #FFF;
        text-decoration: none;
        font-size: 20px;
        background: #000;
        text-align: center;
        padding: 5px 0
    }

    #book-h2 {
        float: left;
        width: 520px;
        font-weight: normal;
        color: #000;
        text-decoration: none;
        font-size: 18px;
        background-color: #1a1a1a;
        text-align: center;
        background-image: url(../images/heading-bg.png);
        background-repeat: no-repeat;
        background-position: left top;
        margin-bottom: 3%
    }

    .book-h3 {
        float: left;
        width: 100%;
        padding: 5px 0;
        font-weight: normal;
        color: #000;
        text-decoration: none;
        font-size: 17px;
        background-color: #1a1a1a;
        text-align: center;
        background-color: #e6e6e6;
        border: 1px solid #ccc
    }

    .book-cver {
        background-color: #f7f7f7;
        border: 1px solid #ccc;
        width: 100%;
        float: left;
        margin-top: -1px;
        padding-top: 2%;
        padding-right: 3%;
        padding-bottom: 2%;
        padding-left: 3%
    }

    .book-inner-h1 {
        font-family: verdana,arial;
        font-size: 11px;
        font-weight: bold;
        color: #000;
        text-decoration: none;
        float: left;
        width: 100%;
        padding: 5px 0
    }

    .book-radio {
        float: left;
        width: 5%
    }

    .book-list {
        float: left;
        width: 100%;
        border: 1px solid #b3b3b3;
        background-color: #e6e6e6;
        padding-top: 1%;
        padding-right: 2%;
        padding-bottom: 1%;
        padding-left: 2%;
        font-family: verdana,arial;
        font-size: 11px;
        font-weight: normal;
        color: #000;
        text-decoration: none
    }

    .book-list2 {
        float: left;
        width: 100%;
        margin-top: 1%
    }

    .book-list3 {
        float: left;
        width: 100%;
        margin-left: 0
    }

    .book-list4 {
        float: left;
        width: 100%;
        vertical-align: middle
    }

    .book-icon {
        float: left;
        width: 23px;
        margin-right: 3px
    }

    .book-tex {
        float: left;
        width: 77px;
        font-family: verdana,arial;
        font-size: 10px;
        font-weight: normal;
        color: #000;
        text-decoration: none;
        padding: 0;
        margin-top: 6px;
        margin-bottom: 0;
        margin-left: 3px;
        margin-right: 5px
    }

    .book-tex2 {
        float: left;
        width: 90px;
        font-family: verdana,arial;
        font-size: 10px;
        font-weight: normal;
        color: #000;
        text-decoration: none;
        padding: 0;
        margin-top: 7px;
        margin-bottom: 0;
        margin-left: 3px;
        margin-right: 5px
    }

    .book-field {
        float: left;
        width: 39px;
        margin-right: 5px
    }

    .book-list5 {
        float: left;
        width: 483px;
        border: 1px solid #b3b3b3;
        background-color: #e6e6e6;
        padding-top: 8px;
        padding-right: 2px;
        padding-bottom: 8px;
        padding-left: 2px
    }

    .hr {
        float: left;
        margin-right: 5%;
        font-size: 13px;
        margin-top: 2%;
        margin-left: 5%
    }

    .hr2 {
        float: left;
        margin-right: 4%
    }

    .min {
        float: left;
        margin-right: 5%;
        font-size: 13px;
        margin-top: 2%
    }

    .min2 {
        float: left
    }

    .passengers {
        float: left;
        margin-right: 2%;
        font-size: 11px;
        margin-top: 1.5%;
        width: 15%
    }

    .passengers2 {
        float: left;
        margin-right: 3%;
        width: 7%
    }

    .luggages {
        float: left;
        margin-right: 2%;
        font-size: 11px;
        margin-top: 1.5%;
        width: 15%
    }

    .luggages2 {
        float: left;
        margin-right: 3%;
        width: 7%
    }

    .hand {
        float: left;
        margin-right: 2%;
        font-size: 11px;
        margin-top: 1.5%;
        width: 25%
    }

    .hand2 {
        float: left;
        width: 7%
    }

    .baby {
        float: left;
        margin-top: .9%
    }

    .baby2 {
        float: left;
        width: 12%
    }

    .b-field-control {
        float: left;
        padding: 2px;
        font-family: Arial;
        font-size: 11px;
        font-weight: normal;
        color: #000;
        text-decoration: none
    }

    .b-field {
        width: 100%;
        margin: 1px 0 0 0;
        font-size: 12px;
        border: 1px solid #aaa;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        padding: 5px 5px;
        outline: 0
    }

    .b-field2 { /* width:70px; */
        margin: 1px 0 0;
        font-size: 12px;
        border: 1px solid #aaa;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        padding: 5px 3px;
        outline: 0;
    }

    .b-field3 {
        width: 100%;
        margin: 1px 0 0 0;
        font-size: 12px;
        border: 1px solid #aaa;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        padding: 5px 5px;
        outline: 0
    }

    .back {
        float: left; /* width:25% */
    }

    .accept {
        float: left;
        width: 81%;
        margin: 13px 5px 15px 27px;
    }

    .accept1 {
        float: left;
        margin: 0 5px 0 0
    }

    .accept2 {
        float: left;
        margin: 0 5px 0 0
    }

    .next {
        float: right;
        width: 100%;
        text-align: center; /* margin:7px 5px 15px 0 */
    }

    .payment {
        float: left;
        width: 100%;
        font-family: verdana,arial;
        font-size: 11px;
        font-weight: normal;
        color: #000;
        text-decoration: none;
        background-color: #f7f7f7;
        border: 1px solid #ccc;
        padding-top: 1%;
        padding-right: 2%;
        padding-bottom: 1%;
        padding-left: 2%
    }

    .payment-h1 {
        float: left;
        width: 40%;
        font-size: 13px;
        font-weight: normal;
        margin-top: 12px;
        /* margin-left: 44px; */
    }

    .payment-img {
        float: left; /* margin-left:45px */
    }

    #fare2 {
        float: left;
        margin-top: 1.5%
    }

    .radiobtncover {
        float: left;
        width: 51%;
    }

    .radiobtn {
        float: left;
        /* width: 100%; */
        font-family: verdana,arial;
        font-size: 11px;
        font-weight: normal;
        color: #000;
        text-decoration: none;
        /* padding-left: 73px; */
    }

    .radiobtn1 {
        float: left;
        margin: 16px 5px 0 15px
    }

    .radiobtn2 {
        float: left;
        margin: 14px 0 0 0
    }

    .BookNextBtn { /* float:left; */ /* background:#b2156b; */
        background: -webkit-gradient(linear,left top,left bottom,color-stop(#666,0),color-stop(#000,1)); /* background:-webkit-linear-gradient(top,#666 0,#000 100%); */
        background: -moz-linear-gradient(top,#666 0,#000 100%);
        background: -o-linear-gradient(top,#666 0,#000 100%);
        background: linear-gradient(top,#666 0,#000 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= '#666',endColorstr= '#000',GradientType=0); /* border:1px solid #666; */ /* border-color:#000 #000 #000; */ /* -webkit-box-shadow:0 1px 1px #000,inset 0 1px 0 #666; */
        -moz-box-shadow: 0 1px 1px #000,inset 0 1px 0 #666;
        box-shadow: 0 1px 1px #000,inset 0 1px 0 #666; /* padding:8px 25px; */ /* display:inline-block; */ /* position:relative; */ /* -webkit-border-radius:4px; */
        -moz-border-radius: 4px; /* border-radius:4px; */
        -webkit-transition: all0.3slinear;
        -moz-transition: all0.3slinear;
        -o-transition: all0.3slinear;
        transition: all0.3slinear; /* font-size:16px; */ /* color:#FFF; */ /* cursor:pointer; */
    }

    .BookBackBtn { /* float:none; */ /* background:#b2156b; */
        background: -webkit-gradient(linear,left top,left bottom,color-stop(#666,0),color-stop(#000,1)); /* background:-webkit-linear-gradient(top,#666 0,#000 100%); */
        background: -moz-linear-gradient(top,#666 0,#000 100%);
        background: -o-linear-gradient(top,#666 0,#000 100%);
        background: linear-gradient(top,#666 0,#000 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= '#666',endColorstr= '#000',GradientType=0); /* border:1px solid #666; */ /* border-color:#000 #000 #000; */ /* -webkit-box-shadow:0 1px 1px #000,inset 0 1px 0 #666; */
        -moz-box-shadow: 0 1px 1px #000,inset 0 1px 0 #666; /* box-shadow:0 1px 1px #000,inset 0 1px 0 #666; */ /* padding:5px 20px; */ /* display:inline-block; */ /* position:relative; */ /* -webkit-border-radius:4px; */
        -moz-border-radius: 4px; /* border-radius:4px; */
        -webkit-transition: all0.3slinear;
        -moz-transition: all0.3slinear;
        -o-transition: all0.3slinear;
        transition: all0.3slinear; /* font-size:14px; */ /* color:#FFF; */ /* cursor:pointer; */
    }

    .ClearButton {
        height: 28px;
        background-image: url(../images/btn.png);
        background-repeat: repeat-x;
        background-position: left top;
        border: 1px solid #d1effe;
        font-family: arial;
        font-size: 12px;
        color: Black;
        text-decoration: none;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        background-color: #555;
        cursor: pointer
    }

    .red {
        color: #F00
    }

    .book-h1 {
        float: left;
        width: 520px;
        background-image: url(../images/heading-bg.png);
        background-repeat: no-repeat;
        background-position: left top;
        text-align: center;
        padding-top: 4px;
        padding-bottom: 4px;
        font-family: 'Nova Round',cursive;
        font-weight: bold;
        color: #000;
        text-decoration: none
    }

    .confirmbtn {
        background: -webkit-gradient(linear,left top,left bottom,color-stop(#666,0),color-stop(#000,1));
        background: -webkit-linear-gradient(top,#666 0,#000 100%);
        background: -moz-linear-gradient(top,#666 0,#000 100%);
        background: -o-linear-gradient(top,#666 0,#000 100%);
        background: linear-gradient(top,#666 0,#000 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= '#666',endColorstr= '#000',GradientType=0);
        border: 1px solid #666;
        border-color: #000 #000 #000;
        -webkit-box-shadow: 0 1px 1px #000,inset 0 1px 0 #666;
        -moz-box-shadow: 0 1px 1px #000,inset 0 1px 0 #666;
        box-shadow: 0 1px 1px #000,inset 0 1px 0 #666;
        padding: 5px 20px;
        margin-top: 1%;
        display: inline-block;
        position: relative;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        -webkit-transition: all0.3slinear;
        -moz-transition: all0.3slinear;
        -o-transition: all0.3slinear;
        transition: all0.3slinear;
        font-size: 14px;
        color: #FFF;
        cursor: pointer
    }

    .MandError {
        float: right;
        color: Red;
        padding: 4px 0 0 0;
        text-align: center;
        font-size: 15px;
        font-weight: normal;
        text-decoration: none;
        background
    }

    .radiobtnco {
        float: left;
        padding: 15px 0 1% 0
    }

    .book-cver2 {
        background: #d7e8f2 url(../images/vehicle-pattern.png) repeat top left;
        border: 1px solid #ccc;
        width: 100%;
        float: left;
        margin-top: -1px;
        padding-top: 2%;
        padding-right: 3%;
        padding-bottom: 2%;
        padding-left: 3%
    }

    .book-veh-h1 {
        font-family: verdana,arial;
        font-size: 11px;
        font-weight: bold;
        color: #FFF;
        text-decoration: none;
        float: left;
        width: 100%;
        padding: 1% 2%;
        border: 1px solid #000;
        background: #323232
    }

    .book-listvehicle {
        float: left;
        width: 100%;
        border: 1px solid #71b4da;
        background: #add4ea;
        padding: 1% 2%;
        margin: -2px 0 0 0;
        font-family: verdana,arial;
        font-size: 11px;
        font-weight: normal;
        color: #000;
        text-decoration: none
    }

    .book-listvehicle4 {
        float: left;
        width: 100%;
        border: 1px solid #81a94e;
        background: #c8e2a6;
        padding: 1% 2%;
        margin: -1px 0 0 0;
        font-family: verdana,arial;
        font-size: 11px;
        font-weight: normal;
        color: #000;
        text-decoration: none
    }

    .book-listvehicle2 {
        float: left;
        width: 45%
    }

    .book-listvehicle3 {
        float: left;
        width: 45%;
        margin: 0
    }

    .veh-field {
        margin: 0;
        padding: 0;
        font-family: verdana,arial;
        font-size: 11px;
        font-weight: bold;
        color: #000;
        text-decoration: none;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px
    }

    .veh-field2 {
        margin: 0;
        padding: 0;
        font-family: verdana,arial;
        font-size: 12px;
        font-weight: bold;
        color: #0006e9;
        text-decoration: none;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px
    }

    .veh-field3 {
        margin: 0;
        padding: 0;
        font-family: verdana,arial;
        font-size: 11px;
        font-weight: bold;
        color: #000;
        text-decoration: none;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px
    }

    .veh-pre {
        color: #0006e9
    }

    .cardmsg {
        float: right;
        width: 100%;
        font-family: arial;
        font-size: 14px;
        font-weight: bold;
        color: #000;
        text-decoration: none;
        -webkit-border-radius: 5px 5px 5px 5px;
        border-radius: 5px 5px 5px 5px;
        padding: 5px 0;
        margin: 10px 0 0 0;
        text-align: left;
        border: noe 0;
        background: #d7e8f2 url(../images/vehicle-pattern.png) repeat top left;
        text-align: center
    }

    .paypalcard {
        float: left;
        width: 100%;
        padding: 10px 0;
        text-align: center;
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc;
        border-bottom: 1px solid #ccc
    }

    .paymentdefault {
        float: right;
        margin: 0;
        font-size: 15px;
        font-weight: normal;
        color: #FFF;
        text-decoration: none
    }

    .pay-pre {
        float: left;
        margin: 8px 0 0 10px;
        font-size: 18px;
        font-weight: normal;
        color: #000;
        text-decoration: none
    }
}

@media screen and (max-width:320px) {
    #contentBook {
        width: 100%;
        float: left
    }

    #book {
        float: left;
        width: 100%;
        background-color: #f7f7f7
    }

    #book-left {
        float: left;
        width: 100%
    }

    #book-right {
        float: left;
        width: 100%
    }

    #book-h1 {
        float: left;
        width: 100%;
        font-weight: normal;
        color: #FFF;
        text-decoration: none;
        font-size: 20px;
        background: #000;
        text-align: center;
        padding: 5px 0
    }

    #book-h2 {
        float: left;
        width: 520px;
        font-weight: normal;
        color: #000;
        text-decoration: none;
        font-size: 18px;
        background-color: #1a1a1a;
        text-align: center;
        background-image: url(../images/heading-bg.png);
        background-repeat: no-repeat;
        background-position: left top;
        margin-bottom: 3%
    }

    .book-h3 {
        float: left;
        width: 100%;
        padding: 5px 0;
        font-weight: normal;
        color: #000;
        text-decoration: none;
        font-size: 17px;
        background-color: #1a1a1a;
        text-align: center;
        background-color: #e6e6e6;
        border: 1px solid #ccc
    }

    .book-cver {
        background-color: #f7f7f7;
        border: 1px solid #ccc;
        width: 100%;
        float: left;
        margin-top: -1px;
        padding-top: 2%;
        padding-right: 3%;
        padding-bottom: 2%;
        padding-left: 3%
    }

    .book-inner-h1 {
        font-family: verdana,arial;
        font-size: 11px;
        font-weight: bold;
        color: #000;
        text-decoration: none;
        float: left;
        width: 100%;
        padding: 5px 0
    }

    .book-radio {
        float: left;
        width: 5%
    }

    .book-list {
        float: left;
        width: 100%;
        border: 1px solid #b3b3b3;
        background-color: #e6e6e6;
        padding-top: 1%;
        padding-right: 2%;
        padding-bottom: 1%;
        padding-left: 2%;
        font-family: verdana,arial;
        font-size: 11px;
        font-weight: normal;
        color: #000;
        text-decoration: none
    }

    .book-list2 {
        float: left;
        width: 100%;
        margin-top: 1%
    }

    .book-list3 {
        float: left;
        width: 100%;
        margin-left: 0
    }

    .book-list4 {
        float: left;
        width: 100%;
        vertical-align: middle
    }

    .book-icon {
        float: left;
        width: 23px;
        margin-right: 3px
    }

    .book-tex {
        float: left;
        width: 77px;
        font-family: verdana,arial;
        font-size: 10px;
        font-weight: normal;
        color: #000;
        text-decoration: none;
        padding: 0;
        margin-top: 6px;
        margin-bottom: 0;
        margin-left: 3px;
        margin-right: 5px
    }

    .book-tex2 {
        float: left;
        width: 90px;
        font-family: verdana,arial;
        font-size: 10px;
        font-weight: normal;
        color: #000;
        text-decoration: none;
        padding: 0;
        margin-top: 7px;
        margin-bottom: 0;
        margin-left: 3px;
        margin-right: 5px
    }

    .book-field {
        float: left;
        width: 39px;
        margin-right: 5px
    }

    .book-list5 {
        float: left;
        width: 483px;
        border: 1px solid #b3b3b3;
        background-color: #e6e6e6;
        padding-top: 8px;
        padding-right: 2px;
        padding-bottom: 8px;
        padding-left: 2px
    }

    .hr {
        float: left;
        margin-right: 5%;
        font-size: 13px;
        margin-top: 2%;
        margin-left: 5%
    }

    .hr2 {
        float: left;
        margin-right: 4%
    }

    .min {
        float: left;
        margin-right: 5%;
        font-size: 13px;
        margin-top: 2%
    }

    .min2 {
        float: left
    }

    .passengers {
        float: left;
        margin-right: 2%;
        font-size: 11px;
        margin-top: 1.5%;
        width: 15%
    }

    .passengers2 {
        float: left;
        margin-right: 3%;
        width: 7%
    }

    .luggages {
        float: left;
        margin-right: 2%;
        font-size: 11px;
        margin-top: 1.5%;
        width: 15%
    }

    .luggages2 {
        float: left;
        margin-right: 3%;
        width: 7%
    }

    .hand {
        float: left;
        margin-right: 2%;
        font-size: 11px;
        margin-top: 1.5%;
        width: 25%
    }

    .hand2 {
        float: left;
        width: 7%
    }

    .baby {
        float: left;
        margin-top: .9%
    }

    .baby2 {
        float: left;
        width: 12%
    }

    .b-field-control {
        float: left;
        padding: 2px;
        font-family: Arial;
        font-size: 11px;
        font-weight: normal;
        color: #000;
        text-decoration: none
    }

    .b-field {
        width: 100%;
        margin: 1px 0 0 0;
        font-size: 12px;
        border: 1px solid #aaa;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        padding: 5px 5px;
        outline: 0
    }

    .b-field2 { /* width:70px; */
        margin: 1px 0 0;
        font-size: 12px;
        border: 1px solid #aaa;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        padding: 5px 3px;
        outline: 0;
    }

    .b-field3 {
        width: 100%;
        margin: 1px 0 0 0;
        font-size: 12px;
        border: 1px solid #aaa;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        padding: 5px 5px;
        outline: 0
    }

    .back {
        float: none;
        width: 100%;
    }

    .accept {
        float: none;
        width: 100%;
        margin: 0px auto;
        display: block;
    }

    .accept1 {
        float: none;
        margin: 0 5px 0 0;
        display: inline-block;
        text-align: center;
    }

    .accept2 {
        float: none;
        margin: 0 5px 0 0;
        display: inline-block;
    }

    .next {
        float: right;
        width: 100%;
        text-align: center; /* margin:7px 5px 15px 0 */
    }

    .payment {
        float: left;
        width: 100%;
        font-family: verdana,arial;
        font-size: 11px;
        font-weight: normal;
        color: #000;
        text-decoration: none;
        background-color: #f7f7f7;
        border: 1px solid #ccc;
        padding-top: 1%;
        padding-right: 2%;
        padding-bottom: 1%;
        padding-left: 2%
    }

    .payment-h1 {
        float: left; /* width:20%; */
        font-size: 15px;
        font-weight: normal;
        margin-top: 8px; /* margin-left:20px; */
    }

    .payment-img {
        float: left; /* margin-left:33px */
    }

    #fare2 {
        float: left;
        margin-top: 1.5%
    }

    .radiobtncover {
        float: left;
        width: 40%;
    }

    .radiobtn {
        float: left;
        width: 100%;
        font-family: verdana,arial;
        font-size: 11px;
        font-weight: normal;
        color: #000;
        text-decoration: none; /* padding-left:84px; */
    }

    .radiobtn1 {
        float: left;
        margin: 16px 5px 0 15px
    }

    .radiobtn2 {
        float: left;
        margin: 14px 0 0 0
    }

    .BookNextBtn {
        float: left; /* background:#b2156b; */
        background: -webkit-gradient(linear,left top,left bottom,color-stop(#666,0),color-stop(#000,1)); /* background:-webkit-linear-gradient(top,#666 0,#000 100%); */
        background: -moz-linear-gradient(top,#666 0,#000 100%);
        background: -o-linear-gradient(top,#666 0,#000 100%);
        background: linear-gradient(top,#666 0,#000 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= '#666',endColorstr= '#000',GradientType=0); /* border:1px solid #666; */
        border-color: #000 #000 #000;
        -webkit-box-shadow: 0 1px 1px #000,inset 0 1px 0 #666;
        -moz-box-shadow: 0 1px 1px #000,inset 0 1px 0 #666; /* box-shadow:0 1px 1px #000,inset 0 1px 0 #666; */
        padding: 8px 25px;
        display: inline-block;
        position: relative;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        -webkit-transition: all0.3slinear;
        -moz-transition: all0.3slinear;
        -o-transition: all0.3slinear;
        transition: all0.3slinear;
        font-size: 16px;
        color: #FFF;
        cursor: pointer;
    }

    .BookBackBtn {
        float: none; /* background:#b2156b; */
        background: -webkit-gradient(linear,left top,left bottom,color-stop(#666,0),color-stop(#000,1)); /* background:-webkit-linear-gradient(top,#666 0,#000 100%); */
        background: -moz-linear-gradient(top,#666 0,#000 100%);
        background: -o-linear-gradient(top,#666 0,#000 100%);
        background: linear-gradient(top,#666 0,#000 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= '#666',endColorstr= '#000',GradientType=0); /* border:1px solid #666; */
        border-color: #000 #000 #000;
        -webkit-box-shadow: 0 1px 1px #000,inset 0 1px 0 #666;
        -moz-box-shadow: 0 1px 1px #000,inset 0 1px 0 #666; /* box-shadow:0 1px 1px #000,inset 0 1px 0 #666; */ /* padding:5px 20px; */
        display: inline-block;
        position: relative;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        -webkit-transition: all0.3slinear;
        -moz-transition: all0.3slinear;
        -o-transition: all0.3slinear;
        transition: all0.3slinear;
        font-size: 14px;
        color: #FFF;
        cursor: pointer;
    }

    .ClearButton {
        height: 28px;
        background-image: url(../images/btn.png);
        background-repeat: repeat-x;
        background-position: left top;
        border: 1px solid #d1effe;
        font-family: arial;
        font-size: 12px;
        color: Black;
        text-decoration: none;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        background-color: #555;
        cursor: pointer
    }

    .red {
        color: #F00
    }

    .book-h1 {
        float: left;
        width: 520px;
        background-image: url(../images/heading-bg.png);
        background-repeat: no-repeat;
        background-position: left top;
        text-align: center;
        padding-top: 4px;
        padding-bottom: 4px;
        font-family: 'Nova Round',cursive;
        font-weight: bold;
        color: #000;
        text-decoration: none
    }

    .confirmbtn {
        background: -webkit-gradient(linear,left top,left bottom,color-stop(#666,0),color-stop(#000,1));
        background: -webkit-linear-gradient(top,#666 0,#000 100%);
        background: -moz-linear-gradient(top,#666 0,#000 100%);
        background: -o-linear-gradient(top,#666 0,#000 100%);
        background: linear-gradient(top,#666 0,#000 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= '#666',endColorstr= '#000',GradientType=0);
        border: 1px solid #666;
        border-color: #000 #000 #000;
        -webkit-box-shadow: 0 1px 1px #000,inset 0 1px 0 #666;
        -moz-box-shadow: 0 1px 1px #000,inset 0 1px 0 #666;
        box-shadow: 0 1px 1px #000,inset 0 1px 0 #666;
        padding: 5px 20px;
        margin-top: 1%;
        display: inline-block;
        position: relative;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        -webkit-transition: all0.3slinear;
        -moz-transition: all0.3slinear;
        -o-transition: all0.3slinear;
        transition: all0.3slinear;
        font-size: 14px;
        color: #FFF;
        cursor: pointer
    }

    .MandError {
        float: right;
        color: Red;
        padding: 4px 0 0 0;
        text-align: center;
        font-size: 15px;
        font-weight: normal;
        text-decoration: none;
        background
    }

    .radiobtnco {
        float: left;
        padding: 15px 0 1% 0
    }

    .book-cver2 {
        background: #d7e8f2 url(../images/vehicle-pattern.png) repeat top left;
        border: 1px solid #ccc;
        width: 100%;
        float: left;
        margin-top: -1px;
        padding-top: 2%;
        padding-right: 3%;
        padding-bottom: 2%;
        padding-left: 3%
    }

    .book-veh-h1 {
        font-family: verdana,arial;
        font-size: 11px;
        font-weight: bold;
        color: #FFF;
        text-decoration: none;
        float: left;
        width: 100%;
        padding: 1% 2%;
        border: 1px solid #000;
        background: #323232
    }

    .book-listvehicle {
        float: left;
        width: 100%;
        border: 1px solid #71b4da;
        background: #add4ea;
        padding: 1% 2%;
        margin: -2px 0 0 0;
        font-family: verdana,arial;
        font-size: 11px;
        font-weight: normal;
        color: #000;
        text-decoration: none
    }

    .book-listvehicle4 {
        float: left;
        width: 100%;
        border: 1px solid #81a94e;
        background: #c8e2a6;
        padding: 1% 2%;
        margin: -1px 0 0 0;
        font-family: verdana,arial;
        font-size: 11px;
        font-weight: normal;
        color: #000;
        text-decoration: none
    }

    .book-listvehicle2 {
        float: left;
        width: 45%
    }

    .book-listvehicle3 {
        float: left;
        width: 45%;
        margin: 0
    }

    .veh-field {
        margin: 0;
        padding: 0;
        font-family: verdana,arial;
        font-size: 11px;
        font-weight: bold;
        color: #000;
        text-decoration: none;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px
    }

    .veh-field2 {
        margin: 0;
        padding: 0;
        font-family: verdana,arial;
        font-size: 12px;
        font-weight: bold;
        color: #0006e9;
        text-decoration: none;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px
    }

    .veh-field3 {
        margin: 0;
        padding: 0;
        font-family: verdana,arial;
        font-size: 11px;
        font-weight: bold;
        color: #000;
        text-decoration: none;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px
    }

    .veh-pre {
        color: #0006e9
    }

    .cardmsg {
        float: right;
        width: 100%;
        font-family: arial;
        font-size: 14px;
        font-weight: bold;
        color: #000;
        text-decoration: none;
        -webkit-border-radius: 5px 5px 5px 5px;
        border-radius: 5px 5px 5px 5px;
        padding: 5px 0;
        margin: 10px 0 0 0;
        text-align: left;
        border: noe 0;
        background: #d7e8f2 url(../images/vehicle-pattern.png) repeat top left;
        text-align: center;
    }

    .paypalcard {
        float: left;
        width: 100%;
        padding: 10px 0;
        text-align: center;
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc;
        border-bottom: 1px solid #ccc
    }

    .paymentdefault {
        float: right;
        margin: 0;
        font-size: 15px;
        font-weight: normal;
        color: #FFF;
        text-decoration: none
    }

    .pay-pre {
        float: left;
        margin: 8px 0 0 10px;
        font-size: 18px;
        font-weight: normal;
        color: #000;
        text-decoration: none
    }


    }