/* Landscape */

@media only screen and (max-width: 2880px) and (orientation: landscape) {
    .project-bgimg {
        height: 1800px;
    }
}

@media only screen and (max-width: 2560px) and (orientation: landscape) {
    .project-bgimg {
        height: 1600px;
    }
}

@media only screen and (max-width: 1920px) and (orientation: landscape) {
    .project-bgimg {
        height: 1010px;
    }
}

@media only screen and (max-width: 1680px) and (orientation: landscape) {
    .project-bgimg {
        height: 1000px;
    }
}

@media only screen and (max-width: 1600px) and (orientation: landscape) {
    .project-bgimg {
        height: 860px;
    }
}

@media only screen and (max-width: 1440px) and (orientation: landscape) {
    .project-bgimg {
        height: 860px;
    }
}

@media only screen and (max-width: 1366px) and (orientation: landscape) {
    .project-bgimg {
        height: 768px;
    }
}


/* Tablet */

@media only screen and (max-width: 1280px) and (max-height: 1024px) and (orientation: landscape) {
    .project-bgimg {
        height: 1024px;
    }
}

@media only screen and (max-width: 1280px) and (max-height: 800px) and (orientation: landscape) {
    .project-bgimg {
        height: 800px;
    }
}

@media only screen and (max-width: 1280px) and (max-height: 720px) and (orientation: landscape) {
    .project-bgimg {
        height: 720px;
    }
}

@media only screen and (max-width: 1024px) and (max-height: 768px) and (orientation: landscape) {
    .next-project-bg {
        background-attachment: scroll!important;
    }
    .project-bgimg {
        height: 768px;
        background-attachment: scroll!important;
    }
}


/* Mobile */

@media only screen and (max-width: 740px) and (max-height: 360px) and (orientation: landscape) {
    .project-bgimg {
        height: 360px;
    }
}

@media only screen and (max-width: 736px) and (max-height: 414px) and (orientation: landscape) {
    .project-bgimg {
        height: 414px;
    }
}

@media only screen and (max-width: 667px) and (max-height: 375px) and (orientation: landscape) {
    .project-bgimg {
        height: 375px;
    }
}

@media only screen and (max-width: 640px) and (max-height: 360px) and (orientation: landscape) {
    .project-bgimg {
        height: 368px;
    }
}

@media only screen and (max-width: 568px) and (max-height: 320px) and (orientation: landscape) {
    .project-bgimg {
        height: 320px;
    }
}