@media only screen and (max-width : 1110px) {
	body{
		background: #FFF;
	}
	input[type="submit"] {
		font-size: 14px;
	}
	input[type="text"].search {
		width: 65%;
	}
	#nav {
		font-size:14px;
	}
	.nav-news {
		width: 100%;
	}
	.box-shadow {
		box-shadow: 0px 0px 4px 4px #ececec;
	}
	.content-container-nav {
		box-sizing: border-box;
		margin: 0 auto;
		width:100%;
		padding: 0 10px;
	}
	#content-container {
		box-sizing: border-box;
		margin: 0 auto;
	}
	.content-container {
		width: 100%;
		box-sizing: border-box;
		margin: 0 auto;
	}
	.chart-top-images {
		height:200px;
	}
	.film-page-left-col {
		width: 100%;
	}
	.film-page-right-col {
		width: 100%;
	}
	.padding-large {
		padding: 25px;
	}
	.padding {
		padding: 10px;
	}
	h3 {
		font-size: 20px;
	}
	.top-image-width-height {
		width: 100%; 
	}
	.detail-page-top-box {
		width: 100%;
	}
	.detail-page-top-box-container {
		width: 100%;
	}
	.col-single-middle {
		width: 95%;
		margin: 0 auto;
	}
	.larger-mobile-none {
		display:none;
	}
	.hide-mobile-container {
		display: none;
	}
	.mobile-container {
		display: block;
	}
	.content-container-single-col {
		box-sizing: border-box;
		margin: 0 auto;
		width:98%;
	}
	.col-sixty {
		width: 100%;
	}
	.new-films {
		width: 100%;
	}
	.new-movies-height {
		height: unset;
	}
}

@media only screen and (max-width : 870px) {
	body {
		font-size: 16px;
	}
	h1 {
		font-size: xx-large;
		padding:0;
		margin:0;
		font-weight: 300;
	}
	h2 {
		font-size: x-large;
		font-weight: 300;
		padding:0;
		margin:0;
	}
	h3 {
		font-size: large;
		font-weight: 300;
		padding:0;
		margin:0;
	}
	h4 {
	 font-size: medium;
	}
	.subnav-1 {
		font-size: 12px;
	}
	.mobile-flex-direction-col {
		flex-direction: column;
	}
	.mobile-flex-direction-reverse {
		flex-direction: row-reverse;;
	}
	.homepage-chart-box-wrapper {
		border-radius: 0;
		border: 2px solid #fff;
	}
	.homepage-video-width {
		width: 100%;
	}
	#wrapper {
		width:100%;
	}
	#navigation {
		position:unset;
		height: 70px;
		border-bottom: 0;
	}
	#nav {
		display:none;
	}
	#logo {
		width: 65%;
    	text-align: right;
		padding: 2px 0;
		float: right;
	}
	#nav-dummy {
		height: 0;
	}
	#nav-dummy-home {
		height: 0;
	}
	#mobile-nav {
		color: #000;
		display: block;
		width: 100%;
	}
	.film-mini-image-alt {
		width: 100%;
	}
	.mobile-tab {
		background:transparent;
		border-top:1px solid white;
		box-sizing:border-box;
		height: 50px;
		font-size:18px;
		padding-top:8px;
		padding-left: 20px;
		text-decoration: none;
	}
	.width-third {
		width: 99%;
	}
	.width-two-third {
		width: 99%;
	}
	.mobile-tab:hover {
		background-color:#8f1d1d;
		color: #556f8d;
	}
	.content-container-single-col {
		box-sizing: border-box;
		margin: 0 auto;
		width:98%;
	}
	.col-three-two-gap-left {
		padding-left: 0;
		width: 99%;
	}
	.col-four {
		float:none;
		width:100%;
	}
	.col-four-three {
		float:none;
		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-three-two-mobile {
		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%;
	}
	.col-sixty {
		box-sizing:border-box;
		float:left;
		width: 100%;
	}
	.col-fourty {
		box-sizing:border-box;
		float:left;
		width: 100%;
	}
	.col-seventy {
		width: 100%;
	}
	.news-headline-title {
		font-size: 25px;
	}
	.news-story {
		width: 95%;
	}
	.news-item {
		float:none;
		width:100%;
	}
	.content-box-news-item {
		padding: 0;
		border-radius: 0;
	}
	.news-item-charts {
		width: 100%;
	}
	.news-item-image-left {
	    padding: 0;
	    width: 100%;
	    float: none;
		margin: 0;
		object-fit: cover;
    	height: 250px;
	}
	.news-item-image {
		padding: 0;
		width:100%;
		float:none;
		margin: 0;
		object-fit: cover;
    	height: 250px;
	}
	.news-headline-title {
		padding: 30px 10px;
	}
	.news-headline {
		min-height: 0;
		font-size: 14px;
	}
	.news-content {
	    padding: 5px;
	}
	.col-flex-mobile-remove {
		display: flex;
		width: 100%;
		flex-direction: column;

	}
	.homepage-new-title {
		width: 100%;
	}
	.col-flex-mobile {
		display: flex;
		flex-direction: row;
	}
	.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-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: 1em;
		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-header {
		margin-bottom:0;
		font-size: 20px;
		border-radius: 0;
		padding: 20px;
	}
	.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%;
	}
	.mobile-container {
		display: block;
	}
	.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;
		margin-bottom: 10px;
		padding: 0;
		display: flex;
    	flex-direction: column;
		border-radius: 26px;
	}
	.film-mini-image {
		width: 100%;
		float:none;
		position: unset;
		height: 250px;
		overflow:hidden;
		border-radius: 0;
	}
	.film-mini-info {
		 width: 100%;
		 float:none;
		 padding: 5px;
	}
	.mini-icon {
		margin-bottom: 3px;
		font-size: 10px;
		text-align: center;
		height: 19px;
		display: inline-block;
	}
	.mini-icon-top {
		margin-bottom: 3px;
		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: 16px;
	}
	.cast-alt {
		font-size: 16px;
	}
	.cast-image {
		display: none;
	}
	.cast-images-height {
		height:0;
	}
	.stars-title {
		width: 64%;
	}
	.beta-one-col {
		width: 100%;
	}
	.mobile-footer-links {
	    padding: 0 50px;
    	line-height: 2em;
    }
    .film-info-title {
    	padding: 15px;
    }
    .film-info-title-year {
    	background-size: 0;
    }
    .film-detail-title {
    	text-align: center;
    	font-size: 15px;
    }
	.film-mini-info-timeline {
		width: 100%;
		font-size: small;
		padding: 20px;
	}
   	.mobile-title-seperate {
    	padding: 15px 0;
    	border-bottom: 1px #DBE0E6 solid;
    }
    .rating-badge {
    	width: 100%;
    	padding: 25px 0;
    }
    .right-hand-title-box {
    	width: 100%;
    }
	.mobile-padding {
		padding: 10px;
	}
	.comment-style {
		width: 100%;
	}
	.border-radius-top {
		border-radius: 0;
	}
	.padding-nav {
		padding: 25px 10px 10px 0;
	}
	.flex-gap {
		gap: 0;
	}
	.height-250 {
		height: 130px;
	}
	.height-rating {
		height: 130px;
	}
	.margin-50 {
		margin: 0;
	}
	.xmedium {
		font-size: 18px;
	}
}