

@media screen and (max-width: 1680px ) {
    .homepage .projectLeftText  a.top_link {
        position: absolute;
        left: -80px;
        top: 0;
    }

}


@media screen and (max-width: 1600px ) {
    .homepage .projectContentBox.projectLeftText .project-description {
        padding-left: 40px;
    }
}

@media screen and (max-width: 1440px ) {
    .homepage div#projects-section div:nth-child(1) img.project_image_hmpg {
        margin-left: 85px;
    }
    .homepage #projects-section {
        overflow: hidden;
    }
}


@media screen and (max-width: 1200px ) {
    .homepage div#projects-section div:nth-child(1) img.project_image_hmpg {
        margin-left: 160px;
        width: 85%;
    }
    .projectLeftText .project_link.landing-arrow.landing-arrow-float-right {
        bottom: 0;
        right: 0;
    }
    .homepage .projectLeftText a.top_link {
        left: -20px;
    }
}


@media screen and (max-width: 1024px ) {
    .homepage #projects-section div.projectRightText .row .col-12.col-md-6.projectContentBoxInfoCol > a {
        padding-left: 10px;
    }
    .projectRightText .project_link.landing-arrow {
        left: 15px;
    }
    .homepage .projectContentBox.projectRightText a.project_link > h4.project_name_title.BigCaslon {
        padding-top: 40px;
    }
    .homepage .projectContentBox {
        margin-bottom: 60px;
    }
    .homepage div#projects-section div:nth-child(1) img.project_image_hmpg {
        margin-left: 120px;
        width: 80%;
    }
    .greek_version.homepage div.home-onoma-project .project-description {
        margin-left: 0;
    }
}

@media screen and (max-width: 991px ) {
    .projectLeftText .project_link.landing-arrow.landing-arrow-float-right {
        min-width: unset !important;
    }
}


@media screen and (max-width: 767px ) {
    .homepage div#landing-video-section,
    .homepage #home-mobile-video {
        margin-bottom: 47px;
    }

    .homepage a.project_link {
        display: flex;
        flex-direction: column;
        width: 100%;
    }
    .homepage h2.project_description.WhyteInktrap {
        order: -1;
    }

    .homepage div#projects-section div:first-child .col-12.col-md-6.projectContentBoxInfoCol {
        margin-left: 0 !important;
    }
    #projects-section div.home-ep-project .row .col-12.col-md-6.projectContentBoxInfoCol > a {
        width: 100% !important;
        height: 100% !important;
    }

    .homepage div#projects-section a.project_link > h4.project_name_title.BigCaslon {
        position: relative;
        left: unset;
        right: unset;
        bottom: unset;
        display: inline-block;
        text-align: center;
        width: 100%;
        font-size: 22px;
        padding-top: 0;
    }
    
    .homepage div#projects-section div:first-child .col-12.col-md-6.projectContentBoxInfoCol {
        position: relative;
        margin-top: 0;
        text-align: center;
        width: 100%;
    }

    .homepage div#projects-section .mobile-first {
        order: -1;
    }
    .homepage div#projects-section .projectContentBox.projectContentBoxCropped:nth-child(1) > .row > .col-12.col-md-6.text-center {
        padding-top: 0 !important;
    }
    .homepage .arrow_landing_default {
        background-image: url('./images/ARROW_LANDING_Vertical.svg');
        transform: none;
        position: relative;
        text-align: center;
        margin: 0 auto !important;
        display: inline-block;
        width: 39px;
        height: 53px;
    }
    .homepage .arrow_landing_default:hover {
        background-image: url('./images/ARROW_LANDING_Vertical.svg') !important;
        width: 39px;
        height: 53px;
    }
    .homepage video.project_video_hmpg {
        margin-top: 0;
    }
    .homepage div#projects-section div:nth-child(2) a.project_link.landing-arrow-float-center,
    .homepage div#projects-section.projectFullWidth  a.project_link.landing-arrow-float-center {
        position: relative !important;
        margin: 0;
        padding: 0;
    }
    .homepage .project_info_wrapper.d-flex {
        height: auto !important;
        flex-direction: column;
    }
    .homepage a.project_link,
    .homepage .projectContentBoxCropped .project_link:last-child {
        padding-top: 0px !important;
    }
    .homepage div#projects-section .projectContentBox.projectContentBoxCropped:nth-child(3) .col-12.col-md-6.projectContentBoxInfoCol h4 {
        position: relative;
        top: unset;
    }
    .homepage .projectContentBoxCropped .project_link:last-child,
    .homepage div#projects-section .projectContentBox.projectContentBoxCropped:nth-child(3) .col-12.col-md-6.projectContentBoxInfoCol > a.project_link.landing-arrow-float-right {
        position: relative;
        top: unset;
        right: unset;
        left: unset;
        padding: 0;
        height: 100%;
        bottom: unset;
    }
    .homepage .projectContentBoxCropped .project_link:last-child {
        height: 100%;
    }
    .homepage div#projects-section div:first-child .col-12.col-md-6.text-center {
    	padding-top: 0 !important;
    }
    .homepage .projectContentBox {
        margin-top: 44px;
        overflow: hidden;
        margin-bottom: 0;
    }
    /*.homepage .projectContentBox video,
    .homepage .projectContentBox img {
        vertical-align: bottom;
    }*/
    .homepage div#projects-section a.project_link > h4.project_name_title.BigCaslon {
        margin-bottom: 20px !important;
    }
    .projectContentBox.projectFullWidth h2.project_description.WhyteInktrap,
    .homepage h2.project_description.WhyteInktrap {
        margin-bottom: 20px;
    }
    .homepage .projectContentBox .project-description { 
    	margin-bottom: 20px;
    }

    .homepage a.project_link.landing-arrow,
    .homepage div#projects-section div:nth-child(2) a.project_link.landing-arrow-float-center {
    	margin-bottom: 25px;
    }
    .homepage #projects-section div > .row > .col-12.col-md-6.projectContentBoxInfoCol > a,
    .homepage #projects-section div:first-child > .row > .col-12.col-md-6.projectContentBoxInfoCol > a {
        display: flex;
    }


    .homepage div#projects-section .projectLeftText a.project_link > h4.project_name_title.BigCaslon, 
    .homepage div#projects-section .projectFullWidth a.project_link > h4.project_name_title.BigCaslon {
        padding-left: 0;
    }

    .projectContentBox.projectFullWidth .project_info_wrapper {
        margin-bottom: 0;
    }
    .homepage .projectContentBoxCropped .project_link:last-child, 
    .homepage div#projects-section .projectContentBox.projectContentBoxCropped:nth-child(3) .col-12.col-md-6.projectContentBoxInfoCol > a.project_link.landing-arrow-float-right,
    .homepage .projectContentBoxCropped .project_link.landing-arrow-float-right {
        display: flex;
        height: auto;
    }


    .homepage .projectLeftText a.top_link {
        position: relative;
        right: unset;
        left: unset;
        bottom: unset;
    }
    .homepage div#projects-section div:nth-child(1) img.project_image_hmpg {
        margin-left: 0;
        width: 100%;
    }

    .projectContentBoxCropped, .project_info_wrapper {
        max-width: calc(100% - 40px);
    }
}
@media(max-width:280px){
        .homepage div#landing-video-section{display:none !important;}
}