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

  
#wrapper {
	width: 758px !important;
	padding: 0;
}

img {
max-width: 100%;
} 

#logo {
    margin-top:0px;
}

#nav ul.menu > li {
   -moz-border-radius: 5px;
	-o-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	float:none;
}

#nav ul.menu > li > a, #nav ul.menu > li > span.separator {
    padding: 1px;
	padding-right: 5px;
	padding-left: 5px;
    -moz-border-radius: 5px;
	-o-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

  
#left, #center, #right {
	float: none !important;
	width: 100% !important;
}

#left > div.inner, #center > div.inner, #right > div.inner {
	margin: 5px 0px 5px 0px !important;
}

.items-row .item, .column, .flexiblemodule, .logobloc {
	width: auto !important;
	float: none;
	margin: 0 !important;
}

body {
	font-size: 12px;
}
   
  
}

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

#wrapper {
	width: 524px !important;
	padding: 0;
}

body {
	font-size: 12px;
}
  
  
#nav ul.menu > li {
	 -moz-border-radius: 0px;
	-o-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
}

#nav ul.menu > li > a, #nav ul.menu > li > span.separator {
    padding: 1px;
	padding-right: 1px;
	padding-left: 1px;
    -moz-border-radius: 0px;
	-o-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	font-size: 12px;
}
  
  
#footer {
	padding: 2px;
    font-size: 10px;
} 
   
}

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

#wrapper {
	width: 292px !important;
	padding: 0;
}

body {
	font-size: 10px;
}
  
  
#nav ul.menu > li {
	 -moz-border-radius: 0px;
	-o-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
}

#nav ul.menu > li > a, #nav ul.menu > li > span.separator {
    padding: 1px;
	padding-right: 1px;
	padding-left: 1px;
    -moz-border-radius: 0px;
	-o-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	font-size: 12px;
}
    
#footer {
    font-size: 8px;
}   
  
}