@media (min-width: 1400px) and (max-width: 1600px) {
    .centered {
        top: 43%;
    }
    .footer-img {
        height: 345px;
    }

}

@media (max-width: 1400px) {
    .container {
        max-width: 1400px !important;
    }

    .padding-lf {
        padding-left: 40px;
        padding-right: 40px;
    }

    .centered {
        top: 47%;
    }

    .footer-img {
        height: 325px;
    }
}

@media (max-width: 1800px) {
    .padding-lf {
        padding-left: 100px;
        padding-right: 100px;
    }

    .project-info-bg-img {
        margin-left: 50px;
    }

    .workflow-img {
        margin-left: 5rem;
    }
}

@media (max-width: 1600px) {
    .home-header-img {
        height: 400px;
        width: 400px;
        margin-left: 100px;
    }

    .padding-lf {
        padding-left: 60px;
        padding-right: 60px;
    }

    .ellipse-pic {
        width: 56rem !important;
        height: 40rem !important;
    }

    .footer-image-1 {
        bottom: 0;
    }

    .footer-image-2 {
        bottom: 0;
    }

    .footer-content {
        justify-content: center !important;
    }

    .background-vector-img {
        left: -9px !important;
        width: 85px;
    }

    .box1 {
        left: 13rem;
    }

    .box2 {
        left: 25rem;
    }

    .box3 {
        left: 37rem;
    }

    .box4 {
        left: 49rem;
    }

    .box5 {
        left: 61rem;
    }

    .box6 {
        left: 48rem;
    }

    .box7 {
        right: 14rem;
    }

    .progress-filled {
        border-width: 7px;
    }

    .progress-filled1 {
        border-width: 7px;
    }

    .round {
        height: 150px;
        width: 150px;
    }
}

@media (max-width: 1400px) {
    .ellipse-pic {
        width: 50rem !important;
        height: 39rem !important;
        top: -10px !important;
    }

    .fs-40 {
        font-size: 38px;
    }

    .fs-17 {
        font-size: 16px;
    }

    .fs-20 {
        font-size: 19px;
    }

    .background-text {
        width: 460px;
    }

    .margin-left {
        margin-left: 280px;
    }

    .workflow-img {
        margin-left: 0rem;
    }

    .arrow-img {
        top: -57px;
        left: 40%;
    }

    .round {
        margin-left: 10px;
        margin-right: 10px;
    }

    .box1 {
        left: 10rem;
    }

    .box2 {
        left: 20rem;
    }

    .box3 {
        left: 31rem;
        top: -2rem;
    }

    .box4 {
        left: 42rem;
    }

    .box5 {
        left: 53rem;
        top: -3rem;
    }

    .box6 {
        left: 42rem;
    }

    .box7 {
        right: 11rem;
    }

    .arrow-icon {
        right: 2rem;
    }

    .font-18 {
        font-size: 14px;
    }

    .background-vector-img {
        left: -9px !important;
        width: 85px;
    }
}

@media (max-width: 1200px) {
    .ellipse-pic {
        width: 48rem !important;
        height: 40rem !important;
        top: -65px !important;
    }
    .fixed-top-navbar .ellipse-pic {
top:-30px !important;
}

    .home-header-img {
        height: 450px;
        width: 340px;
        margin-left: 90px;
    }

    .fs-40 {
        font-size: 30px;
    }

    .fs-17 {
        font-size: 15px;
    }

    .fs-18 {
        font-size: 16px;
    }

    .fs-20 {
        font-size: 18px;
    }

    .background-text {
        width: 440px;
    }

    .header-home-content p {
        line-height: 25px;
    }

    .arrow-pic {
        width: 70px;
    }

    .round {
        margin-top: 20px;
        margin-left: 40px;
        margin-right: 30px;
    }

    .box1 {
        left: 9rem;
    }

    .box2 {
        left: 23rem;
        top: -1rem;
    }

    .box3 {
        left: 37rem;
    }

    .box4 {
        left: 49rem;
    }

    .box5 {
        left: 46rem;
    }

    .box6 {
        left: 6rem;
        top: 23rem;
    }

    .box7 {
        right: 5rem;
        top: 23rem;
    }

    .fs-16 {
        font-size: 14px;
    }

    .arrow-icon {
        right: 2rem;
    }

    .margin-left {
        margin-left: 210px;
    }
}

@media (max-width: 992px) {
    .fs-40 {
        font-size: 30px;
    }

    .fs-17 {
        font-size: 15px;
    }

    .fs-18 {
        font-size: 15px;
    }

    .fs-20 {
        font-size: 16px;
    }

    .background-text {
        width: 380px;
    }

    .ellipse-pic {
        width: 40rem !important;
        height: 45rem !important;
        top: -65px !important;
    }

    .header-home-content p {
        line-height: 22px;
    }

    .home-header-img {
        height: 300px;
        width: 310px;
        margin-left: 40px;
    }

    .arrow-pic {
        width: 60px;
        bottom: 0;
    }

    .padding-lf {
        padding-left: 30px;
        padding-right: 30px;
    }

    .project-content {
        flex-wrap: wrap;
    }

    .margin-left {
        margin-left: 100px;
    }

    .round {
        margin-top: 20px;
        margin-left: 25px;
        margin-right: 25px;
        height: 140px;
        width: 140px;
    }

    .box1 {
        left: 6rem;
    }

    .box2 {
        left: 18rem;
        top: -1rem;
    }

    .box3 {
        left: 30rem;
    }

    .box4 {
        left: 42rem;
    }

    .box5 {
        left: 39rem;
    }

    .box6 {
        left: 4rem;
        top: 23rem;
    }

    .box7 {
        right: 3rem;
        top: 23rem;
    }

    .project-info-content {
        justify-content: center !important;
        display: flex;
    }

    .features-content {
        padding-bottom: 5rem;
    }

    .workflow-img {
        margin-left: 12rem;
    }

    .border-round-content {
        left: 0rem;
    }

    .arrow-img {
        left: 47%;
    }
    .centered{
    top:45%;
    }
    .navbar-toggler {
        display: block;
    }

    .home-item {
        display: none;
    }
}

@media (max-width: 768px) {
    .margin-left {
        margin-left: 80px;
    }

    .round {
        margin-top: 20px;
        margin-left: 60px;
        margin-right: 60px;
    }

    .box1 {
        left: 21rem;
        top: 8rem;
    }

    .box2 {
        left: 7rem;
        top: 8rem;
    }

    .box3 {
        left: 21rem;
        top: 18rem;
    }

    .box4 {
        left: 3rem;
        top: 17rem;
    }

    .box5 {
        left: 22rem;
        top: 28rem;
    }

    .box6 {
        left: 6rem;
        top: 28rem;
    }

    .box7 {
        right: 4rem;
        top: 45rem;
    }

    .features-content {
        padding-top: 4rem;
        padding-bottom: 5rem;
    }

    .pt-60 {
        padding-top: 20px;
    }

    .sharelyze-box {
        top: -30px;
    }

    .arrow-img {
        left: 48%;
    }

    .workflow-img {
        margin-left: 5rem;
    }

    .border-round-content {
        display: none;
    }

    .fs-35 {
        font-size: 30px;
    }

    .navbar-toggler {
        display: block;
    }


    .navbar-toggler:focus {
        box-shadow: none;
    }
}

@media (max-width: 576px) {
    .ellipse-pic {
        width: 29rem !important;
        height: 36rem !important;
        top: -54px !important;
    }

    .padding-lf {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .navbar {
        padding-left: 5px;
        padding-right: 5px;
    }

    .round {
        margin-top: 20px;
        margin-left: 40px;
        margin-right: 40px;
        width: 130px;
        height: 130px;
    }

    .progress-filled {
        border-width: 5px;
        top: 2px;
        left: -1px;
    }

    .progress-filled.active {
        top: -2px;
        left: -2px;
    }

    .progress-filled1.active {
        top: 2px;
        left: 1px;
    }

    .progress-filled1 {
        border-width: 5px;
    }

    .box1 {
        left: 16rem;
        top: 8rem;
    }

    .box2 {
        left: 4rem;
        top: 15rem;
    }

    .box3 {
        left: 16rem;
        top: 19rem;
    }

    .box4 {
        left: 1rem;
    }

    .box5 {
        left: 16rem;
        top: 28rem;
    }

    .box6 {
        left: 1rem;
        top: 33rem;
    }

    .box7 {
        right: 4rem;
        top: 43rem;
    }

    .features-content {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }

    .workflow-img {
        margin-left: 6rem;
    }

    .sharelyze-box {
        right: -14px;
    }

    .background-vector-img {
        display: none;
    }

    .project-info-bg-img {
        margin-left: 40px;
    }

    .fs-20 {
        font-size: 16px;
    }

    .fs-15 {
        font-size: 13px;
    }

    .fs-18 {
        font-size: 13px;
    }

    .arrow-icon {
        display: none;
    }

    .fs-40 {
        font-size: 24px;
    }

    .background-text {
        width: 300px;
    }

    .footer-img {
        display: none;
    }

    .centered {
        background-color: rgba(150, 164, 171, 1);
        padding: 30px;
    }

    .arrow-pic {
        display: none;
    }

    .copyright-content {
        display: flex;
        justify-content: center;
    }

    .social-media-icon {
        justify-content: center !important;
        margin-top: 20px;
    }

    .filtering .card {
        height: auto;
    }

    .filtering .card .title {
        height: auto;
    }


}

@media (max-width: 400px) {
    .box1 {
        left: 11rem;
        top: 6rem;
    }

    .box2 {
        left: 11rem;
        top: 15rem;
    }

    .box3 {
        left: 11rem;
        top: 24rem;
    }

    .box4 {
        left: 11rem;
        top: 34rem;
    }

    .box5 {
        left: 11rem;
        top: 43rem;
    }

    .box6 {
        left: 11rem;
        top: 62rem;
    }

    .box7 {
        right: 1rem;
        top: 66rem;
    }

    .features-content {
        padding-top: 0rem;
        padding-bottom: 1rem;
    }

    .home-header-img {
        margin-left: -13px !important;
    }
}

@media (min-width: 1200px) and (max-width: 1600px) {
    .footer-image-1 {
        bottom: 0;
    }
    .footer-image-2 {
        bottom: 0;
    }

}

@media (min-width: 1600px) and (max-width: 1900px) {
    .footer-image-1 {
        top: 147px !important;
    }

    .footer-image-2 {
        top: 13.6rem !important;
    }

    .centered {
        top: 49%;
    }
}

@media (min-width: 481px) and (max-width: 767px) {
    .footer-img {
        height: 600px;
    }

    .centered {
        top: 39%;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .footer-img {
        height: 400px;
    }

    .icon-footer {
        width: 25%;
    }

    .logo-footer {
        width: 55%;
    }
      .centered{
    top:45%;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .footer-img {
        height: 300px;
    }

    .logo-footer {
        width: 60%;
    }

    .icon-footer {
        width: 25%;
    }
}

@media (max-width: 480px) {
    .centered {
        top: 45%;
    }

    .footer-img {
        height: 370px;
    }

    .ellipse-pic {
        display: none;
    }

    .home-header-img {
        margin-left: -5px;
    }

    .couter-box {
        width: 240px;
        left: 24px;
    }

    .sharelyze-box {
        width: 250px;
        right: -10px;
    }

    .background-text {
        padding-left: 0 !important;
        width: 260px;
    }

    .margin-left {
        margin-left: 30px;
    }

    .workflow-img {
        margin-left: 4rem;
    }

    .box1 {
        left: 11rem;
        top: 6rem;
    }

    .box2 {
        left: 11rem;
        top: 15rem;
    }

    .box3 {
        left: 11rem;
        top: 24rem;
    }

    .box4 {
        left: 11rem;
        top: 34rem;
    }

    .box5 {
        left: 11rem;
        top: 43rem;
    }

    .box6 {
        left: 11rem;
        top: 52rem;
    }

    .box7 {
        right: 1rem;
        top: 62rem;
    }
    .fixed-top-navbar {
        padding: 0.5rem 0 !important;
    }
}

@media (min-width: 1200px) and (max-width: 1919px) {}

@media (min-width: 1920px) {}