/*
* Based on Skeleton by Dave Gamache (www.getskeleton.com)
*/
/* Table of Contents
==================================================
    #Base 960 Grid
    #Tablet (Portrait)
    #Mobile (Portrait)
    #Mobile (Landscape)
    #Clearing */
/* #Base 960 Grid
================================================== */
    
    
    
 /* #Desktop - Extra Large
================================================== */   
    
/*
    @media only screen and (min-width: 1140px)  {
    	.responsive .container							 			{ width: 1120px; }
        .responsive .container                                   { width: 1050px; }
		
	    .responsive .container .one.unit, .container .one.units { width: 60px;  }
	    .responsive .container .two.units                     	{ width: 150px; }
	    .responsive .container .three.units                   	{ width: 240px; }
	    .responsive .container .four.units                    	{ width: 330px; }
	    .responsive .container .five.units                    	{ width: 420px; }
	    .responsive .container .six.units                     	{ width: 510px; }
	    .responsive .container .seven.units                   	{ width: 600px; }
	    .responsive .container .eight.units                   	{ width: 690px; }
	    .responsive .container .nine.units                    	{ width: 780px; }
	    .responsive .container .ten.units                     	{ width: 870px; }
	    .responsive .container .eleven.units                  	{ width: 960px; }
	    .responsive .container .twelve.units					{ width: 1050px;}
		.responsive #top .stretch_full							{ width: 1110px;}
		
	    .responsive #top .offset-by-one                   { padding-left: 90px;  }
	    .responsive #top .offset-by-two                   { padding-left: 180px; }
	    .responsive #top .offset-by-three                 { padding-left: 270px; }
	    .responsive #top .offset-by-four                  { padding-left: 360px; }
	    .responsive #top .offset-by-five                  { padding-left: 450px; }
	    .responsive #top .offset-by-six                   { padding-left: 540px; }
	    .responsive #top .offset-by-seven                 { padding-left: 630px; }
	    .responsive #top .offset-by-eight                 { padding-left: 720px; }
	    .responsive #top .offset-by-nine                  { padding-left: 810px; }
	    .responsive #top .offset-by-ten                   { padding-left: 900px; }
	    .responsive #top .offset-by-eleven                { padding-left: 990px; }
	    
	  }
*/




/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px, Gutter: 30px, Unit: 32px */

    @media only screen and (min-width: 768px) and (max-width: 989px) {
      
	  #page-wrap {
		   padding-top:2vw;
		   padding-bottom:2vw !important;
	  }
	 
	 
	 .col-3 {
		width:48%;
		margin-right:4%;
	}
	
	  .col-3:nth-child(3n+1) {
	margin-right:4% !important;
	}
	
	  .col-3:nth-child(2n+1) {
	margin-right:0 !important;
	}
	
	.pagesection {
	width: 75%;
}


    
	}


/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) {
		
		#main-content {
	min-height: 0 !important;
	}
	
	
	  #page-wrap {
		   padding-top:2vw;
		   padding-bottom:2vw !important;
	  }
		
	  
	  .col-3 {
		 width:100%; 
	  }
	  
	    .col-3:nth-child(3n+1) {
	margin-right:0 !important;
	}
	
	  .col-3:nth-child(2n+1) {
	margin-right:0 !important;
	}
	
	#top-movie {
	 height:auto;	
	}
	
	#top-movie .descbox {
	width:100%;
	height:100%;
	background:#222;
	border-top:6px solid #3b86b2;
	border-left:0;
	box-sizing:border-box;
}

.movieframe img {
	display:block;
}

.pagesection {
	width: 90%;
}

footer {
	text-align:center;
}

#top-movie {
    flex-direction: column;
}
	  

}


/* #Mobile (Extra)
================================================== */

    /* Note: Design for a width of 480px */


 @media only screen and (max-width: 480px) {
	 
	 #content-wrap {
	box-shadow: -5px 0 30px #000;	
	}
	 
	 #main-content {
	min-height: 0 !important;
	}
	
		#page-wrap {
		  width:100%;
		  padding-top:0;
		   padding-bottom:0 !important;
	  }
	  
	    .col-3 {
		 width:100%; 
	  }
	  
	    .col-3:nth-child(3n+1) {
	margin-right:0 !important;
	}
	
	  .col-3:nth-child(2n+1) {
	margin-right:0 !important;
	}
	

	
	#top-movie .descbox {
	width:100%;
	height:100%;
	background:#222;
	border-top:6px solid #3b86b2;
	border-left:0;
	box-sizing:border-box;
}

#top-movie {
	 height:auto;	
	}
	
	.movieframe img {
	display:block;
}

nav#mainmenu {
	display:none;
}


.pagesection {
	width: 97%;
	padding:10px 0;
}


footer {
	text-align:center;
}

#nav-container {
	display:none;
}

#top-header {
	height:50px;
	position:fixed;
	top:0;
	left:0;
	z-index:100;
	width:100%;
}

#logo {
	width: 75px;
	padding-top: 8px;
	padding-left: 20px;
}

#logotext {
	display:none;
}

#main-content {
	padding-top: 45px !important;
}

.loadertable {
	display:none;
}

#respmenucontainer, #menuicon{
	display:block;
}
	  
	
 }
 
  @media only screen and (max-width: 450px) {
	  
	  #main-content {
	min-height: 0 !important;
	}
	
	#content-wrap {
	box-shadow: -5px 0 30px #000;	
	}
	
	
	#logotext {
	margin-top:-50px;
	margin-left:35px;
	font-size:9px;	
	}
	
	.pagesection {
	width: 97%;
	padding:10px 0;
}

#content-wrap {
	padding:10px;
}

#content-wrap.page {
	padding:15px;
}

footer {
	text-align:center;
}

#logo {
	padding-left: 10px;
}

#main-content {
	padding-top: 50px !important;
}

.loadertable {
	display:none;
}

#respmenucontainer, #menuicon {
	display:block;
}
	
#responsive_menu ul li {
	padding-left: 10px;
}

#menuicon {
	right:10px;
}

#top-movie {
    flex-direction: column;
}


.col-3 {
    font-size: 14px;
}
	  
	
 }
 
 @media only screen and (max-width: 360px) {
	 

#top-movie {
    flex-direction: column;
}

 }