@charset "utf-8";

@media screen and (max-width: 1500px){
	.cover {
		padding-left: 50px;
		padding-right: 50px;
	}
}
@media screen and (max-width: 1300px) {
	.cover {
		padding-left: 20px;
		padding-right: 20px;
	}
	h1 {
		font-size: 10vw;
	}
	.main {
		padding-left: 20px;
		padding-right: 20px;
	}
	.head {
		padding-top: 40px;
		padding-bottom: 60px;
	}
}
@media screen and (max-width: 1040px) {
	.prime__timer {
		display: none;
	}
	.howto__timer {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
		margin-top: 50px;
	}
	.howto__list {
		-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;
	}
	.howto__list li {
		width: -webkit-calc(50% - 7.5px);
		width: calc(50% - 7.5px);
	}
	.terms__list{
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}
	.terms__list li{
		width: -webkit-calc(33.33333% - 10px);
		width: calc(33.33333% - 10px);

	}
}

@media screen and (max-width: 900px) {
	.prime__inner {
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-webkit-flex-direction: column-reverse;
		    -ms-flex-direction: column-reverse;
		        flex-direction: column-reverse;
		-webkit-box-align: start;
		-webkit-align-items: flex-start;
		    -ms-flex-align: start;
		        align-items: flex-start;
	}
	.prime__text {
		margin: 0 0 30px 0;
	}
	.head__background img {
		-o-object-position: 65%;
		   object-position: 65%;
	}
	.terms__list li {
		width: -webkit-calc(50% - 7.5px);
		width: calc(50% - 7.5px);
	}
}

@media screen and (max-width: 700px) {
	.head {
		padding: 0px;
	}
	.header {
		background: #00161b;
		padding: 22px;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		gap: 15px;
	}
	.header__logo {
		padding: 0;
		border: none;
		height: 36px;
	}
	.background .img-mob {
		display: block;
	}
	.background .img-desc {
		display: none;
	}
	.head__background img {
		-o-object-position: center;
		   object-position: center;
	}
	.prime {
		padding: 40px 20px 50vh 20px;
		-webkit-box-align: start;
		-webkit-align-items: flex-start;
		    -ms-flex-align: start;
		        align-items: flex-start;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}
	h1 {
		text-align: center;
		font-size: 14.7vw;
		margin-bottom: 35px;
	}
	.page-cz h1 {
		font-size: 13vw;
	}
	.prime__wrap {
		text-align: center;
	}
	.prime__text {
		font-size: 4.2vw;
	}
	.prime__inner {
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
	}
	.main {
		padding-bottom: 50px;
	}
	.main__image {
		display: none;
	}
	.section {
		margin-top: 60px;
	}
	.howto__button--desc {
		display: none;
	}
	.howto__button--mob {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		margin-top: 15px;
		padding-left: 15px;
		padding-right: 15px;
	}
	.howto__head{
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}
	h2, h3, h4, h5, h6 {
		text-align: center;
	}
	h2 {
		font-size: 6.8vw;
	}
	h2 br {
		display: none;
	}


	.howto__list li {
		width: 100%;
	}
	.terms__list li {
		width: 100%;
		max-width: 290px;
		min-height: 116px;
	}

	.footer {
		padding: 17px;
	}
	.footer p{
		font-size: 10px;
	}
}

@media screen and (max-width: 414px){
	.timer-box {
		min-width: auto;
		width: 100%;
		white-space: nowrap;

	}
	.howto__timer{
		padding-left: 28px;
		padding-right: 28px;
	}
	.timer-boxes{
		width: 100%;
	}
	.timer-box{
		padding: 10px 5px;
	}
	.timer-value{
		font-size: 6.5vw;
	}
	.timer-label{
		font-size: 10px;
	}

}

@media screen and (max-width: 375px){
	.howto-list__text br {
		display: none;
	}
	.prime__text br {
		display: none;
	}
}