@media (min-width: 576px) {

	.section-countdown .container{
		padding-top: calc(var(--bs-gutter-x) * .5);
		padding-bottom: calc(var(--bs-gutter-x) * .5);
	}

	.run-countdown .label{
		font-size: 22px;
		margin: 0 30px;
	}
		.run-countdown .label .num{
			font-size: 52px;
		}

}

@media (min-width: 768px) {

	.container{
		max-width: 720px;
	}

	#hero .poster {
		height: 45.2vw;
	}

	#form-join label.check .input,
	#form-join label.check .label {
	    width: 4%;
	}
		#form-join label.check .label {
		    width: 88%;
		}

	#hero .btn-scroll-more{
		display: block;
	}

	.section-countdown .wrap-countdown {
    margin: 600px 0 0;
	}

	.run-countdown .label{
		margin: 0 46px;
	}

	.section-1{
		padding-bottom: 450px;
	}
	.section-2{
		padding-top: 600px;
	}
	.para.para-img-1{
		width: 430px;
		top: 230px;
	}
	.para.para-img-2{
		width: 315px;
		top: 445px;
	}
	.section-3 {
    padding-top: 500px;
    background-position: center;
  }
  .section-6 {
    background-position: center !important;
  }
  	.section-6 .fly {
    	margin-bottom: 500px;
		}
	.section-4 {
    padding-top: 300px;
  }
  .section-5 {
    padding-top: 270px;
	}

	.para.para-img-3{
		width: 243px;
	}
	.para.para-img-4{
		width: 311px;
		left: 190px;
	}
	.para.para-img-5{
		width: 264px;
	}

	.section .fly-logo{
		width: 50%;
		max-width: 50%;
	}

}

@media (min-width: 1200px) {

	.section-countdown .wrap-countdown {
    margin: 800px 0 0;
	}

}

@media (min-width: 1400px) {

	.section-countdown .wrap-countdown {
    margin: 1000px 0 0;
	}

}