@media (max-width:1024px) {

	.right-image .feature-wrapper-1 img, .right-image .feature-wrapper-2 img, .right-image .feature-wrapper-3 img, .right-image .feature-wrapper-4 img {
		width: 8rem;
	}
	.wrapper-images.right-image .feature-wrapper-1 li img, .wrapper-images.right-image .feature-wrapper-2 li img, .wrapper-images.right-image .feature-wrapper-3 li img, .wrapper-images.right-image .feature-wrapper-4 li img {
		width: 36px;
	}
	.right-image .feature-img2 {
		left: 31%;
	}
	.wrapper-images.right-image .feature-wrapper-1 ul, .wrapper-images.right-image .feature-wrapper-2 ul, .wrapper-images.right-image .feature-wrapper-3 ul, .wrapper-images.right-image .feature-wrapper-4 ul {
		left: 15%;
	}
	.right-image .feature-img3 {
		left: 55%;
	}
	
	.right-image .feature-img4 {
		left: 77%;
	}
	.feature-img3 {
		top: 15%;
	}

	.feature-img4 {
		top: 20%;
	}

	.images-bg {
		width: calc(65%);
	}

	.right-image .feature-img4 {
		top: 20%;
	}
	.feature-img2 {
		top: 20%;
	}
	
	.feature-img4 {
		top: 20%;
		left: 70%;
	}
	
	.right-image .feature-img4 {
		top: 50%;
		left: 78%;
	}
	
	.h2 {
		font-size: 52px;
	}
	.wrapper-images img {
		width: 15rem;
	}

	.games-wrapper {
		gap: 10px;
	}

	.banner {
		height: auto;
	}

	.banner-content {
		width: 90%;
	}

	.contact-form button {
		width: 50% !important;
	}

	.proj-manager-wrapper button {
		margin: 10px 0;
		width: 100% !important;
	}
	.work-banner {
		height: 40vh;
	}	.work-banner img {
		height: 100%;
		object-fit: cover;
		object-position: center;
	}
	
	.work-banner .h1 {
		top: 22%;
		height: auto;
		bottom: auto;
	}
	
}

@media (max-width:992px) {

	.feature-wrapper-large-1 {
		top: -48%;
		left: 10%;
	}
	
	.feature-wrapper-large-2 {
		top: -45%;
		left: 50%;
		right: auto;
	}
	
	.feature-wrapper-large-1 img, .feature-wrapper-large-2 img {
		width: 10rem;
	}
	
	.wrapper-images .feature-wrapper-large-1 ul, .wrapper-images .feature-wrapper-large-2 ul {
		left: 22%;
		bottom: -16%;
	}

	.right-image .feature-wrapper-1 {
		top: -42%;
		left: 6%;
	}
	
	.right-image .feature-wrapper-2 {
		top: -45%;
		left: 29%;
	}
	
	.right-image .feature-wrapper-3 {
		top: -42%;
		left: 52%;
	}
	
	.right-image .feature-wrapper-4 {
		top: -45%;
		left: 76%;
	}
	
	.wrapper-images.right-image .feature-wrapper-1 li img, .wrapper-images.right-image .feature-wrapper-2 li img, .wrapper-images.right-image .feature-wrapper-3 li img, .wrapper-images.right-image .feature-wrapper-4 li img {
		width: 24px;
	}
	
	.wrapper-images.right-image .feature-wrapper-1 ul, .wrapper-images.right-image .feature-wrapper-2 ul, .wrapper-images.right-image .feature-wrapper-3 ul, .wrapper-images.right-image .feature-wrapper-4 ul {
		left: 26%;
		bottom: -20%;
	}
	
	.wrapper-images.right-image .feature-wrapper-1 li, .wrapper-images.right-image .feature-wrapper-2 li, .wrapper-images.right-image .feature-wrapper-3 li, .wrapper-images.right-image .feature-wrapper-4 li {
		width: auto;
	}

	.image-bg-right {
		height: 450px !important;
		margin-top: 180px !important;
	}
	.h1 {
		font-size: 34px;
		line-height: 40px;
	}

	.h4 {
		font-size: 20px;
	}

	.wrapper-pd {
		padding-top: 32px;
		padding-bottom: 32px;
	}

	.right-image .feature-img1 {
		left: 4%;
		top: -50%;
	}
	.feature-img3 {
		left: 50%;
		top: -44%;
	}
	.feature-img4 {
		left: 75%;
		top: -38%;
	}
	
	.right-image .feature-img4 {
		top: -40%;
		left: 76%;
	}
	
	.right-image .feature-img2 {
		left: 28%;
		top: -40%;
	}
	
	.right-image .feature-img3 {
		left: 52%;
		top: -50%;
	}
	
	.h2 {
		font-size: 32px;
		line-height: 32px;
	}

	p {
		font-size: 16px;
		line-height: 30px;
	}

	.images-bg {
		position: relative;
		width: 100%;
		height: 380px;
		margin-top: 50px;
	}

	.wrapper-images {
		position: absolute;
		left: 0;
		width: 100%;
	}

	.feature-img1 {
		top: -30%;
		left: 16%;
	}

	.feature-img2 {
		top: -18%;
	}

	.col-rev {
		flex-direction: column-reverse;
	}

	.games-wrapper {
		display: block;
	}

	.key-box {
		margin-bottom: 20px;
	}

	.custom-col-3 .col-lg-3 {
		width: 50%;
	}

	.game-col a {
		width: 200px;
	}

	.sidenav {
		height: 100%;
		width: 0;
		position: fixed;
		z-index: 9999;
		top: 0;
		left: 0;
		background-color: #111;
		overflow-x: hidden;
		transition: 0.5s;
		padding-top: 60px;
	}

	.sidenav li {
		padding: 14px;
		font-size: 25px;
		display: block !important;
		transition: 0.3s;
		border-bottom: 1px solid rgba(255, 255, 255, 0.22);
	}

	.sidenav li a {
		color: #fff;
	}

	.sidenav .closebtn {
		position: absolute;
		top: 0;
		right: 25px;
		font-size: 36px;
		margin-left: 50px;
	}

	.navbar-brand img {
		width: 5rem;
	}

	.closebtn {
		display: block;
	}

	.white-header .navbar-toggler-icon,
	.scrolled-header .navbar-toggler-icon {
		filter: invert(1);
	}

	.white-header .sidenav {
		height: 100vh;
	}

	.white-header .sidenav li a,
	.scrolled-header .sidenav li a {
		color: #fff;
	}

	.contact-form .h3 {
		font-size: 30px;
	}

	.contact-form {
		padding: 32px 20px;
	}

	.contact-form .form-check label {
		width: 100%;
		display: block;
	}

	.contact-form .form-check {
		font-size: 18px;
		line-height: 34px;
	}

	.contact-form button {
		width: 100% !important;
	}

	.social-icons {
		margin-top: 20px;
	}

	.h3 {
		font-size: 30px;
	}

	.h-352 {
		height: auto;
	}

	.vales-box {
		margin-top: 20px;
		margin-bottom: 0 !important;
	}

	.benefits-wrapper ul {
		padding: 0;
	}

	.benefits-wrapper ul li span {
		width: 73%;
	}
	.work-banner img {
		height: 100%;
		object-fit: cover;
		object-position: center;
	}
	
	.work-banner .h1 {
		top: 22%;
		height: auto;
		bottom: auto;
	}
	
	.work-banner {
		height: 40vh;
	}
	
	.slider-container .slide {
		height: 300px;
	}
	
	.progress-container {
		width: 85%;
	}
	.gallery-1, .gallery-2, .gallery-3, .gallery-4 {
		height: 300px;
		margin-bottom: 20px;
	}
	
	.moving-slider .slide {
		height: 300px;
	}
	
	.moving-slider {
		height: 300px;
	}
	
	.moving-slider-content-wrapper {
		opacity: 1;
	}
	
	.moving-slider-content-wrapper .sub-title {
		margin-top: 100px;
	}
	.talents-slider-wrapper .slider img {
		height: 300px;
		width: 100%;
		object-fit: cover;
	}
	
	.talents-slider-wrapper {
		margin-top: 30px;
	}
	
	.talents-slider-wrapper .content-box {
		width: 100%;
		height: auto;
		padding: 10px;
	}
	
	.talents-slider-wrapper .dots-container {
		top: 50%;
		bottom: auto;
		left: 50%;
	}
	.talents-slider-wrapper .content-box .h4::before{
		left: -5%;
		top: 43%;
	}
	.talents-slider-wrapper .content-box .h4 {
		margin-top: 20px;
	}
}

@media (max-width:767px) {
	
	.feature-img3 {
		top: -42%;
		left: 51%;
	}
	
	.feature-img4 {
		top: -36%;
	}
	
	.right-image .feature-img3 {
		left: 51%;
		top: -50%;
	}
	
	.right-image .feature-img4 {
		top: -40%;
		left: 72%;
	}

	.talents-slider-wrapper .dots-container {
		top: 34%;
	}
	.gallery-row-1 {
		display: block;
	}
	
	.proj-manager-wrapper {
		padding: 32px 20px;
	}

	.proj-manager-wrapper .title-wrapper ul li {
		margin: 10px 5px;
	}

	.proj-manager-wrapper button {
		margin: 10px 0;
		width: 100% !important;
	}

	.benefits-wrapper ul {
		padding: 0;
	}

	.benefits-wrapper ul li span {
		margin-top: 10px;
	}

	.wrapper-images img {
		width: 10rem;
	}

	.feature-img2 {
		top: -42%;
	}

	.images-bg {
		margin-top: 20px;
		margin-bottom: 50px;
	}

	.feature-img1 {
		top: -42%;
	}

	.game-col a:not(:last-child) {
		margin-bottom: 20px;
	}

	.right-image .feature-img2 {
		left: 28%;
	}

	.order-xs-1 {
		order: 1;
	}

	.order-xs-2 {
		order: 2;
	}

	.banner-content {
		bottom: 10%;
	}
}

@media (max-width:580px) {
	.wrapper-images.right-image img {
		width: 5rem;
	}
	.wrapper-images img {
		width: 10rem;
	}

	.feature-img1 {
		left: 20%;
	}

	.custom-col-3 .col-lg-3 {
		width: 100%;
	}
	.image-bg-right {
		height: 300px !important;
		margin-top: 60px !important;
		margin-bottom: 0px !important;
	}
	.right-image .feature-wrapper-1 {
		top: -34%;
		left: 6%;
	}
	
	.right-image .feature-wrapper-2 {
		top: -30%;
		left: 29%;
	}
	
	.right-image .feature-wrapper-3 {
		top: -34%;
		left: 52%;
	}
	
	.right-image .feature-wrapper-4 {
		top: -30%;
		left: 76%;
	}
	
	.wrapper-images.right-image .feature-wrapper-1 li img, .wrapper-images.right-image .feature-wrapper-2 li img, .wrapper-images.right-image .feature-wrapper-3 li img, .wrapper-images.right-image .feature-wrapper-4 li img {
		width: 24px;
	}
	
	.wrapper-images.right-image .feature-wrapper-1 ul, .wrapper-images.right-image .feature-wrapper-2 ul, .wrapper-images.right-image .feature-wrapper-3 ul, .wrapper-images.right-image .feature-wrapper-4 ul {
		left: 10%;
		bottom: -28%;
	}
	
	.wrapper-images.right-image .feature-wrapper-1 li, .wrapper-images.right-image .feature-wrapper-2 li, .wrapper-images.right-image .feature-wrapper-3 li, .wrapper-images.right-image .feature-wrapper-4 li {
		width: auto;
	}

	.wrapper-images.right-image .feature-wrapper-1, .wrapper-images.right-image .feature-wrapper-2, .wrapper-images.right-image .feature-wrapper-3, .wrapper-images.right-image .feature-wrapper-4 {
		width: 5rem;
		height:10rem;
	}
}

@media (max-width: 480px) {
	.wrapper-images .feature-wrapper-large-1 li, .wrapper-images .feature-wrapper-large-2 li {
		width: auto;
	}
	
	.wrapper-images .feature-wrapper-large-1 ul, .wrapper-images .feature-wrapper-large-2 ul {
		bottom: -22%;
	}
	.feature-wrapper-large-1 {
		top: -40%;
	}
	
	.feature-wrapper-large-2 {
		top: -40%;
	}
	.right-image .feature-img2, .right-image .feature-img4 {
		top: -30%;
	}
	.feature-img1 {
		left: 5%;
		top: -34%;
	}

	.feature-img2 {
		top: -30%;
		left: 46%;
	}

	.wrapper-images img {
		width: 8rem;
	}

	.right-image .feature-img2 {
		left: 26%;
	}
	.feature-img3 {
		top: -34%;
		left: 50%;
	}
	
	.feature-img4 {
		top: -30%;
		left: 73%;
	}
	
	.right-image .feature-img3 {
		top: -35%;
		left: 49%;
	}
	.right-image .feature-img1 {
		left: 3%;
		top: -36%;
	}
}

@media (max-width: 360px) {
	.images-bg {
		margin-top: 70px;
	}

	.wrapper-images img {
		width: 8rem;
	}
}

@media (min-width: 768px) and (max-width: 992px) {
	.wrapper-list li {
		display: block;
		margin: 20px;
		width: 33%;
	}

	.wrapper-list {
		display: flex;
	}

	.wrapper-list li img {
		display: block;
	}

	.desc-list {
		margin: 20px 0;
	}

	.images-bg {
		margin-top: 100px;
		height: 300px;
	}

	.feature-img1 {
		top: -45%;
	}

	.feature-img2 {
		top: -42%;
		right: 30%;
	}
}

@media screen and (min-width: 2560px) {
	.images-bg {
		width: calc(100% - 48%);
	}
}

@media screen and (min-width: 3840px) {
	.images-bg {
		width: calc(100% - 48%);
	}
}