@media screen and (max-width: 1200px){
	html {
		font-size: 1vw;
	}
}

@media screen and (max-width: 900px) {
	html {
		font-size: 1.6vw;
	}

	.header {
		padding: 38px 28px 0px 28px;
		z-index: 1;
	}

	.header__wrapp {
		-webkit-flex-wrap: wrap;
		    -ms-flex-wrap: wrap;
		        flex-wrap: wrap;
	}
	.header__logo {
		width: 100%;
		text-align: center;
	}
	.header__logo img {
		width: 126px;
		margin: auto;
	}
	.header__logo::before {
		display: none;
	}
	.header__text {
		width: 50%;
	}
	.header__date {
		width: 50%;
	}
	.main {
		padding: 0 28px 50px 28px;
		z-index: 1;
		position: relative;
		overflow-x: hidden;
	}

	.footer__crypto {
		-webkit-flex-wrap: wrap;
		    -ms-flex-wrap: wrap;
		        flex-wrap: wrap;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}
	.footer__crypto li {
		margin: 0px 8px;
		width: -webkit-calc(14% - 16px);
		width: calc(14% - 16px);

	}

	.footer__crypto li:first-child {
		width: 100%;
		margin-bottom: 8px;
	}
	.footer__crypto li + li {
		margin: 0px 8px;
	}
	.footer__crypto li img {
		height: auto;
		max-height: 35px;
	}
	.footer__crypto li:first-child {
		width: 100%;
		text-align: center;
	}
	.footer__crypto li br {
		display: none;
	}
	.footer__crypto span {
		font-size: 10px;
		line-height: 14px;
		margin: 0;
	}
	.footer__pays {
		margin-bottom: 20px;
		-webkit-flex-wrap: wrap;
		    -ms-flex-wrap: wrap;
		        flex-wrap: wrap;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}
	.footer__pays li + li {
		margin: 8px;
	}
	.footer__pays li {
		margin: 8px;
	}
	.footer__pays li img {
		height: auto;
		max-height: 24px;
	}
	.footer__logos li img {
		height: auto;
		max-height: 61px;
	}
	.footer__head {
		padding: 20px 20px 30px 20px;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
	.footer__copy {
		display: none;
	}
	.footer__logos {
		padding: 0px 20px 45px 20px;
	}
	.tabs {
		max-width: 100%;
		position: relative;
	}
	.tabs::before {
		content: '';
    display: block;
    background: -o-radial-gradient(50.00% 50.00%, 44.23% 40.53%, #002838 6.83%, rgba(0, 40, 56, 0.00) 91.96%);
    background: radial-gradient(44.23% 40.53% at 50.00% 50.00%, #002838 6.83%, rgba(0, 40, 56, 0.00) 91.96%);
		width: 1020px;
		height: 90px;
    position: absolute;
    bottom: -45px;
    left: -370px;
	}
	.tabs.live .tabs__content {
		height: 31rem;
	}

	.tabs__content {
		height: 31rem;
	}
	.popup-score{
		right: 20px;
		bottom: 40px;
	}
	.popup-score {
		width: auto;
		max-width:450px;
	}
	.popup-score .popup__button {
		width: auto;
		font-size: 16px;
		padding: 12px 35px;
	}
	.popup__teams {
		margin-bottom: 20px;
	}
	.popup__checks {
		font-size: 16px;
		margin-bottom: 22px;
		padding-left: 32px;
	}
	.popup__checks-checkmark {
		width: 22px;
		height: 22px;
	}
	.popup__checks-checkmark::before {
		width: 14px;
		height: 14px;
	}
	.popup__teams-value {
		width: 7rem;
		height: 4rem;
		font-size: 2.5rem;
	}




}


@media screen and (max-width: 600px) {
	html {
		font-size: 2.4vw;
	}


	.header__text {
		font-size: 7vw;
		text-align: center;
		padding: 1.5rem 1rem;
		width: 100%;
		border-bottom: 1px solid #FFF;
		background: -o-linear-gradient(left, #002A4C 0%, #066 51.40%, #002A4C 100%);
		background: -webkit-gradient(linear, left top, right top, from(#002A4C), color-stop(51.40%, #066), to(#002A4C));
		background: linear-gradient(90deg, #002A4C 0%, #066 51.40%, #002A4C 100%);
	}
	.header__date {
		width: 100%;
		text-align: center;
		font-size: 7.9vw;
		padding: 1.5rem 1rem;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}
	.header__date::before {
		opacity: 0.24;
		-webkit-transform: none;
		    -ms-transform: none;
		        transform: none;
		background: -o-linear-gradient(left, #40FECC 0%, rgba(255, 255, 255, 0.00) 100%);
		background: -webkit-gradient(linear, left top, right top, from(#40FECC), to(rgba(255, 255, 255, 0.00)));
		background: linear-gradient(90deg, #40FECC 0%, rgba(255, 255, 255, 0.00) 100%);
	}
	.main {
		padding: 0px 28px 35px 28px;
	}
	.teams {
		margin-top: 14px;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		    -ms-flex-direction: column;
		        flex-direction: column;
		position: relative;
	}
	/* .teams::before {
		content: url(../img/teams-bg.svg);
		display: block;
		width: calc(100% + 56px);
		height: 200%;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		left: -28px;
	} */

	.teams__name {
		text-align: center;
		font-size: 40px;
	}
	.teams__divider {
		margin: 0;
	}
	.teams__divider img {
		width: 33px;
	}
	.teams__name:nth-child(1) {
		text-align: center;
	}
	.teams__name:last-child {
		text-align: center;
	}
	.tabs {
		margin: 30px 0 20px 0;
		padding: 0;
	}
	.tabs__nav {
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
	}
	.tabs-nav__item {
		padding: 8px 13px;
		font-size: 4vw;
		width: -webkit-calc(50% - 2px);
		width: calc(50% - 2px);
	}
	.tabs-nav__item + .tabs-nav__item {
		margin: 0;
	}
	.tabs__content-bg {
		border: 4px solid #000;
	}
	.tabs.live .tabs__content {
		height: 20rem;
	}

	.tabs__content {
		height: 20rem;
	}
	.tabs-content__item.tab-1 {
		border: 4px solid #000;
	}
	.banner {
		padding: 43px 0 0 0;
		height: -webkit-calc(100% + 43px);
		height: calc(100% + 43px);
	}
	.banner__desc {
		display: none;
	}
	.banner__info {
		margin: 0;
		width: auto;
		padding: 12px 24px;
	}
	.button-bet {
		font-size: 12px;
		line-height: 14px;
		padding: 5px 20px 3px 20px;
		min-width: 95px;
	}
	.coef li {
		min-width: 38px;
		height: 20px;
		font-size: 11px;
		padding: 2px 2px 4px 2px;
		line-height: 1;
		border: 1px solid #fff;
	}
	.coef li + li {
		margin-left: 4px;
	}
	.coef::after {
    width: 100%;
    height: 33px;
	}
	.timer {
		margin-bottom: 16px;
	}
	.timer li {
		width: 46px;
		height: 32px;
		font-size: 7px;
		line-height: 1;
		-webkit-border-radius: 6px;
		        border-radius: 6px;
	}
	.timer li span:first-child {
		font-size: 20px;
		line-height: 1;
	}
	.timer-caption {
		font-size: 1.2rem;
	}

	.banner__desc {
		font-size: 1.4rem;
	}
	.popup-score .popup__content {
		padding: 14px 10px 30px 10px;
		-webkit-border-radius: 20px 20px 0 0;
		        border-radius: 20px 20px 0 0;
	}
	.popup-score .popup__content::before {
		-webkit-border-radius: 20px 20px 0 0;
		        border-radius: 20px 20px 0 0;
	}
	.popup__close img {
		width: 20px;
		height: 20px;
	}
	.popup-score {
		max-width: 100%;
		width: -webkit-calc(100% - 40px);
		width: calc(100% - 40px);
		position: static;
		width: 100%;
		margin-top: 20px;
		margin-bottom: -35px;

	}

	.score-block {
		margin: 0;
		-webkit-border-radius: 7px;
		        border-radius: 7px;
		border: 1px solid #FFF;
		background: -o-linear-gradient(left, rgba(0, 42, 76, 0.50) 0%, rgba(0, 102, 102, 0.50) 51.40%, rgba(0, 42, 76, 0.50) 100%);
		background: -webkit-gradient(linear, left top, right top, from(rgba(0, 42, 76, 0.50)), color-stop(51.40%, rgba(0, 102, 102, 0.50)), to(rgba(0, 42, 76, 0.50)));
		background: linear-gradient(90deg, rgba(0, 42, 76, 0.50) 0%, rgba(0, 102, 102, 0.50) 51.40%, rgba(0, 42, 76, 0.50) 100%);
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-webkit-flex-direction: row;
		    -ms-flex-direction: row;
		        flex-direction: row;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		padding: 10px 8px;
	}
	.score-block__list {
		background: none;
		-webkit-border-radius: 0;
		        border-radius: 0;
		border: none;
		padding: 0;
	}
	.button.score-block__button {
		margin: 0 0 0 7px;
		font-size: 1rem;
		line-height: 14px;
		padding: 0.2rem 0.65rem;
		min-width: auto;
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 auto;
		    -ms-flex: 0 0 auto;
		        flex: 0 0 auto;
	}
	.score-block__list li {
		padding: 0;
		background: none;
		min-width: auto;
		font-family: 'Open Sans', sans-serif;
		font-size: 13px;
		font-style: italic;
		font-weight: 600;
		text-transform: none;
	}

	.score-block__list span:first-child {
		display: inline;
	}
	.score-block__list small {
		display: inline;
		font-size: inherit;
	}
	.page {
		background: #121A26 url('../img/bg-mob.jpg') no-repeat center top / cover;
	}

	.remind-button {
		width: 100%;
	}
	.main::before {
		content: '';
    display: block;
    background: -o-radial-gradient(50.00% 50.00%, 44.22% 40.53%, #960023 39.45%, rgba(0, 40, 56, 0.00) 93.57%);
    background: radial-gradient(44.22% 40.53% at 50.00% 50.00%, #960023 39.45%, rgba(0, 40, 56, 0.00) 93.57%);
    width: 300%;
    height: 250px;
    position: absolute;
    top: -38px;
    left: -100%;
	}

}

@media screen and (max-width: 420px) {
	.button.score-block__button {
		font-size: 10px;
		padding: 1px 11px;
	}

}

@media screen and (max-width: 375px) {
	.header {
		padding: 38px 15px 0px 15px;
	}
	.main {
    padding: 0px 15px 35px 15px;
	}
	.footer__head {
		padding: 20px 10px 30px 10px;
	}
	.footer__logos {
    padding: 0px 15px 45px 15px;
	}
}