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

	#main-margin {
		min-width: 320px;

	}

	/*----------------home----------------*/
	
	#home {
		min-width: 320px;
		min-height: 372px;
	} 
	
	.main-background {
		min-height: 372px;
	}
	
	

	
	.home-title-content-margin {
		width: 250px;
		height: 309px;
	
	}
	
	.home-logo-2 img,
	.home-logo-3 img,
	.home-logo-4 img {
		height: 18px; /* adjust as needed */
	}
	
	.home-logo-title {
		top: 22px;
		margin-left: 1px;
		gap: 20%;              /* space between E, M, Z */
	}


	

	/*blog TITLE MIXSETS*/
	
	.blog-main-title,
	.mixsets-main-title {		
		margin-top: 70px;
		margin-bottom: 50px;

	}
	
	.mixsets-main-title img,
	.blog-main-title img {
		height: 22px;
	}
	
	
	
	/*----------------latest mix----------------*/
	
	
	#mixsets {
		min-width: 320px;
	}
	
	.latest-upload-margin {
		width: 320px;
		margin-top: 40px;
		padding-bottom: 50px;
	}
	

	.latest-mixset-cover { 		/*main cover*/
		top: 0;
		left: 0;
		right: 0;
		width: 320px;
		margin: auto;
		float: none;
		overflow: hidden;
	}
	
	.latest-details-margin {
		width: 280px;
		
		top: 0;
		left: 0;
		right: 0;
		margin: auto;
		float: none;
	}
	
	.latest-details-margin-center {
		height: 70px; 
		position: absolute;
		width: 100%;
		top: 0;
		margin-top: 30px;
		
	}
	
	.latest-mixset-title {
		left: 0;
		right: 0;
		float: none;
		font-size: 20px;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		padding-left: 30px;
		padding-right: 30px;
	}
	
	.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: 30px;
		left: 0;
		right: 0;
		float: none;
		width: 140px;
		height: 37px;
		margin-left: auto;
		margin-right: auto;
	}
	
	.play-button-margin {
		position: absolute;
		width: 140px;
		height: 36px;
	}

	
	.play-button-text,
	.view-more { 							/*view more button text*/
		font-size: 12px;
	}

	
	.mixsets-view-more-button,
	.blog-view-more-button {        /*view more button*/
		width: 190px;
		height: 37px;
		margin-bottom: 70px;
	}
	
	.view-view {
		position: absolute;
		width: 190px;
		height: 37px;
	}
	
	/*----------------all mixsets----------------*/
	

	
	.mixsets-grid-content-margin {
		width: 300px;
		margin-bottom: 50px;
	}

	.grid-sizer,
	.grid-item {
		width: 141px;

	}
	
	
	
	/*----------------blog----------------*/
	
	
	
	#blog {
		min-width: 100%;

	}
	
	.latest-creative-upload-margin {
		width: 320px;
		margin-top: 40px;
		padding-bottom: 50px;
	}
	
	
	
	section {
  	-webkit-column-width: 150px;
          column-width: 150px;
	}
	
	
	.latest-creative-cover { 		/*main cover*/
		top: 0;
		left: 0;
		right: 0;
		width: 320px;
		margin: auto;
		float: none;
		overflow: hidden;
	}
	
	.latest-creative-details-margin {
		width: 300px;
		height: 70px;
		top: 0;
		left: 0;
		right: 0;
		margin-bottom: 0;
	}
	
	
	.latest-creative-title {
		left: 0;
		right: 0;
		float: none;
		font-size: 20px;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		padding-left: 10px;
		padding-right: 10px;
	}
	
	.latest-creative-sub-title {
		left: 0;
		right: 0;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		padding-right: 0;
	}
	

	/*----------------about----------------*/
	
	
	#about {
		min-width: 320px;
	}
	
	.about-main-title {
		padding-top: 57px;
		padding-bottom: 27px;
		font-size: 18px;
	}
	
	.about-main-margin {
		width: 320px;
	}

	
	.about-image { 
		width: 222px;
		height: 222px;
	}
	
	
	.about-description {
		font-size: 12px;
		margin-top: 40px;
		padding-left: 10px;
		padding-right: 10px;
	}

	

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

	.all-social-margin {
		width: 268px;
		margin-top: 50px;
	}

	.all-social {
		width: 268px;
		height: 38px;
	}
	
	.facebook-logo,
	.x-logo,
	.instagram-logo,
	.linkedin-logo,
	.youtube-logo,
	.pinterest-logo {
		width: 38px;
		height: 38px;
	}
	
	.x-logo {
		margin-left: 8px;
	}
	
	.instagram-logo {
		margin-left: 8px;
	}
	
	.pinterest-logo {
		margin-left: 8px;
	}
	
	.youtube-logo {
		margin-left: 8px;
	}
	
	.linkedin-logo {
		margin-left: 8px;
	}
	
	.copyright-margin {
		height: 60px;
		margin-bottom: 20px;
	}
	
	.copyright {	
		top: 14px;
	}

}