/* Responsive Design
------------------------------------------------------------ */
@media only screen and (max-width: 1024px) {
	.inner_container{
		width: 99%;
		margin-top: 20px;
	}
	
	#sidebar .searchform, #header .searchform{
		width: 100%;	
	}
	.page-template-gallery-fullwidth-template-php .mobile_menu, .home .mobile_menu{
		display: block;	
	}
	.page-template-gallery-fullwidth-template-php #header, .home #header{
		display: none;
	}
	.top-wrap{
		width: 100%;	
	}
	#nav li ul{
		margin: -40px 0 0 145px;	
	}
}

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

	html {-webkit-text-size-adjust: none; /* Prevent font scaling in landscape */}
	
	.top, .top-wrap{
		width: 100%;
		margin: 0 auto;
	}
	.inner_container{
		width: 90%;
		margin: 0 auto 40px;
	}
	#header{
		display: none;
		float: none;
		margin: 0 auto 20px;
		width: 45%;
	}
	#inner{
		float: none;
		padding: 20px 0;
		width: 100%;
		margin-top: 20px;
	}	
	.mobile_menu {
		background-color: rgba(2, 2, 2, 0.95) !important;
		display: block;
		margin: 0 auto;
		position: relative;
		width: 40.5%;		
	}
	.home .mobile_menu, .single-gallery .mobile_menu, .page-template-gallery-fullwidth-template-php .mobile_menu {
		width: 45%;
	}
	#nav li li li a, #nav li li li a:link, #nav li li li a:visited{
		padding: 10px 50px !important;
		width: 100%;
	}	
	#nav li ul ul {
    margin: 0;
    padding: 0;
	}
	#nav ul{
		float: none;	
	}	
	#nav li li a, #nav li li a:link, #nav li li a:visited{
		padding: 10px 30px !important;
		width: 100%;
	}
	#nav li ul {
		background: none repeat scroll 0 0 rgba(2, 2, 2, 0.95);
		height: auto;
		float: left;
		left: auto;
		margin: 0;
		padding: 0;
		position: relative;
		width: 100%;
		z-index: 9999;
	}

	.content-sidebar #content-sidebar-wrap, .sidebar-content #content-sidebar-wrap, .full-width-content #content-sidebar-wrap {
		float: none;
		margin: 20px auto;
		overflow: hidden;
		padding: 0 20px;
		width: auto;
	}	
	#sidebar .searchform, #header .searchform{
		width: 100%;	
	}
	.home #header, .single-gallery #header, .page-template-gallery-fullwidth-template-php #header {
		background: none repeat scroll 0 0 rgba(2, 2, 2, 0.95);
		box-shadow: 0 0 4px #000000;
		 display: none;
		float: none;
		margin: 0 auto;
		position: relative;
		width: 45%;
		z-index: 11;
	}

}



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

	html {-webkit-text-size-adjust: none; /* Prevent font scaling in landscape */}
	
	.top, .top-wrap{
		width: 90%;
		margin: 0 auto;
	}
	.inner_container{
		width: 90%;
		margin: 0 auto 40px;
	}
	#header{
 	    margin: 0 0 20px;
		width: 100%;
	}
	#inner{
		float: none;
		overflow: hidden;
		padding: 0;
		width: 100%;
		margin-top: 20px;
	}	
	.content-sidebar #content, .sidebar-content #content, #sidebar{
		margin: 0 auto 40px;
		width: 100%;
	}
	.mobile_menu {
		display: block;
		width: 90%;
	}
	.home .mobile_menu, .single-gallery .mobile_menu, .page-template-gallery-fullwidth-template-php .mobile_menu {
    	width: 90%;
	}
	#footer{
		width: auto;
	}
	#top-link{
		display: none !important;
	}
	#sidebar .searchform, #header .searchform{
		width: 100%;
	}
	#nav li li a, #nav li li a:link, #nav li li a:visited{
		padding: 10px 30px !important;
		width: 100%;
	}
	#nav li li li a, #nav li li li a:link, #nav li li li a:visited{
		padding: 10px 50px !important;
		width: 100%;
	}	
	#nav li ul ul {
    margin: 0;
    padding: 0;
	}
	#nav li ul {
		background: none repeat scroll 0 0 rgba(2, 2, 2, 0.95);
		height: auto;
		float: left;
		left: auto;
		margin: 0;
		padding: 0;
		position: relative;
		width: 100%;
		z-index: 9999;
	}
	#content .archive-page{
		width: 100%;
	}
	a img {
		border: medium none;
		height: auto;
		width: 100%;
	}
	.one-half, .one-third, .one-fourth, .one-fifth, .one-sixth, .three-columns, .two-columns, .gallery-2col, .gallery-3col, .gallery-4col{
		width: 100% !important;
	}
	.portfolio_image > img{
		width: 100%;
	}
	ul.sb_tabs{
		 width: 99%;
	}
	.sb_panes{
		width: 94%;
	}

	.home #header, .single-gallery #header, .page-template-gallery-fullwidth-template-php #header {
		background: none repeat scroll 0 0 rgba(2, 2, 2, 0.95);
		box-shadow: 0 0 4px #000000;
		 display: none;
		float: none;
		margin: 0 auto;
		position: relative;
		width: 90%;
		z-index: 11;
	}
	.gallery_container, #controls-wrapper, #thumb-tray{
		display: none !important;	
	}
	.flex-caption, .flex-direction-nav{
		display: none;	
	}
}