@media only screen and (max-width: 1199px) {}

@media only screen and (max-width: 991px) {
    h2 {
        font-size: 42px;
    }
    .logo img {
        width: 215px;
    }

    #largest-man-power h2 {
        width: 100%;
    }
    .signup-btn a {
        font-size: 15px;
        padding: 12px 20px;
    }

    /* About us part */
    #aboutus {
        height: 560px;
    }
    .aboutus-text {
        margin-top: 85%;
    }
    .img2 img {
        left: 6px;
        top: 230px;
        z-index: 11;
    }


}

@media only screen and (max-width: 767px) {
    h2 {
        font-size: 38px;
    }

    #largest-man-power h2 {
        width: 100%;
    }
    .signup-btn a {
        font-size: 15px;
        padding: 14px 26px;
    }

    /* About us part */
    #aboutus {
        height: 835px;
    }
    .aboutus-text {
        margin-top: 38%;
        transform: translateY(-58%);
    }
    .img1 img {
        top: 350px;
    }
    .img2 img {
        left: 30px;
        top: 390px;
        z-index: 9999;
    }
    .img3 img {
        left: -130px;
        top: 492px;
        z-index: 1111;
    }

    
}


@media only screen and (max-width:575px) {
    /* Defaul Css Here */
    body {
        font-size: 13px;
    }
    .banner-title {
        font-weight: 700;
        font-size: 42px;
        line-height: 45px;
        padding: 5px;
    }
    h2 {
        font-weight: 600;
        font-size: 22px;
        line-height: 32px;
    }
    h3 {
        font-size: 32px;
        line-height: 36px;
    }
    h4 {
        font-size: 28px;
        line-height: 32px;
    }
    p {
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        color: var(--lbc);
    }
    .paragraph {
        font-size: 14px;
        line-height: 24px;
    }
    .custom-btn a {
        padding: 10px 24px;
        font-weight: 500;
        font-size: 16px;
    }

    .readmore-btn a {
        font-size: 16px;
        line-height: 20px;
        padding: 15px 30px;
    }

    /* Largest man power part */
    #largest-man-power h2 {
        width: 100%;
    }

    .signup-btn a {
        font-size: 15px;
        padding: 12px 18px;
    }

    /* About us part */
    #aboutus {
        height: 800px;
    }

    .aboutus-text {
        margin-top: 38%;
    }

    .img1 img {
        left: 0%;
        top: 328px;
    }

    .img2 img {
        left: 6px;
        top: 410px;
        z-index: 999;
    }

    .img3 img {
        left: -132px;
        top: 480px;
        z-index: 111;
    }
    
    

}

@media only screen and (max-width: 400px) {
    /* Defaul Css Here */
    .banner-title {
        font-weight: 700;
        font-size: 42px;
        line-height: 45px;
        padding: 5px;
    }
    h2 {
        font-weight: 600;
        font-size: 22px;
        line-height: 32px;
    }
    h3 {
        font-size: 32px;
        line-height: 36px;
    }
    h4 {
        font-size: 28px;
        line-height: 32px;
    }
    p {
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        color: var(--lbc);
    }
    .paragraph {
        font-size: 14px;
        line-height: 24px;
    }
    .custom-btn a {
        padding: 10px 24px;
        font-weight: 500;
        font-size: 16px;
    }
    .readmore-btn a{
        font-size: 16px;
        line-height: 20px;
        padding: 15px 30px;
    }

    /* Largest man power part */
    #largest-man-power h2 {
        width: 100%;
    }
    .signup-btn a {
        font-size: 15px;
        padding: 12px 18px;
    }

    /* About us part */
    #aboutus {
        height: 800px;
    }
    .aboutus-text {
        margin-top: 62%;
    }

    .img1 img {
        left: 0%;
        top: 350px;
    }
    .img2 img {
        left: 6px;
        top: 478px;
        z-index: 999;
    }
    .img3 img {
        left: -132px;
        top: 480px;
        z-index: 111;
    }




}