@media (max-width:428px) {
    .hero-section {
        border: 3px solid red;
        display: flex;
        flex-direction: column;
        width: 100%;
        height: auto;
        padding-left: 15px;
        padding-right: 0px;
    }

    header {
        display: flex;
        flex-direction: column;
        align-items: center;
        height: auto;
        gap: 25px;

    }

    .header-1st {
        display: flex;
        flex-direction: column;
        align-items: center;
        height: auto;
        gap: 25px;
    }

    .header-ul {
        display: flex;
        flex-direction: column;
        align-items: center;
        height: auto;
    }

    .hero-conatiner {
        width: 100%;
        border: 3px solid red;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        height: auto;
    }

    .hero-info {
        width: 100%;
        border: 3px solid red;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        height: auto;
        gap: 25px;
    }

    .hero-info h1 {
        width: 100%;
        height: auto;
        text-align: center;
        font-size: 45px;
    }

    .hero-info p {
        width: 100%;
        height: auto;
        font-size: 16px;
    }

    .hero-img,
    .hero-img img {
        border: 3px solid red;
        width: 100%;
    }

    .path {
        width: 100%;
    }

    .top-services-section {
        border: 3px solid red;
        display: flex;
        flex-direction: column;
        align-items: center;
        height: auto;
        gap: 25px;
    }

    .top-servisec-head-line {
        width: 100%;
    }

    .top-services-cards-row {
        display: flex;
        flex-direction: column;
        align-items: center;
        flex-wrap: wrap;
    }

    .about-us-section {
        border: 3px solid red;
        display: flex;
        width: 100%;
        flex-direction: column;
        align-items: center;
        height: auto;
        gap: 25px;
    }

    .about-us-container,
    .about-us-container-1 {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        height: auto;
    }

    .about-us-container-1 p {
        width: 308px;
        height: 130px;
        margin-right: 15px;
    }

    .about-us-container-2 img {
        width: 388px;
        height: 175px;
    }

    .about-us-image {
        border: 3px solid red;
        width: 100%;
    }

    .about-us-image img {
        width: 185px;
        height: 279.79px;
    }

    .projects-section {
        display: flex;
        flex-direction: column;
        padding: 0;
        padding-left: 15px;
        align-items: center;
        width: 100%;
        border: 3px solid red;
    }

    .projects-head-line {
        width: 388px;
        height: 77px;
        border: 3px solid red;
    }

    .projects-head-line h1 {
        font-family: Larken-Regular;
        font-weight: 400;
        font-size: 36px;
        line-height: 36px;
        letter-spacing: 0%;
        text-transform: capitalize;
    }

    .projects-cards-container {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .experiance-section {
        border: 3px solid red;
        display: flex;
        flex-direction: column-reverse;
        width: 100%;
        height: auto;
        align-items: center;
        gap: 25px;
    }

    .experiance-info {
        border: 3px solid red;
        display: flex;
        flex-direction: column;
        width: 100%;
        height: auto;
        align-items: center;
        text-align: center;
        gap: 20px;
    }

    .experiance-info h1 {
        font-family: Larken-Regular;
        font-weight: 400;
        font-size: 36px;
        line-height: 40px;
        letter-spacing: 0%;
        text-transform: capitalize;
        width: 90%;
    }

    .experiance-img img {
        width: 387.7567138671875px;
        height: 333.99993896484375px;
    }

    .check-availability-section {
        border: 3px solid red;
        overflow-x: scroll;
        width: auto;
        overflow-y: hidden;
    }

    table {
        width: 829px;
        height: 442px;
    }

    .our-team-section {
        border: 3px solid red;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        width: 100%;
        height: auto;
    }

    .our-team-head-line {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        height: auto;
    }

    .our-team-head-line h1 {
        font-family: Larken-Regular;
        font-weight: 400;
        font-size: 36px;
        line-height: 40px;
        letter-spacing: 0%;
        text-align: center;
        text-transform: capitalize;
    }

    .our-team-name h2 {
        font-family: Roboto;
        font-weight: 500;
        font-size: 16px;
        line-height: 100%;
        letter-spacing: 3%;
        text-transform: uppercase;
    }

    .our-team-section img {
        width: 100%;
    }

    .examples-section {
        border: 3px solid red;
        display: flex;
        overflow-y: hidden;
        overflow-x: scroll;
        justify-content: flex-start;
        height: auto;
    }

    footer {
        height: auto;
        margin-top: 35px;
    }

    .footer-container {
        display: flex;
        flex-direction: column;
        align-items: center;
        height: auto;
        text-align: center;
        gap: 25px;
    }

    .footer-container-part-1{
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .footer-container .border {
        width: 244px;
        height: 2px;
        background: linear-gradient(80deg, rgba(171, 174, 183, 0) 0%, #ABAEB7 51.56%, rgba(171, 174, 183, 0) 100%);
    }
}