#mainmenu-h {display: none;}
.mobile-only {display: none;}

@media screen and (max-width: 1000px)
{
 #slider_container, #calendar {display: none;}
 #leftcol {display: none;}
 .wrapper {width: 100%;}
 .menucontainer {width: 100%;}
 #searchbox {display: none;}
 #footer {width: 100%; box-sizing: border-box;}
 .toplane, .toplane-bg {width: 100%; margin-top: 0;}
 #rightcol {width: 100%; max-width: 1000px; box-sizing: border-box;}
 #events {width: 100%; max-width: 960px; margin-left: 0; box-sizing: border-box;}
 #event_holder {box-sizing: border-box;}
 #event_holder {width: 100%;}
 #event_title, #event_date, #event_lead {width: auto;}
 #event_date, #event_lead {clear: left; float: none;}
 .event_img {width: 40%;}
 .event_img img {max-width: 100%;}
 #event_content_view, #content-separator, #event_lead_view, #event_content_dates {width: 100%;}
 div.view-article-content {width: 100%;}
 #node-6548 img {max-width: 40%; height: auto;}
 div#press_content_view img, div.content img {max-width: 100%; height: auto;}
 #event_content_view p {max-width: 100%;}
 #wrapper {width: 100%; max-width: 1000px;}
 #event_holder > div.more {width: auto; float: none; clear: both;}
 div.footer-container {height: auto;}
 div.h4_right {display: none;}
 div.gmap {max-width: 100%;}
}

@media screen and (max-width: 780px)
{
.mobile-only {display: block;}
 #content-info {position: static; left: auto; top: auto; clear: both; margin-bottom: 1em;}
 #event_lead {float: none;}
 #event_lead > img {max-width: 100%;}
 .menucontainer {height: 0;}
 #mainmenu-h {display: block; cursor: pointer; position: absolute; top: 10px; right: 10px;}
 div.lang, div.log {right: 60px;}
 ul.mainmenu {display: none; z-index: 900; position: absolute; background-color: #fff; width: 100%;}
 ul.mainmenu > li {float: none; clear: both; position: absolute; width: 100% !important; border-right: 0;}
 ul.submenu {position: static; z-index: 1000; width: 100%;}
 .menucontainer .mainmenu li {border-right: 0; position: static; background-color: #eee;}
 .menucontainer .mainmenu li a {position: static; border-bottom: 1px solid #fff;}
 .menucontainer .mainmenu li .submenu {box-sizing: border-box;}
 .menucontainer .mainmenu li .submenu li {width: 100%; text-align; center; line-height: 30px;}
 .menucontainer .mainmenu li .submenu li a {text-align: center; box-sizing: border-box;}
}

@media screen and (max-width: 500px)
{
 .event_img {float: none; box-sizing: border-box; width: 100%; margin: 1em auto .25em auto;}
 #footer div.footer-events {display: none;}
 #footer div.counter {position: static; height: auto; top: auto; left: auto; margin: 0 auto; padding: 20px 0 20px 0;}
 #toplane-logo {width: 200px;}
 .toplane {height: 70px;}

 .contactform h4 {float: none; display: block; width: 8em;}
 .contactform input[type="text"], .contactform select, .contactform textarea {width: 100%;}
}

@media screen and (max-width: 400px)
{
 div.log {display: none;}
}