@media screen and (max-width: 768px) {
    /* front section */
    #hero {
        padding: 10px 0 20px 0;
    }

    /* about section */
    .image-2 {
        width: 100%;
    }
    #about {
        padding: 10px 0 20px 0;
    }

    .bi-check-circle {
        display: block;
        float: left;
        padding: 0 20px 0 0 !important;
    }

    /* demo section */
    .demo-container {
        flex-direction: column;
    }
    iframe {
        width: 100%;
    }
    .demo-text {
        display: none;
    }

    .section-title {
        width: 100%;
    }
    .section-title-subhead {
        width: 100%;
    }

    .image-3 {
        margin-left: 30px;
        width: 80%;
    }
    .image-3-container {
        margin: 0 0 -100px 0;
        height: 100px;
    }

    .icon-box:nth-child(n+2) {
        margin-top: 10px !important;
    }

    /* features section */
    #features {
        padding-top: 75px;
        padding-bottom: 50px;
    }

    /* technical details section */
    #faq {
        padding-top: 50px;
    }
}