/*************Responsive Styles*****************/
/***************iPhone Portrait**************/

.mobile-text {
    display: none;
}

@media only screen and (max-width: 479px) and (min-width: 320px){
    .mobile-text {
        display: block;
    }
    .color-scale{
        flex-wrap: wrap;
        justify-content: flex-start !important;
        row-gap: 1rem !important;
    }
    .color-scale h6{
        font-size: 15px;
    }

    .fc-v-event .fc-event-title {
        font-size: 9px;
    }
    .fc-timeGridWeek-view thead th {
        height: 50px;
    }
    .fc-timeGridWeek-view thead th{
        padding-top: 15px;
        padding-bottom: 6px;
        min-width: 30px;
    }
    .fc-col-header-cell-cushion{
        font-size: 11px;
        line-height: 17px;
    }
    .fc-timeGridWeek-view thead tr> :first-child {
        width: 8px !important;
    }

    .dash-footer::before{
        width: 100%;
        height: 83px;
        bottom: 84px;
    }
    .vehicle-information-wrapper{
        padding: 0;
    }
    .blog-car {
        padding-bottom: 140px;
    }
    .focus-banner-outer .blog-banner-image {
        width: 100%;
    }
    .book-vehicle-card {
        width: 100%;
    }
    .vehicle-information-wrapper{
        width: 100%;
    }
    .header-logo {
        width: 100px;
        height: 65px;
    }
    .user-header {
        max-width: 100%;
    }
    .fc .fc-scrollgrid-liquid {
        width: 100% !important;
    }
    .profile-outer .profile-latest-img {
        width: 149px;
        height: 110px;
        margin: 0 auto;
        margin-bottom: 10px;
    }
    .footer-section .footer-social{
        width: 100%;
        margin-top: 30px;
    }
    .instructor-detail-outer .vehicle-box{
        width: 100%;
        padding: 0 15px;
        margin-bottom: 40px;
    }
    .instructor-detail-outer .vehicle-image {
        width: 216px;
        height: 115px;
    }
    .vertical-tab{
        padding: 0 18px;
    }
    .booking-button-container .booking-btn:nth-child(2){
        margin-left: 0;
        margin-top: 13px;
    }
    .d-flex.booking-button-container {
        flex-direction: column;
        align-items: center;
    }
    .btn-mb {
        margin-bottom: 112px;
    }
    .instructor-detail-bio-bg{
        padding-right: 8px;
        padding-left: 18px;
    }
    .mobile-lastname{
        margin-top: 1rem;
    }
    /* Header starts */
    .header-widget {
        display: none;
    }
    .login-mobile {
        display: flex;
        justify-content: space-between;
        padding: 3px 15px;
    }
    .main-header .header-logo{
        width: 107px;
        height: 70px;
        margin-left: 0;
    }
    .header-menu {
        padding-top: 10px;
    }
    .login-mobile a{
        font-family: 'Jost', sans-serif;
        text-decoration: none;
        font-weight: 500;
        font-size: 15px;
        line-height: 22px;
        text-transform: capitalize;
        color: #000000;
    }
    /* .login-mobile .login-2 {
        margin-top: 5px;
    } */
    .nav-button{
        margin-left: 0;
        margin-top: 15px;
        padding: 15px 37px;
        text-align: center;
    }
    .header-menu a{
        margin-right:0;
        margin-top: 5px;
        font-size: 15px;
        line-height: 20px;
    }
    .social-media-mobile{
        display:flex;
        justify-content: center;
        margin: 10px 0;
    }
    .social-media-mobile .media-image{
        margin-right: 45px;
    }
    .social-media-mobile .media-image:last-child{
        margin-right: 0;
    }
    .navbar-toggler:focus{
        box-shadow: none;
    }
    /* Header ends */


    /* Banner starts here */
    .focus-banner-outer .call-icon {
        margin-right: 10px;
        width: 30px;
        height: 30px;
    }
    .call-icon img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .focus-banner-outer .main-head h1{
        font-size: 32px;
        line-height: 48px;
    }
    .focus-banner-outer .sub-para p{
        font-size: 16px;
        line-height: 24px;
        padding-top: 0;
    }
    .focus-banner-outer .sub-head h1{
        font-size: 24px;
        line-height: 30px;
    }
    .focus-banner-outer .banner-inner{
        padding-top: 55px;
        padding-bottom: 105px;
    }
    .focus-banner-outer .search-section::before{
        top: -50px;
        width: 140px;
        height: 45px;    
    }
    .focus-banner-outer .search-field input.form-control.me-2, 
    .banner-inner .search-field input.form-control.me-2{
        padding: 10px 30px;
    }
    .focus-banner-outer .search-field{
        width: 100%;
        padding-left: 0;
    }
    .focus-banner-outer .search-section{
        flex-direction: column;
        width: 100%;
    }
    .focus-banner-outer .search-section .d-flex{
        flex-direction: column;
        gap: 10px;
    }
    .focus-banner-outer .banner-image {
        width: 100%;
        height: 660px;
    }
    .focus-banner-outer .switches-container{
        width: 100%;
        line-height: 40px;
        margin-bottom: 20px;
    }
    .focus-banner-outer .search-field button.btn{
        padding: 0px 10px;
        font-size: 14px;
        line-height: 40px;
    }
    /* Banner ends */


    /* Service-tab section */
    .service-section .container{
        width: 100%;
    }
    .service-section .section-inner {
        padding-top: 65px;
    }
    .service-section .service-head h2 {
        font-size: 28px;
        margin-bottom: 30px;
    }
    .service-section .service-head::after {
        width: 62px;
        height: 62px;
        top: -26px;
        right: 9.5%;
    }
    .service-section .tab-head {
        border-radius: 0px;
        padding: 6px 0;
        width: 49%;
    }
    .service-section .tab-head h4 a {
        font-size: 12px;
        line-height: 18px;
    }
    .service-section .tab-head h4{
        margin-bottom: 10px;
    }
    .service-section .tab-head::after{
        width: 110px;
        height: 18px;
    }
    .service-section .card1 {
        width: 100%;
        margin-top: 35px;
    }
    .service-section .card-outer {
      padding: 0;
      padding-bottom: 40px;
      margin: 0;
    }
    .service-section .time h2 {
        font-size: 46px;
        line-height: 50px;
    }
    .service-section .hour-class h4 {
        font-size: 26px;
        line-height: 32px;
    }
    .service-section  .card-bottom .head h2 {
        font-size: 24px;
        line-height: 32px;
    }
    .service-section .card-bottom ul li {
        font-size: 13px;
    }
    .service-section .card-bottom .bottom-end {
        margin-top: 45px;
    }
    .service-section .card-bottom .fees .dollar-img {
        width: 10px;
        height: 20px;
    }
    .service-section .card-bottom .fees .cash {
        font-size: 18px;
        line-height: 22px;
        padding-top: 5px;
        padding-left: 2px;
    }
    .service-section .book-btn a {
        font-size: 14px;
        line-height: 22px;
        padding: 10px 20px;
    }
    .test-hour-head h4,.test-head h4{
        font-size: 24px;
    }
    #sec-tab-nav{
        grid-row-gap: 7px;
    }
    .service-section .test-hour-head h4{
        font-size: 24px;
    }
    /* Service-tab ends here */


    /* How we works starts here */
    .how-we-works .top-head h2{
        font-size: 28px;
        line-height: 48px;
    }
    .how-we-works .top-head::after{
        width: 62px;
        height: 62px;
        top: -28px;
        right: 0;
    }
    .how-we-works .description .sub-head {
        width: 80%;
    }
    .how-we-works .item{
        justify-content: center;
        padding-top: 0;
    }
    .how-we-works .sec-2-image img {
        width: 100%;
    }
    .how-we-works .sec-2-image {
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .how-we-works .bottom-head h3{
        font-size: 24px;
        line-height: 34px;
    }
    .how-we-works .bottom-sub-head p{
        font-size: 16px;
        line-height: 28px;
        padding-top: 15px;
        width: 100%;
    }
    /* How we works ends */


    /* Our excellence starts here */
    .our-excellency .top-head-2 h2{
        font-size: 28px;
        line-height: 48px;
    }
    .our-excellency .top-head-1 h5{
        font-size: 18px;
        line-height: 28px;
    }
    .our-excellency .top-head-2::after{
        width: 62px;
         height: 62px;
        top: -23px;
        left: 215px;
    }
    .our-excellency .bottom-contents {
        padding-top: 30px;
        grid-row-gap: 30px;
    }
    .our-excellency{
        padding-top: 60px;
        padding-bottom: 80px;
    }

    /* Our-excellence ends here */


    /* Testimonial section starts here */
    .testimonial .top-head h2{
        font-size: 28px;
        line-height: 48px;
    }
    .testimonial .top-head::after{
        width: 62px;
        height: 62px;
        top: -23px;
        left: 175px;
    }
    .testimonial .slider-contents{
        flex-direction: column;
        padding: 52px 22px 60px 22px;
    }
    .testimonial .slider-contents .left{
        margin-right: 0;
    }
    .testimonial .slider-contents .right::before{
        width: 13px;
        height: 22px;
        top: -14px;
        left: -12px;
    }
    .testimonial .slider-contents .right::after{
        width: 13px;
        height: 22px;
        bottom: 44px;
        right: -1px;
    }
    .testimonial .slider-contents .testi-head p{
        font-size: 22px;
        line-height: 24px;
    }
    /*Testimonial section ends */


    /* About-us section starts here  */
    .about-test {
        padding-bottom: 100px;
    }
    .about-us{
        padding-top: 70px;
        padding-bottom: 170px;
    }
    .about-us .top-head h2{
        font-size: 28px;
        line-height: 48px;
    }
    .about-us .top-head::after{
        width: 62px;
        height: 62px;
        top: -23px;
        left: 132px;
    }
    .about-us .about-bottom {
        grid-row-gap: 40px;
    }
    .about-us .about-center-content {
        text-align: center;
    }
    .about-us .right-part .name p{
        font-size: 17px;
        line-height: 24px;
    }
    .about-us .right-part .designation p{
        font-size: 13px;
        line-height: 21px;
    }
    .about-us .right-part .about-social-media .insta {
        margin-right: 20px;
    }
    .about-us .right-part .about-social-media .facebook {
        margin-right: 20px;
    }
    .about-us .right-part .image-bottom {
        padding: 20px 12px;
    }
    /* About-us section ends here */


    /* Contact-us section starts here */
    .contact-us{
        padding-bottom: 80px;
    }
    .contact-us::before {
        width: 100%;
        height: 74px;
        top: -73px;
    }
    .contact-us .focus-logo {
        width: 260px;
        height: 164px;
        margin: auto;
    }
    .contact-us .contact-right {
        margin-top: 35px;
    }
    .contact-us .contact-right .mobile-name-form {
        margin-bottom: 1rem;
    }
    .contact-us .contact-right .head h3 {
        font-size: 28px;
    }

    /* Contact-us section ends here */


    /* Footer section starts here */
    .footer-section {
        padding-top: 25px;
    }
    .footer-section .head h3 {
        font-size: 28px;
    }
    .footer-section .footer-menu {
        margin-top: 0;
        padding: 0;
    }
    .footer-section .footer-widget{
        padding-bottom: 23px;
        padding-top: 25px;
    }

    /* Footer section ends here */

    /* instructor page */
     /* Banner starts here */
     .instructor-list-outer .contact{
        width: 80%;
        padding: 6px 8px;
    }
    .instructor-list-outer .call-icon {
        margin-right: 12px;
        width: 30px;
        height: 30px;
    }
    .instructor-list-outer .search-field {
        width: 100%;
        padding-left: 0;
    }
    .instructor-list-outer .switches-container {
        width: 100%;
        line-height: 40px;
        margin-bottom: 20px;
    }
    .instructor-list-outer .search-field button.btn {
        font-size: 14px;
        line-height: 40px;
        padding: 0 10px;
        margin-top: 12px;
    }
    .instructor-list-outer .search-section {
        margin-top: 120px !important;
        width: 100%;
        flex-direction: column;
    }
    .instructor-list-outer .search-section .d-flex{
        flex-direction: column !important;
    }

    .instructor-list-outer .instructor-change {
        /* margin-top: 120px !important; */
        width: 100%;
        flex-direction: column;
    }
    .instructor-list-outer .instructor-change .d-flex{
        flex-direction: column !important;
    }

    /* Banner ends */

     /* card section start */
     .instructor-detail-outer .instructor-label h4 {
        font-size: 14px;
        line-height: 22px;
     }
     .instructor-detail-outer .instructor-head h2 {
        font-size: 21px;
        line-height: 30px;
        margin-bottom: 25px;
    }
    .instructor-detail-outer .instructor-image {
        width: 100%;
        height: auto;
    }
    .instructor-detail-outer .personal-details {
        padding: 16px 0 28px 9px;
        width: 100%;
    }
    .instructor-detail-outer .instructor-name h3 {
        font-size: 23px;
        line-height: 32px;
    }
    .instructor-detail-outer .instructor-post p {
        font-size: 14px;
        line-height: 20px;
    }
    .instructor-detail-outer .instructor-experience p {
        font-size: 14px;
        line-height: 20px;
    }
    .instructor-detail-outer .instructor-experience span {
        font-size: 14px;
        line-height: 20px;
    }
    .instructor-detail-outer .rating {
        width: 150px;
        height: 16.5px;
    }
    .instructor-detail-outer .vehicle-head h3 {
        font-size: 17px;
        line-height: 24px;
    }
    .instructor-detail-outer .instructor-vehicle-details ul li {
        font-size: 13px;
        line-height: 18px;
    
    }
    .instructor-detail-outer .instructor-vehicle-details ul {
        margin-top: 15px;
        margin-bottom: 0;
    }
    .instructor-detail-outer .laguage-head h2 {
        font-size: 13px;
        line-height: 22px;
    }
    .instructor-detail-outer .instructor-languages ul li {
        font-size: 13px;
        line-height: 20px;
    }
    .instructor-vehicle-data {
        min-height: 215px;
    }
    .instructor-detail-outer .instructor-languages ul {
        margin-top: 10px;
        margin-bottom: 24px;
    }
    .instructor-detail-outer .profile-btn {
        margin-left:0;
        margin-bottom: 15px;
    }
    .instructor-detail-outer .button-1 a {
        padding: 12px 12px;
        font-size: 12px;
        line-height: 20px;
    }
    .instructor-detail-outer .instructor-box {
        width: 100%;
        margin-bottom: 40px;
    }
    .instructor-detail-outer .button-2 a {
        padding: 12px 17px;
        font-size: 12px;
        line-height: 20px;
    }
    .instructor-detail-outer .instructor-card-outer{
        justify-content: center;
    }
    .instructor-detail-outer .button-2 {
        margin-top: 21px;
    }
    .instructor-detail-outer .card-right {
        padding: 8px 12px 8px 12px;
    }

    /* instructor page end */

    /*contact-team starts here  */
    .contact-team-outer .title,
     .about-outer .head,.banner-container {
        padding: 3px 16px;
        width: 61%;
        margin-top: 135px;
    }
    .contact-support {
        padding-top: 40px;
        padding-bottom: 100px;
    }
    .contact-team-outer .title h2 {
        font-size: 26px;
        line-height: 44px;
    }
   
    .contact-support .address{
        width: 100%;
        border-radius: 20px 20px 0px 0px;
        padding: 24px 62px 55px;
        margin-right: 0;
        margin-bottom: 3px;
    }
    .contact-support .phone-no{
        width: 100%;
        padding: 24px 90px 55px;
        margin-right: 0;
        margin-bottom: 3px; 
    }
    .contact-support .mail{
        width: 100%;
        border-radius: 0px 0px 20px 20px;
        padding: 24px 62px 55px;
    }
    .contact-support .head h2 {
        font-size: 18px;
        line-height: 20px;
        margin-bottom: 15px;
    }
    .contact-support .para p,
    .contact-support .google-map-para p{
        font-size: 14px;
        line-height: 22px;
    }
    .contact-support .location-image {
        width: 48px;
        height: 60px;
    }
    .contact-support .location-head h4,
    .contact-support .call-head h4,
    .contact-support .mail-head h4 {
        font-size: 20px;
        line-height: 28px;
    }
    .contact-support .location-detail p,
    .contact-support .call-number p,
    .contact-support .mail-id p {
        font-size: 15px;
        line-height: 24px;
    }
    .contact-support .call-image {
        width: 55px;
        height: 55px
    }
    .contact-support .mail-image {
        width: 70px;
        height: 55px;
    }
    .contact-support .contact-details {
        margin-bottom: 20px;
    }
     /*contact-team ends here  */

    /* Gallery-page starts here */
    .gallery-outer .gallery-inner .top-head h3{
        font-size: 26px;
        line-height: 46px;
    }
    span.gal-underline{
        width: 278px;
    }
    span.gal-underline-2 {
        width: 277px;
    }
    .gallery-outer .gallery-inner .slider-contents{
        grid-template-columns: repeat(2,1fr);
        grid-column-gap: 16px;
        grid-row-gap: 25px;
    }
    .gallery-outer .slider-outer .slider-contents .gallery-image {
        width: 100%;
        height: 120px;
    }
    section.gallery-outer {
        margin-bottom: 170px;
    }
    /* Gallery-page ends here */


    /* About-us page starts here */
    .about-outer .call-icon {
        margin-right: 10px;
        width: 30px;
        height: 30px;
    }
    
    .focus-driving .head h2{
        font-size: 26px;
        line-height: 44px;
        margin-top: 30px;
    }
    .focus-driving .sub-head p{
        font-size: 16px;
        line-height: 26px;
    }
    .focus-driving img.person-image{
        margin-right: 0;
    }
    .focus-driving .driving-group {
        margin-top: 40px;
    }
    .focus-driving .driving-group .para p{
        width: 100%;
    }
    .focus-driving .driving-group .para ul li{
        width: 100%;
    }
    .focus-driving .bottom-para p{
        margin-top: 40px;
        font-size: 16px;
        line-height: 26px;
    }
    .bottom-banner .inner-contents{
        width: 100%;
        padding-top: 30px;
    }
    .bottom-banner .inner-contents .top-head::after{
        width: 62px;
        height: 62px;
        left: 240px;
    }
    .bottom-banner .inner-contents .sub-head h2 {
        font-size: 22px;
        line-height: 34px;
    }
    .bottom-banner .inner-contents .sub-para p{
        width: 80%;
    }

    /* About-us page ends here */

    /* Date Picker Starts Here*/

    /* div#ui-datepicker-div {
        top: 968px !important;
        left: 25px !important;
    } */

    /* Date Picker Ends Here*/

    /* Instructor-Inner-Page Starts Here*/
    .instructor-details .detail-inner{
        grid-template-columns: 1fr;
    }
    .instructor-inner-bg .banner-container h2{
        font-size: 16px;
        line-height: 24px;
    }
    .instructor-inner-bg .banner-container .contents{
        padding-right: 8px;
    }
    .instructor-inner-bg .banner-container .contents p{
        font-size: 14px;
        line-height: 22px;
    }
    .instructor-details.instructor-container.container{
        margin-top: 35px;
    }
    .instructor-details .instructor-dp-img {
        height: 345px;
    }
    .instructor-details .instructor-detail-bio-bg {
        padding-top: 18px;
        padding-bottom: 20px;
    }
    .instructor-detail-bio-contents{
        margin-bottom: 10px !important;
    }
    .instructor-detail-bio h2{
        font-size: 20px;
        line-height: 24px;
    }
    .instructor-detail-bio h3{
        padding-left: 10px;
        font-size: 16px;
    
    }
    .instructor-detail-bio p {
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 12px;
    }
    .instructor-socials img{
        width: 23px;
        height: 23px;
    }
    .instructor-fb {
        margin: 0px 18px;
    }
    .instructor-skills h3{
        padding-left: 0;
        margin-bottom: 10px;
    }
    /* Instructor-Inner-Page Starts Here*/
    .rating-container{
        height: 36px;
    }
    .booking-btn{
        font-size: 14px;
    }
    .booking-button-container{
        margin-top: 35px;
    }
    .instructor-container{
        margin-top: 25px;
    }
    .detailed-bio {
        flex-direction: column;
        padding-bottom: 180px;
    }
    .comment-main-wrapper {
        margin-bottom: 25px;
    }
    .bio-right-side,.vehicle-card{
        width: 100%;
    }
    section.instructor-details.instructor-container.container {
        padding: 0;
    }
    .vehicle-card{
        margin-top: 20px;
    }
    .progress-bars{
        margin-bottom: 5px !important;
    }
    .detailed-bio .bio-right-side h4{
        font-size: 18px;
        line-height: 20px;
        margin-bottom: 0;
    }
    .detailed-bio .bio-right-side h2{
        font-size: 24px;
        line-height: 30px;
    }
    .detailed-bio .bio-right-side p{
        font-size: 13px;
        line-height: 24px;
    }
    .detailed-bio .car-img {
        height: auto;
        width: 210px;
        margin: 0 auto;
        margin-top: 25px;
    }
    .detailed-bio .vehicle-card{
        align-items: center !important;
    }
    .detailed-bio .car-title h4{
        font-size: 17px;
        line-height: 43px;
    }
    .detailed-bio  .car-card{
        padding: 8px 25px 15px;
    }
    .progress-bars{
        min-width: 325px;
    }
    .review-header {
        border: none;
        padding: 15px 15px 0;
    }
    .review-wrapper{
        padding: 0;
    }
    .review-col-1 {
        padding: 15px 15px 0 !important;
    }
    .review-footer{
        padding-top: 0;
    }
    .profile-main-content{
        width: 100%;
    }
    .lesson {
        position: relative;
        top: 0px;
    }
    .show-bookings {
        padding-left: 0;
        margin: 0;
    }
    .booking-listing .single-item{
        flex-direction: column;
        align-items: flex-start;
        padding: 5px;
    }
    .booking-listing .detail-flex a{
        font-size: 13px;
    }
    .gift-card-detail-wrapper{
        grid-template-columns:1fr;
    }
    .gift-card{
        margin-left: 0;
        width: 255px;
        height: 165px;
        margin-right: 0;
    }
    .gift-card_content {
        padding: 10px 20px;
    }
    .gift-card_hour h2{
        margin-top: 0;
    }
    .right {
        margin: 25px auto 15px;
    }
    .gift-card-name h2{
        width: 125px;
        font-size: 16px;
        line-height: 13px;
    }
    .inner-tab-right {
        padding: 0 12px;
    }
    .left-car-detail {
        width: 100%;
    }
   .car-card {
    width: 100%;
    }
    .main-transaction-detail{
        width: 100%;
    }
    .dashboard-tab .title-sec{
        padding: 10px;
        gap: 12px;
    }
    .dashboard-tab .title-sec h1 {
        font-size: 21px;
    }
    .time h2{
        font-size: 27px;
        line-height: 22px;
    }
    .top-card-para{
        font-size: 14px;
    }
    .calendar-title button{
        font-size: 14px;
        line-height: 23px;
        padding: 5px 15px;
    }
    .fc .fc-toolbar-title{
        font-size: 22px !important;
    }
    .std-detail{
        padding: 0 22px;

    }
    .gift-detail-head {
        margin-left: 10px;
    }
    .accordion-button,.accordion-tab p{
        font-size: 14px;
    }
    .card {
        margin-bottom: 0 !important;
    }
    .card-close-logo{
        margin-left: 0;
    }
    .atm-number {
        font-size: 14px;
        left: 40px;
        bottom: 35px;
        font-family: "Nunito", sans-serif;
    }
    .atm-name{
        bottom: 21px;
    }
    .single-item .left-sec {
        width: 100%;
    }
    .add-review-btn {
        width: 100%;
        margin-bottom: 15px;
        margin-left: 10px;
    }
    .reviewButton{
        font-size: 16px;
        width: 94px;
    }
    .booking-listing .single-item .right-sec{
        margin: 0 auto;
    }
    .serch-error-msg{
        margin-left: 0;
    }
    .privacy-inner, .payment-inner, .terms-inner{
        width: 100%;
    }
    .policy-head {
        font-size: 20px;
    }
    .policy-top-head h2 {
        font-size: 26px;
        margin-bottom: 10px;
    }
    .policy-top-head p {
        margin-bottom: 22px;
    }
    .top-content-para p,.content-para{
        font-size: 14px;
        margin-bottom: 10px;
    }
    .licence-card{
        width: 100% !important;
    }
    .verify-row {
        padding: 15px;
        padding-top: 10px;
    }
    .verified-image {
        width: 35px;
        height: 35px;
        margin: 0 auto;
    }
    .tick-wrap {
        align-items: center;
        margin-bottom: 20px!important;
    }
    .verify-wrap h5 {
        font-size: 14px;
    }
    .verified-alert p{
        margin-left: 10px;
    }
    .reset-container {
        width: 100%;
    }
    .vehicle-information-left {
        width: 100%;
    }
    .vehicle-information-right {
        width: 100%;
        margin-top: 45px;
    }
    .vehicle-details {
        margin-top: 40px;
    }
    .dashboard-tab-left {
        width: 100%;
        margin-bottom: 30px;
    }
    .show-comment p{
        width: 100%;
    }
    .comments-wrapper{
        width: 95%;
        margin-top: 28px;
    }
    .comment-head h2 {
        font-size: 22px;
        line-height: 34px;
        margin-bottom: 0;
    }
    .vehicle-information-wrapper{
        grid-template-columns: 1fr;
    }
    .atm-card{
        height: 180px;
        width: 287px;
    }
    .card-group{
        margin-bottom: 0;
    }
    .delete-btn .dropdown-menu.show{
        left: 165px !important;
    }
    .delete-btn .dropdown-menu.show a {
        padding: 5px 15px;
        font-size:12px ;
    } 
    .invite-booking-tab .invite-booking-left{
        width: 100%;
    }
    .invite-booking-tab .invite-booking-right{
        width: 100%;
    }  
    .vertical-tab .dashboard {
        padding: 10px 14px !important;
    }
    .max-text{
        width: 250px;
    }
    .customer-logos .pre_arrow{
        left:39%;
    }
    .customer-logos .next_arrow{
        right: 39%;
    }
    .testimonial .testimonial-slider{
        padding-bottom: 80px;
    }
    .testimonial .slider-contents .testi-content p{
        min-height: 94px;
    }
    .focus-banner-outer .phone-numbers span{
        height: 20px;
    }
    .phone-numbers .number-1{
        margin-right: 5px;
    }
    .phone-numbers .number-2 {
        margin-left: 5px;
    }
    .focus-banner-outer .phone-numbers a,.focus-banner-outer .phone-numbers a{
        font-size: 12px;
    }

    .contact-team-outer .phone-numbers span{
        height: 22px;
    }
    .contact-team-outer .phone-numbers .number-1{
        margin-right: 5px;
    }
    .contact-team-outer .phone-numbers .number-2 {
        margin-left: 5px;
    }
    .contact-team-outer .phone-numbers a,.focus-banner-outer .phone-numbers a{
        font-size: 12px;
    }
    /* .focus-banner-blog {
        height: 315px;
    } */
    .gallery-outer .phone-numbers a, .about-outer .phone-numbers a{
        font-size: 12px;
    }
    .instructor-inner-bg .banner-container {
        margin-top: 115px;
        min-width: 40%;
        max-width: 95%;
        width: fit-content !important;
    }
    .instructor-list-outer .phone-numbers a{
        font-size: 13px;
    }
    .testimonial .testimonial-slider .slick-slide {
        margin-right: 10px;
    }
    .vehicle-error-image-outer {
        width: 220px;
        height: 101px;
        margin: 0 auto;
    }
    .vehicle-info-error-outer p {
        margin-top: 5px;
        margin-bottom: 25px;
    }
    .focus-driving img.person-image {
        margin-right: 15px;
    }
    .about-us .about-right-image {
        width: 348px;
        height: 335px;
    }
    .mobile-dp-dropdown{
        display: none !important;
    }
    .desk-login{
        width: 50%;
    }
    .desk-login{
        display: block;
    }
    .login-mobile-outer{
        width: 100%;
        background: #d4d4d4;
    }
    .profile-bottom-dropdown {
        left: -15px !important;
        top: 45px !important;
    }
    .contact-team-outer .banner-image,
    .about-outer .banner-image,
    .focus-banner-outer .blog-banner-image {
        height: 340px !important;
    }
    .contact-team-outer .title h2,.banner-container h1,
    .about-outer .head h2 {
        font-size: 14px;
        line-height: 20px;
    }
    .contact-team-outer .contact,
    .focus-banner-outer .contact,
    .about-outer .contact,
    .gallery-outer .contact{
        width: 70%;
        padding: 5px 12px;
    }
    .privacy-policy-outer, .terms-outer, .payment-outer {
        padding-bottom: 90px;
    }
    .header-line {
        width: 40%;
    }
    .header-under-line {
        width: 98%;
    }
    /* .instructor-inner-bg .banner-container p{
        height: 50px;
    } */
    .bottom-banner .inner-contents .top-head p{
        font-size: 18px;
        line-height: 26px;
    }
    .payment-right-sec button{
        padding: 8px 12px;
        font-size: 16px;
    }
    .payment-right-sec .car-area h4{
        font-size: 20px;
        line-height: 28px;
    }
    .payment-right-sec .header-line {
        width: 305px;
    }
    .payment-right-sec{
        margin-top: 0 !important;
        padding-bottom: 0 !important;
    }
    .payment-gray .payment-left-sec{
        width: 100%;
        margin-bottom: 45px;
    }
    .payment-gray .payment-right-sec{
        width: 100%;
        padding: 0 15px;
    }
    .invite-image {
        width: 335px;
        height: 225px;
        margin-bottom: 10px;
    }
    .payment-right-sec .car-area{
        text-align: center;
    }
    .payment-right-sec .header-line{
        margin: 0 auto;
    }
    .login-divider:before {
        width: 110px;
    }
    .login-divider:before {
        width: 110px;
    }
    .blog-inner h2{
        font-size: 20px;
        line-height: 36px;
    }
    .payment-left-inner {
        width: 90%;
        margin-top: 30px;
    }
    .payment-left-top-sec {
        padding: 0 20px;
    }
    .occasion-image {
        width: 100%;
        height: auto;
    }
    .voucher-para {
        font-size: 13px;
    }
    .price-section h4 {
        font-size: 24px;
    }
    .payment-right-sec button {
        margin-right: 10px !important;
    }
    .payment-gray {
        flex-direction: column;
    }
    .payment-right-sec button {
        padding: 10px 12px !important;
    }
    .make-payment .payment-left-sec h6 {
        margin-top: 0;
    }
    .make-payment button{
        margin-bottom: 25px;
    }
    .dasboard-sub-head-wrapper{
        width: 90% !important;
        margin-right: 0;
        margin-bottom: 10px;
    }
    .tab-sub-title h4{
        margin-top: 0;
    }
    .profile-latest-img-outer{
        justify-content: center;
    }
    .testimonial .slider-contents{
        max-height: none;
    }
    .promo-card {
        padding: 40px 30px 50px;
    }
    .promo-title {
        font-size: 26px;
    }
    .promo-subtitle{
        font-size: 20px;
    }
    .promo-description {
        font-size: 14px;
        line-height: 20px;
    }
    .promo-content{
        padding-right: calc(var(--bs-gutter-x) * .5);
        padding-left: calc(var(--bs-gutter-x) * .5);
        padding-top: 0;
        background-repeat: round;
    }
}


/**********************iPhone Landscape*************/
@media only screen and (max-width: 767px) and (min-width: 480px){
    .mobile-text {
        display: block;
    }
    .calendar-right-btn{
        margin-left: auto;
        width: 100%;
    }
    .fc-v-event .fc-event-title {
        font-size: 9px;
    }
    .dash-footer::before{
        width: 530px;
        height: 105px;
        bottom: 84px;
    }
    .focus-banner-outer .blog-banner-image {
        width: 100%;
    }
    .book-vehicle-card {
        width: 100%;
    }

    .profile-outer .profile-latest-img {
        width: 195px;
        height: 130px;
    }
    .footer-section .footer-social{
        width: 100%;
        margin-top: 30px;
    }
    .vertical-tab .dashboard{
        padding: 8px 50px !important;
    }
    .vertical-tab .calendar {
        padding: 8px 41px !important;
    }
    .dashboard-tab .title-sec{
        border-top-right-radius: 0;
        padding: 15px 12px;
        justify-content: center;
        flex-wrap: wrap;
        min-height: 60px;
    }
    .dashboard-tab .title-sec .tab-heads a{
        font-size: 16px;
        line-height: 24px;
        margin-right:10px;
    }
    .vehicle-information-wrapper{
        width: 100%;
    }
    .dashboard-tab .title-sec .tab-heads:last-child a{
        margin-right: 0;
    }
    .vertical-tab {
        padding: 0 20px;
    }
    .vertical-tab .support {
        padding:8px 46px !important;
    }
    .mobile-lastname{
        margin-top: 1rem;
    }
    /* Header starts */
    .header-widget {
        display: none;
    }
    .login-mobile{
        display: flex;
        justify-content: space-between;
        padding: 3px 15px;
    }
    .main-header .header-logo {
        width: 101px;
        height: 65px;
    }
    .header-menu {
        padding-top: 10px;
    }
    .login-mobile a{
        font-family: 'Jost', sans-serif;
        text-decoration: none;
        font-weight: 500;
        font-size: 15px;
        line-height: 22px;
        text-transform: capitalize;
        color: #000000;
    }
    /* .login-mobile .login-2 {
        margin-top: 5px;
    } */
    .nav-button{
        margin-left: 0;
        margin-top: 15px;
        padding: 15px 37px;
        text-align: center;
    }
    .header-menu a{
        margin-right:0;
        margin-top: 5px;
        font-size: 15px;
        line-height: 20px;
    }
    .social-media-mobile{
        display:flex;
        justify-content: center;
    }
    .social-media-mobile .media-image{
        margin-top: 25px;
        margin-right: 45px;
    }
    .social-media-mobile .media-image:last-child{
        margin-right: 0;
    }
    .navbar-toggler:focus{
        box-shadow: none;
    }
    /* Header ends */


    

    /* Banner starts here */
    .focus-banner-outer .call-icon,
    .contact-team-outer .call-icon,
    .gallery-outer .call-icon,
    .about-outer .call-icon {
        margin-right: 10px;
        width: 25px;
        height: 25px;
    }
    .call-icon img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .focus-banner-outer .main-head h1{
        font-size: 28px;
        line-height: 48px;
    }
    .focus-banner-outer .sub-head h1{
        font-size: 28px;
        line-height: 38px;
    }
    .focus-banner-outer .search-section::before{
        top: -50px;
        width: 140px;
        height: 45px;    
    }
    .focus-banner-outer .banner-image {
        width: 100%;
        height: 450px;
    }
    .focus-banner-outer .search-field{
        width: 100%;
        padding-left: 0;
    }
    .focus-banner-outer .search-section{
        flex-direction: column;
        width: 90%;
    }
    .me-2{
        margin-right: 0;
    }
    .focus-banner-outer .search-section .d-flex{
        gap: 10px;
    }
    .focus-banner-outer .search-field button.btn{
        padding: 0px 10px;
        font-size: 14px;
        line-height: 40px;
    }
    /* Banner ends  */


    /* Service-tab section */
    .service-section .section-inner {
        padding-top: 65px;
    }
    .service-section .service-head h2 {
        font-size: 28px;
        margin-bottom: 18px;
    }
    .service-section .service-head::after {
        width: 62px;
        height: 62px;
        top: -26px;
        right: 30.5%;
    }
    .service-section .tab-head {
        border-radius: 10px 10px 0px 0px;
        padding: 10px;
        width: 24.8%;
    }
    .service-section .tab-head h4 a {
        font-size: 13px;
        line-height: 18px;
    }
    .service-section .tab-head::after{
        width: 110px;
        height: 18px;
    }
    .service-section .card1 {
        width: 50%;
        margin-top: 35px;
    }
    .service-section .card-outer {
      padding: 0;
      padding-bottom: 40px;
      margin: 0;
    }
    .service-section .time h2 {
        font-size: 46px;
        line-height: 50px;
    }
    .service-section .hour-class h4 {
        font-size: 26px;
        line-height: 32px;
    }
    .service-section .hour-class h4 {
        font-size: 26px;
        line-height: 32px;
    }
    .service-section  .card-bottom .head h2 {
        font-size: 25px;
        line-height: 36px;
    }
    .service-section .card-bottom ul li {
        font-size: 14px;
    }
    .service-section .card-bottom .bottom-end {
        margin-top: 45px;
    }
    .service-section .card-bottom .fees .dollar-img {
        width: 12px;
        height: 23px;
    }
    .service-section .card-bottom .fees .cash {
        font-size: 18px;
        line-height: 22px;
        padding-top: 5px;
        padding-left: 2px;
    }
    .service-section .book-btn a {
        font-size: 14px;
        line-height: 22px;
        padding: 10px 20px;
    }
    /* Service-tab ends here */


    /* How we works starts here */
    .how-we-works .top-head h2{
        font-size: 28px;
        line-height: 48px;
    }
    .how-we-works .top-head::after{
        width: 62px;
        height: 62px;
        top: -23px;
        right: 146px;
    }
    .how-we-works .bullet-logo {
        width: 10%;
    }
    .how-we-works .description .sub-head {
        width: 100%;
    }
    .how-we-works .item{
        justify-content: center;
        padding-top: 0;
    }
    .how-we-works .sec-2-image {
        margin-top: 30px;
        margin-bottom: 30px;
        text-align: center;
    }
    .how-we-works .bottom-head h3{
        font-size: 24px;
        line-height: 34px;
    }
    .how-we-works .bottom-sub-head p{
        font-size: 16px;
        line-height: 28px;
        padding-top: 15px;
        width: 100%;
    }
    /* How we works ends */

    /* Our excellence starts here */
    .our-excellency .top-head-2 h2{
        font-size: 28px;
        line-height: 48px;
    }
    .our-excellency .top-head-1 h5{
        font-size: 18px;
        line-height: 28px;
    }
    .our-excellency .top-head-2::after{
        width: 62px;
            height: 62px;
        top: -23px;
        left: 215px;
    }
    .our-excellency .bottom-contents {
        padding-top: 30px;
        grid-row-gap: 30px;
    }
    .our-excellency{
        padding-top: 60px;
        padding-bottom: 80px;
    }

    /* Our-excellence ends here */


    /* Testimonial section starts here */
    .testimonial .top-head h2{
        font-size: 28px;
        line-height: 48px;
    }
    .testimonial .top-head::after{
        width: 62px;
        height: 62px;
        top: -23px;
        left: 175px;
    }
    /* Testimonila section ends */


    /* About-us section starts here  */
    .about-test {
        padding-bottom: 180px;
    }
    .about-us{
        padding-top: 70px;
        padding-bottom: 170px;
    }
    .about-us .top-head h2{
        font-size: 28px;
        line-height: 48px;
    }
    .about-us .top-head::after{
        width: 62px;
        height: 62px;
        top: -23px;
        left: 132px;
    }
    .about-us .about-bottom {
        grid-row-gap: 40px;
    }
    .about-us .about-center-content {
        text-align: center;
    }
    .about-us .about-left-image img{
        width: auto;
        height: auto;
    }
    .about-us .about-left-image{
        text-align: center;
    }
    .about-us .right-part .name p{
        font-size: 17px;
        line-height: 24px;
    }
    .about-us .right-part .designation p{
        font-size: 13px;
        line-height: 21px;
    }
    .about-us .right-part .about-social-media .insta {
        margin-right: 20px;
    }
    .about-us .right-part .about-social-media .facebook {
        margin-right: 20px;
    }
    .about-us .right-part .image-bottom {
        padding: 20px 12px;
        width: 75%;
        margin: auto;
    }
    /* About-us section ends here */

    /* Contact-us section starts here */
    .contact-us{
        padding-bottom: 80px;
    }
    .contact-us::before {
        width: 538px;
        height: 106px;
        top: -110px;
    }
    .contact-us .focus-logo {
        width: 220px;
        height: 145px;
        margin: auto;
    }
    .contact-us .contact-right {
        margin-top: 35px;
    }
    .contact-us .contact-right .mobile-name-form {
        margin-bottom: 1rem;
    }
    .contact-us .contact-right .head h3 {
        font-size: 28px;
    }

    /* Contact-us section ends here */

    /* Footer section starts here */
    .footer-section {
        padding-top: 25px;
    }
    .footer-section .head h3 {
        font-size: 28px;
    }
    .footer-section .footer-menu {
        margin-top: 0;
        padding: 0;
    }
    .footer-section .footer-widget{
        padding-bottom: 23px;
        padding-top: 25px;
    }

    /* Footer section ends here */



    
    /* instructor page */
     /* Banner starts here */
     .instructor-list-outer .contact{
        width: 53%;
        padding: 6px 8px;
    }
    .instructor-list-outer .call-icon {
        margin-right: 12px;
        width: 30px;
        height: 30px;
    }
    .instructor-list-outer .search-field {
        width: 100%;
        padding-left: 0;
    }
    .instructor-list-outer .switches-container {
        margin-right: 10px;
    }
    .instructor-list-outer .search-field button.btn {
        font-size: 14px;
        line-height: 38px;
        padding: 0 10px;
    }
    .instructor-list-outer .banner-image {
        height: 290px;
    }
    .instructor-list-outer .search-section {
        margin-top: 140px !important;
        width: 100%;
        padding: 8px 12px;
    }

    .instructor-list-outer .instructor-change {
        /* margin-top: 140px !important; */
        width: 100%;
        padding: 8px 12px;
    }

    /* Banner ends */

    /* card section start */

     /* card section start */
     .instructor-detail-outer .instructor-box {
        width: 50%;
        margin-bottom: 40px;
    }
     .instructor-detail-outer .instructor-label h4 {
        font-size: 18px;
        line-height: 26px;
     }
     .instructor-detail-outer .instructor-head h2 {
        font-size: 28px;
        line-height: 36px;
        margin-bottom: 32px;
    }
    .instructor-detail-outer .instructor-image {
        width: 100%;
        height: auto;
    }
    .instructor-detail-outer .personal-details {
        padding: 15px 0px 29px 10px;
        width: 100%;
    }
    .instructor-detail-outer .instructor-name h3 {
        font-size: 20px;
        line-height: 28px;
    }
    .instructor-detail-outer .instructor-post p {
        font-size: 13px;
        line-height: 21px;
    }
    .instructor-detail-outer .instructor-experience p {
        font-size: 14px;
        line-height: 22px;  
    }
    .instructor-detail-outer .instructor-experience span {
        font-size: 14px;
        line-height: 22px;
    }
    .instructor-detail-outer .rating {
        width: 140px;
        height: 16.5px;
        margin-top: 25px;
    }
    .instructor-detail-outer .vehicle-head h3 {
       font-size: 16px;
       line-height: 28px;
    }
    .instructor-detail-outer .laguage-head h2{
        font-size: 14px;
    }
    .instructor-detail-outer .instructor-vehicle-details ul {
        margin-top: 12px;
        margin-bottom: 0;
    }
    .instructor-detail-outer .instructor-languages ul {
        margin-top: 6px;
        margin-bottom: 15px;
    }
    .instructor-detail-outer .instructor-vehicle-details ul li {
        font-size: 13px;
        line-height: 15px;
        margin-bottom: 6px;
    }
    .instructor-vehicle-data {
        min-height: 230px;
    }
    .instructor-detail-outer .instructor-languages ul li {
        font-size: 13px;
        line-height: 18px;
        margin-bottom: 0;
    
    }
    .instructor-detail-outer .profile-btn {
        margin-left:0;
        margin-bottom: 12px;
    }
    .instructor-detail-outer .button-1 a {
        padding: 10px 8px;
        font-size: 12px;
        line-height: 20px;
    }
    .instructor-detail-outer .button-2 a {
        padding: 10px 14px;
        font-size: 12px;
        line-height: 20px;
    }
    .instructor-detail-outer .instructor-card-outer{
        justify-content: center;
    }
    .instructor-detail-outer .button-2 {
        margin-top: 20px;
    }
    .instructor-detail-outer .card-right {
        padding: 5px 8px 8px 8px;
    }

    /* instructor page end */

    /* Gallery-page starts here */
    .gallery-outer .gallery-inner .top-head h3{
        font-size: 28px;
        line-height: 48px;
    }
    span.gal-underline {
        width: 274px;
    }
    span.gal-underline-2 {
        width: 310px;
    }
    .gallery-outer .gallery-inner .slider-contents{
        grid-template-columns: repeat(4,1fr);
        grid-column-gap: 12px;
        grid-row-gap: 25px;
    }
    .gallery-outer .slider-outer .slider-contents .gallery-image {
        width: 100%;
        height: 134px;
    }
    section.gallery-outer {
        margin-bottom: 215px;
    }
    /* Gallery-page ends here */

    /*contact-team starts here  */
    .contact-team-outer .title,
    .about-outer .head,.banner-container{
        padding: 3px 16px;
        width: 54%;
        margin-top: 125px;
    }
    .contact-team-outer .title h2,.banner-container h1,
    .about-outer .head h2 {
        font-size: 30px;
        line-height: 45px;
    }

    .instructor-inner-bg .banner-container .contents h1{
        font-size: 18px;
        line-height: 24px;
    }
    .contact-support .address{
        width: 80%;
        border-radius: 20px 20px 0px 0px;
        padding: 24px 62px 55px;
        margin-right: 0;
        margin-bottom: 3px;
    }
    .contact-support .phone-no{
        width: 80%;
        padding: 24px 170px 55px;
        margin-right: 0;
        margin-bottom: 3px; 
    }
    .contact-support .mail{
        width: 80%;
        border-radius: 0px 0px 20px 20px;
        padding: 24px 115px 55px;
    }
    .contact-support .head h2 {
        font-size: 26px;
        line-height: 32px;
        margin-bottom: 15px;
    }
    .contact-support .para p,
    .contact-support .google-map-para p{
        font-size: 14px;
        line-height: 22px;
    }
    .contact-support .location-image {
        width: 48px;
        height: 60px;
    }
    .contact-support .location-head h4,
    .contact-support .call-head h4,
    .contact-support .mail-head h4 {
        font-size: 20px;
        line-height: 28px;
    }
    .contact-support .location-detail p,
    .contact-support .call-number p,
    .contact-support .mail-id p {
        font-size: 15px;
        line-height: 24px;
    }
    .contact-support .call-image {
        width: 55px;
        height: 55px
    }
    .contact-support .mail-image {
        width: 70px;
        height: 55px;
    }
    .contact-support .contact-details {
        margin-bottom: 20px;
        justify-content: center;
    }
    /*contact-team ends here  */

    /* About-page starts here */
    
    .focus-driving .head h2{
        font-size: 28px;
        line-height: 44px;
        margin-top: 30px;
    }
    .focus-driving .sub-head p{
        font-size: 16px;
        line-height: 26px;
    }
    .focus-driving img.person-image{
        margin-right: 0;
    }
    .focus-driving .driving-group {
        margin-top: 40px;
    }
    .focus-driving .driving-group .para p{
        width: 100%;
    }
    .focus-driving .bottom-para p{
        margin-top: 40px;
        font-size: 16px;
        line-height: 26px;
    }
    .bottom-banner .inner-contents{
        width: 100%;
    }
    .bottom-banner .inner-contents .top-head::after{
        width: 62px;
        height: 62px;
    }
    .bottom-banner .inner-contents .sub-head h2 {
        font-size: 26px;
        line-height: 36px;
    }
    .bottom-banner .inner-contents .sub-para p{
        width: 80%;
    }
    .about-us .about-right-image{
        width: 430px;
    }

    /* About-page ends here */

    /* Date Picker Starts Here*/

     /* div#ui-datepicker-div {
        top: 905px !important;
        left: 46px !important;
    } */

    /* Date Picker Ends Here*/
    .vertical-tab .view-calendar{
        font-size: 16px;
        line-height: 24px;
        padding: 10px 28px;
    }
    .tab-heads.active a{
        padding: 8px 13px;
    }
    .dashboard-tab .title-sec a{
        font-size: 18px;
        line-height: 24px;
        margin-top: 15px;
    }
    .dashboard-tab .title-sec h1 {
        font-size: 26px;
        width: 100%;
        text-align: center;
    }


    /* Instructor-Inner-Page Starts Here*/

    .instructor-inner-bg .banner-container .contents{
        padding-right: 8px;
       
    }
    .instructor-inner-bg .banner-container .contents p{
        line-height: 19px;
        font-size: 13px;
    }
    .instructor-details.instructor-container.container{
        margin-top: 35px;
    }
    .instructor-details .instructor-dp-img {
        height: 425px;
    }
    .carousel-item{
        height: 425px;
    }
    .instructor-details .instructor-detail-bio-bg {
        padding-top: 18px;
        padding-bottom: 20px;
    }

    .instructor-detail-bio h2{
        font-size: 22px;
        line-height: 24px;
    }
    .instructor-detail-bio h3{
        padding-left: 10px;
        font-size: 16px;
    
    }
    .instructor-detail-bio p {
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 12px;
    }
    .instructor-socials img{
        width: 25px;
        height: 25px;
    }
    .instructor-fb {
        margin: 0px 18px;
    }
    .instructor-skills h3{
        padding-left: 0;
        margin-bottom: 10px;
        font-size: 18px;
    }
    .rating-container{
        height: 40px;
    }
    /* .booking-btn{
        width: 200px;
        height: 40px;
        
    } */
    .booking-button-container{
        margin-top: 35px;
    }
    .instructor-container{
        margin-top: 25px;
    }
    .detailed-bio .bio-right-side h4{
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 0;
    }
    .detailed-bio {
        flex-direction: column;
    }
    .bio-right-side{
        width: 100%;
    }
    .car-card-outer .slick-track{
        margin: 0 auto;
    }
    .comment-main-wrapper {
        margin-bottom: 25px;
    }
    .vehicle-card {
        width: 100%;
        margin-top: 25px;
    }
    /* .detailed-bio .car-card{
        max-width: 357px;
        margin: auto;
    } */
    .detailed-bio .bio-right-side h2{
        font-size: 26px;
        line-height:34px;
    }
    .detailed-bio .bio-right-side p{
        font-size: 14px;
        line-height: 24px;
    }
    .detailed-bio .car-img {
        height: auto;
    }
    .detailed-bio .car-title h4{
        font-size: 15px;
        line-height: 40px;
    }
    .detailed-bio .vehicle-card{
        align-items: center !important;
    }
    .instructor-details .detail-inner{
        grid-template-columns: 1fr;
    }
    .booking-button-container{
        justify-content: center;
    }
    /* Instructor-Inner-Page Ends Here*/

    .review-wrapper{
        padding-bottom: 0;
    }
    .review-header {
        padding-bottom: 0;
        padding-top: 10px;
    }
    .review-col-1 {
        padding: 0 15px;
    }
    .review-footer{
        padding-top: 4px;
        padding-bottom:4px;
    }
    .profile-main-content{
        width: 100%;
    }
    .bank-detail-card-wrap {
        display: grid;
        grid-template-columns: 1fr;
       margin-bottom:30px;
    }
    .lesson {
        top: 0px;
    }
    .std-detail {
        padding: 0 30px;
    }
    .gift-card{
        margin-left: 0;
        width: 270px;
        height: 165px;;
    }
    .gift-card_content {
        padding: 20px 20px;
    }
    .gift-card_hour h2{
        margin-top: 0;
    }
    .right {
        margin: 25px auto 15px;
    }
    .gift-card-name h2{
        width: 125px;
        font-size: 16px;
        line-height: 13px;
    }
    .left-car-detail {
        width: 100%;
    }
    .car-card{
        width:100%;
    }
    .main-transaction-detail{
        width: 100%;
    }
    .reviewButton{
        font-size: 16px;
        width: 98px;
    }
    .serch-error-msg{
        margin-left: 0;
    }
    .privacy-inner, .payment-inner, .terms-inner{
        width: 100%;
    }
    .policy-head {
        font-size: 24px;
    }
    .policy-top-head h2 {
        font-size: 26px;
        margin-bottom: 10px;
    }
    .policy-top-head p {
        margin-bottom: 22px;
    }
    .top-content-para p,.content-para{
        font-size: 16px;
       
    }
    .vehicle-information-left {
        width: 50%;
    }
    .vehicle-information-right {
        width: 47%;
    }
    .tab-right {
        width: 100%;
    }
    .car-img {
        width: 100%;
    }
    .info-card {
        width: 100%;
    }
    .licence-card{
        width: 100% !important;
    }
    .verify-row {
        padding: 15px;
        padding-top: 10px;
    }
    .verified-image {
        width: 35px;
        height: 35px;
        margin: 0 auto;
    }
    .verified-alert {
        width: 190px;
    }
    .tick-wrap {
        align-items: center;
        margin-bottom: 8px!important;
    }
    .verify-wrap h5 {
        font-size: 16px;
    }
    .verified-alert p {
        font-size: 14px;
    }
    .tab-main-head {
        gap: 13px;
        justify-content: space-evenly;
        flex-wrap: wrap;
        text-align: center;
    }
    .dashboard-tab-left {
        width: 100%;
        margin-bottom: 30px;
    }
    .vehicle-information-wrapper{
        grid-template-columns: 1fr 1fr;
    }
    .show-comment p{
        width: 100%;
    }
    .comments-wrapper{
        width: 95%;
        margin-top: 28px;
    }
    .comment-head h2 {
        font-size: 26px;
        line-height: 36px;
        margin-bottom: 0;
    }
    .atm-card {
        height: 197px;
        width: 330px;
    }
    .atm-number {
        bottom: 50px;
    }
    .card-group{
        margin-bottom: 0;
    }
    .delete-btn .dropdown-menu.show{
        left: 155px !important;
    }
    .delete-btn .dropdown-menu.show a {
        padding: 5px 15px;
    }  
    .invite-booking-tab .invite-booking-left{
        width: 100%;
    }
    .invite-booking-tab .invite-booking-right{
        width: 100%;
    } 
    .review-btn-wrapper{
        width: 64%;
        align-items: flex-end;
    }
    .read-more-card h6{
        margin-bottom: 25px;
    }
    .customer-logos .pre_arrow{
        left:45%;
    }
    .customer-logos .next_arrow{
        right: 45%;
    }
    .phone-numbers .number-1{
        margin-right: 5px;
    }
    .phone-numbers .number-2 {
        margin-left: 5px;
    }
    .focus-banner-outer .phone-numbers a,.focus-banner-outer .phone-numbers a{
        font-size: 13px;
    }
    .focus-banner-outer .phone-numbers span{
        height: 18px;
    }
    /* .focus-banner-blog {
        height: 210px ;
    } */
    .contact-team-outer .phone-numbers span{
        height: 20px;
    }
    .contact-team-outer .phone-numbers .number-1{
        margin-right: 5px;
    }
    .contact-team-outer .phone-numbers .number-2 {
        margin-left: 5px;
    }
    .contact-team-outer .phone-numbers a,.focus-banner-outer .phone-numbers a{
        font-size: 14px;
    }
    .contact-support {
        padding-top: 35px;
        padding-bottom: 135px;
    }
    .instructor-inner-bg .banner-container {
        margin-top: 85px;
        min-width: 40%;
        max-width: 80%;
        width: fit-content !important;
    }
    .instructor-list-outer .phone-numbers a{
        font-size: 13px;
    }
    .vehicle-error-image-outer {
        width: 230px;
        height: 100px;
    }
    .vehicle-info-error-outer p {
        margin-top: 5px;
    }
    .vertical-tab .tab-left {
        padding-bottom: 0;
    }
    .focus-driving img.person-image {
        margin-right: 15px;
    }
    .time h2{
        font-size: 24px;
    }
    .top-card-para {
        width: 55%;
    }
    .service-section  .top-card-para {
        width: 100%;
    }
    .mobile-dp-dropdown{
        display: none !important;
    }
    .desk-login{
        display: block;
    }
    .desk-login {
        width: 75%;
    }
    .profile-bottom-dropdown {
        left: 220px !important;
        top: 55px !important;
    }
    .login-mobile-outer{
        width: 100%;
        background: #d4d4d4;
    }
    .contact-team-outer .banner-image,
    .focus-banner-outer .blog-banner-image,
    .about-outer .banner-image {
        height: 260px !important;
    }
    .contact-team-outer .contact,
    .focus-banner-outer .contact,
    .about-outer .contact,
    .gallery-outer .contact{
        width: 48%;
        padding: 5px 12px;
    }
    .gallery-outer .phone-numbers a, .about-outer .phone-numbers a{
        font-size: 14px;
    }
    .privacy-policy-outer, .terms-outer, .payment-outer {
        padding-bottom: 130px;
    }
    .payment-right-sec button{
        padding: 8px 12px;
        font-size: 16px;
    }
    .payment-right-sec{
        margin-top: 0 !important;
        padding-bottom: 0 !important;
    }
    .payment-gray .payment-left-sec{
        width: 100%;
        margin-bottom: 35px;
    }
    .payment-gray .payment-right-sec{
        width: 100%;
        padding: 0 15px;
    }
    .payment-right-sec .car-area{
        text-align: center;
        max-width: 100%;
    }
    .payment-right-sec .header-line{
        margin: 0 auto;
    }
    .invite-image {
        width: 390px;
        height: 260px;
        margin-bottom: 10px;
    }
    .blog-inner h2 {
        font-size: 28px;
        line-height: 38px;
    }
    .payment-left-inner {
        width: 90%;
        margin-top: 30px;
    }
    .payment-left-top-sec {
        padding: 0 20px;
    }
    .price-section h4 {
        font-size: 24px;
    }
    .payment-gray {
        flex-direction: column;
    }
    .make-payment .payment-left-sec h6 {
        margin-top: 0;
    }
    .make-payment button{
        margin-bottom: 25px;
    }
    .dasboard-sub-head-wrapper{
        width: 47% !important;
        margin-bottom: 10px;
        padding: 20px 30px;
    }
    .dasboard-sub-head-wrapper:nth-child(even){
        margin-right: 0 !important;
    }
    .selected-loc {
        margin-right: 7px;
    }
    .contact-support .call-number {
        display: flex;
        flex-direction: column;
    }
    .contact-support .mail-id{
        display: flex;
        flex-direction: column;
    }
    .profile-latest-img-outer{
        justify-content: center;
    }
    .vehicle-information-wrapper{
        padding: 0;
    }
    .focus-driving .driving-group .para ul li{
        width: 70%;
    }
    .promo-card {
        padding: 40px 30px 50px;
    }
    .promo-title {
        font-size: 34px;
    }
    .promo-subtitle{
        font-size: 24px;
    }
    .promo-content{
        padding-right: calc(var(--bs-gutter-x) * .5);
        padding-left: calc(var(--bs-gutter-x) * .5);
        padding-top: 0;
    }
}

@media only screen and (max-width: 991px) and (min-width: 986px){
    .vertical-tab {
        padding: 0 20px;
    }
    .calendar-right-btn {
        width: 25%;
    }
}

/*************************iPad Portrait***************/
@media only screen and (max-width: 985px) and (min-width: 768px){
    .mobile-text {
        display: block;
    }
    .calendar-right-btn.edit-sec{
        flex-direction: column-reverse;
        gap: 10px;
    }
    #event-add-btn-mobile{
        margin-right: 20px;  
    }
    .top-card-para{
        width: 50%;
    }
    .calendar-right-btn{
        width: 25%;
    }
    .set-up-profile p {
        font-size: 14px;
        font-weight: 400;
        color: #645c53;
    }
    .set-up-profile::before{
        height: 35%;
        width: 4px;
        left: 16px;
        top: 23px;
    }
    .dash-footer::before{
        width: 566px;
        height: 112px;
        bottom: 73px;
    }
    .book-vehicle-card {
        width: 100%;
    }
    .footer-section .footer-social{
        width: 30%;
    }
    .vertical-tab .dashboard{
        padding: 12px 70px !important;
    }
    .vertical-tab .support{
        padding: 12px 71px !important;
    }
    .vertical-tab .calendar{
        padding: 12px 40px !important;
    }
    .vertical-tab .dashboard svg, .calendar svg, .support svg {
        height: 32px;
        width: 28px;
    }
    .vertical-tab {
        padding: 0 20px;
    }
    .dashboard-tab .title-sec .tab-heads a {
        font-size:18px;
        margin-right: 0;
    }
    .dashboard-tab .title-sec .tab-heads:last-child a{
        margin-right: 0;
    }
    .tab-heads.active a {
        padding: 14px;
    }
    .detailed-bio {
        flex-direction: column;
    }
    .bio-right-side{
        width: 100%;
    }
    .vehicle-card{
        width: 100%;
    }
    .btn-mb {
        margin-bottom: 150px;
    }
    .dashboard-tab .title-sec {
        justify-content: center;
        border-top-right-radius: 0; 
        padding: 13px 25px;
        min-height: 50px;
        flex-wrap: wrap;
    }
    .vertical-tab .view-calendar{
        font-size: 16px;
        line-height: 24px;
        padding: 14px 28px;
    }
    .dashboard-tab .title-sec a{
        font-size: 18px;
        line-height: 26px;
        padding: 10px 16px;
        margin-top: 22px;
    }
    .dashboard-tab .title-sec h1{
        width: 100%;
        text-align: center;
    }

    /* Header starts */
    .header-widget {
        display: none;
    }
    .login-mobile{
        display: flex;
        justify-content: space-between;
        padding: 3px 15px;
    }
    .main-header .header-logo {
        width: 112px;
        height: 70px;
    }
    .header-menu {
        padding-top: 10px;
    }
    .login-mobile a{
        font-family: 'Jost', sans-serif;
        text-decoration: none;
        font-weight: 500;
        font-size: 15px;
        line-height: 22px;
        text-transform: capitalize;
        color: #000000;
    }
    /* .login-mobile .login-2 {
        margin-top: 5px;
    } */
    .nav-button{
        margin-left: 0;
        margin-top: 15px;
        padding: 15px 37px;
        text-align: center;
    }
    .header-menu a{
        margin-right:0;
        margin-top: 5px;
        font-size: 15px;
        line-height: 20px;
    }
    .social-media-mobile{
        display:flex;
        justify-content: center;
    }
    .social-media-mobile .media-image{
        margin-top: 25px;
        margin-right: 45px;
    }
    .social-media-mobile .media-image:last-child{
        margin-right: 0;
    }
    .navbar-toggler:focus{
        box-shadow: none;
    }
    /* Header ends */

    /* Banner starts here */
    .focus-banner-outer .call-icon {
        margin-right: 25px;
        width: 30px;
        height: 30px;
    }
    .call-icon img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .focus-banner-outer .main-head h1{
        font-size: 28px;
        line-height: 48px;
    }
    .focus-banner-outer .sub-head h1{
        font-size: 28px;
        line-height: 38px;
    }
    .focus-banner-outer .banner-inner{
        padding-top: 60px;
    }
    .focus-banner-outer .search-section::before{
        top: -50px;
        width: 140px;
        height: 45px;    
    }
    .focus-banner-outer .search-field input.form-control.me-2{
        padding: 0 15px;
    }
    .focus-banner-outer .search-field{
        width: 100%;
    }
    .focus-banner-outer .search-section{
        padding: 10px 7px;
    }
    .focus-banner-outer .switches-container{
        width: 60%;
        line-height: 40px;
    }
    .focus-banner-outer .banner-image {
        width: 100%;
        height: 480px;
    }
    .focus-banner-outer .search-section {
        margin-top: 100px !important;
    }
    .focus-banner-outer .search-field button.btn{
        padding: 0px 10px;
        font-size: 14px;
        line-height: 40px;
    }
    /* Banner ends  */


    /* Service-tab section starts here */
    .service-section .section-inner {
        padding-top: 65px;
    }
    .service-section .service-head h2 {
        font-size: 28px;
        margin-bottom: 18px;
    }
    .service-section .service-head::after {
        width: 62px;
        height: 62px;
        top: -26px;
        right: 31.5%;
    }
    .service-section .tab-head {
        border-radius: 10px 10px 0px 0px;
        padding: 15px;
        width: 24.8%;
    }
    .service-section .tab-head h4 a {
        font-size: 14px;
        line-height: 18px;
    }
    .service-section .tab-head::after{
        width: 110px;
        height: 18px;
    }
    .service-section .card1 {
        width: 50%;
        margin-top: 35px;
    }
    .service-section .card-outer {
      padding: 0;
      padding-bottom: 40px;
      margin: 0;
    }
    .service-section .time h2 {
        font-size: 46px;
        line-height: 50px;
    }
    .service-section .hour-class h4 {
        font-size: 26px;
        line-height: 32px;
    }
    .service-section .hour-class h4 {
        font-size: 26px;
        line-height: 32px;
    }
    .service-section  .card-bottom .head h2 {
        font-size: 25px;
        line-height: 36px;
    }
    .service-section .card-bottom ul li {
        font-size: 14px;
    }
    .service-section .card-bottom .bottom-end {
        margin-top: 45px;
    }
    .service-section .card-bottom .fees .dollar-img {
        width: 12px;
        height: 23px;
    }
    .service-section .card-bottom .fees .cash {
        font-size: 18px;
        line-height: 22px;
        padding-top: 5px;
        padding-left: 2px;
    }
    .service-section .book-btn a {
        font-size: 14px;
        line-height: 22px;
        padding: 10px 20px;
    }
    /* Service-tab ends here */

    /* How we works starts here */
    .how-we-works .top-head h2{
        font-size: 28px;
        line-height: 48px;
    }
    .how-we-works .top-head::after{
        width: 62px;
        height: 62px;
        top: -23px;
        right: 200px;
    }
    .how-we-works .bullet-logo {
        width: 10%;
    }
    .how-we-works .description .sub-head {
        width: 100%;
    }
    .how-we-works .item{
        justify-content: center;
        padding-top: 0;
    }
    .how-we-works .sec-2-image {
        margin-top: 30px;
        margin-bottom: 30px;
        text-align: center;
    }
    .how-we-works .bottom-head h3{
        font-size: 24px;
        line-height: 34px;
    }
    .how-we-works .bottom-sub-head p{
        font-size: 16px;
        line-height: 28px;
        padding-top: 15px;
        width: 100%;
    }
    /* How we works ends */


    /* Our excellence starts here */
    .our-excellency .top-head-2 h2{
        font-size: 28px;
        line-height: 48px;
    }
    .our-excellency .top-head-1 h5{
        font-size: 18px;
        line-height: 28px;
    }
    .our-excellency .top-head-2::after{
        width: 62px;
         height: 62px;
        top: -23px;
        left: 215px;
    }
    .our-excellency .bottom-contents {
        padding-top: 30px;
        grid-row-gap: 30px;
    }
    .our-excellency{
        padding-top: 60px;
        padding-bottom: 80px;
    }
    .excellence-para{
        width: 60%;
    }

    /* Our-excellence ends here */


    /* Testimonial section starts here */
    .testimonial .top-head h2{
        font-size: 28px;
        line-height: 48px;
    }
    .testimonial .top-head::after{
        width: 62px;
        height: 62px;
        top: -23px;
        left: 175px;
    }
    /* Testimonila section ends */


    /* About-us section starts here  */
    .about-test {
        padding-bottom: 170px;
    }
    .about-us{
        padding-top: 70px;
        padding-bottom: 170px;
    }
    .about-us .top-head h2{
        font-size: 28px;
        line-height: 48px;
    }
    .about-us .top-head::after{
        width: 62px;
        height: 62px;
        top: -23px;
        left: 132px;
    }
    .about-us .about-bottom {
        grid-row-gap: 40px;
    }
    .about-us .about-left-image img{
        width: auto;
        height: auto;
    }
    .about-us .about-left-image{
        text-align: center;
    }
    .about-us .about-center-content {
        text-align: center;
    }
    .about-us .right-part .name p{
        font-size: 17px;
        line-height: 24px;
    }
    .about-us .right-part .designation p{
        font-size: 13px;
        line-height: 21px;
    }
    .about-us .right-part .about-social-media .insta {
        margin-right: 20px;
    }
    .about-us .right-part .about-social-media .facebook {
        margin-right: 20px;
    }
    .about-us .right-part .image-bottom {
        padding: 20px 12px;
        width: 55%;
        margin: auto;
    }
    .about-us .about-right-image{
        width: 360px;
    }
    /* About-us section ends here */


    /* Contact-us section starts here */
    .contact-us{
        padding-bottom: 80px;
    }
    .contact-us::before {
        width: 573px;
        height: 112px;
        top: -110px;
    }
    .contact-us .focus-logo {
        width: 220px;
        height: 145px;
        margin: auto;
    }
    .contact-us .contact-right {
        margin-top: 35px;
    }
    .contact-us .contact-right .head h3 {
        font-size: 28px;
    }

    /* Contact-us section ends here */

    /* Footer section starts here */
    .footer-section {
        padding-top: 25px;
    }
    .footer-section .head h3 {
        font-size: 28px;
    }
    .footer-section .footer-menu {
        margin-top: 0;
        padding: 0;
    }
    .footer-section .footer-widget{
        padding-bottom: 23px;
        padding-top: 25px;
    }

    /* Footer section ends here */



    /* instructor page */
     /* Banner starts here */
     .instructor-list-outer .contact{
        width: 45%;
        padding: 6px 15px;
    }
    .instructor-list-outer .call-icon {
        margin-right: 25px;
        width: 30px;
        height: 30px;
    }
    .instructor-list-outer .search-field {
        width: 100%;
        padding-left: 0;
    }
    .instructor-list-outer .switches-container {
        width: 40%;
        line-height: 30px;
        align-items: center;
        margin-right: 15px;
    }
    .instructor-list-outer .search-field button.btn {
        font-size: 14px;
        line-height: 40px;
        padding: 0 10px;
    }
    .instructor-list-outer .search-section {
        margin-top: 120px !important;
        width: 85%;
        flex-direction: column;
        padding: 6px 10px;
    }
    .instructor-list-outer .instructor-change {
        /* margin-top: 120px !important; */
        width: 85%;
        flex-direction: column;
        padding: 6px 10px;
    }
    .instructor-list-outer .banner-image {
        height: 276px;
    }
    .instructor-list-outer .search-field button.btn {
        line-height: 30px;
    }

    /* Banner ends */

    /* card section start */

     /* card section start */
     .instructor-detail-outer .instructor-box {
        width: 50%;
        margin-bottom: 40px;
    }
     .instructor-detail-outer .instructor-label h4 {
        font-size: 18px;
        line-height: 26px;
     }
     .instructor-detail-outer .instructor-head h2 {
        font-size: 28px;
        line-height: 36px;
        margin-bottom: 32px;
    }
    .instructor-detail-outer .instructor-image {
        width: 100%;
        height: auto;
    }
    .instructor-detail-outer .personal-details {
        padding: 15px 10px 29px 10px;
        width: 100%;
    }
    .instructor-detail-outer .instructor-name h3 {
        font-size: 20px;
        line-height: 28px;
    }
    .instructor-detail-outer .instructor-post p {
        font-size: 13px;
        line-height: 21px;
    }
    .instructor-detail-outer .instructor-experience p {
        font-size: 14px;
        line-height: 22px;  
    }
    .instructor-detail-outer .instructor-experience span {
        font-size: 14px;
        line-height: 22px;
    }
    .instructor-detail-outer .rating {
        width: 140px;
        height: 16.5px;
        margin-top: 25px;
    }
    .instructor-detail-outer .vehicle-head h3 {
       font-size: 20px;
       line-height: 28px;
    }
    
    .instructor-detail-outer .instructor-vehicle-details ul li {
        font-size: 13px;
        line-height: 18px;
    
    }
    .instructor-detail-outer .instructor-vehicle-details ul {
        margin-top: 12px;
        margin-bottom: 0;
    }
    .instructor-detail-outer .instructor-languages ul {
        margin-top: 6px;
        margin-bottom: 15px;
    }
    .instructor-detail-outer .instructor-vehicle-details ul li {
        font-size: 13px;
        line-height: 18px;
    }
    .instructor-detail-outer .profile-btn {
        margin-bottom:15px;
    }
    .instructor-vehicle-data {
        min-height: 235px;
    }
    .instructor-detail-outer .button-1 a {
        padding: 11px 19px;
        font-size: 12px;
        line-height: 20px;
    }
    .instructor-detail-outer .button-2 a {
        padding: 12px 23px;
        font-size: 12px;
        line-height: 20px;
    }
    .instructor-detail-outer .instructor-card-outer{
        justify-content: center;
    }
    .instructor-detail-outer .button-2 {
        margin-top: 20px;
    }
    .instructor-detail-outer .card-right {
        padding: 5px 12px 8px 12px;
    }

    /* instructor page end */


    /* Gallery-page starts here */
    .gallery-outer .call-icon {
        margin-right: 20px;
        width: 25px;
        height: 25px;
    }
    .gallery-outer .gallery-inner .top-head h3{
        font-size: 28px;
        line-height: 48px;
    }
    span.gal-underline {
        width: 278px;
    }
    span.gal-underline-2 {
        width: 310px;
    }
    .gallery-outer .gallery-inner .slider-contents{
        grid-template-columns: repeat(5,1fr);
        grid-column-gap: 25px;
        grid-row-gap: 25px;
    }
        /*contact-team starts here  */
    .contact-team-outer .title {
        padding: 22px 20px;
        width: 56%;
        margin-top: 200px;
    }
    .contact-support .address{
        width: 80%;
        border-radius: 20px 20px 0px 0px;
        padding: 24px 62px 55px;
        margin-right: 0;
        margin-bottom: 3px;
    }
    .contact-support .phone-no{
        width: 80%;
        padding: 24px 237px 55px;
        margin-right: 0;
        margin-bottom: 3px; 
    }
    .contact-support .mail{
        width: 80%;
        border-radius: 0px 0px 20px 20px;
        padding: 24px 150px 55px;
    }
    .contact-support .head h2 {
        font-size: 26px;
        line-height: 40px;
    }
    .contact-support .location-image {
        width: 48px;
        height: 60px;
    }
    .contact-support .call-image {
        width: 55px;
        height: 55px
    }
    .contact-support .mail-image {
        width: 70px;
        height: 55px;
    }
    .contact-support .contact-details {
        margin-bottom: 20px;
        justify-content: center;
    }
    /*contact-team ends here  */

    .gallery-outer .slider-outer .slider-contents .gallery-image {
        width:100%;
        height: 120px;
    }
    section.gallery-outer {
        margin-bottom: 230px;
    }
    /* Gallery-page ends here */

    
    /* About-page starts here */
    .focus-driving .head h2{
        font-size: 28px;
        line-height: 44px;
        margin-top: 30px;
    }
    .focus-driving .sub-head p{
        font-size: 18px;
        line-height: 28px;
    }
    .focus-driving img.person-image{
        margin-right: 0;
    }
    .focus-driving .driving-group {
        margin-top: 40px;
    }
    .focus-driving .driving-group .para p{
        width: 60%;
    }
    .focus-driving .bottom-para p{
        margin-top: 40px;
        font-size: 18px;
        line-height: 28px;
    }
    .bottom-banner .inner-contents{
        width: 75%;
    }
    .bottom-banner .inner-contents .top-head::after{
        width: 62px;
        height: 62px;
    }
    .bottom-banner .inner-contents .sub-head h2 {
        font-size: 28px;
        line-height: 38px;
    }
    .bottom-banner .inner-contents .sub-para p{
        width: 80%;
    }
    
    /* About-page ends here */

     /* Date Picker Starts Here*/

     /* div#ui-datepicker-div {
        top: 816px !important;
        left: 45px !important;
    } */

    /* Date Picker Ends Here*/

     /* Instructor-Inner-Page Starts Here*/

    
    .instructor-inner-bg .banner-container .contents{
        padding-right: 8px;  
    }
    .instructor-inner-bg .banner-container .contents p{
        line-height: 18px;
        font-size: 13px;
    }
    .instructor-inner-bg .banner-container .contents{
        padding-bottom: 8px;
    }
    .instructor-details.instructor-container.container{
        margin-top: 35px;
    }
    .instructor-details .instructor-dp-img {
        width: 100%;
        height:480px;
    }
    .instructor-details .instructor-detail-bio-bg {
        padding-top: 18px;
        padding-bottom: 20px;
    }

    .instructor-detail-bio h2{
        font-size: 22px;
        line-height: 24px;
    }
    .instructor-detail-bio h3{
        padding-left: 10px;
        font-size: 16px;
    }
    .instructor-detail-bio p {
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 12px;
    }
    .instructor-socials img{
        width: 25px;
        height: 25px;
    }
    .instructor-fb {
        margin: 0px 18px;
    }
    .instructor-skills h3{
        padding-left: 0;
        margin-bottom: 10px;
        font-size: 18px;
    }
    /* Instructor-Inner-Page ends Here*/
    .rating-container{
        height: 40px;
    }
    /* .booking-btn{
        width: 200px;
        height: 40px;   
    } */
    .booking-button-container{
        margin-top: 35px;
    }
    .instructor-container{
        margin-top: 25px;
    }
    .detailed-bio .bio-right-side h4{
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 0;
    }
    .detailed-bio .bio-right-side h2{
        font-size: 26px;
        line-height:34px;
    }
    .detailed-bio .bio-right-side p{
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 30px;
    }
    .detailed-bio .car-img {
        height: auto;
    }
    .detailed-bio .car-title h4{
        font-size: 15px;
        line-height: 40px;
    }
    .detailed-bio .vehicle-card{
        align-items: center !important;
    }
    .car-card-outer .slick-track {
        margin: 0 auto;
    }
    .comment-main-wrapper {
        margin-bottom: 30px;
    }
    .instructor-details .detail-inner{
        grid-template-columns: 1fr;
    }
    /* .detailed-bio .car-card{
        max-width: 357px;
        margin:auto;
    } */
    .booking-button-container{
        justify-content: center;
    }
    .bank-detail-card-wrap {
        display: grid;
        grid-template-columns: 1fr 1fr;
       margin-bottom:30px;
    }
    .profile-main-content{
        width: 100%;
    }
    .lesson {
        top: 0px;
    }
    .std-detail {
        padding: 0 30px;
    }
    .gift-card{
        margin-left: 0;
        width: 300px;
        height: 178px;
    }
    .gift-card_content {
        padding: 20px 20px;
    }
    .gift-card_hour h2{
        margin-top: 0;
    }
    .right {
        margin: 25px auto 15px;
    }
    .gift-card-name h2{
        width: 125px;
        font-size: 22px;
        line-height: 30px;
    }
    .left-car-detail {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 10px;
    }
    .main-transaction-detail{
        width: 361px;
    }
    .student-detail-card{
        order: 3;
        margin-top: 60px;
        margin-left: 10px;
    }
    .booking-listing li{
        margin-left: 0;
    }
    .serch-error-msg{
        margin-left: 205px;
    }
    .privacy-inner, .payment-inner, .terms-inner{
        width: 100%;
    }
    .policy-top-head h2 {
        font-size: 26px;
        margin-bottom: 10px;
    }
    .policy-top-head p {
        margin-bottom: 22px;
    }
    .top-content-para p,.content-para{
        font-size: 16px;
       
    }
    .licence-card{
        width: 100% !important;
    }
    .verify-row {
        padding: 15px;
        padding-top: 10px;
    }
    .verified-image {
        width: 40px;
        height: 40px;
        margin: 0 auto;
    }
    .tick-wrap {
        align-items: center;
    }
    .tab-main-head {
        gap: 13px;
        justify-content: space-evenly;
        flex-wrap: wrap;
        text-align: center;
    }
    .vehicle-information-right {
        width: 52%;
    }
    .gallery-top-sec{
        justify-content: center
    }
    .vehicle-information-wrapper{
        width: 100%;
    }
    .dashboard-tab-left {
        width: 100%;
        margin-bottom: 30px;
    }
    .vehicle-information-wrapper{
        grid-template-columns: 1fr 1fr;
    }
    .show-comment p{
        width: 100%;
    }
    .comments-wrapper{
        width: 95%;
        margin-top: 28px;
    }
    .comment-head h2 {
        font-size: 26px;
        line-height: 36px;
        margin-bottom: 0;
    }
    .atm-card {
        height: 185px;
        width: 300px;
    }
    .atm-number {
        bottom: 38px;
    }
    .atm-name{
        bottom: 22px;
    }
    .card-close-logo{
        width: 25px;
        height: 25px;
    }
    .card-group{
        margin-bottom: 0;
    } 
    .delete-btn .dropdown-menu.show{
        left: 198px !important;
    }
    .delete-btn .dropdown-menu.show a {
        padding: 4px 18px;
    } 
    .invite-booking-tab .invite-booking-left{
        width: 100%;
    }
    .invite-booking-tab .invite-booking-right{
        width: 100%;
    } 
    .review-btn-wrapper{
        width: 70%;
        align-items: flex-end;
    }
    .read-more-card h6{
        margin-bottom: 30px;
    }
    .customer-logos .pre_arrow{
        left:45%;
    }
    .customer-logos .next_arrow{
        right: 45%;
    }

    .contact-support {
        padding-top: 36px;
        padding-bottom: 140px;
    }
    .vehicle-error-image-outer {
        width: 230px;
        height: 100px;
    }
    .vehicle-info-error-outer p {
        margin-top: 5px;
    }
    .vertical-tab .tab-left{
        padding-bottom: 75px;
    }
    .focus-driving img.person-image {
        margin-right: 15px;
    }
    .time h2{
        font-size: 24px;
    }
    .mobile-dp-dropdown
    {
        display: none !important;
    }
    .desk-login{
        display: block;
    }
    .login-mobile-outer{
        width: 100%;
        background: #d4d4d4;
    }
    .profile-bottom-dropdown {
        left: 375px !important;
        top: 40px !important;
    }
    .desk-login {
        width: 75%;
    }
    .contact-team-outer .banner-image,
    .focus-banner-outer .blog-banner-image,
    .about-outer .banner-image {
        height: 290px !important;
    }
    .contact-team-outer .title,
     .about-outer .head,
      .banner-container {
        padding: 10px 20px;
        width: 56%;
        margin-top: 143px;
    }
    .contact-team-outer .title h2,
     .about-outer .head h2,.banner-container h1{
        font-size: 35px;
        line-height: 40px;
     }
     .instructor-inner-bg .banner-container .contents h1{
        font-size: 18px;
        line-height: 26px;
     }
     .contact-team-outer .contact,
    .focus-banner-outer .contact,
    .about-outer .contact,
    .gallery-outer .contact{
        width: 45%;
        padding: 5px 12px;
    }
    .privacy-policy-outer, .terms-outer, .payment-outer {
        padding-bottom: 130px;
    }
    .instructor-inner-bg .banner-container {
        margin-top: 100px;
        width: 70%;
    }
    .payment-right-sec{
        margin-top: 0 !important;
        padding-bottom: 0 !important;
    }
    .payment-gray .payment-left-sec{
        width: 100%;
        margin-bottom: 30px;
    }
    .payment-gray .payment-right-sec{
        width: 100%;
        padding: 0 15px;
    }
    .payment-right-sec .car-area{
        text-align: center;
        max-width: 100%;
    }
    .payment-right-sec .header-line{
        margin: 0 auto;
    }
    .invite-image {
        width: 390px;
        height: 260px;
        margin-bottom: 10px;
    }
    .blog-inner h2 {
        font-size: 28px;
        line-height: 38px;
    }
    .payment-left-inner {
        width: 80%;
        margin-top: 30px;
    }
    .payment-left-top-sec {
        padding: 0 20px;
    }
    .price-section h4 {
        font-size: 24px;
    }
    .payment-right-sec button {
        padding: 10px 6px !important;
    }
    .payment-right-sec button {
        margin-right: 7px !important;
    }
    .payment-gray {
        flex-direction: column;
    }
    .make-payment .payment-left-sec h6 {
        margin-top: 0;
    }
    .make-payment button{
        margin-bottom: 25px;
    }
    .dasboard-sub-head-wrapper{
        width: 40% !important;
        margin-bottom: 10px;
        padding: 18px 28px;
    }
    .dasboard-sub-head-wrapper:nth-child(even){
        margin-right: 0 !important;
    }
    .selected-loc {
        margin-right: 15px;
    }
    .student-detail-card .car-card{
        min-width: 400px;
    }
    .contact-support .mail-id{
        display: flex;
        flex-direction: column;
    }
    .focus-driving .driving-group .para ul li{
        width: 70%;
    }
    .promo-card {
    padding: 40px 30px 50px;
    }
    .promo-title {
        font-size: 34px;
    }
    .promo-subtitle{
        font-size: 24px;
    }
     .promo-content{
        padding-right: calc(var(--bs-gutter-x) * .5);
        padding-left: calc(var(--bs-gutter-x) * .5);
        padding-top: 0;
    }
}
    

/**************iPad Landscape***************/
@media only screen and ( max-width: 1024px ) and (min-width: 986px){
    .mobile-text {
        display: block;
    }
    .calendar-right-btn.edit-sec{
        flex-direction: column-reverse;
        gap: 10px;
    }
    #event-add-btn-mobile{
        margin-right: 9px;  
    }
    .top-card-para{
        width: 45%;
    }
    .service-book-btn{
        padding: 3px 9px;
    }
    #event-add-btn-mobile{
        display: block;
    }
    .profile-img{
        width: 31px;
        height: 31px;
    }
    .vehicle-information-wrapper{
        width: 100%;
    }
    .vehicle-information-left,.vehicle-information-right{
        width: 50%;
    }
    .vertical-tab .dashboard svg, .calendar svg, .support svg {
        height: 32px;
        width: 28px;
    }
    section.instructor-details.instructor-container.container {
        padding: 0;
    }
    .instructor-detail-bio-bg{
        padding-left: 30px;
        padding-top: 15px;
        padding-bottom: 17px;
    }
    .instructor-detail-bio p{
        margin-bottom: 15px;
    }
    .instructor-skills h3{
        margin-top: 16px;
        line-height: 28px;
    }
    .instructor-skills{
        padding-bottom: 25px;
    }
    .booking-button-container {
        margin-top: 25px;
    }
    .instructor-dp-img{
        height: 495px;
    }
    .vehicle-card {
        width: 41%;
    }
    .card-gray-sec{
        max-height: 317px;
    }
    .card-gray-sec {
        padding: 38px 15px;
    }
    .vertical-tab .dashboard,.vertical-tab .calendar,.vertical-tab .support{
        padding: 10px 10px !important;
    }
    .dashboard-tab .title-sec{
        padding: 20px 12px;
    }
    .tab-heads.active a {
        padding: 12px 8px;;
    }
    .dashboard-tab .title-sec a{
        font-size: 18px;
        line-height: 26px;
    }
    .dashboard-tab .title-sec .tab-heads a {
        font-size: 14px;
        line-height: 24px;
        margin-right: 30px;
    }
    .dashboard-tab .title-sec .tab-heads:last-child a{
        margin-right: 0;
    }
    /* Header starts */
    .right-sec .login a{
        font-size: 15px;
        line-height: 21px;
    }
    .main-header .header-logo {
        width: 110px;
        height: 70px;
    }
    .header-menu a{
        font-size: 15px;
        line-height: 20px;
        margin-right: 23px;
    }
    .main-header .nav-button a{
        font-size: 15px;
        line-height: 20px;
    }
    .main-header .nav-button{
        padding: 13px 25px;
        margin-left: 30px;
    }

    /* Header ends */


    /* Banner starts here */
    .focus-banner-outer .banner-inner {
        padding-top: 40px;
    }
    .focus-banner-outer .main-head h1{
        font-size: 38px;
        line-height: 45px;
    }
    .focus-banner-outer .sub-head h1{
        font-size: 38px;
        line-height: 45px; 
    }
    .focus-banner-outer .search-section::before{
        top: -50px;
        width: 140px;
        height: 45px;    
    }
    .focus-banner-outer .banner-image{
        height: 450px;
    }
    .focus-banner-outer .search-field{
        width: 100%;
    }
    .focus-banner-outer .search-section{
        margin-top: 95px !important;
        padding: 10px 7px;
    }
    .focus-banner-outer .switches-container{
        width: 60%;
        line-height: 40px;
    }
    .focus-banner-outer .search-field button.btn{
        padding: 0px 10px;
        font-size: 14px;
        line-height: 40px;
    }
    .focus-banner-outer .search-field input.form-control.me-2{
        padding: 0 15px;
    }
    /* Banner ends */

    /* Service-tab starts here */
    .service-section .section-inner {
        padding-top: 75px;
    }
    .service-section .service-head::after {
        right: 36.5%;
    }
    .service-section .tab-head {
        border-radius: 10px 10px 0px 0px;
        padding: 10px;
        width: 24.8%;
    }
    .service-section .tab-head h4 a {
        font-size: 14px;
        line-height: 18px;
    }
    .service-section .tab-head h4 a {
        font-size: 18px;
        line-height: 24px;
    }
    .service-section .tab-head h4{
        margin-bottom: 7px;
    }
    .service-section .tab-head {
        padding: 15px 10px;
        width: 24.8%;
    }
    .service-section .tab-head::after{
        width: 122px;
        height: 20px;
        bottom: 0;
        right: 5px;
    }
    .service-section .hour-class h4 {
        font-size: 22px;
        line-height: 28px;
    }
    .service-section .card-bottom{
        padding: 15px 8px 11px 15px;
    }
    .service-section .time h2 {
        font-size: 38px;
        line-height: 40px;
    }
    .service-section .top-card-para p {
        font-size: 12px;
    }
    .service-section .card-bottom .head h2 {
        font-size: 22px;
        line-height: 28px;
    }
    .service-section .test-time h2 {
        font-size: 37px;
        line-height: 40px;
    }
    .service-section .test-card-para p{
        margin-top: 10px;
    }
    .service-section .card-bottom ul li {
        font-size: 14px;
        line-height: 22px;
    }
    .service-section .book-btn a {
        font-size: 16px;
        line-height: 32px;
        padding: 12px 25px;
    }
    .service-section .card-bottom .fees .cash {
        font-size: 21px;
    }
    .service-section .card-bottom .bottom-end {
        margin-top: 25px;
    }
    .service-section .test-hour-head h4{
        font-size: 19px;
    }
    .service-section .test-image {
        width: 160px;
        height: 63px;
    }
    /* Service-tab ends here */


    /* How we works starts here */
    .how-we-works .top-head h2{
        font-size: 38px;
        line-height: 45px;
    }
    .how-we-works .top-head::after{
        right: 280px;
    }
    .how-we-works .item{
        padding-top: 20px;
    }
    .how-we-works .description{
        padding-top: 10px;
    }
    .how-we-works .bottom-head h3{
        line-height: 38px;  
        font-size: 28px;
    }
    /* How we works ends */


    /* Our-excellence starts here */
    .our-excellency .top-head-2 h2{
        font-size: 38px;
        line-height: 45px;
    }
    .our-excellency .top-head-1 h5 {
        font-size: 18px;
        line-height: 34px;
    }
    .our-excellency .top-head-2::after{
        left: 290px;
    }
    .excellence-para{
        width: 100%;
    }
    .our-excellency{
        padding-top: 60px;
        padding-bottom: 80px;
    }

    /* Our-excellence ends */


    /* Testimonila section starts here */
    .testimonial .top-head h2 {
        font-size: 38px;
        line-height: 45px;
    }
    .testimonial .slider-contents{
        padding: 42px 23px 38px 18px;
    }
    .testimonial .slider-contents .left{
        margin-right: 25px;
    }
    .testimonial .slider-contents .right::after{
        bottom: 28px;
        right: 0px;
    }
    .testimonial .top-head::after{
        top: -35px;
        left: 24%;
    }
    /* Testimonial section ends here */


    /* About-us section starts here */
    .about-test {
        padding-bottom: 200px;
    }
    .about-us .top-head h2{
        font-size: 38px;
        line-height: 45px;
    }
    .about-us .about-right-image img {
        width: 100%;
    }
    .about-us .about-right-image {
        width: 315px;
        margin: auto;
    }
    .about-us .right-part .name p{
        font-size: 18px;
        line-height: 24px;
    }
    .about-us .right-part .designation p{
        font-size: 14px;
        line-height: 21px;
    }
    .about-us .right-part .about-social-media .insta {
        margin-right: 15px;
        width: 18px;
        height: 18px;
    }
    .about-us .right-part .about-social-media .insta img {
        width: 100%;
        height: 100%;
    }
    .about-us .right-part .about-social-media .facebook {
        margin-right: 15px;
        width: 18px;
        height: 18px;
    }
    .about-us .right-part .about-social-media .facebook img {
        width: 100%;
        height: 100%;
    }
    .about-us .right-part .about-social-media .twitter{
        width: 18px;
        height: 18px;  
    }
    .about-us .right-part .about-social-media .twitter img{
        width: 100%;
        height: 100%;
    }
    .about-us .right-part .image-bottom{
        padding: 16px 13px;
    }
    /* About-us section ends here */


    /* Footer section starts here */
    .footer-section .footer-widget{
        padding-bottom: 28px;
        padding-top: 25px;
    }
    .footer-section .head h3{
        font-size: 28px;
    }
    .footer-section .footer-menu{
        margin-top: 0;
        padding: 0 60px;
    }
    /* Footer section ends here */


   /* instructor page */
   .instructor-detail-outer .instructor-box {
    width: 50%;
    margin-bottom: 45px;
   }
   .instructor-detail-outer .instructor-card-outer {
    justify-content: center;
    }
    .instructor-detail-outer .personal-details {
        padding: 20px 14px 28px 21px;
    }
    .instructor-detail-outer .card-right {
        padding: 16px 10px 18px 15px;
    }
    .instructor-detail-outer .instructor-vehicle-details ul li{
        margin-bottom: 8px;
    }
    .instructor-detail-outer .button-2 a {
        padding: 14px 25px;
    }
    .instructor-detail-outer .button-1 a {
        padding: 14px 20px;
    }
    .instructor-detail-outer .profile-btn {
        margin-left: 0;
        margin-bottom: 15px;
    }
    /* instructor page end */

    /*contact-team start here  */

    .contact-team-outer .title h2 {
        font-size: 46px;
        line-height: 54px;
    }
    .contact-support .address{
        padding: 24px 65px 43px;
        width: 33%;
    }
    .contact-support .phone-no{
        padding: 28px 93px 68px;
        width: 33%;
    }
    .contact-support .mail{
        padding: 28px 62px 43px;
        width: 33%;
    }
    /*contact-team ends here  */

    /* Gallery-page starts here */
    .gallery-outer .call-icon {
        margin-right: 20px;
        width: 35px;
        height: 35px;
    }
    .gallery-outer .gallery-inner .top-head h3{
        font-size: 32px;
        line-height: 48px;
    }
    span.gal-underline {
        width: 316px;
    }
    span.gal-underline-2 {
        width: 350px;
    }

    .gallery-outer .gallery-inner .slider-contents{
        grid-column-gap: 25px;
        grid-row-gap: 25px;
    }
    .gallery-outer .slider-outer .slider-contents .gallery-image {
        width: 100%;
        height: 157px;
    }
    /* Gallery-page ends here */

    /* About-page starts here */
    .about-outer .head{
        padding: 17px 16px;
        width: 56%;
        margin-top: 220px;
    }

    .focus-driving .head h2{
        font-size: 32px;
        line-height: 48px;
        margin-top: 30px;
    }
    .focus-driving .sub-head p{
        font-size: 18px;
        line-height: 28px;
    }
    .focus-driving img.person-image{
        margin-right: 0;
    }
    .focus-driving .driving-group {
        margin-top: 40px;
    }
    .focus-driving .driving-group .para p{
        width: 65%;
    }
    .focus-driving .bottom-para p{
        margin-top: 40px;
        font-size: 18px;
        line-height: 28px;
    }
    .bottom-banner .inner-contents{
        width: 50%;
    }
    .bottom-banner .inner-contents .top-head::after{
        width: 62px;
        height: 62px;
    }
    .bottom-banner .inner-contents .sub-head h2 {
        font-size: 28px;
        line-height: 38px;
    }
    .bottom-banner .inner-contents .sub-para p{
        width: 80%;
    }
    
    /* About-page ends here */
    /* Date Picker Starts Here*/

     /* div#ui-datepicker-div {
        left: 143px !important;
        top: 816px !important;
    } */

    /* Date Picker Ends Here*/

    /* Instructor-Inner-Page Starts Here*/

    .instructor-details .detail-inner{
        grid-template-columns: 1fr 1fr;
    }
    /* Instructor-Inner-Page Ends Here*/
    .profile-main-content{
        width: 80%;
    }
    .card{
        width: 325px;
    }
    .gift-card {
        margin-left: 0;
        margin-right: 30px;
    }
    .left-car-detail {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 50px;
    }
    .student-detail-card{
        order: 3;
    }
    .main-transaction-detail{
        margin-top: 0;
    }
    .single-item .left-sec {
        width: 60%;
    }
    .add-review-btn {
        width: 20%;
    }
    .view-details{
        padding: 8px 10px;
    }
    .booking-listing .single-item .right-sec{
        width: 130px;
    }
    .show-bookings {
        padding-left: 0;
        padding-right: 12px;
    }
    .serch-error-msg{
        margin-left: 245px;
    }
    .licence-card{
        width: 100%;
    }
    .verify-row {
        padding: 15px;
        padding-top: 10px;
    }
    .verify-wrap h5 {
        font-size: 14px;
    }
    .verified-image {
        width: 35px;
        height: 34px;
    }
    .verified-alert {
            width: 183px;
    }
    .tick-wrap {
        align-items: center;
        margin-bottom: 4px !important;
    }
    .verified-alert p {
        font-size: 14px;
    }
    .dashboard-tab-left {
        width: 100%;
        margin-bottom: 30px;
    }
    .vehicle-information-wrapper {
        grid-template-columns: 1fr 1fr;
    }
    .delete-btn .dropdown-menu.show{
        left: 255px !important;
    }
    .blog-buttons {
        padding-right: 10px;
    }
    .read-more-card h6{
        margin-bottom: 35px;
    }
 
    .contact-support {
        padding-top: 45px;
        padding-bottom: 185px;
    }
    .contact-team-outer .title, .about-outer .head,.banner-container{
        margin-top: 235px;
    }
    .instructor-list-outer .contact{
        width: 35%;
        padding:5px 10px;
    }
    .customer-logos .pre_arrow{
        left:46%;
    }
    .customer-logos .next_arrow{
        right: 46%;
    }
    .vehicle-error-image-outer {
        width: 250px;
        height: 100px;
    }
    .vehicle-info-error-outer p {
        margin-top: 10px;
    }
    .focus-driving img.person-image {
        margin-right: 15px;
    }
    .contact-team-outer .contact,
    .focus-banner-outer .contact,
    .about-outer .contact,
    .gallery-outer .contact{
        width: 35%;
    }
    .privacy-policy-outer, .terms-outer, .payment-outer {
        padding-bottom: 140px;
    }
    .payment-gray .payment-left-sec{
        width:50%;
    }
    .payment-gray .payment-right-sec{
        width: 45%;
    }
    .invite-image {
        width: 525px;
        height: 330px;
        margin: 0 auto;
    }
    .occasion-image {
        width: 100%;
        height: auto;
    }
    .payment-left-top-sec {
        padding: 0 20px;
    }
    .payment-left-inner {
        width: 75%;
    }
    .payment-left-top-sec .header-line {
        width: 105px;
    }
    .payment-right-sec button {
        margin-right: 10px !important;
    }
    .payment-right-sec button {
        padding: 10px 25px;

    }
    .make-payment .payment-right-sec {
        margin-top: 0 !important;
    }
    .dasboard-sub-head-wrapper {
        width: 18.3% !important;
        padding: 11px 15px;
    }
    .dasboard-sub-head .count {
        margin-bottom: 8px;
        margin-top: 4px;
    }
    .instructor-inner-bg .banner-container .contents h1 {
        font-size: 18px;
        line-height: 26px;
    }   
    .instructor-inner-bg .banner-container p{
        font-size: 13px;
        line-height: 22px;
    }
    .selected-loc {
        margin-right: 15px;
    }
    .student-detail-card .car-card{
        min-width: 400px;
    }
    .focus-driving .driving-group .para ul li{
        width: 55%;
    }
    .fc-media-screen .fc-timegrid-col-events{
        right: 2px !important;
    }
    .promo-card {
        padding: 40px 30px 50px;
    }
    .promo-title {
        font-size: 34px;
    }
    .promo-subtitle{
        font-size: 24px;
    }
     .promo-content{
        padding-left: 185px;
        padding-top: 0;
    }
}
    
   
/*******************************************/
@media only screen and ( max-width: 1100px ) and (min-width: 1025px){
    /* Date Picker Starts Here*/
    /* div#ui-datepicker-div {
        left: 290px !important;
    } */
    .book-vehicle-card {
        width: 280px;
        margin: 0 auto;
    }
    .car-img {
        width: 190px;
    }
    .profile-main-content{
        width: 80%;
    }
    /* Date Picker Ends Here*/
    section.instructor-details.instructor-container.container {
        padding: 0;
    }
    .make-payment .payment-right-sec {
        margin-top: 0 !important;
    }
    .instructor-inner-bg .banner-container .contents h1 {
        font-size: 18px;
        line-height: 26px;
    }   
    .instructor-inner-bg .banner-container p{
        font-size: 13px;
        line-height: 22px;
    }
    .promo-card {
        padding: 40px 30px 50px;
    }
    .promo-title {
        font-size: 34px;
    }
    .promo-subtitle{
        font-size: 24px;
    }
}
@media only screen and ( max-width: 1199px ) and (min-width: 1100px){
    /* Date Picker Starts Here*/
    /* div#ui-datepicker-div {
        left: 306px !important;
    } */
    .book-vehicle-card {
        width: 308px;
        margin: 0 auto;
    }
    .car-img{
        width: 240px;
    }
    .profile-main-content{
        width: 80%;
    }
    /* Date Picker Ends Here*/
    .make-payment .payment-right-sec {
        margin-top: 0 !important;
    }
    .instructor-inner-bg .banner-container .contents h1 {
        font-size: 18px;
        line-height: 26px;
    }   
    .instructor-inner-bg .banner-container p{
        font-size: 13px;
        line-height: 22px;
    }
    .promo-card {
        padding: 40px 30px 50px;
    }
    .promo-title {
        font-size: 35px;
    }
    .promo-subtitle{
        font-size: 24px;
    }
}
@media only screen and ( max-width: 1199px ) and (min-width: 1025px){
    .fc-media-screen .fc-timegrid-col-events{
        right: 2px !important;
    }
    .instructor-detail-bio-bg{
        padding-left: 30px;
        padding-top: 15px;
        padding-bottom: 17px;
    }
    .focus-banner-outer .contact{
        width: 35%;
    }
    .instructor-detail-bio p{
        margin-bottom: 15px;
    }
    .instructor-skills h3{
        margin-top: 16px;
        line-height: 28px;
    }
    .instructor-skills {
        padding-bottom: 25px;
    }
    .booking-button-container {
        margin-top: 25px;
    }
    .instructor-dp-img{
        height: 490px;
    }
    .vehicle-card {
        width: 41%;
    }
    .profile-img{
        width: 32px;
        height: 32px;
    }

    .main-header .header-logo {
        width: 100px;
        height: 60px;
    }
    .header-menu a {
        font-size: 14px;
        line-height: 20px;
        margin-right: 15px;
    }
    .nav-button {
        padding: 8px 15px;
        margin-left: 20px;
    }
    .right-sec .login a {
        font-size: 14px;
        line-height: 20px;
    }
    .focus-banner-outer .main-head h1{
        font-size: 38px;
        line-height: 44px;
    }
    .focus-banner-outer .sub-head h1{
        font-size: 31px;
        line-height: 41px;
    }
    .focus-banner-outer .search-section {
        margin-top: 100px !important;
    }
    .focus-banner-outer .banner-image{
        height: 430px;
    }
    /* service-tab starts here */
    .service-section .service-head::after {
        right: 36.5%;
    }
    .service-section .tab-head {
        padding: 15px 10px;
        width: 24.9%;
    }
    .service-section .tab-head h4 a {
        font-size: 20px;
    }
    .service-section .card1 {
        width: 33%;
    }
    .service-section .time h2 {
        font-size: 55px;
        line-height: 66px;
    }
    .service-section .hour-class h4 {
        font-size: 32px;
    }
    .service-section .book-btn a {
        font-size: 14px;
        line-height: 22px;
        padding: 15px 30px;
    }
    .service-section .test-image {
        width: 206px;
        height: 82px;
    }
    .service-section .test-hour-head h4{
        font-size: 23px;
    }
    /* service-tab ends here */


    /* How we works starts here */
    .how-we-works .top-head::after{
        right: 308px;
    }
    .testimonial .top-head::after{
        top: -35px;
        left: 24%;
    }
    .about-us .top-head::after{
        top: -33px;
        left: 18%;
    }
    .how-we-works .bottom-head h3{
        line-height: 38px;  
        font-size: 28px;
    }
    /* How we works ends */

    /* Our-excellence starts here */
    .our-excellency .top-head-2 h2{
    font-size: 38px;
    line-height: 45px;
    }
    .our-excellency .top-head-1 h5 {
        font-size: 18px;
        line-height: 34px;
    }
    .our-excellency .top-head-2::after{
        left: 290px;
    }
    .excellence-para{
        width: 100%;
    }
    .our-excellency{
        padding-top: 60px;
        padding-bottom: 80px;
    }

    /* Our-excellence ends */

    /* Testimonila section starts here */
    .testimonial .top-head h2 {
        font-size: 38px;
        line-height: 45px;
    }
    .testimonial .slider-contents{
        padding: 42px 23px 38px 18px;
    }
    .testimonial .slider-contents .left{
        margin-right: 25px;
    }
    .testimonial .slider-contents .right::after{
        bottom: 28px;
        right: 0px;
    }
    /* Testimonial section ends here */


    /* About-us section starts here */
    .about-us .top-head h2 {
        font-size: 38px;
        line-height: 45px;
    }
    .about-us .about-right-image {
        width: 235px;
        margin: auto;
    }
    .about-us .about-right-image img {
        width: 100%;
    }
    .about-us .right-part .name p {
        font-size: 18px;
        line-height: 24px;
    }
    .about-us .right-part .designation p {
        font-size: 14px;
        line-height: 21px;
    }
    .about-us .right-part .about-social-media .insta {
        margin-right: 15px;
        width: 20px;
        height: 20px;
    }
    .about-us .right-part .about-social-media .insta img {
        width: 100%;
        height: 100%;
    }
    .about-us .right-part .about-social-media .facebook {
        margin-right: 15px;
        width: 20px;
        height: 20px;
    }
    .about-us .right-part .about-social-media .facebook img {
        width: 100%;
        height: 100%;
    }
    .about-us .right-part .about-social-media .twitter {
        width: 20px;
        height: 20px;
    }
    .about-us .right-part .about-social-media .twitter img {
        width: 100%;
        height: 100%;
    }
    .about-us .right-part .image-bottom {
        padding: 16px 13px;
    }    
    /* About-us section ends here */

    /* Contact-us starts here */
    .contact-us::before{
        width: 555px;
        height: 108px;
        top: -108px;
    }
    /* Contact-us ends here */

    .gallery-outer .gallery-inner .top-head h3{
        font-size: 32px;
        line-height: 48px;
    }
    span.gal-underline {
        width: 325px;
    }
    span.gal-underline-2 {
        width: 355px;
    }
        
    .gallery-outer .gallery-inner .slider-contents{
        grid-column-gap: 25px;
        grid-row-gap: 25px;
    }
    .gallery-outer .slider-outer .slider-contents .gallery-image {
        width: 165px;
        height: 157px;
    }
    /* Gallery-page ends here */

   /* instructor page */
   .instructor-detail-outer .instructor-box {
    width: 50%;
    margin-bottom: 45px;
   }
   .instructor-detail-outer .instructor-card-outer {
    justify-content: center;
    }
    .instructor-detail-outer .personal-details {
        padding: 20px 14px 28px 21px;
    }
    .instructor-detail-outer .card-right {
        padding: 16px 10px 18px 15px;
    }
    .instructor-detail-outer .instructor-vehicle-details ul li{
        margin-bottom: 8px;
    }
    .instructor-detail-outer .button-2 a {
        padding: 14px 18px;
    }
    .instructor-detail-outer .button-1 a {
        padding: 14px 12px;
    }
    .instructor-detail-outer .profile-btn {
        margin-left: 0;
        margin-bottom: 15px;
    }
    /* instructor page end */

     /*contact-team start here  */

     .contact-team-outer .title h2 {
        font-size: 46px;
        line-height: 54px;
    }
    .contact-support .address{
        padding: 24px 65px 43px;
        width: 33.13%;
    }
    .contact-support .phone-no{
        padding: 28px 93px 68px;
        width: 33.13%;
    }
    .contact-support .mail{
        padding: 28px 62px 43px;
        width: 33.13%;
    }
    /*contact-team ends here  */


    /* About-page starts here */
    .about-outer .head{
        padding: 17px 16px;
        width: 56%;
        margin-top: 220px;
    }
    .focus-driving .head h2{
        font-size: 32px;
        line-height: 48px;
        margin-top: 30px;
    }
    .focus-driving .sub-head p{
        font-size: 18px;
        line-height: 28px;
    }
    .focus-driving img.person-image{
        margin-right: 0;
    }
    .focus-driving .driving-group {
        margin-top: 40px;
    }
    .focus-driving .driving-group .para p{
        width: 65%;
    }
    .focus-driving .bottom-para p{
        margin-top: 40px;
        font-size: 18px;
        line-height: 28px;
    }
    .bottom-banner .inner-contents{
        width: 50%;
    }
    .bottom-banner .inner-contents .top-head::after{
        width: 62px;
        height: 62px;
    }
    .bottom-banner .inner-contents .sub-head h2 {
        font-size: 28px;
        line-height: 38px;
    }
    .bottom-banner .inner-contents .sub-para p{
        width: 80%;
    }
    /* About-page ends here */
    .licence-card{
        width: 100%;
    }
    .verify-row {
        padding: 15px;
        padding-top: 10px;
    }
    .verify-wrap h5 {
        font-size: 14px;
    }
    .verified-image {
        width: 35px;
        height: 34px;
    }
    .verified-alert {
            width: 183px;
    }
    .tick-wrap {
        align-items: center;
        margin-bottom: 4px !important;
    }
    .verified-alert p {
        font-size: 14px;
    }
    .dashboard-tab .title-sec {
        padding: 20px 12px;
    }
    .dashboard-tab .title-sec .tab-heads a {
        font-size: 18px;
        line-height: 24px;
        margin-right: 15px;
    }
    .tab-heads.active a {
        padding: 20px 10px;
    }
    .contact-team-outer .title, .about-outer .head,.banner-container{
        margin-top: 235px;
    }
    .instructor-list-outer .contact{
        width: 35%;
    }
    .customer-logos .pre_arrow {
        left: 46%;
    }
    .customer-logos .next_arrow {
        right: 46%;
    }
    .focus-driving img.person-image {
        margin-right: 15px;
    }
}
@media screen and (min-width:1024px) {
    .instructor-details .detail-inner {
        grid-template-columns: 1fr 1fr;
    }
    .vertical-tab {
        padding: 0 20px;
        min-height: 62vh;
    }
}
@media screen and (max-width:1780px) {
    .header-full {
        padding: 5px 15px;
    }
    .vertical-tab .dashboard-tab {
        margin-right: 0;
    }
    .footer-flex {
        max-width: 100%;
        margin: 0;
        padding: 0 35px;
    }
}
@media screen and (min-width:1780px) {
    .vertical-tab .dashboard-tab {
        margin-right: 0;
    }
}
@media screen and (min-width:1600px) {
    .dasboard-sub-head-wrapper {
        width: 19% !important;
    }
}
@media screen and (max-width:1650px) {
    .container.head-inner {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .calendar-wrapper {
        margin-right: 0;
    }

    .fc-timeGridWeek-view thead tr> :first-child {
        width: 64px !important;
    }

    .accordion-tab .acc-white {
        padding: 9px 120px 34px 39px;
    }

}
@media screen and (max-width:1350px) {
    .fc-timeGridWeek-view thead tr> :first-child {
        width: 61px !important;
        flex-shrink: 0;
    }

    .accordion-tab {
        margin-right: 0;
        padding: 20px 25px 29px 25px;
    }

    .accordion-tab .acc-white {
        padding: 9px 30px 34px 30px;
    }
}
@media screen and (min-width:1350px) {
    .single-comment {
        width: 1250px;
        position: relative;
        left: -25px;
    }
}
@media screen and (max-width:1280px) {
    /* .dashboard-tab {
        flex-direction: column;
    } */

    .calendar-wrapper {
        padding: 19px 15px 37px 15px;
    }

    .payment-gray {
        padding-right: 15px;
    }
}
@media screen and (max-width:1199px) {
    .blog-details {
        gap: 15px;
    }
    .content-part {
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }
    .comment-input {
        max-width: unset;
    }
}
@media screen and (max-width:1128px) {
    .fc-timeGridWeek-view thead th {
        height: 65px;
    }

    .fc-col-header-cell-cushion {
        word-spacing: 100vw;
    }

    .fc-scrollgrid thead .fc-day-today::before {
        width: 60px;
    }

    #calendar {
        height: 761px;
    }
}
@media screen and (max-width:1080px) {
    .payment-left-sec .black-sec {
        max-width: unset;
        border-radius: 0px 0px 0px 0;
    }
    .card-gray-sec {
        max-width: unset;
        text-align: center;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
    }
    .payment-right-sec button{
        margin-right: 20px;
    }
    .card-cvv {
        width: 32%;
    }
    .payment-right-sec {
        padding-bottom: 30px;
        margin-top: 30px;
    }
}
@media screen and (max-width:1023px){
    /* .profile-outer {
         width: 100%;
    } */
    .payment-gray {
        /* flex-direction: column; */
        padding: 25px 0 30px 0;
    }
    .occasion-inner{
        flex-direction: column-reverse;
    }
    .payment-right-sec button {
        padding: 10px 20px;
    }
}
@media screen and (max-width:1023px) and (min-width:986px){
    /* div#ui-datepicker-div {
        left: 45px !important;
    } */
}
@media screen and (max-width:561px) and (min-width:480px){
    /* div#ui-datepicker-div {
        top: 968px !important;
        left: 26px !important;
    } */
}
@media screen and (max-width:1028px) {
    .read-more-slider {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .fc .fc-toolbar.fc-header-toolbar {
        gap: 10px;
        flex-wrap: wrap;
    }
    .fc-toolbar-chunk, .fc-button-group {
        width: 100%;
    }

    .fc .fc-toolbar-title {
        text-align: center;
    }

    .fc .fc-toolbar.fc-header-toolbar .fc-toolbar-chunk:nth-child(2) {
        order: 0
    }

    .fc .fc-toolbar.fc-header-toolbar .fc-toolbar-chunk:nth-child(1) {
        order: 1;
        width: 48%;
    }
    .fc .fc-toolbar.fc-header-toolbar .fc-toolbar-chunk:nth-child(3) {
        order: 3;
        width: 48%;
    }
    #calendar {
        height: 805px;
    }
}
@media screen and (max-width:991px) {
    .blog-grid {
        grid-template-columns: repeat(1, minmax(0, 1fr));
        row-gap: 20px;
    }

    .accordion-button-img {
        padding: 15px 30px;
    }
    .payment-success img {
        width: 100%;
    }
    .profile-main-outer .table-borderless>:not(caption)>*>*{
        min-width: 130px;
    }
    .profile-main-outer .add-date{
        text-align: start;
    }
}
@media screen and (max-width:920px) and (min-width:480px){
    .booking-listing .single-item {
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
    }
    .booking-listing .left-sec, .booking-listing .right-sec {
        width: 75%;
    }
    .add-review-btn {
        width: 25%;
    } 
    .show-bookings {
        padding-left: 0;
        margin-right: 40px;
    }
    .booking-listing .single-item .right-sec {
        flex-direction: column;
        gap: 10px;
        margin: 5px 0 0 15px; 
        width: 100%;
        justify-content: center;
    }
    .booking-listing .detail-flex{
        gap:0;
        flex-wrap:wrap;
    }
}
@media screen and (max-width:890px) {
    .footer-flex {
        flex-direction: column;
        gap: 10px;
    }
}
@media screen and (max-width:780px) {
    .v-tab-nav {
        flex-direction: row;
        display: flex;
    }
    .vertical-tab .support {
        border-radius: 0px 25px 0 0;
    }
    .vertical-tab {
        flex-direction: column;
    }
}
@media screen and (max-width:768px) {
    .side-image {
        width: 100%;
    }
    .single-comment {
        padding: 14px 25px 20px 25px;
    }
    .content .img {
        height: 330px;
    }
    .input-flex {
        gap: 17px;
        flex-direction: column;
    }
    .read-more-card h6 {
        width: 100%;
    }
    .payment-right-sec span {
        width: 100%;
    }
    .payment-success h1 {
        font-size: 39.316px;
        line-height: 49px;
    }
    .payment-success h4 {
        font-size: 28px;
    }
    .payment-back {
        padding: 90px 0 60px;
    }
}
@media screen and (max-width:720px) {
    .dash-footer ul {
        flex-wrap: wrap;
        justify-content: center;
    }
    .dash-footer ul {
        gap: 15px;
    }
    .footer-flex {
        gap: 20px;
    }
    .header-right {
        gap: 20px;
    }
}
@media screen and (max-width:680px) {
    .blog-card p {
        line-height: 22px;
    }
    .blog-card h3 {
        line-height: 45px;
        font-size: 24px;
    }
    .blog-section {
        padding-top: 40px;
        padding-bottom: 130px;
    }
    .comment-input {
        padding: 22px 20px 24px;
    }
}
@media screen and (max-width:480px) {
    .calendar-title {
        flex-direction: column;
        gap: 20px;
    }
}
@media screen and (max-width:650px) {
    .dashboard-tab .title-sec{
        min-height:50px;
    }
    .profile-img {
        height: 50px;
        width: 50px;
    }
    .accordion-button-img {
        padding: 40px 30px;
    }
    .accordion-tab {
        padding: 20px 15px 29px 15px;
    }
    .accordion-tab .acc-white {
        padding: 15px 10px 34px 10px;
    }
    .fc .fc-toolbar.fc-header-toolbar .fc-toolbar-chunk:nth-child(1) {
        width: 100%;
    }
    .fc .fc-toolbar.fc-header-toolbar .fc-toolbar-chunk:nth-child(3) {
        width: 100%;
    }
    #calendar>.fc-view-harness>.fc-timegrid, .fc .fc-view-harness-active>.fc-view {
        width: 650px;
    }
    .fc .fc-view-harness {
        overflow-x: scroll;
    }
    #calendar {
        height: 850px;
    }
}
@media screen and (max-width:600px) {
    .comment-flex {
        flex-direction: column;
        gap: 15px;
    }
    .comment-right p {
        margin-bottom: 15px;
    }
    .single-comment h5 {
        margin-bottom: 15px;
    }
    .single-comment {
        margin: 40px 0 50px;
    }
    .comment-input {
        margin: 0 auto 50px;
    }
    .profile>img {
        height: 60px;
        width: 60px;
    }
    .read-more-slider {
        grid-template-columns: repeat(1, minmax(0, 1fr));
        row-gap: 20px;
    }
}
@media screen and (max-width:560px) {
    .booking-listing li {
        margin-left: 0;
    }
    .booking-listing li::before {
        display: none;
    }
    .vertical-tab .tab-left {
        padding:0;
        padding-bottom: 30px;
    }
    .booking-listing .detail-flex a::after {
        display: none;
    }
    .tab-main-head{
        flex-direction: column;
        gap: 10px;
        align-items: center;
    }
    .tab-heads.active a{
        padding: 4px 14px
    }
    .dashboard-tab .title-sec a{
        margin-right: 0;
    }
    .dashboard-tab .title-sec {
        flex-direction: column;
    }
    .vertical-tab .view-calendar{
        font-size: 16px;
        line-height: 24px;
        padding: 8px 21px;
    }
    .notification-sec a span {
        display: none;
    }
}
@media screen and (max-width:500px) {
    .side-nav-head p{
        font-size: 15px;
        line-height: 18px;
    }
    .blog-buttons {
        flex-direction: column-reverse;
        align-items: flex-start;
        gap: 20px;
        padding-right: 0;
    }
    .blog-card p {
        margin-bottom: 15px;
    }
    .single-detail {
        gap: 7px;
    }
    .blog-inner {
        padding-bottom: 130px;
    }
    .booking-listing .detail-flex {
        gap: 0px;
        flex-direction: column;
    }

    .vertical-tab .dashboard svg, .calendar svg, .support svg {
        height: 27px;
        width: 24px;
        margin-left: 0;
    }
    .vertical-tab .calendar {
        padding: 10px 14px !important;
    }
    .vertical-tab .support {
        padding: 10px 13px !important;
    }
    .header-bar{
        height: 0;
    }
    .dashboard-tab .title-sec{
        border-top-right-radius:0;
    }
    .calendar-title .left-sec {
        flex-wrap: wrap;
    }
    .dashboard-tab .title-sec .tab-heads a{
        margin-right: 0;
        font-size: 16px;
        line-height: 24px;    
    }
    .booking-listing{
        padding: 20px 10px;
        margin-bottom: 25px;
    }
    .car-card{
        max-width: 100%;
    }
    .accordion-header{
        font-size: 14px;
        line-height: 20px;
    }
    .card-close-logo {
        width: 25px;
        height: 25px;
        margin-left: 5px;
    }
    .bank-detail-card-wrap {
        display: grid;
        grid-template-columns:1fr ;
        margin-left: 0;
        margin-bottom: 25px;
        grid-row-gap: 25px;
    }
    .header-line {
        height: 7.22px;
        margin-top: 6px;
    }
    .car-area h2 {
        font-size: 22px;
        line-height: 28px;
    }
    .price-section svg {
        height: 60px;
    }
    .price-section span {
        font-size: 30px;
        line-height: 46px;
    }
    .instructor-area {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
    .instructor-detail h4 {
        line-height: 37px;
    }
    .instructor-detail span {
        margin-top: 0;
    }
    .features-section {
        margin-top: 10px;
    }
    .vertical-tab .nav-link{
        text-align: center;
    }
    .submit-button, .update-password {
        text-align: center;
        margin-top: 30px;
        margin-bottom: 25px;
    }
}
@media screen and (max-width:480px) {
    .features-section ul {
        column-count: 1;
    }
    .car-area img {
        width: 100%;
    }
    .payment-success {
        background-image: linear-gradient(#F1F1F17D 34%, white 34%);
    }
}
@media screen and (max-width:450px) {
    .profile-img {
        display: block;
    }
    .profile-img {
        height: 40px;
        width: 40px;
    }
    .profile-sec {
        gap: 10px;
    }
    .accordion-button-img {
        padding: 55px 30px;
    }  
}

@media screen and (max-width:400px) {
    .content .img {
        height: 250px;
    }
    .side-image {
        height: 230px;
    }
    .content h4 {
        padding: 5px 0px 5px 10px;
        width: 100%;
    }
    .single-comment {
        padding: 14px 15px 20px 15px;
    }
    .comment-input .submit {
        font-size: 16px;
        padding: 10px 20px;
    }
    .booking-listing .single-item .right-sec {
        flex-direction: column;
        margin: 5px 0 10px 0px;
        padding: 0 8px;
        width: 100%;
    }
    .booking-listing .single-item .right-sec a {
        width: 80%;
        margin: 10px auto 0;
        text-align: center;
    }
    .car-img {
        height: unset;
        width: 100%;
    }
    .car-title {
        gap: 0;
    }
    .accordion-button-img {
        padding: 55px 25px;
    }
    .accordion-tab h3 {
        font-size: 26px;
        line-height: 34px;
    }
    .accordion-tab h5 {
        font-size: 14px;
    }
    .fc-timeGridDay-button, .fc-timeGridWeek-button, .fc-dayGridMonth-button {
        padding: 6px 24px !important;
    }
    #calendar {
        height: 882px;
    }
    .header-bar {
        height: 0;
    }
    .payment-left-sec .black-sec {
        padding: 10px 20px 10px 20px;
    }
    .card-gray-sec {
        padding: 38px 15px;
    }
    .card{
        height: 200px;
        width: 293px;
    }
    .logo img {
        top: -3px;
        right: 20px;
        width: 65px;
    }
    .chip img {
        top: 60px;
        left: 41px;
        width: 35px;
    }
    .payment-success h1 {
        font-size: 33.316px;
        line-height: 43px;
    }
    .payment-success h4 {
        font-size: 26px;
    }
}
@media screen and (max-width:350px) {
    .profile-full {
        gap: 20px;
    }
    .profile-sec {
        padding: 10px 0;
        gap: 0;
    }
    .car-area {
        padding-left: 20px;
        padding-right: 20px;
    }
}
/********** iPhone 5SE ************/
@media screen and (max-width:320px){
    .vertical-tab .dashboard{
        padding: 10px 0px !important;
    }
    .vertical-tab .dashboard svg, .calendar svg, .support svg {
        height: 22px;
        width: 20px;
        margin-left: 0;
    }
    .side-nav-head p {
        font-size: 13px;
        line-height: 13px;
        margin-top: 7px;
    }
    .vertical-tab .calendar {
        padding: 10px 0px !important;
    }
    .vertical-tab .support {
        padding: 10px 0px !important;
    }
}
@media screen and (max-width:340px) {
    .accordion-button-img {
        padding: 85px 30px;
    }
}
@media screen and (max-width:1200px) {
    .login-banner-image-right{
        display: none;
    }
    .focus-login-page{
        grid-template-columns: 1fr;
    }
   
  
}
@media screen and (max-width:992px) {
    .detailed-bio > div:nth-child(2){
        align-items: center !important;
    }

    .car-img-container{
        margin: 53px auto;
        margin-top: 20px;
    }

    .booking-button-container{
        justify-content: center !important;
    }

    .instructor-profile-img{
        height: 25.1%;
        margin-top: 35px;
    }

    .instructor-detail-bio-bg{
        padding-left: 15px;
        padding-right: 15px;
    }    
}
@media screen and (max-width:680px) {
   
    .instructor-inner-bg {
        height: fit-content;
    }
    .swiper{
        max-width: calc(100vw - 70px);
    }
    .instructor-detail-bio{
        flex-direction: column-reverse !important;
    }
    .instructor-profile-img{
        margin-top: 17px;
        margin-bottom: 17px;
    }

}
@media screen and (max-width:400px) {
    .progress-bars{
        min-width: min-content;
        max-width: 100%;
        flex-wrap: wrap;
        margin-bottom: 15px;
    }

    .progress-bars h4{
        width: 75%;
    }

    .instructor-skills{
        padding-bottom: 15px;
    }

    .car-img img{
        width: 100%;
    }

    .car-img-container .car-name h4{
        margin-right: 12px;
    }

    .car-img-container h3{
        margin-left: 12px;
    }
    .instructor-detail-bio h3{
        line-height: 20px;
    }
    .instructor-detail-bio-contents{
        margin-bottom: 20px;
    }
}
@media screen and (max-width:780px)and (min-width:320px){
    .v-tab-nav {
        justify-content: center;
        width: 100%;
    }
    div#v-pills-tab a {
        width: 25.33%;
    }
    .payment-right-sec .header-line {
        width: 248px;
    }
    .payment-right-sec .car-area h4 {
        font-size: 16px;
        line-height: 24px;
    }
}
@media screen and (max-width:1024)and (min-width:780px){
.gift-card {
    margin-right: 30px;
}
}
@media only screen and (max-width: 985px) and (min-width: 781px){
    .vertical-tab .dashboard,.vertical-tab .calendar,.vertical-tab .support {
        padding: 25px 43px !important;
    }
}
@media only screen and (min-width: 1199px){
    .verified-image {
        width: 25px;
        height: 25px;
    }
    .verified-alert {
        width: 85%;
    }
    .tick-wrap {
        align-items: center;
        margin-bottom: 4px !important;
    }
    .tab-heads.active a {
        padding: 17px 10px;
    }
}
@media only screen and ( max-width: 1200px ) and (min-width: 1025px){
    .vehicle-information-wrapper{
        grid-template-columns: repeat(2,1fr);
    }
    .payment-right-sec button {
        padding: 10px 16px;
    }
    .payment-right-sec button {
        margin-right: 5px !important;
    }
}
@media only screen and (max-width: 390px) and (min-width: 320px){
    .fa-eye-slash,.fa-eye{
        left: 285px;
    }
    .payment-success h1 {
        font-size: 32px;
    }
    .success-image {
        width: 300px;
    }
    
}
@media only screen and (max-width: 650px) and (min-width: 620px){
    .delete-btn .dropdown-menu.show {
        left: 140px !important;
    }
    
}
@media only screen and (max-width: 420px) and (min-width: 390px){
    .delete-btn .dropdown-menu.show {
        left: 180px !important;
    }
    
}
@media only screen and (max-width: 870px) and (min-width: 830px){
    .delete-btn .dropdown-menu.show {
        left: 215px !important;
    }
    
}
@media only screen and (max-width: 410px) and (min-width: 391px){
    .fa-eye-slash,.fa-eye{
        left: 305px;
    }
}
@media only screen and (max-width: 1023px) and (min-width: 320px){
    .hamburger-menu-button{
        display: inline-flex;
    }
    .vertical-tab .v-tab-nav{
        display: none;
    }
    .vertical-tab .tab-content{
        border-radius: 17px;
    }
    .fc .fc-scrollgrid,.fc .fc-scrollgrid table{
        width: 900px !important;
    }
    .fc .fc-scrollgrid-liquid{
        width: 900px !important;
    }
    #calendar>.fc-view-harness>.fc-timegrid{
        overflow: scroll;
    }
    .fc .fc-view-harness {
        overflow-x: scroll;
    }
    .accordion-button-img {
        padding: 15px 30px !important;
    }
    .dashboard-tab .title-sec {
        border-top-right-radius: 15px;
        border-top-left-radius: 15px;
    }
    .calendar-wrapper,.accordion-tab{
        border-top-left-radius: 17px;
    }
    .user-header {
        max-width: 100%;
    }
    .header-right{
        margin-right: 0;
    }
    .header-menu a{
        margin-bottom: 8px;
    }
    .nav-button{
        display: inline-block;
    }
    .navbar-to-rihgt{
        text-align: center;
    }
    .social-media-mobile .media-image{
        margin-top: 0;
    }
    .payment-policy .policy-head,.main-terms .policy-head,
    .top-content-head .policy-head{
        margin-top: 0;
    }
    .comment-section {
        margin-top: 50px;
    }
    .social-media-mobile{
        margin: 10px 0;
    }
    .form-wrapper{
        padding: 0 15px;
    }
    #event-add-btn-mobile{
        display: block;
    }

}
@media only screen and ( max-width: 1029px ) and (min-width: 1025px){
    .read-more-card h6{
        margin-bottom: 35px;
    }
    .calendar-right-btn{
        margin-left: auto;
    }
}
@media only screen and ( max-width: 625px ) and (min-width: 480px){
    .customer-logos .pre_arrow{
        left:43%;
    }
    .customer-logos .next_arrow{
        right: 43%;
    }
}
@media only screen and ( max-width: 1599px ) and (min-width: 1025px){
    .dasboard-sub-head-wrapper{
        width: 18.5% !important;
        padding: 12px 10px;
    }
    .dasboard-sub-head .count {
        margin-bottom: 7px;
        margin-top: 5px;
    }
    .dasboard-sub-head-logo-image {
        width: 30px;
        height: 30px;
    }
    .dasboard-sub-head {
        font-size: 11px;
    }
}
@media only screen and (min-width: 1200px){
    .contact-team-outer .title, .about-outer .head,.banner-container{
        margin-top: 195px;
    }
    .contact-support .address{
        padding: 24px 7 0px 43px;
    }
    .contact-support .mail{
        padding: 28px 60px 43px;
    }
    .focus-driving img.person-image {
        margin-right: 15px;
    }
    .payment-right-sec button {
        padding: 10px 22px;
    }
    .profile-outer.profile-main-outer.container.tab-items{
        max-width: 100% !important;
    }
}
@media only screen and (max-width: 601px) and (min-width: 480px){
    .contact-support .phone-no{
        padding: 24px 124px 55px;
    }
    .contact-support .mail{
        padding: 24px 90px 55px;
    }
    .contact-us::before {
        width: 478px;
        height: 94px;
        top: -94px;
    }
}
@media only screen and (max-width: 985px) and (min-width: 899px){
    .contact-support .phone-no{
        padding: 24px 272px 55px;
    }
    .contact-support .mail {
        padding: 24px 215px 55px;
    }
}
@media only screen and (max-width: 480px) and (min-width: 455px){
    .gallery-outer .gallery-inner .slider-contents {
        grid-template-columns: repeat(3,1fr);
        grid-column-gap: 12px;
    }
}
@media only screen and (max-width: 640px) and (min-width: 480px){
    .gallery-outer .gallery-inner .slider-contents {
        grid-template-columns: repeat(3,1fr);
        grid-column-gap: 12px;
    }
}

@media only screen and (max-width: 440px) and (min-width: 400px){
    .fa-eye-slash, .fa-eye {
        left: 330px;
    }
    .success-image {
        width: 390px;
    }
}
@media only screen and (max-width: 355px) and (min-width: 320px){
    .about-us .about-right-image {
        width: 260px;
        height: 315px;
    }
    .delete-btn .dropdown-menu.show {
        left: 110px !important;
    }
    .contact-team-outer .contact,
     .focus-banner-outer .contact,
     .about-outer .contact, .gallery-outer .contact {
        width: 80%;
    }
    .car-area h2 {
        font-size: 22px !important;
    }
    .invite-image {
        width: 300px;
        height: 205px;
        margin-bottom: 10px;
    }
}
@media only screen and (max-width: 767px) and (min-width: 651px){
    .profile-bottom-dropdown {
        left: 300px !important;
        top: 40PX !important;
    }
}
@media only screen and (max-width: 575px) and (min-width: 480px){
    .desk-login {
        width: 65%;
    }
    .about-us .right-part .image-bottom {
        width: 90%;
    }
}
@media only screen and (max-width: 565px) and (min-width: 480px){
    .instructor-detail-outer .instructor-box {
        width: 100%;
    }
    .instructor-detail-outer .instructor-image {
        height: auto;
    }
}
@media only screen and (max-width: 767px) and (min-width: 602px){
    .contact-us::before {
        width: 538px;
        height: 106px;
        top: -106px;
    }
}
@media only screen and (max-width: 650px) and (min-width: 576px){
    .desk-login {
        width: 65%;
    } 
}
@media only screen and (max-width: 351px) and (min-width: 320px){
    .desk-login {
        width: 43%;
    }
    .profile-bottom-dropdown {
        left: -40px !important;
    }
    .payment-right-sec button {
        padding: 8px 5px;
        font-size: 15px;
        margin-right: 7px !important;
    }
    .payment-gray .payment-right-sec form{
        padding: 0 10px;
    }
}
@media only screen and (max-width: 767px) and (min-width: 720px){
    .profile-bottom-dropdown {
        left: 338px !important;
    }
}
@media only screen and (max-width: 450px) and (min-width: 400px){
    .profile-bottom-dropdown {
        left: 0!important;
    }
    .header-under-line {
        width: 83%;
    }
    .header-line {
        width: 30%;
    }
}
@media only screen and (max-width: 840px) and (min-width: 813px){
    .profile-bottom-dropdown {
        left: 415px!important;
    }
}
@media only screen and (max-width: 340px) and (min-width: 320px){
    .fa-eye-slash, .fa-eye {
        left: 260px;
    }
    .review-btn-wrapper{
        width: 100%;
    }
    .profile-bottom-dropdown {
        left: -63px !important;
        top: 55px !important;
    }
    .instructor-inner-bg .banner-container .contents h1{
        font-size: 13px;
        line-height: 20px;
    }
    .instructor-inner-bg .banner-container .contents p {
        font-size: 12px;
        line-height: 20px;
    }
    .std-detail-icons p, .std-detail-icons span {
        font-size: 14px;
    }
}
@media only screen and (max-width: 590px) and (min-width: 568px){
    .profile-bottom-dropdown {
        left: 160px !important;
        top: 55px !important;
    }
}
@media only screen and (max-width: 570px) and (min-width: 540px){
    .delete-btn .dropdown-menu.show {
        left: 105px !important;
    }
}
@media only screen and (max-width: 813px) and (min-width: 800px){
    .profile-bottom-dropdown {
        left: 400px !important;
    }
}
@media only screen and (max-width: 920px) and (min-width: 900px){
    .profile-bottom-dropdown {
        left: 468px !important;
    }
    .payment-right-sec button {
        margin-right: 7px !important;
    }

}
@media only screen and (max-width: 385px) and (min-width: 350px){
    .header-line {
        width: 37%;
    }
    .header-under-line {
        width: 93%;
    }
}
@media only screen and ( max-width: 535px ) and (min-width: 480px){
    .dash-footer::before {
        width: 488px;
        height: 92px;
    }

}
@media only screen and ( max-width: 365px ) and (min-width: 356px){
    .delete-btn .dropdown-menu.show {
        left: 150px !important;
    }

}
@media only screen and  (max-width: 1280px ) and(min-width: 1070px){
    .payment-right-sec button {
        margin-right: 15px !important;
    }

}
@media only screen and (max-width: 480px) and (min-width: 430px){
    .contact-support .call-number {
        display: flex;
        flex-direction: column;
    }

}
@media only screen and (max-width: 479px) and (min-width: 400px){
    .delete-btn .dropdown-menu.show {
        left: 210px !important;
    }
}
@media only screen and (max-width: 766px) and (min-width: 700px){
    .delete-btn .dropdown-menu.show {
        left: 180px !important;
    }
}
@media only screen and (max-width: 1300px) and (min-width: 1200px){
    .delete-btn .dropdown-menu.show {
        left: 185px !important;
    }
}
@media only screen and (max-width: 2490px) and (min-width: 2000px){
    .delete-btn .dropdown-menu.show {
        left: 615px!important;
    }
}
@media only screen and (max-width: 1450px) and (min-width: 1400px){
    .delete-btn .dropdown-menu.show {
        left: 250px!important;
    }
}
@media only screen and (max-width: 2000px) and (min-width: 1500px){
    .delete-btn .dropdown-menu.show {
        left: 290px!important;
    }
}
@media only screen and (max-width: 990px) and (min-width: 875px){
    .delete-btn .dropdown-menu.show {
        left: 247px!important;
    }
}
@media only screen and (max-width: 2000px) and (min-width:1650px){
    .delete-btn .dropdown-menu.show {
        left: 400px!important;
    }
}
@media only screen and (max-width: 1200px) and (min-width:1050px){
    .delete-btn .dropdown-menu.show {
        left: 265px!important;
    }
}
@media only screen and (max-width: 2800px) and (min-width:2490px){
    .delete-btn .dropdown-menu.show {
        left: 600px!important;
    }
}
@media only screen and (max-width: 1129px) and (min-width:1024px){
    .fc .fc-timegrid-body{
      height: 100% !important;
      overflow: scroll;
    }
}
@media only screen and (max-width:1215px) and (min-width:1200px)  {
    .focus-banner-outer .contact{
        width: 35%;
    } 
}
@media only screen and (max-width:1375px) and (min-width:1200px)  {
    .book-vehicle-card {
        width: 340px;
        margin: 0 auto;
    }
}
@media screen and (max-width:767px){
    .desk-setup-pro{
        display: none;
    }
    .mobile-pro-sec{
        display: block;
    }
    .set-up-profile p {
        font-size: 11px;
        line-height: 20px;
        font-weight: 500;
        color: #645c53;
    }
    .set-up-profile::before{
        left: 4px;
        top: 15px;
    }
}
@media only screen and ( max-width: 1011px ) and (min-width: 986px){
    .calendar-title{
        flex-wrap: nowrap;
    }
    .time h2,.time h3{
        font-size: 20px;
    }
}
@media only screen and (max-width: 479px) and (min-width: 320px){
    .fc .fc-scrollgrid-liquid {
        width: 100% !important;
    }
    .fc .fc-scrollgrid, .fc .fc-scrollgrid table {
        width: 100% !important;
    }
    .fc-v-event .fc-event-title-container {
        margin-left: 0;
    }
    .fc-timegrid-event .fc-event-time {
        word-break: break-all;
        white-space:break-spaces !important; 
        word-wrap: break-word;
        margin-bottom: 1px;
        font-size: 9px !important;
    }
    .fc-v-event .fc-event-main-frame {
        flex-direction: column !important;
    }
   .fc .fc-timegrid-slot-label-cushion {
        font-size: 9px;
    }
    .fc-v-event .fc-event-title,.fc .fc-timegrid-slot-label-cushion {
        font-size: 7px;
    }
    .fc-timeGridWeek-view thead tr> :first-child {
        width: 27px !important;
    }
    .fc .fc-scrollgrid, .fc .fc-scrollgrid table {
        width: 100% !important;
    }
    #calendar>.fc-view-harness>.fc-timegrid, .fc .fc-view-harness-active>.fc-view {
        width: 100%;
    }
    .fc-col-header-cell-cushion {
        font-size: 8px;
        line-height: 12px;
    }
    .fc .fc-bg-event .fc-event-title {
        margin: 0.5em;
        font-size: 8px !important;
        font-style: italic;
        word-wrap: break-word !important;
    }
    .fc-timegrid-body tbody>tr> :first-child {
        width: 30px;
    }
    .fc-timegrid-event-harness > .fc-timegrid-event{
        right: 0 !important;
    }
    .fc-scrollgrid thead .fc-day-today::before {
        width: 35px;
        font-size: 10px;
      }
}

@media only screen and (max-width: 767px) and (min-width: 480px){
    .fc .fc-scrollgrid-liquid {
        width: 100% !important;
    }
    .fc .fc-scrollgrid, .fc .fc-scrollgrid table {
        width: 100% !important;
    }
    .fc-v-event .fc-event-title-container {
        margin-left: 0;
    }
    .fc-timegrid-event .fc-event-time {
        word-break: break-all;
        white-space:break-spaces !important; 
        word-wrap: break-word;
        margin-bottom: 1px;
        font-size: 9px !important;
    }
    .fc-v-event .fc-event-main-frame {
        flex-direction: column !important;
    }
   .fc .fc-timegrid-slot-label-cushion {
        font-size: 9px;
    }
    .fc-v-event .fc-event-title,.fc .fc-timegrid-slot-label-cushion {
        font-size: 9px;
    }
    .fc-timeGridWeek-view thead tr> :first-child {
        width: 30px !important;
    }
    .fc .fc-scrollgrid, .fc .fc-scrollgrid table {
        width: 100% !important;
    }
    #calendar>.fc-view-harness>.fc-timegrid, .fc .fc-view-harness-active>.fc-view {
        width: 100%;
    }
    .fc-col-header-cell-cushion {
        font-size: 10px;
        line-height: 23px;
    }
    .fc .fc-bg-event .fc-event-title {
        margin: 0.5em;
        font-size: 8px !important;
        font-style: italic;
        word-wrap: break-word !important;
    }
    .fc-timegrid-body tbody>tr> :first-child {
        width: 30px;
    }
    .fc-timegrid-event-harness > .fc-timegrid-event{
        right: 0 !important;
    }
}

@media only screen and (max-width: 985px) and (min-width: 768px){
    .fc .fc-scrollgrid-liquid {
        width: 100% !important;
    }
    .fc .fc-scrollgrid, .fc .fc-scrollgrid table {
        width: 100% !important;
    }
    .fc-v-event .fc-event-title-container {
        margin-left: 0;
    }
    .fc-timegrid-event .fc-event-time {
        word-break: break-all;
        white-space:break-spaces !important; 
        word-wrap: break-word;
        margin-bottom: 1px;
        font-size: 12px !important;
    }
    .fc-v-event .fc-event-main-frame {
        flex-direction: column !important;
    }
   .fc .fc-timegrid-slot-label-cushion {
        font-size: 9px;
    }
    .fc-v-event .fc-event-title,.fc .fc-timegrid-slot-label-cushion {
        font-size: 12px;
    }
    .fc-timeGridWeek-view thead tr> :first-child {
        width: 45px !important;
    }
    .fc .fc-scrollgrid, .fc .fc-scrollgrid table {
        width: 100% !important;
    }
    #calendar>.fc-view-harness>.fc-timegrid, .fc .fc-view-harness-active>.fc-view {
        width: 100%;
    }
    .fc-col-header-cell-cushion {
        font-size: 12px;
        line-height: 23px;
    }
    .fc .fc-bg-event .fc-event-title {
        margin: 0.5em;
        font-size: 8px !important;
        font-style: italic;
        word-wrap: break-word !important;
    }
    .fc-timegrid-body tbody>tr> :first-child {
        width: 45px;
    }
    .fc-timegrid-event-harness > .fc-timegrid-event{
        right: 0 !important;
    }  
}