@media (max-width:1536px) {
    .middle_content {
        padding-left: 10rem
    }

    .scroll-nav {
        padding-left: 10rem
    }

    .presentation {
        padding: 8rem 10rem 8rem 10rem
    }

    .project_stage {
        padding: 6rem
    }

    .stage_description {
        width: 75%
    }

    .project_name h1 {
        font-size: 5rem
    }

    .stage_headline h1 {
        font-size: 2.5em
    }

    .section_col__padding {
        padding: 0 12rem 0 12rem
    }

    .title h1 {
        color: #fff;
        font-size: 4.5rem
    }

    .project_title {
        font-size: 2.5em
    }

    .title_row h3 {
        font-size: 2.5rem
    }

    .hero_absolute--top {
        top: 27%
    }

    .latest_work {
        padding: 6rem 10rem
    }

    .gallery_title {
        padding: 6rem 9rem 3rem 9rem
    }

    .grid-container {
        padding: 0 10rem 13rem 10rem
    }

    .project_name .big-title {
        font-size: 6rem
    }

    .middle_content--top {
        padding: 0 8rem
    }
}

@media (max-width:1366px) {
    .main-nav {
        padding: 1rem 3rem 1rem 3rem
    }

    .main-nav-bottom {
        padding: 1rem 3rem 3.8rem 3rem
    }

    .scroll-nav {
        padding: 1rem 2rem 3.8rem 8rem
    }

    .velo-slide__text {
        font-size: 1.2rem
    }

    .text-2 {
        font-size: 1.1rem
    }

    .btn-draw,
    .velo-slider__hint > span {
        font-size: .8rem
    }

    .section_col {
        padding: 2rem 6rem 2rem 6rem
    }

    .section_description {
        width: 70%
    }

    .no_padding {
        padding: 0
    }

    .grid-container {
        padding: 0 6rem 13rem 6em
    }

    .gallery_title {
        padding: 6rem 5rem 3rem 5rem
    }

    .middle_content--top {
        padding: 0 5rem
    }

    .hero_absolute--top {
        top: 25%
    }

    .latest_work {
        padding: 6rem 8rem;
        margin: 4rem 0
    }

    .project_stage {
        padding: 6rem 8rem
    }

    .presentation {
        padding: 8rem
    }

    .title_box {
        margin-right: 6rem
    }

    .about-col {
        padding: 0
    }

    .project_name--top h1 {
        line-height: 110px
    }
}

@media (max-width:1280px) {
    .velo-slide__title {
        font-size: 3rem
    }

    .custom-cursor {
        display: none
    }

    .hero_absolute {
        top: 53%
    }

    .hero_absolute--top {
        top: 25%
    }
}

@media (max-width:1024px) {
    .main-nav {
        padding: 1rem 2rem 2rem 2rem
    }

    .velo-slide__title {
        font-size: 4rem
    }

    #scroll-wrapper {
        display: none
    }

    .middle_content {
        padding-left: 5rem
    }

    .latest_work {
        padding: 6rem 5rem
    }

    .project_title {
        font-size: 2.1em;
        margin-bottom: 2rem
    }

    .scroll-nav {
        padding-left: 5rem
    }

    .scroll-nav-mobile {
        display: block
    }

    .presentation {
        padding: 5rem
    }

    .section_col {
        padding: 2rem
    }

    .project_stage {
        padding: 6rem 4rem
    }

    .container_margin {
        margin-bottom: 2rem
    }

    .no_padding {
        padding: 0
    }

    .title_box {
        margin-right: 3rem
    }

    .hero_absolute {
        top: 61%
    }

    .hero_absolute--top {
        top: 25%
    }

    .grid-container {
        padding: 0 4rem 13rem 4em
    }

    .gallery_title {
        padding: 6rem 3rem 3rem 3rem
    }

    .velo-slide__bg:after {
        background: #080808;
        background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(8, 8, 8, .9)), to(rgba(8, 8, 8, .1)));
        background: linear-gradient(0deg, rgba(8, 8, 8, .9) 0, rgba(8, 8, 8, .1) 100%)
    }

    .services-wrapper {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .scroll-to-top {
        bottom: 1.5rem;
        right: 1.5rem;
    }
}

@media (max-width:800px) {
    .iconography-horizontal {
        display: none
    }

    .iconography-vertical {
        display: block
    }

    .color-desktop {
        display: none
    }

    .color-mobile {
        display: block
    }

    .about-col {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: 2rem
    }

    .description_title {
        width: 100%;
        margin-top: 2rem
    }

    .description_paragraph {
        width: 100%
    }

    .section_col {
        padding: 0 2rem
    }

    .project_name .big-title {
        font-size: 4.5rem;
        line-height: 90px
    }

    .project_stage {
        padding: 4rem
    }

    .full_width-img {
        margin-top: 3rem
    }

    .wrap_col {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .half_container {
        margin: 0
    }

    .no_padding {
        padding: 0
    }

    .half_container--margin {
        margin-bottom: 3rem
    }

    .desktop_display {
        display: none
    }

    .mobile_display {
        display: block
    }

    .scroll-to-top {
        bottom: 1rem;
        right: 1rem;
    }
}

@media (max-width:480px) {
    .about-body {
        overflow: scroll
    }

    .menu__link {
        opacity: 1;
        font-size: .9em
    }

    h6 {
        font-size: .95em
    }

    p {
        font-size: .9em
    }

    body::-webkit-scrollbar {
        display: none
    }

    .main-nav {
        padding: .5rem 1rem 2rem 1rem
    }

    .section-nav-top li a {
        margin-left: 2rem
    }

    .logo a {
        display: none
    }

    #project-line-wrapper {
        display: none
    }

    .velo-slide__header {
        padding-left: 5%
    }

    .velo-slide__title {
        font-size: 2.5rem;
        line-height: 1.2
    }

    .velo-slide__figure {
        background-size: cover
    }

    .velo-slide__text {
        font-size: 1.1em;
        letter-spacing: normal
    }

    .velo-slide__btn {
        padding-left: 5%
    }

    .btn-draw .btn-draw__text {
        font-size: .9em
    }

    .velo-slides-nav i {
        font-size: 2em
    }

    .text-2 {
        font-size: .85rem
    }

    .scroll-nav {
        display: none
    }

    #scroll-wrapper {
        display: none
    }

    .scroll-nav-mobile {
        display: block
    }

    #scroll-wrapper-mobile {
        display: table
    }

    .sections-nav__social {
        display: none
    }

    .btn-draw {
        margin: 2em 0 0 1em
    }

    .velo-slides-nav {
        right: 8%;
        bottom: 1.5em
    }

    .grid-item {
        margin-bottom: 3rem
    }

    .hero_absolute {
        height: 80vh;
        top: 55%
    }

    .hero_bg {
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat
    }

    .middle_content {
        padding: 0 0 0 8%
    }

    .project_name h1 {
        font-size: 3rem;
        margin: .5em 0;
        letter-spacing: normal
    }

    .project_name p {
        font-size: 1.1em
    }

    .presentation {
        padding: 3rem 2rem 3rem 2rem
    }

    .title_box {
        margin: 2rem 4rem 2rem 0
    }

    .about_project {
        width: 100%;
        margin-right: 0;
        margin-left: 0;
    }

    .presentation_title {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin: 2rem 0 0 0
    }

    .project_stage {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 2rem 1rem
    }

    .stage_headline {
        width: 100%
    }

    .stage_description {
        width: 100%
    }

    .stage_headline h1 {
        font-size: 2.2em;
        margin: .4em 0;
        line-height: 45px
    }

    .stage_headline h3 {
        font-size: 1.4em;
        line-height: 35px
    }

    .section_col {
        padding: 0 1rem 0 1rem
    }

    .half_container {
        margin: 0 0 3rem 0
    }

    .container_margin {
        margin-bottom: 2rem
    }

    .container_margin-2 {
        margin-top: 3rem
    }

    .three_cols {
        padding-left: 0;
        padding-right: 0
    }

    .no_padding {
        padding: 0
    }

    .gallery_title {
        padding: 4rem 1rem 4rem 1rem
    }

    .title h1 {
        font-size: 2.5rem;
        margin-top: 0
    }

    .filter_icon i {
        font-size: 1.5rem
    }

    .grid-container {
        grid-template-columns: 100%;
        grid-gap: 2rem;
        padding: 0 1rem 2rem 1rem
    }

    .content_inner {
        margin: 2rem 0 0 0
    }

    .item-inner {
        margin-bottom: 1rem
    }

    .project_title {
        margin: 1.2em 0 1.2em 0;
        font-size: 2.5em
    }

    .single-project--about {
        height: auto
    }

    .latest_work {
        padding: 6rem 2rem 6rem 2rem
    }

    .latest_work h3 {
        font-size: 1.2rem
    }

    .title_row h3 {
        font-size: 1.5rem;
        margin-bottom: 0
    }

    .title_row a {
        font-size: 1rem
    }

    .hero_absolute--top {
        position: absolute;
        margin: 0;
        padding: 0;
        top: 23%;
        width: 100vw
    }

    .hero_bg--top {
        top: -5%
    }

    .middle_content--top {
        position: relative;
        padding: 0 5%;
        top: 21%
    }

    .work_titles {
        z-index: 3
    }

    .project_name--top {
        margin-bottom: 6rem
    }

    .project_name--top h3 {
        font-size: 1rem
    }

    .project_name--top p {
        width: 100%;
        margin-top: 2rem
    }

    .social_anchors {
        margin-top: 2rem
    }

    .social_anchors a {
        font-size: .9em
    }

    .hero_bg--top:after {
        background: #080808;
        background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(8, 8, 8, 1)), to(rgba(8, 8, 8, .196516106442577)));
        background: linear-gradient(0deg, rgba(8, 8, 8, 1) 0, rgba(8, 8, 8, .196516106442577) 100%)
    }

    .full_width-img {
        margin-top: 0
    }

    .wrapper-black {
        padding: 0
    }

    .distorsion {
        display: none
    }

    .project_name .big-title {
        font-size: 2.3rem;
        line-height: 50px
    }

    .project_name--top p {
        margin-top: 0;
        line-height: 26px
    }

    .about-col {
        margin-bottom: 0;
        padding: 0
    }

    .about_description.bold_description {
        font-size: 1.15em
    }

    .margin-top-container {
        margin-top: 0
    }

    .services-container {
        margin: 1.5rem 2rem 0 0
    }

    .services-icon {
        margin-bottom: .5rem
    }
}

@media (max-width:375px) {
    .title_box {
        margin: 2rem 2rem 2rem 0
    }

    .about_project {
        margin-left: 0;
        margin-right: 0;
    }

    .title h1 {
        font-size: 2.5rem
    }

    .velo-slide__title {
        font-size: 2.2rem
    }

    .project_name p {
        font-size: 1em
    }

    .content_inner {
        margin: 1rem 0 0 0
    }

    .content_inner h4 {
        line-height: 2rem;
        margin: .5em 0;
        font-size: 2em
    }

    .project_description {
        font-size: 1.1em
    }

    .hero_absolute--top {
        top: 28%
    }

    .hero_absolute {
        top: 60%;
    }

    .latest_work h3 {
        font-size: 1rem
    }

    .title_row h3 {
        font-size: 1.1rem
    }

    .title_row a {
        font-size: .9em
    }

    .latest_work {
        padding: 15rem 1rem 6rem 1rem
    }

    .title_row {
        margin-top: 1rem
    }
}

@media (max-width:320px) {
    .hero_absolute--top {
        top: 15%
    }

    .latest_work h3 {
        font-size: 1rem
    }

    .title_row h3 {
        font-size: 1.1rem
    }

    .title_row a {
        font-size: .9em
    }

    .latest_work {
        padding: 28rem 1rem 6rem 1rem
    }

    .title_row {
        margin-top: 1rem
    }

    .project_name--top h3 {
        font-size: .9rem
    }
}