img {
	max-width:100%;
}
.show-on-md {
	display:none;
}
@media only screen and (max-width: 1000px) {
	.main-menu li, .main-menu li a, .main-menu ul li ul {
		float:none;
		width:100%;
	}
	.main-menu .wrap > ul > li > a, .main-menu li a{
		padding:0 2%;
	}
	.main-menu ul li ul{
		float:none;
		width:100%;
		position:relative;
		top:0px;
		left:0px;
	}
	.main-menu li li a {
		padding:0 5%;
	}
	.main-menu li li li a {
		padding:0 10%;
	}
	.menu-toggle {
		display:none;
		background:#999;
	}
	.toggle-button {
		display:block;
	}

}
@media only screen and (max-width: 768px) {
	.md-full {
		width:100%;
		margin-left:0px;
		margin-right:0px;
		float:none;
	}
	.md-grid {
		padding:3%;
	}
	.md-grid-lr {
		padding-left:3%;
		padding-right:3%;
	}
	.md-grid-tb {
		padding-top:3%;
		padding-bottom:3%;
	}
	.md-grid-t {
		padding-top:3%;
	}
	.md-grid-b {
		padding-bottom:3%;
	}
	.md-grid-l {
		padding-left:3%;
	}
	.md-grid-r {
		padding-right:3%;
	}
	.md-center {
		text-align:center;
	}
}
@media only screen and (max-width: 568px) {
	.sm-full {
		width:100%;
		margin-left:0px;
		margin-right:0px;
	}
	.sm-grid {
		padding:3%;
	}
	.sm-grid-lr {
		padding-left:3%;
		padding-right:3%;
	}
	.sm-grid-tb {
		padding-top:3%;
		padding-bottom:3%;
	}
	.sm-grid-t {
		padding-top:3%;
	}
	.sm-grid-b {
		padding-bottom:3%;
	}
	.sm-grid-l {
		padding-left:3%;
	}
	.sm-grid-r {
		padding-right:3%;
	}
	.sm-center {
		text-align:center;
	}
}
@media only screen and (max-width: 480px) {
}