@media screen and (max-width: 1800px){
	.prize{
		padding-left: 350px;
	}
	.prize .perfume{
		left: -130px;
	}
	.prize .next-sec{
		margin: 150px 0 55px -350px;
	}
	.videos{
		padding: 0 350px;
	}
}
@media screen and (max-width: 1680px){
	.hero{
		height: 850px;
		padding: 280px 0 0 0;
	}
	.hero .heading{
		width: 1200px;
	}
	.prize .perfume{
		width: 400px; 
		top: -190px;
	}
	.prize .num{
		top: 130px;
	}
}
@media screen and (max-width: 1600px){
	header .logo{
		width: 270px;
	}
	.hero{
		height: 750px;
		padding: 230px 0 0 0;
	}
	.prize{
		padding-left: 300px;
	}
	.prize .perfume{
		width: 380px;
		top: -180px;
	}
	.prize .num{
		top: 115px;
		padding: 0 40px 0 150px;
	}
	.prize p{
		top: -50px;
		left: 430px;
	}
	.prize .next-sec{
		margin: 120px 0 70px -300px;
	}
	.videos{
		padding: 0 300px;
	}
	.videos .col-lg-4 .btn{
		top: 50px;
	}
}
@media screen and (max-width: 1440px){
	body{
		font-size: 85%;
	}
	header .logo{
		width: 210px;
		padding: 40px 0 0 40px;
	}
	.hero{
		padding: 210px 0 0 0;
	}
	.hero .heading{
		width: 1000px;
	}
	.prize .perfume{
		width: 360px;
		top: -170px;
	}
	.prize .num{
		width: 32%;
		top: 122px;
		padding: 0 40px 0 122px;
	}
	.prize p{
		top: -10px;
		left: 380px;
	}
	.prize .next-sec{
		margin: 180px 0 70px -250px;
	}
	.videos{
		padding: 0 250px;
	}
	.styled-modal .modal-body{
		padding: 70px 140px;
	}
}
@media screen and (max-width: 1367px){
	.prize .perfume{
		width: 350px;
	}
	.prize p{
		top: 0;
		left: 350px;
	}
	.vote img{
		width: 40px;
		top: 13px;
	}
	.footer-modal .modal-dialog{
		max-width: 75%;
	}
}
@media screen and (max-width: 1280px){
	header .logo{
		width: 190px;
		padding: 30px 0 0 30px;
	}
	.hero{
		height: 650px;
		padding: 180px 0 0 0;
	}
	.hero .heading{
		width: 850px;
	}
	.prize{
		padding-left: 250px;
	}
	.prize .perfume{
		width: 320px;
		top: -150px;
	}
	.prize .num{
		width: 31%;
		padding: 0 40px 0 100px;
	}
	.prize p{
		left: 320px;
	}
	.videos{
		padding: 0 200px;
	}
	.videos .col-lg-4 .btn{
		top: 45px;
	}
}
@media screen and (max-width: 1200px){
	.prize p{
		width: 500px;
		left: 300px;
	}
	.videos .col-lg-4 .btn{
		top: 40px;
	}
}
@media screen and (max-width: 1024px){
	body{
		font-size: 70%;
	}
	header .logo{
		width: 160px;
	}
	.hero{
		height: 500px;
		padding: 140px 0 0 0;
	}
	.hero .heading{
		width: 650px;
	}
	.arrows{
		width: 40px;
	}
	.hero h1,
	.prize p{
		font-size: 1.4em;
	}
	.prize{
		padding-left: 200px;
	}
	.prize .perfume{
		width: 275px;
		top: -130px;
	}
	.prize .num{
		width: 29%;
		top: 115px;
		padding: 0 40px 0 60px;
	}
	.prize p{
		width: 400px;
		top: 10px;
		left: 240px;
	}
	.prize .next-sec{
		margin: 150px 0 70px -200px;
	}
	.videos{
		padding: 0 120px;
	}
	.styled-modal .modal-body{
		padding: 40px 100px 70px;
	}
	.styled-modal h2,
	.styled-modal h3{
		font-size: 3.7em;
	}
	.styled-modal h2{
		margin-bottom: 15px;
		margin-top: 0;
	}
	.styled-modal p{
		margin-bottom: 40px;
	}
	.styled-modal button{
		margin-top: 15px;
	}
}
@media screen and (max-width: 992px){
	.videos .col-lg-4 .btn{
		top: 60px;
	}
	.footer-modal .modal-dialog{
		max-width: 85%;
	}
}
@media screen and (max-width: 850px){
	.prize{
		padding-left: 150px;
	}
	.prize .perfume{
		width: 250px;
		top: -120px;
	}
	.prize p{
		top: 30px;
		left: 200px;
	}
	.videos{
		padding: 0 60px;
	}
}
@media screen and (max-width: 769px){
	.prize p{
		top: 45px;
		left: 160px;
	}
	.styled-modal .modal-body{
		padding: 40px 50px 70px;
	}
	.styled-modal h2,
	.styled-modal h3{
		font-size: 3.5em;
	}
}
@media screen and (max-width: 651px){
	.hero .heading{
		width: 550px;
	}
	.prize{
		padding-left: 0;
	}
	.prize .perfume{
		width: 220px;
		top: -80px;
		left: -20px;
	}
	.prize .num{
		width: 15%;
		top: 110px;
		left: 120px;
		padding: 0;
	}
	.prize p{
		width: 300px;
		top: 30px;
		left: 250px;
	}
	.prize .next-sec{
		margin: 150px 0 70px
	}
	.videos{
		padding: 0 20px;
	}
	.videos .col-lg-4{
		margin-bottom: 55px;
	}
	.videos .col-lg-4 .btn{
		top: 50px;
	}
	.vote img{
		width: 30px;
		top: 10px;
		right: 10px;
	}
}
@media screen and (max-width: 576px){
	.hero{
		padding: 170px 0 0 0;
	}
	.hero .heading{
		width: 100%;
	}
	.hero h1{
		margin: 30px 0 50px;
	}
	.prize .perfume{
		width: 200px;
		top: -70px;
	}
	.prize .num{
		width: 13%;
		left: 110px;
	}
	.prize p{
		top: 40px;
		left: 210px;
	}
	.videos{
		padding: 0;
	}
	.videos .col-lg-4{
		margin-bottom: 60px;
	}
	.videos .col-lg-4 .btn{
		top: 60px;
	}
	.styled-modal .modal-dialog{
		max-width: 95%;
		margin: 20px auto;
	}
	.styled-modal h2,
	.styled-modal h3{
		font-size: 3em;
	}
	.footer-modal .modal-dialog{
		max-width: 95%;
		margin: 20px auto;
	}
}
@media screen and (max-width: 500px){
	.prize .perfume{
		width: 160px;
		top: -35px;
	}
	.prize .num{
		left: 75px;
	}
	.prize p{
		left: 165px;
	}
	.prize .next-sec{
		margin: 130px 0 50px;
	}
}
@media screen and (max-width: 425px){
	header .logo{
		width: 120px;
		padding: 20px 0 0 20px;
	}
	.arrows{
		width: 35px;
	}
	.hero h1{
		font-size: 1.3em;
	}
	.prize .perfume{
		width: 150px;
		top: 0;
	}
	.prize .grad{
		height: 150px;
	}
	.prize .num{
		top: 130px;
	}
	.prize p{
		width: 230px;
		left: 145px;
		top: 60px;
		font-size: 1.2em;
		line-height: 1.4;
	}
	.styled-modal .modal-body{
		padding: 30px 15px 50px;
	}
}
@media screen and (max-width: 376px){
	.hero{
		height: 450px;
		padding: 160px 0 0 0;
	}
	.prize p{
		width: 200px;
		left: 140px;
		top: 65px;
	}
	.prize .next-sec{
		margin: 150px 0 50px;
	}
}
@media screen and (max-width: 321px){
	.prize .perfume{
		width: 140px;
		top: 10px;
	}
	.prize p{
		width: 165px;
		left: 128px;
	}
	.videos .col-lg-4 .btn{
		top: 50px;
	}
	.styled-modal h2,
	.styled-modal h3{
		font-size: 2em;
	}
	.styled-modal p{
		font-size: 1.3em;
	}
}