/*-----------------------------------------------------------------------------------*/
/*	MEDIA QUERIES
/*-----------------------------------------------------------------------------------*/
/* iPad Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { 
	
	.header,
	.wrapper,
	#footer,
	.site-generator {
		width:960px;
	}
	
	.audio-wrapper {
		width: 425px;
	}
	.audio {
		width: 270px;
	}
	.single .audio-wrapper {
		width: 600px;
	}
	.single .audio {
		width: 445px;
	}
	
	.content {
		width: 640px;
	}
	
	.sidebar {
		width: 290px;
	}

}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	
	.header,
	.wrapper,
	#footer,
	.site-generator  {
		width:720px;
	}
	
	.audio-wrapper {
		width: 305px;
	}
	.audio {
		width: 150px;
	}
	.single .audio-wrapper {
		width: 430px;
	}
	.single .audio {
		width: 275px;
	}
	
	.content {
		width: 470px;
	}
	
	.sidebar {
		width: 220px;
	}
	

}/* END Smaller than standard 960 (devices and browsers) */

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	.header,
	.wrapper,
	#footer,
	.site-generator,
	.content,
	.sidebar  {
		/*width: 440px;*/
        /*width:97%; changing 7/7/2017 at 6:07pm....changed back at 6:09*/
        width:97%;
	}

    /*added this 7/12/2017*/
    .post .frame1 {
    margin: 0px 57px 10px 57px
    }

    #menu-wrapper .menu {
        /*text-align:center; - attempted but didn't help*/
        margin-left:120px;
        /*added 7/8 at 8:08pm*/
    }

    .audio-wrapper {
		/*width: 240px;*/
        width: 90%;
	}

    .contact-wrapper {
        width: 90%;
    }

    .comment-wrapper {
        width: 90%;
    }

    .pricing-wrapper {
        width: 96%;
    }

    .song-wrapper {
        width: 96%;
    }

    .pdf-wrapper {
        width: 96%;
    }

    .footer-wrapper {
        /*width: 96%; changing 7/7/2017 at 6:06pm*/
        width:100%;
    }

	.audio {
		/*width: 240px;*/
        width: 90%;
		position: relative;
		top: inherit;
		right: inherit;
		margin-top: 20px;
	}
	.single .audio-wrapper {
		/*width: 240px;*/
        width: 90%;
	}
	.single .audio {
		/*width: 245px;*/
        width: 90%;
	}
	
	/*.audio-wrapper {
		width: 400px;
	}*/
	/*.audio {
		width: 240px;
	}*/
	/*.single .audio-wrapper {
		width: 400px;
	}
	.single .audio {
		width: 240px;
	}*/
	#footer .widget-area {
		float: none !important;
		width: auto !important;
		margin: 0 0 40px 0 !important;
	}
	
	.content {
		float: none;
	}
	
	.sidebar {
		clear: both;
		margin: 30px 0 0 0 !important;
		float: none;
	}
	
	.logo {
		float: none;
		text-align: center;
	}
	
	.logo img {
		display: inline;
	}
	
	ul#tiny {
		display: none;
	}
	
	#menu-wrapper .menu {
		float: none;
	}

	.selectnav {
		display: block;
		float: none;
	}
	
	#comments .user {
		float: none;
		display: none;
	}
	
	#comments ul.children {
		padding:0 0 0 20px;
	}
	
	.one-half, .one-third, .two-third, .three-fourth, .one-fourth, .one-fifth, .one-sixth {
		float: none;
		margin: 0 0 20px 0;
		width: 100%;
	}

}/* END Mobile Landscape Size to Tablet Portrait (devices and browsers) */

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {

	.header,
	.wrapper,
	#footer,
	.site-generator,
	.content,
	.sidebar   {
		/*width: 280px;*/
        /*width: 97%; changing 7/7/2017 at 6:02pm... changed back at 6:09*/
        width:97%;
	}
	
	.audio-wrapper {
		/*width: 240px;*/
        width: 90%;
	}

    .contact-wrapper {
        width: 90%;
    }

    .comment-wrapper {
        width: 90%;
    }

    .pricing-wrapper {
        width: 96%;
    }

    .song-wrapper {
        width: 96%;
    }

    .pdf-wrapper {
        width: 96%;
    }

    .footer-wrapper {
        /*width: 96%; changing 7/7/2017 at 6:05pm*/
        width:100%;
    }

	.audio {
		/*width: 240px;*/
        width: 90%;
		position: relative;
		top: inherit;
		right: inherit;
		margin-top: 20px;
	}
	.single .audio-wrapper {
		/*width: 240px;*/
        width: 90%;
	}
	.single .audio {
		/*width: 245px;*/
        width: 90%;
	}
	.vinyl dl dd {
		margin: 0;
	}
	.vinyl dl dd.song {
		margin-top: 140px;
	}
	
	#footer .widget-area {
		float: none !important;
		width: auto !important;
		margin: 0 0 40px 0 !important;
	}
	
	.content {
		float: none;
	}
	
	.sidebar {
		clear: both;
		/*margin: 30px 0 0 0 !important;*/
        margin: 0px 0 0 0 !important;
		float: none;
	}

	
	.logo {
		float: none;
		text-align: center;
	}
	
	.logo img {
		display: inline;
	}
	
	ul#tiny {
		display: none;
	}




    #menu-wrapper .menu {
        float: none;
        
    }



   
	.selectnav {
		display: block;
		float: none;
	}
	
	#comments .user {
		float: none;
		display: none;
	}
	
	#comments ul.children {
		padding:0 0 0 20px;
	}
	
	.one-half, .one-third, .two-third, .three-fourth, .one-fourth, .one-fifth, .one-sixth {
		float: none;
		margin: 0 0 20px 0;
		width: 100%;
	}

}/* END Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */