/* Portrait */


/* Tablet */

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

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

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

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

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


/* Mobile */

@media only screen and (max-width: 414px) and (max-height: 736px) and (orientation: portrait) {
  
.next-project-bg h1 {
    padding: 22% 10%;
}	
	.project-bgimg {
        height: 736px;
        background-attachment: scroll;
    }
}

@media only screen and (max-width: 412px) and (max-height: 732px) and (orientation: portrait) {
	
.next-project-bg h1 {
    padding: 22% 10%;
} 		
    .project-bgimg {
        height: 732px;
    }
}

@media only screen and (max-width: 384px) and (max-height: 640px) and (orientation: portrait) {
	
.next-project-bg h1 {
    padding: 16% 10%;
} 	
    .project-bgimg {
        height: 640px;
    }
}

@media only screen and (max-width: 375px) and (max-height: 812px) and (orientation: portrait) {

		
.next-project-bg h1 {
    padding: 42% 10%;
} 
	
	.project-bgimg {
        height: 667px;
    }
}

@media only screen and (max-width: 375px) and (max-height: 667px) and (orientation: portrait) {

		
.next-project-bg h1 {
    padding: 20% 10%;
} 
	
	.project-bgimg {
        height: 667px;
    }
}

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

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

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

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