@media (max-width: 500px) {
    /*----------------------------------------------------------*/
    /* GLOBAL COMPONENT STYLES */
    /*----------------------------------------------------------*/
    .title-1 {
        font-size: 2.2em;
        line-height: 0.98em;
    }

    .title-2 {
        font-size: 1.5em;
    }

    .title-3 {
        font-size: 1em;
    }

    .text-1 {
        font-size: 0.7em;
    }

    .text-2 {
        font-size: 0.8em;
    }

    .text-3 {
        font-size: 0.8em;
    }

    .buttons-container .main-button {
        font-size: 0.78em;
    }

    .buttons-container .secondary-button {
        font-size: 0.78em;
    }

    .mobile-hidden {
        display: none;
    }


    /*----------------------------------------------------------*/
    /* NAVIGATION */
    /*----------------------------------------------------------*/
    .nav-panel .content-container {
        width: 80%;
    }

    nav .nav-action {
        margin-right: 20px;
        display: none;
    }

    nav .nav-right-side {
        top: 5%;
    }



    /*----------------------------------------------------------*/
    /* HEADER */
    /*----------------------------------------------------------*/
    header .main-content {
        position: relative;
        transform: translate(0);
        width: 84%;
        top: 140px;
    }

    header .content-header h1 {
        text-wrap:balance;
        font-size: 2.4em;
        -webkit-text-stroke: 1px;
    }

    header .content-header-mobile {
        display: block;
    }

    header .content-body {
        width: 100%;
    }

    header .content-body p {
        width: 100%;
    }

    header .content-bot {
        width: 100%;
    }

    header .bg-img-wrapper {
        display: none;
    }


    /*----------------------------------------------------------*/
    /* SERVICE OUTLINE */
    /*----------------------------------------------------------*/
    .services {
        margin-top: 90%;
    }
    
    .services .services-header {
        width: 100%;
    }

    .services .col-sm {
        margin: 0;
        margin-top: 5%;
    }


    /*----------------------------------------------------------*/
    /* PROCESS OUTLINE */
    /*----------------------------------------------------------*/
    .process .process-title {
        width: 84%;
        margin-left: 8%;
        text-align: left;
    }

    .process .process-spline-container spline-viewer {
        display: none;
    }

    .process .process-content {
        margin-left: 0;
    }

    .process .process-content .steps .step {
        width: 84%;
        margin-left: 8%;
    }


    /*----------------------------------------------------------*/
    /* TESTIMONIALS */
    /*----------------------------------------------------------*/
    .testimonials {
        margin-top: -80%;
    }

    .testimonials .testimonials-body .col-sm {
        margin: 0;
    }

    .testimonials .testimonials-body .testimonial-tab {
        margin-top: 10%;
    }


    /*----------------------------------------------------------*/
    /* GET STARTED */
    /*----------------------------------------------------------*/
    .start {
        margin-top: 250%;
        padding: 25% 20%;
    }

    .start .start-title h2 {
        font-size: 2em;
    }

    .start .start-body {
        margin-top: 25%;
    }


    /*----------------------------------------------------------*/
    /* FOOTER */
    /*----------------------------------------------------------*/
    footer .contact {
        padding: 30%;
    }

    footer .contact .display-layer {
        width: 90%;
        transform: translate(-50%, -70%);
    }

    footer .contact-title h2 {
        font-size: 1.8em;
        text-wrap: balance;
    }

    footer .fixed-layer {
        left: 0;
    }

    footer .footer-part {
        padding: 10% 10%;
        box-sizing: border-box;
    }

    footer .footer-part .company-logo {
        text-align: center;
    }
    
    footer .footer-part .soc-med ul {
        text-align: center;
    }
}