/* Large Mobile :480px. */

@media only screen and (min-width: 321px) and (max-width: 767px) {
    .logo {
        width: 130px;
    }

    header .top-r {
        display: none;
    }

    .banner-img {
        height: 500px;
    }

    .banner-img img {
        height: 100%;
        object-fit: cover;
    }

    .banner-content {

        padding: 0 1rem;
        width: 100%;
    }

    h1 {
        font-size: 30px;
    }

    .text span {

        font-size: 12px;

        padding: 0 5px;
    }

    .explore a {
        font-size: 13px;
    }

    .about-home div[class*='col'] {
        width: 100%;
    }

    .title-green {
        font-size: 25px;
        line-height: 30px;
    }

    h2.title {
        font-size: 25px;
        line-height: 30px;
    }

    .abt-img {
        margin-bottom: 2rem;
    }

    .sub-title {
        font-size: 18px;
    }

    .rm-btn {
        font-size: 13px
    }

    .enquiry div[class*='col'] {
        width: 100%;
    }

    .highlights {
        background: #2e827a;
        padding: 0 0.5rem;
    }

    .title-small {
        font-size: 22px;
    }

    .highlights * {
        color: #fff !important;
    }

    .grid-area {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 4rem;
    }

    .services div[class*='col'] {
        width: 100%;
    }

    .testimonials div[class*='col'] {
        width: 100%;
    }

    .pat-img {
        display: none;
    }

    .test-card {
        padding: 1rem 0;
        border-radius: 2rem;
        background: #fff;
    }

    .testimonials {
        height: auto;
    }

    .grid {
        display: flex;
        flex-wrap: wrap;
    }

    footer div[class*='col'] {
        width: 100%;
    }

    .f-logo {
        width: 250px;
    }

    footer .row {
        display: block;
    }

    .nav-link.active {
        position: relative;
        color: #000 !important;
    }

    .nav-link.active::before {
        display: none;
    }

    .banner-inner .banner-img {
        height: 190px;
    }

    .counter-section {
        padding: 0 0.5rem;
    }

    .service-box:nth-child(odd) {
        flex-direction: column;
    }

    .service-box {
        flex-direction: column;
    }
    .service-box h2{font-size: 25px;}

    html,body{overflow-x: hidden;}
}