#Layer4{
	width: 98%;
}

@media all and (max-width: 1000px){
	img, video, iframe, table{
		max-width: 100%;
	}
	body{ 
	    max-width: 98%;
	    margin:0 auto;
	    position: relative;
	    overflow-x: hidden;
	}
	#wrapper{ 
	    max-width: 96%;
	    margin: auto;
	}
	html>body #framedivright {
	    width: calc( 100% - 200px);
	    margin: 10px 0;
	}
}

@media all and (max-width: 767px){
	#Layer4 {
	    position: static;
	    height: 128px;
	    z-index: 3;
	    max-width: 100%;
	    margin: 0 auto;
	    text-align: center;
	}
	#Layer5 {
	    position: static;
	    width: 98%;
	    height: initial;
	    z-index: 4;
	    margin: 10px auto; 
	    max-width: 690px;
		overflow: auto;
	}
	#Layer6 {
	    position: static;
	    width: 100%; 
	    text-align: center;
	}
	#Layer7 {
	    position: static; 
	    width: 100%;
	    text-align: center;
	}
	#Layer7 > div{
		text-align: center; 
	}
	table[width="700"],
	td[width="700"]{
		width: 700px !important;
		max-width: 100% !important; 
	}
	hr{
		max-width: 100% !important;  
	}
	#Layer3, #Layer2 {
		position: static; 
		display: inline-block;
		width: 48%; 
		text-align: center; 
	}
	#content { 
		position: relative;
		overflow-x: hidden;
	}
	#framedivleft { 
		width: 170px;   
		overflow-x: hidden;
		position: fixed;
		left: -100%;
		top: 0; 
		margin-top: 0;
		background: #cbb2c5;
		height: calc(100vh - 5px);
		margin: 0;
		transition: 0.5s; 
		border: 3px solid #9d08ce;
		height: calc(100vh - 5px);
	}
	#framedivleft.active{
		left: 0;
	}
	html > body #framedivright {
		width: 100%; 	
	}
	#album_menu_toggler{
		display: inline-block !important;
    vertical-align: top;
    background: #9d08ce;
    color: #fff;
    padding: 5px 10px;
    border-radius: 3px; 
    cursor: pointer;
	}
	#pagehead a.home_link { 
	    color: #000000;
	    text-decoration: none;
	    padding: 5px;
	    background: #9d08ce;
	    border-radius: 3px;
	    display: inline-block;

	}
	.imagenav{
		width: 100%; 
	}
	#mainimage img { 
		max-width: 100%;
		height: initial;
	}
	.metabox { 
		margin: 0 auto;
		max-width: calc(100% - 10px);
	}
	.metabox .metatitle1, .metabox  table{
		padding-left: 5px;
	}
	#framedivleft.active {
		left: 0; 
	}
	#framedivleft.active  #thumbframe{
		height: 100% !important;
	}

}