@media screen and (max-width: 968px) {

    html,
    body {
        font-size: 45%;
    }

}


@media screen and (max-width: 768px) {

    html,
    body {
        font-size: 32%;
    }


    #content-p1 {
        padding: 15vh 4vw 0 4vw !important;
        flex-direction: column-reverse;
    }

    #content-p1 #left-content {
        margin-bottom: 5vh;
        width: 100%;
        height: 50%;
        padding: 0;
    }

    #left-content p {
        font-size: 2.6rem;
        line-height: 5rem;
    }

    #left-content h1 {
        font-size: 6rem;
        line-height: 9rem;
    }

    #left-content h1 span {
        font-size: 7rem;
    }

    #left-content button {
        padding: 3.8rem 5.5rem;
        border-radius: 30px;
        font-size: 2.8rem;
    }

    #content-p1 #right-content {
        width: 100%;
        height: 50%;

    }

    #right-content img {
        height: 75%;
        width: 100%;
    }

    #page-2 {
        padding: 4vh 4vw;
    }

    #page-2 .p2-heading {
        line-height: 6rem;
        font-size: 3rem;
        margin-top: 7vh;
        margin-bottom: 2vh;
    }

    #page-2 #p2-logo {
        padding: 3vh 4vw;
        justify-content: space-between;
    }

    #p2-logo .logo {
        width: 24vw;
        height: 4.5vh;
    }

    #p2-logo .logo:nth-child(4) {
        display: none;
    }

    #p2-logo .logo:nth-child(5) {
        display: none;
    }

    #p2-logo .logo:nth-child(6) {
        display: none;
    }

    #page-2 #abt-frg {
        padding: 8vh 0 4vh 0 !important;
    }

    #abt-frg h2 {
        margin-bottom: 1.5vh;
        font-size: 5rem;
    }

    #abt-frg p {
        font-size: 2.6rem;
        margin-bottom: 5vh;
    }

    #abt-frg #p2-frame {
        height: 28vh;
        width: 100%;
    }

    #p2-frame img {
        height: 100%;
        width: 100%;
    }

    #page-3 {
        padding: 2vh 4vw 4vh 4vw;
    }

    #page-3 #p3-heading {
        font-size: 5rem;
    }

    #p3-content {
        margin-top: 5vh;
    }

    #p3-left {
        margin-bottom: 0;
        width: 100%;
        gap: 10rem;
    }

    #p3-left .responDiv {
        display: flex;
        flex-direction: column;
        gap: 10rem;
    }

    #p3-left .res-img {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 40vh;
        width: 100%;
    }

    #p3-left .responDiv:nth-child(1) .res-img {
        padding: 0 10vw;
        width: 100%;
    }

    .res-img img {
        height: 100%;
        width: 100%;
    }

    #p3-left .cont {
        box-shadow: 4px 4px 16px 0px rgba(0, 0, 0, 0.10);
        gap: 3rem;
        padding: 1.8vh;
        border-radius: 1.3rem;
    }

    #p3-left .active {
        box-shadow: 4px 4px 16px 0px rgba(0, 0, 0, 0.10);
    }

    #p3-left .active h4 {
        font-family: montserratMedium;
    }

    .cont .cl-image {
        width: 12vw;
        height: 5vh;
        border-radius: .1rem;
    }


    .cont .cl-discript h4 {
        font-family: montserratMedium;
        font-size: 3.4rem;
        margin-bottom: 3rem;
    }

    .cont .cl-discript p {
        font-size: 2.5rem;
        line-height: 3rem;
    }

    #p3-right {
        display: none;
    }

    #page-4 {
        padding: 5vh 4vw 4vh 4vw;
    }

    #page-4 #p4-heading {
        font-size: 5rem;
    }

    #p4-content {
        margin-top: 5vh;
    }

    #p4-left {
        margin-bottom: 0;
        width: 100%;
        gap: 10rem;
    }

    #p4-left .responDiv {
        display: flex;
        flex-direction: column;
        gap: 10rem;
    }

    #p4-left .res-img {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 40vh;
        width: 100%;
    }

    .res-img img {
        height: 100%;
        width: 100%;
    }

    #p4-left .conts {
        box-shadow: 4px 4px 16px 0px rgba(0, 0, 0, 0.10);
        gap: 3rem;
        padding: 1.8vh;
        border-radius: 1.3rem;
    }

    #p4-left .active {
        box-shadow: 4px 4px 16px 0px rgba(0, 0, 0, 0.10);

    }

    #p4-left .active h4 {
        font-family: montserratSemiBold;
    }

    .conts .cl-image {
        width: 12vw;
        height: 5.5vh;
        border-radius: .1rem;
    }


    .conts .cl-discript h4 {
        font-family: montserratSemiBold;
        font-size: 4rem;
        margin-bottom: 3rem;
    }

    .conts .cl-discript p {
        font-size: 2.57rem;
        line-height: 3rem;
    }

    #p4-right {
        display: none;
    }






    #page-5 {
        padding: 4vh 4vw;
    }

    #page-5 #ftr-heading {
        margin: 0 0 6vh 0;
    }

    #ftr-heading h2 {
        font-size: 5rem;
    }

    #page-5 #cards {
        flex-direction: column;
        gap: 5rem;
    }

    #cards .card {
        padding: 8vh 6vw !important;
        gap: 3.5rem;
        width: 100%;
    }

    .card img {
        height: 15rem;
        width: 15rem;
    }

    .card h5 {
        font-size: 4rem;
    }

    .card p {
        font-size: 3rem;
    }
}