/************************************************************************************
smaller than 1080
*************************************************************************************/
@media screen and (max-width: 1080px) {
	
	
body {
	background-image: url(), url(), url(), url();
	font-size: 17px;
	line-height: 22px;

}

	#page {
width: 100%; 
}
    
    	#page-wrap {
width: 100%; 
}
    
    
    
    #header {
width: 100%;
        text-align: center;
}
    
        #footer {
	width: calc(100% - 80px);
}
    
    


	.gap-row-vertical-2{
        width: 30px;
        height: 30px;
}
	

    
    	.film-box {
        width: calc(33% - 24px);
	}

	.gap-3-vertical-1 {
        width: 40px;
}

	.gap-3-vertical-2 {
        width: 40px;
}






#leaderboard {
		margin: 0;

}

img.leaderboard {
	width: 100%;
	height: auto;
}


nav {
    margin: 15px 30px 0 0;
  height: 50px;
  width: 50px;
}


#menuToggle {
  top: 17px;
  left: 10px;
}
#menu
{
  margin: -50px 0 0 -290px;
}

	#site-logo {

float: none;
margin: 10px auto 5px auto;
        	width: 200px;
        display: inline-block;
        margin-left: 100px;
}



	#social {
		text-align: left;
		padding-left: 0px;
		margin: 0;
		}
		
	
img.social-button {
	height: 22px;
	display: none;
	margin: 13px 5px 0px 15px;
	}
    
    
        #search-form {
	margin: 5px 10px 0px 0px; display: none;
}

#search-input {
	height: 21px;
	margin: 5px 0px 0px 7px;
	background: #a0a2a7;
	width: 50px;
	padding: 4px 5px;
	font-size: 14px;
display: none;
}


#search-input:focus {
    width: 60px;
}

.search-button {
	margin: 7px 10px 0px 10px;
    display: none;
}

	.callbacks_nav {
	margin-left: 0;
}
	.callbacks_nav.next {
	margin-right: 0;
}

	.callbacks .caption {
	font-size: 44px; line-height: 44px;
	padding: 15px 15px 25px 30px;
        text-align: center;
}


  .callbacks .annotation {
  font-size: 30px; line-height: 30px;
              text-align: center;

  }



    .nav-block {
	padding: 8px 40px;
}

.nav-block-over {
	padding: 8px 40px;
}		

    
#featured { 
 	padding: 0px 0px 25px 0px;
	}

    
      img.featured-show {
        display: none;
    }
    
     img.featured-show-wide {
        display: block;
         width: 100%;
    }

    
    #block-wide-featured {
    width: 100%;
    overflow: hidden;
    margin-bottom: 0px;
    display: block;
}
    
    	.film-box {
        width: calc(33% - 24px);
	}

	.gap-3-vertical-1 {
        width: 40px;
}

	.gap-3-vertical-2 {
        width: 40px;
}
  
    
 
	.search-button {
	margin: 3px 5px 0px 2px;
	width: 23px;
}	
  
  	#page {
}

	#content {
width: 94%;
margin: 0 auto;
float: none;
margin-top: 20px;
}

#block-wide {
	margin: 20px auto 60px auto;
	width: 94%;
}



#sidebar {
width: 94%;
margin: 0 auto;
float: none;
margin-top: 30px;
}


 .tvguide-time {

	width: 100px;

	}
	
	.tvguide-show {
	
        width: calc(65% - 100px);


	}
	
.tvguide-pic {

	width: 32%;
	}
    
    
	.tvguide-description {
padding-bottom: 10px;
}    
    
img.on-now {
    width: 70px;
    float: right;
    margin: 0px 0 10px 10px;
}    
    

#pick-week { 
	width: calc(33% - 25px);
}
	
#pick-week-info { 
		
}

img.pick-week {
	width: 100%;
	}	
 
	
.pick-week-gap {
	width: 40px;
}


    
.title {
	font-size: 19px;
	line-height: 22px;
}



.title-inverse {
	font-size: 19px;
	line-height: 22px;
}

	.desktop {
	display: none;
}

	.mobile {
	display: inline;
}


.ipad {
	display: none;
}

#nav-bar {

}
    
        #nav-grey-bar-shows {

	margin-bottom: 0px;
}
    

#mobile-nav {
	text-align: center;
	width: 100%;
}

		




.gap-mobile {
clear:both;
			display: block;
height: 1px;

}

.gap-mobile-mini {
		display: none;
}

	#now-ticker {
	width: calc(100%-30px);
	padding: 10px 15px 15px 15px;
	font-size: 14px;
	line-height: 16px;
}

	#now-ticker-clear {
	height: 3px;
}



	#now-next-info { 
	width: 67%;
	float: right;
}

	img.pic-now-next { 
		width: 30%;
		float: left;
		max-width: 40%;

}

 
	#video-1200 {
	display: none;
	}
	
	
	#video-1020 {
	display: none;
	}
	
	
		#video-940 {
	display: none;
	}
	
	#video-760 {
	display: none;
	}

#video-640 {
	display: none;
	}	
	
#video-mobile {
	display: block;
	}		
	
	
	#videos-info { 
/*padding-top: 10px; */

width: 100%;
height: auto;  /*10/08/2015 new line */
float: none;
margin: 0px;

}

.background-pic-videos {
	opacity: 1;
filter: alpha(opacity=100);

height: auto;
width: auto;
background-size: cover; background-repeat:no-repeat;
margin-bottom: 10px;
	
}

	img.videos-play {
	margin: 13px 0px 0px 0px;
}


#prime-time { 
	padding: 0px;
	}
	
	#prime-time-info { 
	padding: 10px;
	margin-top: 10px;
	}


.highlights-box {
	width: calc(50% - 20px);
	margin: 0 auto;
	margin-bottom: 25px;
}	


	.highlights-gap {
}



.about-box {
	float: none;
	width: 100%;
	margin: 0 auto;
	margin-bottom: 25px;
}

	.background-pic-highlights {
height: auto;
width: auto;
background-size: cover; background-repeat:no-repeat;
}





	.widget {
width: 300px; 
margin: auto;
padding: 0;
margin-top: 45px;
margin-bottom: 45px;
}

	.gap {
	height: 40px;
	}
	
	
	.post {
margin-left: 10px;
margin-right: 10px;
}

	#title {
text-align: left;
}

img.frightfest {
	width: 70%;
}

img.frightfest-home {
	width: calc(100% - 100px);
		margin: 20px 100px 30px 0px;
		float: left;
}
	img.prime-time-pic {
	width: 100%;
	padding: 0 0 10px 0;
	margin: 0;
	}
	
	img.competition-thumb {
	width: 30%;
	padding: 0;
	margin: 0px 0 15px 40px;
	}
	
	
	
	img.season-thumb {
	width: 100%;
	padding: 0;
	margin: 15px 0 25px 0;
	}







	#alphabet {
		
	}
	
	.watch-box {
	width: 49%;
	margin-bottom: 15px;
}	



#genre-dropdown {
	margin-top: 0px;
}




.watch {
padding: 10px 15px 20px 15px;
}
    
    .watch-left {
padding: 10px 15px 20px 15px;
}
    
        .watch-right {
padding: 10px 15px 20px 15px;
}
    
    .watch-4 {
padding: 10px 15px 20px 15px;
    	  margin: 0 0 40px 0;
    width: calc(25% - 37px);
}

.watch-4-gap {
    width: 20px;
    height: 50px;
}

    


 .movie-detail {
        display: none;
    }


}

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

	.callbacks .caption {
	font-size: 36px; line-height: 36px;
	padding: 15px 15px 25px 30px;
}


  .callbacks .annotation {
  font-size: 26px; line-height: 26px;
  }
    
    
        .nav-block {
	padding: 8px 26px;
}


	
.nav-block-over {
	padding: 8px 26px;
}		
    
    
    img.movie-strip {
    width: 100%;
    margin: 0 0px 0 0;
    float: left;
}

.movie-strip-info {
    float: none;
    width: calc(100% - 30px);
    padding: 15px;
}
    
    
        .film-box {
        width: calc(50% - 25px);
	}
    .gap-3-vertical-1{
        display: none;
}
    .gap-3-vertical-2{
        display: none;
}
    .gap-3-horizontal{
		display: none;
}
    .gap-2-vertical {
        height: 50px;
        width: 50px;
        overflow: hidden;
        float: left;
        display: block;
}
    .gap-2-horizontal {
        height: 50px;
        width: 100%;
        overflow: hidden;
        display: block;
}
    
    
    
    
}