/*smaller than 1020*/
@media screen and (max-width: 1020px) {
    #navWrapper, #navContainer, #footerContainer, .galleria-counter, .galleria-image-nav, .aux1, .aux2, #logoContainer, #header {display: none!important}
 	#navSlide, #homeSlide, #mobile-buttons, .mobile-hr {display: block;} 	
 	.blog-entry {padding: 20px 0px 50px 0px;}
 	
 	#overlay{
 		overflow-x: hidden;
 		height: 106%;
 	}
 	
 	#control-slide {top: 50px;}
 	
 	#contentBg, #contentContainer{
 		width: 100%!important;
 		max-width: 100%!important;
 	}
 	
 	#content {
 	    width: 96.5%!important;
 	    max-width: 1020px!important;
 	    margin-bottom: 0;
    }
    
    #sidebarContainer {
        position: relative!important;
        margin-left: 10px!important;
       width: 90%!important;
    } 
       
 	#pSetB, #pPlay, #pSetF, #pSetThumbs{font-size: 2em;}
 	#headerContainer {display: block}
 	
 	#contentContainer{
 	    position: relative;
 		margin: 0;
 		width: 95.5%;
 	}
 	
 	.galleria-info {
 		width: 100%;
 		left: 0;
 	}
 	.galleria-stage {
 		width: 100%;
 		margin-left: 0;
 		height: 100%;
 		position: absolute;
 		z-index: 1
 	}
 	
 	.galleria-loader {left: 0!important;} 
 	
 	.galleria-info-description {text-align: center; padding: 0;}
 	
 	.auxTitle, .auxDesc{
 		text-align: center;
 		bottom: 150px!important;
 	}
 	
 	.auxTitle, .auxDesc{
 	   bottom: 100px;
 		width: 70%;
 		left: 0;
 		right: 0;
 		margin: 0 auto;
 		float: none;
 	}
 	
 	.blog-entry-body {
 		width: 100%;
 	}
 	
 	.movie-thumbnail-frame {width: 100%}

}

/*smaller than 950*/
@media screen and (max-width: 950px) {
    
}

/*smaller than 860*/
@media screen and (max-width: 860px) {
    #content, #sidebarContainer {
        max-width: 500px!important;
    }
    .blog-entry-body img {
    	max-width: 300px;
    	height: auto;
    }
    
}

/*smaller than 600*/
@media screen and (max-width: 600px) {
    .galleria-thumbnails-container {
    	display: none;
    }
    
}

/*iPhone landscape*/
@media screen and (max-width: 600px) and (orientation:landscape) { 
    
}