/* #Tablet (Portrait) */
@media only screen and (min-width: 768px) and (max-width: 960px) {
    #navWrapper{
        width: 250px;
    }
    #contentContainer{
    	width: 480px!important;
    	margin-left: 250px;
    }
    .galleria-image-nav-left,.galleria-image-nav-right{
    	display: none;
    }
}

/* #Tablet (Landscape) */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px){
    #headerContainer{
    	top: 20px;
    }
    #navContainer{
        margin-top: 60px;	
        padding-bottom: 30px;
    }
}

/* #Mobile (Small) */
@media only screen and (max-width: 480px)  {
    #navWrapper{
        width: 320px;
        left: -320px;
    }
    
    #contentContainer{
    	margin-left: 0;
    	margin-top: 40px;
    	width: 96%!important;
    	padding: 5px!important;
    }
        
    #navSlide{
    	visibility: visible;
    }
    
    .galleria-stage{
    	margin-left: 0!important;
    	width: 100%;
    }
    
    .galleria-thumbnails-container {
    	left: 0!important;
    }
    
    .galleria-image-nav-left {
    	left: 10px!important;
    }
    
    .galleria-info {
    	width: 100%;
    	right: 0!important;
    	text-align: center!important;
    }
    
    #content{
    	margin-left: 0;
    	margin-top: 50px;
    }
    
    #extraContainer1 {
    	width: 90%;
    }
    
    #extraContainer2 {
    	min-height: 200px;
    }
    
    .blog-entry {
    	padding: 0!important;
    }
    
    .form-input-field{
    	width: 98%;
    }
  
    .aux1, .aux2, .galleria-counter, #footerContainer{
    	display: none!important;
    }

}

/* Medium Monitor*/ 
@media only screen and (max-width: 960px){
    #navWrapper{
        width: 100%;
        left: 1000px;
        top: 40px;
        background-color: #B0B0B0!important;
    }
    
    #contentContainer{
    	margin-left: 0;
    	margin-top: 40px;
    	width: 99%!important;
    	padding: 5px!important;
    }
    
    #headerContainer{
    	top: 40px;
    }
    
    #navContainer{
        margin-top: 100px;	
        padding-bottom: 30px;
    }
    
    #panelSlide {
    	display: none!important;
    }
    
    #navSlide{
    	visibility: visible;
    }
    
    .galleria-stage{
    	margin-left: 0!important;
    	width: 100%;
    }
    
    .galleria-thumbnails-container {
    	left: 0!important;
    }
    
    .galleria-image-nav-left {
    	left: 10px!important;
    }
    
    .galleria-info {
    	width: 100%;
    	right: 0!important;
    	text-align: center!important;
    }
    
    #content{
    	margin-left: 0;
    	margin-top: 50px;
    }
    
    #extraContainer1 {
    	width: 90%;
    }
    
    .blog-entry {
    	padding: 0!important;
    }
    
    .form-input-field{
    	width: 98%;
    }
  
    .aux1, .aux2, .galleria-counter, #footerContainer{
    	display: none!important;
    }

}

@media only screen and (min-width: 960px)  {
    #navWrapper{
        display: block;
    }
}