@media (max-width: 575.98px) {
    #siteIcon {
        width: 2rem;
    }

    #monitor {
        max-width: 300px;
        height: 200px;
        margin: 2rem auto 0rem;
    }

    #monitorStand {
        height: 5rem;
        max-width: 300px;
        background-size: 100%;
        margin: 0rem auto;
    }

    .topNavBar {
        z-index: 100;
        background-color: rgba(255, 255, 255, 0.7) !important;
        backdrop-filter: blur(10px);
        box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
    }

    .feature-style-4 .-mt-30 {
        margin-top: 0px;
    }

    .feature-style-4 .single-feature {
        padding: 30px 20px;
    }

    #cloudAnimation {
        transform: scale(1.3);
        margin: 1rem auto;
    }

    /* .footerDetails * {
        line-height: 10px;
    }

    .footerDetails:first-child * {
        line-height: 20px;
    } */

    .responsiveFooterBackgroundColor {
        background-color: #d4f1f9;
    }

    .agentContainer .animatedContainer {
        min-height: 9rem;
    }

    /* #myCanvas {
        width: 300% !important;
        height: 100%;
        bottom: 0;
        left: 0;
    } */

    #fp-nav {
        display: none;
    }

    /*-------------Backgrounds--------- */
    #firstSectionBackgroundImage {
        width: 102%;
        height: 110%;
        object-fit: cover;
    }

    #secondSectionBackgroundImage {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    #secondSectionCopyBackgroundImage {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    #thirdSectionBackgroundImage {
        height: 100%;
        width: 140%;
    }

    #fourthSectionBackgroundImage {
        height: 100%;
        width: 140%;
    }

    #firstSectionMovingCircle {
        height: 100%;
        width: 100%;
        background-size: 500%;
        background-position: center;
    }

    #secondSectionMovingCircle {
        height: 100%;
        width: 100%;
        background-size: 300%;
        background-position: cover;
    }

    #secondSectionCopyMovingCircle {
        height: 100%;
        width: 100%;
        background-size: 300%;
        background-position: cover;
    }

    #thirdSectionMovingCircle {
        height: 100%;
        width: 100%;
        background-size: 250%;
        background-position: cover;
    }

    #fourthSectionMovingCircle {
        height: 100%;
        width: 100%;
        background-size: 260%;
    }


    /* ------------------------Feature Page--------------------------- */
    /* ------------------------Feature Page--------------------------- */
    .phone {
        margin-top: -2rem;
        transform: scale(0.85);
    }

    .animatedContainer {
        padding: 10px 20px;
    }

    .featureIcon {
        position: absolute;
        top: 0.1rem;
        left: 1rem;
        width: 4rem;
        height: 3rem;
    }

    .animatedContainer::after {
        height: 100%;
        width: 40%;
        right: 0;
        bottom: 0;
        background-size: 160% 120%;
    }

    /* -----------------------------Contact Page---------------------------------------- */
    /* -----------------------------Contact Page---------------------------------------- */
    .contactPage .dbox {
        margin-bottom: 25px !important;
        padding: 0 20px;
    }

    .contactPage .info-wrap {
        height: 400px;
    }

}