@CHARSET "UTF-8";
@media only screen and (max-width : 1207px) {
	#nav {
		font-size:13px;
	}
	.content-container-nav {
		box-sizing: border-box;
		margin: 0 auto;
		width:99%;
		padding: 0 10px;
	}
	#content-container {
		box-sizing: border-box;
		margin: 0 auto;
		width:99%;
		padding: 0 10px;
	}
	.search-box input[type=text] {
    	width: 60%;
	}
}

@media only screen and (max-width : 870px) {

	h2 {
		font-size: 18px;
	}
	#wrapper {
		width:100%;
	}
	#nav {
		display:none;
	}
	#nav-dummy {
		height: 80px;
	}
	#mobile-nav {
		background: linear-gradient(#5526b5,violet);
		display: block;
	}
	.mobile-tab {
		background:transparent;
		border-top:1px solid white;
		box-sizing:border-box;
		color:#fff;
		height: 50px;
		font-size:18px;
		padding-top:8px;
		text-align:center;
	}
	.mobile-tab:hover {
		background-color:#dbe0e6;
		color: #556f8d;
	}
	.col-one {
		float:none;
		width:100%;
	}
	.col-two {
		float:none;
		width:100%;
	}
	.col-three {
		float:none;
		width:100%;
	}
	.col-three-two {
		float:none;
		width:100%;
	}
	.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-four-gap-right {
		float:none;
		padding:0;
		width:100%;
	}
	.col-four-three-gap-right {
		float:none;
		padding:0;
		width:100%;
	}
	.news-item {
		float:none;
		width:100%;
	}
	.fifth {
		display:none;
	}
	.mobile-fifth {
		display:block;
	}
	.gap-mobile {
		display:block;
		height:30px;
		width:10%;
	}
	.chart-homepage-tab {
		 float:none;
		 width:100%;
	}
	.headerClearContainer {
    	width: 98%;
	}
	.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%;
	}
	.news-tag {
		font-size: 24px;
		height:32px;
	}
	.news-item {
		font-size:16px;
	}
	.news-item-top {
		font-size:16px;
	}
	.news-item-full {
		display:none;
	}
	.news-item-mobile {
		display:block;
	}
	.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-header {
		margin-bottom:0;
	}
	.mobile-container {
		display: block;
	}
	.purple {
		color: #FFF;
	}
	.chartList {
		font-size: 10px;
	}
	.film-mini-search {
		width: 100%;
	}
}