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

    .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.8em;
    }

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

    .mobile-hidden {
        display: none;
    }


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


    /*----------------------------------------------------------*/
    /* HEADER */
    /*----------------------------------------------------------*/
    header .main-content {
        width: 84%;
        top: 40%;
    }

    header .content-header {
        display: none;
    }

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

    header .content-body {
        display: none;
    }

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

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

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

    header .bg-img-wrapper {
        top: 50%;
        right: 0;
    }

    header .bg-img img {
        height: 480px;
    }

    /*----------------------------------------------------------*/
    /* INTRODUCTION */
    /*----------------------------------------------------------*/
    .intro {
        padding: 5% 5% 50% 5%;
    }

    .intro .row>* {
        padding: 0 !important;
    }

    .intro .left .content-container {
        width: 90%;
        margin-left: 5%;
    }

    .intro .right {
        margin-top: 30%;
    }

    .intro .right .product-container {
        position: relative;
        left: 2%;
    }

    .intro .right img {
        position: relative;
        margin-top: 5%;
    }

    .intro .right #img_1 {
        height: 350px;
    }

    .intro .right #img_2 {
        height: 200px;
        display: none;
    }


    /*----------------------------------------------------------*/
    /* PACKAGES */
    /*----------------------------------------------------------*/
    .packages {
        padding: 20% 0;
    }
    
    .packages .section-title {
        width: 80%;
        margin-left: 10%;
    }

    .packages .packages-section {
        padding: 12% 0 0 0;
    }

    .packages .package-card-height {
        height: 330px;
    }

    .packages .package-card {
        padding: 10% 12%;
        box-sizing: border-box;
        margin-top: 5%;
    }


    /*----------------------------------------------------------*/
    /* TESTIMONIALS & SUPPORT */
    /*----------------------------------------------------------*/

    .testimonials {
        display: none;
    }

    .support {
        background-color: var(--main-global-color);
    }
    
    .support .row {
        max-width: 100%;
    }

    .support .content-container p {
        width: 100%;
    }

    .support .call-to-action {
        width: 100%;
     }

    .support .img-wrapper {
        flex-wrap: wrap;
        justify-content: center;
        margin-top: 15%;
    }

    .support .img-wrapper img {
        height: auto;
        width: 100%;
    }

    /*----------------------------------------------------------*/
    /* 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;
    }
}