@media (min-width: 2560px) {
	.swiper-slide {
		max-width: none;
		max-height: none;
	}


    .slide1 .slide1-content {
		scale: 1.2;
	}

	.slide3-info.server1 .slide-content,
	.slide4-info.server1 .slide-content,
	.slide5-info.server1 .slide-content {
		bottom: 35%;
		scale: 1.2;
	}

	.slide3-info.server1 .slide-count,
	.slide4-info.server1 .slide-count,
	.slide5-info.server1 .slide-count {
		bottom: 25%;
		scale: 1.2;
	}

	.slide6-info,
	.slide7-info,
	.slide8-info {
		top: 40%;
	}

	.slide12 .char,
	.slide16 .char {
		scale: 1.5;
		right: 10%;
		top: 24%;
	}

	.slide12-info,
	.slide16-info {
		bottom: 25%;
	}

	.slide12-title,
	.slide16-title {
		top: 33%;
	}

	.slide13-info {
		scale: 1.2;
		top: 25%;
	}

	.slide14-info {
		scale: 1.3;
	}

	.slide14 .slide-content {
		top: 0;
	}

	.slide15 .slide-content {
		scale: 1.3;
		bottom: 25%;
	}
}

@media screen and (max-width: 576px) {
	.wrap, .swiper-container {
		width: 100%;
		height: 100%;
		position: relative;
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.slide-container {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	.slide3-info.server1 .slide-content::before,
	.slide4-info.server1 .slide-content::before,
	.slide5-info.server1 .slide-content::before,
	.slide3-info.server2 .slide-content::before,
	.slide4-info.server2 .slide-content::before,
	.slide5-info.server2 .slide-content::before {
		top: -25%;
		right: auto;
	}

	.slide3-info.server1 .slide-content::before,
	.slide4-info.server1 .slide-content::before,
	.slide5-info.server1 .slide-content::before,
	.slide3-info.server2 .slide-content::before,
	.slide4-info.server2 .slide-content::before,
	.slide5-info.server2 .slide-content::before {
		scale: 0.3;
	}

	.bar-left {
		width: 100%;
		left: 0;
		top: -20px;
		display: flex;
		justify-content: center;
		scale: 0.7;
	}

	.bar-right {
		width: auto;
        right: 0px;
        top: 5px;
        scale: 0.8;
	}

	.bar-right .download {
		display: none;
	}

	.slide1 .slide1-title {
		display: none;
	}

	.slide1 {
		background: url("/img/event/20260128/index_bg_m.jpg") no-repeat center top;
	}

	.slide1 .slide1-content {
        scale: 0.7;
	}

	.slide1-text-m {
		display: block;
	}

	.slide2 {
		background: url("/img/event/20260128/bg02_m.jpg") no-repeat center top;
	}

	.text-group {
		scale: 0.4;
		position: relative;
	}

	.continue {
		bottom: 26%;
        scale: 0.6;
		position: relative;
	}

	.slide3 {
		background: url("/img/event/20260128/bg03_m.jpg") no-repeat center top;
	}

	.slide3-info,
	.slide4-info,
	.slide5-info {
		height: 75%;
		bottom: 3%;
        position: relative;
	}

	.slide3-info.server1 .slide-content {
		background: url("/img/event/20260128/section03/img01a_mo.png") no-repeat;
		background-size: contain;
		max-width: 480px;
		width: 100%;
		height: 380px;
		bottom: 20%;
	}

	.slide3-info.server2 .slide-content {
		background: url("/img/event/20260128/section03/img01b_mo.png") no-repeat;
		background-size: contain;
		max-width: 480px;
		width: 100%;
		height: 380px;
		bottom: 20%;
	}

	.slide3-info.server1 .slide-count, 
	.slide3-info.server2 .slide-count, 
	.slide4-info.server1 .slide-count, 
	.slide4-info.server2 .slide-count, 
	.slide5-info.server1 .slide-count, 
	.slide5-info.server2 .slide-count {
		scale: 0.5;
		bottom: 20%;
    }

	.slide3-title, 
	.slide4-title, 
	.slide5-title {
		top: -4%;
        scale: 0.6;
		position: relative;
    }

	.slide4 {
		background: url("/img/event/20260128/bg03_m.jpg") no-repeat center top;
	}

	.slide4-info.server1 .slide-content {
		background: url("/img/event/20260128/section03/img02a_mo.png") no-repeat;
		background-size: contain;
		max-width: 480px;
		width: 100%;
		height: 380px;
		bottom: 20%;
	}

	.slide4-info.server2 .slide-content {
		background: url("/img/event/20260128/section03/img02b_mo.png") no-repeat;
		background-size: contain;
		max-width: 480px;
		width: 100%;
		height: 380px;
		bottom: 20%;
	}

	.slide5 {
		background: url("/img/event/20260128/bg03_m.jpg") no-repeat center top;
	}

	.slide5-info.server1 .slide-content {
		background: url("/img/event/20260128/section03/img03a_mo.png") no-repeat;
		background-size: contain;
		max-width: 480px;
		width: 100%;
		height: 380px;
		bottom: 20%;
	}

	.slide5-info.server2 .slide-content {
		background: url("/img/event/20260128/section03/img03b_mo.png") no-repeat;
		background-size: contain;
		max-width: 480px;
		width: 100%;
		height: 380px;
		bottom: 20%;
	}

	.slide6 .slide6-title {
		background: url("/img/event/20260128/section03/title04_m.png") no-repeat;
		width: 480px;
		height: 240px;
	}

	.slide7 .slide7-title {
		background: url("/img/event/20260128/section03/title05_m.png") no-repeat;
		width: 480px;
		height: 240px;
	}

	.slide8 .slide8-title {
		background: url("/img/event/20260128/section03/title06_m.png") no-repeat;
		width: 480px;
		height: 240px;
	}

	.slide6,
	.slide7,
	.slide8 {
		background: url("/img/event/20260128/bg04_m.jpg") no-repeat center top;
	}

	.slide6 .slide6-info,
	.slide7 .slide7-info,
	.slide8 .slide8-info {
		scale: 0.4;
		top: 25%;
		font-size: 30px;
	}

	.slide6 .slide-content,
	.slide7 .slide-content,
	.slide8 .slide-content {
		font-size: 2em;
	}

	.slide6 .slide6-title,
	.slide7 .slide7-title,
	.slide8 .slide8-title,
	.slide9 .slide9-title,
	.slide10 .slide10-title,
	.slide11 .slide11-title {
		scale: 0.8;
	}

	.slide6 .digit,
	.slide7 .digit,
	.slide8 .digit {
		scale: 0.95;
	}

	.slide10 .slide-count p,
	.slide11 .slide-count p {
		font-size: 3em;
	}

	.slide10 .slide-content,
	.slide11 .slide-content {
		height: 100%;
		top: -5%;
	}

	.slide12 .char,
	.slide16 .char {
		display: none;
	}

	.slide12,
	.slide16 {
		background: url("/img/event/20260128/share/bg_m.jpg") no-repeat center top;
		background-size: 100%;
		max-width: 810px;
		width: 100%;
		height: 1254px;
	}

	.slide12-info,
	.slide16-info {
		background: url("/img/event/20260128/share/content_bg_m.png") no-repeat center;
        background-size: 90%;
        width: 480px;
        height: 350px;
        left: auto;
        top: 280px;
	}

	.slide12 .slide-content,
	.slide16 .slide-content {
		height: auto;
        top: 35px;
        scale: 0.7;
	}

	.slide12-btns,
	.slide16-btns {
		width: 90%;
		position: absolute;
		bottom: -50px;
	}

	.slide12-title,
	.slide16-title {
		background-size: 70%;
		left: auto;
		top: 20px;
	}

	.slide12-exchange,
	.slide16-exchange {
		position: absolute;
		top: -115px;
		background: #ed3b3b;
	}

	.slide12-download, 
	.slide12-share, 
	.slide12-exchange,
	.slide16-download, 
	.slide16-share, 
	.slide16-exchange {
		margin: 0;
	}

	.slide13 {
		background: url("/img/event/20260128/section04/bg01_m.jpg") no-repeat center top;
		background-size: contain;
		max-width: 810px;
		width: 100%;
		height: 1254px;
	}

	.slide13-title,
	.slide14-title,
	.slide15-title {
		background-size: contain;
		position: relative;
		top: -7%;
		scale: 0.8;
		max-height: 140px;
        height: 100%;
	}

	.slide13-info, 
	.slide14-info, 
	.slide15-info {
		height: 75%;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        top: auto;
        position: relative;
    }

	.slide13-info .ranking-top3 {
		scale: 0.53;
        top: 5%;
	}

	.slide13 .player-info {
		font-size: 24px;
	}

	.slide13 .player-name {
		font-size: 26px;
	}

	.slide13 .ranking-top3 p {
		font-size: 32px;
	}

	.gold {
		top: -60px;
	}

	.silver {
		left: 110px;
	}

	.bronze {
		right: 110px;
	}

	.silver::before,
	.bronze::before {
		display: none;
	}

	.slide13.server1 .server-name, 
	.slide13.server2 .server-name,
	.slide14.server1 .server-name, 
	.slide14.server2 .server-name,
	.slide15.server1 .server-name, 
	.slide15.server2 .server-name {
		position: absolute;
        top: 3%;
        scale: 0.25;
	}

	.slide13 .ranking {
		display: flex;
        flex-wrap: wrap;
        justify-content: center;
        position: relative;
		top: -18.5%;
		scale: 0.55;
		width: 70%;
		gap: 2px 12px;
    }

    .slide13 .ranking-item {
        flex: 1 1 45%;
        max-width: 45%;
        text-align: center;
		font-size: 20px;
    }

	.gold-score, 
	.silver-score, 
	.bronze-score {
		font-size: 20px;
	}

    .slide13 .ranking-item:nth-child(3),
    .slide13 .ranking-item:nth-child(4),
    .slide13 .ranking-item:nth-child(5) {
        flex: 1 1 30%;
        max-width: 30%;
    }

	.slide14 .ranking-item:nth-child(3),
    .slide14 .ranking-item:nth-child(4),
    .slide14 .ranking-item:nth-child(5) {
        flex: 1 1 33%;
        max-width: 33.33%;
    }

	.slide15 .ranking-item:nth-child(3),
    .slide15 .ranking-item:nth-child(4),
    .slide15 .ranking-item:nth-child(5) {
		flex: 1 1 33%;
        max-width: 33%;
	}

    .slide13 .ranking-item:nth-child(1),
    .slide13 .ranking-item:nth-child(2),
    .slide13 .ranking-item:nth-child(6),
    .slide13 .ranking-item:nth-child(7),
	.slide14 .ranking-item:nth-child(1),
    .slide14 .ranking-item:nth-child(2),
    .slide14 .ranking-item:nth-child(6),
    .slide14 .ranking-item:nth-child(7),
	.slide15 .rank4,
    .slide15 .rank5,
    .slide15 .rank9,
    .slide15 .rank10 {
		flex: 1 1 35%;
        max-width: 35%;
    }

	.slide13 .player-score {
		padding: 0 20px 10px;
	}

	.player-name1, 
	.player-name2, 
	.player-name3 {
		padding: 8px 15px;
	}

	.slide14 {
		background: url("/img/event/20260128/section04/bg02_m.jpg") no-repeat center top;
		max-width: 810px;
		width: 100%;
		height: 1254px;
	}

	.slide14 .slide-content {
		background: url("/img/event/20260128/section04/content_bg02_m.png?v1.0.1") no-repeat center;
		background-size: 105%;
		width: 540px;
		height: 660px;
		top: -3%;
		zoom: 0.75;
	}

	.slide14 .ranking {
		justify-content: center;
		width: 100%;
		left: auto;
		bottom: 78px;
		scale: 0.7;
		gap: 5px 0;
	}

	.slide14 .rank {
		flex: 1 1 100%;
		padding: 10px 0;
		margin: 0 2px;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 0.88em;
	}

	.slide14 .ranking-top3 {
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        gap: 10px;
		width: 100%;
		bottom: 212px;
		scale: 0.7;
    }

	.slide14 .ranking-top3 .rank {
        flex: 1 1 100%;
        text-align: center;
    }

	.slide14 .ranking-top3 .rank1 {
        flex: 1 1 100%;
		margin: 0 130px;
    }

    .slide14 .ranking-top3 .rank2,
    .slide14 .ranking-top3 .rank3 {
        flex: 1 1 40%;
        max-width: 50%;
    }

	.slide14 .ranking-top3 .rank1,
	.slide14 .ranking-top3 .rank2,
	.slide14 .ranking-top3 .rank3 {
		padding: 5px 0;
	}

	.slide14 .rank1::before,
	.slide14 .rank2::before,
	.slide14 .rank3::before {
		left: 50%;
        transform: translateX(-50%);
	}

	.slide15 {
		background: url("/img/event/20260128/section04/bg03_m.jpg") no-repeat center top;
		max-width: 810px;
		width: 100%;
		height: 1254px;
	}

	.slide15 .slide-content {
		bottom: 10%;
        zoom: 0.95;
		scale: 0.9;
	}
	
	.slide15 .ranking {
		width: 100%;
	}

	.slide15 .rank1::before,
	.slide15 .rank2::before,
	.slide15 .rank3::before {
		left: 50%;
        transform: translateX(-50%);
	}

	.slide15 .ranking-item {
		font-size: 13.5px;
	}

	.slide15 .player-name {
		font-size: 20px;
	}

	/* Navigation */
	.navigation-btns,
	.homepage {
		scale: 0.5;
	}

	.navigation-btns {
		justify-content: center;
		bottom: 12.5%;
		z-index: 3;
	}

	#swiper1 .slide-next, 
	#swiper1 .slide-prev {
		margin: 0;
	}

	.homepage-btn {
        text-align: center;
        right: auto;
		bottom: -2.5%;
        z-index: 2;
	}

	.footer-wrapper {
		height: 300px;
	}

	.copyright {
		width: 350px;
		text-align: center;
	}

	.footer-wrapper > div {
		scale: 0.95;
	}

	.footer-wrapper .footerbox {
		display: flex;
		justify-content: center;
		flex-direction: column;
		align-items: center;
		text-align: center;
		justify-content: space-around;
		width: 100%;
		height: 100%;
		padding: 0;
	}

	.footer-logos {
		width: 510px;
		scale: 0.75;
	}

	.pop {
		width: 90%;
		background-size: 100% 100%;
	}
	.pop .pop-content {
		font-size: 18px;
		height: 100%;
	}

	.pop.pop-share {
		height: 550px;
	}

	.pop .share-buttons {
		bottom: 5px;
	}

	.slide10.server1 .server-name,
	.slide10.server2 .server-name,
	.slide11.server1 .server-name,
	.slide11.server2 .server-name {
		top: -245px;
	}

	.slide10 .digit,
	.slide11 .digit {
		scale: 0.35;
		position: relative;
		bottom: auto;
		top: 15%;
        font-size: 4em;
    }

	.share-dropdown {
		right: 25px;
	}

	.war-blue-icon, .war-red-icon {
		position: absolute;
		background-size: contain;
		zoom: 0.6;
        top: 12%;
    }

	.war-blue-title, .war-red-title {
        scale: 0.6;
		position: relative;
        top: -1%;
    }

	.slide14 .ranking-top3 span {
		font-size: 21px;
		margin-left: 5px;
	}

	.slide14 .player-info {
		font-size: 20px;
	}

	.footer-logos,
	.dg-copyright,
	.grade {
		margin: 10px 0;
	}
}

@media screen and (max-width: 430px) {
	.slide12-info,
	.slide16-info {
		background-size: 77%;
		top: 22%;
	}

	.slide12-title,
	.slide16-title {
        background-size: 55%;
        left: auto;
        top: 0;
    }

	.slide12 .slide-content,
	.slide16 .slide-content {
		scale: 0.6;
	}

	.slide12-btns,
	.slide16-btns {
		scale: 0.8;
		bottom: -15px;
	}

	.slide10.server1 .server-name, 
	.slide10.server2 .server-name, 
	.slide11.server1 .server-name, 
	.slide11.server2 .server-name {
		top: -27%;
        scale: 0.3;
    }

	.slide3-info.server1 .slide-count, 
	.slide3-info.server2 .slide-count, 
	.slide4-info.server1 .slide-count,
	.slide4-info.server2 .slide-count, 
	.slide5-info.server1 .slide-count, 
	.slide5-info.server2 .slide-count {
        scale: 0.5;
        bottom: 16%;
    }
}

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

}

@media screen and (max-width: 390px) {
	.slide1 .slide1-content {
        scale: 0.6;
		top: 46%;
    }

	.bar-left {
		scale: 0.6;
	}

	.slide3-info.server1 .slide-count, 
	.slide3-info.server2 .slide-count, 
	.slide4-info.server1 .slide-count, 
	.slide4-info.server2 .slide-count, 
	.slide5-info.server1 .slide-count, 
	.slide5-info.server2 .slide-count {
		bottom: 20%;
    }

	.slide14-info {
        top: -2%;
    }

	.slide15 .slide-content {
        zoom: 0.8;
    }
}

@media screen and (max-width: 375px) and (max-height: 820px) {
	.slide1 .slide1-content {
		scale: 0.6;
		top: 46%;
	}

	.slide1 .bar-left {
		width: 100%;
		left: 0;
		top: -20px;
		display: flex;
		justify-content: center;
		scale: 0.6;
	}

	.slide3-info.server1 .slide-count,
	.slide3-info.server2 .slide-count,
	.slide4-info.server1 .slide-count,
	.slide4-info.server2 .slide-count,
	.slide5-info.server1 .slide-count,
	.slide5-info.server2 .slide-count {
		scale: 0.6;
	}

	.slide6 .slide6-info,
	.slide7 .slide7-info,
	.slide8 .slide8-info {
        scale: 0.35;
        top: 180px;
    }

	.slide10-info,
	.slide11-info {
		top: 0;
	}

	.slide15 .slide-content {
        zoom: 0.8;
    }

	.continue {
		bottom: 28%;
	}

	.slide13-info .ranking-top3 {
        scale: 0.5;
    }
	
	.footer-logos {
        scale: 0.7;
    }
}

@media screen and (max-width: 375px) and (max-height: 700px) {
	.continue {
		bottom: 25%;
	}

	.slide3-info.server1 .slide-content::before,
	.slide3-info.server2 .slide-content::before,
	.slide4-info.server1 .slide-content::before,
	.slide4-info.server2 .slide-content::before,
	.slide5-info.server1 .slide-content::before,
	.slide5-info.server2 .slide-content::before {
		scale: 0.3;
	}

	.slide3-info.server1 .slide-count,
	.slide3-info.server2 .slide-count,
	.slide4-info.server1 .slide-count,
	.slide4-info.server2 .slide-count,
	.slide5-info.server1 .slide-count,
	.slide5-info.server2 .slide-count {
		scale: 0.5;
		bottom: 20%;
	}

	.slide6 .slide6-title,
	.slide7 .slide7-title,
	.slide8 .slide8-title {
		scale: 0.8;
	}

	.slide6 .slide6-info,
	.slide7 .slide7-info,
	.slide8 .slide8-info {
        scale: 0.35;
		top: 20%;
    }

	.slide10 .slide-content, 
	.slide11 .slide-content {
		top: 0;
    }

	.slide10.server1 .server-name, 
	.slide10.server2 .server-name, 
	.slide11.server1 .server-name, 
	.slide11.server2 .server-name {
        top: -35%;
    }

	.slide13-info {
        scale: 0.75;
    }

	.slide14 .slide-content {
        zoom: 0.65;
        top: 5%;
    }

	.homepage-btn {
        scale: 0.75;
        bottom: -5%;
    }

	.navigation-btns {
		scale: 0.6;
        bottom: 12%;
	}

	.war-blue-icon, .war-red-icon {
        background-size: 60%;
        position: relative;
        top: -8%;
    }

	.slide13 .ranking {
        top: -16%;
    }

	.text-group {
		scale: 0.38;
	}

	.slide13-info .ranking-top3 {
        scale: 0.53;
    }
}


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

}