body, html { display: block; max-width: 100%; overflow-x: hidden; } 
@media (max-width: 1360px) and (min-width: 1100px) { 
	.topmenu li a { font-size: 16px; font-weight: 400; }
	.topmenu li { margin: 0 7px; }
	.hideonmobile { display: none; }
}
@media (max-width: 1100px) and (min-width: 992px) { 
	.topmenu li a { font-size: 15px; font-weight: 400; }
	.topmenu li { margin: 0 4px; }
}
@media (max-width: 992px) { 
	.hideondesktop { display: block; } 
	.hideonmobile { display: none; } 
	
	.logo img { max-width: 100%; }
	.subscribe { margin-top: 0; }
	.navigation { background: none; border: 0; opacity: 1; }
	.menu-icon { float:right; cursor: pointer; color: #fff; text-align: center; margin: -39px 0 10px 0; }
	.menu-icon span { background: url(../images/menuicon.png) 0 0 no-repeat; float: right; width: 40px; height: 23px; margin: 0 0 0 10px; }
	.menu-icon.active span { background: url(../images/menuicon.png) -119px 0 no-repeat; }
	.topmenu { display: none; }
	.topmenu { background: #393837; color: #fff; float: left; margin:0; padding: 10px 15px 15px 15px; position: absolute; width: 100%; right: 0; top: 0px; z-index: 1; } 
	.topmenu li.dropdown { padding: 0; }
	.topmenu .level1 li, .topmenu .toplink li { width: 100%; margin: 0; padding: 0px 0; border-bottom: 1px solid #fff; }
	.topmenu li label { height: auto; margin-bottom: 5px; margin-top: 15px; border-bottom: 1px dashed #fff; width: 100%; }
	.topmenu .level2 { display: none; }
	.dropdown label { background: url(../images/downarrow.png) right center no-repeat; }
	.dropdown label.active { background: url(../images/uparrow.png) right center no-repeat; }
	.toplink #cssmenu { float: none; }
	.toplink { margin-top: 0; }
	.topmenu li { width: 100%; float: left; }
	.topmenu li a {  text-transform: none; color: #fff; width: 100%; float: left; padding: 10px 0;}
	.sublavel3 { pointer-events: none; }
	.dropdown-toggle { z-index: 10; }
	.dropdown-menu, .lavel3 { position: relative; float: none; text-align: center; margin-top: 0; }
	.dropdown:hover .dropdown-menu { top: 0; }
	.lavel3 { top: 0; left: 0; }
	.topmenu .level1 .lavel3 li { border-bottom: 0; }
	.intro-content h2 { font-size: 20px; margin-bottom: 20px; }
	.footer-credits img { max-width: 100%; }
	
	.event-text strong { font-size: 16px; }
} 
@media (max-width: 992px) and (min-width: 768px) { 
	.topmenu { top: -1px; }
	.menu-icon { margin-top: -80px;  }
}
@media (max-width: 767px) {
	h1 { font-size: 22px; }
	h2 { font-size: 20px; }
	
	.subscribe { font-size: 8px; line-height: 15px; }
	.subscribe span { font-size: 16px; }
	.header-top { padding-top: 20px; padding-bottom: 14px; }
	#home-slider .caption { bottom: 20px; padding: 10px 15px; line-height: 23px; }
	#home-slider h1 { margin-bottom: 0; font-size: 1.2em; }
	#home-slider p { font-size: 0.8em; }
	
	.event-home { padding: 15px 0; }
	.event-list strong { font-size: 15px; margin-bottom: 5px; }
	.event-list .image { margin-bottom: 15px; }
	.event-list .more { float: right; }
	.event-home .calendar-left { margin-top: 10px; }
	.gallery-icon img { width: 100%; height: 100%; }
	.facebook-blog { margin-top: 40px; }
	
	footer { line-height: 20px; font-size: 0.8em; }
	footer h3 { margin-top: 15px; }
	.footer-credits img { display: block; }
	
	.event-rightpanel, .eventright { margin-top: 30px; }
	.eventleft, .eventright { padding-left: 15px; padding-right: 15px; }
	.c1-form table, .c1-form tbody, .c1-form tr { width: 100%; float: left; max-width: 100%; display: block; }
	.c1-form td { padding-top: 5px; padding-bottom: 5px; width: 100%; display: block; }
	#newsletter-list span.image { margin: 0 auto; }
	.newsletter-content { text-align: center; }
	.lavel3 { padding: 0; }
}