/* ---------------------------------------
	Responsive design code
-----------------------------------------*/

@media screen and (min-width: 1024px) {

.hidemobile5 {
	display: none !important;
}

#module3 {
	display: inherit;
}
#module1 {
	display: inherit;
}
#nav3 {
	display :none;
}
#nav2 {
	display: inherit;
}
#modulestop {
	display: inherit;
}
#maincontent .column2 {
	display: none;
}
#maincontent .center {
	width: 100% !important;
	clear: both;
	float:left;
}
#footer {
	display: inherit;
}
#module6 {
	display :none;
}
#module5 {
	display :none;
}
#module2 {
	display: inherit;
}
#module4 {
	display :none;
}
#nav3 ul.menu > li > span.separator{
  margin-right: 100px !important;
}
#nav3 ul.menu > li > a{
  margin-right: 100px !important;
}


}

@media screen and (min-width: 950px) and (max-width: 1024px) {

img {
	max-width: 100% !important;
	height: auto !important;
}

.container {
	width: 950px !important;
}

.hidemobile4 {
	display: none !important;
}

#module3 {
	display: inherit;
}
#module1 {
	display: inherit;
}
#nav3 {
	display :none;
}
#nav2 {
	display: inherit;
}
#modulestop {
	display: inherit;
}
#maincontent .column2 {
	display: none;
}
#maincontent .center {
	width: 100% !important;
	clear: both;
	float:left;
}
#footer {
	display: inherit;
}
#module6 {
	display :none;
}
#module5 {
	display :none;
}
#module2 {
	display: inherit;
}
#module4 {
	display :none;
}
#nav3 ul.menu > li > span.separator{
  margin-right: 50px !important;
}
#nav3 ul.menu > li > a{
  margin-right: 50px !important;
}
#nav2 ul.menu > li > a{
  margin-right: 40px !important;
}

}

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

img {
	max-width: 100% !important;
	height: auto !important;
}

.container {
	width: 758px !important;
}

.hidemobile3 {
	display: none !important;
}

#module3 {
	display: inherit;
}
#module1 {
	display: inherit;
}
#nav3 {
	display :none;
}
#nav2 {
	display: inherit;
}
#modulestop {
	display: inherit;
}
#maincontent .column2 {
	display: none;
}
#maincontent .center {
	width: 100% !important;
	clear: both;
	float:left;
}
#footer {
	display: inherit;
}
#module6 {
	display :none;
}
#module5 {
	display :none;
}
#module2 {
	display: inherit;
}
#module4 {
	display :none;
}
#nav2 ul.menu > li > a {
  margin-right: 1px !important;
}
#footer ul.menu li a {
  float: left;
  border-radius: 0px 0px 3px 3px;
  color: #ffffff !important;
  margin-right: 3px !important;
  margin-bottom: 20px !important;
}
#nav3 ul.menu > li > span.separator{
  margin-right: 50px !important;
}
#nav3 ul.menu > li > a{
  margin-right: 50px !important;
}

}

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

img {
	max-width: 100% !important;
	height: auto !important;
}

.container {
	width: 524px !important;
}

.hidemobile2 {
	display: none !important;
}

#module3 {
	display: inherit;
}
#module3 {
	height: auto !important;
}
#module3 .logobloc {
	float :none !important;
	width: auto !important;
}
#module1 {
	display: inherit;
}
#module1 {
	height: auto !important;
}
#module1 .logobloc {
	float :none !important;
	width: auto !important;
}
#nav3 {
	display :none;
}
#nav2 {
	height: auto !important;
}
#nav2 ul {
	height: auto !important;
}
#nav2 li {
	float :none !important;
	width: 100% !important;
}
#nav2 div.floatck {
	width: 100% !important;
}
#modulestop {
	display: inherit;
}
#maincontent .column1 {
	display: none;
}
#maincontent .main {
	width: 100% !important;
	clear:both;
	float:left;
}
#footer {
	display :none;
}
#module6 {
	display: inherit;
}
#module6 {
	height: auto !important;
}
#module6 .logobloc {
	float :none !important;
	width: auto !important;
}
#module5 {
	display: inherit;
}
#module5 {
	height: auto !important;
}
#module5 .logobloc {
	float :none !important;
	width: auto !important;
}
#module2 {
	display :none;
}
#module4 {
	display: inherit;
}
#footer ul.menu li a {
border-radius: 0px 0px 3px 3px;
color: #ffffff !important;
float: left;
clear: left;
font-size: 16px;
}
#center > div.inner {
    margin-left: 0px;
}
.showcase-size {
  min-height: 150px !important;
}
.logotext1 {
  font-size: 13px !important;
}
.logotext2 {
  font-size: 13px !important;
}
.sonne {
  clear: right;
  float: left;
  height: 80px !important;
  width: 80px !important;
}
.dp-upcoming-event-width {
  margin-bottom: 5px !important;
  width: 28% !important;
}
.foxemail .controls {
 width: 100% !important;
}
#nav2 li {
  width: 65% !important;
}
#nav2 ul.menu > li > a{
  margin-right: 0px !important;
}

}

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

img {
	max-width: 100% !important;
	height: auto !important;
}

.container {
	width: 292px !important;
}

.hidemobile1 {
	display: none !important;
}

#module3 {
	display: inherit;
}
#module3 {
	height: auto !important;
}
#module3 .logobloc {
	float :none !important;
	width: auto !important;
}
#module1 {
	display: inherit;
}
#module1 {
	height: auto !important;
}
#module1 .logobloc {
	float :none !important;
	width: auto !important;
}
#nav3 {
	display :none;
}
#nav2 {
	height: auto !important;
}
#nav2 ul {
	height: auto !important;
}
#nav2 li {
	float :none !important;
	width: 100% !important;
}
#nav2 div.floatck {
	width: 100% !important;
}
#modulestop {
	display: inherit;
}
#maincontent .column1 {
	display: none;
}
#maincontent .main {
	width: 100% !important;
	clear:both;
	float:left;
}
#footer {
	display :none;
}
#module6 {
	display: inherit;
}
#module6 {
	height: auto !important;
}
#module6 .logobloc {
	float :none !important;
	width: auto !important;
}
#module5 {
	display: inherit;
}
#module5 {
	height: auto !important;
}
#module5 .logobloc {
	float :none !important;
	width: auto !important;
}
#module2 {
	display :none;
}
#module4 {
	display: inherit;
}
#center > div.inner {
    margin-left: 0px;
}
.showcase-size {
  min-height: 150px !important;
}
.logotext1 {
  font-size: 13px !important;
}
.logotext2 {
  font-size: 13px !important;
}
.sonne {
  clear: right;
  float: left;
  height: 80px !important;
  width: 80px !important;
}
.dp-upcoming-event-width {
  margin-bottom: 70px !important;
  width: 25% !important;
}
#nav2 li {
  width: 65% !important;
}
#nav2 ul.menu > li > a{
  margin-right: 0px !important;
}
.menuicon .image-title{
  float: left;
  margin-right: 5px;
}

}