.main_section{
	overflow: hidden;
	flex-direction: column;
	justify-content: space-between;
	height: 100vh;
	background: #773a00;
}
.game-based-temp{
	width: 100%;
	height: 58%;
	/* overflow: hidden; */
	/* border-top: 20px solid #cbb38f; */
}
.gamezone{
	/* background: #fff; */
	width: 100%;
	height: 43%;
	position: fixed;
}
.mouse-game-wrap{
	width: 100%;
    position: relative;
    height: 100%;
    background-size: 100% 100%;
    /* background-image: url(../images/bg.png); */
	background-repeat: no-repeat;
	overflow: hidden;
}
/* .mouse-game-wrap:after{
	position: absolute;
	content: "";
	background-size: 100% 100%;
    background-image: url(../images/Track_full.png);
    background-repeat: no-repeat;
    bottom:-24px;
    z-index: 0;
    width: 100%;
    height: 103px;
} */
.gamezone:after{
	position: absolute;
    content: "";
    background-size: 100% 100%;
    /* background-image: url(../images/feesbackbg.png); */
    background-repeat: no-repeat;
	top: 90%;
	transform: translateY(-7%);
	bottom: auto;
    z-index: 0;
    width: 100%;
	height: 100%;
	overflow: hidden;
    min-height: 60vh;
}
.mouse-img{
	position: absolute;
	z-index: 1;
	left: 20px;
	bottom: 12%;
	width: 100%;
	max-width: 120px;
}

.cat-img{
	position: absolute;
    right: 0;
    bottom: 19%;
    z-index: 0;
    width: 100%;
    max-width: 290px;
	-webkit-transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	-o-transition: all 0.1s linear;
	transition: all 0.1s linear;
    transform: translateY(154px);
}

.cheese-img{
	z-index: 2;
	position: absolute;
	right: calc(350px - 50px);
	bottom: 12%;
	width: 100%;
	max-width: 95px;
}
.moving-forward{
	/* left: calc(100% - 500px); */
	-webkit-transition: all 2.9s linear;
	-moz-transition: all 2.9s linear;
	-o-transition: all 2.9s linear;
	transition: all 2.9s linear;
}
.moving-back{
	/* left: 20px; */
	-webkit-transition: all 2.9s linear;
	-moz-transition: all 2.9s linear;
	-o-transition: all 2.9s linear;
	transition: all 2.9s linear;
}
.cat-bed
{
	position: absolute;
	bottom: 0;
}

@keyframes move
{
	0%   {left: 0px;}
	100%  {left: calc(100% - 350px);}
}


@media only screen and (max-width: 1199px) {
	.mouse-img{
		max-width: 90px;
		bottom: 10%;
	}
	.cat-img{
		max-width: 190px;
		bottom: 16%;
	}
	.cheese-img{
		right: 127px;
		max-width: 55px;
		bottom: 10%;
	}
}
@media only screen and (max-width: 991px) {
	.mouse-img{
		max-width: 80px;
		bottom: 10%;
	}
	.cat-img{
		max-width: 210px;
		bottom: 16%;
	}
	.cheese-img{
		right: 177px;
		max-width: 55px;
		bottom: 10%;
	}
	.moving-back, .mouse-img {
		left: 5px;
	}
	/* .moving-forward{
		left: calc(100% - 270px);
	} */
	.feedback-text-display{
		padding: 20px;
	}
}
@media only screen and (max-width: 812px) and (max-height: 375px) {
	.mouse-img{
		max-width: 60px;
		bottom: 10%;
	}
	.cat-img{
		max-width: 144px;
		bottom: 16%;
	}
	.cheese-img{
		right: calc(350px - 150px);;
		max-width: 45px;
		bottom: 10%;
	}
}
@media only screen and (max-width: 767px) {
	.mouse-img{
		max-width: 60px;
		bottom: 10%;
	}
	.cat-img{
		max-width: 124px;
		bottom: 16%;
	}
	.cheese-img{
		right: 95px;
		max-width: 45px;
		bottom: 10%;
	}
	.moving-back, .mouse-img {
		left: 5px;
	}
	/* .moving-forward{
		left: calc(100% - 180px);
	} */
	.feedback-text-display{
		padding: 20px;
	}

}

@media only screen and (max-width: 767px) and (orientation: portrait) {
	.mouse-img {
		transition: all 1s linear;
		-webkit-transition: all 1s linear;
		-moz-transition: all 1s linear;
		-o-transition: all 1s linear;
		transition: all 1s linear;
	}
	.gamezone:after{
		transform: translateY(-5%);
	}
}

@media only screen and (max-width: 767px) and (orientation: landscape) {
	.mouse-img {
		transition: all 1.9s linear;
		-webkit-transition: all 1.9s linear;
		-moz-transition: all 1.9s linear;
		-o-transition: all 1.9s linear;
		transition: all 1.9s linear;
	}
	.gamezone:after{
		transform: translateY(-5%);
	}
}