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

    :root {
        --default-containers-padding: 1.5em;
        --default-gap: 12px;
    }

    /**
    * Text Size
    */

    *, .text-default {
        font-size: 14px;
        word-wrap: break-word;
    }

    .text-black, .text-subtitle {
        font-size: 16px;
        font-weight: 500;
    }

    .text-bold, .title, .text-title {
        font-size: 16px;
        font-weight: bold;
        letter-spacing: -0.046875rem;
    }

    .large-title, .text-large-title {
        font-size: 18px;
        font-weight: bold;
        line-height: 20px;
    }

    .text-ultra-large-title {
        font-size: 26px;
        font-weight: bold;
        line-height: 32px;
        letter-spacing: 0px;
    }

    /**
     * Card job
    */

    .card-job .card-content {
        padding: var(--default-containers-padding);
    }

    .card-job .media {
        display: block;
    }

    .card-job .meta {
        flex-direction: column!important;
        align-items: start!important;
        justify-content: start!important;
        text-align: left;
        gap: var(--default-gap);
    }

    /**
     * Card company
    */
    .card-company .card-content {
        padding: var(--default-containers-padding);
    }

    /**
     * Newsletter Box
    */
    .newsletter-box .card-content {
        padding: var(--default-containers-padding);
        flex-direction: column;
        align-items: start!important;
        gap: var(--default-gap);
    }

    /**
     * Career page
    */
    .company-banner img {
        left: 36px;
    }

    .metadata .meta-boxes-wrapper {
        gap: 8px!important;
    }

    .metadata .meta-box span,
    .metadata .meta-box span.mdi {
        font-size: 12px;
    }

    .team-card .card-content,
    .advantage-card .card-content,
    .loc-card .card-content {
        padding: 1em!important;
    }

    #modal-gallery {
        width: 90%;
    }

    #modal-gallery .scrollable-scroller {
        top: calc(100% + 10px);
        width: 40px;
        height: 40px;
    }

    .gallery-carousel {
        padding: 0px;
    }

    .gallery-carousel.slick-slider img {
        height: 40vh;
    }

    .form-login-container {
        margin-top: var(--default-containers-padding);
    }
    
}

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

    .company-banner {
        height: 148px!important;
    }

    .company-banner img {
        width: 100px!important;
        height: 100px!important;
        left: calc(50% - 50px);
        border-radius: 100px!important;
        top: 98px!important;
        box-shadow: 0px 0px 6px rgba(0,0,0,0.2);
    }

    .company-name {
        text-align: center;
        margin-top: 1em!important;
    }

    .metadata .meta-boxes-wrapper {
        gap: 12px!important;

        align-items: center;
        justify-content: center;
    }

    .metadata .meta-boxes-wrapper .meta-box.is-align-items-center {
        flex-direction: column;
        align-items: center!important;
        justify-content: center!important;
        flex-grow: 1!important;
        max-width: calc((100% - 24px) / 3)!important;
        text-align: center;
    }

    .metadata .meta-box span,
    .metadata .meta-box span.mdi {
        font-size: 12px;
        max-width: 100%;
    }

    .metadata .meta-box span.mdi {
        text-align: center;
        display: block;
        width: 100%;

    }
}