@media screen and (max-width: 480px) {
#menuDT, #footerNav ul {
	display:none;
}
.slicknav_menu{display:block;}

	#containerTop, #containerBottom {
	max-width:100% !important;
	margin:0 auto;
}
	#logo  {
	margin-left:2%;
	margin-top:20px;
	margin-bottom:15px;
		max-width:95% !important;
}

#flag {
position:absolute;
margin-left:20px;
top:15px;
}
	
	img, #image  {
		max-width:100% !important;
	}
	#image {
	margin: 0 auto;
	text-align:center;
	margin-bottom:40px;
	width:100%;
	height:140px;
	max-height:140px;
	}
	#content {
	padding-left:5px;
	letter-spacing: 0.08em;
	height:auto;
}
	#content ul {
	margin-left:0;
		padding-left:0;
	}
	#content li:before {
    content: "›"; 
 	padding-right: 5px;
}
	
	#content li, #content h1 {
	text-transform: uppercase;
	font-size:1em;
}

#contentLeft {
width:100%;
float:none;
}
#contentRight {
width:100%;
float:none;
}
	#content p {
font-size:1.0em;
line-height:1.4;
}
	
	.by {
	height:20px;
	
}
	
	#content2 {
	margin-top:35px;
	font-size:1.0em;
	line-height:1.4em;
	letter-spacing:0.03em;
		margin-bottom:20px;
}
	
#contact {
	margin-left:0%;
	width:90%;/*325-30*/
	max-width:100% !important;
	height:280px;
	min-height:280px !important;
	padding-top:47px;
	padding-right:20% !important;
	text-align:right;
	background-image: url(images/kontakt-bg-2.png);
	background-repeat: no-repeat;
	margin-top:50px;
	line-height:1.5;
	
}
	#footer {
	position:relative;
	width:100%;
	height:160px;
	
	text-align:center;
	padding-top:22px;
	margin-top:0px;
	
	z-index:-1000 !important;
}
.boxContainer {
max-width:100%;
display:block;
}
.box {
width:100% !important;
margin-right:10px;
margin-left:0px;
max-width:100%;
background-color: #E3EECE;
margin-top:10px;
padding:0;
padding-bottom:15px;
font-family: 'Source Sans Pro', sans-serif;
line-height: 1.5;
}
	
}


@media screen and (min-width: 481px) and (max-width: 768px) {
#menuDT, #footerNav ul {
	display:none;
}
.slicknav_menu{display:block;}

	#containerTop, #containerBottom {
	max-width:100% !important;
	margin:0 auto;
}
	#logo  {
	margin-left:15%;
	margin-top:20px;
	margin-bottom:35px;
		max-width:95% !important;
}
	
	img, #image  {
		max-width:100% !important;
	}
	#image {
	margin: 0 auto;
	text-align:center;
	margin-bottom:40px;
	width:100%;
	height:140px;
	max-height:140px;
	}
	#content {
	padding-left:20px;
	letter-spacing: 0.08em;
	height:auto;
}
	#content ul {
	margin-left:0;
		padding-left:0;
	}
	#content li:before {
    content: "›"; 
 	padding-right: 5px;
}
	
	#content li, #content h1 {
	text-transform: uppercase;
	font-size:1em;
}
	
	#content p {
font-size:1.0em;
line-height:1.4;
}
	
	.by {
	height:20px;
	
}
	
	#content2 {
	margin-top:35px;
	font-size:1.0em;
	line-height:1.4em;
	letter-spacing:0.03em;
		margin-bottom:20px;
}
	
#contact {
	margin-left:0%;
	width:70%;/*325-30*/
	max-width:100% !important;
	height:280px;
	min-height:280px !important;
	padding-top:47px;
	padding-right:40% !important;
	text-align:right;
	background-image: url(images/kontakt-bg-2.png);
	background-repeat: no-repeat;
	margin-top:50px;
	line-height:1.5;
	
}
	#footer {
	position:relative;
	width:100%;
	height:160px;
	background-color: #fff;
	text-align:center;
	padding-top:22px;
	margin-top:0px;
	z-index:-1000 !important;
}
	
}

/*IPAD LANDSCAPE*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)
and (orientation : landscape)
{ 
	#header li {
	margin-right:5px;
}
	
#header nav li:before, #footerNav li:before {
    content: "›"; 
 	padding-right: 5px;
}

#footerNav li:before {
	padding-left: 15px;
}
}

/*IPAD PORTRAIT*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)
and (orientation : portrait)
{ 
	#contact {
	margin-left:0%;
	width:60%;/*325-30*/
	max-width:100% !important;
	height:280px;
	min-height:280px !important;
	padding-top:47px;
	padding-right:40% !important;
	text-align:right;
	background-image: url(images/kontakt-bg-2.png);
	background-repeat: no-repeat;
	margin-top:50px;
	line-height:1.5;
	
}
}