@media only screen and (min-width: 2201px) {
    .hamburger {
        height: 29px;
    }
}

@media only screen and (min-width: 2000px) and (max-width: 2200px) {
    .hamburger {
        height: 31px;
    }
    .inner_become_driver_wrap .col-xs-12 {
        min-height: 445px;
        padding: 0;
        background-color: #f5f6f8;
    }
}

@media only screen and (min-width: 1800px) and (max-width: 2000px) {
    .hamburger {
        height: 33px;
        top: 10px;
    }
    .inner_become_driver_wrap .col-xs-12 {
        min-height: 415px;
        padding: 0;
        background-color: #f5f6f8;
    }
}

@media only screen and (min-width: 1600px) and (max-width: 1800px) {
    .hamburger {
        height: 31px;
    }
    .inner_become_driver_wrap .col-xs-12 {
        min-height: 395px;
        padding: 0;
        background-color: #f5f6f8;
    }
}

@media only screen and (min-width: 1500px) and (max-width: 1600px) {
    .inner_become_driver_wrap .col-xs-12 {
        min-height: 347px;
        padding: 0;
        background-color: #f5f6f8;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .price-form,
    .track-bookedride {
        width: 100%;
    }
    #drop_location {
        width: 85%;
    }
    .live-fare-section {
        width: 100%;
        left: 0px;
    }
    .live-fare-section {
        background-color: transparent;
    }
    .fare-hide {
        bottom: 0;
    }
    section.priceing {
        position: inherit;
    }
}

@media only screen and (max-width: 767px) {
    .col-xs-12.col-sm-12.col-md-4.col-lg-4.logo_prof_head {
        margin-bottom: 15px;
        /* padding: 0 !important; */
    }
    section.slick_slider1 {
        float: left;
        width: 100%;
        overflow: hidden;
        margin-top: 0;
        position: relative;
    }
    .slick_slider1 .inner_content {
        position: absolute;
        top: 17%;
        color: #fff;
        background-color: #93939382;
        width: 300px;
    }
    .top_head {
        text-align: center;
    }
    .head_top_logmenu {
        text-align: center !important;
    }
    div#cssmenu {
        text-align: left !important;
    }
    #cssmenu {
        background-color: #000;
        margin: 20px 0px;
    }
    /* About us responsive */
    .cssmenu li a {
        color: white!important;
    }
    .image1 img {
        width: 100%;
    }
    .howwework_image img {
        width: 280px;
        padding-top: 30px;
        padding-bottom: 0px;
        margin-top: 0px;
    }
    .image1_content p {
        text-align: justify;
        font-family: 'Montserrat-Regular';
        padding-top: 10px;
    }
    .free_consultation p {
        border-right: 0px dashed black;
    }
    .available p {
        border-right: 0px dashed black;
    }
    .image1_content {
        background-color: white;
        padding-top: 10px;
        margin-top: 25px;
        text-align: center;
    }
    .highlight_content img {
        height: 10px;
    }
    .highlights li {
        list-style-type: none;
        padding-bottom: 10px;
    }
    .hovereffect .overlay {
        margin-top: 45px!important;
    }
    .cont {
        padding-right: 20px;
    }
    .image1 img {
        width: 100%;
    }
    .howwework_content {
        padding: 0px;
    }
    .highlights_image img {
        width: 94%;
    }
    /* About us responsive */
    .da-img {
        width: 50% !important;
    }
    .slider_contant h2 {
        font-size: 12px !important;
    }
    .logo {
        text-align: center !important;
    }
    .cart_part {
        text-align: center !important;
    }
    .footer-section {
        text-align: center !important;
    }
    footer h4 {
        text-align: center !important;
    }
    section.banner {
        height: auto;
    }
    .view_map_info {
        height: auto;
        overflow: auto;
    }
}

@media screen and (max-width: 767px) {
    .rider_login_cont .right.no_padding {
        padding: 20px;
    }
    .rider_login_cont .left.no_padding {
        padding: 0px 20px;
        border-right: none;
    }
    .rider_login_sec {
        background-image: none;
        padding-bottom: 50px;
    }
    .rider_login_cont h2 {
        padding-left: 20px;
    }
}

@media screen and (max-width: 425px) {
    .rider_login_cont .login {
        padding: 11px 26px;
    }
    .rider_login_cont .login i,
    .rider_login_cont .register i {
        padding-left: 8px;
    }
}

@media screen and (max-width: 321px) {
    .rider_login_cont .forgot_pass a {
        padding-top: 10px;
        padding-left: 0px;
        margin: 10px 5px;
        line-height: 20px;
    }
    .rider_login_cont .login {
        padding: 11px 21px;
        font-size: 13px;
        margin-left: 5px;
    }
    .rider_login_cont .left.no_padding {
        padding: 10px;
    }
    .rider_login_cont h2 {
        padding-left: 10px;
    }
    .rider_login_cont .login i,
    .rider_login_cont .register i {
        padding-left: 8px;
    }
}


/*---------------------------------------------------19-05-2017--------------------------------*/

@media only screen and (max-width:1200px) {
    body {
        overflow-x: hidden;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1180px) {
    .reg_col li {
        padding: 0px 10px;
    }
    section.play_store_app {
        padding: 53px 0px;
    }
    .estimate_form h2 {
        font-size: 28px;
    }
    .sign_up input[type="submit"] {
        width: 100%;
        background-size: 100% 100%;
    }
    .estimate_detail .row1 {
        padding: 15px 0px;
    }
    .sign_up input[type="submit"]:hover {
        width: 100%;
        background-size: 100% 100%;
    }
    .newsletter_btn ul li {
        width: 48%;
    }
    .newsleter {
        width: 99%;
        left: 3px;
    }
    .newletter_contant {
        width: 68%;
    }
    .newsletter_btn {
        width: 31%;
    }
    .estimate_map.book_map iframe {
        height: 410px;
    }
    .editprofile .input_div.selc select {
        float: left;
        height: 46px;
    }
    .editprofile .input_div.selc input {
        float: right;
        height: 46px;
        width: 67% !important;
    }
    .selc input[type="submit"] {
        top: -48px !important;
    }
    .editprofile .input_div.selc select {
        width: 111px !important;
    }
}

@media only screen and (max-width: 768px) {
    .header .logo img {
        max-height: 60px !important;
    }
    .logo {
        max-height: 65px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    section.play_store_app {
        height: auto;
        overflow: hidden;
    }
    .site_reg {
        float: right;
        width: 54%;
    }
    .site_logo {
        float: left;
        width: 26%;
    }
    .inner_full.editprofile .col li {
        width: 100%;
        margin-top: 20px;
    }
    .nav_menu {
        float: left;
        width: 20%;
    }
    .carousel-caption h1 {
        font-size: 50px;
    }
    .carousel-caption {
        top: 16%;
    }
    .banner .carousel-indicators {
        display: none;
    }
    section.why_choose_cabily {
        padding-bottom: 35px;
    }
    .row.why_header {
        padding-top: 25px;
    }
    .download_app h4 {
        font-size: 15px;
    }
    .download_app h1 {
        font-size: 30px;
    }
    .download_app p {
        font-size: 12px;
    }
    .download_app {
        width: 60%;
    }
    .play_store_image {
        position: absolute;
        top: -15.3em;
        right: -97px;
        width: 45%;
    }
    section.play_store_app {
        padding: 0px 0px;
    }
    .play_store_image img {
        width: 70%;
    }
    .download_btn li {
        width: 40% !important;
    }
    .download_btn li a img {
        width: 100% !important;
    }
    .ride_map {
        width: 48%;
        float: right;
    }
    .p_form_part {
        width: 48%;
        float: left;
    }
    .newsleter {
        position: static;
    }
    .newletter_contant {
        position: static;
        width: 100%;
        text-align: center;
        float: none;
        padding: 10px 0px;
    }
    .newsletter_btn {
        float: none;
        padding: 10px 0px;
        text-align: center;
        width: 100%;
    }
    section.footer_top li a {
        font-size: 12px;
    }
    section.footer_top h2 {
        font-size: 16px;
    }
    .footer_part1 {
        width: 32%;
        float: left;
    }
    .footer_part2 {
        width: 32%;
        float: left;
    }
    .footer_part3 {
        width: 32%;
        float: right;
    }
    /* .footer_social_part .logo a img {
    width: 100%;
} */
    .footer_information {
        margin-left: 0px;
    }
    .profile_det {
        max-width: 30%;
    }
    .share_detail {
        max-width: 70%;
    }
    .profile_login_cont {
        padding: 65px 25px;
    }
    .dashboard .totalrides {
        width: 48%;
        min-height: 125px;
    }
    .dashboard .upcoming {
        width: 48%;
        min-height: 125px;
    }
    .dashboard .completed {
        width: 48%;
        margin: 0px;
        margin-top: 15px;
        min-height: 125px;
    }
    .dashboard .onride {
        width: 48%;
        min-height: 125px;
        margin: 0px;
        margin-top: 15px;
    }
    .earning_col .ride_summary {
        width: 55%;
        margin: 0px;
        margin-top: 15px;
        margin-left: 23%;
        min-height: auto;
    }
    .earning_col .last_weak_earning {
        width: 55%;
        margin: 0px;
        margin-left: 23%;
        min-height: auto;
    }
    .earning_col .total_earning {
        width: 55%;
        margin: 0px;
        margin-left: 23%;
        min-height: auto;
        margin-top: 15px;
        float: left;
    }
    .profile_info_col {
        padding: 15px 0px;
    }
    .driver_info {
        width: 55%;
        float: right;
    }
    .driver_profile_part .driver_img {
        width: 35%;
        float: left;
        height: auto;
        margin: 0px auto;
    }
    .driver_location_part li {
        text-align: center;
        margin-left: 0px;
    }
    .driver_location_part li p.driver_loc_img::before {
        position: static;
        display: block;
        margin: 0px auto;
    }
    .driver_location_part li p.driver_category_img::before {
        position: static;
        display: block;
        margin: 0px auto;
    }
    .driver_location_part p {
        position: static;
    }
    .driver_img .image_editor {
        padding: 7px 6px;
        width: 25px;
        right: -11px;
        top: 38px;
        font-size: 10px;
        height: 25px;
    }
    .dirver_address_detail .d_add_part {
        width: 300px;
        float: none;
        margin: 0px auto;
    }
    .d_cur_passowrd.driver_addr_detail {
        width: 300px;
        float: none;
        margin: 0px auto;
        margin-top: 60px;
    }
    .d_license.driver_addr_detail {
        width: 300px;
        float: none;
        margin: 0px auto;
        margin-top: 60px;
    }
    .dirver_address_detail .dir_icon {
        width: 85%;
    }
    .editprofile .input_div.selc select {
        float: left;
        height: 46px;
    }
    .editprofile .input_div.selc input {
        float: right;
        height: 46px;
        width: 67% !important;
    }
    .selc input[type="submit"] {
        top: -48px !important;
    }
    .inner_full.editprofile .col li select {
        padding: 13px 3px;
    }
    span.l_label {
        width: 50%;
    }
    span.r_label {
        width: 47%;
        font-size: 12px;
    }
    .profile_ac_form .no_padding.right {
        padding-left: 0px;
    }
    section.footer_top {
        padding: 20px 0px;
    }
    .favloc {
        overflow: auto;
    }
    .favloc table {
        width: 620px;
    }
    .ride_long_detail {
        width: 100%;
    }
    .rider_cost_detail {
        width: 100%;
        margin-top: 10px;
    }
    .moneytrancsaction .profile_ac_inner_det .profile_ac_details input {
        width: 47%;
        position: relative;
    }
    .moneytransaction span input {
        width: 200px !important;
    }
    .moneytransaction .from img {
        top: -3px;
        right: 18px;
        position: absolute;
    }
    .many_trans table {
        width: 575px !important;
    }
    .profile_ac_form.many_trans {
        overflow: auto;
    }
    .profile_ac_form .no_padding.left {
        padding-right: 0px;
    }
    .rate_detail .inner_left {
        width: 70%;
    }
    .rate_detail .inner_right {
        width: 30%;
    }
    .register_form_detail {
        width: 50% !important;
        margin: 0px auto;
    }
    .edit_form_profile .chosen-container-single .chosen-single {
        margin-top: 10px;
    }
    .edit_form_profile .inner_full.editprofile .col li {
        width: 100%;
        margin-top: 10px;
    }
    .edit_form_profile p.form_sub_title.secondary_form {
        padding-bottom: 20px;
        position: relative;
        top: 20px;
    }
}

@media only screen and (min-width: 900px) and (max-width: 1023px) {
    .profile_edit_img {
        right: 55px;
    }
}

@media only screen and (max-width: 767px) {
    .banner .carousel-indicators {
        display: none;
    }
    .download_app_bg {
        padding: 15px;
        width: 90%;
        margin: 0px auto;
    }
    div#wrapper .menu {
        display: none;
    }
    .download_app {
        width: 100%;
        text-align: center;
    }
    .hamburger {
        position: absolute;
        top: 0px;
        margin-left: 0px;
    }
    .play_store_image {
        display: none;
    }
    .download_btn li {
        margin: 0px;
    }
    .download_btn li:nth-child(2) {
        margin-top: 20px;
    }
    section.play_store_app {
        padding: 15px 0px;
    }
    section.priceing {
        padding: 25px 0px;
        text-align: left;
    }
    .estimate_form h2 {
        font-size: 22px;
        margin-top: 0px;
    }
    .track-bookedride .estimate_form{
        margin-top: 20px;
    }
    p.estimate_input_border {
        top: 88px;
    }
    .sign_up input[type="submit"] {
        width: 100%;
        background-size: 100% 100%;
    }
    .sign_up input[type="submit"]:hover {
        background-size: 100% 100%;
    }
    section.home_testmonial {
        padding: 20px 0px;
    }
    section.home_testmonial h1 {
        font-size: 30px;
    }
    .testimonial_contant {
        width: 100%;
    }
    .newsleter {
        width: 100%;
        position: static;
        box-shadow: none;
        border-radius: 0px;
    }
    .newletter_contant {
        width: 100%;
        text-align: center;
        position: static;
    }
    .newsletter_btn {
        width: 100%;
        margin-top: 20px;
    }
    .newsletter_btn ul li {
        width: 48%;
    }
    .newletter_contant span {
        display: block;
        padding-bottom: 10px;
    }
    section.footer_top {
        padding: 10px 0px;
    }
    .footer_information {
        margin-left: 0;
    }
    .footer_information {
        text-align: center;
    }
    .head_border {
        width: 50%;
        margin: 0px auto;
    }
    .keepintouch ul li {
        padding-left: 0;
    }
    .keepintouch {
        text-align: center;
    }
    .keepintouch ul li.f_address::before {
        display: block;
        position: static;
        text-align: center;
        margin: 0px auto;
        margin-bottom: 10px;
        background-repeat: no-repeat;
    }
    .keepintouch ul li.f_mail::before {
        display: block;
        position: static;
        text-align: center;
        margin: 0px auto;
        margin-bottom: 10px;
        background-repeat: no-repeat;
    }
    .keepintouch ul li.f_number::before {
        display: block;
        position: static;
        text-align: center;
        margin: 0px auto;
        margin-bottom: 10px;
        background-repeat: no-repeat;
    }
    .keepintouch ul li.f_website::before {
        display: block;
        position: static;
        text-align: center;
        margin: 0px auto;
        margin-bottom: 10px;
        background-repeat: no-repeat;
    }
    .newsletter_btn input[type="submit"] {
        width: 100%;
    }
    .newsletter_btn input[type="email"] {
        width: 100%;
    }
    section.why_choose_cabily {
        padding-bottom: 15px;
    }
    .profile_det {
        max-width: 100%;
    }
    .share_detail {
        max-width: 100%;
    }
    .inner_full.editprofile .col li {
        width: 96%;
        float: none !important;
    }
    .inner_full.editprofile .col li p {
        padding-top: 15px;
    }
    .dashboard .totalrides {
        width: 100%;
    }
    .dashboard .upcoming {
        width: 100%;
        margin: 0px;
        margin-top: 15px;
    }
    .dashboard .completed {
        width: 100%;
        margin: 0px;
        margin-top: 15px;
    }
    .dashboard .onride {
        width: 100%;
        margin: 0px;
        margin-top: 15px;
    }
    .earning_col .last_weak_earning {
        width: 100%;
        min-height: auto;
    }
    .earning_col .total_earning {
        width: 100%;
        min-height: auto;
        margin: 0px;
        margin-top: 15px;
    }
    .earning_col .ride_summary {
        width: 100%;
        min-height: auto;
        margin: 0px;
        margin-top: 15px;
    }
    .profile_pic_contt {
        width: 150px;
        margin: 0px auto;
    }
    .profile_edit_img {
        right: 0px;
    }
    .dirver_address_detail .d_add_part {
        width: 100%;
    }
    .dirver_address_detail .d_cur_passowrd {
        width: 100%;
        margin: 0px;
        margin-top: 60px;
    }
    .dirver_address_detail .d_license {
        width: 100%;
        margin: 0px;
        margin-top: 60px;
    }
    span.left_title {
        width: 75%;
        font-size: 15px;
    }
    span.edit_title {
        width: 24%;
        font-size: 15px;
        padding-right: 10px;
    }
    .driver_profile_part {
        width: 100%;
    }
    .driver_img {
        float: none;
        margin: 0px auto;
    }
    .profile_info_col {
        padding: 10px 0px;
    }
    .driver_info {
        width: 100%;
        text-align: center;
        margin-top: 20px;
    }
    .driver_location_part {
        width: 100%;
    }
    .driver_location_part li {
        margin-left: 0px;
        width: 48%;
        display: inline-block;
        text-align: center;
    }
    .driver_location_part p {
        position: relative;
        padding-top: 0px;
        padding-left: 0px;
    }
    .driver_location_part li p.driver_loc_img::before {
        display: block;
        position: static;
        background-repeat: no-repeat;
        margin: 0px auto;
    }
    .driver_location_part li p.driver_category_img::before {
        position: static;
        display: block;
        margin: 0px auto;
    }
    .driver_location_part h4 {
        font-size: 13px;
    }
    .driver_location_part p {
        font-size: 12px;
    }
    .many_trans div#example_wrapper {
        overflow-x: scroll;
    }
    #example {
        width: 800px !important;
    }
    .inner_full.editprofile input[type="submit"] {
        margin-top: -15px;
    }
    p.form_sub_title.secondary_form {
        margin-top: 90px;
        padding-bottom: 14px;
    }
    .inner_full.editprofile .col li select {
        padding: 13px 3px;
    }
    .editprofile .input_div.selc select {
        float: left;
        height: 46px;
    }
    .editprofile .input_div.selc input {
        float: right;
        height: 46px;
        width: 67% !important;
    }
    .inner_full.editprofile .input_div.selc input[type="submit"] {
        top: -23px;
    }
    .acc_info input {
        margin-top: 30px !important;
    }
    .veh_info {
        margin-top: 0px !important;
    }
    .col.vehical_sub input {
        margin-top: 20px !important;
    }
    .docu_info {
        margin-top: 0px !important;
    }
    .col.docu_sub input {
        margin-top: 20px !important;
    }
    .inner_full.editprofile .col li img {
        top: 56px;
    }
    span.l_label {
        width: 50%;
    }
    span.r_label {
        width: 47%;
        font-size: 12px;
    }
    .share_det_title h2 span {
        padding-left: 9px;
    }
    .share_det_title h2 {
        font-size: 15px;
        letter-spacing: 1px !important;
    }
    .profile_ac_form .no_padding.left {
        padding-right: 5px;
    }
    .profile_ac_form .input_div select {
        padding: 12px 20px;
        padding-left: 4px !important;
        background-position: 90%;
    }
    .profile_ac_form .input_div.selc input {
        padding: 10px;
    }
    .profile_ac_form .no_padding.right {
        padding-left: 0px;
        padding-right: 5px;
    }
    .Emr_btn {
        margin-top: 5px;
    }
    .emr_span {
        padding-top: 15px;
    }
    .favloc {
        overflow: auto;
    }
    .favloc table {
        width: 620px;
    }
    .ride_long_detail {
        width: 100%;
    }
    .rider_cost_detail {
        width: 100%;
        margin-top: 10px;
    }
    .fare_breakdown li.fare_name {
        width: 60%;
    }
    li.fare_name span {
        display: none;
    }
    .site_login {
        padding: 20px 0px !important;
    }
    .log-base-sec {
        padding: 20px 0px !important;
    }
    .moneytrancsaction .profile_ac_inner_det .profile_ac_details input {
        width: 100% !important;
    }
    .moneytrancsaction .profile_ac_inner_det .profile_ac_details span input {
        width: 95% !important;
    }
    .moneytransaction .from img {
        top: 0px;
        right: 18px;
        position: absolute;
    }
    .moneytransaction span.to img {
        position: absolute;
        right: 18px;
    }
    .many_trans div#example_filter {
        width: 100%;
    }
    .rdd_btn {
        width: 100%;
        margin-top: 20px;
    }
    #example_filter label input {
        width: auto;
        margin-top: 10px;
    }
    .myrides .profile_ac_inner_det .profile_ac_details input {
        width: 100%;
    }
    .profile_upload {
        padding-left: 0px;
        margin-top: 20px;
    }
    .inputfile+label {
        max-width: 100%;
    }
    .prv_btn {
        width: 100%;
        margin: 0px;
        margin-top: 10px;
    }
    .profile_pic_cont {
        width: 100%;
        height: auto;
        margin-top: 30px;
    }
    .select_rate .inner_left {
        width: 100%;
    }
    .select_rate .inner_right {
        width: 100%;
        margin-top: 30px;
    }
    .select_rate .rate_top_cont select {
        width: 100%;
    }
    .rate_detail .inner_right {
        text-align: right;
    }
    .share_detail .social .social_icon {
        padding-left: 15px;
    }
}

@media only screen and (min-width: 667px) and (max-width: 767px) {
    .carousel-caption {
        top: 10% !important;
    }
}

@media only screen and (min-width: 568px) and (max-width: 767px) {
    section.header {
        position: static;
    }
    .banner {
        position: relative;
    }
    .site_reg {
        float: right;
        width: 54%;
    }
    .site_logo {
        float: left;
        width: 26%;
    }
    .nav_menu {
        float: left;
        width: 20%;
    }
    .reg_col li {
        padding: 0px 10px;
    }
    .reg_col {
        font-size: 11px;
    }
    .head_border {
        width: 25%;
    }
    .sign_up input[type="submit"] {
        background-image: none !important;
        background-color: #e74c3c;
    }
    .sign_up input[type="submit"]:hover {
        background-image: none !important;
        background-color: #000;
    }
    .carousel-caption h1 {
        font-size: 40px;
    }
    .carousel-caption p {
        font-size: 20px;
    }
    .carousel-caption {
        top: 0%;
    }
    .profile_det {
        max-width: 40%;
    }
    .share_detail {
        max-width: 100%;
        border: none;
    }
    .amount_div,
    .add_money_btn {
        width: 100%;
    }
}

@media only screen and (max-width: 567px) {
    .left_side_became.same_size_divs img {
        width: 100%!important;
        margin: 0 auto;
    }
    .inner_content h1 {
        font-family: 'Poppins-Medium';
        font-size: 25px;
        margin: 0;
    }
    .slick_slider1 .inner_content:before {
        display: none;
    }
    .inner_content p {
        font-family: 'Poppins-Medium';
        font-size: 15px;
    }
    .carousel-caption .logo img {
        max-height: 80px;
    }
    li.phone_number {
        float: left;
        width: 100%;
        margin-bottom: 10px;
    }
    .nav_menu_header li {
        width: 250px !important;
        white-space: nowrap !important;
        text-align: center;
    }
    #wrapper.toggled #sidebar-wrapper {
        width: 260px;
    }
    #wrapper.toggled {
        padding-left: 240px;
    }
    section.header {
        position: static;
        z-index: 999;
    }
    .profile_det {
        max-width: 100%;
    }
    .reg_col {
        text-align: center;
        margin-top: 20px;
    }
    .reg_col {
        font-size: 11px;
    }
    .reg_col li {
        padding: 0px 5px;
    }
    .reg_col li.phone_number {
        font-size: 20px;
        margin-top: 0px;
    }
    .get_app .btn {
        font-size: 11px !important;
    }
    .get_app .dropdown-menu {
        margin-top: 9px !important;
    }
    li.get_app .dropdown button.btn {
        padding: 0px;
        margin-top: 1px;
    }
    .reg_col li {
        z-index: 999;
    }
    .carousel-caption h1 {
        font-size: 20px;
        margin-bottom: 8px;
    }
    #myCarousel .carousel-caption h1 {
        font-family: 'Poppins-Medium';
        font-size: 18px;
        text-align: left;
        margin: 4px 0px;
    }
    #myCarousel .carousel-caption p {
        font-family: 'Poppins-Medium';
        font-size: 15px;
        text-align: left;
        width: 300px;
    }
    .mb_sm {
        float: left;
        width: 100%;
    }
    #myCarousel .carousel-caption {
        position: absolute;
        top: 20%;
        left: 0;
        color: #fff;
        background-color: #93939382;
        width: 500px;
        padding: 15px;
        border-radius: 0px 0px;
        height: 105px;
    }
    .carousel-caption p {
        font-size: 13px;
        margin-bottom: 5px;
    }
    .carousel-caption p.getup a {
        font-size: 11px;
        padding: 9px 30px;
    }
    .carousel-caption {
        top: 15%;
    }
    .carousel-caption p.booknow a {
        font-size: 11px;
    }
    section.banner {
        position: relative;
    }
    .row.why_header {
        padding-top: 15px;
    }
    .row.why_header h1 {
        font-size: 20px;
    }
    .row.why_header h1 {
        margin: 10px 0px;
    }
    .row.why_header h2 {
        margin: 10px 0px;
        font-size: 14px;
    }
    .why_pg {
        width: 100%;
        height: auto;
        background-size: cover;
        background-position: 50% 100%;
    }
    .why_pg:hover {
        background-size: cover;
        background-position: 50% 100%;
    }
    .download_app h4 {
        font-size: 15px;
    }
    .download_app h1 {
        font-size: 22px;
    }
    .download_app p {
        font-size: 13px;
    }
    .amount_div,
    .add_money_btn {
        width: 100%;
    }
    .rate_title h2 {
        font-size: 16px;
    }
}

@media only screen and (min-width: 480px) and (max-width: 567px) {
    .site_logo {
        width: 31%;
        float: left;
        margin-top: 30px;
    }
    .site_reg {
        width: 68%;
        float: right;
        margin-top: 19px;
    }
}

@media only screen and (min-width: 400px) and (max-width: 567px) {
    .carousel-caption {
        top: 15%;
    }
}


/*-----------------------07/08/2017---------------------------------*/

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .earning_col .last_weak_earning {
        width: 100% !important;
        margin: 0px;
    }
    .earning_col .ride_summary {
        width: 42%;
        width: 100%;
        margin: 0px;
        margin-top: 20px;
    }
    .earning_col .total_earning {
        width: 100% !important;
        overflow-x: scroll;
        margin: 0px;
        margin-top: 20px;
    }
    .inner_full {
        font-size: 12px;
    }
    .driver_location_part p {
        font-size: 12px;
    }
    .dirver_address_detail .d_add_part {
        margin-top: 60px;
    }
    .dirver_address_detail .d_add_part:nth-child(1) {
        margin-top: 0px;
    }
    .logo {
        float: left;
        width: 25%;
    }
    section.header .menu {
        float: left;
        width: 24%;
    }
    .earning_col .ride_summary {
        width: 100%;
    }
    .profile_ac_inner_det table {
        width: 800px !important;
    }
    .profile_ac_inner_det {
        overflow-x: scroll;
    }
    .profile_login_cont .profile_ac_inner_det {
        overflow-x: hidden;
    }
    form#change_mobile_form .col li {
        width: 85%;
    }
    div#country_code_chosen {
        top: 10px;
    }
    .chosen-container-single .chosen-single {
        line-height: 45px !important;
    }
    .editprofile .input_div.selc input {
        height: 43px !important;
    }
    form#change_mobile_form input#mobile_number {
        width: 72% !important;
    }
    .mobileno_change form#change_mobile_form input#mobile_number {
        width: 74.5% !important;
        margin-top: 0px;
    }
    .mobileno_change .inner_full.editprofile .input_div.selc input[type="button"] {
        left: 73% !important;
        margin-top: 0px;
    }
    .mobileno_change .chosen-drop .chosen-search input.chosen-search-input {
        width: 100% !important;
    }
}

@media only screen and (min-width: 568px) and (max-width: 767px) {
    section.header .logo {
        float: left;
        width: 53%;
        text-align: center;
    }
    section.header .menu {
        float: left !important;
    }
    section.banner {
        position: relative;
    }
}

@media only screen and (max-width: 567px) {
    .share_detail {
        float: left;
    }
    .driver_location_part li {
        width: 100%;
    }
    .inner_full.editprofile input {
        font-size: 10px;
    }
    div.dataTables_wrapper div.dataTables_filter input {
        display: block;
    }
    .pagination>li>a,
    .pagination>li>span {
        padding: 6px 6px;
        margin-bottom: 20px;
    }
    .reg_col li.get_app ul.dropdown-menu.inner {
        right: -50% !important;
    }
}

@media only screen and (max-width: 767px) {
    .top_phone_wrap .col-xs-12 {
        padding: 0;
        text-align: center;
    }
    span.left_icons {
        display: inline-block;
        width: 45px;
        height: 45px;
        background-color: #fff;
        border-radius: 50%;
        float: none;
        margin-right: 10px;
        margin: 0 auto;
        text-align: center;
    }
    span.right_div {
        float: left;
        width: 100%;
        margin-top: 15px;
    }
    .editprofile .input_div.selc input {
        float: right;
        height: 43px;
        width: 63% !important;
        display: inline-block;
        float: none;
    }
    .profile_ac_form.myride table {
        width: 700px !important;
    }
    .myrides .profile_ac_inner_det .profile_ac_details input {
        width: 93%;
    }
    .chosen-container-single .chosen-single {
        line-height: 45px !important;
    }
    input#otp_send_btn {
        width: 100% !important;
        float: none !important;
        position: static;
        text-align: center;
    }
    .earning_col .last_weak_earning {
        width: 100% !important;
    }
    .earning_col .ride_summary {
        width: 100% !important;
    }
    .last_weak_earning {
        overflow-x: scroll;
    }
    .ride_summary {
        overflow-x: scroll;
    }
    .total_earning_detail {
        overflow-x: scroll;
    }
    .vehicleinformation_doc .vehicleinformation_detail {
        margin-left: 25px;
        margin: 0px;
        margin-top: 60px;
    }
    .vehicleinformation_doc .vehicleinformation_detail:nth-child(1) {
        margin-top: 0px !important;
    }
    .myrides table.dataTable,
    .moneytrancsaction table.dataTable {
        width: 800px !important;
    }
}


/*---------------------------10/08/2017-------------------*/

@media only screen and (min-width: 1024px) and (max-width: 1124px) {
    .reg_col ul {
        padding: 0px;
    }
    .sign_up input[type="submit"],
    .sign_up input[type="button"] {
        width: 100%;
    }
    .mobileno_change input#otp_send_btn {
        top: 0px !important;
        background-color: transparent;
        left: 72% !important;
    }
    div#map {
        width: 100% !important;
    }
    .driver_reg_form {
        min-height: 620px;
    }
    .driver_form_detail h1 {
        font-size: 30px;
    }
    .driver_form_detail {
        width: 100%;
    }
    .col-lg-6.sig_up_fb1 {
        float: left;
        width: 100%;
        text-align: left;
    }
    .col-lg-6.sig_up_fb2 {
        width: 100%;
        text-align: left;
    }
    .col-lg-6.sig_up_fb2 a {
        padding-left: 15px;
    }
    .chosen-container-single .chosen-single span {
        margin-right: 10px;
        margin-left: 5px;
    }
    .r_phone_num .chosen-container-single .chosen-single span {
        margin-left: 3px;
    }
    .r_phone_num input#mobile_number {
        width: 57% !important;
    }
    .signup_to_ride_form div#country_code_chosen {
        width: 125px !important;
    }
    .msform select#country_code {
        width: 39%;
        padding: 10px 10px;
    }
    .mobileno_change .chosen-container .chosen-results {
        width: 100% !important;
    }
    .mobileno_change .chosen-drop .chosen-search input.chosen-search-input {
        width: 100% !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .top_phone_wrap .col-lg-3.col-md-3.col-sm-3.col-xs-12 {
        float: left;
        width: 50%;
        margin-bottom: 15px;
    }
    .login-base .col-lg-5.col-md-5.col-sm-6.col-xs-12.left-log {
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-top: 0 !important;
    }
    div#map {
        width: 100% !important;
    }
    form.msform div#init_box_country_code_chosen {
        margin-top: 10px;
    }
    .mobileno_change input#otp_send_btn {
        top: 0px !important;
        left: 72% !important;
        background-color: transparent;
    }
    .mobileno_change .chosen-container .chosen-results {
        width: 100% !important;
    }
    .msform input#mobile_number {
        float: right;
        width: 70.4%;
    }
    .estimate_map.book_map {
        width: 100%;
    }
    .profile_login_cont .profile_ac_inner_det {
        overflow: hidden;
    }
    .ride_long_detail {
        min-height: 615px !important;
    }
    .ride_cash_detail .rider_cost_detail {
        min-height: 615px;
    }
    .inner_full.editprofile input {
        font-size: 14px;
    }
    .r_phone_num input#mobile_number {
        width: 62.5% !important;
    }
    .footer_information {
        float: right;
        width: 23%;
    }
    .footer_social_part {
        float: left;
        width: 43%;
    }
    .keepintouch {
        float: left;
        width: 30%;
    }
    .logo {
        float: none;
        width: 100%;
        margin: 0px auto;
    }
    .driver_form_detail {
        width: 100%;
    }
    .driver_register_form {
        margin-right: 15%;
    }
    .driver_reg_form {
        min-height: 775px;
    }
    .col-md-5.contact_right .keepintouch {
        width: 100%;
    }
    .col-md-5.contact_right {
        float: right;
        width: 45%;
    }
    .col-md-6.contact_left {
        float: left;
        width: 55%;
    }
    .col-md-6.contact_left ul {
        padding: 0px;
    }
    .col-md-4.col-lg-4.register_form_detail {
        width: 55% !important;
    }
    .col-lg-6.sig_up_fb1 {
        float: left;
    }
    .chosen-container-single .chosen-single {
        line-height: 52px !important;
        margin-top: -10px;
    }
    div#display_payments_tbl_wrapper .row .col-sm-12 {
        overflow-x: scroll !important;
    }
    .share_inner_details {
        padding-bottom: 0px;
    }
}

@media only screen and (max-width: 767px) {
    body button#booking {
        float: left !important;
        width: 100% !important;
        padding: 0 !important;
        background-size: 100% 100% !important;
        margin-bottom: 15px;
    }
    #fare_estimate .modal-dialog {
        float: left !important;
        width: 100% !important;
        margin: 0 !important;
    }
    #fare_estimate .modal-content {
        float: left;
    }
    .sign_driver_text h3 {
        padding: 6px;
        margin: 13px 0;
        float: left;
        width: 100%;
    }
    label.field_title.estLbl {
        float: left;
        width: auto !important;
    }
    .sign_driver_text ul {
        float: left;
        width: 100%;
    }
    .fare_list {
        float: left;
        width: 100%;
    }
    .form_input {
        float: left;
        width: 100%;
    }
    .fare_modal_box {
        padding: 14px 0 !important;
        height: auto !important;
    }
    .fareInner .form_input {
        float: right !important;
        width: auto !important;
    }
    .left_side_about p {
        text-align: justify;
    }
    .reg_col ul {
        padding: 0px;
    }
    .profile_login_cont.emergency_contact_loc input#em_mobile {
        width: 60% !important;
    }
    .share_detail.dirver_reg_form {
        padding: 10px;
    }
    .profile_login_cont.emergency_contact_loc div#em_mobile_code_chosen {
        width: 100px !important;
    }
    .profile_mobile_edit_img {
        margin-top: 0px;
        position: absolute;
        top: 7px;
        right: 0px;
    }
    .whatever:last-child {
        margin-top: 10px;
    }
    .share_inner_details {
        padding-bottom: 0px;
    }
    .profile_ac_form .input_div.selc {
        position: relative;
    }
    .rate_detail .inner_right {
        padding-right: 10px;
    }
    .invoice_header .invoice_title {
        width: 100%;
        text-align: center;
    }
    .invoice_header .back_to_list {
        float: none;
        width: 45%;   
        margin: 0px auto;
        display: table;
        text-align: center;
    }
    /*.inner_full.editprofile .col li img {
   
    top: 49px !important;
}*/
    .priceing_form.booking_form {
        width: 95% !important;
    }
    section.priceing.booking .col-lg-6.col-md-6 {
        /* padding: 0px !important; */
        float: left;
        width: 100%;
    }
    .track-bookedride{
        height: 240px;
        width: 100%;
    }
    .card_sbmit_btn {
        float: left !important;
        margin-right: 11px !important;
    }
    .rider_payment_page_cnt {
        float: left !important;
        width: 100% !important;
    }
    p.estimate_input_border.booking_border {
        left: 17px;
    }
    .profile_ac_inner_det {
        padding: 0px;
    }
    .book_map {
        width: 100% !important;
    }
    /*.inner_full.editprofile .col li:nth-child(2) img {
    top: 55px !important;
   
}*/
    i.fa.fa-long-arrow-left {
        right: 10px;
        position: relative;
    }
    .rider_img {
        float: none;
        margin: 0px auto;
    }
    .fare_breakdown li.fare_name {
        width: 55%;
    }
    .total_via {
        margin-top: 0px;
    }
    .rider_name {
        width: 100%;
        text-align: center;
    }
    .myrides div#display_rides_tbl_wrapper {
        overflow-x: scroll;
    }
    .rider_login_sec {
        padding-top: 10px;
    }
    .rider_login_sec {
        padding-bottom: 10px !important;
    }
    .sign_up input[type="submit"],
    .sign_up input[type="button"] {
        width: 100% !important;
    }
    .login-base h1 {
        margin-bottom: 10px;
    }
    form#rider_register_form .chosen-container-single .chosen-single {
        line-height: 51px !important;
    }
    .driver_form_detail h1 {
        font-size: 20px;
        line-height: 28px;
    }
    .driver_form_detail {
        width: 100%;
    }
    section.ddriver_reg_banner {
        padding-top: 10px;
    }
    .driver_register_form {
        width: 100%;
    }
    .driver_reg_form {
        min-height: 800px;
    }
    .dirver_money .icon {
        background-repeat: no-repeat;
        margin: 0px auto;
        background-position: center;
    }
    .dirver_money .detail {
        width: 100%;
    }
    section.rider-register {
        padding: 0px;
    }
    .driver_timeing .icon {
        background-position: center;
        width: 100%;
        background-repeat: no-repeat;
    }
    .driver_timeing .detail {
        width: 100%;
    }
    .col-lg-6.sig_up_fb2 a {
        padding-left: 15px;
    }
    form#cms_contact_form ul {
        padding: 0px;
    }
    section.contact.row {
        top: 10px;
    }
    section.contact.row .contact_left ul li.col-md-5 {
        width: 100%;
    }
    .col-md-5.contact_right h2 {
        margin-left: 0px !important;
    }
    section.contact.row .contact_left ul li.col-md-5 {
        width: 100%;
    }
    section.contact.row {
        padding-bottom: 20px !important;
    }
    .dirver_money .icon {
        width: 100%;
    }
    section.driver_reg_feature {
        text-align: center;
    }
    .cms_base_div h1 {
        font-size: 23px;
    }
    .myrides div#display_payments_tbl_wrapper {
        overflow-x: scroll;
    }
}

@media only screen and (min-width: 568px) and (max-width: 767px) {
    section.header .logo {
        width: 100%;
    }
    .col-lg-6.sig_up_fb1 {
        float: left;
    }
    .col-lg-6.sig_up_fb1,
    .col-lg-6.sig_up_fb2 {
        text-align: left;
    }
    form#cms_contact_form ul {
        padding: 0px;
    }
    .pagination>li>a,
    .pagination>li>span {
        padding: 6px 6px;
    }
    .mobileno_change .chosen-container .chosen-results {
        width: 100% !important;
    }
    .mobileno_change .chosen-drop .chosen-search input.chosen-search-input {
        width: 100% !important;
    }
    .priceing_form .sign_up input[type="button"] {
        width: 100%;
    }
    input#total_amount {
        padding: 10px;
        font-size: 13px;
        text-align: center;
    }
    .msform select#country_code {
        width: 39%;
    }
    .chosen-container-single .chosen-single span {
        margin-left: 5px !important;
    }
    div#map {
        width: 100% !important;
    }
    .signup_to_ride_form div#country_code_chosen {
        width: 21% !important;
    }
}

@media only screen and (max-width: 567px) {
    div#map {
        width: 100% !important;
    }
    .fare_breakdown li.fare_name {
        font-size: 12px;
    }
    .msform select#country_code {
        width: 39%;
        padding: 14px 5px;
    }
    .col-lg-6.sig_up_fb1 {
        width: 100%;
        text-align: left;
    }
    .reg_col li.get_app ul.dropdown-menu.inner {
        right: -70% !important;
    }
    .share_detail.cabilymoney {
        padding-bottom: 915px;
    }
    input#total_amount {
        font-size: 13px;
        padding: 10px;
        text-align: center;
    }
    .profile_det {
        padding-bottom: 0px !important;
        float: none;
    }
    .chosen-container .chosen-results li.active-result {
        font-size: 10px;
    }
    .quote {
        width: 80%;
    }
    .col-lg-6.sig_up_fb2 {
        width: 100%;
        text-align: left;
    }
    .rider_login_cont h2 {
        font-size: 20px;
        line-height: 35px;
    }
    .chosen-container-single .chosen-single span {
        margin-right: 5px !important;
    }
    .chosen-container-single .chosen-single div b {
        right: 1px !important;
    }
    .chosen-container-single .chosen-single span {
        margin-left: 5px !important;
    }
    .why_pg {
        height: 265px;
    }
    .profile_login_cont {
        padding: 10px !important;
    }
    .msform select#country_code {
        width: 39% !important;
    }
}

@media only screen and (min-width: 734px) and (max-width: 767px) {
    /*.r_phone_num input#mobile_number {
    width: 78.5% !important;
}*/
}

@media only screen and (min-width: 667px) and (max-width:733px) {
    /*.r_phone_num input#mobile_number {
    width: 77.2% !important;
}*/
}

@media only screen and (min-width: 600px) and (max-width:666px) {
    .r_phone_num input#mobile_number {
        width: 74.5% !important;
    }
}

@media only screen and (min-width: 568px) and (max-width: 599px) {
    .r_phone_num input#mobile_number {
        width: 73% !important;
    }
}

@media only screen and (min-width: 480px) and (max-width: 567px) {
    .why_pg {
        height: 310px;
    }
}

@media only screen and (min-width: 414px) and (max-width: 479px) {
    div#country_code_chosen {
        width: 115px !important;
    }
    .r_phone_num input#mobile_number {
        width: 62.6% !important;
    }
    .why_pg {
        height: 290px;
    }
}

@media only screen and (min-width: 384px) and (max-width: 413px) {
    div#country_code_chosen {
        width: 124px !important;
    }
}

@media only screen and (min-width: 375px) and (max-width: 383px) {}

@media only screen and (min-width: 320px) and (max-width: 374px) {
    .signup_to_ride_form input#mobile_number {
        width: 58.5% !important;
    }
    .signup_to_ride_form div#country_code_chosen {
        width: 112px !important;
    }
}

@media only screen and (max-width: 567px) {
    .share_det_title>h2 {
        letter-spacing: 1px;
    }
    .rate_card .profile_login_cont .share_detail {
        padding-bottom: 0px;
        margin-bottom: 0px;
    }
    .mobileno_change div#country_code_chosen {
        margin-top: 2px;
    }
    .driver_register_form form.msform div#init_box_country_code_chosen a.chosen-single span {
        font-size: 10px !important;
    }
    .driver_register_form input {
        font-size: 12px;
    }
    div#mobile_container select#country_code {
        font-size: 11px !important;
        padding-right: 5px;
        height: 48px;
    }
}

@media only screen and (max-width: 767px) {
    section.why_choose_cabily.new_design_why_choose {
        background-image: none!important;
        background-color: #212121!important;
    }
    input#em_mobile+label {
        position: relative;
        left: 23px;
        top: -6px;
    }
    .sign_up input[type="submit"],
    .sign_up input[type="button"] {
        background-size: 100% 100%;
    }
    .sign_up input[type="submit"]:hover,
    .sign_up input[type="button"]:hover {
        background-size: 100% 100%;
    }
    .estimate_map {
        margin-top: 10px;
    }
    section.news_letter_part {
        padding-bottom: 10px;
    }
    .edit_form_profile span.l_label {
        width: 100%;
    }
    p.image_doc span {
        width: 100% !important;
    }
    p.image_doc button {
        width: 100%;
        margin-top: 10px;
    }
    .change_phone_popup select#country_code {
        width: 35% !important;
        padding: 5px;
        line-height: 20px;
        font-size: 12px;
    }
    .driver_profile {
        padding-right: 10px;
    }
    .edit_form_profile .profile_ac_inner_det {
        padding-right: 7px;
    }
    .edit_form_profile .profile_mobile_edit_img {
        top: 49px !important;
    }
    div.dataTables_wrapper div.dataTables_filter {
        width: 100%;
    }
    .mobileno_change input#mobile_number {
        width: 63% !important;
    }
    .mobileno_change input#mobile_otp+input {
        left: 62% !important;
    }
    .mobileno_change .chosen-drop .chosen-search input.chosen-search-input {
        width: 100% !important;
    }
    div.mobileno_change div#country_code_chosen {
        width: 35% !important;
    }
}

@media only screen and (min-width: 568px) and (max-width: 767px) {
    .change_phone_popup select#country_code {
        width: 20% !important;
    }
    div#display_rides_tbl_length select.form-control.input-sm {
        margin-left: 18px;
    }
    select#country_code {
        width: 24% !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .whypart_contant h1 {
        float: left;
        width: 100%;
        text-transform: uppercase;
        font-size: 25px;
    }
    .card_sbmit_btn {
        float: left !important;
        margin-right: 11px !important;
    }
    .mobileno_change div#country_code_chosen {
        width: 27% !important;
    }
    .mobileno_change form#change_mobile_form input#mobile_number {
        width: 73% !important;
        margin-top: 0px;
    }
    .myrides div#display_rides_tbl_wrapper {
        overflow-x: scroll;
    }
    .hover-fav {
        left: 88%;
    }
    .whypart_contant {
        padding: 17px 20px;
        margin-top: 10px;
    }
    .r_phone_num input#mobile_number {
        width: 72.5% !important;
    }
    .signup_to_ride_form div#country_code_chosen {
        width: 17% !important;
        display: none;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1180px) {
    .card_sbmit_btn {
        float: left !important;
        margin-right: 11px !important;
    }
    section.why_choose_cabily.new_design_why_choose .col-lg-3 {
        float: left !important;
    }
    .inner_become_driver_wrap .same_size_divs .inner_right h1 {
        font-size: 20px;
    }
    section.why_choose_cabily.new_design_why_choose {
        padding-bottom: 25px;
    }
    .mobileno_change input#mobile_number {
        width: 71% !important;
        margin-top: 0px;
    }
    .whypart_contant {
        padding: 17px 20px;
        margin-top: 0px !important;
        min-height: 185px !important;
    }
    .mobileno_change div#country_code_chosen {
        width: 29% !important;
        /* padding-bottom: 10px; */
    }
    .chosen-container-single .chosen-single {
        height: 46px !important;
    }
    .mobileno_change .inner_full.editprofile .input_div.selc input[type="button"] {
        left: 74% !important;
        margin-top: 0px;
    }
    table.display {
        width: 1125px;
    }
    .table_content {
        overflow: auto;
    }
    .social_activities.last-activity .activities_s {
        width: 30.9%;
    }
}

@media only screen and (max-width: 1000px) {
    .inner_become_driver_wrap .col-xs-12 {
        width: 100%!important;
        margin-bottom: 10px;
    }
}

@media only screen and (max-width: 767px) {
    .login-base .col-lg-5.col-md-5.col-sm-6.col-xs-12.left-log {
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-top: 0 !important;
    }
    .whypart_image img {
        width: 50%;
        margin: 0 auto;
    }
    .hover-fav {
        position: absolute;
        left: 82%;
        z-index: 999;
    }
    .whypart_contant {
        padding: 8px 0px;
        margin-top: 0;
        float: left;
        width: 100%;
        text-align: center;
    }
    .whypart_contant h1 {
        font-size: 20px;
        margin-top: 0;
    }
    .profile_login_cont span#image-holder {
        width: 80%;
        /* margin: 0px auto !important; */
        margin: 10%;
    }
    h3.payment-reference back_to_list {
        font-size: 14px !important;
    }
    h3.payment-reference {
        font-size: 13px !important;
    }
    .mobileno_change select#country_code {
        width: 40% !important;
        height: 43px;
    }
    .mobileno_change div#country_code_chosen {
        margin-top: 0px;
    }
    .mobileno_change input#mobile_number {
        width: 58% !important;
    }
    .profile_pic_cont img {
        height: 100% !important;
        width: 100% !important;
    }
}

@media only screen and (max-width:360px) {
    .hover-fav {
        left: 80%;
    }
}

@media only screen and (max-width: 567px) {
    .whypart_image img {
        width: 100%;
        margin: 0 auto;
    }
    .amount_div,
    .add_money_btn {
        width: 98%;
    }
    .newsletter_btn ul li {
        width: 48% !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .inner_full.editprofile .col li {
        width: 100%;
    }
    .dirver_reg_form .editprofile .inputfile+label {
        width: 100%;
        margin-right: 0%;
    }
}

@media only screen and (max-width: 767px) {
    .inner_full.editprofile .col li {
        width: 100%;
    }
    section.header {
        position: relative !important;
    }
    button#booking {
        padding-left: 20px !important;
        background-size: 95% 100% !important;
    }
    .dirver_reg_form .editprofile .inputfile+label {
        width: 100%;
        margin-right: 0%;
    }
    .dirver_reg_form span.l_label {
        width: 100%;
    }
    .driver_location_part p {
        left: 0px;
    }
    .vehicleinformation_right li p {
        padding-top: 20px;
    }
    .profile_ac_inner_det {
        margin: 10px;
    }
}

@media only screen and (max-width: 567px) {
    li.upcome_count.count {
        width: 35%;
    }
    .star_rate>span {
        width: 49% !important;
    }
    .profile_login_cont .col-md-4.col-lg-4 {
        float: left;
        /* width: 50%; */
    }
    .reg_col {
        margin: 0px;
    }
    .wallet_pay_notification>h1 {
        font-size: 18px !important;
    }
    .wallet_pay_notification>h1>span {
        font-size: 18px !important;
    }
    #booking_error_popup_lbl {
        font-size: 14px !important;
    }
    section.banner {
        z-index: 0;
    }
    .reg_col {
        position: relative;
        z-index: 0;
    }
    .carousel-inner {
        z-index: -1 !important;
    }
    .carousel-inner>.item>a>img,
    .carousel-inner>.item>img {
        line-height: 1;
        position: relative;
        z-index: -999;
    }
    .carousel {
        position: relative;
        z-index: -1;
    }
    .carousel-inner {
        overflow: visible;
    }
    section.header {
        position: relative !important;
    }
    #booking_error_popup_lbl {
        font-size: 10px;
    }
}


/*---------------------------------------------28/03/2018---------------------------------------*/

@media only screen and (min-width: 1024px) and (max-width: 1180px) {
    .newsleter {
        width: 100%;
        left: 0;
    }
    .newsletter_btn ul li:nth-child(1) {
        width: 55%;
    }
    .newsletter_btn ul li {
        width: 32%;
    }
    .download_app_bg {
        padding: 30px 20px;
    }
    .right_side_about {
        background: transparent url(../../images/move_car.png) 100% center no-repeat;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .phone_content {
        padding-top: 80px !important;
    }
    .right_side_about {
        background: transparent url(../../images/move_car.png) 100% center no-repeat;
    }
    section.about_content {
        padding: 20px 0px;
    }
    .why_choose_cabily.new_design_why_choose.wow.zoomIn .col-md-4.col-lg-4.wow.bounceIn {
        width: 33%;
        float: left;
    }
    .whypart_contant h1 {
        width: 100%;
    }
    .whypart_contant p {
        padding: 0px 10px;
    }
    .inner_become_driver_wrap .same_size_divs .inner_right h1 {
        font-size: 16px;
    }
    .inner_become_driver_wrap .same_size_divs .inner_right p {
        font-size: 12px;
    }
    .inner_become_driver_wrap {
        padding-bottom: 0px;
    }
}

@media only screen and (max-width: 767px) {
    .top_phone_wrap .col-lg-3 {
        margin-bottom: 20px;
    }
    section.about_content {
        padding: 20px 0px;
        text-align: center;
    }
    .readmore_div a {
        width: 50%;
    }
    .whypart_contant {
        margin-top: 10px;
    }
    section.featured_services h1 {
        font-size: 28px;
    }
    .inner_become_driver_wrap .same_size_divs {
        width: 94%;
        margin-left: 3%;
        margin-bottom: 10px;
    }
    .inner_become_driver_wrap .same_size_divs .inner_right h1 {
        font-size: 20px;
    }
    section.play_store_app {
        height: auto;
    }
    section.slick_slider h3 {
        font-size: 20px;
    }
    span.cost strong {
        font-size: 20px;
    }
    /* .whypart_image img {
width: 100%;
} */
    .left_side_became.same_size_divs img {
        width: 50%;
        margin: 0 auto;
    }
    span.buk_nw {
        width: 50%;
    }
}

@media only screen and (min-width: 568px) and (max-width: 767px) {
    .newsletter_btn ul li:nth-child(1) {
        width: 73%;
    }
    .newsletter_btn ul li {
        width: 25%;
    }
}

button#closeBtn {
    width: auto;
    float: left;
}


/***********new-changes-responsive**********/

@media only screen and (max-width: 767px) {
    .live-fare-section .container-fluid {
        padding: 0;
    }
    .profile_det.new-profile-changes {
        display: none;
    }
    .profile_pic_sec.row {
        padding: 0;
    }
    .share_det_title h2 {
        padding: 0;
    }
    .fare-hide {
        bottom: 0;
    }
    .new-estimate-map iframe {
        height: 350px;
    }
    .total-fare {
        padding: 0;
        background-color: #111926 !important;
        border: none !important;
    }
    .live-fare,
    .rush-fare,
    .payment-method,
    .payment-confirm {
        width: 100%;
        margin: 0;
        border-radius: 0;
        height: auto;
        padding-bottom: 0;
    }
    .live-fare {
        border-radius: 10px 10px 0 0;
    }
    .payment-confirm {
        padding-bottom: 10px;
    }
    .pay-card {
        width: 100%;
        margin: 0 auto;
    }
    /* .payment-add {
        width: 310px;
    } */
    .pay-card-left {
        width: 60%;
        margin: 0 auto;
    }
    .payment-add {
        width: 80px;
        margin: 0px auto;
    }
    .payment-card span {
        padding: 5px 23px;
    }
    .pay-card-right span {
        padding: 3px 23px;
    }
    p.fare-card {
        width: 60%;
        font-size: 12px;
    }
    .payment-add span.coup {
        margin-top: 10px;
    }
    .rush-card {
        width: 60%;
        margin: 0px auto;
        margin-bottom: 10px;
    }
    .rush-fare ul {
        height: 60px;
    }
    .est-now {
        padding: 3px 10px;
    }
    .share_detail {
        border: none;
    }
    .newsletter_btn ul li:nth-child(1) {
        width: 60% !important;
    }
    .newsletter_btn ul li:nth-child(2) {
        width: 38% !important;
    }
    .priceing_form.booking_form {
        width: 100% !important;
        padding: 0;
    }
    .live-fare-section {
        background-color: transparent;
    }
    .payment-confirm button {
        width: 185px;
        height: 43px;
        font-size: 13px;
        font-family: 'Poppins-SemiBold';
    }
    #apply_promo_box input[type="text"] {
        padding: 5px 5% !important;
        font-size: 11px !important;
        border: none;
        border-radius: 25px;
        width: 50% !important;
    }
    .container-fluid.profile_login_cont>.row {
        margin: 0;
    }
    .profile_login_cont {
        padding: 0px !important;
    }
    .sign_up.callHide {
        padding: 0 10px;
    }
    .live-fare-section {
        padding: 0;
    }
    button.coupAppltBtn {
        padding: 5px 10px;
        border-radius: 25px;
    }
    a.close-map i {
        line-height: 14px;
    }
    a.close-map {
        top: 10px;
        right: 10px;
    }
    .estimate_form input[type="text"] {
        float: left;
    }
    #payment_type {
        padding: 5px 5% !important;
    }
    /******landing-page*****/
    .priceing.new-pricing {
        padding: 0;
    }
    .fare-ride-buttons {
        top: 120px;
        width: 250px;
    }
    .fare-ride-buttons button {
        width: 100%;
        margin: 0;
        margin-bottom: 5px;
        font-size: 14px;
        padding: 10px;
    }
    .price-form {
        width: 100%;
        background-color: #fff;
        height: 250px;
    }
    .estimate_form {
        height: 170px;
        margin-top: 25px;
    }
    .priceing_form.new-price-form .close-form{
        right: 23px;
        top: 20px;
    }
    .res-est-buttons {
        display: block;
    }
    .slick_slider.ss-pakage {
        margin-top: -80px;
        padding-bottom: 20px;
    }
    .slick_slider.ss-pakage::before {
        height: 175px;
        bottom: 0;
        z-index: -10;
    }
    .gmnoprint div[draggable="false"] {
        display: none;
    }
    .est-detail {
        border: none;
    }
    .slick_slider.ss-pakage .estimate-slider {
        position: initial;
    }
    .rush-list {
        width: 70%;
        margin: 0 auto;
    }
    .live-fare-section {
        width: 100%;
    }
    .payment-add span.note {
        float: right;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1161px) {
    .fare-ride-buttons {
        top: 140px;
        width: 507px;
    }
    .rush-list {
        width: 80%;
    }
    .live-fare,
    .rush-fare,
    .payment-method,
    .payment-confirm {
        margin: 0 3px;
    }
    .fare-card,
    .rush-card,
    .payment-card span {
        font-size: 10px;
    }
    .payment-card span {
        width: auto;
        margin: 0 2px;
        margin-bottom: 5px;
        padding: 5px 15px;
    }
    /* .payment-card span:last-child {
        padding: 4px 1px;
    } */
    .payment-card span select {
        float: right;
        padding: 0;
        font-size: 10px;
    }
    .payment-add span {
        font-size: 9px;
    }
    /* .pay-card {
        width: 201px;
        margin: 0 auto;
    } */
    .est-now {
        padding: 5px;
    }
    .payment-add {
        width: 100%;
    }
    .pay-card-left {
        /* width: 130px; */
        width: 90%;
        margin: 0 auto;
        float: none;
    }
    .pay-card-right {
        width: 112px;
        float: none;
        margin: 0 auto;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    section.live-fare-section {
        display: none;
    }
    section.live-fare-section.fare-hide {
        bottom: -140px;
        display: block;
    }
    .price-form {
        height: 250px;
        width: 385px;
    }
    .price-form .estimate_form{
        height: 150px;
        margin-top: 25px;
    }
    .priceing_form.new-price-form .close-form{
        right: 24px;
        top: 10px;
    }
    .track-bookedride{
        height: 250px;
        width: 385px;
    }
    .track-bookedride .priceing_form.new-price-form .close-form {
        right: 24px;
        top: 23px;
    }

}