@media screen and (max-width:767px) {
    .car2-details {
        float: left;
        width: 100%;
        background-color: #1779af;
        border-radius: 0 0 5px 5px;
        padding: 20px;
        text-align: center;
        margin: 0;
    }

    .tripDetails ul li {
        margin-right: 0;
    }
}

@media screen and (max-width:667px) {
    .car-box {
        float: left;
        width: 298px;
        background-color: #FFF;
        border: 1px solid #97c7e7;
        -moz-border-radius: 8px 8px 0 0;
        -webkit-border-radius: 8px 8px 0 0;
        padding-bottom: 10px;
        margin-top: 20px
    }

    .col-price, .result-hd2 {
        border-bottom-width: 1px;
        border-bottom-style: solid
    }

    .car-box-h1 {
        background-color: #029BD9;
        background-image: url(../images/car-bg.html);
        float: left;
        width: 268px;
        font-family: arial;
        color: #FFF;
        text-decoration: none;
        font-weight: 700;
        font-size: 17px;
        -moz-border-radius: 8px 8px 0 0;
        -webkit-border-radius: 8px 8px 0 0;
        padding: 7px 15px
    }

    .car-box-pic {
        float: left;
        width: 278px;
        padding: 10px;
        text-align: center
    }

    .car-box-list, .car-box-list2 {
        width: 268px;
        font-family: arial;
        font-size: 12px;
        text-decoration: none;
        text-align: center;
        margin: 5px 10px;
        padding: 5px;
        float: left
    }

    .car-box-list {
        background-color: #686868;
        font-weight: 400;
        color: #FFF;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px
    }

    .car-box-list2 {
        font-weight: 700;
        color: #000
    }

    .car-box-list3 {
        float: left;
        width: 278px;
        margin-right: 10px;
        margin-left: 10px;
        margin-top: 10px
    }

    .pngr, .pngr-icon {
        width: auto;
        float: left
    }

    .pngr {
        margin-left: 15px;
        font-size: 17px;
        margin-top: 5px
    }

    .pngr-icon {
        margin-left: 20px;
        height: 30px
    }

    .hand, .suite {
        float: left;
        width: 45px
    }

    .col-price, .fare {
        font-family: arial;
        font-weight: 700;
        text-decoration: none;
        width: 70px;
        padding: 4px 5px 3px;
        float: right;
        text-align: center
    }

    .fare {
        background-color: #e7ba03;
        color: #000;
        font-size: 14px;
        -moz-border-radius: 3px 0 0 3px;
        -webkit-border-radius: 3px 0 0 3px;
        margin-bottom: 1px
    }

    .col-price {
        background-color: #4E8CB7;
        font-size: 13px;
        color: #FFF;
        border-bottom-color: #FFF
    }

    .chack {
        float: right;
        width: 38px;
        text-align: center
    }

    #RadioGroup1_0 {
        margin-top: 5px;
        margin-bottom: 5px
    }

    .result {
        margin: 0;
        float: left;
        width: 100%;
        padding: 0;
        background: url(../images/slider-bg.html) left top;
        color: #FFF
    }

    .result-hd, .result-hd2 {
        font-weight: 400;
        text-decoration: none;
        background: url(../images/form-bg.html) left top;
        float: left;
        width: 100%
    }

    .result-hd {
        font-family: 'Nova Round',cursive;
        color: #FFF;
        font-size: 22px;
        text-align: center;
        padding: .3% 0
    }

    .result-hd2 {
        font-family: "Myriad Web Pro","Myriad Pro",Myriad,"Segoe UI",Verdana,"Liberation Sans","Nimbus Sans L","Helvetica Neue",Helvetica,Arial,sans-serif;
        font-size: 2em;
        color: #1a1a1a;
        letter-spacing: normal;
        line-height: 20px;
        margin: 0 0 2%;
        -moz-border-radius: 5px 5px 0 0;
        -webkit-border-radius: 5px 5px 0 0;
        border-bottom-color: #c1c1c1
    }

    .terminal-box {
        float: left;
        width: 100%;
        background-color: #FFF;
        border: 1px solid #CCC;
        -webkit-border-radius: 10px 10px 10px 10px;
        border-radius: 10px;
        margin: 0 0 20px
    }

    .terminal-left, .terminal-right {
        margin: 0;
        padding: 10px;
        font-size: 12px;
        text-decoration: none;
        font-family: arial;
        color: #000;
        float: left;
        font-weight: 400
    }

    .terminal-left {
        width: 435px;
        border-right-width: 1px;
        border-right-style: solid;
        border-right-color: #CCC
    }

    .terminal-right {
        width: 430px
    }

    .map-box {
        float: left;
        width: 98%;
        font-family: arial;
        font-size: 14px;
        font-weight: 400;
        color: #000;
        text-decoration: none;
        margin: 0
    }

    .vehicles-center, .vehicles-left, .vehicles-right {
        width: 100% !important;
        margin: 0
    }

    .vehicles-hd, .vehicles-list {
        color: #45423c;
        text-decoration: none
    }

    .vehicles-left {
        float: left;
        padding: 0;
        border-right: none !important;
        border-bottom: solid 1px #b2aea5
    }

    .vehicles-center {
        float: left;
        padding: 10px
    }

    .vehicles-right {
        float: left;
        padding: 0 10px 10px !important;
        border-left: none !important;
        border-top: solid 1px #b2aea5
    }

    .vehicles-box, .vehicles-box2, .vehicles-hd, .vehicles-img {
        width: 100%;
        float: left
    }

    .vehicles-list {
        font-size: 12px;
        font-weight: 400
    }

    .vehicles-box {
        margin: 0 0 2%
    }

    .vehicles-hd {
        margin: 0;
        font-size: 14px;
        font-weight: 700;
        padding: 10px
    }

    .vehicles-box2 {
        margin: 0;
        padding: 0;
        background: #FFF;
        border: 1px solid #b2aea5
    }

    .vehicles-img {
        padding: 5px 10px;
        text-align: center
    }

    .member-pricemessage, .passengers-1, .passengers-2, .passengers-3 {
        padding: 10px;
        font-family: arial;
        font-weight: 700;
        text-decoration: none
    }

    .vehicles-hd2 {
        margin: 0;
        float: left;
        width: 71%;
        text-align: center;
        font-family: arial;
        font-size: 14px;
        font-weight: 700;
        color: #000;
        text-decoration: none
    }

    .passengers-box {
        float: right;
        width: 69%;
        text-align: left;
        margin: 2% 2% 0 0
    }

    .passengers-1, .passengers-2, .passengers-3 {
        margin: 0;
        float: left;
        width: 22%;
        font-size: 24px;
        color: #000
    }

    .member-pricemessage {
        margin: 0;
        float: left;
        width: 100%;
        font-size: 16px;
        color: green
    }

    .radio-box, .radio-box2 {
        float: left;
        width: 7%;
        margin: 0
    }

    .reserve-btn {
        float: right;
        text-align: right;
        margin: 2% 0 0 0;
    }

    .DeleteButton {
        width: 18px;
        height: 18px;
        margin: 3% 0 0;
        background: url(../images/cross.png) no-repeat;
        cursor: pointer;
        border: none
    }

    .emaillatter, .infotable {
        font-weight: 400;
        background: #FFF
    }

    .resultcarimg {
        width: 40% !important
    }

    .infotable {
        width: 100%;
        font-size: 24px;
        color: #000;
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        -khtml-border-radius: 8px;
        border-radius: 8px;
        box-shadow: 0 0 6px #cfcfcf,0 0 0 #cfcfcf;
        padding: 2%
    }

    .emaillatter {
        width: 50%;
        float: left;
        font-size: 17px;
        text-align: center;
        margin: 0 25%;
        padding: 15px 20px;
        color: #FFF;
        border: 1px solid #fe4591;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px
    }

    .emaillatter-h1, .emaillatter-list1, .emaillatter-list2 {
        font-weight: 400;
        text-align: center;
        color: #000;
        float: left
    }

    .emaillatter-h1 {
        width: 100%;
        font-size: 17px
    }

    .emaillatter-list {
        width: 100%;
        float: left;
        margin: 20px 0 0
    }

    .emaillatter-list1 {
        width: 40%;
        font-size: 14px;
        margin: 5px 0 0
    }

    .emaillatter-list2 {
        width: 60%;
        font-size: 17px
    }

    .emailfield {
        width: 220px;
        float: left;
        margin: 0 10px 0 0;
        font-size: 12px;
        border: none;
        border: 1px solid #3b0050;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        padding: 5px;
        outline: 0
    }

    .totalprice {
        margin: 10px 0 0;
        width: 90%;
        float: left;
        font-family: arial;
        font-size: 17px;
        font-weight: 700;
        color: #005096;
        text-decoration: none
    }
}

@media screen and (max-width:568px) {
    .resultcarimg {
        width: 100% !important;
    }
}

@media screen and (max-width:480px) {
    .tripDetails ul li i {
        display: block;
        width: 50px;
        height: 50px;
        margin: 10px 10px;
        float: left;
    }

    .tdVals p {
        margin: 5px 10px 0 0;
        padding: 0;
        font-size: 13px;
        font-weight: 500;
        color: #ffffff;
        line-height: 16px;
    }
}

@media screen and (max-width:360px) {
    .resultcarimg {
        width: 70% !important
    }
}