@CHARSET "UTF-8";
@media only screen and (max-width : 1000px) {
	body {
		background: #dbdbdbfb;
		font-size: 14px;
	}
	.mobile-container {
		display: block;
	}
	#nav {
		font-size:13px;
	}
	#navigation {
		display: none;
	}
	.col-single-middle {
		width: 100%;
	}
	.charts-homepage-tab {
		width: 100%;
	}
	.content-container-nav {
		box-sizing: border-box;
		margin: 0 auto;
		width:100%;
		padding: 0;
	}
	#content-container {
		box-sizing: border-box;
		margin: 0 auto;
		width:100%;
	}
	.content-container {
		width: 100%;
		padding:1px
	}
	.content-container-single-col {
		box-sizing: border-box;
		margin: 0 auto;
		width:100%;
	}
	.chart-top-images {
		height:200px;
	}
	.chart-title-info {
		width:70%;
		padding-top: 0;
	}
	.search-box input[type=text] {
    	width: 60%;
	}
	.col-flex {
		display: block;
	}
	.col-flex-mobile {
		display: flex;
	}
	#logo {
		text-align: center;
		width: 100%;
	}
	.display-none {
		display:none;
	}
	.nav-mobile {
		display: none;
	}
	.nav-dummy {
		display: none;
	}
	.nav-dummy-home {
		display: none;
	}
	.col-body {
		padding-left: 0;
		width: 100%;
		margin-top: 0;
	}
	.col-nav {
		position: relative;
		min-height: 0;
		border: 0;
	}
	.col-left-nav {
		float: none;
		width: 100%;
	}
	#responsecontainer {
		display: none;
	}
	.content-box-header-trending {
		padding: 15px;
	}
	.xsmall {
		font-size: 14px;
	}
	.giant {
		font-size: 20px;
	}
	.medium {
		font-size: 16px;
	}
	table, tbody, tfoot, thead, tr, th, td {
		vertical-align: middle;
	}
	.logo-image {
		vertical-align: middle;
    	max-width: 43%;
    	padding-top: 26px;
	}
	.marquee {
		width: 100vh;
	}
}

@media only screen and (max-width : 870px) {
	body {
		font-size: 16px;
	}
	h2 {
		font-size: 18px;
	}
	#wrapper {
		width:100%;
	}
	#navigation {
		position:unset;
	}
	#nav {
		display:none;
	}
	#mobile-nav {
		background: #FFF;;
		display: block;
		width: 100%;
	}
	.mobile-tab {
		background:transparent;
		border-top:1px solid white;
		box-sizing:border-box;
		color:#000;
		height: 50px;
		font-size:18px;
		padding-top:8px;
		text-align:center;
		width: 100%;
	}
	.mobile-tab:hover {
		background-color:#dbe0e6;
		color: #556f8d;
	}
	.content-container-single-col {
		box-sizing: border-box;
		margin: 0 auto;
		width:99%;
	}
	.width-46 {
		width: 46%;
	}
	.col-one {
		float:none;
		width:100%;
	}
	.col-two {
		float:none;
		width:100%;
	}
	.col-three {
		float:none;
		width:100%;
	}
	.col-three-two-gap-left {
		padding-left: 0;
		width: 100%;
	}
	.col-three-two {
		float:none;
		width:100%;
	}
	.col-four {
		float:none;
		width:100%;
	}
	.col-four-three {
		float:none;
		width:100%;
	}
	.col-five {
		width: 100%;
	}
	.col-two-plus-five {
		width: 100%;
	}
	.col-two-gap-right {
		float:none;
		padding:0;
		width:100%;
	}
	.col-three-gap-right {
		float:none;
		padding:0;
		width:100%;
	}
	.col-three-two-gap-right {
		float:none;
		padding:0;
		width:100%;
	}
	.col-four-gap-right {
		float:none;
		padding:0;
		width:100%;
	}
	.col-four-three-gap-right {
		float:none;
		padding:0;
		width:100%;
	}
	.col-single-middle {
		width: 100%;
	}
	.gap {
		height: 0;
	}
	.news-story {
		width: 100%;
	}
	.news-item {
		float:none;
		width:100%;
	}
	.news-item-charts {
		width: 100%;
	}
	.news-item-image-left {
	    padding: 0;
	    width: 100%;
	    float: none;
	}
	.news-item-image {
		padding: 0;
		width:100%;
		float:none;
	}
	.news-headline-title {
		padding: 30px 10px;
	}
	.news-content {
	    padding: 5px;
	}
	.col-flex-mobile-remove {
		display: block;
	}
	.quiz-questions {
		 margin: 0 auto;
		 padding: 30px 30px;
		 font-size: 20px;
	}
	.fifth {
		display:none;
	}
	.mobile-fifth {
		display:block;
	}
	.gap-mobile {
		display:block;
		height:30px;
		width:10%;
	}
	.chart-homepage-tab {
		 float:none;
		 width:100%;
	}
	.headerClearContainer {
    	width: 100%;
	}
	.float-right {
		float:none;
	}
	#socialWrapper {
		-webkit-transform: translate(-500px);
		-webkit-transition: all 6s;
		-moz-transform: translate(-500px);
		-moz-transition: all 6s;
		transform: translate(-500px);
		transition: all 6s;
		left: -40px;
	}
	.display-none {
		display:none;
	}
	.new_film_right {
		float:none;
		width:100%;
	}
	.new_film_left {
		float:none;
		width:100%;
	}
	.new-films {
		float:none;
		width:100%;
	}
	.news-tag {
		font-size: 14px;
    	height: 16px;
	}
	.news-item {
		font-size:13px;
	}
	.news-item-top {
		font-size:13px;
		background-color: #FFF;
	}
	.news-item-full {
		display:none;
	}
	.news-item-mobile {
		display:block;
	}
	.news-by-line {
		width: 100%;
	}
	.subnav {
		font-size:.7em;
		padding:9px 0;
	}
	.charts-number {
		display:none;
	}
	.chart-number {
		width:12%;
	}
	.chart-top-images {
		height:25vw;
	}
	.chart-homepage {
		font-size:20px;
	}
	.footer-charts {
		display:none;
	}
	.chart-homepage-tab {
		height:45vw;
	}
	.content-box {
		padding: 0;
	}
	.content-box-header {
		margin-bottom:0;
		font-size: 24px;
		border-radius: 0;
	}
	.content-box-header-new-movies {
		margin-bottom:0;
		font-size: 24px;
		border-radius: 0;
	}
	.content-box-no-padding {
		background-color: #FFF;
	}
	.purple {
		color: #FFF;
	}
	.chartList {
		font-size: 10px;
	}
	.film-mini-search {
		width: 100%;
	}
	.hide-mobile-container {
		display: none;
	}
	.chart-top-images {
		height:100px;
	}
	.content-box-tabs {
		font-size: 20px;
    	width: 25%;
	}
	.chart-list-number {
		width: 100%;
	}
	.chart-list-image {
		width: 100%;
	}
	.chart-list-name {
		width: 100%
	}
	.chart-list-weekend {
		text-align:left;
		width:100%;
	}
	.chart-list-total {
		text-align:left;
		width:100%;
	}
	.chart-list-weeks {
		text-align:left;
		width:100%
	}
	.film-mini {
		margin: 0;
		padding: 0;
		height: 254px;
    	display: flex;
    	flex-direction: column;
	}
	.film-mini-image {
		width: 100%;
		float:none;
		position:unset;
		height: 150px;
		overflow:hidden;
	}
	.film-mini-info {
		 width: 100%;
		 float:none;
		 padding: 5px;
	}
	.mini-icon {
		margin-bottom: 3px;
		font-size: 10px;
		width: 20%;
		text-align: center;
		height: 19px;
		display: inline-block;
	}
	.mini-icon-top {
		margin-bottom: 3px;
		width: 20%;
		font-size: 10px;
		text-align: center;
	}
	.mini-search-rating-pos {
		left: 52%;
		top: -30px;
	}
	.mini-icon-default {
		margin: 10px 0;
	}
	.mobile-review-font {
		font-size: 12px;
	}
	.new-films {
		border-bottom:1px #DBE0E6 solid;
	}
	.cast {
		font-size: 18px;
	}
	.cast-alt {
		font-size: 18px;
	}
	.stars-title {
		width: 64%;
	}
	.beta-one-col {
		width: 100%;
	}
	.xgiant {
		font-size: 50px;
	}
	.mobile-footer-links {
	    padding: 0 50px;
    	line-height: 2em;
    }
    .film-info-title {
    	padding: 5px;
    }
    .film-info-title-year {
    	background-size: 0;
    }
    .film-detail-title {
    	text-align: center;
    	font-size: 16px;
    }
   	.mobile-title-seperate {
    	padding: 10px;
    	border-bottom: 1px #DBE0E6 solid;
    }
    .rating-badge {
    	width: 100%;
    	padding: 25px 0;
    }
    .right-hand-title-box {
    	width: 100%;
    }
	.mobile-headline {
		background-color: #FFF;
    	padding: 1px;
    	color: #5F29BC;
    	font-size: 18px;
		padding: 3px;
		width: 50%;
		float: left;
	}
	.mobile-headline  a {
		color: #5F29BC;
	}
	.margin-left-20 {
		margin: 0;
	}
	.margin-right-20 {
		margin: 0;
	}
	.mobile-flex {
		display: flex;
	}
	.cast-alt {
		width: 50%;
	}
}