/* 1400px */
@media only screen and (max-width: 1600px){
    .homeBannerContent {
        padding: 60px 0;
    }
    .heading{margin-bottom: 40px;}
    .homeBannerContent::before {
        top: -2%;
        left: -15%;
        width: 86px;
        height: 86px;
    }
    .homeBannerContent::after{right: -8%;}
    .banner_repeater{margin-top: 45px;}
    .bannerFeture{gap: 10px;}
    .aboutContent {
        gap: 30px;
    }
    .serviceContent {
        border-radius: 10px;
        padding: 18px 26px;
    }
    .servicetitle, .serviceContent p > strong, .rj_editor_text p > strong{font-size: 20px;}
    .processStep {
        font-size: 130px;
        left: -42px;
    }
    .processContent:nth-child(1)::after, .processContent:nth-child(3)::after {
        height: 80px;
        width: 140px;
        right: -44%;
        background-size: 130px;
    }
    .processContent:nth-child(3)::after {
        transform: rotate(100deg);
    }
    .processContent:nth-child(1)::after{
        transform: rotate(20deg);
    }
    .processContent:nth-child(2) .processStep{right: -42px;}
    .serviceContent .servicetitle, .blog_list-inner .servicetitle{height: 50px;}
    .zbtn{padding: 15px 62px 15px 28px;}
    .imgDesp {font-size: 28px; width: 100%;}
    .whyChooseSec > .container {
        padding: 60px 0 10px;
    }
    .why_choose_counter {
        padding: 30px 0;
        font-size: 30px;
    }
    .whyChooseWrapper {
        max-width: 520px;
        margin-right: 100px;
    }
    .testimonialItem {padding: 22px 20px 22px;}
    .service_section .service_text {padding: 70px 0;}
    .rating {
        margin-bottom: 20px;
    }
    .rating {
        margin-bottom: 20px;
    }
    .pricing{padding: 30px 0;}
    .innerPrice {padding: 0;}
    .packagePrice {
        height: 150px;
        font-size: 100px;
    }
    .list li {padding: 20px 0 15px;}
    .processTitle, .aboutcontent .editor_text p, .examstep ol > li, .contact_form p > label {font-size: 18px;}
    .faqaccordion button {padding: 20px 60px 20px 28px;}
    .YearofExp {height: 80px;top: 20%;right: -160px;transform: rotate(-50deg);font-size: 14px;}
    .YearofExp span {font-size: 42px;}
    .innerWhy_choose .WhoWeContent {width: calc( 100% / 3 - 50px );padding: 40px 15px 30px 15px;}
    .innerWhy_choose .WhoWeContent .fa-solid {height: 50px;width: 50px;font-size: 26px;}
    .LocationDetails {padding: 20px;}
    .locationwrapper a:nth-child(1) .LocationDetails {left: -20px;}
    .locationwrapper a:nth-child(2) .LocationDetails {right: -20px;}
    .locationwrapper a:nth-child(5) .LocationDetails {right: -36px;}
    .locationwrapper a:last-child .LocationDetails {bottom: 0;}
    /* .Why_ChooseImg{max-width: 650px;} */
    .top-menu .logo{max-width:250px}
    .navbar-nav .quoteBtn a{padding: 12px 50px 12px 20px;}
    .quoteBtn a::after{right: 15px;}
}
/* 1201px */
@media only screen and (max-width: 1399px){
    .header_menu a {font-size: 16px;}
    .top-menu .logo {
        left: 47%;
        max-width: 210px;
        top: 50%;
    }
    .stickyClass .top-menu .logo{max-width: 200px;}
    .homeBannerContent::after {
        right: -14%;
    }
    .section {
        margin: 80px 0;
    }
    .subarrow{right: -15px;}
    .navbar-nav > li > a{padding: 10px 0;}
    .whyChooseWrapper {
        max-width: 450px;
        margin-right: 90px;
    }
    .why_choose_repeater figure{height: 70px;width: 70px;}
    .WhoWediv{gap: 20px;margin-bottom: 40px;}
    .counterData span:last-child{font-size: 15px;}
    .why_choose_counter .container, .Counter{gap: 20px 32px; max-width: 100%;}
    .topheading {font-size: 17px;}
    .bannerFeture span{line-height: normal;}
    .serviceContent {max-width: calc(100% - 30px);padding: 12px 20px;margin: -70px auto 0;}
    .rightImg {
        margin-top: 0;
        max-width: 16%;
        position: absolute;
        bottom: -50px;
        left: 10px;
        overflow: hidden;
        border-radius: 12px;
    }
    .aboutContent{flex-wrap: wrap;}
    .rightImg img, .faqImg img, .bannerFeture > figure img, .processImg figure img{width: 100%;}
    .AboutContent {width: calc(100% - 450px);}
    .processsecBox{column-gap: 90px;}
    .processContent:nth-child(1)::after, .processContent:nth-child(3)::after{content: none;}
    .processContent {
        width: 350px;
        padding: 46px 20px 20px 24px;
    }
    .populerTag {
        height: 40px;
        line-height: 40px;
        width: 180px;
        top: 18px;
    }
    .pricingDesp p {
        margin-bottom: 30px;
        margin-top: 20px;
    }
    .packagePrice {
        height: 120px;
        font-size: 90px;
    }
    .imgDesp {
        font-size: 26px;
    }
    .list li {
        padding: 15px 0 12px;
    }
    .bookbtn {
        font-size: 16px;
        padding: 15px 90px;
        line-height: normal;
    }
    /* .driving_testSec {width: 40%;} */
    .drivingQ, .drivingContact{font-size: 20px;}
    .homeService .service_text::after{height: 140px;}
    ul.list {padding: 12px 30px 40px 30px;}
    /* .driving_test .drivingImg {max-width: calc(60% - 40px);} */
    .driving_test{column-gap: 0px;}
    .driving_testSec {max-width: 400px;padding: 60px 0;margin-right: 100px;}
    .zbtn {padding: 12px 64px 12px 28px;margin-top: 30px;}
    .zbtn::after, .quoteBtn a::after{background-size: 20px;}
    .faqaccordion button {padding: 16px 50px 16px 20px;}
    .MainFooter {grid-template-columns: 1fr 1fr 1.5fr 1.5fr;}
    .footerbox:first-child{padding-right: 30px;}
    .FlinkHead {font-size: 22px;margin-bottom: 40px;}
    .FlinkHead::after{bottom: -15px;}
    .Flogo {margin-bottom: 30px;max-width: 300px;}
    .YearofExp {
        height: auto;
        top: 0;
        right: 0;
        transform: rotate(0deg);
        left: auto;
        z-index: 1;
        width: max-content;
        border-radius: 0 10px 0 10px;
        padding: 10px 20px 10px;
        background: #F1F9FFC9;
    }
    .innerWhy_choose .WhoWeContent {
        width: calc( 100% / 3 - 60px );
        padding: 32px 12px 20px 12px;
    }
    .innerWhy_choose .WhoWeContent .fa-solid {
        height: 44px;
        width: 44px;
        font-size: 24px;
        top: -22px;
        left: 28px;
    }
    .blog_info .date{padding: 10px 15px;}
    .recent-news .sk_box .sk_text .subtitle {font-size: 16px;padding: 6px 5px;line-height: 20px;}
    .breadcrumb ul {font-size: 18px;font-weight: 500;}
    .owl-carousel .owl-nav button[type="button"] {
        height: 44px;
        width: 48px;
        font-size: 32px;
    }
    .quoteFrom{padding: 24px;}
    /* form input, form select, .wpcf7-textarea{padding: 14px 40px;} */
    .section.map_wrapping{height: 350px;}
    .contactPage .stickyContactContrent.left_wrap{padding: 10px;}
    .contactPage .contact-wrap ul{gap: 30px;}
    .contactPage .content-wrap li a {font-size: 25px;line-height: 30px;}
    .contactPage .contact-wrap li .fa{height: 40px;width: 40px;}
    .modal-body .service-form .heading {font-size: 32px;line-height: normal;}
    .modal.show .modal-dialog {max-width: 40%;}
    form .subarrow{top: 32%;}
    .contact-us form input, .contact-us form select{padding-right: 20%;}
    .SubmitNow {margin-top: 10px;}
    .counterData::after{right: -16px;}
    .innerPrice .pricingtitle span{max-width: 50%;}
}
/* 992px */
@media only screen and (max-width: 1200px){
    .header_menu a {
	font-size: 14px;
    }
    .top-menu .logo {
        position: static;
        margin: 0 auto;
        transform: none;
    }
    .navbar-nav.header_menu > .menu-item:nth-child(5){margin: 0;}
    .homeBannerContent {
        padding: 30px 0 10px;
    }
    .homeBannerContent::before {
        top: -5%;
        left: -10%;
        width: 48px;
        height: 60px;
    }
    .topheading {font-size: 16px;}
    .bannerFeture > figure {
        max-width: 54px;
        height: 54px;
    }
    .home_about .heading span{display: initial;}
    .topheading span {font-size: 36px;}
    .headerSection.stickyClass nav.top-menu{padding-left: 20px;padding-right: 20px;}
    .top-menu {padding: 20px 0;}
    .servicetitle, .serviceContent p > strong, .rj_editor_text p > strong {
        font-size: 18px;
    }
    .serviceContent .servicetitle, .blog_list-inner .servicetitle {
        height: 44px;
    }
    a.view{padding: 6px 10px;}
    .homeService .service_text::after {height: 110px;}
    .processContent {width: auto;padding: 40px 14px 14px 16px;}
    .processContent figure {height: 50px;width: 50px;top: -25px;}
    .processsecBox {column-gap: 80px;}
    .processStep {
        font-size: 100px;
        left: -40px;
    }
    .processContent:nth-child(2) .processStep, .processContent:nth-child(3) .processStep  {
        right: auto;
        top: 0;
        bottom: 0;
        left: -48px;
    }
    .process_repeater{gap: 35px;}
    .processImg figure {max-width: 96%;}
    .imgDesp {font-size: 22px;}
    .pricingDesp p {
        margin-bottom: 20px;
        margin-top: 10px;
    }
    .packagePrice {
        height: 100px;
        font-size: 80px;
    }
    .packagePrice span {font-size: 18px;}
    .packagePrice span:last-child {
        bottom: 16px;
        right: -64px;
    }
    ul.list {padding: 12px 10px 30px 10px;}
    .processTitle, .aboutcontent .editor_text p, .examstep ol > li, .contact_form p > label {font-size: 16px;}
    .list li{border-color: #ccc;}
    .bookbtn {
        font-size: 14px;
        padding: 12px 80px;
    }
    .driving_test {
        padding: 40px 0;
    }
    .subarrow {
        width: 8px;
        height: 8px;
        top: 40%;
    }
    .f-navigation ul li, .mainFooter .contact_info li {
        line-height: 38px;
        font-size: 15px;
    }
    .copyright p, .PolicyMenu li {
        font-size: 15px;
    }
    .testimonial .editor_text{max-height: 120px;}
    .testimonialSlider.owl-carousel {padding: 0 70px;}
    .Why_ChooseImg img{height: auto;}
    .whyChooseWrapper {
        max-width: 400px;
        margin-right: 50px;
    }
    .theiaStickySidebar, .stickyContactContrent, .stickycontent{top: 148px;height: fit-content;}
    .why_choose_repeater{padding-bottom: 0;}
    .why_choose_counter{padding: 15px 0;}
    .why_choose_counter .container{flex-direction: column;}
    .counterData{text-align: center;}
    /* aboutus */
    .section {
        margin: 60px 0;
    }
    figure.aboutimagetwo{max-width: 82%;}
    .aboutcontent{padding-left: 20px;}
    .home_about.inner-about {
        padding-bottom: 0;
    }
    .innerWhy_choose {
        padding: 60px 0 80px;
    }
    .innerWhy_choose .WhoWeContent{width: 100%;margin-top: 30px;}
    .whychooesImg{max-width: 650px;}
    .locationImg {
        max-width: 450px;
        margin: 0 auto;
    }
    .locationImg img{width: 100%;}
    .LocationDetails {
        padding: 15px 20px 15px 15px;
    }
    .LocationAddress{font-size: 14px;}
    .LocationDetails .fa-star{font-size: 15px;}
    .loationRating span{font-size: 22px;}
    .locationwrapper a:nth-child(5) .LocationDetails{right: -20px;}
    .lessons_question {
        font-size: 30px;
        line-height: 40px;
        width: 70%;
        margin-bottom: 10px;
    }
    /* aboutus */
    /* service details */
    .quoteFrom {
        padding: 12px;
    }
    .quoteFrom .title{font-size: 30px;}
    .quoteFrom textarea.wpcf7-textarea{height: 120px;}
    /* service details */
    /* contact us */
    .contactPage .content-wrap li a{font-size: 24px;}
    /* contact us */
    /* blog details */
    .recent-news .sk_box .sk_text .subtitle{margin-bottom: -100%;}
    .recent-news .blog_info .date{top: -100%;}
    .recent-news .sk_box:hover .sk_text .subtitle{margin-bottom: 0%;}
    .recent-news .sk_box:hover .blog_info .date{top: 0%;}
    /* blog details */
    /* service details */
    form input, form select, .wpcf7-textarea{height: 44px;margin-bottom: 12px;}
    .quoteFrom form .row > [class*="col-"] label, .modal-body form .row > [class*="col-"] label{top: 10px;font-size: 18px;}
    .wpcf7 form .wpcf7-response-output {
        margin: 16px 0;
        padding: 4px 6px;
        font-size: 14px;
        border-width: 1px;
    }
    .wpcf7-not-valid-tip{position: static; margin-bottom: 10px; margin-top: -10px;}
    .serviceContent{width: 100%;}
    .driving_lessons figure {
        height: 320px;
    }
    .driving_lessons figure img{height: 100%;}
    /* service details */
    .innerPrice{margin: 0;}
    .innerPrice .pricingtitle span{max-width: 50%;}
    .AboutContent .topheading span::after{top: 00px;}
    .inner_banner .banner_img {height:50vh;}
    .inner_banner .banner_img img{height: 100%; object-fit: cover;}
    .aboutImg img{width: 100%; border-radius: 12px;}
    .serviceContent p{margin: 10px 0; text-align: left;}
}
/* 768px */
@media only screen and (max-width: 991px){
    .responsive_btn{display: block;}
    .navbar-collapse{display: none;}
    .navMenu .header_menu li.quoteBtn {
        position: absolute;
        bottom: 20px;
        left: 0;
        text-align: center;
        border-top: none;
    }
    .responsive_nav .navbar-nav .quoteBtn a{width: 80%;}
    .top-menu .logo {position: static;transform: none;}
    .top-menu {padding: 10px 0;display: flex;align-items: center;justify-content: space-between;}
    .contact_info ul {gap: 12px;font-size: 13px;}
    .social_info ul{gap: 15px;}
    .homeBannerContent::before{left: -6%;}
    .homeBannerContent::after{right: -5%;}
    .bannersubHeading.heading{margin-bottom: 20px;}
    .bannersubHeading.heading span {display: initial;}
    .banner_repeater{margin-top: 30px;}
    .aboutContent{display: flex;}
    .AboutContent{width: auto;}
    .leftImg{float: left;clear: both;margin: 0 20px 18px 0;max-width: 350px;}
    .leftImg img, .serviceContent p > strong, .serviceDetailsPage .servicetitle, .lessons_question, .processContent figure img{width: 100%;}
    .rightImg , .rj_editor_text p > strong{
        max-width: 30%;
        bottom: 35%;
        left: 44.1%;
        border-radius: 16px;
    }
    .containerSection .rj_editor_text p > strong , .area_category .rj_editor_text p > strong{
        max-width: 100% !important;
    }
    .imgDesp {font-size: 20px;}
    .processImg .fa-circle-play{font-size: 72px;}
    .AboutContent .zbtn{margin-top: 15px;}
    .serviceDetailsPage .heading {margin: 30px 0 20px;}
    .ServiceDetailsInfo{padding-left: 24px;}
    .franchisescontact{font-size: 16px;margin-bottom: 10px;}
    .franchisescontact > a{font-size: 18px;}
    .quoteFrom .title{margin-bottom: 20px;}
    .driving_lessons figure{height: 280px;}
    .driving_lessons .container{max-width: 100%;padding: 0;}
    .processsecBox {column-gap: 30px;}
    .processStep {font-size: 62px;left: -24px;}
    .processContent:nth-child(2) .processStep, .processContent:nth-child(3) .processStep{left: -30px;}
    .processContent figure {height: 42px;width: 42px;top: -21px;max-width: 42px;padding: 8px;}
    .pricing {max-width: 90%;margin: 0px auto 20px;}
    .responsive_nav .subarrow{display: none;}
    .quoteFrom .title {font-size: 28px;}
    .quoteFrom {padding: 8px;}
    input::placeholder {font-size: 14px;}
    form select, .SubmitNow{line-height: normal;}
    .serviceContent p > strong, .serviceDetailsPage .servicetitle , .rj_editor_text p > strong{line-height: 30px;}
    .faqaccordion .faqaccordion-content p {
        padding: 10px 20px 20px;
        width: 94%;
    }
    .faqaccordion button {padding: 12px 50px 12px 20px;}
    p{font-size: 15px;}
    .testimonialSlider.owl-carousel {
        padding: 0 60px;
    }
    .driving_test .drivingImg{max-width: 100%;position: static;}
    .driving_test{padding: 0;}
    .driving_test .container {
        max-width: inherit;
        padding: 0;
    }
    /* .driving_test .drivingImg {
        width: 100%;
        position: relative;
        max-width: inherit;
        display: block;
    } */
    .driving_testSec{max-width: 720px;padding: 20px 0;margin: 0 auto;width: 100%; z-index: 2;}
    .faqImg {
        display: none;
    }
    ul.list {padding: 20px 50px 40px;}
    .breadcrumb ul{font-size: 16px;}
    /* footer */
    .MainFooter{row-gap: 40px;padding-top: 30px;}
    .FContent{width: 100%;}
    .social_info ul{justify-content: center;}
    .Flogo{margin: 0 auto 30px;}
    .f-navigation ul, .mainFooter .contact_info{margin-bottom: 20px;}
    .footerbox:nth-child(1){grid-column: 1/6;text-align: center;}
    .footerbox:nth-child(2){grid-column: 1/3;}
    .footerbox:nth-child(3){grid-column: 3/5;}
    .footerbox:nth-child(4){grid-column: 5/-1;}
    .copyright .container-wrap {
        flex-direction: column-reverse;
        row-gap: 20px;
    }
    .copyright-in {
        flex-direction: column;
    }
    .separate{display: none;}
    .copyright .copyright-in a {
        color: #e54044;
    }
    /* footer */
    /* about us */
    figure.aboutimagetwo{bottom: -40px;right: 0;}
    .aboutImg .aboutimageone{max-width: 80%;}
    .YearofExp{right: 20%;}
    .inner-about .content_wrap{row-gap: 80px;}
    .whychooesImg{max-width: 75%;}
    .locationImg{max-width: 380px;}
    .locationwrapper a:nth-child(1) .LocationDetails, .locationwrapper a:nth-child(3) .LocationDetails{left: -24px;}
    .locationwrapper a:nth-child(5) .LocationDetails,.locationwrapper a:nth-child(4) .LocationDetails,.locationwrapper a:nth-child(2) .LocationDetails{right: -24px;}
    .locationwrapper a:nth-child(5) .LocationDetails{bottom: 30px;}
    .locationwrapper a:last-child .LocationDetails{bottom: -28%;}
    /* about us */
    /* service */
    .service-Item .service{max-width: 90%; margin: 0 auto;}
    .serviceSlider .service-Item .service{max-width: 100%;}
    /* service */
    /* blog details */
    .recent-news .sk_box figure{max-width: 140px;}
    .sk_sideblockShadow .blog_info .date,.recent-news .sk_box .sk_text .subtitle{position: static;background: transparent;color: initial;margin: 0;}
    .recent-news .sk_box {
        display: flex;
        align-items: start;
        gap: 20px;
    }
    .recent-news .sk_box .sk_text {
        display: flex;
        flex-direction: column-reverse;
        align-items: start;
    }
    .blog-details .stickySidebar .subheading {
        font-size: 30px;
        font-weight: 600;
        margin-bottom: 20px;
    }
    .recent-news li {
        margin-bottom: 10px;
        border-radius: 0;
        border-bottom: 1px solid #7b7b7b4f;
        padding-bottom: 10px;
    }
    .recent-news li:last-child{border: none;}
    .blog_info .date{padding: 10px 5px;}
    /* blog details */
    .why_choose_repeater figure{height: 55px;width: 55px;}
    .why_choose_repeater figure img{max-width: 30px;}
    p{line-height: 28px;}
    .whyChooseWrapper {
        max-width: 345px;
        margin-right: 20px;
    }
    .theiaStickySidebar, .stickyContactContrent, .stickycontent{top: 93px;}
    .intensivehead{max-width: 70%;margin-bottom: 0;}
    .priceDiv {
        width: 90%;
        margin: 0 auto;
    }
    .innerPrice .pricingtitle {
        background-position: 50% -30px;
        height: 180px;
        background-size: 600px;
    }
    .priceDescription {
        margin-top: 40px;
    }
    .sk_sideblock{padding: 16px 8px 0;}
    .breadcrumb ul li:has(a){color: #1b87cf;}
    #wpdcom{max-width: 100%;}
    .aboutcontent{padding-left: 0;}
    .YearofExp span{font-size: 36px;}
    .innerWhy_choose .whyChooseHead{margin-bottom: 40px;}
    .whyChooseFeatures{padding: 0;}
    .modal.show .modal-dialog{max-width: 50%; margin: 70px 0;}
    .owl-dots{margin-top: 30px;}
    .galleryList::after{transform: scale(1);opacity: 1;}
    .galleryList .galleryshowbtn{top: 50%;}
    .package_slider .owl-stage .owl-item:not(:last-child) .packagebox::after{display: none;}
    .area_list .service .gallery-fig {
        height: 300px;
    }
}
/* 600px */
@media only screen and (max-width: 767px){
    .section {margin: 40px 0;}
    .homeBannerContent::before{top: -7%;}
    .footerbox:first-child{padding: 0;}
    .footerbox:nth-child(3){grid-column: 3/-1;}
    .footerbox:nth-child(4){grid-column: 1/-1;}
    .MainFooter{row-gap: 20px;}
    .desktopicon, .contact_info a span{display: none;}
    /* .contact_info a{font-size: 0;} */
    .mobileicon{display: block;font-size: 26px;margin-right: 30px;}
    .rightImg {
        bottom: 40%;
        left: 48%;
    }
    .processsecBox{flex-direction: column; row-gap: 30px;}
    .process_repeater{width: 100%;}
    .processImg figure{max-width: 100%;}
    .whyChooseWrapper, .driving_testSec {
        max-width: 540px;
        margin: 0 auto;
    }
    .section.Why_Choose, .driving_test{grid-template-columns: 2fr;}
    .Why_ChooseImg,  .driving_test .drivingImg{
        position: absolute;
        opacity: 0.2;
        top: 0;
        left: 0;
        width: 100%;  
        bottom: 0; 
    }
    .Why_ChooseImg{height: calc(100% - 185px);}
    .Why_ChooseImg img, .driving_test .drivingImg img{height: 100%;object-fit: cover;}
    .why_choose_counter .container, .Counter{gap: 20px 60px;}
    .counterData::after{right: -30px;}
    .driving_test::after{z-index: 1;}
    .intensiveTable th, .intensiveTable td{padding: 8px 10px;line-height: 26px;font-size: 15px;}
    .note{font-size: 16px;}
    .Flogo{margin-bottom: 20px;max-width: 280px;}
    .MainFooter{padding-top: 20px;}
    .mainFooter .social_info{margin-top: 20px;}
    .intensivehead{max-width: 80%;font-size: 24px;}
    .serviceDetailsPage .service-sec > .row {row-gap: 30px;}
    .serviceDetailsPage .detailsService > .row {flex-direction: column-reverse;}
    .priceTable tbody tr:first-child .pricingTitle{font-size: 20px;}
    .priceDiv, .contactContent .contactText{width: 100%;}
    .contactPage > .container > .row {row-gap: 30px;}
    .C_image{display: none;}
    .social ul .fa-brands{font-size: 30px;}
    .inner_banner .banner_img {
        height: 40vh;
    }
    .galleryshowbtn .fa-solid{height: 32px;width: 32px;}
    .bookLessons{width: 100%;}
    #comments{margin: 30px 0;}
    .inner_banner .bannerHeading{transform: translate(-50%, -50%);}
    .faqaccordion .faqaccordion-content{border-top: 1px solid #a8a8a84d;}
    .whychooesImg {
        max-width: 100%;
        opacity: 0.25;
    }
    .innerWhy_choose{padding: 40px 0;}
    .headerSection.stickyClass nav.top-menu{padding: 12px 24px;}
    .modal.show .modal-dialog{max-width: 60%; margin: 90px auto;}
    .modal-body form .row label.redioOption{margin-bottom: 10px;margin-top: 15px;}
    .owl-prev{left: -8px;}
    .owl-next{right: -8px;}
    .ServiceDetailsInfo {
        padding-left: calc(var(--bs-gutter-x)/ 2);
    }
    .LocationDetails, .locationwrapper a:last-child .LocationDetails{position: static;width: 100%;margin: 20px 0;}
    .locationSlider  .owl-dots{margin-top: 10px;}
    .why_choose.location{margin-bottom: 40px;}
    .category_content .image_left {
        float: none;
        margin: 0 auto 20px;
        max-width: 330px;
    }
    .area_list .service .gallery-fig {
        height: 200px;
    }
    .area_list .serviceContent .servicetitle{
        margin-bottom: 10px;
    }
}
/* 480px */
@media only screen and (max-width: 599px){
    .home_about {
        opacity: 0;
        transform: translateX(-50px);
    }
    .home_about.animated {
        opacity: 1;
        transform: translateX(0);
        transition: all 0.6s ease;
    }  
    .top-menu,.headerSection.stickyClass nav.top-menu{padding: 10px 15px;}
    .homeBannerContent::before{left: -10px;}
    .homeBannerContent::after{right: -24px;height: 60px;width: 50px;}
    .rightImg {
        bottom: 42%;
        left: 60%;
    }
    .homeBannerContent::after{display: none;}
    .topheading span{font-size: 32px;}
    .service_section .container{padding: 0 var(--bs-gutter-x,.75rem);}
    .processContent {
        width: 94%;
        margin-left: auto;
    }
    .whyChooseWrapper, .driving_testSec{max-width: 94%;}
    .whyChooseSec { 
        margin: 0 auto;
        padding-top: 60px;
    }
    .processTitle, .aboutcontent .editor_text p, .examstep ol > li, .contact_form p > label{margin-bottom: 14px; font-size: 15px;}
    .why_choose_repeater .processTitle{font-size: 17px;}
    .WhoWediv {
        gap: 18px;
        margin-bottom: 25px;
    }
    .why_choose_counter .container, .Counter{row-gap: 12px;}
    .why_choose_counter{font-size: 26px;}
    .Why_ChooseImg {
        height: calc(100% - 165px);
    }
    .testimonialSlider.owl-carousel{padding: 0 20px;}
    .faqaccordion .faqaccordion-content p,.franchisescontact{font-size: 15px;}
    .note{margin: 14px 0;}
    .owl-dots{margin-top: 20px;}
    .driving_lessons figure{height: 220px;}
    .lessons_question {
        font-size: 28px;
        line-height: 34px;
    }
    .FlinkHead{font-size: 20px;}
    .f-navigation ul li, .mainFooter .contact_info li{line-height: 36px;}
    .owl-carousel .owl-dots .owl-dot{height: 12px;width: 12px;}
    .other_service .serviceSlider.owl-carousel .owl-dots .owl-dot.active{width: 30px;}
    .owl-prev{left: -10px;}
    .owl-next{right: -10px;}
    .blog_info .date {
        padding: 10px 15px;
    }
    .breadcrumb ul{font-size: 14px;}
    .bannerFeture > figure {
        max-width: 46px;
        height: 46px;
    }
    .why_choose_repeater{margin-top: 30px;}
    ul.list {
        padding: 20px 30px 30px;
    }
    /* .pricing{padding: 0px 0 20px;} */
    .FAQ_para{text-align: center;}
    .copyright-in{text-align: center;}
    .copyright{padding-top: 20px;padding-bottom: 10px;}
    figure.aboutimagetwo{max-width: 50%;}
    .YearofExp {
        padding: 6px 12px;
        line-height: normal;
    }
    .LocationDetails, .locationwrapper a:last-child .LocationDetails{position: static;margin: 3px;}
    .heading {
        margin-bottom: 20px;
    }
    .contactPage .contact_form_wrap .contact_form{
        padding: 20px 12px;
    }
    .contactPage .contact-wrap ul li {
        padding-left: 50px;
        line-height: 30px;
    }
    .contactPage .content-wrap li a{font-size: 20px;}
    .innerPrice .pricingtitle span{max-width: 80%;}
    .section{margin: 30px 0;}
    .modal.show .modal-dialog{max-width: 80%;}
    .modal-body .service-form .heading{font-size: 28px;}
    .owl-carousel .owl-nav button[type="button"]{height: 40px;width: 40px;}
    .priceTable td{padding: 20px 12px;}
    .innerPrice .booking{margin: 20px 0;}
    .innerPrice .pricingtitle {
        height: 130px;
        background-size: 450px;
    }
    .innerPrice .pricingtitle span{padding-top: 30px;}
    .servicedetailsSlider .owl-prev{left: 0px;}
    .servicedetailsSlider .owl-next{right: 0px;}
    .servicedetailsSlider figure {max-width: 94%;margin: 0 auto;}
    .mobileicon{margin-right: 20px;}
    .franchisescontact > a {
        font-size: 16px;
    }
    #qlwapp.qlwapp-button .qlwapp-toggle {
        padding: 10px !important;
        border-radius: 100% !important;
        width: 42px !important;
        height: 42px !important;
        font-size: 22px;
    }
    #qlwapp.qlwapp-button .qlwapp-toggle .qlwapp-icon {
        margin: 0 !important;
    }
    .qlwapp-text {
        display: none;
    }
    #qlwapp.qlwapp-bottom-left, #qlwapp.qlwapp-bottom-right {
        bottom: 70px !important;
    }
    .topHead li.address {
        display: none;
    }
    .package_list .packagebox{padding: 0;}
    .area .client_image figure img{width: 100%;}
    .area_list .service .gallery-fig {
        height: 300px;
    }
}
/* 360px */
@media only screen and (max-width: 479px){
    .mobileicon{margin-right: 16px;}
    .leftImg{margin-right: 0;}
    .rightImg{display: none;}
    .why_choose_repeater figure{height: 46px;width: 46px;}
    .why_choose_counter .container, .Counter{column-gap: 30px;}
    .counterData::after{right: -15px;}
    .why_choose_counter{font-size: 24px;}
    .counterData span:last-child{font-size: 14px;}
    .testimonialItem{margin: 15px 0;}
    .packagePrice {height: 80px;font-size: 70px;}
    .drivingQ, .drivingContact{font-size: 18px;}
    .driving_testSec{text-align: center;}
    .imgDesp{line-height: 30px;}
    .testimonial .editor_text{margin-bottom: 30px;}
    .serviceContent{padding: 12px 15px;}
    .recent-news .sk_box .sk_text .subtitle{font-size: 14px;}
    .recent-news .sk_box{column-gap: 10px;}
    .lessons_question{font-size: 24px;line-height: 30px;}
    .bookLessons .drivingContact{font-size: 16px;}
    .driving_lessons .zbtn{margin-top: 20px;}
    .contactPage .contact-wrap li .fa{height: 32px;width: 32px;}
    .modal.show .modal-dialog{max-width: 90%;}
}