@charset "utf-8";

/* CSS Document */
@media (max-width: 1024px) {
    .sub-pln-box ul li a {
        padding: 8px 0px;
        font-size: 12px;
    }

    .sub-pln-box {
        padding: 30px;
    }

    .sub-pln-box ul li span {
        font-size: 13px;
    }

    .sub-pln-box ul li h4 {
        font-size: 20px;
    }

    .sub-pln-box ul li h6 {
        font-size: 18px;
    }

    .driver-edit {
        width: 100%;
    }

    .drvr-box-img {
        margin-bottom: 20px;
    }

    .car-lcns {
        width: 50%;
    }

    .driver-dtls {
        width: 50%;
    }

    .drvr-box-img-sld {
        width: 100%;
    }

    .drvr-box-img {
        width: 100%;
    }

    .add-car-pop-body {
        width: 66%;
    }

    .add-car-pop-body-hdr ul::before {
        left: 37%;
    }

    .car-ftr span {
        padding-right: 10px;
    }

    .car-ftr span:last-child {
        padding-right: 0px;
    }

    .car_listing_item {
        flex-wrap: wrap;
    }

    .car-wnr {
        margin-top: 10px;
    }

    .location_pop_body {
        width: 53%;
    }

    .prfl-box-inner-card {
        width: 80%;
    }

    .src-rslt_filter-box p span {
        font-size: 13px !important;
        padding-left: 23px !important;
    }

    .log-in-box-inr {
        width: 50%;
    }

    .src-rslt-item-ryt {
        width: 100%;
    }

    .src-rslt-item-lft {
        width: 100%;
        margin-bottom: 15px;
    }

    .app-dwnld {
        right: 75px;
    }

    .src-btn {
        height: 50px;
        font-size: 18px;
    }

    .search .form-group select {
        height: 50px;
    }

    .search .form-group input {
        height: 50px;
    }

    .search h4 {
        font-size: 30px;
    }

    .how-item::before {
        right: -86px;
        width: 155px;
    }

    .icon {
        width: 100px;
        font-size: 30px;
        height: 100px;
    }

    .ftr-social ul li a {
        width: 40px;
        height: 40px;
        color: #000;
        border-radius: 100%;
        background: #fff;
        box-shadow: 2px 3px 10px rgb(204 204 204 / 42%);
        font-size: 14px;
        text-align: center;
        padding: 10px 1px;
    }

    .ftr-menu ul li a {
        font-size: 13px;
        padding: 14px 10px;
    }

    .test-box h4 {
        font-size: 30px;
    }

    .how-dtls p {
        font-size: 14px;
    }

    .how-dtls h5 {
        font-size: 20px;
    }

    .cmn-hdn h4 {
        font-size: 30px;
    }

    .ad-box img {
        width: 100%;
    }
}

@media (max-width:992px) {
    .form-grp .add-car-pic {
        width: 100%;
    }

    .add-car-pop-body-hdr ul::before {
        left: 40%;
    }

    .add-car-pop-body-hdr h4 {
        font-size: 20px;
    }

    .add-car-pop-body {
        width: 66%;
    }

    #best-srvs {
        padding-bottom: 80px;
    }

    #best-srvs::before {
        display: none;
    }

}

@media (max-width:980px) {}

@media (max-width:812px) {
    .sub-pln-box ul li span {
        font-size: 10px;
    }

    .sub-pln-box ul li a {
        font-size: 10px;
        left: 20px;
        right: 20px;
    }

    .sub-pln-box ul li {
        padding-bottom: 30px;
    }

    .driver-dtls ul li label {
        font-size: 13px;
    }

    .driver-dtls ul li {
        font-size: 13px;
    }

    .add-car-pop-body-hdr ul::before {
        left: 36%;
    }

    .location_pop_body {
        width: 63%;
    }

    .flx-btn button {
        font-size: 14px;
    }

    .pop-body h5 {
        font-size: 20px;
    }

    .src-rslt_filter-box .src-btn {
        width: 100%;
    }

    .src-rslt_filter-box {
        flex-wrap: wrap;
    }

    .src-rslt_filter-box p {
        width: 50%;
        margin-bottom: 15px;
    }

    .src-rslt-item-ryt p {
        width: 100%;
        margin-top: 15px;
        margin-bottom: 10px;
    }

    .src-rslt-item-ryt {
        flex-wrap: wrap;
    }

    .app-dwnld {
        right: 64px;
    }

    .location {
        left: 64px;
    }

    .ftr-social ul {
        display: flex;
        justify-content: center;
    }

    .footer-logo {
        margin-top: 0px;
        text-align: center;
    }

}

@media (max-width:768px) {
    .sub-pln-box ul li {
        width: 48%;
        margin-bottom: 30px;
    }

    /*---*/
    #prfl-cover h4 {
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: center;
    }

    .add_car {
        font-size: 13px;
        color: #000;
        background: #f4f4f4;
        padding: 3px 19px;
        border-radius: 30px;
        cursor: pointer;
        position: relative;
        right: auto;
        display: inline-block;
        margin-top: 20px;
    }

    .add-car-pop-body {
        padding: 20px;
    }

    .car-ftr {
        width: 50%;
        margin-top: 15px;
    }

    .car_no {
        width: 50%;
    }

    .car-wnr {
        width: 60%;
    }

    .add-car-pop-body {
        width: 80%;
    }

    .prfl-box-inner-card {
        width: 100%;
    }

    .log-in-box-inr {
        width: 70%;
    }
}

@media (max-width:767px) {
    .location_pop_body {
        width: 95%;
    }

    .profile-pic {
        width: 150px;
        height: 150px;
    }

    .prfl-box-inner {
        padding: 20px;
    }

    .prfl-box {
        padding: 30px;
    }

    #prfl-cover h4 {
        font-size: 30px;
    }

    .flx-frm select {
        font-size: 14px !important;
    }

    .log-in-box-inr form input {
        font-size: 14px !important;
    }

    .log-in-box-inr {
        width: 70%;
        padding: 30px 30px;
    }

    .container {
        margin: 0 auto;
        max-width: 100%;
        width: 90%;
    }

    .location ul li span {
        font-size: 13px;
        top: 8px;
    }

    .location ul li:hover span {
        left: 24px;
    }

    header {
        z-index: 9999;
    }

    .location {
        top: 20%;
        left: 56px;
    }

    .location ul li a {
        width: 40px;
        height: 40px;
    }

    .open-menu {
        display: block !important;
    }

    .nav menu ul li a {

        font-family: Montserrat-SemiBold;
        padding: 10px 0px;
    }

    .hdr-menu {
        width: 100%;
        margin: 0px;
        display: flex;
        flex-direction: column;
    }

    .nav menu {
        width: 100%;
        display: none;
    }

    .mbl-btn {
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }

    header {
        background: #fff;
    }

    .custom-btn {
        width: 36px;
        height: 36px;
        border: 1px solid #4285f4;
        color: #4285f4;
        border-radius: 5px;
        background: none;
        margin-left: 10px;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .logo {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        flex-wrap: wrap;
    }

    .logo a {
        width: 30%;
    }

    .mbl-btn {
        width: 70%;
    }

    .nav {
        flex-wrap: wrap;
    }

    .nav menu button {
        display: none;
    }

    .service-dtls p {
        font-size: 14px;
    }

    .service-dtls h4 {
        font-size: 20px;
    }

    .how-item {
        margin-bottom: 30px;
    }

    .client-drc p {
        font-size: 14px;
    }

    .client-drc {
        width: 80%;
    }

    .how-item:before {
        display: none;
    }

    .s12 {
        width: 100% !important;
    }

    .cmn-hdn h4 {
        font-size: 25px;
    }

    .brand-box ul li img {
        width: 100%;
    }

    .search h4 {
        font-size: 25px;
        text-align: center;
    }

    .mbl-hdn {
        display: none;
    }

    .mbl-pf {
        display: flex;
        width: auto;
        align-items: center;
    }

    .hdr-menu {
        align-items: flex-start;
    }

    .mbl-pf a {
        font-size: 14px;
        color: #000;
        font-family: Montserrat-SemiBold;
        padding: 0px 15px;
    }
}

@media (max-width:640px) {
    .car-id .form-group {
        padding: 30px 0px;
    }

    .drvr-box-img-sld {
        height: 200px;
    }

    .driver-dtls {
        width: 60%;
        margin-bottom: 20px;
    }

    .car-wnr {
        width: 72%;
    }

    .car_no {
        width: 60%;
    }

    .add-car-pop-body-hdr ul::before {
        left: 39%;
    }

    .prfl-box-inner-card form label {
        font-size: 14px;
    }

    .prfl-box-inner-card form input {
        font-size: 16px !important;
    }

    .src-rslt {
        margin-top: 20px;
    }

    .frm-hdn h4 {
        font-size: 20px;
    }

    .src-rslt-item-ryt b {
        font-size: 16px;
    }

    .src-rslt-item-lft h5 {
        font-size: 16px;
    }

    .app-dwnld {
        right: 34px;
    }

    .location {
        left: 34px;
    }

    .service-dtls h4 {
        font-size: 18px;
    }

    .how-dtls h5 {

        font-size: 18px;

    }

    .client-drc:before {
        display: none;
    }

    .client-drc:after {
        display: none;
    }

    .frm-fld .form-group:last-child {
        width: 100%;
        margin-bottom: 20px;
    }

    .frm-fld .form-group {
        width: 100%;
    }
}

@media (max-width:480px) {

    .rtn-pfl img {
        width: 50px;
        height: 50px;
    }

    .rating-pop-body form textarea {
        min-height: 80px;
        max-height: 80px;
    }

    .pick-box-item h3 {
        letter-spacing: 10px;
        padding: 12px 25px;
        font-size: 20px;
        padding-right: 15px;
    }

    .pick-ftr button {
        padding: 10px 20px;
        font-size: 12px;
    }

    .pick-box-item-lft h5 {
        font-size: 14px;
    }

    .pick-box-item-lft p {
        font-size: 14px;
    }

    .pick-box-item-lft h4 {
        font-size: 14px;
    }

    .pick-box-item-lft {
        width: 100%;
        margin-bottom: 15px;
    }

    .pick-box-item b {
        font-size: 16px;
    }

    .pick-box-item {
        flex-wrap: wrap;
    }

    .drvr-edt-frm-ftr a {
        font-size: 14px;
    }

    [type="checkbox"]+span:not(.lever) {
        font-size: 13px;
    }

    .drvr-box-img ul li {
        height: 50px;
    }

    .driver-dtls {
        width: 100%;
    }

    .car-ftr {
        width: 61%;
        margin-top: 0px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .car_no {
        width: 100%;
        margin-bottom: 15px;
    }

    .add-car-pop-body-hdr ul::before {
        left: 36%;
    }

    .add-car-pop-body {
        width: 90%;
    }

    .car-wnr {
        width: 100%;
        margin-bottom: 15px;
    }

    .prfl-box-inner-card form input.pnh {
        font-size: 18px !important
    }

    .save-btn {
        background: #3271da;
        padding: 13px 35px;
        color: #fff;
        font-size: 16px;
    }

    .profile-name h4 {
        font-size: 20px;
    }

    .prfl-box-inner {
        padding: 15px;
    }

    .prfl-box {
        padding: 15px;
    }

    .pf-pic {
        width: 40px !important;
        height: 40px;
    }

    .src-rslt_filter-box p {
        width: 100%;
        margin-bottom: 5px;
    }

    .num {
        font-size: 14px !important;
    }

    .sign-btn {
        font-size: 14px;
    }

    .log-in-box-inr {
        width: 80%;
    }

    .drvr-icon {
        margin-bottom: 10px;
    }

    .ppl {
        right: 60px !important;
    }

    .src-rslt-item-lft span {
        position: absolute;
        top: 0px;
        right: 0px;
    }

    .src-rslt-item-lft {
        position: relative;
    }

    .src-rslt-item-lft h5 {

        width: 100%;
    }

    .src-rslt-item-lft {
        flex-wrap: wrap;
    }

    .app-dwnld button img {
        width: 90%;
    }

    .app-dwnld button {
        width: 50px;
        height: 50px;
    }

    .app-dwnld {
        right: 20px;
    }

    .location {
        left: 20px;
    }

    .cmn-hdn span {
        font-size: 14px;
    }

    .cmn-hdn h4 {
        font-size: 20px;
    }

    .test-box h4 {
        font-size: 20px;
    }

    .client-drc {
        width: 100%;
    }

    .service-dtls {
        width: 77%;
    }

}

@media (max-width:414px) {
    .sub-pln-box ul li span {
        font-size: 12px;
    }

    .sub-pln-box ul li {
        width: 100%;
        padding-top: 20px;
    }

    .add-car-pop-body-hdr ul::before {
        left: 34%;
    }

    .car-ftr {
        width: 100%;
        margin-top: 15px;
    }

    .car-nm {
        width: 100%;
    }

    .flg {
        width: 30px;
        height: 20px;
        background: #ccc;
        border-radius: 3px;
        overflow: hidden;
        position: absolute;
        right: 10px;
    }

    .log-in-box-inr {
        width: 90%;
    }

    .client-pic {
        width: 100px;
        height: 100px;
    }

    .ftr-menu ul li a {
        font-size: 12px;
        padding: 14px 6px;
    }

    .test-box {
        padding: 50px 20px;
    }

    .custom-btn {
        width: 33px;
        height: 33px;
    }

    .fl-btn {
        font-size: 12px;
        padding: 10px 15px;
    }

    .search h4 {
        font-size: 22px;
    }

    .location {
        top: 22%;
        left: 30px;
    }

    .logo a img {
        width: 100%;
        margin-top: 8px;
    }

    .blnk-btn {
        padding: 10px 15px;
        font-size: 12px;
    }
}

@media (max-width:375px) {
    .car_no span {
        font-size: 11px;
        padding: 4px 8px;
    }

    .car_no h5 {
        margin: 0px;
    }

    .add-car-pop-body-hdr ul::before {
        left: 36%;
        width: 80px;
    }
}

@media (max-width:360px) {}

@media (max-width:320px) {}