@media only screen and (max-width: 1024px) {
	body {
		background-image: url("../_images/main-background-tablet.jpg");
		background-size: 1025px;
		background-position: center 80px;
	}

	main {
		max-width: 720px;
		padding: 19px 0px 0px 0px;
	}

	.header-main-title {
		font-size: 50px;
	}

	.header-sub-title {
		font-size: 20px;
	}

	.week1-badge {
		width: 151px;
		height: 149px;
		right: 10px;
		top: 355px;
		padding-top: 40px;
		font-size: 14px;
	}

	.main-inner-container {
		margin-top: 335px;
	}

	.mid {
		font-size: 25px;
	}

	/* Static Layout */
	.static .header-title {
		width: 100%;
	}

	.prediction-box {
		margin-left: 0;
		margin-top: 200px;
	}

	.prediction-box-img {
		width: 50%;
	}
}

@media only screen and (max-width: 768px) {
	body {
		background-size: 768px;
		background-position: center 75px;
	}

	.main-inner-container {
		margin-top: 225px;
	}

	.team-icon img {
		width: 80px;
	}

	.team-name {
		font-size: 15px;
	}

	big {
		font-size: 36px;
	}

	.banner-container {
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: center;
		flex-wrap: wrap;
		margin-bottom: 10px;
	}

	.banner-left,
	.banner-right {
		position: unset;
		margin: 0 10px;
	}

	.lbox-terms {
		height: 573px;
		width: 398px;
		padding: 65px 12px 20px 12px;
	}

	.lbox-week1,
	.lbox-other-week {
		width: 417px;
		height: 354px;
	}

	.lbox-week1 p,
	.lbox-other-week p {
		font-size: 17px;
	}

	.lbox-week1 span,
	.lbox-other-week span {
		font-size: 15px;
	}

	.tpl-logo-wrap span {
		left: 185px;
		top: 40px;
		font-size: 14px;
		border: none;
	}

	.tpl-header {
		height: 80px;
	}

	.tpl-lang-wrap {
		top: 10px;
	}

	/* Static Layout */
	.static .header-title span {
		font-size: 23px;
	}

	.static .static-description {
		line-height: 15pt !important;
	}

	.prediction-box {
		padding: 15px 20px;
	}

	.prediction-container {
		flex-wrap: nowrap;
	}

	.tpl-logo-wrap span {
		left: 208px;
		top: 14px;
		font-size: 14px;
	}

}

@media only screen and (max-width: 600px) {
	body {
		background-size: 600px;
		background-position: center 75px;
		background-color: #1e1f21;
	}

	main {
		max-width: 480px;
	}

	.main-inner-container {
		margin-top: 415px;
	}

	.week1-badge {
		width: 119px;
		height: 117px;
		padding-top: 30px;
		font-size: 10px;
		top: 225px;
	}

	.mid {
		font-size: 18px;
	}

	.big {
		font-size: 36px;
	}

	.banner-container {
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: center;
		flex-wrap: wrap;
		margin-bottom: 10px;
	}

	.banner-left,
	.banner-right {
		position: unset;
		margin: 0 10px;
	}

	.lbox-terms {
		height: 560px;
		width: 365px;
		padding: 65px 12px 20px 12px;
	}

	.lbox-week1,
	.lbox-other-week {
		width: 350px;
		height: 340px;
	}

	.lbox-week1 p,
	.lbox-other-week p {
		font-size: 17px;
	}

	.lbox-week1 span,
	.lbox-other-week span {
		font-size: 15px;
	}

	.tpl-logo-wrap span {
		left: 0px;
		top: 40px;
		font-size: 14px;
		border: none;
	}

	.tpl-header {
		height: 80px;
	}

	.tpl-lang-wrap {
		top: 10px;
	}

	/* Static Layout */
	.static .header-title span {
		font-size: 23px;
	}

	.static .static-description {
		line-height: 15pt !important;
	}

	.prediction-box {
		margin-top: -100px;
	}

}

@media only screen and (max-width: 479px) {
	body {
		background-position: center 75px;
		background-size: cover;
	}

	.tpl-txt-lang {
		display: none;
	}

	.tpl-lang-wrap {
		width: 65px;
	}

	main {
		max-width: 300px;
	}

	.main-inner-container {
		margin-top: 0;
	}

	.team-name {
		font-size: 13px;
	}

	.banner-container {
		flex-wrap: nowrap;
		overflow: visible;
	}

	.prediction-box {
		margin-top: 245px;
		width: 250%;
	}

	#submit-form {
		display: flex;
	}
}

@media only screen and (max-width: 400px) {
	body {
		background-position: center 75px;
		background-size: 400px;
		background-color: #030303;
	}

	.main-inner-container {
		margin-top: 300px;
	}

	.prediction-box {
		width: 125%;
		margin-top: -105px;
	}

	.team-name {
		font-size: 12px;
	}

	#submit-form {
		display: flex;
		justify-content: center;
	}
}