@media only screen and (min-width:768px) and (max-width:959px) {
	#wrapper {
		padding: 0 15px
	}
	#footer {
		padding: 0 15px 30px
	}
	.kids h2 a:link {
		font-size: 16pt
	}
}
@media only screen and (max-width:767px) {
	#wrapper {
		padding: 0 15px
	}
	#footer {
		padding: 0 15px 30px
	}
	 #searchwrapper {
		 border-radius: 10px; 
		 border: none; 
		 float: none; 
		 margin: 0 auto 20px;
		 overflow: hidden;
		 }
	#header img {
		display: block;
		margin: auto;
		max-width: 100%
	}
	.flexslider {
		margin: 0 2%;
		width: 96%
	}
	.main-menu-outer {
		margin: 0 0 5px;
		width: 100%
	}
	.kids h2 a:link {
		font-size: 16pt
	}
	.main-menu {
		position: relative;
		padding: 0;
		width: 100%
	}
	.main-menu ul li {
		border: none;
		border-top: 1px solid #272727
	}
	.main-menu ul li ul {
		position: inherit;
		top: 0;
		background: #444;
		border: none
	}
	.main-menu ul ul li a {
		padding: 10px 0
	}
	.main-menu ul li ul li ul {
		position: inherit;
		border: none;
		left: inherit;
		background: #555
	}
	.main-menu nav>ul>li:hover>a, .main-menu ul li.active a {
		border: none
	}
	.main-menu ul li:nth-last-child(2) ul ul {
		right: inherit
	}
	.main-menu ul li ul li ul {
		top: 0
	}
	.main-menu ul li:first-child {
		border-top: solid 1px #272727
	}
	#header img {
		float: none
	}
	.phone {
		display: inline-block
	}
	.phone a {
		color: #fff;
		font-size: 28px;
		-webkit-text-stroke: 0 #fff
	}
	#searchwrapper {
		margin: 0; 
		position: absolute; 
		right: 15px; 
		left: 15px; 
		top: 100%; 
		z-index: 999;
		height: 38px; 
		width: auto;
		}	
	#wrapper #header {
		padding: 20px 0 15px
	}
	.menu-button {
		display: block
	}
	.side-menu {
		width: 240px;
		display: block;
		margin-left: -240px;
		float: left
	}
	.page-content {
		display: flex
	}
	.grid-right {
		display: block;
		float: left;
		width: 100%
	}
	.a2a_default_style a {
		display: inline-block;
		float: none
	}
	.block1 {
		width: 100%
	}
	.block2 {
		width: 100%;
		margin: 20px 0 0
	}
	.materials, .mission-img, .our-mission, .videos {
		width: 100%
	}
	.videos a {
		margin: 5px 0;
		text-align: center
	}
	.showroom-outer {
		padding: 0;
		margin: 0
	}
	.showroom {
		width: 100%
	}
}
@media only screen and (max-width:479px) {
	.kids h2 a:link {
		font-size: 18pt
	}
	.flexslider {
		margin: 0;
		width: 100%
	}
	.main-menu-outer {
		margin: 0 0 5px;
		width: 100%
	}
	 #searchwrapper {
		 right: 15px; 
		 left:  15px;
	}
}