<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;"> /* Responsive Tester		
================================================== */
	.mstar-responsive-tester {
		position: absolute;
		top: 30px;
		right: 25px;
		display:block;		
		background:#900;
		color:#FFF;
		font-size: 20px;
		line-height: 20px;
		font-weight: bold;
		z-index: 1000;
		padding: 10px;
		border:#FFF solid 2px;
	}
	.mstar-responsive-tester div {
		float:left;		
	}
	.mstar-snap-one {
		display:block;
	}
	.mstar-snap-two {
		display:none;
	}
	.mstar-snap-three {
		display:none;
	}
	.mstar-snap-four {
		display:none;
	}
	
/* #Media Queries
================================================== */

	/* 2.  Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {		
		.mstar-snap-two { display:block;}
		.mstar-snap-one { display:none;}
	}

	/* 3.  Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		.mstar-snap-three { display:block;}
		.mstar-snap-one { display:none;}
	}
	
	/* 4. Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		.mstar-snap-four { display:block;}
		.mstar-snap-one { display:none;}	
	}</pre></body></html>