@media screen and (max-width: 1680px){
	.video-wrap{
		top: 80px;
		left: 95px;
	}
	.scratch .tickets{
		left: 2%;
	}
	footer .top{
		padding: 65px 0 0 65px;
	}
}
@media screen and (max-width: 1600px){
	.group{
		width: 130%;
		left: -9.5%;
	}
	footer .modals{
		margin: 0;
	}
}
@media screen and (max-width: 1440px){
	.partner-img{
		width: 25%;
	}
	.hero-info{
		padding: 0 16%;
	}
	.hero-info .tickets{
		width: 40%;
	}
	.statue{
		bottom: 7%;
	}
	.group{
		width: 127%;
		left: -8.5%;
	}
	.video{
		margin: 0 auto 40px;
	}
	.video-wrap{
		top: 67px;
		left: 80px;
	}
	.video .apple,
	.video .slices{
		width: 13%;
	}
	.scratch h2{
		font-size: 60px;
	}
	.scratch p{
		font-size: 32px;
	}
	.scratch .tickets{
		width: 20%;
	}
	.canvas{
		width: 550px;
		height: 180px;
		padding: 17px;
		margin: 50px auto;
	}
	.canvas a{
		top: 18px;
		left: 17px;
		padding: 47px 163px;
	}
	canvas{
		width: 510px;
		height: 140px;
	}
	footer .top{
		padding: 65px 0 0 55px;
	}
	footer .top img{
		width: 185px;
	}
	footer ul li{
		margin-right: 20px;
	}
	footer ul li a{
		font-size: 17px;
	}
	.call .phone a{
		font-size: 30px;
	}
	.copy{
		margin-top: 50px;
	}
	.copy p{
		font-size: 18px;
	}
	.modal-dialog{
		max-width: 70%;
		margin: 30px auto 0;
	}
	.modal-body{
		width: 75%;
	}
	.main-modal .modal-body{
		width: 70%;
	}
	.main-modal .modal-partner{
		width: 22%;
		bottom: 11%;
	}
}
@media screen and (max-width: 1366px){
	.logo{
		width: 10%;
		padding: 25px 20px;
	}
	.hero{
		margin-top: -105px;
	}
	.hero-img{
		width: 21%;
	}
	.partner-img{
		width: 21%;
	}
	.hero-info h1{
		font-size: 35px;
	}
	.hero-info li{
		font-size: 30px;
	}
	.hero-info .tickets{
		width: 33%;
	}
	.main-modal .modal-dialog{
		margin: 10px auto 0;
	}
	.main-modal .modal-body{
		margin: -40px auto 0;
	}
	.main-modal h2{
		font-size: 36px;
		margin: 0 auto 35px;
	}
	.main-modal h3{
		font-size: 26px;
	}
	.main-modal input{
		padding: 13px 20px 10px;
	}
	.main-modal form button{
		font-size: 22px;
		margin: 35px auto 0;
	}
	.main-modal .modal-partner{
		left: 5%;
		bottom: 12%;
	}
}
@media screen and (max-width: 1280px){
	.hero-info{
		padding: 0 14%;
	}
	.group{
		display: none;
	}
	.video{
		width: 75%;
	}
	footer .top{
		padding: 70px 0 0 30px;
	}
	footer .top img{
		width: 150px;
	}
	footer ul li a{
		font-size: 16px;
	}
	.call{
		height: 54px;
	}
	.call i{
		font-size: 24px;
	}
	.call .phone a{
		font-size: 26px;
	}
	.call .desk{
		font-size: 17px;
	}
	.modal-body h2{
		font-size: 43px;
	}
}
@media screen and (max-width: 1200px){
	.scratch p span{
		display: none;
	}
	footer ul li a{
		font-size: 14px;
	}
	.copy p{
		font-size: 17px;
	}
}
@media screen and (max-width: 1024px){
	.logo{
		width: 17%;
		padding: 30px;
	}
	.hero{
		margin-top: -105px;
	}
	.hero-info .tickets{
		width: 37%;
	}
	.statue{
		bottom: 6%;
	}
	.video-wrap{
		top: 55px;
		left: 60px;
	}
	.scratch h2{
		font-size: 45px;
		margin-bottom: 10px;
	}
	.scratch p{
		font-size: 28px;
	}
	.scratch .tickets{
		width: 17%;
	}
	footer .top img{
		width: 145px;
		height: auto;
	}
	footer ul li{
		margin-right: 13px;
	}
	footer ul li a{
		font-size: 12px;
		letter-spacing: 2px;
	}
	.call .phone a{
		font-size: 21px;
	}
	.call .desk{
		font-size: 13px;
	}
	.modal-dialog{
		max-width: 85%;
	}
	.main-modal h2{
		font-size: 38px;
		margin: 0 auto 40px;
	}
}
@media screen and (max-width: 991px){
	.video-wrap{
		border-radius: 40px;
	}
	.scratch .apple{
		margin: 0 auto 30px;
	}
	footer{
		height: 217px;
	}
	footer .top{
		padding: 25px 0 0;
	}
	footer .top img{
		width: 120px;
	}
	footer .top .bandit-desk,
	footer .call-desk{
		display: none;
	}
	footer .top .bandit-mobile,
	footer .call-mobile{
		display: block;
		width: 100%;
	}
	footer .top .bandit-mobile img,
	footer .call-mobile .call{
		display: block;
		margin: 0 auto;
	}
	footer .call-mobile .call{
		width: 270px;
	}
	footer .modals{
		margin: 20px auto 0;
	}
	footer ul{
		position: static;
	}
	footer ul li{
		margin-right: 30px;
	}
	footer ul li:last-of-type{
		margin-right: 0;
	}
	footer ul li a{
		font-size: 14px;
		letter-spacing: 3px;
	}
	.call{
		height: 43px;
	}
	.call i{
		padding: 7px;
	}
	.call .desk{
		font-size: 14px;
		top: -2px;
	}
	.copy{
		margin-top: 30px;
	}
	.copy p{
		font-size: 14px;
	}
}
@media screen and (max-width: 768px){
	.logo{
		display: none;
	}
	.main{
		background-size: 140%;
	}
	.hero{
		margin: 0;
		padding-top: 20px;
	}
	.hero-info .tickets{
		width: 70%;
		margin: 20px 0;
	}
	.hero-info h1{
		font-size: 30px;
	}
	.hero-info li{
		font-size: 24px;
	}
	.hero-info ul img{
		width: 25px;
	}
	.hero-img{
		width: 27%;
	}
	.hero-info{
		padding: 0 36% 0 7%;
	}
	.hero-info .tickets{
		width: 80%;
		margin: 40px 0 20px;
	}
	.hero-info ul{
		margin-bottom: 60px;
	}
	.arrow{
		display: block;
		position: relative;
		left: 50%;
		transform: translateX(-50%);
	}
	.statue{
		width: 33%;
		bottom: 4%;
	}
	.video{
		width: 85%;
	}
	.video-wrap{
		top: 45px;
		left: 54px;
		border-radius: 30px;
	}
	.video .slices{
		display: none;
	}
	.video .apple{
		width: 11%;
		top: auto;
		bottom: -22%;
		right: 5%;
	}
	.scratch .tickets{
		display: none;
	}
	.main-modal .thief{
		width: 22%;
		bottom: 1%;
	}
	.modal-body{
		width: 85%;
	}
	.modal-body h2{
		font-size: 38px;
	}
	.main-modal .modal-partner{
		width: 25%;
		left: 3%;
		bottom: 3%;
	}
}
@media screen and (max-width: 575px){
	.row{
		margin: 0;
	}
	.main{
		padding: 0;
	}
	.hero-img{
		width: 45%;
	}
	.hero-info .tickets{
		width: 85%;
		margin: 15px 0 20px;
	}
	.hero-info h1{
		font-size: 23px;
	}
	.hero-info li{
		font-size: 20px;
	}
	.arrow{
		position: absolute;
		bottom: 0;
	}
	.statue{
		width: 35%;
		bottom: -5.5%;
	}
	.divider-desk{
		display: none;
	}
	.divider-mobile{
		display: block;
		margin: 20px auto 40px;
	}
	.video{
		width: 90%;
	}
	.video-wrap{
		top: 38px;
		left: 41px;
	}
	.scratch h2{
		font-size: 35px;
		letter-spacing: 4px;
	}
	.scratch p{
		font-size: 25px;
		padding: 0 5%;
	}
	.canvas{
		width: 490px;
		height: 150px;
	}
	canvas{
		height: 100%;
		width: 100%;
	}
	.canvas a{
		padding: 33px 134px;
	}
	footer ul{
		padding: 0;
	}
	footer ul li{
		margin-right: 15px;
	}
	footer ul li a{
		font-size: 12px;
		letter-spacing: 2px;
	}
	.modal-body h2{
		font-size: 32px;
	}
	.main-modal .modal-body{
		width: 80%;
	}
	.main-modal h2{
		font-size: 34px;
		margin: 0 auto 30px;
	}
	.main-modal h3{
		font-size: 26px;
	}
	.main-modal form button{
		font-size: 24px;
		padding: 12px 75px 10px;
		margin: 35px auto 0;
	}
	.main-modal .modal-partner{
		width: 35%;
	}
}
@media screen and (max-width: 500px){
	.hero-info{
		padding: 0 35% 0 5%;
	}
	.statue{
		width: 40%;
		right: 2%;
	}
	.arrow{
		z-index: 2;
	}
	.video-wrap{
		top: 30px;
	}
}
@media screen and (max-width: 425px){
	.main{
		background-size: 200%;
		background-position: 20% 5%;
	}
	.hero{
		padding-top: 10px;
	}
	.hero-img{
		width: 45%;
	}
	.partner-img{
		width: 45%;
	}
	.hero-info .tickets{
		width: 100%;
	}
	.statue{
		width: 40%;
		right: 2%;
	}
	.hero-info{
		padding: 0 45% 0 5%;
	}
	.hero-info h1{
		font-size: 20px;
	}
	.hero-info li{
		clear: both;
		font-size: 18px;
		margin-bottom: 10px;
	}
	.hero-info ul img{
		display: block;
		float: left;
	}
	.hero-info ul span{
		display: block;
	}
	.statue{
		right: 0;
		bottom: -7%;
	}
	.video{
		width: 97%;
	}
	.video-wrap{
		width: 66%;
		left: 30px;
	}
	.scratch h2{
		font-size: 60px;
	}
	.scratch p{
		font-size: 26px;
	}
	.scratch p span{
		font-family: 'Bebas-Bold';
	}
	.canvas{
		height: 140px;
		width: 380px;
		padding: 14px;
	}
	.canvas a{
		top: 15px;
		font-size: 26px;
		padding: 34px 91px;
	}
	footer{
		background: url('../img/footer-mobile.png') top center no-repeat;
		height: 475px;
	}
	footer .top{
		padding: 50px 0 0;
	}
	footer .call-mobile .call{
		width: 310px;
		height: 50px;
	}
	.call i{
		font-size: 30px;
	}
	.call .phone a{
		font-size: 26px;
	}
	.call .desk{
		font-family: 'Cervo-Medium';
		font-size: 16px;
	}
	footer ul{
		margin: 20px 0;
	}
	footer ul li{
		display: block;
		text-align: center;
		margin-right: 0;
		margin-bottom: 15px;
	}
	footer ul li a{
		font-size: 25px;
		letter-spacing: 4px;
	}
	footer .top img{
		width: 160px;
	}
	.copy{
		margin-top: 45px;
	}
	.copy p{
		font-size: 26px;
	}
	.modal-dialog{
		max-width: 90%;
	}
	.modal-body{
		margin: -20px auto 0;
	}
	.modal-body h2{
		font-size: 26px;
	}
	.modal-body p.bold{
		font-size: 25px;
	}
	.main-modal .modal-body{
		margin: -30px auto 0;
	}
	.main-modal h2{
		font-size: 30px;
	}
	.main-modal h3{
		font-size: 24px;
	}
	.main-modal p{
		font-size: 18px;
	}
}
@media screen and (max-width: 375px){
	.hero-info{
		padding: 0 41% 0 7%;
	}
	.hero-info .tickets{
		margin: 10px 0;
	}
	.statue{
		right: 0;
	}
	.video-wrap{
		left: 25px;
		top: 25px;
	}
	.scratch h2{
		font-size: 52px;
	}
	.scratch p{
		font-size: 22px;
	}

	.canvas{
		height: 130px;
		width: 360px;
	}
	.canvas a{
		padding: 28px 80px;
	}
	footer ul li a{
		font-size: 22px;
	}
	.copy{
		margin-top: 50px;
	}
	.copy p{
		font-size: 23px;
	}
	.main-modal .modal-body{
		width: 85%;
		padding: 15px 0 25px;
	}
	.main-modal .modal-partner{
		width: 55%;
		position: static;
		display: block;
		margin: 0 auto 30px;
	}
}
@media screen and (max-width: 320px){
	.hero-img{
		width: 55%;
	}
	.partner-img{
		width: 65%;
	}
	.hero-info{
		padding: 0 32% 0 6%;
	}
	.partner-img{
		width: 68%;
	}
	.statue{
		width: 42%;
		bottom: -6%;
	}
	.canvas{
		width: 310px;
	}
	.canvas a{
		padding: 28px 56px;
	}
	footer .call-mobile .call{
		width: 295px;
		padding: 0;
	}
	footer ul{
		margin: 20px 0 40px;
	}
	footer ul li a{
		font-size: 19px;
	}
	.copy{
		margin-top: 60px;
	}
	.copy p{
		font-size: 18px;
	}
	.modal-header .close{
		padding: 1rem;
	}
	.main-modal .modal-body{
		margin: -15px auto 0;
	}
}