@media only screen and (max-width:600px) {
    .collapse.show {
        display: block;
        overflow: scroll;
        height: auto;
        background: var(--primary1);
        transition: all .3s
    }

    .accordioncareer .collapse.show {
        background: #fff
    }

    .accordioncareer .btn-link {
        padding: 15px 90px 15px 15px;
        font-size: 1.4rem
    }

    p.w-50 {
        width: 100% !important
    }

    .fluid1 {
        padding: 6rem 0
    }

    .client {
        padding: 4rem 0
    }

    #cover-game {
        position: fixed;
        bottom: 0;
        background: rgba(0, 0, 0, .5);
        background-repeat: no-repeat;
        color: #f1f1f1;
        width: auto;
        height: 100%;
        padding: 20px
    }

    .list-layout2 li.list-group-item::before {
        left: 36%
    }

    .layout1 {
        background-size: contain;
        background-position: 0 52rem;
        min-height: 116vh
    }

    .layout1.bg-whatWeDo {
        background-position: 0 68rem;
        min-height: 135vh
    }

    .layout1.bg-team {
        background-position: 0 60rem;
        min-height: 120vh
    }

    .layout1.bg-ourvision {
        background-position: 0 60rem;
        min-height: 120vh
    }

    .layout1-card,
    .layout1-card-right {
        padding: 4rem 2rem
    }

    .layout1-card-right {
        margin-top: 0
    }

    .navbar-dark .navbar-brand {
        font-size: 2rem
    }

    .navbar-brand img {
        width: 2.5rem;
        vertical-align: text-bottom
    }

    #nav-icon3 {
        width: 34px;
        height: 30px
    }

    .hero__inner-wrapper h1 {
        font-size: 2.4rem;
        line-height: 3.2rem
    }
}