@media screen and (max-width: 800px) { /*-------@media 480px to ------*/

	#main-margin {
		min-width: 480px;
	}


	/*----------------home----------------*/
	
	#home {
		min-width: 480px;
		min-height: 300px;
	} 
	



	/*----------------latest mix----------------*/
	
	.mixsets-main-title {
		margin-top: 100px;
		margin-bottom: 80px;
	}
	
	
	
	.latest-upload-margin {
		width: 480px;
		margin-top: 40px;
	}
	

	.latest-mixset-cover { 		/*main cover*/
		width: 400px;
		top: 0;
		left: 0;
		right: 0;
		margin: auto;
		float: none;
		overflow: hidden;
	}
	
	.latest-details-margin {
		width: 400px;
		height: 205px;	
		top: 0;
		left: 0;
		right: 0;
		margin: auto;
		float: none;
	}
	
	.latest-details-margin-center {
		height: 70px; 
		position: absolute;
		width: 100%;
		top: 0;
		margin-top: 40px;
		
	}
	
	.latest-mixset-title {
		left: 0;
		right: 0;
		float: none;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		padding-left: 0;
		padding-right: 0;
	}
	
	.latest-mixset-sub-title {
		left: 0;
		right: 0;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		padding-right: 0;
	}
	
	
	.play-button {        /*play button*/
		margin-top: 40px;
		left: 0;
		right: 0;
		float: none;
		margin-left: auto;
		margin-right: auto;


	}

	
	
	
	/*----------------all mixsets----------------*/
	
	
	#mixsets {
		min-width: 480px;
	}
	
	.grid-sizer,
	.grid-item {
		width: 231px;
		margin-top: 0px;
	}
	
	.mixsets-grid-content-margin {
		position: relative;
		width: 480px;
		height: 100%;
		top: 0;
		left: 0;
		right: 0;
		margin-top: -18px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 80px;
		z-index: 3;
	}


	
	.mixsets-view-more-button,
	.blog-view-more-button {        /*view more button*/
		margin-bottom: 100px;
	}
	
	

	
	/*----------------blog----------------*/
	
	
	
	
	#blog {
		min-width: 480px;

	}

	
	.blog-main-title {				/*blog*/
		margin-top: 100px;
		margin-bottom: 80px;

	}

	
section {
  -webkit-column-width: 200px;
          column-width: 200px;
}

	
	.latest-creative-upload-margin {
		width: 480px;
		margin-top: 40px;
	}
	
	.latest-creative-cover { 		/*main cover*/
		width: 450px;
		top: 0;
		left: 0;
		right: 0;
		overflow: hidden;
	}
	
	.latest-creative-details-margin {
		width: 400px;
		height: 50px;	
		top: 0;
		left: 0;
		right: 0;
		margin-bottom: 60px;

	}
	
	
	.latest-creative-title {
		left: 0;
		right: 0;
		float: none;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		padding-left: 0;
		padding-right: 0;
	}
	
	.latest-creative-sub-title {
		left: 0;
		right: 0;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		padding-right: 0;
	}
	/*----------------about----------------*/
	
	
	#about {
		min-width: 480px;
	}
	
	
	.about-main-margin {
		width: 480px;
	}

	
	.about-description {
		margin-top: 40px;
	}

	
	
	

	/*----------------footer----------------*/




}