@media (max-width: 768px)  {

    .arrows{
        width:80%;
        margin-bottom: 33px;
    }
    #transfer_info,#agent_bookings_info{
        overflow: scroll;
    }
    .search-bar{
        width:100%;
    }
    .search-bar>input{
        width:75%;
        display: inline-block;
    }
    .search-bar>button{
        width:20%;
        margin-top: -1.1%;
    }
    .booking_modal>.modal-dialog{
        width:100% !important;
        margin:0 !important;
    }
    .panel_round{
        width:100% !important;
    }
    .booking_btn>div{
        text-align: center;
    }
    .booking_btn>div>button{
        float:none;
        margin:10px 0;
    }
    .col-xs-12{
        margin-top:2px;
    }
    .inside_wrapper{
        width:100% !important;
    }

    .info_docket{
        top: 62% !important;
        left: 86% !important;
    }
    span.change_location{
        left:86%;
    }
    #contactUsFormDiv{
        width:90% !important;
    }
    #transfer_info button , #agent_bookings_info button{
        margin-top:4px !important;
        margin-bottom:4px !important;
    }
    .booking_modal{
        width:100%;
    }
}
@media only screen  and (min-width:769px ) and (max-width : 1224px) {
    /* Styles */
    .arrows{
        width:40%;
        margin-bottom: 33px;
    }
    .booking_modal>.modal-dialog{
        width:90% !important;

    }

    .info_docket{
        top: 62% !important;
        left: 86% !important;
    }
    span.change_location{
        left:84% !important;
    }
    .map_icon{
        left:91% !important;
    }
    input.place{
        padding-right: 13% !important;
    }
    .info_docket {
        top: 27% !important;
        left: 94% !important;
    }
    #contactUsFormDiv{
        width:90% !important;
    }
    #transfer_info button , #agent_bookings_info button{
        margin-top:6px !important;
    }
}