@media(min-width:1600px) {
    .container {
        max-width: 1600px;
    }
}
#msform h2 {
    margin-bottom: 30px;
}
.tab-content.register br {
    display: none;
}
.tab-content.register form label {
    margin-top: 0;
}
.choice {
    margin-bottom: 12px;
}
@media(max-width:1600px) {
    header.custom nav ul li a {
        font-size: 15px;
    }

    header.custom nav ul li:last-child a {
        font-size: 15px;
        padding: 12px 8px;
    }

    .footerdetaikls .link h2 {
        font-size: 16px;
        padding-bottom: 10px;
    }

    .footerend p,
    .last p a,
    .last p,
    .last p a,
    .last p,
    .footerdetaikls .link a,
    .footerdetaikls .link p {
        font-size: 15px;
    }

    footer {
        padding-top: 60px;
    }

    .footerlinksocial {
        padding-top: 35px;
        padding-bottom: 25px;
    }

    .footerdetaikls {
        padding: 25px 0px;
    }

    .footerend,
    .footerdetaikls {
        max-width: 1300px;
    }

    section.servicesform .title h2 {
        font-size: 40px;
        line-height: 65px;
        max-width: 400px;
    }

    section.servicesform {
        padding: 40px 0px;
    }

    section.Diesel_repair p {
        font-size: 15px;
        padding-bottom: 10px;
    }

    section.Diesel_repair h2 {
        font-size: 30px;
        line-height: 40px;
        max-width: 350px;
    }

    section.Diesel_repair .repair.content a {
        font-size: 14px;
    }

    section.servicesform-value .getintouch form input[type="submit"] {
        font-size: 14px;
    }

    .repair.content {
        max-width: 585px;
        margin-right: auto;
        margin-left: 0;
    }

    .repair-data {
        max-width: 1300px;
    }

    section.Diesel_repair {
        padding-top: 130px;
        padding-bottom: 65px;
    }

 

    .logindata .logo {
        padding-bottom: 20px;
    }

    .formlogin .content span {
        font-size: 16px;
    }

    .logindata {
        max-width: 1100px;
    }

    .condistions p,
    .condistions .verify label {
        font-size: 16px;
    }

    .filedsdata input,
    .fileds input {
        padding: 10px;
        font-size: 16px;
    }

    .fileds {
        gap: 20px;
    }

    .lost {
        padding-top: 20px;
    }

    input[type="submit"],
    .formlogin .tab-content.login input[type="submit"] {
        margin-top: 50px;
    }

  

    .lost label,
    .lost a,
    .choice label {
        font-size: 16px;
    }

    .databanner h1 {
        font-size: 35px;
        line-height: 45px;
    }

    .databanner p {
        font-size: 16px;
        line-height: 28px;
    }

    input[type="submit"],
    .formlogin .tab-content.login input[type="submit"] {
        font-size: 16px;
    }

    .logindata .logo img {
        max-width: 200px;
    }

    .getvalue {
        padding-top: 25px;
    }

    .location {
        max-width: 300px;
        padding-right: 10px;
    }

    .location p,
    .location input {
        padding: 10px 0px;
        font-size: 16px;
    }

    section.homesection .swiper.mySwiper {
        height: 685px;
    }

    .choicecatdata h2 {
        font-size: 18px;
        line-height: 28px;
        max-width: 300px;
        width: 100%;
        margin: 0 auto;
    }

    .choicecatdata .button {
        padding-top: 20px;
    }

    .choicecatdata .button button {
        font-size: 15px;
        max-width: 180px;
    }

    section.service-section .sumitdata input[type="submit"] {
        font-size: 15px;
    }

    .servicesform-data form .fileds input {
        height: 38px;
        font-size: 16px;
    }

    .servicesform-data form .fileds {
        padding-bottom: 12px;
    }

    .servicesform-data form p {
        padding-bottom: 12px;
    }

    .content-service p {
        padding-bottom: 25px;
    }

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

    .content-service h2 {
        font-size: 22px;
        padding-bottom: 8px;
    }

    .margintop+header.adminheader {
        margin-top: 110px;
    }

    .preview p,
    .choice-data p {
        font-size: 14px;
    }

    .choseyourcategory h2 {
        padding-bottom: 10px;
    }

    .choseyourcategory .category h3 {
        font-size: 15px;
    }

    .choicecatdata {
        padding: 30px 0px;
    }

    .Availability .range h2 {
        font-size: 16px;
    }

    .working_box .working_hours h4, .info.data h2, .company_profile h4, .company_profile h5, .company_profile h6, .company_profile h1, .company_profile h2, .company_profile h3 {
        font-size: 22px;
        margin-bottom: 10px;
        padding: 0;
    }

    .info.data h3 {
        font-size: 17px;
        margin: 10px 0 10px;
    }

    .choicecatdata {
        max-width: 450px;
    }

    section.servicesform-value .title h2 {
        font-size: 35px;
        line-height: 45px;
        max-width: 362px;

    }

    section.auto-connect .connect .content-data h1 {
        font-size: 20px;
    }

    .Availability {
        padding-bottom: 60px;
    }

    .Availability {
        padding-bottom: 50px;
    }

    section.plan h1 {
        font-size: 35px;
    }

    header.adminheader nav ul li a {
        font-size: 15px;
    }

    section.plan h1 {
        padding-bottom: 30px;
    }

    header.adminheader {
        padding: 20px 0px;
    }

    section.plan {
        padding-top: 35px;
        padding-bottom: 60px;
    }

    .ourplan-cart h2 {
        font-size: 16px;
    }

    .ourplan-cart .price span sup {
        font-size: 33px;
    }

    .ourplan-cart .price span {
        font-size: 50px;
    }

    .ourplan-cart .price {
        padding: 30px 0px;
    }

    .joinus a {
        font-size: 15px;
    }

    .ourplan-cart .price p {
        font-size: 20px;
    }

    .planbody ul li {
        font-size: 15px;
    }

    .joinus a {
        max-width: 100%;
    }

    .plansdata {
        padding-top: 40px;
    }

    section.roadside .container .connect h2,
    section.roadside .container .connect h1 {
        font-size: 38px;
    }

    .info p,
    ul.time-data li,
    .info ul li a {
        font-size: 15px;
    }

    section.persnalpage {
        padding-top: 40px;
        padding-bottom: 50px;
    }

    .persnalpage .content-data {
        padding: 39px 80px;
    }

    .servicematch .content-data h2 {
        font-size: 35px;
    }

    .service-list h3 {
        font-size: 16px;
    }

    .info h2 {
        font-size: 18px;
    }

    .service-list {
        padding-top: 40px;
    }

    section.servicematch {
        padding-bottom: 60px;
    }

    section.roadside {
        height: 680px;
    }

    section.plan.cart {
        padding-top: 0px;
    }

    .top-conent h2 {
        font-size: 20px;
    }

    .top-conent h3 {
        font-size: 23px;
    }

    .top-conent p {
        font-size: 15px;
    }

    .top-conent p.reach,
    .top-conent h3,
    .top-conent h2.entry {
        padding-top: 18px;
    }

    .top-conent {
        padding: 30px 40px;
    }

    .form-info h2 {
        font-size: 20px;
    }

    .businnes-description,
    .form-info {
        padding-top: 30px;
    }

    .businesform {
        margin-top: 30px;
    }

    .businesform {
        padding: 40px;
    }

    .businesform {
        padding: 30px;
    }

    .fullfilcondistion,
    .businesform input {
        height: 45px;
    }

    .businnes-description h2 {
        padding-bottom: 30px;
    }

    .getlocation-time {
        padding-right: 70px;
    }

    .sendmessage {
        padding: 40px;
    }

    .fullfilcondistion {
        padding: 12px;
    }

    .fullfilcondistion {
        max-width: 1200px;

    }

    .company-preview h2 {
        padding-bottom: 30px;
    }

    .company-preview {
        padding-top: 30px;
    }

    .uploadimg label {
        font-size: 16px;
    }

    .uploadimg input {
        max-width: 1000px;
        width: 100%;
    }

    .company h2 {
        padding-bottom: 30px;
    }

    .company {
        padding-top: 30px;
    }

    .upload-data h3 {
        font-size: 16px;
        padding-top: 30px;
    }

    .upload-data ul li {
        font-size: 16px;
    }

    .preview p {
        font-size: 16px;
    }

    .preview p {
        padding-bottom: 50px;
    }

    .preview {
        padding: 55px 0px;
    }

    .preview button {
        font-size: 16px;
    }

    .details h2 {
        padding-bottom: 30px;
    }

    .details {
        padding-top: 30px;
    }

    .choice-data span.top p {
        font-size: 16px;
    }

    .choice-data span.top {
        padding: 8px 54px;
    }

    .choice-data span {
        padding-right: 54px;
    }

    .content-perchage button {
        font-size: 14px;
    }

    .choice-data span.connect {
        padding-top: 40px;
        padding-bottom: 20px;
        padding-left: 54px;
    }

    .choice-data p {
        max-width: 800px;
        padding-left: 54px;
    }

    .choice-data span.top p {
        padding-left: 0px;
    }

    .content-perchage {
        padding-left: 54px;
    }

    .choice-data span.connect {
        font-size: 23px;
    }

    section.fulldetails {
        padding-bottom: 40px;
    }

    header.custom .logo a img {
        max-width: 150px;
    }

    .Availability-data .cart-Availability .cart-body h3 {
        font-size: 16px;
    }

    .cart-body .list ul li a,
    .cart-body .list ul li p {
        font-size: 14px;
    }

    .Availability-data {
        gap: 25px;
    }

    section.aboutus-content.Diesel_repair .about-usimg {
        max-width: 800px;
    }

    .aboutcontentdata {
        max-width: 450px;
    }

    header.adminheader nav ul {
        gap: 6px;
    }

    header.adminheader nav ul li a {
        padding: 8px 12px;

    }

    header.adminheader nav ul li a i {
        font-size: 20px;
    }

    header.adminheader .logo a img {
        max-width: 150px;
    }

    header.adminheader {
        padding-top: 0px;
    }

    header.adminheader nav {
        padding-top: 50px;
    }

    .row-data {
        /* max-width: 1200px; */
        max-width: 100%;
        margin: 0 auto;
    }
    .ourplan-cart {
        /* max-width: 280px; */
        margin: 0px;
        max-width: 23%;
    }

    .topheader {
        padding: 15px;
    }

    .topheader .home a {
        font-size: 18px;
    }

    .serchinpit {
        padding: 6px 15px;
    }

    .topheader .serch button {
        font-size: 20px;
    }

    .serchinpit input {
        font-size: 16px;
    }

    .topheader .home button img {
        max-width: 30px;
        width: 100%;
    }

    .toperheader {
        height: 81px;
    }

    .card {
        padding-top: 0px;
    }

    #heading {
        font-size: 30px;
        line-height: 45px;
        padding-bottom: 5px;
    }

    .form-card {
        padding: 20px;
        margin-top: 40px;
    }

    #msform .action-button-previous,
    #msform .action-button {
        font-size: 16px;
        height: 45px;
    }


    #progressbar {
        margin-bottom: 20px;
    }

    #msform .openingtime input {
        font-size: 12px;
    }

    p.to_ {
        min-width: 50px;
    }

    .time select {
        background-position: 100% center;
    }

    .businesform,
    .sendmessage {
        padding: 0px;
    }

    .getlocation-time h2 {
        font-size: 18px;
    }

    .thankyoumessage h1 {
        font-size: 40px;
    }

    .thankyoumessage img {
        max-width: 200px;
    }

    .thankyoumessage p {
        font-size: 20px;
    }

    .thankyoumessage {
        max-width: 600px;
    }

    section.map .contentdata {
        gap: 35px;
    }

    .row-data.w-100 .choseyourcategory .category {
        max-width: 30%;
    }

    form.w-100 input[type="submit"] {
        margin-left: 1%;
    }

    .Availability {
        max-width: 41%;
    }

    .Availability-map {
        max-width: 56%;
    }

    .tablist ul {
        margin-top: 0px;
        padding-bottom: 0px;
    }

    .tablist ul li {
        font-size: 18px;
    }
    .headerpopup h2{
        font-size: 20px;
        padding: 15px 0px;
    }
    section.sample .info span p{
        font-size: 25px;
        line-height: 35px;
    }
    span.title address{
        font-size: 15px;
    }
    section.sample .info a{
        font-size: 18px;
        margin: 8px 0px;
    }
    span.rating{
        font-size: 18px;
        padding-bottom: 0px;
    }
    section.sample .info span.rating a{
        font-size: 14px;
    }
    .row-data{
        gap: 30px;
    }
    div#tab-3 .row-data{
        justify-content: center;
    }
    .table-responsiv{
        margin-top: 40px;
    }
    .table-responsiv table.table thead.table-dark tr th{
        font-size: 15px;
    }
    .table-responsiv table.table tbody tr th p, .table-responsiv table.table tbody tr td p{
        font-size: 15px;
    }
    .table-responsiv table.table tbody tr td button{
        font-size: 15px;
    }
    .table-responsiv table.table tbody tr td{
        min-width: 140px;
        width: 100%;
    }
    .mainformdata .content h2{
        font-size: 40px;
        line-height: 50px;
        padding-bottom: 0px;
    }
    .mainformdata .content h3{
        font-size: 18px;
        padding: 5px 0px;
    }
    .mainformdata .content span{
        font-size: 16px;
        line-height: 25px;
        padding-top: 10px;
    }
    .formlogin form h2{
        font-size: 25px;
        margin: 15px 0px;
    }
    .formlogin form label{
        font-size: 16px;
    }
    .fileds{
        gap: 8px;
    }
    .formlogin .tab-content input[type="submit"]{
        font-size: 16px !important;
        padding: 12px 0px !important;
    }
    .condistions p a, .condistions .verify label a{
        font-size: 16px;
    }
    .choice input[type="radio"]{
        transform: scale(1.5);
    }
    section.pouplogin .title ul li{
        font-size: 16px;
    }
    section.pouplogin .title ul li{
        max-width: 170px;
    }
    .fileds{
        margin: 10px 0px;
    }
    button.closeloginpoup img {
        max-width:30px;
    }
    .mainformdata{
        height: 597px;
    }
    .formlogin form a{
        font-size: 16px;
    }
    section.userprofile{
        padding: 30px 0px;
    }
    .service-information h2, .user-info h2{
        font-size: 25px;
        line-height: 35px;
        padding-bottom: 0px;
    }
    section.userprofile .user-info .user-fileds .form-card .businesform label{
        font-size: 14px;
    }
    section.userprofile .user-info .user-fileds .form-card .businesform input{
        padding: 8px 12px;
        height: 40px;
    }
    section.userprofile .user-info .user-fileds .form-card .form-data, section.userprofile .user-info .user-fileds .form-card .multipleform{
        margin-bottom: 15px;
    }
    section.userprofile    .sumbit-form input[type="submit"],
    section.userprofile .profile button{
        font-size: 14px;
        height: 40px;
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .service-information{
        padding-top: 0px;
    }
    .service-information .table-responsiv.table-responsive{
        padding: 15px;
    }
    section.userprofile .form-card {
        margin-top: 20px;
    }
    .joinus input, .joinus a {
        padding: 8px;
        font-size: 12px;
    }
    .joinus {
        margin-top: 8px !important;
    }
    .planbody {
        padding: 16px;
    }
    .planbody ul {
        height: 280px;
    }
    .Availability-data .cart-Availability {
        max-width: 47%;
    }
    .ourplan-cart h2 {
        padding: 8px 10px;
    }
    .joinus input, .joinus a {
        font-size: 14px;
        padding: 10px;
        max-width: 100%;
        padding: 12px;
    }
    .joinus {
        max-width: 100%;
    }
    .Availability .range {
        gap: 10px;
    }
    .Availability .range input {
        width: 280px;
    }
    .Availability .range > div {
        width: 30%;
    }
    .Availability .range input {
        width: 100%;
    }
    .info p, .working_box .working_hours ul li, .company_profile ul li {
        font-size: 15px;
        line-height: 1.4;
    }
    .info {
        padding-bottom: 16px;
    }
    .info h2 {
        max-width: 300px;
        line-height: 1.4;
        margin-top: 4px;
    }
    .location {
        padding: 0;
    }
    .location.category select {
        padding: 10px;
    }
    .location input {
        padding: 10px;
        padding-right: 40px;
    }
    .openingtime {
        column-count: auto;
    }
    .Availability-data .cart-Availability .image img {
        height: 200px;
    }
}

@media(max-width:1399px) {
    .formlogin form a{
        font-size: 14px;
    }
    .ourplan-cart {
        max-width: 40%;
    }
    .planbody ul {
        height: 210px;
    }
    .row-data{
        gap: 25px;
    }
    .preview button {
        font-size: 16px;
    }

    footer {
        padding-top: 40px;
    }

    .footerend p {
        padding: 15px 0px;
    }

    .footerlogo a.logo img {
        max-width: 200px;
    }

    section.servicesform .title {
        font-size: 35px;
        line-height: 50px;
    }

    .getintouch span {
        font-size: 20px;
        margin-bottom: 20px;
    }

    .getintouch {

        padding: 25px;
    }

    section.Diesel_repair h2 {
        font-size: 24px;
        line-height: 34px;
        max-width: 440px;
        padding-bottom: 10px;
    }

    section.Diesel_repair p {
        font-size: 14px;
        line-height: 22px;
    }

    .repair {
        max-width: 400px;
    }
    .repair img {
        width: 100%;
    }

    .repair.content {
        max-width: 680px;
    }

    .repair-data {
        gap: 20px;
    }

    section.Diesel_repair .repair.content a {
        font-size: 14px;
        padding: 12px 30px;
        margin-top: 10px;
    }

    .repair-data {
        max-width: 1200px;
    }

    section.servicesform .title h2 {
        font-size: 35px;
        line-height: 50px;
    }

    .repair img {
        max-width: 550px;
    }

    section.Diesel_repair {
        padding-top: 90px;
        padding-bottom: 40px;
    }

    .logo a img {
        max-width: 180px;
    }

    .logindata .logo {
        padding-bottom: 20px;
    }

 

    .formlogin .content span {
        font-size: 16px;
    }

    .filedsdata input,
    .fileds input {
        padding: 10px;
        font-size: 16px;
    }

    .condistions p,
    .condistions .verify label {
        font-size: 16px;
    }

    .filedsdata {
        padding-bottom: 20px;
    }

    input[type="submit"],
    .formlogin .tab-content.login input[type="submit"] {
        font-size: 16px;
        padding: 10px 20px;
    }

    .logindata {
        height: 580px;
    }

    .logindata {
        max-width: 1100px;
    }

    .choice label {
        font-size: 16px;
    }

    .filedsdata img {
        max-width: 150px;
    }

    .lost a,
    .lost label,
    section.homesection .databanner p,
    .condistions p a,
    .condistions .verify label a {
        font-size: 15px;
    }

    .location p,
    .location input {
        font-size: 14px;
    }

    .databanner h1 {
        font-size: 30px;
        line-height: 40px;
    }

    .databanner p {
        font-size: 18px;
        padding-top: 0px;
    }

    .getvalue {
        padding-top: 15px;
    }

    section.homesection .location {
        max-width: 300px;
    }

    section.homesection .swiper.mySwiper {
        height: 555px;
    }

    .choicecatdata h2 {
        font-size: 18px;
        line-height: 25px;
    }

    .choicecatdata .button {
        padding-top: 20px;
    }

    .choicecatdata {
        padding: 25px 0px;
    }

    .servicesform-data {

        padding-top: 30px;

    }

    .content-service p {
        padding-bottom: 30px;
    }

    .servicesform-data form p,
    .servicesform-data form .fileds {
        padding-bottom: 8px;
    }

    section.service-section .sumitdata {
        margin-top: 15px;
    }

    .servicesform-data form .username {

        gap: 20px;
    }

    section.service-section .sumitdata img {
        max-width: 160px;
    }

    section.service-section .sumitdata input[type="submit"] {
        font-size: 14px;
        margin: 0px;
    }

    .servicesform-data form .username .fileds {
        max-width: 250px;
        width: 100%;
    }

    section.servicesform-value .title h2 {
        font-size: 30px;
        line-height: 40px;
        max-width: 300px;
    }

    section.servicesform-value {
        padding: 40px 0px;
    }

    section.auto-connect .connect .content-data h1 {
        font-size: 20px;
    }

    section.auto-connect .connect .content-data {
        padding: 20px 30px;
    }

    .Availability .range h2 {
        font-size: 16px;
    }

    .Availability .range {
        padding-bottom: 18px;
    }

    .Availability .range {
        padding-top: 20px;
    }

    .Availability-data {
        padding-top: 20px;
    }

    .Availability-data {
        gap: 20px;
    }

    .Availability-data .cart-Availability .cart-body h3 {
        font-size: 16px;
        padding-bottom: 10px;
    }

    .cart-body {
        padding-top: 10px;
    }

    .cart-body .list ul li a,
    .cart-body .list ul li p {
        font-size: 14px;
    }

    section.plan h1 {
        font-size: 35px;
    }

    header.adminheader nav ul li a {
        font-size: 14px;
    }

    section.plan h1 {
        padding-bottom: 30px;
    }

    header.adminheader {
        padding: 28px 0px;
    }

    section.plan {
        padding-top: 35px;
        padding-bottom: 40px;
    }

    .ourplan-cart .price span sup {
        font-size: 30px;
    }

    .ourplan-cart .price span {
        font-size: 50px;
    }

    .ourplan-cart .price {
        padding: 25px 0px;
    }

    .ourplan-cart .price p {
        font-size: 20px;
    }

    .planbody ul li {
        font-size: 14px;
    }

    .joinus {
        max-width: 49%;
    }

    .plansdata {
        padding-top: 30px;
    }

    section.roadside .container .connect h2,
    section.roadside .container .connect h1 {
        font-size: 30px;
    }

    section.roadside .container .connect {
        padding-left: 70px;
    }

    section.persnalpage {
        padding-top: 35px;
        padding-bottom: 45px;
    }

    .persnalpage .content-data {
        padding: 39px 60px;
    }

    .info h2 {
        font-size: 18px;
        padding-bottom: 10px;
    }

    .info {
        padding-bottom: 20px;
    }

    .opeingingtime {
        padding-top: 30px;
    }

    .servicematch .content-data h2 {
        font-size: 30px;
    }

    .logindata {
        max-width: 950px;
    }

    .service-list h3 {
        font-size: 16px;
    }

    .service-list {
        padding-top: 35px;
    }

    section.servicematch {
        padding-bottom: 50px;
    }

    .servicematch .content-data {
        padding: 40px;
    }

    section.roadside {
        height: 555px;
    }

    .top-conent h2 {
        font-size: 20px;
    }

    .top-conent h3 {
        font-size: 20px;
    }

    .top-conent p.reach,
    .top-conent h3,
    .top-conent h2.entry {
        padding-top: 20px;
    }

    .top-conent {
        padding: 25px 35px;
    }

    .form-content {
        padding-top: 40px;
    }

    .form-info h2 {
        font-size: 20px;
    }

    .businnes-description,
    .form-info {
        padding-top: 25px;
    }


    .fullfilcondistion,
    .businesform input {
        height: 40px;
    }

    .fullfilcondistion {
        padding: 10px;
    }

    .multipleform {
        margin-top: 8px;
    }

    .businnes-description h2 {
        padding-bottom: 25px;
    }

    .getlocation-time {
        padding: 30px;
    }

    .getlocation-time span p {
        font-size: 16px;
    }

    .time select {
        font-size: 14px;
    }

    .company-preview h2 {
        padding-bottom: 25px;
    }

    .company-preview {
        padding-top: 25px;
    }

    .uploadimg label {
        font-size: 14px;
    }

    .uploadimg input {
        max-width: 800px;
        width: 100%;
    }

    .company h2 {
        padding-bottom: 25px;
    }

    .company {
        padding-top: 25px;
    }

    .upload-data h3 {
        padding-top: 25px;
    }

    .upload-data ul li {
        font-size: 14px;
    }

    .preview p {
        padding-bottom: 40px;
    }

    .preview {
        padding: 40px 0px;
    }

    .details h2 {
        padding-bottom: 25px;
    }

    .details {
        padding-top: 25px;
    }

    .choice-data span {
        font-size: 35px;
    }

    .content-perchage {
        gap: 150px;
    }

    .choice-data span.connect {
        font-size: 20px;
    }

    section.fulldetails {
        padding-bottom: 35px;
    }

    .footerend p,
    .last p a,
    .last p,
    .last p a,
    .last p,
    .footerdetaikls .link a,
    .footerdetaikls .link p {
        font-size: 14px;
    }

    .category-data-list ul li ul li {
        font-size: 13px;
    }

    .category-data-list ul li span {
        font-size: 15px;
    }

    .category-data-list ul li ul {
        padding: 10px 0px;
    }

    .databanner p {
        font-size: 14px;
    }

    .choicecatdata .button button a,
    .choicecatdata .button button {
        font-size: 14px;
    }

    .choicecatdata h2 {
        font-size: 16px;
        max-width: 250px;
    }

    section.aboutus-content.Diesel_repair p {
        font-size: 14px;
    }

    section.aboutus-content.Diesel_repair h3 {
        font-size: 18px;
        padding-bottom: 8px;
    }

    section.aboutus-content.Diesel_repair .content {
        padding-bottom: 20px;
    }

    section.aboutus-content.Diesel_repair .maintitle {
        padding-bottom: 30px;
    }

    .aboutcontentdata {
        max-width: 350px;
    }

    section.aboutus-content.Diesel_repair .about-usimg {
        max-width: 700px;
    }

    header.adminheader {
        padding-top: 0px;
    }

    .mainheader {
        padding: 15px;
    }

    .serchinpit {
        max-width: 350px;
    }

    .topheader .home a {
        font-size: 16px;
    }

    .form-card {
        margin-bottom: 20px;

    }

    #msform .action-button-previous,
    #msform .action-button {
        font-size: 14px;
        padding: 8px 10px;
    }

    #heading {
        font-size: 25px;
        line-height: 35px;
    }

    .form-multistep p {
        font-size: 14px;
        padding-bottom: 10px;
    }

    #progressbar li {
        font-size: 11px;
    }

    .getlocation-time h2 {
        font-size: 16px;
        padding-bottom: 4px;
    }

    #msform .openingtime input {
        min-width: 90px;
    }

    .time {
        max-width: 90%;
    }

    .uploadimg label {
        padding: 6px;
    }

    .thankyoumessage h1 {
        font-size: 30px;
    }

    .thankyoumessage img {
        max-width: 150px;
    }

    .thankyoumessage p {
        font-size: 18px;
    }

    .thankyoumessage {
        max-width: 400px;
    }

    .thankyoumessage {
        padding: 20px;
    }

    section.map .contentdata {
        gap: 20px;
    }

    .tablist ul li {
        font-size: 16px;
    }

    .tablist ul li {
        padding: 8px 35px;
    }

    form.w-100 input[type="submit"] {
        font-size: 14px;
        padding: 8px 20px;
        max-width: 150px;
        line-height: normal;
    }
    section.sample .info a{
        font-size: 16px;
    }
    .truck img{
        max-width: 280px;
    }
    .info-pack{
        max-width: 900px;
    }
    button.closepoup img {
        max-width: 30px;
    }
    section.sample .info span p{
        font-size: 20px;
    }
    .headerpopup h2{
        font-size: 18px;
    }
    .table-responsiv{
        margin-top: 30px;
    }
    .table-responsiv table.table tbody tr td{
        min-width: 140px;
        width: 100%;
    }
    .table-responsiv.table-responsive{
        margin-top: 20px;
    }
    .mainformdata .content h2{
        font-size: 30px;
        height: 40px;
    }
    .mainformdata .content h3{
        font-size: 16px;
    }
    .mainformdata .content span{
        font-size: 14px;
    }
    section.pouplogin .title ul li{
        font-size: 14px;
        padding: 8px 0px;
    }
    .formlogin form label{
        font-size: 14px;
        padding-left: 4px;
    }
    .choice input[type="radio"]{
        transform: scale(1.2);
    }
    .condistions p, .condistions .verify label{
        font-size: 14px;
    }
    .formlogin .tab-content input[type="submit"]{
        font-size: 14px;
    }
    .mainformdata{
        height: 580px;
    }
    button.closeloginpoup{
        top: -11px;
        right: -15px;
    }
    .table-responsiv table.table tbody tr th p, .table-responsiv table.table tbody tr td p{
        font-size: 14px;
    }
    .table-responsiv table.table tbody tr td button{
        font-size: 14px;
    }
    .service-information h2, .user-info h2{
        font-size: 20px;
        line-height: 30px;
        padding-bottom: 10px;
    }
    .service-information{
        padding-bottom: 20px;
    }
    #msform h2 {
        font-size: 22px;
    }
    .user-info h2 {
        padding-left: 20px;
    }
    .Availability .range > div {
        width: 47%;
    }
    .working_box {
        max-width: 540px;
        width: 100%;
    }
    .working_box .working_hours h4, .info.data h2, .company_profile h4, .company_profile h5, .company_profile h6, .company_profile h1, .company_profile h2, .company_profile h3 {
        font-size: 20px;
        margin-bottom: 10px;
        padding: 0;
    }
    .info p, .working_box .working_hours ul li, .company_profile ul li {
        font-size: 14px;
        line-height: 1.4;
    }
    .info {
        padding-bottom: 12px;
    }
    #progressbar li:before {
        width: 30px;
        height: 30px;
        font-size: 12px;
        line-height: 28px;
    }
    #progressbar li:after {
        top: 15px;
    }
    #msform h3 {
        font-size: 22px;
        margin-bottom: 10px;
    }
    #msform input, #msform textarea {
        font-size: 14px;
    }

}

@media(max-width:1315px) {
    section.map .contentdata {
        flex-direction: column-reverse;
    }

    .Availability-data {
        justify-content: center;
    }

    .Availability,
    .Availability-data {
        max-width: 100%;
        width: 100%;
    }

    section.map .contentdata {
        padding-left: 0px;
    }

    section.map .contentdata {
        max-width: 1140px;
        width: 100%;
        margin: 0 auto;
        gap: 0px;
    }

    .Availability-map {

        width: 100%;
        max-width: 100%;
        height: 400px;
    }

    section.plan.cart {
        padding-top: 0px;
    }
    .Availability-data .cart-Availability {
        max-width: 48%;
    }
    .Availability-map {
        padding: 0 !important;
        overflow: hidden;
        margin: 40px auto 20px;
        height: 600px;
    }
    .Availability .range > div {
        width: 28%;
    }
    .Availability-data .cart-Availability .cart-body h3 button.viwmapse {
        min-height: auto;
    }
}

@media(max-width:1199px) {
    footer {
        padding-top: 30px;
    }

    section.servicesform .title {
        font-size: 30px;
        line-height: 45px;
    }

    section.servicesform .title h2 {
        font-size: 35px;
        line-height: 48px;
        max-width: 343px;
    }

    .getintouch form img {
        max-width: 180px;
    }

    .getintouch form input[type="submit"] {
        font-size: 14px;
        padding: 0px 55px;
    }

    .repair-data {
        flex-direction: column;
        gap: 10px;
    }

    .repair {
        margin-bottom: 20px;
    }

    .repair.content {
        max-width: 100%;
        width: 100%;
        margin-bottom: 0;
    }

    section.Diesel_repair h2 {
        max-width: 100%;
        width: 100%;
    }

    section.Diesel_repair {
        padding-top: 60px;
        padding-bottom: 40px;
    }

    .logindata {
        max-width: 900px;
    }

    input[type="submit"],
    .formlogin .tab-content.login input[type="submit"] {
        font-size: 14px;
    }

    .databanner h1 {
        font-size: 25px;
        line-height: 35px;
    }

    .getvalue {
        padding-top: 10px;
    }

    .category-data-list ul li ul li {
        font-size: 13px;
        line-height: 24px;
    }

    .category-data-list ul li span {
        padding-bottom: 8px;
    }

    .choicecatdata .button {
        padding-top: 15px;
    }

    .choicecatdata .button button {
        font-size: 14px;
        max-width: 150px;
    }

    .choicecatdata {
        padding: 20px 0px;
    }

    section.servicesform-value .getintouch form input[type="submit"] {
        padding: 12px 40px;
        margin-right: 10px;
        font-size: 14px;
    }

    section.map .contentdata {
        max-width: 940px;
    }

    section.plan h1 {
        font-size: 30px;
    }

    section.plan h1 {
        padding-bottom: 20px;
    }

    header.adminheader {
        padding: 20px 0px;
    }

    header.adminheader nav ul li a {
        gap: 10px;
    }

    section.plan {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .ourplan-cart h2 {
        height: auto;
    }

    .ourplan-cart .price span sup {
        font-size: 28px;
    }

    .ourplan-cart .price span {
        font-size: 40px;
    }

    .ourplan-cart .price {
        padding: 20px 0px;
    }

    .ourplan-cart .price p {
        font-size: 18px;
    }

    .planbody {
        max-width: 100%;
        width: 100%;
    }

    section.roadside .container .connect {
        padding-left: 50px;
    }

    section.persnalpage {
        padding: 35px 0px;
    }

    .persnalpage .content-data {
        padding: 30px 50px;
    }

    .info p,
    ul.time-data li,
    .info ul li a {
        font-size: 14px;
    }

    .servicematch .content-data h2 {
        font-size: 30px;
    }

    .service-list h3 {
        font-size: 14px;
    }

    section.servicematch {
        padding-bottom: 40px;
    }

    .service-list {
        max-width: 800px;
    }

    .servicematch .content-data {
        padding: 30px;
    }

    section.roadside {
        height: 450px;
    }

    section.roadside .container .connect h2,
    section.roadside .container .connect h1 {
        font-size: 25px;
    }

    section.plan.cart {
        padding-top: 0px;
    }

    section.homesection .mySwiper .swiper-wrapper .swiper-slide {
        display: flex;
        align-items: center;
        height: 100%;
    }

    .margintop+header.adminheader {
        margin-top: 100px;
    }

    .top-conent h2 {
        font-size: 18px;
    }

    .top-conent p {
        font-size: 14px;
    }

    .top-conent h2.entry {
        padding-top: 10px;
    }

    .top-conent p.reach,
    .top-conent h3 {
        padding-top: 15px;
    }

    .top-conent {
        padding: 20px;
    }

    .form-content {
        padding-top: 30px;
    }

    .form-info h2 {
        font-size: 18px;
    }

    .businnes-description,
    .form-info {
        padding-top: 20px;
    }

    .businesform {
        margin-top: 0px;
    }

    .businesform input {
        height: 35px;
    }

    .businnes-description h2 {
        padding-bottom: 20px;
    }

    .sendmessage {
        flex-direction: column;
        gap: 30px;
    }

    .sendmessage .message {
        max-width: 100%;
        width: 100%;
    }

    .sendmessage .message {
        gap: 30px;
    }

    .getlocation-time {
        max-width: 100%;
        width: 100%;

    }

    .choseyourcategory h2 {
        padding-bottom: 0px;
    }

    .choseyourcategory .category h3 {
        padding-bottom: 12px;
    }

    .choseyourcategory .category h3 {
        margin-bottom: 15px;
    }

    .getlocation-time h3 {
        font-size: 16px;
    }

    .company-preview h2 {
        padding-bottom: 20px;
    }

    .company-preview {
        padding-top: 20px;
    }

    .uploadimg input {
        max-width: 600px;
    }

    .company h2 {
        padding-bottom: 20px;
    }

    .company {
        padding-top: 20px;
    }

    .upload-data h3 {
        padding-top: 20px;
    }

    .sendmessage .message textarea {
        height: 150px;
    }

    .preview p {
        padding-bottom: 25px;
    }

    .preview {
        padding: 30px 0px;
    }

    .preview button {
        font-size: 14px;
    }

    .details h2 {
        padding-bottom: 20px;
    }

    .details {
        padding-top: 20px;
    }

    .price .content {
        flex-direction: column;
    }

    .choice-data p {
        padding-left: 0px;
        max-width: 100%;
        width: 100%;
        padding-left: 54px;
        padding-right: 54px;
    }

    .price .content span {

        padding-top: 20px;
        width: 100%;
        padding-left: 54px;
    }

    .choice-data p {
        font-size: 14px;
    }

    .choice-data span {
        font-size: 30px;
    }

    .content-perchage {
        gap: 100px;
    }

    .choice-data span.connect {
        font-size: 18px;
    }

    .footerlogo .logo img {
        max-width: 200px;
    }

    section.aboutus-content.Diesel_repair .maintitle {
        padding-bottom: 20px;
    }

    section.aboutus-content {
        padding: 60px 0px;
    }

    section.aboutus-content.Diesel_repair .about-usimg {
        max-width: 500px;
    }

    .ourplan-cart {
        max-width: 45%;
        margin: 0px;
    }

    header.adminheader {
        padding-top: 0px;
    }
    .row-data{
        gap: 30px;
        padding: 20px;
        justify-content: center;
    }

    .time {
        /* max-width: 63%; */
        max-width: 100%;
        width: 100%;
    }

    .getlocation-time {
        padding-top: 0px;
    }

    .message label {
        font-size: 14px;
        line-height: 25px;
    }

    .thankyoumessage h1 {
        font-size: 25px;
    }

    .thankyoumessage img {
        max-width: 100px;
    }

    .thankyoumessage p {
        font-size: 16px;
    }

    .thankyoumessage {
        max-width: 300px;
    }

    .thankyoumessage {
        padding: 15px;
    }

    .thankyoumessage {
        gap: 10px;
    }

    .row-data.w-100 .choseyourcategory {
        gap: 15px;
        padding-top: 10px;
    }

    .tablist {
        padding-top: 20px;
    }
    .table-responsiv{
        margin-top: 25px;
    }
    section.userprofile .user-info{
        padding-left: 0px;
    }
    .planbody ul {
        height: 230px;
    }
    .joinus {
        max-width: 100%;
    }
    .openingtime {
        column-count: auto;
    }
    .forget_password_section {
        flex-direction: column;
    }
    .forget-image, .forget_password_box {
        width: 100%;
    }
    .forget-image {
        display: none;
    }
    .forget_password_box {
        background: #f9f9f9;
        padding: 100px 0;
    }
    .working_box {
        max-width: 400px;
        width: 100%;
    }
    #msform h3 {
        font-size: 18px;
        margin-bottom: 5px;
    }
    .Availability-data .cart-Availability .cart-body h3 {
        font-size: 15px;
    }
}

@media(max-width:991px) {
    .choice-data span {
        font-size: 25px;
    }

    .sendmessage,
    .sendmessage .message {
        gap: 20px;
    }

    header.custom nav ul li a {
        font-size: 16px;
    }

    header.custom nav ul li:last-child a {
        font-size: 14px;
        padding: 12px 8px;
    }

    .logo a img {
        max-width: 180px;
    }

    .toggle {
        display: flex;
        justify-content: space-between;
    }

    header.custom nav {
        flex-direction: column;
    }

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

    header.custom nav ul li,
    .menu-link {
        width: 100%;

    }

    header.custom nav ul {
        display: flex;
        flex-direction: column;
        padding-top: 40px;
        gap: 30px;
    }

    .toggle button {
        background-color: transparent;
        cursor: pointer;
        border: none;

    }

    header.custom .menu-link {
        display: none;
        padding-bottom: 20px;
    }

    .footerdetaikls .link h2 {
        font-size: 19px;
        padding-bottom: 12px;
    }

    .footerend p,
    .last p a,
    .last p,
    .footerdetaikls .link a,
    .footerdetaikls .link p {
        font-size: 14px;
        line-height: 25px;
    }

    .footerlinksocial {
        padding-top: 25px;
        padding-bottom: 20px;
    }

    .footerdetaikls {
        padding: 20px 0px;
    }

    .footerend p {
        padding: 10px 0px;
    }

    .footerlogo a.logo {
        display: block;
    }

    .footerlogo a.logo img {
        max-width: 180px;
    }

    section.servicesform .title h2 {
        font-size: 30px;
        line-height: 40px;
        max-width: 100%;
        padding-bottom: 15px;
    }

    .repair-data {
        gap: 0;
    }
    .newBox a {
        font-size: 15px;
        padding: 8px;
        max-width: 140px;
    }

    section.Diesel_repair {
        padding-top: 50px;
        padding-bottom: 30px;
    }

    .repair img {
        max-width: 100%;
        height: auto;
    }

    section.Diesel_repair h2 {
        font-size: 25px;
        line-height: 35px;
        max-width: 100%;
        padding-bottom: 20px;
    }

    section.Diesel_repair h2 span::after {
        right: 0;
    }

    .logindata .logo {
        justify-content: center;
    }

    .filedsdata {
        flex-direction: column;
    }

    .filedsdata {
        gap: 15px;
    }

    .filedsdata {
        padding-bottom: 15px;
    }

    .filedsdata input,
    .fileds input {
        width: 100%;
    }

    .logindata{
        height: auto;
        max-width: 70%;
    }

    .filedsdata input,
    .fileds input {
        max-width: 100%;
        width: 100%;
    }

    .filedsdata {
        max-width: 100%;
        width: 100%;
    }

    .condistions {
        padding-top: 20px;
    }

    button.closeloginpoup img {
        max-width: 30px;
    }

    section.pouplogin .title ul li {
        font-size: 16px;

    }

    .content-service p {
        padding-bottom: 20px;
    }

    .servicesform-data {
        padding: 20px;
    }

    section.service-section.showpoup {
        padding: 20px;
    }

    section.servicesform-value .title h2 {
        font-size: 30px;
        line-height: 45px;
        max-width: 100%;
        padding-bottom: 30px;
    }

    section.Diesel_repair {
        padding: 30px 0px;
    }

    .insertdata textarea {
        padding: 10px;
    }

    section.map .contentdata {
        max-width: 720px;
    }

    .ourplan-cart .price span sup {
        font-size: 25px;
    }

    .ourplan-cart .price span {
        font-size: 45px;
    }

    .planbody ul {
        height: auto;
    }

    .joinus {
        margin-top: 25px;
    }

    header.adminheader nav ul {
        flex-wrap: wrap;
        justify-content: flex-start;
        gap: 10px;
    }

    section.roadside .container .connect {
        padding-left: 0px;
    }

    .persnalpage .content-data {
        padding: 30px;
    }

    .servicematch .content-data h2 {
        font-size: 25px;
    }

    .servicematch .content-data {

        padding: 20px;
        padding-top: 30px;
    }

    .servicematch .content-data h2 {
        font-size: 20px;
    }

    section.plan.cart {
        padding-top: 0px;
    }

    section.homesection .swiper.mySwiper {
        height: 400px;
    }

    .choseyourcategory {
        padding-top: 20px;
    }

    .uploadimg input {
        max-width: 400px;
    }

    .preview {
        padding: 25px;
    }

    .content-perchage {
        gap: 80px;
    }

    .choice-data span.connect {
        padding: 8px 0px;
    }

    section.aboutus-content {
        padding: 50px 0px;
    }

    section.aboutus-content.Diesel_repair .content {
        flex-direction: column;
        gap: 10px;
    }

    section.aboutus-content.Diesel_repair .about-usimg {
        max-width: 100%;
        width: 100%;
    }

    .aboutcontentdata {
        max-width: 100%;
        width: 100%;
    }

    section.aboutus-content.Diesel_repair .content:nth-child(even) {
        flex-direction: column;
        gap: 10px;
    }

    section.aboutus-content.Diesel_repair .maintitle {
        padding-bottom: 10px;
    }

    section.aboutus-content {
        padding: 40px 0px;
    }

    section.roadside.about-us {
        height: 200px;
    }

    .row-data {
        gap: 35px;
    }

    header.adminheader {
        padding-top: 0px;
        transform: translateX(-230px);
    }

    header.adminheader .logo a img {
        display: none;
    }

    header.adminheader .logo a img.mobilelogo {
        display: block;
        max-width: 45px;
    }

    header.adminheader nav {
        padding-top: 10px;
    }

    .adminheader .logo {
        justify-content: flex-end;
    }

    .topheader {
        padding-left: 80px !important;
    }

    section.plan.cart.leftpadding {
        padding-left: 80px !important;
    }

    button.openmobile {
        display: block;
    }

    .buttons {
        display: none;
    }

    .adminheader .logo {
        justify-content: flex-end;

        flex-direction: column;
        gap: 10px;
        width: 100%;
        max-width: 45px;
        margin-left: auto;
        justify-content: space-between;
    }

    .logo button.mobilemenuopen {
        display: block;
    }

    header.adminheader .logo a img {
        max-width: 150px;
    }

    button.closemobile img {
        max-width: 40px;
        margin-left: auto;
        display: block;
    }

    header.custom .logo {
        justify-content: space-between;
    }

    header.custom .logo button {
        filter: invert(0);
    }

    .row-data.w-100 .choseyourcategory {
        flex-wrap: wrap;
    }

    .row-data.w-100 .choseyourcategory .category {
        max-width: 80%;
    }

    form.w-100 input[type="submit"] {
        margin: 0 auto;
        margin-top: 20px;
        margin-bottom: 30px;
        height: 45px;
    }

    .row-data.w-100.active {
        height: auto;
    }

    .row-data.w-100.active .choseyourcategory {
        gap: 0px;
    }
    .bodypoup{
        flex-direction: column;
        gap: 10px;
    }
    .bodypoup{
        padding: 15px;
    }
    section.sample .info{
        padding: 0px;
    }
   
    section.sample.showpoup {
        overflow: auto;
    }
    button.closepoup{
        right: 5px;
        top: 8px;
    }
    .info-pack{
        max-width: 575px;
    }
    .headerpopup{
        background-color: #000;
    }
    .mainformdata{
        flex-direction: column;
        height: auto;
        gap: 0px;
    }
    .formlogin,
    .mainformdata .title{
        max-width: 100%;
    }
    .formlogin{
        padding: 25px;
        background-color: #fff;
    }
    button.closeloginpoup{
        z-index: 99;
    }
    .choice {
        /* flex-direction: column; */
        flex-direction: row;
        gap: 13px;
        padding-bottom: 0px;
    }
    .fileds{
        margin: 8px 0px;
    }
    .formlogin form h2{
        font-size: 22px;
        line-height: 30px;
        margin-top: 0px;
        margin-bottom: 5px;
    }
    section.pouplogin .title ul{
        padding-top: 20px;
    }

    .table-responsiv table.table thead.table-dark tr th{
        padding: 15px 0px;
    }
    .table-responsiv table.table tbody tr td p,
    .table-responsiv table.table tbody tr td button{
        padding: 6px 0px;
    }
    .table-responsiv table.table tbody tr td{
        padding: 10px;
    }
    section.userprofile .form-card{
        padding-left: 0px;
    }
    .joinus input, .joinus a {
        padding: 10px;
        font-size: 12px;
    }
    section.userprofile .profile span.text-black-50 {
        overflow-wrap: break-word;
    }
    .opeingingtime {
        flex-direction: column;
        gap: 20px;
    }
    .working_box .working_hours h4 {
        font-size: 20px;
        margin-bottom: 10px;
    }
    .working_hours {
        margin-bottom: 10px;
    }
    .company_profile h4, .company_profile h5, .company_profile h6, .company_profile h1, .company_profile h2, .company_profile h3 {
        font-size: 18px;
        margin-bottom: 10px;
    }
    .open-content {
        width: 100%;
    }
    .working_box {
        max-width: 100%;
    }
    .Availability-data .cart-Availability .cart-body h3 {
        font-size: 16px;
    }
}

@media(max-width:767px) {
    .planbody ul {
        margin-bottom: 20px;
    }
    .headerpopup h2{
        max-width: 400px;
        margin: 0 auto;
    }
    header.custom nav ul {
        padding-top: 25px;
    }

    .footerend p,
    .last p a,
    .last p,
    .footerdetaikls .link a,
    .footerdetaikls .link p {
        margin: 0 auto;
    }

    .footerdetaikls .link {
        padding-bottom: 20px;
    }

    .footerdetaikls .link:last-child {
        padding-bottom: 0px;
    }

    section.servicesform .title h2 {
        font-size: 25px;
        line-height: 35px;
    }

    .getintouch span {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .filetds .insertdata input {
        height: 35px;
    }

    .insertdata textarea {
        height: 60px;
    }

    .choice {
        flex-direction: column;
        gap: 8px;
        padding-bottom: 20px;
    }

    .choicecatdata .button {
        gap: 15px;
    }

    section.service-section.showpoup {
        padding: 20px;
    }

    section.servicesform-value .title h2 {
        font-size: 25px;
        line-height: 35px;
        padding-bottom: 20px;
    }

    section.map .contentdata {
        max-width: 520px;
    }

    .ourplan-cart .price span sup {
        font-size: 20px;
    }

    .ourplan-cart .price span {
        font-size: 40px;
    }

    .joinus {
        margin-top: 25px;
       
        gap: 15px;
    }

    .opeingingtime {
        flex-direction: column;
    }

    .open-content {
        max-width: 100%;
        width: 100%;
        padding-bottom: 30px;
    }

    .info p {
        max-width: 100%;
        width: 100%;
    }

    .day-time {
        margin-right: auto;
    }

    .list1 img {
        max-width: 80px;
    }

    .service-list {
        flex-direction: column;

    }

    .list1 {
        justify-content: flex-start;
        padding-bottom: 10px;
        max-width: 300px;
        margin: 0 auto;
        width: 100%;
    }

    section.plan.cart {
        padding-top: 0px;
    }

    .multipleform {
        flex-direction: column;
        gap: 8px;
    }

    .multipleform .value {
        max-width: 100%;
        width: 100%;
    }

    .maplocation iframe {
        height: 200px;
    }

    .fullfilcondistion input[type="checkbox"] {
        margin: 0;
        height: 20px;
        width: 20px;
    }

    .fullfilcondistion {
        display: flex;
        align-items: center;
        gap: 8px;
        margin-bottom: 10px;
    }

    .uploadimg input {
        max-width: 300px;
    }

    .content-perchage {
        gap: 50px;
    }

    .choice-data span.top,
    .choice-data span.connect,
    .content-perchage,
    .price .content span,
    .choice-data p {
        padding-left: 15px;
        padding-right: 15px;
    }

    .choice-data span.connect {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    section.aboutus-content {
        padding: 40px 0px;
    }
    .ourplan-cart{
        max-width: 70%;
    }
    .choice {
        /* flex-direction: column; */
        flex-direction: row;
        gap: 13px;
        padding-bottom: 0px;
    }
    section.userprofile .profile{
        padding-right: 0px;
        padding-top: 0px;
        padding-bottom: 20px;
        border-right: none;
        border-bottom: 1px solid #c4c4c4;
    }
    .service-information h2, .user-info h2{
        padding-left: 0px;
        padding-top: 20px;
        padding-bottom: 0px;
    }
    .service-information{
        padding: 0px;
        border: none;
    }
    .service-information{
        border-top: 1px solid #c4c4c4;
        margin-top: 15px;
    }
    .service-information .table-responsiv.table-responsive{
        padding: 0px;
        padding-top: 20px;
    }
    section.userprofile .profile{
        gap: 6px;
    }
    section.userprofile .profile{
        padding-bottom: 30px;
    }
    .repair {
        max-width: 100%;
    }
    section.Diesel_repair h2 {
        font-size: 22px;
    }
    section.Diesel_repair p {
        text-align: justify;
    }
    .company_profile p a {
        overflow-wrap: break-word;
    }
    .Availability .range > div {
        width: 46%;
    }
    .working_box .working_hours h4, .info.data h2, .company_profile h4, .company_profile h5, .company_profile h6, .company_profile h1, .company_profile h2, .company_profile h3 {
        font-size: 18px;
        margin-bottom: 10px;
        padding: 0;
    }
    .working_hours {
        border: none;
        padding: 0;
    }
    .open-content {
        padding-bottom: 0;
    }
    .info h2 {
        max-width: 400px;
    }
    .info.data h3 {
        font-size: 16px;
        margin: 10px 0 10px;
    }
    #heading {
        font-size: 20px;
        line-height: 1.5;
    }
    .form-multistep p {
        font-size: 13px;
        line-height: 1.5;
        padding-bottom: 5px;
    }
    #msform {
        margin-top: 10px;
    }
    #msform h3 {
        font-size: 16px;
    }
    .getlocation-time {
        padding: 0;
    }
    #msform .openingtime input[type='radio'] {
        margin: 0 8px;
    }
    .time label {
        white-space: normal;
    }
    .form-card {
        overflow: hidden;
    }
    #msform .openingtime label {
        font-size: 12px;
    }
    .servicetext {
        font-size: 15px;
    }
    .Availability-data .cart-Availability .cart-body h3 {
        font-size: 14px;
    }
}

@media(max-width:660px) {
    .getvalue {
        flex-direction: column;
        justify-content: center;
        margin: 0 auto;
        max-width: 300px;
        padding-top: 20px;
    }

    .databanner {
        padding: 0px 20px;
    }

    .choicecatdata {
        max-width: 400px;
    }

    section.service-section.showpoup {
        padding: 20px;
    }

    .topheader .serch {
        max-width: 350px;
    }

    .topheader .home {
        display: none;
    }

    .topheader {
        justify-content: center;
    }

    .serchinpit {
        padding: 5px 10px;
    }

    .topheader .serch button {
        font-size: 18px;
    }

    .row-data.w-100 .choseyourcategory .category {
        max-width: 95%;
    }
    .logindata{
        max-width: 95%;
    }
}

@media(max-width:575px) {
    section.pouplogin.showpoup{
        overflow-y: scroll;
    }
    .logo a img {
        max-width: 150px;
    }

    .filetds {
        flex-direction: column;
    }

    .filetds .insertdata {
        max-width: 100%;
        width: 100%;
    }

    input[type="checkbox"] {
        width: 25px;
        height: 15px;
    }

    .choice1 {
        display: flex;
        align-items: center;
    }

    .rember {
        display: flex;
        align-items: center;
    }

    .choice input[type="radio"] {
        transform: scale(1);
    }

    .choice label {
        padding-left: 8px;
    }

    .formlogin .tab-content input[type="submit"] {
        margin-top: 30px;
    }

    .logindata {
        height: 740px;
    }

    .servicesform-data form .username {
        flex-direction: column;
    }

    .servicesform-data form .username input,
    .servicesform-data form .username .fileds {
        max-width: 100%;
        width: 100%;
    }

    .servicesform-data form .username {
        gap: 0px;
    }

    section.service-section.showpoup {
        padding: 15px;
    }

    .servicesform-data {
        max-width: 400px;
    }

    section.map .contentdata {
        padding-left: 15px;
        padding-right: 15px;
    }

    section.auto-connect .connect .content-data p {

        line-height: 20px;
    }

    .joinus {
        margin-top: 25px;
        flex-direction: row;
        gap: 15px;
    }

    .ourplan-cart .price {
        padding: 10px 0px;
    }

    section.plan h1 {
        font-size: 19px;
    }

  

    .list1 img {
        max-width: 60px;
    }

    section.plan.cart {
        padding-top: 0px;
    }

    section.homesection .swiper.mySwiper {
        height: 350px;
    }

    section.homesection .mySwiper .swiper-wrapper .swiper-slide img {
        height: 80%;
    }

    section.homesection .mySwiper .swiper-wrapper .swiper-slide {
        background-position: center;
    }

    .getlocation-time {
        padding: 0px;
    }

    .uploadimg {
        flex-direction: column-reverse;
        gap: 12px;
    }

    .uploadimg input {
        height: 40px;
        max-width: 100%;
        width: 100%;
    }

    .uploadimg label {
        text-align: center;
    }

    .sendmessage .message textarea {
        height: 150px;
    }

    .content-perchage {
        gap: 30px;
        padding-bottom: 30px;
    }

    section.roadside {
        background-position: center;
    }

    .persnalpage .content-data {
        padding: 10px;
    }

    .openingtime {
        gap: 15px;
    }

    .time select {
        max-width: 150px;
    }

    .form-card {
        margin-top: 20px;
    }

    .form-multistep p {
        line-height: 22px;
    }

    #heading {
        font-size: 20px;
    }

    section.plan.cart.leftpadding {
        padding-top: 0px;
    }

    .plansdata {
        padding-top: 0px;
    }

    .tablist ul {
        flex-direction: column;
        gap: 15px;
        justify-content: center;
    }

    .tablist ul li {
        text-align: center;
    }

    .row-data.w-100.active .fullfilcondistion {

        padding: 10px !important;
        height: 50px !important;
    }
    .truck img{
        max-width: 250px;
    }
    .info-pack{
        max-width: 400px;
        width: 100%;
        margin-top: 15%;
    }
    section.sample .info{
        padding: 0px;
    }
    .headerpopup h2{
        padding-left: 15px;
        padding-right: 15px;
    }
  
    .ourplan-cart{
        max-width: 95%;
    }
    .row-data{
        padding-left: 0px;
        padding-right: 0px;
    }
    .headerpopup h2{
        max-width: 329px;
    }
    .planbody{
        padding: 15px;
    }
    section.plan.cart.leftpadding {
        padding-left: 68px !important;
    }
    .joinus a{
        margin: 0px;
    }
    .formlogin{
        padding: 15px;
    }
    .logindata{
        margin-top: 10%;
    }
    .service-information h2, .user-info h2{
        font-size: 18px;
    }
    section.userprofile .profile span.font-weight-bold{
        font-size: 18px;
    }
    section.userprofile .profile span.text-black-50{
        font-size: 14px;
    }
    section.userprofile .user-info .user-fileds .form-card .form-data, section.userprofile .user-info .user-fileds .form-card .multipleform{
        margin-top: 15px;
    }
    section.userprofile .user-info .user-fileds .form-card .multipleform{
        gap: 15px;
    }
    .service-information .table-responsiv.table-responsive,
    .service-information h2, .user-info h2{
        padding-top: 15px;
    }
    section.userprofile .user-info .user-fileds .form-card{
        margin-top: 15px;
        padding-right: 0;
    }
    
    .time {
        flex-direction: column;
        align-items: center;
        gap: 10px;
    }
    .form-multistep .time p, .form-multistep .time p input, .getlocation-time h2, .form-multistep p {
        text-align: center;
    }
    section.Diesel_repair h2 {
        padding-bottom: 10px;
        font-size: 18px;
    }
    section.Diesel_repair p {
        font-size: 13px;
        line-height: 20px;
    }
    section.homesection .location {
        padding: 4px 10px;
    }
    .location.category select {
        padding: 8px 0;
        font-size: 14px;
    }
    #msform h2 {
        font-size: 18px;
    }
    .Availability-data .cart-Availability {
        max-width: 100%;
    }
    section.map {
        padding: 0;
    }
    .Availability .range {
        max-width: 100% !important;
        width: 100% !important;
        overflow: hidden !important;
    }
    .Availability .range input {
        max-width: 100% !important;
        width: 100% !important;
    }
    .forgot_wrapper {
        padding: 20px;
    }
    .forget_password_box {
        padding: 80px 0;
    }
    .forgot_wrapper label {
        font-size: 22px;
        line-height: 1.5;
        margin-bottom: 10px;
    }
    .plansdata {
        padding-top: 10px;
    }
    #progressbar li:after {
        display: none;
    }
    #progressbar li {
        width: 100%;
    }
    #msform input, #msform textarea {
        padding: 4px;
    }
    .Availability-data {
        height: auto !important;
    }
}

@media(max-width:428px) {
    .tab-content.plansdata .row #paypal-button-container {
        height: 35px !important;
        padding: 0;
    }
    .sendmessage .message textarea {
        height: 100px;
    }
  
    .getintouch form img {
        max-width: 150px;
    }

    .getintouch form input[type="submit"] {
        padding: 0px 40px;
    }

    .servicesform-data {
        max-width: 360px;
    }

    section.plan.cart {
        padding-top: 0px;
    }

    .content-perchage {
        flex-direction: column;
        gap: 8px;
    }

    .serchinpit input {
        font-size: 15px;
    }

    .form-card {
        padding: 8px;
    }

    ul#progressbar {
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 15px;
    }

    .headerpopup h2{
        max-width: 350px;
        margin: 0 auto;
    }
    .info-pack{
        max-width: 380px;
        width: 100%;
    }
    .headerpopup h2{
        max-width: 290px;
    }
    section.Diesel_repair h2 {
        font-size: 17px;
    }
    section.Diesel_repair p {
        font-size: 12px;
        line-height: 18px;
    }
    .Availability .range > div {
        width: 100%;
    }
    .Availability .range select {
        max-width: 100%;
    }
    .content-service h2 {
        font-size: 18px;
        padding-bottom: 5px;
    }
    .content-service p {
        font-size: 12px;
        padding-bottom: 4px;
    }
    .fileds {
        margin: 2px 0;
    }
    .servicesform-data form label {
        font-size: 12px;
    }
    .servicesform-data form .fileds input {
        height: 34px;
        font-size: 12px;
    }
    .servicesform-data form .fileds {
        padding-bottom: 4px;
    }
    .choicecatdata {
        max-width: 320px;
    }
    .content-service h2 {
        font-size: 20px;
        padding-bottom: 6px;
    }
    .choicecatdata .button button {
        font-size: 12px;
        max-width: 120px;
        padding: 2px;
        height: 40px;
    }
    .choicecatdata .button button a {
        padding: 7px 0;
        font-size: 12px;
    }
    .servicesform-data {
        max-width: 300px;
        padding: 10px 10px;
    }
    .servicesform-data form .fileds textarea {
        font-size: 12px;
        padding: 4px 10px;
    }
    button.skip.autoc a, section.service-section .sumitdata input[type="submit"] {
        font-size: 12px;
    }
    .submitpopup .formsubmit {
        max-width: 300px;
        padding: 20px;
    }
    .submitpopup .formsubmit p {
        font-size: 16px !important;
        font-weight: 500 !important;
        margin-bottom: 10px !important;
    }
    .submitpopup .formsubmit button {
        font-size: 12px !important;
        padding: 6px 16px !important;
        font-weight: 500 !important;
    } 
    header.custom .logo span.custom-logo-link {
        max-width: 140px;
    }
    .databanner h1 {
        font-size: 20px;
        line-height: 28px;
        margin-bottom: 5px;
    }
    section.homesection .databanner p {
        font-size: 14px;
        line-height: 1.5;
    }
    .location input {
        padding: 5px 0;
        font-size: 12px;
        padding-right: 30px;
    }
    .location.category select {
        padding: 6px 0;
        font-size: 12px;
    }
    .last p a, .last p {
        font-size: 12px;
        line-height: 1.5;
    }
}

@media(max-width:375px) {
    section.servicesform-value .getintouch form input[type="submit"] {
        margin-left: 8px;
    }
}