/* responsive1 */
@media (max-width:1700px) {
    .hero {
        height: 70svh;
    }

    .heroImg {
        width: 350px;
    }

    .logoName {
        font-size: 7rem;
    }

    .small-heading {
        font-size: 4rem;
    }
    
    .main-heading {
        font-size: 3rem;
    }

    .overlay {
        padding: 3rem 4rem 6rem 4rem;
    }
}

/* responsive2 */
@media (max-width:1500px) {
    .hero {
        height: 75svh;
    }

    .heroImg {
        width: 280px;
    }

    .ipu-serviceRow {
        height: 100dvh;
    }

    .small-block {
        height: 80svh;
    }

    .big-block {
        height: 110svh;
    }

    .overlay {
        padding: 2rem 4rem 4rem 4rem;
    }
}

/* responsive3 */
@media (max-width:1359px) {
    .hero {
        height: 75svh;
    }
    
    .logo {
        width: 40%;
    }

    .navbar {
        width: 60%;
    }

    .hero {
        height: 50svh;
    }

    .heroImg {
        width: 250px;
    }

    .logoName {
        font-size: 6rem;
    }

    .small-heading {
        font-size: 3rem;
    }
    
    .main-heading {
        font-size: 2.5rem;
    }

    .fillerImg {
        width: 100dvw;
        height: 40dvh;
    }

    .small-block {
        height: 60svh;
    }

    .big-block {
        height: 70svh;
    }

    .whySectionParagraph {
        width: 80%;
    }

    /* footer css */
    .footer-contactBlock {
        min-width: 40%;
    }
}

/* responsive4 */
@media (max-width:1249px) {  
    .hero {
        height: 70svh;
    }

    .logoName {
        font-size: 5rem;
    }
    
    .main-heading {
        font-size: 2rem;
    }

    .about-usHeading {
        font-size: 4rem;
    }

    .small-block {
        height: 85svh;
    }

    .big-block {
        height: 120svh;
    }

    .footer-formBlock {
        min-width: 80%;
    }

    .footer-form {
        width: 100%;
        align-items: center;
    }
}

/* responsive5 */
@media (max-width:1024px) {
    .logoName {
        text-align: center;
    }

    .mainLogoName,
    .mainSecondLogoName {
        font-size: 4.5rem;
    }
}


/* responsive6 */
@media (max-width:911px) {
    .hero {
        height: 40svh;
    }

    .heroImg {
        width: 150px;
    }

    .logoName {
        font-size: 4rem;
    }

    .small-heading {
        font-size: 2rem;
    }
    
    .main-heading {
        font-size: 1.8rem;
    }

    .about-usHeading {
        font-size: 3rem;
    }

    .big-block {
        height: 100svh;
    }

    .serviceParagraph {
        font-size: 1.8rem;
    }

    .ipu-serviceImage {
        display: none;
    }
}

/* responsive7 */
@media (max-width:768px) {
    .navFiller {
        min-height: 0;
    }
    .hero {
        height: 70svh;
    }
    .big-block {
        height: 110svh;
    }

    .fillerImg {
        /* width: 100dvw; */
        height: 50dvh;
    }
}

/* responsive8 */
@media (max-width:639px) {
    .hero {
        height: 80svh;
        flex-direction: column;
        row-gap: .5rem;
    }

    .heroImg {
        width: 150px;
    }

    .heroHeadingBlock {
        width: 100%;
    }

    .logo {
        width: 100%;
    }

    .logoName {
        width: 100%;
        font-size: 4rem;
    }

    .small-heading {
        font-size: 2.5rem;
    }
    
    .main-heading {
        font-size: 2rem;
    }

    .mainLogoName,
    .mainSecondLogoName {
        font-size: 4rem;
    }

    .about-usHeading {
        font-size: 3rem;
    }

    .serviceRow {
        flex-direction: column;
        row-gap: 1rem;
    }

    .serviceBlock {
        width: 80%;
    }

    .small-block {
        height: 100svh;
    }

    .big-block {
        height: 130svh;
    }

    .serviceParagraph {
        font-size: 1.8rem;
    }

    .ipu-serviceImage {
        display: none;
    }
}

/* responsive8 */
@media (max-width:639px) {

}

/* responsive9 */
@media (max-width:430px) {
    .hero {
        height: 70svh;
        flex-direction: column;
        row-gap: 1rem;
    }

    .logoName {
        font-size: 2.5rem;
    }

    .small-heading {
        font-size: 1.7rem;
    }
    
    .main-heading {
        font-size: 1.4rem;
    }

    .ipu-serviceHeading {
        font-size: 3rem;
    }

    .small-block {
        height: 120svh;
    }

    .big-block {
        height: 150svh;
    }

    .overlay {
        padding: 2rem 1rem;
    }

    .whyMainHeading {
        font-size: 2.5rem;
    }
}