.java-full-block {
	background: #fff;
	display: flex;
	justify-content: space-between;
	overflow: hidden;
	z-index: 4;
}

@media(min-width: 2560px) {.java-full-block {min-height: 800px}}
@media(max-width: 2559px) and (min-width: 2360px) {.java-full-block {min-height: 730px}}
@media(max-width: 2359px) and (min-width: 2260px) {.java-full-block {min-height: 670px}}
@media(max-width: 2259px) and (min-width: 2100px) {.java-full-block {min-height: 620px}}
@media(max-width: 2099px) and (min-width: 2001px) {.java-full-block {min-height: 570px}}
@media(max-width: 2000px) and (min-width: 1900px) {.java-full-block {min-height: 670px}}
@media(max-width: 1899px) and (min-width: 1600px) {.java-full-block {min-height: 600px}}
@media(max-width: 1599px) and (min-width: 1500px) {.java-full-block {min-height: 560px}}

@media(max-width: 1500px) {.java-full-block {padding-bottom: 30px}}

.java-full-block .heading-text {
	font-size: 16px;
	font-weight: 400;
	z-index: 3;
	margin-top: 50px;
}

.java-full-block .heading-text h1 {
	font-size: 90px;
	font-weight: 700;
	-webkit-animation: 3s pulseHeading ease-in-out infinite;
    animation: 3s pulseHeading ease-in-out infinite;
    width: 220px;
}

.java-full-block .heading-text .info {
	font-weight: 500;
}

.java-full-block .btn {
	width: 300px;
	text-align: center;
	padding: 15px 0;
	margin-top: 10px;
	max-width: 80%;
}

@media(min-width: 691px) {
	.java-full-block .btn.white {
		background: transparent;
		border: 1px solid #232323;
	}
}

#bg-java {
	position: relative;
}

#bg-java img.light {
	position: absolute;
	top: 0;
	left: 40px;
	z-index: 5;
	-webkit-animation: 7s lightShake linear infinite;
    animation: 7s lightShake linear infinite;
    transform-origin: top center;
}

@keyframes lightShake {
	0% {transform: initial}
	25% {transform: rotate(-15deg)}
	50% {transform: rotate(0deg)}
	75% {transform: rotate(15deg)}
	100% {transform: initial}
}

#bg-java img.full-bg {
	position: relative;
	top: -50px;
	left: 100px;
	transform: scale(1.3);
	z-index: 2;
}

@media(min-width: 1501px) {
	.features.java {padding-bottom: 0}
	.features.java .allInner {
		position: relative;
		top: -50px;
		z-index: 1;
	}
}

.features.java .showOnMouse {
	width: 50%;
	left: 22.5%;
	opacity: .95;
}

@media(max-width: 1200px) and (min-width: 768px) {.features.java .showOnMouse {width: 60%;left: 17.5%;}}
@media(max-width: 769px) {.features.java .showOnMouse {width: 90%;left: 2.5%;}}

.play-button {
	position: relative;
	top: 50px;
	left: 120px;
}

@media(max-width: 1330px) and (min-width: 900px) {.play-button {
	top: -50px;
	left: 420px;
	z-index: 15;
}}

@media(max-width: 899px) and (min-width: 691px) {.play-button {
	top: -50px;
	left: 370px;
	z-index: 15;
}}

#pictures-bg {
	position: absolute;
	z-index: 7;
	top: 40px;
	right: 0;
}

@media(max-width: 1250px) and (min-width: 1150px) {#pictures-bg img {transform: scale(0.8)}}
@media(max-width: 1149px) and (min-width: 1024px) {#pictures-bg img {transform: scale(0.6) translateX(50px)}}

@media(max-width: 850px) and (min-width: 751px) {#pictures-bg img {transform: scale(0.6) translateY(-60px)}}

@media(min-width: 1024px) {#bg-java .full-bg.tablet {display: none}}
@media(max-width: 1023px) {
	#bg-java .full-bg.desktop {display: none}
}

@media(max-width: 750px) {
	#bg-java img.full-bg {left: 0px; transform: scale(2)}
	#bg-java img.light {top: -20px; left: -120px}
	#pictures-bg img {display: none}
}

@media(min-width: 691px) {img.light.mobile {display: none}}

@media(max-width: 690px) {	
	#bg-java img.light, #bg-java .full-bg.tablet {display: none}
	
	img.light.mobile {
		position: relative;
		top: 80px;
		-webkit-animation: 7s lightShake linear infinite;
		animation: 7s lightShake linear infinite;
		transform-origin: top center;
	}
	
	.java-full-block {
	    color: #f4f4f4;
		background: linear-gradient(108.53deg, #FFC107 -13.53%, #FF9C07 74.67%);
	    display: block;
	    text-align: center;
	}
	
	.java-full-block.php-block {background: linear-gradient(108.78deg, #182794 -13.51%, #85C1FF 74.86%)}
	
	.java-full-block .heading-text {
		margin-top: 0;
		position: relative;
		top: -80px;
	}
	
	.java-full-block .heading-text h1 {width: initial; color: #fff}
	
	.play-button {
		position: static;
		margin-top: 30px;
	}
	
	.play-button > div {margin: 0 auto}
}