@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);
    }
    
}