/*------------max-width:1200px---------------------------------------------------------------*/
 
@media screen and (max-width:1200px)

{
	

#container	{
			width:						900px !important;
			}
			
				
.content-full	{
			width: 						680px !important;
			margin: 					13px 0px 0px 217px !important;
			}
		
.content-half-right, .history-right	{	
			width:						48.5% !important;
			}
					
.content-half-left .history-left	{	
			width:						48.5% !important;
			}
			
.content-products		{
						width:			19.15% !important;
						}			
					

.content-products-small	{
			width:						11.5% !important;
			}
.content-productssp	{
			width:						23.5% !important;
			}

#footer 				{display:none !important;}
	

}

/*-----------min-width:768px------------------------------------------------------------------*/

@media screen and (max-width:1000px)

{

#startpage  {
			margin:						10% auto !important;				
			}
	
#logo-startpage {text-align:center; width: 130%; margin:20px -15%;}

	
h1 					{ font-size:40px !important;	}	
		
h2 					{ font-size:14px !important;	}	

h3 					{ font-size:20px !important;	}	

					
#header				{

					height:						90px !important;

					}
								
#logo-head 				{	
					width: 						160px !important;
					height: 					90px !important;
					margin:						-180px 0px 0px 0px !important;
					}

#en-logo-head 				{	
					width: 						160px !important;
					height: 					90px !important;
					margin:						-180px 0px 0px 0px !important;
					}	
													
#container			{  width:  					85%  !important;     }
					
.content-full		{	
					width: 						65% !important;
					margin: 					13px 7% 0px auto !important;
				}
						
.content-half-right		{	
						width:						48.5% !important; text-align:right !important;
						}
		
.content-half-left		{	
						width:						48.5% !important; text-align:left !important;
						}
					
.content-products		{
						width:						18.75%  !important;
						}
			
.content-products-small	{			
						width:						11% !important;
						}


										
}


/*------------MOBILE------------------------------------------------------------------*/

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

#startpage  {
			margin:						5% auto !important;				
			}

#logo-startpage {text-align:center; width: 180% !important; margin:30px -40% !important;}

.terms-right { text-align: center !important;}

.terms-right-2 { text-align: left !important;}

h1 {font-size: 30px !important; margin-top: -12px !important; text-align:left !important; }

h2 {font-size: 15px !important; margin-top: 0px !important; text-align:justify !important; }

h3 {font-size: 20px !important; margin-top: 0px !important; text-align:left !important; }

.align-right {text-align:right !important; }

p {font-size: 15px !important; text-align:justify !important; margin:	0 auto !important; padding: auto !important;}
					
a {color:rgba(250,245,235,0.7) !important;}

a:hover, a:active {
			color:						rgba(250,245,235,1) !important;}
		

#container	{
			width:						80% !important;
			background-color:			rgba(10,10,10,0.80) !important;
			}
			
.content-full		{	
					width: 						100% !important;
					text-align:justify !important;
				}
				
.history-left			{	
						width:						100% !important; text-align:justify !important; margin: 0px !important; padding: 0px !important;
						}
	
.history-right			{	
						width:						100% !important; text-align:justify !important; margin: 0px !important; padding: 0px !important;
						}
	
	
.content-products-small	{			
						width:						10.5% !important;
						margin:						0.5% 1% !important;
						}
	
.content-productssp	{			
						width:						23% !important;
						margin:						0% 1% !important;
						}

.content-products		{
						width:						18.0%  !important;
						margin:10px 2% 0px 0px !important; padding: 0px !important;					
						}	

#content-product-navigation{			
			text-align:					center !important;
			font-size:					11px !important;
			}
			
			

.white_content 				{
							top: 0% !important;
							left: 5% !important; right: 5% !important;
							font-size:13px !important;
							padding: 10px 0px !important;
							border: none !important;
							line-height:1.3 !important;
							}
							
.next-button, .prev-button  {
							bottom: 30% !important; width: 50px !important; height: 50px !important;
							}
		
.close-button 				{
							filter: alpha(opacity = 99)!important; -ms-filter: "alpha(opacity = 99)"!important; opacity:0.99!important;
							position: absolute; margin:-17px 2px 0 0 !important; right:0px !important; height: 50px!important;
							}	
							
.next-button 				{right: -10px !important;}
		
.prev-button 				{left: -10px !important;}

.logo-pop-up 				{height: 50px !important;}													
}


@media(max-width:480px){

body 			{max-width:	480px !important;}

#logo-startpage {text-align:center; width: 260% !important; margin:40px -80% !important;}

.align-right {text-align:center !important; }

h1 {font-size: 26px !important; margin-top: 10px !important; text-align:center !important; }

h2 {font-size: 13px !important; margin-top: -7px !important; text-align:center !important; }

h3 {font-size: 20px !important; margin-top: 10px !important; text-align:center !important; }

p {font-size: 13px !important; text-align:center !important; margin:	0 auto !important; padding: auto !important;}

#container	{
			width:						90% !important;
			margin:						0 auto !important;
			padding:					auto !important;
			background-color:			rgba(0,0,0,0.65) !important;
			}
			
.content-full		{	
					width: 						100% !important;
					margin: 					10px 0%!important;
					text-align:					center !important;
				}
				
.content-half-left, .design-left { width: 100% !important; padding:5px 0px 5px 0px !important; text-align:center !important;}			

.content-half-right, .design-right	 { width: 100% !important; padding:5px 0px 5px 0px !important; text-align:center !important;}		
		
.content-products-small	{			
						width:						22.5% !important;
						margin:						0% 1% !important;
						}
						
						
.content-productssp	{			
						width:						47% !important;
						margin:						0% 1% !important;
						}
						
						
.content-products		{
						width:						48%  !important;
						margin:2px 1.4% 0px 0px !important; padding: 0px !important;					
						}	

#logo-head 				{	
					width: 						160px !important;
					height: 					90px !important;
					margin:				-180px auto -10px !important;				
					}

#en-logo-head 				{	
					width: 						160px !important;
					height: 					90px !important;
					margin:				-180px auto -10px !important;				
					}
						
#img-title 		{display: none !important;
					padding-top:				0px;
					margin:						0px;
					width:						100%;
					}	
					
											
#lang-button {right: 10px !important}


.logo-pop-up 				{height: 30px !important;}	

}