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

    /* For mobile phones: */
    #appBar {
        height: 60px;
    }

    #appBarBtn {
        margin-left: 10px;
        margin-right: 10px;
        width: 100%;
        height: 100%;

    }

    .viewFold {
        width: 100%;
        left: 0%;
    }

    .contentView {
        position: relative;
        width: 100%;
        left: 0px;
    }

    .foldTitle {
        font-size: 5.5vw;
        padding-top: 5vw;
        margin-bottom: 5vw;
    }

    #intro {
        aspect-ratio: unset;
        height: auto;
        background-image:
            radial-gradient(farthest-corner at 70% 0px,
                rgba(255, 46, 33, 0.12) 0%,
                rgba(255, 255, 255, 0) 115%);
    }

    #ctnIntro {
        display: block;
        position: relative;
        top: 0px;
        width: 94vw;
        left: 3vw;
    }

    #imgDescription {
        position: relative;
        width: 86%;
        left: 7%;
        top: 45px;
    }

    #textDescription {
        font-weight: 700;
        /* font-size: 90px; */
        width: 100%;
        color: rgba(51, 56, 63, 1);
        aspect-ratio: unset;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    #robotname {
        display: flex;
        margin-top: 10vw;
        font-size: 13vw;
    }

    #priceCtn {
        font-size: 4.4vw;
    }

    #buttonRow {
        padding-top: 5vw;
        margin-bottom: 5vw;
    }

    #btn0 {
        height: 36px;
        font-size: 12px;

    }

    #btn1 {
        font-size: 3vw;
    }


    #btn2 {
        font-size: 3vw;
    }

    #feature {
        background-color: rgba(239, 231, 253, 1);
        width: 100%;
        height: auto;
        left: 0;
    }

    #gridFeature {
        margin-left: 3vw;
        aspect-ratio: unset;
        padding-bottom: 4vw;
        display: grid;
        grid-template-columns: auto;
        column-gap: 1vw;
        row-gap: 0vw;

    }

    .grid-item {
        width: 90vw;
        aspect-ratio: 300/90;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        margin-right: inherit;

    }

    .ftImg {
        width: 30vw;
        height: fit-content;
        margin-right: 10px;

    }



    h3 {
        font-size: 3.8vw;
    }

    h4 {
        font-size: 3.6vw;
    }

    #project {
        width: 100%;
        height: auto;
    }

    #projectList {
        height: auto;
    }

    .prj-item {
        margin-left: 10vw;
        width: 80vw;
    }

    #robotSpecs {
        height: auto;
    }

    table {
        font-size: 3vw;
    }

    #codingpage {
        background-color: #FFFFFF;
    }

    #blocklyIntro {
        aspect-ratio: unset;
        /*1120/576; */
        border-radius: 10px;
        display: flex;
        flex-direction: column;
        justify-content: end;
        align-items: center;
    }

    #blocklyIntroTxt {
        margin-top: 10px;
        width: 90%;
        color: white;
        font-size: 16px;
        text-align: center;
    }

    #blocklyIntroImg {
        width: 100%;
    }

    #spBtn {
        flex-direction: column;
        align-items: center;
    }

    #footer {
        font-size: 3.6vw;
    }

    #btn3 {
        width: 50%;
    }

    #btn4,
    #btn5 {
        width: unset;
    }


    #FAQ {
        margin-bottom: 2vw;
        width: 92vw;
        padding-left: 4vw;
        padding-right: 4vw;
    }

    .qBtn {
        font-size: 4vw;
        line-height: 1.5;
        font-weight: 700;
        height: 15vw;
    }

    #formDialog {
        width: 80vw;
        height: 80vw;
        padding: 7vw;
        border-radius: 4.9vw;

    }

    input {
        height: 11vw;
        border-radius: 2vw;
        margin-bottom: 5.3vw;
        padding-inline: 10px;
    }

    #btn6 {

        border-radius: 5vw;
        margin-top: 4.25vw;
        margin-bottom: 8.5vw;
    }

    #loaderBtn {
        border: 1vw solid #f3f3f3;
        border-top: 1vw solid #3498db;
        width: 5vw;
        height: 5vw;


    }
}