/* Min Width Media Queries */
@media screen and (min-width: 768px) {
	
}
@media screen and (min-width: 1200px){
	.container {max-width: 1168px; } 
}

@media screen and (min-width: 1600px) {

}


/* Max Width Media Queries */
@media screen and (max-width: 1800px) {
	.video-section .section-title {
		font-size: 228px;
		line-height: 217px;
	}
	h2{font-size: 55px;line-height: 63px;}
	.map-slider .swiper-pagination{right: -200px;}
	.map-slider .swiper-button-next{right: -80px;}
	.map-slider .swiper-button-prev{right: -10px;}
	.maps-section .section-title {
		font-size: 200px;
		line-height: 142px;
	}
}
@media screen and (max-width: 1700px) {
	.video-section .section-title {
		font-size: 205px;
		line-height: 213px;
	}
	.roundup-content .title{font-size: 160px;line-height: 168px;}
	.roundup-images h2{height: 168px;}
	h2{font-size: 51px;line-height: 59px;}
	.appearances-box .desc-head{font-size: 24px;line-height: 32px;}
	.pros-cons-section ul{padding-top: 280px;}
	.best-game-section .section-title{font-size: 140px;}
	.best-game-section .section-title span{font-size: 45px;}
}
@media screen and (max-width: 1600px) {
	.video-section .section-title {
		font-size: 195px;
		line-height: 200px;
	}
	.roundup-content .title{font-size: 150px;line-height: 158px;margin-bottom: 30px;}
	.roundup-images h2{height: 158px;margin-bottom: 30px;}
	.roundup-content p{margin-bottom: 20px;}
	h2{font-size: 47px;line-height: 55px;}
	.appearances-box .title-head{font-size: 95px;line-height: 113px;}
	.appearances-box .desc-head{font-size: 21px;line-height: 29px;}
	.map-box .map-desc .map-info {
		line-height: 28px;
	}
	.map-slider .swiper-pagination{right: -175px;}
	.map-slider .swiper-button-next{right: -20px;}
	.map-slider .swiper-button-prev{right: 50px;}
	.pros-cons-section ul{padding-top: 220px;}
	.pros-cons-section .section-title {
		font-size: 195px;
		line-height: 195px;
	}
	.pros-cons-section ul li{padding: 15px 0;font-size: 24px;line-height: 32px;}
	.best-game-section{background-size: 60% 100%;}
}
@media screen and (max-width: 1500px) {
	.video-section .section-title {
		font-size: 185px;
		line-height: 190px;
	}
	.roundup-content .title {
		font-size: 140px;
		line-height: 148px;
	}
	.roundup-images h2{height: 148px;}
	h2{font-size: 42px;line-height: 50px;}
	.appearances-box .title-head{font-size: 85px;line-height: 93px;}
	.appearances-box .desc-head{font-size: 18px;line-height: 26px;}
	.appearances-box .desc, .appearances-box .remark {
		font-size: 16px;
		line-height: 22px;
	}
	.maps-section .section-title {
		font-size: 170px;
		line-height: 125px;
	}
	.pros-cons-section .section-title {
		font-size: 175px;
		line-height: 175px;
	}
	.pros-cons-section ul li{padding: 10px 0;font-size: 20px;line-height: 28px;}
	.game-title h5 {
		font-size: 20px;
		line-height: 28px;
	}
	.game-title img {
		height: 85px;
	}
}
@media screen and (max-width: 1400px) {
	.video-section .section-title {
		font-size: 170px;
		line-height: 178px;
	}
	.roundup-content .title {
		font-size: 110px;
		line-height: 118px;
	}
	.roundup-images h2{height: 118px;}
	h2{font-size: 40px;line-height: 48px;}
	p{line-height: 30px;}
	.container-fluid {
		padding: 110px 40px 0;
	}
}

@media screen and (max-width: 1300px) {
	.video-section .section-title {
		font-size: 158px;
		line-height: 165px;
	}
	.roundup-content .title {
		font-size: 90px;
		line-height: 98px;
		margin-bottom: 20px;
	}
	.roundup-images h2{height: 98px;}
	.roundup-content p{margin-bottom: 10px;}
	p{line-height: 28px;}
	.map-box .map-desc .map-info {
		font-size: 20px;
		line-height: 28px;
	}
	h2{font-size: 35px;line-height: 43px;}
	.appearances-box .title-head{font-size: 75px;line-height: 83px;}
	.maps-section .section-title {
		font-size: 150px;
		line-height: 110px;
	}
	.map-slider .swiper-pagination{right: -110px;}
	.map-slider .swiper-button-next{right: 40px;}
	.map-slider .swiper-button-prev{right: 100px;}
	.maps-section:after{width:150px;}
	.maps-section .section-title {
		font-size: 160px;
		line-height: 80px;
	}
	.game-title img{height: 75px;}
	.game-title .vs-badge{width: 61px;height: 61px;}
	.game-title .game-details{gap: 40px;}
}
@media screen and (max-width: 1199px) {
	.video-section .section-title {
		font-size: 130px;
		line-height: 138px;
	}
	.roundup-content .title {
		font-size: 70px;
		line-height: 78px;
	}
	.roundup-images h2{height: 78px;}
	h2{font-size: 31px;line-height: 39px;}
	.appearances-box .title-head{font-size: 65px;line-height: 73px;}
	.maps-section .section-title {
		font-size: 120px;
		line-height: 90px;
	}
	h4{font-size: 25px;}
	.map-box .map-desc{font-size: 16px;}
	.map-box .map-desc .map-info {
		line-height: 26px;
	}
	.pros-cons-section .section-title {
		font-size: 135px;
		line-height: 135px;
	}
	.pros-cons-section ul {
		padding-top: 80px;
	}
	.game-title img{height: 60px;}
	.game-title .vs-badge{width: 41px;height: 41px;}
	.game-title .game-details{gap: 20px;}
	.game-title .vs-badge h4{font-size: 20px;}
	nav ul li a{font-size: 80px;line-height: 80px;}
}
@media screen and (max-width: 991px) {
	nav ul li a{font-size: 70px;line-height: 70px;}
	.header-top .container-fluid{padding: 0;}
	.video-section .section-title {
		font-size: 95px;
		line-height: 100px;
	}
	.header-logo img{height: 106px;}
	.header-top{padding: 0;height: 106px;}
	.header-logo h1{font-size: 51px;line-height: 106px;padding: 0 18px;}
	.toggle-menu{margin-right: 40px;}
	.container-fluid {
		padding: 120px 40px 40px;
	}
	.roundup-images h2 {
		font-size: 40px;
    	line-height: 48px;
		height: auto;
	}
	.roundup-content .title{font-size: 150px;line-height: 158px;}
	.maps-section .section-title {
		font-size: 100px;
		line-height: 75px;
	}
	.maps-section:after {
		width: 90px;
	}
	.map-slider .swiper-pagination{right: 170px;left: auto;}
	.map-slider .swiper-button-next{right: 275px;left: auto;}
	.map-slider .swiper-button-prev{right: 320px;left: auto;}
	.map-box .map-desc .map-info {
		font-size: 16px;
		line-height: 24px;
	}
	.best-game-section .section-title {
		font-size: 130px;
		line-height: 92px;
	}
	.best-game-section .section-title span{font-size: 40px;}
	.best-game-section {
		background-size: 100% 60%;
		background-position: center bottom;
	}
}
@media screen and (max-width: 767px) {
	nav ul li a{font-size: 60px;line-height: 60px;}
	.video-section .section-title {
		font-size: 85px;
		line-height: 90px;
	}
	.cover .play-wrapper{
		width: 200px;
		height: 200px;
	}
	.cover .play-button{
		width: 100px;
		height: 100px;
	}
	.cover .play-button img{height: 50px;}
	.roundup-images h2 {
		height: auto;
	}
	h2 {
		font-size: 28px;
		line-height: 36px;
	}
	h4{font-size: 20px;line-height: 28px;}
	.pros-cons-section .section-title {
		font-size: 100px;
		line-height: 100px;
	}
	.pros-cons-section ul li {
		font-size: 18px;
		line-height: 24px;
	}
	.best-game-section .section-title {
		font-size: 110px;
		line-height: 80px;
	}
	.hero-section .content-wrap h2{bottom: 40%;}
	.hero-section .content-wrap .cat-image figure img {
		height: 170px;
		object-fit: fill;
	}
	.map-box .map-desc .date{text-align: left;}
	.game-title h5{font-size: 18px;line-height: 24px;}
}
@media screen and (max-width: 575px) {
	nav ul li a{font-size: 50px;line-height: 50px;}
	.video-section .section-title {
		font-size: 45px;
		line-height: 53px;
	}
	.roundup-content .title {
		font-size: 120px;
		line-height: 128px;
	}
	.container-fluid {padding: 100px 20px 40px;}
	.appearances-box .title-head {
		font-size: 55px;
		line-height: 63px;
	}
	.appearances-box .desc-head {
		font-size: 16px;
		line-height: 24px;
	}
	.appearances-box .desc, .appearances-box .remark {
		font-size: 14px;
		line-height: 22px;
	}
	.map-box .map-desc .map-info {
		font-size: 14px;
		line-height: 20px;
	}
	.pros-cons-section ul li {
		font-size: 16px;
		line-height: 24px;
	}
	.pros-cons-section .section-title span{font-size: 30px;line-height: 30px;}
	/* .game-list .game-title{flex-direction: column;} */
	.best-game-section {
		background-size: 100% 60%;
	}
	.best-game-section .container-fluid{padding-top:20px ;}
	.maps-section .section-title {
		font-size: 85px;
		line-height: 65px;
	}
	.game-title .game-details{width: auto;gap: 10px;}
	.best-game-section .section-title span {
		font-size: 30px;
	}
	.best-game-section .section-title {
		font-size: 100px;
		line-height: 80px;
	}
	.maps-section:after {
		width: 40px;
	}
	.map-slider .swiper-pagination{right: 100px;left: auto;}
	.map-slider .swiper-button-next{right: 200px;left: auto;}
	.map-slider .swiper-button-prev{right: 275px;left: auto;}
	.game-title{justify-content: flex-end;gap: 10px;}
	.game-title h5{font-size: 14px;line-height: 20px;width: 100px;}
	.game-title img {
		height: 25px;
	}
	.game-title .vs-badge {
		width: 30px;
		height: 30px;
	}
	.game-title .vs-badge h4 {
		font-size: 14px;
	}
}
@media screen and (max-width: 479px) {
	nav ul li a{font-size: 40px;line-height: 40px;}
	
	.header-logo h1{font-size: 30px;line-height: 70px;}
	.header-logo img{height: 70px;}
	.header-top{height: 70px;}
	.cover .play-wrapper{
		width: 150px;
		height: 150px;
	}
	.cover .play-button{
		width: 70px;
		height: 70px;
	}
	.cover .play-button img{height: 30px;}
	.toggle-menu{margin-right: 20px;}
	h2 {
		font-size: 24px;
		line-height: 32px;
	}
	.appearances-box .title-head {
		font-size: 45px;
		line-height: 53px;
	}
	.appearances-box .desc-head {
		font-size: 14px;
		line-height: 20px;
	}
	.appearances-box .desc, .appearances-box .remark {
		font-size: 14px;
		line-height: 20px;
	}
	.pros-cons-section ul li {
		font-size: 14px;
		line-height: 24px;
	}
	image figure img {
		height: 180px;
	}
	.maps-section:after {
		width:0px;
	}
	.map-slider .swiper-pagination{right: 80px;left: auto;}
	.map-slider .swiper-button-next{right: 185px;left: auto;}
	.map-slider .swiper-button-prev{right: 220px;left: auto;}
}

@media screen and (max-width: 360px) {
	
}