@media (max-width: 849px) {
    html {
        font-size: 75%;
    }
    section.section-2 {
        padding-top: 3rem !important;
    }
    .section-2 {
        /* background: radial-gradient(circle closest-corner at 80% 50%, rgba(115, 154, 207, .7) 20%, rgba(21, 32, 51, 1) 80%) !important; */
        background: linear-gradient(219deg, rgba(115, 153, 207, .7) 0%, rgba(21, 32, 51, 1) 58%) !important;

    }

    .cards {
        align-items: center !important;
        width: 100% !important;
    }

    .footer {
        flex-direction: column;
        padding: 4rem 8rem !important;
        margin: 0 !important;
    }

    .footer ul {
        flex-direction: row !important;
        gap: 4rem !important;
    }

    .second-sec {
        width: 100% !important;
    }
    .home-mgpart {
        width: 95%;
    }
    .img-1 {
        width: 100%;
    }

    .section-1 .content-holder p {
        width: 45rem !important;
        padding: 0rem 0 3rem !important;
    }
    .section-2 p.p-sect-text {
        width: 99% !important;
        padding: 4rem 3rem 3rem !important;
        font-size: 1.1rem !important;
        text-align: justify !important;
        transform: translateY(0) !important;
    }
    .section-2 p.p-sect-space1 {
        display: none !important;
    }
    .strap-contact {
        padding-left: 1rem;
        border-radius: 0rem 7px 7px 0rem;
        border: 2px solid #fff;
    }
    .strap-contact .contact-word {
        display:none !important;
    }
    .swiper-holder {
        width: 96% !important;
    }
}

@media (min-width: 850px) {
    html {
        font-size: 75%;
    }
}
@media (min-width: 850px) and (max-width: 2000px) {
    #section-2 .content-holder {
        transform: translateY(-110px);
    }

}

@media (min-width: 1024px) {
    html {
        font-size: 85%;
    }

    /* section {
        padding: 10rem 8rem;
    } */

}

@media (min-width: 1280px) {
    html {
        font-size: 100%;
    }

    /* 
    section {
        padding: 10rem 12rem;
    } */

}

@media (max-width: 600px) {
    main {
        scroll-snap-type: none !important;
        overflow-x: hidden !important;
        overflow-y: unset !important;
        height: auto !important;
    }
    section {
        height: auto !important;
        scroll-snap-align: unset;
        animation: none;
        padding-top: 8rem !important;
        padding-bottom: 4rem !important;
    }
    .container {
        padding-left: 9px;
        padding-right: 9px;
    }
    header {
        left: 1%;
        gap: 2rem;
        padding-top: 0rem;
        padding-bottom: 0rem;
        margin: 0 8px;
    }
    header ul {
        width: 250px !important;
    }
    header .search input {
        width: 90% !important;
    }

    .footer {
        padding: 1rem 2rem !important;
    }

    .footer ul {
        flex-direction: column !important;
        gap: 2rem !important;
    }

    .second-sec {
        width: 100% !important;
    }

    .section-3 > p {
        width: 100% !important;
    }

    .swp-container-proj {
        width: 100% !important;
    }

    .section-1 .content-holder p {
        width: 80% !important;
        padding: 1rem 0 3rem !important;
    }
    .cards-holder {
        display: block !important;
        width: 100% !important;
        padding: 0 60px !important;
    }
    .cards-holder .p-rect-move101 {
        font-size: 1.0rem;
    }
    .cards-holder .card-rect {
        transform: translateY(0) !important;
        opacity: 1 !important;
    }
    .go-down {
        animation: none;
    }
    .go-down::after {
        animation: none !important;
        transform: scale(0) !important;
    }
    .swp-container-proj {
        height: 220px !important;
    }
    .swp-container-proj .swiper-slide {
        width: 200px !important;
        height: 200px !important;
        padding: 40px !important;
    }
    .sct3-text {
        background: #5e728f;
        padding: 10px 12px;
    }

}

@media (min-width: 601px) {
    .container {
        padding-left: 12px;
        padding-right: 12px;
    }
}
@media (min-width: 768px) {
    .container {
        padding-left: 24px;
        padding-right: 24px;
    }
}

@media (max-width: 991px) {
    #close-btn {
        display: block !important;
    }

    header {
        z-index: 555577;
    }

    .closed {
        transform: translateX(100%);
    }

    header ul {
        flex-direction: column;
        background-color: white;
        padding: 6rem 4rem;
        gap: 3rem;
        position: fixed;
        right: 0;
        top: 0;
        height: 100vh;
        width: 300px;
        align-items: end;
        z-index: 111111;
    }

    header li {
        border-bottom: 1px solid rgb(214, 214, 214);
        width: 100%;
        text-align: start;
    }

    header a {
        color: rgb(48, 48, 48);
        font-size: 1.5rem;

    }
    .srch-dv {
        position: fixed;
        top: 16px;
        right: 16px;
    }
    .srch-dv.onlive-bnr {
        /*transform: translateY(22px);*/
        top: 42px;
    }
    header .logo {
        position: fixed;
        top: 11px;
        right: 56px;
        width: 7rem;
        margin: 0;
        padding: 0;
    }
    header .logo.onlive-bnr {
        top: 16px;
    }
    .search {
        transform: translateX(-100px);
    }
}

@media (min-width: 992px) {
    .container {
        padding-left: 70px;
        padding-right: 70px;
    }

    #open-btn {
        display: none;
    }
}

@media (min-width: 1400px) {
    .container {
        padding-left: 150px;
        padding-right: 150px;
    }
}

@media (min-width: 1600px) {
    .home-mgpart {
        width: 60%;
        transform: translateY(-31px);
    }
    #animation-target-1 {
        transform: translateX(300px);
    }
}