@media screen and (max-width: 768px) {
    .header-1 .toolbar-contact ul {
        flex-wrap: wrap;
    }
    .hed-2 {
        flex-wrap: wrap;
        padding: 6px 0;
    }
    .hed-2 .hed-2-nav {
        flex-wrap: wrap;
    }
    .hed-2 .hed-2-nav li {
        padding-left: 0;
        margin-right: 10px;
        line-height: 31px;
    }
    .head-sec h2 {
        font-size: 22px;
        line-height: 28px;
    }
    .live-chat-btn {
        display: none;
    }

    .wrapper {
        padding: 0 15px;
    }
    .section {
        padding: 50px 0;
    }

    .space-btw-jus {
        flex-wrap: wrap;
    }

    .banner {
        min-height: 440px;
    }
    .banner .banner-text {
        max-width: 100%;
        text-align: left;
        top: 5%;
        bottom: 0;
        padding: 40px;
        left: 0;
    }
    .banner-text h1 {
        font-size: 22px;
    }
    .banner-text p {
        font-size: 13px;
        line-height: 25px;
    }
    .section-1-boxs .sec-1-box img {
        width: 50px;
        margin-bottom: 7px;
    }

    .section-1-boxs .sec-1-box h3 {
        margin-bottom: 8px;
        font-size: 18px;
    }
    .contact-modal .contact-modal-bg {
        display: none;
    }

    .section-1-boxs .col {
        flex: none;
    }
    .section-1-boxs .sec-1-box {
        padding: 15px 20px;
    }
    .service-section .service-boxs {
        flex-wrap: wrap;
    }
    .service-section .service-boxs .service-white-content-box {
        width: 100%;
        padding: 30px;
    }
    .service-section .service-boxs .service-blue-content-box {
        width: 100%;
        padding: 30px;
    }
    .service-section .service-boxs .service-image-box {
        width: 100%;
    }
    .section-box-4 .col {
        flex: none;
    }
    .sec-5-box-1 h3 {
        font-size: 26px;
        padding-top: 0;
    }
    .sec-5-box-1 h4 {
        font-size: 19px;
        line-height: 31px;
        margin-top: 0px;
    }
    .sec-5-box-1 a {
        margin-top: 20px;
        margin-bottom: 30px;
    }
    .sec-5-uper-box-2 {
        margin-top: 0;
    }
    .inner-page-banner {
        min-height: 180px;
    }
    .inner-page-banner .inner-banner-text h1 {
        font-size: 20px;
        padding: 0 20px;
    }

    .section-6-head .btn-design {
        margin-top: 12px;
    }
    .section-box-6 .col {
        flex: none;
    }
    .sec-6-box {
        margin-bottom: 20px;
    }
    .sec-6-box h3 {
        font-size: 17px;
    }
    .inner-section-heading {
        font-size: 22px;
        margin-bottom: 10px;
        line-height: 28px;
    }

    .request-call-back-section {
        margin: 30px 0 30px 0;
        padding: 20px 20px;
    }

    .request-call-back-section h4 {
        font-size: 20px;
        max-width: 700px;
        margin-bottom: 20px;
    }

    .inner-page-section-3 .inner-page-sec-box {
        width: 100%;
    }
    .inner-page-why-choose-sec-box {
        width: 100%;
    }
    .inner-page-why-choose-sec-box h3 {
        font-size: 18px;
    }
    .inner-page-why-choose-sec-box p {
        font-size: 15px;
    }

    .section-2-boxs .sec-2-box-1 h3 {
        font-size: 22px;
        line-height: 32px;
    }
    .contact-form-box-1 {
        display: none;
    }
    .contact-form-box-2 {
        padding: 40px 40px;
    }
    .head-sec {
        margin-bottom: 30px;
    }
    .foot-box-2 h2 {
        font-size: 20px;
        margin-bottom: 13px;
    }

    .section-3-boxs .col {
        flex: none;
    }
    .section-3-boxs .sec-box-3 {
        padding: 18px 18px;
        min-height: auto;
        margin-bottom: 25px;
    }
    .foot-box-2 {
        padding-left: 0;
        margin-top: 40px;
    }
}
