@media (max-width: 1100px) {
    nav #menuList {
        position: absolute;
        top: 85px;
        left: 0;
        right: 0;
        flex-direction: column;
        text-align: end;
        background-color: #0facdc;
        backdrop-filter: blur(100px);
        gap: 2px;
        overflow: hidden;
        align-items: end;
        height: 300px;
    }

    nav div a {
        padding: 10.8px 1.5rem;
    }


    nav #toggle-btn {
        position: relative;
        right: 1.5rem;
    }

    nav .menu-icon {
        display: block;
        cursor: pointer;
    }

    nav #menuList {
        transition: .5s ease;
    }

    nav {
        padding: 1rem;
    }
}

@media (max-width: 940px) {
    .home-sec .home {
        height: auto;
        display: block;
        flex-direction: column-reverse;
    }

    .floating-boxes {
        height: 460px;
    }

    .box1, .box2, .box3 {
        left: auto !important;
        right: auto !important;
        transform: translateX(-50%);
    }

    .box1 { top: 90px; left: 200px; }
    .box2 { top: 200px; left: 150px; }
    .box3 { top: 350px; left: 20px; }

/* About */

#about .about-sec .content {
    flex-direction: column-reverse;
    margin-bottom: 2rem;
}

/* hireMe */

.hire-parent .flex .paragraph p {
    width: auto;
}

 .hire-parent .title-name {
        padding: 3rem 1.5rem;
    }

    .hire-parent .flex {
        padding: 0 1.5rem;
    }

    .hire-parent .btn {
        margin-top: .5rem;
        margin-bottom: 2rem;
    }


}


@media (max-width: 550px) {

    .home-sec .home {
        padding: 3rem 1.5rem;
    }

    #about .about-sec .content {
        padding: 3rem 1.5rem;
    }

    #about .about-side .content {
        padding: 0;
    }

    .home-sec .home .heading .btn a:nth-child(2) {
        margin: 2rem 0;
        display: block;
        width: 180px;
    }

    .review-sec .flex-card  {
        padding: 0 2rem;
    }

    .map-sec .map-container iframe  {
        height: 300px;
    }

    /* Footer */

    .footer-legal a {
        margin: 2rem 0;
    }
}

@media (max-width: 430px) {
    .home-sec .home .heading h1 {
        font-size: 3.2rem;
    }

    .home-sec .home .heading .para p {
        font-size: 1.1rem;
        width: auto;
    }

    /* about */

    #about .about-sec .para h1 {
        font-size: 1.9rem;
    }

    #about .about-sec .content .head h1 {
        font-size: 1.8rem;
    }

    #about .about-sec .content .head p {
        width: auto;
    }  

    /* feature */

    .feature-sec .para h1 {
        font-size: 2.2rem;
        padding: 0 1rem;
    }

    /* Review */

    .review-sec .para h1 {
        font-size: 2.4rem;
        padding: 0 1rem;
    }

    /* Contact */

    #contact .contact-sec .para h1 {
        font-size: 2.4rem;
        padding: 0 2rem;
    }

    #contact .contact-sec .contact-info {
        /* padding: 0 2rem; */
    }

} 

/* Contact */
@media(max-width: 900px) {
  #contact .contact-sec .contact-container {
    grid-template-columns: 1fr;
  }
}
/* Contact */