@media screen and (max-width: 767px) {
    .milestones {
        flex-wrap: wrap;
        padding: 25px;
        font-size: 0.82vw;
        top: -40px;
        width: 95%;
    }

    .w-40 {
        width: 85% !important;
    }

    .box-item {
        width: 80%;
        padding-right: 15px;
    }

    .container-footer {
        width: 90% !important;
    }

    .container-footer .footer-caption {
        width: 25% !important;
    }

    .container-footer .footer-logo {
        margin-top: 5% !important;
        width: 25% !important;
    }

    #successStoriesCarousel .carousel-inner,
    .integration-padding {
        padding: 45px;
    }

    .success-stories {
        width: 85%;
    }

    .pe-5 {
        padding-right: 1rem !important;
    }

    .ps-5 {
        padding-left: 1rem !important;
    }
}

/* @media screen and (max-width: 425px) {
    .header {
        flex-direction: row !important;
        align-items: center;
    }
    .header-left img {
        width: 125px;
    }
} */

@media screen and (max-width: 576px) {
    .header.header {
        flex-direction: row;
        align-items: center;
    }

    .header-left img {
        width: 125px;
    }

    .horizontal-content {
        display: none;
    }

    .vertical-content {
        display: block !important;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    ul.topnav.responsive li span {
        font-size: 6.96vw;
    }

    #home {
        height: calc(100vh - 125px) !important;
    }

    #home-slider {
        height: 100%;
    }

    #carouselExampleIndicators .carousel-item:nth-child(2) .row .col-md-6:nth-child(2),
    #carouselExampleIndicators .carousel-item:nth-child(3) .row .col-md-6:nth-child(2) {
        margin-top: -100px;
    }

    .carousel-toright-viewport {
        margin-top: 40px;
    }

    .c-image-set-one,
    .c-image-set-two,
    .c-image-set-three,
    .c-image-set-four {
        gap: 50px
    }

    .c-image {
        height: 45px;
    }

    .clients-section.clients-section {
        padding: 80px 0 80px 0;
    }

    .milestones .milestone img {
        height: 35px;
    }

    .milestones {
        top: -60px
    }

    .company-section .carousel-container.section-image {
        height: 300px;
    }

    .company-section .carousel-container.section-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    #momentsCarousel .carousel-item {
        height: 100%;
    }

    #momentsCarousel .carousel-control-prev img,
    #momentsCarousel .carousel-control-next img {
        height: 30px;
    }

    .navigation-menu .responsive-item.responsive-item {
        display: block;
    }

    .navigation-menu .responsive-item {
        padding-top: 50px;
        border-top: 1px dashed #ffffff;
    }
}

@media (max-width: 991px) {}

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