@media (max-width: 1024px) {

        header .toggle {

            display: flex;

        }

        [nav].active {

            opacity: 1;

            visibility: visible;

        }

        [nav] {

            position: fixed;

            left: 0;

            right: 0;

            bottom: 0;

            top: 0;

            display: flex;

            align-content: space-between;

            flex-flow: column;

            width: auto;

            background: #fff;

            margin: 0;

            padding: 2rem 5rem;

            border-top: 0.2rem solid #eee;

            visibility: hidden;

            opacity: 0;

            overflow: auto;

            z-index: 3;

        }

        header [nav] ul {

            width: 100%;

            flex-flow: wrap;

            margin: auto 0;

        }

        header [nav] ul li {

            font-weight: 600;

            width: 100%;

            padding: 10px 0;

            text-align: center;

        }

        header [nav] ul li a {

            color: #000;

        }

        header [nav] ul li a:before {

            left: auto;

        }

        header [nav] ul li>.active:before {

            left: auto;

        }

        header [nav] #cta {

            margin: auto 0 0;

        }

        header #cta li {

            justify-content: center;

        }

        header [nav] ul li>.active:before {

            left: auto;

        }

        .inner .inner-box1 {

            width: 39%;

            top: 35px;

            right: 0px;

        }

        .inner .inner-box1 h2 {

            font-size: 21px;

        }

        .inner .inner-box1 h4 {

            font-size: 14px;

        }

        .train-sec .col1 ul li {

            font-size: 14px;

        }

        .inner .inner-box2 h2 {

            font-size: 21px;

        }

        .inner .inner-box2 h4 {

            font-size: 14px;

        }

        .col2 .vidBlk {

            padding-bottom: 103%;

        }

        .fleet-sec .col .fleet-inner {

            display: none;

        }

        .special-sec .flex .col2 {

            padding-left: 0;

        }

        .special-sec .flex .col2 ul li {

            padding: 0px 3px;

            padding-left: 29px;

        }

        .testimonials .owl-dots {

            justify-content: center;

            margin-top: 45px;

            margin-bottom: -10px;

            padding-right: 0;

            z-index: 2;

            display: flex;

            flex-wrap: wrap;

        }

        .login-9 .row .form-info {

            padding: 0 86px;

        }

        .testimonials .inner .icon i {

            margin-left: 0;

        }

        .testimonials .inner .lower .icon {

            margin-left: 6px;

        }

        /* form .document .uploadImg {

            margin: 0 27px;

        } */

        .apply-content .contain .flex .col2 {

            max-width: 80%;

        }

        footer .contain>.flexRow {

            display: block;

        }

        footer .contain>.flexRow {

            display: inline-table;

        }

        footer .contain>.flexRow>.col {

            width: calc(100%/2);

            display: inline-block;

        }

        .rank .contain .flex .col {

            width: calc(100%/2);

        }

        .mini-banner .drive-heading {

            margin-top: -33px;

        }

        .rank .flex .sec-cntnt {

            width: 61%;

        }

        .rank .contain .flex .col .inner {

            padding-top: 37px;

        }

        .testimonials .col .sec-heading {

            padding-right: 0;

        }

    }



    @media (max-width: 991px) {

        body section {

            padding: 6rem 0;

        }

        section .sec-heading h2 {

            font-size: 35px;

        }

        main .feature-sec .flex>.col {

            width: calc(100%/2);

        }

        main .feature-sec .flex>.col>.inner {

            padding: 10px 38px;

        }

        main .about-sec .flex {

            flex-direction: column-reverse;

        }

        main .about-sec .flex>.col {

            width: 100%;

        }

        main .about-sec .flex>.col2 .inner {

            padding: 10px 115px;

        }

        main .about-sec .flex>.col2 .inner .image {

            padding-bottom: 80%;

        }

        .inner .inner-box1 {

            padding: 16px;

            width: 32%;

            top: 35px;

            right: 5px;

        }

        .inner .inner-box2 {

            padding: 16px;

            width: 30%;

        }

        main .about-sec .flex>.col2 {

            padding-bottom: 20px;

        }

        main .train-sec .col {

            width: 100%;

        }

        main .train-sec .col1 {

            padding-bottom: 40px;

        }

        main .team-sec .flex .col1 {

            width: 100%;

            padding-bottom: 30px;

        }

        main .team-sec .flex .col2 {

            width: 100%;

        }

        main .fleet-sec .col {

            width: 100%;

        }

        main .fleet-sec .col2 {

            margin-top: 40px;

        }

        main .fleet-sec .image {

            padding-bottom: 74%;

        }

        main .fleet-sec .col2 .inner {

            padding-right: 0;

        }

        main .special-sec .sec-heading h2 {

            padding-right: 0;

        }

        /* about page */

        body .about-sec {

            padding: 6rem 0;

        }

        main .about-sec .contain>.flex>.col2 {

            padding-top: 0px;

        }

        .sec-group .flex .col {

            padding: 10px 0;

        }

        .sec-group .flex .col:nth-child(odd) {

            padding-right: 15px;

        }

        .sec-group .flex .col:nth-child(even) {

            padding-left: 15px;

        }

        .about-sec .contain>.flex>.col2 {

            padding-top: 30px;

        }

        .about-sec .contain>.flex>.col {

            width: 100%;

        }

        .about-sec .contain>.flex>.col2 .inner {

            padding: 10px 115px;

        }

        .about-sec .contain>.flex>.col2 .inner .image {

            padding-bottom: 80%;

        }

        .about-sec .contain .flex>.col1 .inner {

            padding-bottom: 0;

        }

        .inner .inner-box1 {

            padding: 16px;

            width: 32%;

            top: 35px;

            right: 5px;

        }

        .inner .inner-box2 {

            padding: 16px;

            width: 30%;

        }

        .col2 .vidBlk {

            padding-bottom: 60%;

        }

        .sec-ceo .flex {

            flex-direction: column-reverse;

        }

        .sec-ceo .flex>.col {

            width: 100%;

        }

        .sec-group .head .sec-heading {

            width: 100%;

        }

        .sec-group .head .sec-cntnt {

            width: 100%;

        }

        .sec-group .flex .col {

            width: calc(100%/2);

        }

        .sec-group .inside .cntnt p {

            padding-left: 10px;

        }

        .sec-cta .sec-heading h2 {

            font-size: 29px;

        }

        .special-sec .flex>.col {

            width: 100%;

        }

        main>.fleet-sec .contain>.flex {

            flex-direction: column-reverse;

        }

        .fleet-sec .flex>.col {

            width: 100%;

        }

        main>.fleet-sec .flex>.col2 {

            margin-bottom: 40px;

            margin-top: 0;

        }

        main .fleet-sec .flex>.col1 {

            margin-bottom: 0;

        }

        main .team-sec {

            padding: 6rem 0;

        }

        .fleet-sec .flex>.col1 {

            margin-bottom: 40px;

        }

        .fleet-sec .flex .col2 .inner {

            padding-right: 0;

        }

        .fleet-grid .contain .sec-heading {

            width: 100%;

        }

        .fleet-grid .contain .sec-cntnt {

            width: 100%;

        }

        .fleet-grid .contain .flex>.col {

            width: 100%;

            margin-bottom: 30px;

        }

        .fleet-grid .contain .flex>.col:nth-child(3) {

            margin-bottom: 0;

        }

        .testimonials .contain>.col1 {

            display: block;

        }

        .testimonials .col1 .sec-heading {

            width: 100%;

        }

        .testimonials .col1 .sec-cntnt {

            width: 100%;

        }

        .testimonials .inner .lower .icon {

            margin-left: 80px;

        }

        .training-sec .flex .col {

            width: 100%;

        }

        .training-sec .flex>.col1 {

            padding-right: 0;

            padding-bottom: 50px;

        }

        body .training-sec .inner-train-sec:nth-child(odd) {

            padding: 6rem 0;

        }

        body .training-sec .inner-train-sec:nth-child(even) {

            padding: 6rem 0;

        }

        body .training-sec .inner-train-sec:nth-child(even) .flex {

            padding: 0;

        }

        .training-sec .inner-train-sec:nth-child(even) .contain .flex .col1 {

            padding-right: 0px;

            padding-left: 0px;

        }

        .contact-sec .flex>.col {

            width: 100%;

        }

        .sec-choose .flex>.col .inside {

            padding: 20px 0px;

        }

        .mini-banner .drive-heading {

            width: 72%;

            margin-top: -35px;

        }

        .team-sec .col2 .inside {

            padding-bottom: 0;

        }

        #our-class .contain .flexRow>.col {

            width: 100%;

        }

        .learn .contain .flex>.col {

            width: 100%;

        }

        .learn .contain .flex>.col2 .inner {

            padding-left: 0;

            padding-top: 30px;

        }

        .apply-content .contain .flex>.col2 {

            max-width: 96%;

        }

        .login-9 .row .bg-image {

            display: none;

        }

        .login-9 .col-lg-6 {

            width: 100%;

        }

        .rank .contain .flex .col {

            width: calc(100%/2);

        }

        .rank .flex .sec-cntnt {

            width: 85%;

        }

        .fleet-grid .contain .flex>.col>.inside {

            padding: 0;

        }

        .sec-ceo .flex .col1 .inside {

            padding-right: 0;

            padding-top: 20px;

        }

        body .dizme_tm_services .service_list ul li {

            width: 100%;

        }

        .sec-nepts .flex .col {

            width: 100%;

        }

        .sec-nepts .flex .col1 .inside .image {

            padding-bottom: 50%;

        }

        .sec-nepts .flex .col2 .inside {

            padding-left: 0px;

            padding-top: 20px;

        }

        header .proIco {

            margin-right: 34px;

        }

    }



    @media(max-width: 512px) {
        .employee-of-the-mnth .contain .outer-cntnt {
            padding: 24px;
        }

        .employee-of-the-mnth .contain .employe-info {
            width: 100%;
            padding: 10px;
        }

        .employee-of-the-mnth .contain .work-info {
            width: 100%;
            padding-top: 24px;
            padding-left: 0;
        }

        section .sec-heading h2 {

            font-size: 27px;

        }

        main>section {

            padding: 5rem 0;

        }

        .topNav {

            display: none;

        }

        #banner .contain .content>h1 {

            font-size: 45px;

            letter-spacing: 0;

        }

        main .feature-sec .flex>.col {

            width: 100%;

        }

        main .feature-sec .flex>.col>.inner {

            padding: 7px 30px;

            border-bottom: 1px solid #ddd;

            margin-bottom: 16px;

        }

        main .feature-sec .flex>.col:nth-child(4) .inner {

            border-bottom: 0;

            margin-bottom: 0;

            padding-bottom: 0;

        }

        .col .inner .feature-text {

            padding-bottom: 10px;

        }

        .col:nth-child(4) .inner .feature-text {

            padding-bottom: 0;

        }

        main .about-sec {

            padding: 5rem 0;

        }

        .about-sec .contain>.flex>.col2 .inner {

            padding: 0px 0;

        }

        .about-sec .sec-cntnt #cta {

            margin-top: 16px;

            margin-bottom: 0px;

        }

        .inner .inner-box1 {

            display: none;

        }

        .inner .inner-box2 {

            display: none;

        }

        .train-sec .flex>.col1 {

            padding-right: 0;

        }

        main .team-sec .flex .col2 {

            display: block;

        }

        .team-sec .col2 .inside {

            padding-bottom: 0;

        }

        .team-sec .col .inside {

            padding: 10px 0;

        }

        .team-sec .col2 .inside {

            width: 100%;

        }

        .team-sec .col2 .inside .inner .image {

            padding-bottom: 80%;

        }

        .team-sec .flex .col2 .inside .inner .image img {

            object-position: top;

        }

        main .fleet-sec .col2 {

            margin-top: 0px;

        }

        .train-sec .flex .col1 .train-list {

            display: block;

        }

        .train-sec .flex .col1 ul li {

            width: 100%;

        }

        .fleet-sec .inner .fleet-inner {

            display: none;

        }

        .special-sec .flex .col2 ul li {

            display: block;

            padding: 0 30px;

        }

        .testimonials .col1 .sec-heading {

            padding-right: 0;

        }

        .testimonials .inner .name-profession .lower .name {

            font-size: 15px;

        }

        .testimonials .inner .lower .lower-cntnt .scale {

            font-size: 13px;

        }

        .testimonials .inner .lower .icon {

            margin-left: 50px;

        }

        footer .contain>.flexRow {

            display: block;

        }

        .sec-choose .contain .flex .col {

            width: 100%;

        }

        .sec-vision .contain .flex>.col {

            width: 100%;

            margin: 20px 0;

        }

        .sec-vision .contain .flex>.col:nth-child(3) {

            margin-bottom: 0;

        }

        .sec-vision {

            padding: 4rem 0;

        }

        body .about-sec {

            padding: 4rem 0;

        }

        body section {

            padding: 4rem 0;

        }

        .sec-cta .flex {

            justify-content: center;

        }

        body .team-sec {

            padding: 4rem 0;

        }

        .sec-cta .flex>.col {

            width: 100%;

        }

        .sec-cta .sec-heading h2 {

            font-size: 24px;

            text-align: center;

            margin-top: 0;

        }

        body .sec-cta {

            padding: 4rem 0;

        }

        .fleet-grid .contain .flex>.col>.inside {

            padding: 0;

        }

        .short-head h3 {

            font-size: 21px;

        }

        .short-head h4 {

            font-size: 16px;

        }

        .sec-group .flex .col {

            width: 100%;

            padding: 26px 0;

        }

        .sec-group .col .inside .image {

            padding-bottom: 100%;

        }

        .sec-group .col .inside .image img {

            object-position: top;

        }

        .sec-group .caption ul {

            margin-left: 76px;

        }

        .sec-ceo .flex>.col1 .inside .cntnt p {

            padding-right: 0px;

        }

        .about-sec .contain .flex>.col1 .inner {

            padding: 0;

        }

        .fleet-grid .contain .flex>.col:nth-child(3) {

            margin-bottom: 0;

        }

        body .training-sec .inner-train-sec:nth-child(even) .flex {

            padding: 4rem 0;

        }

        body .training-sec .inner-train-sec:nth-child(odd) {

            padding: 4rem 0;

        }

        .contact-sec .flex .col .fields {

            padding: 43px 24px;

        }

        .sec-choose .flex .col .inside {

            margin-bottom: 12px;

            background: #fff;

            border-radius: 10px;

        }

        .sec-vision .contain .flex>.col>.inside {

            padding: 0;

        }

        .mini-banner .drive-heading {

            width: 100%;

            margin-top: 0px;

        }

        .mini-banner .drive-heading h1 {

            font-size: 31px;

        }

        .rank .rank-head .sec-cntnt {

            width: 100%;

        }

        .rank .contain .flex .col {

            width: 100%;

        }

        .login-9 .row .form-info {

            padding: 0 46px;

        }

        .apply-content .contain .flex .col2 .inside {

            padding: 30px 7px;

        }

        .apply-content .contain .flex .col2 .half {

            display: block;

            padding-bottom: 0;

        }

        .apply-content .contain .flex .col2 .half .inner {

            width: 100%;

            margin-bottom: 20px;

        }

        form .document .uploadImg {

            margin-bottom: 28px;

        }

        footer .contain>.flexRow>.col {

            width: 100%;

        }

        .rank .contain .flex .col .inner {

            padding: 10px;

        }

        .rank .contain .flex .col:nth-child(4) .inner {

            padding-bottom: 0;

        }

        footer .col .footer-logo {

            width: 42%;

        }

        main .testimonials .item {

            padding-top: 25px;

        }

        .sec-group .flex .col:nth-child(odd) {

            padding-right: 0px;

        }

        .sec-group .flex .col:nth-child(even) {

            padding-left: 0px;

        }

        body .dizme_tm_services .service_list .icon {

            left: 13px;

            top: 7px;

        }

        body .dizme_tm_services .service_list ul li .list_inner {

            padding: 106px 0px 0px 16px;

        }

        main .request .blk .blockLst {

            overflow: auto;

        }

        main .request .blockLst>table {

            width: 600px;

        }

        main .form-request .inner {

            padding: 10px 1px;

        }

        main .form-request .form-inside {

            width: 90%;

        }

        main .holiday .blk .blockLst {

            overflow: auto;

        }

        main .holiday .blockLst>table {

            width: 600px;

        }

        main .holiday .inner {

            padding: 10px 1px;

        }

        main .holiday .form-inside {

            width: 90%;

        }

    }



    @media (max-width: 393px) {

        main .feature-sec .flex>.col>.inner {

            padding: 0px 20px;

        }

        .about-sec #cta ul li:nth-child(2) {

            display: none;

        }

        .special-sec .flex .col2 {

            padding-left: 0;

        }

        .sec-group .flex .col {

            padding: 20px 0px;

        }

        .mini-banner .drive-heading {

            width: 100%;

            margin-top: -9px;

        }

        .mini-banner .drive-heading a {

            display: none;

        }

        .rank-head .sec-heading h2 {

            font-size: 27px;

        }

        .sec-group .caption ul {

            margin-left: 92px;

        }

    }



    @media (max-width: 375px) {

        main #banner .content>h4 {

            font-size: 17px;

        }

        #banner .contain .content>h1 {

            font-size: 45px;

        }

        #banner #cta ul li {

            margin-bottom: 15px;

        }

        main .feature-sec .flex>.col>.inner {

            padding: 10px 10px;

        }

        .train-sec .flex .col1 .train-list {

            display: none;

        }

        .fleet-grid .contain .flex>.col>.inside {

            padding: 0 0px;

        }

        .sec-vision .contain .flex>.col>.inside {

            padding: 0 0px;

        }

        #banner .contain #cta ul li {

            padding-right: 0;

            display: block;

        }

        #banner .contain #cta ul li a {

            width: 100%;

        }

        .user-nav .proIco .proName {

            margin-left: 12px;

        }

        .user-nav .proIco {

            float: unset;

        }

    }



    @media (max-width: 360px) {

        main .feature-sec .flex>.col>.inner {

            padding: 10px 0px;

        }

        .sec-group .caption ul {

            margin-left: 80px;

        }

        .testimonials .inner .lower .icon {

            margin-left: 26px;

        }


    }