@media screen and (max-width:991px) {
    .div-block {
        width: 90%;
    }

    .c-pen--1-1 {
        left: 2%;
    }

    .c-pen--1-2 {
        left: calc(49%);
    }

    .c-comp-5-1-div {
        width: 80%;
        top: 7%;
        right: auto;
        left: 10%;
    }

    .lab-bg {
        top: 0px;
    }

    .lab-1 {
        bottom: auto;
        top: calc(6vW - 23px);
    }

    .lab-2 {

        bottom: auto;
        top: calc(8vW - 23px);
    }

    .lab-3 {
        bottom: auto;
        top: calc(14vW - 23px);
    }

    .lab-4 {
        bottom: auto;
        top: calc(23vW - 23px);
    }
    .lab-5 {
        bottom: auto;
        top: calc(16vW  - 23px);
    }
    .lab-6 {
        bottom: auto;
        top: calc(16vW  - 33px);
    }
    .lab-7 {
        bottom: auto;
        top: calc(16vW  - 23px);
    }

    .c-comp-1-1-div{
        bottom: auto;
        left: 0%;
        top: 5%;
    }
    .c-comp-1-2-div{
        bottom: auto;
        top: 0%;
        right: 10%;
    }
    .c-comp-1-3-div{
        bottom: auto;
        top: 30%;
        right: 11%
    }
    .c-comp-2-1-div{
        bottom: auto;
        top: 0;
    }
    ._2-1-w, ._2-1-c{
        opacity: 1;
        max-height: 27vh;
        width: auto;
        left: 17%;
    }
    .form{
        grid-auto-columns: 0fr;
        grid-column-gap: 0px
    }
    #Requirement-label {
        -ms-grid-row: 9;
        grid-row-start: 9;
        grid-row-end: 10;
    }
    #Requirement-input {
        -ms-grid-row: 10;
        grid-row-start: 10;
        grid-row-end: 11;
    }
    #w-node-e6e392e1-c87b-9570-ee77-d51cf8200ee0-544794fd{
        -ms-grid-row: 11;
        grid-row-start: 11;
        grid-row-end: 12;
    }
    #More-information.w-node-_8977d6b8-e459-a41b-c306-7fe1810b881b-544794fd{
        -ms-grid-row: 12;
        grid-row-start: 12;
        grid-row-end: 13;
    }
    #w-node-d4230564-4c75-724e-c0af-3d38e3e1fc94-544794fd{
        -ms-grid-row: 13;
        grid-row-start: 13;
        grid-row-end: 14;
    }
    .y-te-1,.y-te-2,.y-te-3,.y-te-4,.y-te-5,.y-te-6{
        display: none!important;
    }
}

@media screen and (max-width: 767px) {
    .div-block {
        left: 0%;
        width: 100%;
    }

    .slogan-container .box {
        width: 80%;
        height: 160px;
    }

    .slogan-container .box .title h1 {
        font-size: 3rem;
    }

    .slogan-container .box .role {
        height: 45px;
        line-height: 1.3rem;
    }


    
}

@media screen and (max-width: 479px) {
    .hide-mobile{
        display: none;
    }
    .slogan-container .box .title{
        height: 60px;
    }
    .slogan-container .box .title h1 {
        font-size: 2rem;
        line-height: 28px;
        margin-top: 10px;
    }

    .slogan-container .box .role {
        height: 45px;
        line-height: 1rem;
    }
    .slogan-container .box .role p{
        letter-spacing: 3px;
        line-height: 20px;
        font-size: 15px;
        text-align: left;
    }
    .paragraph{
        font-size: 18px;
        line-height: 30px;    
    }

    .more-info{
        font-size: 12px;
        letter-spacing: 0px;
    }

    .heading-3{
        margin-top: 10px;
    }
    .text-highlight{
        font-size: 18px;
    }
    .text-block {
        font-size: 14px;
        line-height: 26px;
    }

    .policy{
        margin-top: 20px;
    }

    .c-comp-5-1-div {
        width: 70vw;
        right: auto;
        top: 3%;
        left: 5vw;
    }

    .c-comp-port-div {
        right: auto;
        top: -5%;
        width: 70vw;
        min-height: auto;
        height: 300px
    }

    .category-heading {
        font-size: 14px;
    }

    .heading-3 {
        line-height: 26px;
        font-size: 22px;
    }

    .paragraph-2 {
        font-size: 14px;
        line-height: 23px;
    }

    .button-portfolio--tile-2 {
        width: 80%;
    }

    .c-comp-port-div.icg{
        right: 10%;
    }
    .lab-1{
        top: calc(6vW - 12px);
    }
    .lab-2{
        top: calc(7vW - 12px);
        left: calc(10% + 20px);
    }
    .lab-3{
        top: calc(17vW - 12px);
        left: calc(10% + 13px);
    }
    .lab-4{
        top: calc(26vW - 12px);
        left: calc(10% + 13px);
    }
    .lab-5{
        top: calc(18vW - 12px);
    }
    .lab-6{
        top: calc(18vW - 12px);
    }
    .lab-7{
        top: calc(18vW - 12px);
    }
    .lab-1 img,.lab-3 img,.lab-4 img{
        width: 50%;
    }
    .lab-5 img,.lab-6 img,.lab-7 img{
        width: 80%;
    }

    .c-comp-port-div{
        top:1%;
    }
    .c-comp-2-1-div{
        right: auto;
        width: 100%;
    }

    .footer-text{
        display: flex;
        justify-content: center;
        align-items: center;
    }
}

@media screen and (max-width: 393px) {
    .text-highlight {
        font-size: 16px;
    }
    .button-portfolio--tile-2{
        font-size: 16px; 
    }
}