@media(max-width:768px) {
    .top_header {
        display: none;
    }

    .nav-wrap {
        margin-top: 0px;
    }

    .about-section-image.animate-on-scroll.active {
        height: 300px;
    }

    .about-section-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 10px;
    }

    .about-section {
        display: flex;
        grid-template-columns: repeat(12, 1fr);
        grid-template-rows: repeat(12, 1fr);
        padding-block: 1rem;
        background: linear-gradient(to top, #00100f, #5e9432);
        max-height: 1150px;
        /* margin-top: 30px; */
        flex-wrap: wrap;
    }

    .about-section-image.animate-on-scroll.active {
        height: 414px;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0 10px;
    }

    .about-section-text.animate-on-scroll.active {
        height: 460px;
        margin: 0px 10px;
        padding: 10px;
    }

    .about-section-text {
        grid-column: 6 / 13;
        grid-row: 3 / 11;
        background: #fff;
        padding: 10px 2rem;
        border-radius: 8px;
        margin: 0px 0px;
    }

    .location_section .content-box h4 {
        padding-right: 0px;
        margin-bottom: 5px;
    }

    .location_section .content-box p {
        padding-right: 0px;
    }

    ul.row.fejg_tri {
        flex-wrap: wrap;
        padding: 0px;
        justify-content: center;
    }

        ul.row.fejg_tri .col-md-2 {
            flex: 0 0 auto;
            width: 32.666667%;
            padding-bottom: 10px;
        }

        .operate-process {
    margin-bottom: 50px;
    margin-top: 25px;
}
    .operate-process li .h6-operate-title {
        font-size: 12px;
    }

    .hamburger .line {
        background-color: #333;
    }

    h2.about-section-heading.animate-on-scroll.active {
        margin: 15px 10px;
    }

    .location_section {
        padding: 15px 0px;
    }

    .efgvbhvj_tri {
        padding: 0px;
    }

    .img_overlay_content {
        height: 100%;
    }

        .img_overlay_content img {
            height: 100%;
        }

    .col-md-6.text-white.wow.fadeInUp.hdsgyh_tri.animated {
        padding: 0 15px;
    }

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

    .row.footer-main .col-4.offset-4 {
        margin: 0px;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 99px;
        width: 100%;
    }

    .col-4.offset-4 {
    }

    .row.footer-main .col-4.offset-4 img.img-fluid {
        height: 100%;
    }

    .animate-on-scroll[data-direction="bottom"] {
        transform: translateY(0px);
    }

    .location_section .content-box {
        display: block;
        padding-top: 60px;
        /* padding-left: 65px; */
    }

    .hjwgyh_tri {
        display: block !important;
        padding: 20px;
    }

    .nav-wrap.is-open .nav-list {
        opacity: 1;
        visibility: visible;
        padding-top: 10px !important;
        background: #fff;
    }

    .hfgv_tri {
        padding: 0px;
    }

    .jhevfg_tri {
        padding: 0px;
    }

    .ehjbfh_tri span {
        font-size: 12px;
        padding-top: 4px;
        padding: 0px;
    }

    .ehjbfh_tri {
        display: flex;
        padding: 7px 0px;
    }

    img.bdfgh_tri {
        width: 25px;
    }

    .overlay-content {
        /* text-align: center; */
        padding: 15px;
    }

    li.shfgy_tri {
        margin-top: 12px;
    }

    .about-img-left {
        margin-right: 0px;
    }

    img.uigfty_tri {
        right: 0px;
    }

    img.jsgbhg_tri {
        left: 0px;
    }

    .about-us-info-wrap {
        padding-top: 25px;
    }

    .bar {
        left: -98px;
    }

    .owl-nav {
        position: relative;
        /* left: -238px; */
        bottom: 0;
        right: 0px;
        top: 0px;
    }

    .owl-carousel.owl-theme.owl-loaded.owl-drag button.owl-prev {
        position: absolute;
        left: 0px;
        top: -170px;
    }

    .owl-carousel.owl-theme.owl-loaded.owl-drag button.owl-next {
        position: absolute;
        right: 0px;
        top: -170px;
    }

        .owl-carousel.owl-theme.owl-loaded.owl-drag button.owl-next:after, .owl-carousel.owl-theme.owl-loaded.owl-drag button.owl-prev:after {
            display: none;
        }

    .operate-flow {
        padding-bottom: 0px !important;
    }

    .align-new.esfgyg_tri {
        position: relative;
        left: 0px;
        background: #443e62;
        width: 100%;
        top: 0px;
        transform: none;
    }

    .col-lg-7.col-md-8.bg-white-new {
        background: none;
    }

    .footer_call::after {
        display: none;
    }

    .col-lg-6.col-md-6.col-sm-12.call_us_ft {
        text-align: center;
    }

    .col-lg-6.col-md-6.col-sm-12.request_btn {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    div#Home {
        /* width: 100%; */
        /* overflow-x: hidden; */
        margin: 0px !important;
    }

    .col-lg-12.px-0.jhsgbyhg_tri {
        margin: 0px !important;
        padding: 0px !important;
    }

    .col-lg-12.px-0.jhsgbyhg_tri {
        margin: 0px !important;
        padding: 0px !important;
        width: 100% !important;
    }

    .row.footer-main {
        margin: 0px;
    }

        .row.footer-main .col-10.offset-1 {
            padding: 0px 15px;
            width: 100%;
            margin: 0px;
        }

    .whyicon:after {
        left: 33px;
        top: 18px;
    }

    .section-title.text-center.mb-5.wow.fadeInUp {
        margin-bottom: 0px !important;
    }

    .operate-flow {
        padding-bottom: 12px !important;
    }

    section.gallery_section.sgfyg_tri:before {
        width: 100%;
        height: 90%;
    }
    section.home-commitments {
    padding: 40px 0 40px;
}
  .dkbdkd-ami {
    min-height: 225px;
}
  .hvsfgh_tri {
    flex-grow: 1;
}
    .contact-info {
        box-shadow: none;
        padding: 2.3rem 2.2rem;
    }
    .custom-model-inner {
        margin-top: 25px;
        padding: 0 10px;
    }
    .custom-model-wrap {
        padding-bottom: 10px;
    }
    .gfeyhgt_tri {
        height: 608px;
        overflow: auto;
    }
    .popup_section_tri {
        /* margin: auto; */
        width: 100% !important;
        background: white;
        padding: 25px 11px;
        border-radius: 5px;
        margin: 0px 11px !important;
    }
    .close-btn {
     
        right: 20px;
        
    }
    .owl-dots {
        text-align: center;
        display: none;
    }
}