/* 
  ##Device = Macbook 13inch
*/
@media  only screen and (max-width: 1440px) {
	

	
}


#header .middle-content {
    position: absolute;
    top: 65%;
    transform: translateY(-60%);
}

@media  only screen and (max-width: 1280px) {
	
	
	#header .descriere {
	    font-family: 'bely', sans-serif;
	    font-style: italic;
	    font-size: 28px;
	    line-height: 28px;
	    color: #E1C498;
	    margin-top: 30px;
	}


	.logo {
	    width: 130px;
	}

	#caracteristici .content .descriere br{
		display: none;
	}

	
	#reduceri .div-pret .content br{
		display: none;
	}
	
	
	#recomandare .lista-recomandari{
		width: 80%;
	}
	
}




/* 
  ##Device = Tablets, Ipads (portrait)
*/
@media only screen and (max-width:800px) and (orientation: portrait){
	.hide-mobile{
		display: none;
	}
	
	.hide-desktop{
		display: inherit;
	}
}



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

@media only screen and (max-width: 991px) {
		
	#recomandare .lista-recomandari{
		width: 100%;
	}
}

/* 
  ##Device = Low Resolution Tablets, Mobiles 
*/
@media only screen and (max-width: 767px) {
	
	
	#reduceri .div-pret .pret-nou{
		margin-top: 20px;
	}
  	#reduceri .div-oferta, 
  	#reduceri .div-pret{
	  	width: 100%;
	  	height: inherit;
	  	display: block;
  	}
  	
  	
  	#reduceri .div-oferta .content, #reduceri .div-pret .content{
	  	position: inherit;
	  	top: inherit;
	  	transform: inherit;
  	}

  	
  	#recomandare .lista-recomandari img{
		width: 100%;
	}
	
	
	#recomandare,
	#simpla-atingere,
	#bucura-te,
	#descopera-magia{
		padding-top: 50px;
		padding-bottom: 50px;
	}
	
	
	
	#header .middle-content{
		text-align: center;
		width: 100%;
		left: 0;
	}
	
	
	#header .buton a.btn{
		margin: 0 auto;
	}
	
	#header .livrare{
		width: 100%;
	}
	
	
	
	.footer-block-call {
	    float: left;
	    width: 100%;
	    padding: 10px;
	}
}



/* 
  ##Device = Most of the Smartphones Mobiles 
*/
@media only screen and (max-width: 480px) {
	
	
	.wrapper {
	    width: 100%;
	    margin: 0 auto;
	}

	.arrow{
		display: none;
	}
	#header{
		background-image: none;
		height: auto;
		padding-bottom: 50px;
	}
	
	
	#header .mobile-content{
		display: block;
		margin-top: 30px;
	}
	
	#header .mobile-content img{
		width: 100%;
	}
	#header .middle-content{
		position: inherit;
		left: inherit;
		top: inherit;
		transform: inherit;
		display: block;
		margin-top: 40px;
	}
	.top-content{
		margin-top: 30px;
	}
	
	#caracteristici .bg-image {
    height: 300px;
    
    }
    
    
    #header .titlu{
	    font-size: 35px;
		line-height: 47px;
    }
    
    
    #header .descriere{
	    font-size: 26px;
		line-height: 29px;
		margin-top: 30px;
    }
    
    a.btn {
	    width: 280px;
	    height: 50px;
		line-height: 50px;	    
    }
    
    
    #recomandare .titlu,
    #simpla-atingere .titlu,
    #bucura-te .titlu,
    #descopera-magia .titlu{
	    font-size: 30px;
		line-height: 34px;
    }
    
    
    #descopera-magia .descriere {
    font-size: 18px;
    line-height: 22px;
    }
    
    #caracteristici .content .descriere{
	    font-size: 20px;
font-weight: bold;
line-height: 40px;
    }
    
    
    #reduceri .div-oferta .titlu{
	    font-size: 62px;
line-height: 50px;
    }
	
	
	#reduceri .div-oferta .procent{
		font-size: 86px;
line-height: 86px;
	}
	
	
	
	#reduceri .div-oferta .text-reducere {
    font-size: 30px;
    line-height: 30px;
    
    }
    
    #reduceri .div-pret .titlu {
    font-size: 20px;
    line-height: 40px;
    
    }
    
    #reduceri .div-oferta .content, #reduceri .div-pret .content {
    width: 90%;
    
    }
    
    
    #recomandare .produs .descriere {
    font-size: 15px;
    line-height: 20px;
    height: 40px;
}	
    
    #recomandare .produs .titlu {
    font-size: 18px;
    line-height: 18px;
    }
    
    
    #recomandare .produs .buton a.btn{
	    line-height: 40px;
width: 100%;
height: 40px;
font-size: 14px;
    }
    
    .logo{
	    width: 120px;
    }
    
    .logo img{
	    width: 100%;
    }
    
    .music-control{
	    font-size: 22px;
    }
    
    .video iframe{
	    height: 300px;
    }
    
    #reduceri .div-pret .pret-vechi{
	    font-size: 30px;
    }
	
	
	#reduceri .div-pret .pret-nou{
		font-size: 60px;
		line-height: 60px;
	}
	
	
	#reduceri .div-pret .pret-nou sup{
		font-size: 20px;
		top: -30px;
	}
	
	#descopera-magia .buton a.btn,
	#bucura-te .buton a.btn{
		margin-top: 30px;
	}
	
	
	#recomandare .produs .buton a.btn{
		margin-top: 30px;
	}
	
	
	.text-right,
	.text-left{
		text-align: center;
	}
	
	
	#footer{
		line-height: 20px;
	}
	
	#header .livrare,
	#bucura-te .livrare{
		font-size: 14px;
	}
	
	
	
}