/*start custom code*/
/* transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease; */
/* for logo resposive

header .logo-menu .logo a img {
    max-width: 100%;
    height: auto;
    display: inline-block;
    vertical-align: middle;
}*/
.crossiconbtn {
    float: right;
    margin: 11px 0 0 0px;
}
.field {
    width: 100% !important;
    float: left;
    font-size: 14px;
    font-weight: normal;
    color: #333;
    text-decoration: none;
    padding: 9px 5px;
    border-radius: 3px;
    background: #f3f4f6;
    box-shadow: 0px 0px 0 #000;
    border: solid 1px #e3e3e3;
}
.field3 {
    width: 90%;
    float: left;
    font-size: 14px;
    font-weight: normal;
    color: #333;
    text-decoration: none;
    padding: 9px 5px;
    border-radius: 3px;
    background: #f3f4f6;
    box-shadow: 0px 0px 0 #000;
    border: solid 1px #e3e3e3;
}
.form {
    padding: 15px 10px;
    margin: -358px 0 0 15px;
}
.form-list-h1 {
    color: #333;
}
.form-list-h1 i{
    margin: 0 4px 0 0;
}
.btnbooknow{
    text-transform: uppercase;
    background: #e31e24;
    border: none;
    border-bottom: solid 4px #000;
}
.btnbooknow:hover{
    text-transform: uppercase;
    background: #edbe3a;
    border: none;
    border-bottom: solid 4px #000;
    color:#000;
}
.AddviaPointBtn:hover , .GetQuoteBtn:hover {
    color: #000;
    background: #edbe3a;
    text-decoration: none;
}
.accept {
    float: left;
    width: 100%;
    text-align: center;
    margin: 0 auto;
}
.accept1 {
    float: none;
    text-align: center;
    margin: 0px 5px 0 0;
}
.accept2 {
    float: none;
    margin: 0 5px 0 0;
}
.next {
    float: none;
    margin: 0 auto;
    text-align: center;
    width: 100%;
}
  .next .BookBackBtn {
    float: none;
    margin: 10px 0 0 0;
}
  .ui-button.ui-widget.ui-state-default{
    padding: 6px 30px;
    font-family: verdana, arial;
    font-size: 16px;
    font-weight: normal;
    color: #FFF;
    text-decoration: none;
    background: #000;
    border-radius: 3px;
    border: none 0;
    text-align: center;
}
.ui-button.ui-widget.ui-state-default span img{
    display:none;
}
.carousel-control.right {
    right: 0px;
    left: auto;
}
.nav > li > a {
    padding: 10px 26px;
}

.form {
    padding: 20px;
    margin: 0px 0 0 15px;
}
.formcvr .form h2{
    text-align: left;
    margin: 0px;
    padding: 0px;
}
.formcvr .form p{
     color: #333;
     text-align: left;
     margin: 5px 0 0 0;
     padding: 0px;
     font-weight: normal;
}
.navigation {
    background: #de2938;
}
.booking-form {
    width: 500px;
    display: block;
    float: none;
    position: absolute;
    top: 14.5%;
}
.booking-prices {
    width: 500px;
    display: block;
    float: none;
    position: absolute;
    top: 14.8%;
    right: 26%;
    background-color: #ffffff9e;
    padding: 35px 14px;
    border-radius: 7px;
}
.slider {
    position: relative;
}
.PricesCover {
    padding: 3px 8px;
}
.payment img{
    margin:0 auto;
}
/* Start Media Quaries updated
==================================== */

@media only screen and (min-width: 992px) and (max-width: 1199px) {
       .AddviaPointBtn {
    padding: 5px 8px;
}
.GetQuoteBtn {
    padding: 5px 8px;
}
.form {
    padding: 15px 10px;
    margin: 15px 0 0 15px;
}
.booking-form {
    width: 57%;
    display: block;
    margin: 0 auto;
    float: none;
    position: relative;
}
    .booking-prices {
        width: 500px;
        display: block;
        float: none;
        position: relative;
        color: #000;
        background-color: #ffffff9e;
        border-radius: 7px;
        margin: 0px auto;
        right: 0;
        left: 0;
    }
}


 @media only screen and (max-width: 991px) {
    .display-full {
        float: none !important;
        width: 100% !important;
        margin: 0 auto !important;
    }
    /* first add class FareMileagelist css add 991 */
    
    table.milege-tbl {
        width: 100%;
    }
    table.milege-tbl table {
        width: 100%;
    }
    table.milege-tbl td,
    table.milege-tbl th {
        padding: 3px;
        width: 100%;
        display: inline-block;
    }
    table.milege-tbl .vehiclebtn {
        float: none;
        display: block;
        width: 100%;
        margin: 5px 5px 5px 0;
    }
    /*FareMileagelist css end add 991*/
 .form {
    padding: 15px 10px;
       margin: 0 auto;
}
.booking-form {
    width: 80%;
    display: block;
    margin: 10px auto;
     position: relative;
}
#form1{
    background-color: #eee;
    padding:0 0 15px 0;
}
.slider {
    float: left;
    width: 100%;
    margin: 0 0 10px 0;
}
.nav > li > a {
    padding: 10px 14px;
}
    .booking-prices {
        width: 500px;
        display: block;
        float: none;
        position: relative;
        color: #000;
        background-color: #ffffff9e;
        border-radius: 7px;
        margin: 0px auto;
        right: 0;
        left: 0;
    }
}
@media only screen and (max-width: 767px) {
    .booking-form {
    width: 100%;
    display: inline-block;
    margin: 14px 0;
}
    .top {
        float: none;
        text-align: center;
        display: block;
        width: 100%;
    }
    .login{
     float: none;
    display: block;
    margin: 7px auto;
    text-align: center;
    border-radius: 4px;
    border: 2px solid #fff;
    width: 176px;
    }
    .translate {
    float: none;
    text-align: center;
}
    .social {
            float: none;
    text-align: center;
    }
     .social ul {
        margin:0 auto;
        padding:0px;
    }
        .social li {
            float: none;
        }
    .navigation {
        float: none;
    }
} 

@media only screen and (max-width: 640px) {
    /*form check align css put css media 640 add*/
    
    .payment {
        float: none !important;
        width: 100% !important;
    }
    .back {
        float: none !important;
        width: 100% !important;
    }
    .accept {
        float: none !important;
        width: 99% !important;
        text-align: center !important;
        margin: 10px auto !important;
        padding: 0px !important;
    }
    .accept1 {
        float: none !important;
        margin: 0 5px 0 0 !important;
    }
    .accept2 {
        float: none !important;
        margin: 1px 5px 0 0;
    }
    .next {
        float: none !important;
        width: 100% !important;
        display: block !important;
        text-align: center !important;
    }
    .BookBackBtn {
        float: none !important;
    }
    /*welcome page css put css media 640 add*/
    
    .welcome {
        float: none !important;
        height: auto !important;
        min-height: 480px !important;
        width: 100% !important;
        padding: 0 !important;
        background-color: #835537 !important;
        background: #835537 !important;
        border: 28px solid #db9e65 !important;
        -webkit-box-shadow: inset 0px 0px 0px 10px #fff !important;
        -moz-box-shadow: inset 0px 0px 0px 10px #f00 !important;
        box-shadow: inset 0px 0px 0px 10px #fff !important;
    }
    .WelComeText {
        width: 100% !important;
        margin: 0 auto !important;
        float: none !important;
        text-align: center !important;
        line-height: 38px !important;
        margin-top: 40% !important;
    }
    .b-field2 {
        width: 100% !important;
    }
    .payment-img {
        float: left;
        margin-left: 0px !important;
    }
   .booking-form {
    width: 80%;
    display: block;
    margin: 0 auto;
    }
}
@media only screen and (max-width: 480px) {
    .display-full {
        float: none !important;
        width: 100% !important;
        margin: 0 auto !important;
    }
    /*welcome page css put css media 480  add*/
    .service-text img {
        width: 100%;
    }
    .service-text a img {
        width: 100%;
    }
     .GetQuote .AddviaPointBtn , .GetQuote .GetQuoteBtn{
           width: 100%;
    text-align: center;
    margin: 3px auto;
    }
     .radiobtncover {
    float: left;
    width: 50%;
}
     .radiobtncover {
    float: left;
    width: 38%;
}
    .payment-h1 {
        float: left;
        width: 30%;
    }
    .radiobtn {
        float: left;
        width: 65%;
    }
    .radiobtn1 {
    margin: 12px 5px 0 15px;
    }
    .booking-form {
    width: 100%;
    display: block;
    margin: 0 auto;
}
    .booking-prices {
        width: 355px;
    }

}
@media screen and (-webkit-min-device-pixel-ratio: 0) {} @media (-webkit-max-device-pixel-ratio) {}
/* ========================= XXX ========================= XXX ========================= */
/* ========================= XXX ========================= XXX ========================= */