@media (max-width:1000px) {
	body {
		background-color: var(--explain-bosy) !important;
	}
	.gl-banner {
		width: 85%;
		height: auto;
		padding: 15px 0;
		border-radius: 8px;
		background-color: var(--explain-gl-banner);
		position: relative;
		margin-left: auto;
  		margin-right: auto;
		height: 260px;
		/* background-color: pink; */
		/* opacity: 0.8; */
	}
	.details-game-inner {
		width: 50%;
		/* margin-left: auto;
  		margin-right: auto; */
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		/* height: 200px; */
		/* text-align: center; */
		/* position: relative; */
	}
	.details-game-icon{
    	width: 100%;
    	height: 220px;
    	text-align: center;
    	position: relative;
		margin-bottom: 5px;
    }
	.details-game-icon img {
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		background: var(--gray-color);
		height: 101%;
	}
	.btn {
		width: 100%;
		line-height: 35px;
		border-radius: 25px;
		/* margin: 0 auto; */
		margin: 8px auto 0px;
		/* border: 2px solid #FFFFFF; */
		background: linear-gradient(0deg, #5dcfdd, #67b5f4);
		display: flex;
		justify-content: center;
		align-items: center;
		/* box-shadow: 12px 14px 15px -1px rgb(0 0 0 / 20%), -20px -11px 15px -1px hsl(0deg 0% 100% / 40%); */
		font-weight: 600;
		text-transform: uppercase;
		font-size: 20px;
	}
	/* .game-box {
		width: 100%;
		height: auto;
		margin: 0 auto;
		padding: 10px 0;
	}

	.gl-box {
		width: 100%;
		height: auto;
		margin: 0 auto;
	} */

	/* .gl-banner {
		width: 100%;
		height: auto;
		padding: 15px 0;
		border-radius: 8px; */
		/* background-color: #badcf5; */
		/* position: relative; */
		/* background-color: pink; */
		/* opacity: 0.8; */
	/* } */
	/* .gb-mb {
		width: 100%;
		height: 90%;
		border-radius: 10px;
		margin: 0 auto;
		padding-bottom: 15px;
		position: relative;
		
	} */
	.iframe{
		width:100%;
	}
	/* .gl-img {
		width: 100%;
		height: 400px;
		padding: 15px 0;
	} */
	.gb{
		width: 100%;
		height: 100%;
		overflow: hidden;
		position: absolute;
		top: 0;
		z-index: -1;
	}
	.gb1 {
		width: 100%;
		height: 100%;
		border-radius: 10px;
		background-repeat: no-repeat;
		background-size: 100% 100%;
		margin: 0 auto;
		filter: blur(11px);
	}
	.gl-img img {
		width: 72%;
		height: 235px;
		margin: 10px auto 0;
		border-radius: 50%;
		display: block;
		box-shadow: 4px 4px 20px 0 rgb(10 148 228 / 50%);
		transform: scale(1) translateZ(0);
		will-change: transform, box-shadow;
		transition: transform 86ms cubic-bezier(.55, .085, .68, .53),
			box-shadow 86ms cubic-bezier(.55, .085, .68, .53);

	}
	/* .btn {
		width: 70%;
		height: 45px;
		margin: 20px auto 0;
		border-radius: 25px;
		border: 2px solid #FFFFFF;
		background: linear-gradient(0deg, #5dcfdd, #67b5f4);
		display: flex;
		justify-content: center;
		align-items: center;
		box-shadow: 12px 14px 15px -1px rgb(0 0 0 / 20%), -20px -11px 15px -1px hsl(0deg 0% 100% / 40%);
	} */
	.start {
		width: 0;
		height: 0;
		border-right: 10px solid transparent;
		border-top: 10px solid transparent;
		border-bottom: 10px solid transparent;
		border-left: 10px solid #FFFFFF;
		margin-right: 10px;
		margin-left: 25px;
	}

	.play {
		font-size: 15px;
		font-weight: 600;
		color: var(--explain-play);
		width: 50%;
		background-color: transparent;

	}

	.game-info {
		width: 90%;
		height: auto;
		margin: 20px auto 0;
		text-align: center;
	}

	.game-info .x {
		width: 50%;
		margin: 0 auto;
		height: auto;
		display: flex;
		justify-content: space-around;
	}

	.game-info img {
		display: none;
	}

	.g-name {
		width: 100%;
		line-height: 2;
		font-size: 24px;
		font-weight: 600;
		color: var(--explain-g-name);
		text-align: center;
		margin-left: 0;
		font-family: "small fonts";
	}

	.main {
		background-color: transparent !important;
		display: flex;
		flex-wrap: wrap;
	}

	.list3 {
		width: 100%;
		background-image: none !important;
	}

	.gr-box {
		/* display: none; */
	}
	.game-text{
		width: 85%;
		height: auto;
		border: 10px;
		box-shadow: 0px 0px 10px gray;
		padding: 15px 5%;
		font-size: 16px;
		line-height: 1.5;
		color: var(--explain-game-text-color);
		margin: 0 auto;
		background-color: var(--explain-game-text-backcolor);
		border-radius: 8px;
	}
	.game-text span{
		font-weight: 600;
		font-size: 20px;
		line-height: 2.5;
		display: block;
	}
	
	.list4{
		width: 90%;
		height: auto;
		margin: 0 auto;
		padding: 15px 0;
	}
	.list4 .l4-box:nth-of-type(1){
		width: 100%;
		height: auto;
		margin: 0 auto 20px;
		border-radius: 15px;
		box-shadow: 0px 0px 10px gainsboro;
	}
	.list4 .l4-box:nth-of-type(1) img{
		width: 100%;
		height: 200px;
		display: block;
		border-radius: 15px;
	}
	.list4 .l4-box:nth-of-type(1) .text{
		display: none;
	}
	.list4 .l4-box{
		width: 100%;
		height: auto;
		background-color: var(--explain-l4-box);
		box-shadow: 0px 0px 10px gainsboro;
		border-radius: 10px;
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-bottom:20px;
	}
	.list4 .l4-box img{
		width: 40%;
		height: 90px;
		display: block;
		border-top-left-radius: 10px;
		border-bottom-left-radius: 10px;
		
	}
	.list4 .l4-box .text{
		width: 55%;
		line-height: 1.5;
		font-weight: 600;
		font-size: 18px;
		text-align: center;
		display: -webkit-box;
		overflow: hidden;
		text-overflow: ellipsis;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
	}
}

@media (min-width:1000px) {

	/* body {
		background-color: #dcedf7 !important;
	} */

	.footer {
		width: 100%;
	}

	.iframe{
		width: 100%;
		height: 410px;
	}

	.game-box {
		width: 100%;
		height: auto;
		margin: 0 auto;
		padding: 10px 0;
		display: flex;
		justify-content: space-around;
		/* align-items: center; */
	}

	.gl-box {
		/* display: flex; */
		width: 100%;
		height: auto;
		margin: 0 auto;

	}

	.gr-box {
		width: 18%;
		height: auto;
		margin: 0 auto;
	}

	.gr-box .l1-box {
		width: 90%;
	}

	.gr-box .l1-box:nth-of-type(1) {
		margin-top: 0;
	}

	.gr-box .l1-box img {
		height: 120px;
	}

	.gr-box .l1-text p:nth-of-type(1) {
		text-align: center;
	}

	.gl-banner {
		width: 50%;
		height: auto;
		padding: 15px 0;
		border-radius: 8px;
		background-color: var(--explain-gl-banner);
		position: relative;
		margin-left: auto;
  		margin-right: auto;
		height: 400px;
		/* background-color: pink; */
		/* opacity: 0.8; */
	}
	.details-game-inner {
		width: 50%;
		/* margin-left: auto;
  		margin-right: auto; */
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		/* height: 200px; */
		/* text-align: center; */
		/* position: relative; */
	}
	.details-game-icon{
    	width: 100%;
    	height: 200px;
    	text-align: center;
    	position: relative;
		margin-bottom: 5px
    }
	.details-game-icon img {
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		background: var(--gray-color);
		height: 101%;
	}
	.gb-mb {
		width: 95%;
		height: 550px;
		/* min-height: 800px; */
		border-radius: 10px;
		margin: 25px auto 0;
		position: relative;
		
	}
	.gb{
		width: 100%;
		height: 100%;
		overflow: hidden;
	}
	.gb1 {
		width: 100%;
		height: 100%;
		border-radius: 10px;
		background-repeat: no-repeat;
		background-size: 100% 100%;
		margin: 0 auto;
		filter: blur(18px);
	}

	.mb {
		width: 90%;
		height: auto;
		background-color: var(--explain-mb);
		border-radius: 10px;
		display: flex;
		padding: 10px 0;
		justify-content: center;
		align-items: center;
		box-shadow: 0px 0px 10px gray;
		border-radius: 30px;
		position: absolute;
		top:15%;
		left: 0;
		right: 0;
		margin: auto;
		/* background-color: pink; */
	}
	.mb:hover{
		box-shadow: 0px 0px 20px #FFFFFF;
	}
	.gl-img {
		width: 40%;
		height: auto;
		

	}

	.gl-img img {
		width:200px;
		height: 200px;
		margin: 0 auto;
		border-radius: 50%;
		display: block;
		box-shadow: 4px 4px 20px 0 rgb(10 148 228 / 50%);
		transform: scale(1) translateZ(0);
		
		will-change: transform, box-shadow;
		transition: transform: 86ms cubic-bezier(.55, .085, .68, .53),
		box-shadow 86ms cubic-bezier(.55, .085, .68, .53);
		transition: linear 0.3s;
		

	}
	.gl-img img:hover{
		transform: scale(1.15);
		box-shadow: 0px 0px 20px #FFFFFF;
	}
	.g-btn{
		width: 90%;
		height: auto;
		margin: 10px auto;
		/* background-color: red; */
	}
	.btn {
		width: 70%;
		line-height: 45px;
		border-radius: 25px;
		margin: 0 auto;
		/* border: 2px solid #FFFFFF; */
		/* background: linear-gradient(0deg, #5dcfdd, #67b5f4); */
		background: #ffffff;
		display: flex;
		justify-content: center;
		align-items: center;
		/* box-shadow: 12px 14px 15px -1px rgb(0 0 0 / 20%), -20px -11px 15px -1px hsl(0deg 0% 100% / 40%); */
		font-weight: 600;
		text-transform: uppercase;
		font-size: 20px;
	}

	.start {
		width: 0;
		height: 0;
		border-rigjt: 10px solid transparent;
		border-top: 10px solid transparent;
		border-bottom: 10px solid transparent;
		border-left: 10px solid #FFFFFF;
		margin-right: 10px;
		margin-left: 10px;
	}
	.play {
		/* width: 50%; */
		font-size: 15px;
		font-weight: 600;
		color: var(--explain-play);
		/* margin: 10px auto 0; */
		background-color: transparent;

	}

	.g-name {
		width: 90%;
		margin: 0 auto 15px;
		line-height: 1.5;
		font-size: 24px;
		font-weight: 600;
		color: var(--explain-g-name);
		text-align: center;
		font-family: "small fonts";
		
	}

	.game-text{
		width: 42%;
		height: auto;
		border: 10px;
		/* box-shadow: 0px 0px 10px gray; */
		padding: 15px 5%;
		font-size: 15px;
		line-height: 1.8;
		color: var(--explain-game-text-color);
		/* background-color: #FFFFFF; */
		margin: 20px auto 0;
		/* border-radius: 10px; */
	}
	.game-text span{
		font-weight: 600;
		font-size: 20px;
		line-height: 2.5;
		display: block;
	}
	.list2{
		width: 100%;
	}
	.l2-box{
		width: 100%;
	}
	.list4{
		width: 100%;
		height: auto;
		margin: 0 auto;
		padding: 15px 0;
	}
	.list4 .l4-box:nth-of-type(1){
		width: 100%;
		height: auto;
		margin: 0 auto 20px;
		border-radius: 15px;
		box-shadow: 0px 0px 10px gainsboro;
	}
	.list4 .l4-box:nth-of-type(1) img{
		width: 100%;
		height: 200px;
		display: block;
		border-radius: 15px;
	}
	.list4 .l4-box:nth-of-type(1) .text{
		display: none;
	}
	.list4 .l4-box{
		width: 100%;
		height: auto;
		background-color: var(--explain-l4-box);
		box-shadow: 0px 0px 10px gainsboro;
		border-radius: 10px;
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-bottom:20px;
	}
	.list4 .l4-box img{
		width: 40%;
		height: 70px;
		display: block;
		border-top-left-radius: 10px;
		border-bottom-left-radius: 10px;
		
	}
	.list4 .l4-box .text{
		width: 55%;
		line-height: 1.5;
		font-weight: 600;
		font-size: 18px;
		text-align: center;
		display: -webkit-box;
		overflow: hidden;
		text-overflow: ellipsis;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
	}
	.gl-box .m-title{
		width: 70%;
		margin-top: 20px;
	}
	.listOne{
		width: 70%;
		/* display: flex; */
		/* flex-direction: column; */
		/* justify-content: center; */
		/* align-items: center; */
		/* flex-wrap: wrap; */
	}
	.gr-box .m-title{
		width: 100%;
	}
	

	


}