@media (min-width: 100px) {
	html {
		font-size: 14px;
	}
	.toggle-me {
        display: inline-block;
        margin: 0 auto;
        width: 45%;
        text-align: right;
	}
	.logo {
		display: inline-block;
		width: 55%;
	}
	.menu-wrap {
		display: none;
	}
	nav.menu-head ul li {
		display: block;
		text-align: center;
	}
    nav.menu-head ul li ul.sub-menu,
    nav.menu-head ul li ul.sub-menu li ul.sub-menu {
        position: relative;
        right:auto;
    }
    .panel-image {
    	text-align: center;
    }
    .panel-title, .panel-holder {
    	display: block;
    }
    .panel-navi {
    	display: none;
    }
    .push-down {
    	display: block;
    	float: right;
    	margin-top: 0px;
    }
    .push-up {
    	/*margin-top: -37px;*/
    	width: 20%;
    	float: right;
    	display: block;
    	min-height: 30px;
    }
    .mod-3 {
		width: 100%;
	}
	.mod-9 {
		width: 100%;
	}
	.panel-table table tr td {
		display: block;
	} 
	body.front .footer-wrap {
		position: relative;
	}
	.splash-wrap {
		padding: 20px 10px;
		margin:0;
		position: relative;
		bottom: 0px;
		width: 100%;
	}
	.splash-head h1 {
		font-size: 1.25rem;
		line-height: 1.8rem;
	}
	.splash-ingress {
		font-size: 1rem;
	}
	.splash-buttons ul li {
		margin:10px 0;
	}
	footer {
		padding:20px 0;
	}
	.front-image-holder{
		height: 60vh;
	}
	.list-title {
	    padding: 0 20px;
    	font-size: 1rem;
    	max-width: 200px;
    	margin: auto;
		text-align:center;
	
	}
	body.front .footer-wrap a {
		color: #ef404a;
	}
	.search-wrap {
		width: 100%;
		max-width: 100%;
	}
	.searchbutton {
		width: 20% !important;
	}
	.searchinput {
		width: 70% !important;
	}
}
@media (min-width: 668px) {
	html {
		font-size: 16px;
	}
	.panel-table table tr td {
		display: inline-block;
	}
	.splash-wrap {
		position: absolute;
		bottom: 12%;
	}
	body.front .footer-wrap {
		position: absolute;
	}
	body.front footer {
		padding:0px 0;
		color: #fff;
	}
	body.front .footer-wrap a {
		color: #fff;
	}
	.front-image-holder{
		height: 100vh;
	}
	.list-title {
		font-size: 1rem;
	    padding: 0 20px 20px 20px;
    	max-width: 200px;
    	margin: auto;
		text-align:center;
	}
	.searchbutton {
		width: auto;
	}
	.searchinput {
		width: auto;
	}
	.search-wrap {
		width: auto;
		max-width: 100%;
	}
	
}
@media (min-width: 520px) {
 	.panel-title, .panel-holder {
    	display: none;
    }
    .panel-holder.active {
    	display: block;
    }

    .panel-navi {
    	display: block;
    }
}
@media (min-width: 860px) {
	.toggle-me {
		display: none;
	}
	.menu-wrap {
		display: block;
	}
	nav.menu-head ul li {
		display: inline-block;
		text-align: left;
	}
    nav.menu-head ul li ul.sub-menu,
    nav.menu-head ul li ul.sub-menu li ul.sub-menu {
        position: absolute;
    }
    nav.menu-head ul li ul.sub-menu li ul.sub-menu {
        right:-50px;
    }
    nav.menu-head ul li a, nav.menu-side ul li a {
    	padding: 5px 15px;
    }
    .mod-3 {
		width: 25%;
	}
	.mod-9 {
		width: 75%;
	}
	.logo {
		display: inline-block;
		width: 100%;
		max-width: 250px;
        margin-top:-3px;
        
	}
	.splash-wrap {
		margin:0 auto;
		padding:20px 80px;
		width:100%;
	}
	.splash-head h1 {
		font-size: 2.25rem;
		line-height: 2.8rem;
	}
	.splash-ingress {
		font-size: 1.25rem;
	}
	.push-up {
		margin-top: -37px;
	}
}
@media (min-width: 920px) {
	nav.menu-head ul li a, nav.menu-side ul li a {
    	padding: 5px 20px;
    }
}
@media (min-width: 990px) {
	nav.menu-head ul li a, nav.menu-side ul li a {
    	padding: 5px 22px;
    }
} 
@media (min-width: 1100px) {
	nav.menu-head ul li a, nav.menu-side ul li a {
    	padding: 5px 30px;
    }
	.push-down {
    	display: inline-block;
    	float: left;
    	margin-top: -32px;
    }
    .push-up {
    	width: auto;
    	float: right;
    	display: inline-block;
    	min-height: auto;
    	margin-top: -37px;
    }
}
@media (min-width: 1200px) {
	:root {
		font-size: 16px;
	}
}
@media (max-width: 768px) {
	table.res-tab,
	table.res-tab thead,
	table.res-tab tbody,
	table.res-tab th,
	table.res-tab td,
	table.res-tab tr {
		display: block;
	}
	table.res-tab thead tr, table.res-tab thead {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	table.res-tab tr {
		border: 1px solid #ccc;
	}
	table.res-tab td {
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 50%;
	}
	table.res-tab td:before {
		position: absolute;
		top: 6px;
		left: 6px;
		width: 45%;
		padding-right: 10px;
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
	}
	table.res-tab td:before {
		content: attr(data-title);
	}
}






/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */