/* 
  ##Device = Macbook 13inch
*/
@media  only screen and (max-width: 1440px) {
	
	.float-star{
		width: 20%;
	}
	.float-gift{
		width: 20%;
	}
	.float-glob{
		width:20%;
	}
	.float-brad{
		width: 15%;
	}
	
	.video-container-intro .logo{
		width: 100px;
	
	}
	.video-over .logo {
    width: 200px;
    }
    
    .video-over .headline-img {
    width: 500px;
    }
    
    .main .description-inscriere,
    .main .description,
    .video-over .instructiuni{
	    font-size: 26px;
		line-height: 33px;
    }
	
	.main .img_title {
/*     	width: 250px; */
    
    }
    
/*
    .main .premiu{
	    width: 900px;
    }
*/
    
    
    .sectiune-formular {
	    margin-top: 0;
	}
	
	.video-over .instructiuni{
		margin-top: 40px;
	}
	
	.main .description-inscriere, .main .description, .video-over .instructiuni {
	    font-size: 22px;
	    line-height: 33px;
	}
	
	.main .detalii_pachet .block .desc_pachet {
    	max-width: 220px;
    }
	
	.iphone {
		padding-top: 250px;
	}
}


@media  only screen and (max-width: 1280px) {
	
	.container,
	.container-brad,
	.main{
		padding-left:30px;
		padding-right:30px;
	}
}


@media  only screen and (max-width: 1024px) {
	
	
	.headline-title {
		max-width: 400px;
	}
	.formular-inscriere{
		background-size: contain;
	}
	
	.iphone {
		max-width: 450px;
		
	}
	.intro .intro-body .title {
	    font-size: 50px;
	    text-align: center;
	}
	
	.formular-inscriere .title,
	.ce-castigi .title{
		font-size: 45px;
	}
	
	.main .description-inscriere, .main .description, .video-over .instructiuni {
	    font-size: 18px;
	    line-height: 28px;
	}
	.headline-title-desc {
		margin-bottom: 50px;
	}
	
	.intro .intro-body .btn-body .buton-inscrie{
		margin: 0 auto;
	}
	
	.cadou {
		max-width: 150px;
	}
	.cadou.reveal img{
		max-width: 150px;
	}
	.cadou.reveal .flip-card {
		width: 150px;
		height: 150px;
	}
	.video-over{
		top: 60%;
	}
	
	.ce-castigi .premiu img {
    max-height: 290px;
    
    }
    
    .ce-castigi .sub-title {
    font-size: 26px;
    }
	
}


@media  only screen and (max-width: 1199px) {
	
	
	
}


@media  only screen and (max-width: 991px) {
	
	.bon{
		width: 180px;
		left: -20px;
	}
}


/* 
  ##Device = Tablets, Ipads (portrait)
*/
@media only screen and (max-width:800px) and (orientation: portrait){
	
	
	.main .premiu{
		width: 100%;
	}
}



/* 
  ##Device = Tablets, Ipads (landscape)
  
*/
@media only screen and (max-width: 1024px) and (orientation: landscape) {
  		
}



/* 
  ##Device = Low Resolution Tablets, Mobiles 
*/
@media only screen and (max-width: 768px) {
	
	.hide-mobile{
		display: none;
	}
	
	.hide-desktop{
		display: inherit;
	}
	
	.logo img{
		margin-right:0;
		max-width: 100px;
	}
	.buton-inapoi {
	  margin-top: 20px;
	}
	.intro .social{
		display: none;
	}
  	.cadou {
		  max-width: 210px;
		  margin: 10px;
	}
	.cadou.reveal img{
		max-width: 100%;
	}
	.cadou.reveal .flip-card {
		width: 210px;
		height: 210px;
	}
	.castigator{
		width: 90px;
		height: 90px;
	}
	.castigator_over {
		width: 90px;
		font-size: 12px;
	}
	
	.iphone {
		padding-top: 40px;
	}
	.brad .arrow{
		display: none;
	}
  	.bg-button{
	  	height: 240px;
  	}
  	.intro .premii {
	    margin-top: 100px;
	}
	.brad {
		padding-top: 5rem;
	}
	
	.main .pasi {
		max-width: 480px;
	}
	.formular-inscriere .title, .ce-castigi .title {
	    font-size: 35px;
	}
	.main .pasi .pas .img_pas {
		max-width: 100px;
	}
	
	.inscrie {
		max-width: 200px;
	}
	
	.ce-castigi .sub-title {
	    font-size: 22px;
	}
	.ce-castigi .premiu img {
	    max-height: 220px;
	}		
	.main .description-inscriere, .main .description, .video-over .instructiuni {
	    font-size: 18px;
	    line-height: 26px;
	}
	

  	.cerinte{
	  	padding-top: 3rem;
	  	padding-bottom: 3rem;

  	}

  	.intro .intro-body .title {
    font-size: 40px;
    
    }
  	.container{
	  	width: 90%;
  	}
  	
  	.intro .intro-body .btn-body {
	    margin-top: 100px;
	}
  	
  	.cerinte .image img {
    max-height: 70px;
    
    }
  	.main .img_title img {
    width: auto;
    height: 105px;
    
    }	
    
    
    
/*
	
	.main{
		padding-bottom: 5rem;
	}
	
*/
	#success .descriere {
	    font-size: 20px;
	    line-height: 22px;
	}
	
	#success .sanse{
		font-size: 17px;
	}
	.bon{
		display: none;
	}
	
	#success .title{
		margin-bottom: 10px;
	}
	
	.bon{
		background: rgba(0,0,0,0.8);
		width: 100%;
		height: 100vh;
		position: relative;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		position: fixed;
		transform: none;
		z-index: 99;
		pointer-events: auto;
	}
	
	.bon .image{
		width: 70%;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%) rotate(-10deg);
		pointer-events: none;
	}
	
	.show-bon{
		display: block;
	}
	
	
	.main .detalii_pachet .block{
		width: 50%;
		margin-bottom: 20px;
	}
	
	
	
	
	.main .title_pachet{
		font-size: 30px;
		margin-top: 60px;
	}
	
	.main .detalii_pachet {
	    margin-top: 60px;
	    margin-bottom: 60px;
	}
	.social a svg{
		width: 24px
	}
	
	.float-star{
		bottom:-15%;
	}
	.float-gift{
		bottom:-15%;
	}
	.scroll-downs{
		bottom:-40px;
		z-index:999999;
	}
	.brad .titlu-campanie svg{
		width: 350px;
	}
	.titlu-castigatori svg{
		width: 200px;
	}
	.brad .descriere-campanie, .descriere-castigatori, .descriere-formular, #success .descriere{
		font-size: 22px;
	}
	
	.intro .container{
		padding:0;
	}
}



/* 
  ##Device = Most of the Smartphones Mobiles 
*/
@media only screen and (max-width: 480px) {
	

/*
	.premii .premiu-2,
	.premii .premiu-1{
		width: 100%;
	}
*/


	.logo img {
		max-width: 80px;
	  }
	
	.headline-title {
		max-width: 70%;
		padding-top: 50px;
		padding-bottom: 50px;
	  }
	
	.intro .container {
		width: 95%;
	}
	
	.logo {
		
	}
	.cerinte .title{
		font-size: 16px;
	}
	
	.cerinte .image img {
	    max-height: 60px;
	}
	
	.formular-inscriere,
	.ce-castigi{
		padding-top: 3rem;
		padding-bottom: 3rem;
	}
	
	.main .description-inscriere, .main .description, .video-over .instructiuni {
	    font-size: 16px;
	    line-height: 22px;
	}
	
	.main .description-inscriere em {
		font-size: 14px;
		line-height: 16px;
	}
	
	.formular-inscriere .title, .ce-castigi .title {
	    font-size: 28px;
	}
	
	.bg-button{
		height: auto;
		background: inherit;
	}
	
	.bg-button .buton-inscrie{
		position: inherit;
		left: inherit;
		top: inherit;
		transform: inherit;
	}
	
	.ce-castigi .premiu img {
	    max-height: 160px;
	}
	.premii .image-description{
		font-size: 16px;
	}
	.ce-castigi .sub-title {
	    font-size: 18px;
	}
	
	
	.intro .intro-body .btn-body {
	    margin-top: 30px;
	    display: none;
	}
	
	
	#video-desktop{
		display: none;
	}
	
	#video-mobile{
		display: block;
	}

	.arrow {
		left: 47%;	
	}
	
	.container {
	    width: 95%;
	}
	
	
	.video-over .headline-img{
		width: 90%;
	}	
	
	.video-over .instructiuni{
	margin-top: 50px;
		
	}
	.main .description-inscriere, .main .description, .video-over .instructiuni
	{
    font-size: 20px;
    line-height: 25px;
    
    }	
    
    
    .main .description{
	    margin-top: 0;
    }
    
    .main .premiu{
	    width: 100%;
    }
	
	
	.main .img_title {
/* 	    width: 150px; */
	}
	
	.main .premiu{
		margin-top: 50px;
	}
	
	.footer .text{
		font-size: 15px;
		line-height: 22px;
	}
	
	
	.main .img_title img {
	    width: auto;
	    height: 95px;
	}
	
	.main .description-inscriere, .main .description, .video-over .instructiuni {
	    font-size: 18px;
	    line-height: 25px;
	}
	
	.main .detalii_pachet .block .img_pachet {
    max-width: 90px;
    }
    
    .main .detalii_pachet .block .desc_pachet{
	    font-size: 14px;
		line-height: 22px;
    }
    
    
    
   .inapoi {
	    left: 20px;
		top: 20px;
		padding: 12px 25px;
		z-index: 2;
		font-size: 14px;
		line-height: 14px;
	}
	
	
	.video-over .instructiuni {
		width: 95%;
		margin: 0 auto;
		margin-top: 30px;	
		
	}
    
    .main .detalii_pachet{
	    margin-top: 50px;
    }
    
	.video-over{
		top: inherit;
		left: inherit;
		position: relative;
		transform: inherit;
		margin-top: 30px;
	}
/*
	.arrow {
	    right: 30px;
	    left: inherit;
	}
*/
	
/*
	.video-over{
		position: relative;
		left: inherit;
		top: inherit;
		transform: inherit;
	}
*/
	
	
	.premii .image-description{
		padding: 0;
		margin-top: 20px;
	}
	
	.intro .intro-body .title span{
		font-size: 33px;
	}
	.intro .intro-body .title span br{
		display: inherit;
	}
	
	
	.premii .image-description{
		background: #fff;
		color: #262626;
		border-radius: 25px;
		line-height: 18px;
		padding: 5px;
		max-width: 140px;
	}
	
	
	.video-over{
		margin-top: 100px;
	}
	
	.headline-title-sub{
		line-height: 22px;
	}
	
	.headline-title-desc{
		line-height: 20px;
	}
	
	.snowflake{
		font-size: 1.5em;
	}
	
	
	.cadou {
		max-width: 190px;
	}
	.cadou.reveal .flip-card {
		width: 190px;
		height: 190px;
	}
	
	.castigator {
		width: 71%;
		display: none;
	}
	.castigator_over {
		width: 100%;
	}
	.headline-title-desc,
	.headline-title-sub {
		max-width: 90%;
	}
	
	.headline-title-sub {
		font-size: 16px;
	}
	
	.iphone {
		max-width: 300px;
		padding-top: 50px;
	}
	
	.inscrie {
		max-width: 140px;
	}
	
	.main .pasi {
		max-width: 300px;
	}
	.main .pasi .pas .img_pas {
		max-width: 70px;
	}
	
	.main .pasi .pas .img_titlu{
		font-size: 14px;
	}
	.container, .container-brad, .main {
		padding-left: 15px;
		padding-right: 15px;
		padding-top: 30px;
		padding-bottom: 30px;
	  }
	.brad .descriere-campanie, .descriere-castigatori, #success .descriere {
		font-size: 20px;
		margin-top: 0px;
		margin-bottom: 30px;
	  }
	  .descriere-formular{
		  font-size: 14px;
		  margin-bottom:20px;
	  }
	  .titlu-formular, #success .title {
		font-size: 32px;
	}
	.group-input {
	  margin-bottom: 15px;
	}
	.brad .titlu-campanie svg {
		width: 270px;
	}
	.titlu-castigatori svg {
		width: 150px;
	}
	.footer{
		padding-top:2rem;
		padding-bottom:2rem;
		padding-left:15px;
		padding-right:15px;
	}
	.float-brad{
		bottom:0;
	}
	.tabel table {
	  border-spacing: 15px;
	}
	.tabel td {
	  padding: 3px;
	  font-size: 12px;
	}
	#popup-form{
		max-width: 70%;
		padding: 50px 30px;
	}
	.social a svg {
		width: 32px;
	  }
	.social a{
		padding: 5px;
	}
	.float-star {
		width: 30%;
	  }
	  .float-gift {
		  width: 30%;
		}
}
@media only screen and (max-width: 440px) {
	.cadou {
		max-width: 170px;
	}
	.cadou.reveal .flip-card {
		width: 170px;
		height: 170px;
	}
}

@media only screen and (max-width: 400px) {
	.cadou {
		max-width: 150px;
	}
	.cadou.reveal .flip-card {
		width: 150px;
		height: 150px;
	}
}

@media only screen and (max-width: 360px) {
	.cadou {
		max-width: 130px;
	}
	.cadou.reveal .flip-card {
		width: 130px;
		height: 130px;
	}
}

@media only screen and (max-width: 320px) {
	
	
	.video-over{
		margin-top: 10px;
	}
	
	.intro{
		overflow: auto;
		height: auto;
		padding-bottom: 100px;
	}
	.cadou {
		max-width: 110px;
	}
	.cadou.reveal .flip-card {
		width: 110px;
		height: 110px;
	}
}

@media only screen and (max-width: 280px) {
	.cadou {
		max-width: 70px;
	}
	.cadou.reveal .flip-card {
		width: 70px;
		height: 70px;
	}
}