@media (max-width: 1199px) {

    /* all header section  */
    .container {
        width: 950px;
    }

    .head-sec {
        padding: 25px;
    }

    .logo a {
        flex: 0 0 105px;
        max-width: 105px;
        /* margin-right: 37px; */
    }

    nav ul li a {
        font-size: 23px;
    }

    nav ul li {
        margin-right: 37px;
    }

    .log-res-btn ul li a {
        padding: 0 25px;
        line-height: 45px;
    }



    /* ends  */

    /* index.html service page  */
    .services {
        padding: 35px 20px;
    }

    .cards {
        gap: 31px;
    }

    .card {
        flex: 0 0 296px;
        max-width: 296px;
    }

    /* ends  */

}

@media(max-width : 991px) {
    .container {
        width: 750px;
    }

    /* all header  */
    .head-sec {
        padding: 20px;
    }

    .logo a {
        flex: 0 0 80px;
        max-width: 80px;
    }

    nav ul li a {
        font-size: 15px;
    }

    nav ul li {
        margin-right: 30px;
    }

    .log-res-btn ul li a {
        padding: 0 18px;
        line-height: 36px;
        font-size: 18px;
    }

    /* ends  */


    /* index.html hero sec  */

    .hero {
        padding: 40px 0px;
    }

    h1 {
        font-size: 32px;
    }

    /* ends  */

    /* index.html service sec strats  */

    .services {
        padding: 35px 0px;
    }

    .cards {
        gap: 25px;
    }

    .card {
        flex: 0 0 233px;
        max-width: 233px;
    }

    /* ends  */

    /* footer  common */

    .footer_part_one h3,
    .footer_part_one p,
    .footer_part_one span {
        font-size: 18px;
    }

    footer {
        padding: 30px 0px;
    }

    .footer_part_one h3,
    .footer_part_one p,
    .footer_part_one span {
        padding-bottom: 0px;
    }

    .footer_part_one p,
    .footer_part_one span {
        margin-bottom: 5px;
    }

    .footer_buttom_one {
        padding: 20px 0px;
    }

    .soci_list li a {
        padding: 7px;
    }

    .whatsapp-button {
        width: 45px;
        height: 45px;
        bottom: 5px;
        right: 5px;
    }

    /* ends  */


    /* About.html about sec  */

    .about-section {
        padding: 40px 0px;
    }

    .tagline {
        margin: 10px 0 25px 0;
        font-size: 1rem;
    }

    .about-content h2 {
        font-size: 20px;
    }

    /* ends here  */



}

@media(max-width :767px) {
    .container {
        width: 100%;
        padding: 0 15px;
    }

    /* all header  */
    nav,
    .log-res-btn {
        display: none;
    }

    .hamburger {
        display: flex;
    }

    .mobile-menu.active {
        display: block;
    }

    .head-sec {
        padding: 15px;
    }

    .logo a {
        flex: 0 0 75px;
        max-width: 75px;
    }

    h1 {
        font-size: 25px;
        margin-bottom: 10px;
    }

    /* header ends here  */

    /* footer common  */

    footer {
        padding: 25px 0px;
    }

    .footer_part_one h3,
    .footer_part_one p,
    .footer_part_one span {
        font-size: 15px;
    }

    .footer_part_one h3 {
        margin-bottom: 5px;
    }

    footer {
        padding: 25px 0px;
    }

    .Copyright p {
        font-size: 10px;
    }

    .soci_list li a {
        font-size: 13px;
    }

    .whatsapp-button {
        width: 36px;
        height: 36px;
    }

    /* footer end  */

    /* index.html service section  */
    .cards {
        gap: 20px;
    }

    /* ends  */


    /* now nav items   */

    /* in about.html about-sec  */
    .about-content h2 {
        font-size: 15px;
    }

    .tagline {
        margin: 10px 0 16px 0;
        font-size: 13px;
    }

    .about-content p,
    .about-content ul {
        font-size: 13px;
        margin: 5px 0;
    }

    .offer-grid {
        margin: 18px 0;
    }

    .about-section {
        padding: 30px 0px;
    }


    /* end  */

    /* contact.html  */


    .service-section clearfix {
        padding: 35px 0;
    }

    .address {
        font-size: 15px;
    }

    .contact {
        padding: 30px 10px;
    }

    .map-container {
        margin-top: 1em;
        border-radius: 10px;
    }

    /* ends  */

}

@media(max-width :479px) {
    .container {
        width: 100%;
    }

    /* header  */
    .logo a {
        flex: 0 0 60px;
        max-width: 60px;
    }

    .head-sec {
        padding: 10px;
    }

    /* ends her  */




    /*  index.html hero sec  */
    h1 {
        font-size: 20px;
    }

    .hero {
        padding: 30px 0px;
    }

    /* ends  */




/* index.html service sec  */
.services {
    padding: 30px 0px;
}
.card {
    flex: 0 0 220px;
    max-width: 220px;
}
/* ends  */




/* footer  */


footer {
    padding: 20px 0px;
}

.footer_buttom_one {
    padding: 10px 0px;
}
.Copyright p {
    font-size: 7    px;
}

.soci_list li a {
    font-size: 10px;
}
.whatsapp-button {
    padding: 6px;
}

/* ends  */



}