@media only screen and (max-width: 767px)
{

	#templatemo_header {
	    width: 100%;
	    height: 200px;
	}
	
	#site_title a {
	    float: left;
	    display: block;
	    width: 100%;
	    height: 80px;
	    margin: 0;
	    font-size: 60px;
	    color: #fff;
	    font-weight: normal;
	    text-decoration: none;
	    background: url(../images/templatemo_logo.png) no-repeat;
	}


	#templatemo_menu {
	    clear: both;
	    width: 100%;
	}
	#templatemo_menu ul {
	    margin: 0% 5%;
	    padding: 0;
	    list-style: none;
	}
	#templatemo_menu ul li a:hover, #templatemo_menu ul .current {
	    color: #acc0f9;
	    background: url(../images/templatemo_menu_hover.png) bottom center no-repeat;
	}

	#templatemo_menu ul li a {
	    /*width: 80px;*/
	    height: 22px;
	    padding-top: 13%;
	}

	#templatemo_main_wrapper {
	    width: 100%;
	    background: url(../images/templatemo_main_wrapper.jpg) top center no-repeat;

	}

	#templatemo_sidebar {
	    width: 100%;
	    padding: 0;
	    margin: 0;
	}

	#templatemo_footer_wrapper {
	    width: 100%;
	    background: url(../images/templatemo_footer_wrapper.jpg) bottom center no-repeat;
	}
	#templatemo_footer {
	    width: 100%;
	    padding: 0px;
	    margin: 0 auto;
	    border-top: 1px solid #0d3bb3;
	    background: url(../images/templatemo_footer_wrapper.jpg) bottom center no-repeat;
	}
	#HarmonicGenerator{
		margin: 0;
		padding: 0;
		width: 100%;
	}
	#HarmonicGenerator form{		
		margin: 0 auto;
	}
	#HarmonicGenerator table,
	{
		/*display: block;
        overflow-x: auto;
        white-space: nowrap;*/
        width: 400px;
        margin: 0 auto;
        font-size: 14px;
	}

	#templatemo_content {
	    width: 100%;
	}

	#homepage_slider {
	    width: 550px;
	    padding: 15px;
	    background: #000;
	    margin-bottom: 30px;
	}
	#slider{
		position: relative;
	    width: 550px !important;
	    height: 300px;
	}
	.post_box {
		max-width: 767px;
	    margin-bottom: 40px;
	    padding-bottom: 40px;
	    border-bottom: 1px solid #0d3bb3;
	}
	.post_box img {
	    padding: 5px;
	    border: 1px solid #112151;
	    background: #050e2a;
	    display: inline-block;
	    width: 20%;
	}
	.post_box_right {
	    width: 75%;
	    float: none;
	}
	
	h3.debug-style {
		color: pink;
	}
	
	#HarmonicFrequencies {
		width: 400px;
	}
	
	img.harmonic-tones-together {
		height: 100px;
		width: 100%;
	}
	
	img.harmonic-tone {
		height: 100px;
		width: 200px;
		border: 1px solid navy;
	}
	
	.sidebar_box {
		padding-top: 40px;
	}
	
}