.leaf {
max-width: 1100px;
}

/* The main non-Mobile rule */

	@media (min-width: 768px) {

			.leaf {
				min-height: 600px;
			}
			
			#JoomComponent {
				margin: 0 -10px; /* counter bootstrap's 20px side padding */
				min-height: 200px;
			}
			
			#main_cont {
			padding-top: 20px;
		}
	}
	
	@media (min-width: 1000px) and (max-width: 1199px) {
		.leaf {
			max-width: 950px;
		}
	}

/* Size control section */

	@media (min-width: 768px) and (max-height: 964px) {
		.leaf {min-height: 500px;}
	}

	@media (min-width: 768px) and (max-height: 974px) and (min-height: 520px) {
		#JoomComponent {
			padding: 20px 0 0 0;
		}
	}
	
	@media (min-width: 768px) and (min-height: 975px) {
		#JoomComponent {
			padding-top: 40px;
		}
	}
	
	@media (min-width: 768px) and (max-height: 519px) {
		#JoomComponent {
			padding: 0;
		}
	}

	@media (min-width: 768px) and (max-height: 639px) {
		.leaf {min-height: 400px;}
		.nfeed_title {display: none;}

	}
	
	@media (min-width: 768px) and (max-height: 629px) {
		.nfeedy {display: none;}

	}
	
		/* lower leaf's scale under 870px for desktop size */
	@media (min-width: 980px) and (max-height: 869px) and (min-height: 800px) {
		.leaf {
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%) scale(0.9);
		}
	}
	
	@media (min-width: 980px) and (max-height: 799px) and (min-height: 740px) {
		.leaf {
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%) scale(0.8);
		}
	}
	
	@media (min-width: 980px) and (max-height: 739px) {
		.leaf {
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%) scale(0.7);
		}
	}
	
	@media (min-width: 768px) and (max-height: 549px) {
		.leaf {
			position: static;
			transform: scale(0.7);
			transform-origin: top;
			
		}
	}

		/* lower leaf's scale under 870px for my tablet sizes (under 980px width) */
	@media (max-width: 979px) and (min-width: 768px) and (min-height: 1081px) {
	
		.leaf {	
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -75%);
			width: 95%;
		}
	}

	@media (max-width: 979px) and (min-width: 768px) and (max-height: 869px) and (min-height: 800px) {
		.leaf {
			transform: scale(0.9);
			transform-origin: top;
		}
	}

	@media (max-width: 979px) and (min-width: 768px) and (max-height: 799px) and (min-height: 740px) {
		.leaf {
			transform: scale(0.8);
			transform-origin: top;
		}
	}

	@media (max-width: 979px) and (min-width: 768px) and (max-height: 739px) {
		.leaf {
			transform: scale(0.7);
			transform-origin: top;
		}
	}
	
		/* Desktop */
	@media (max-width: 1119px) and (min-width: 980px) and (min-height: 1201px) {
	
		#site_head {
			transform: translateZ(100px);
		}
		
		footer {
			transform: translateZ(100px);
		}
	
		.leaf {
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -60%) scale(1);
		}
	
	}

	@media (max-width: 1199px) and (min-width: 1120px) and (min-height: 1201px) {
	
		#site_head {
			transform: translateZ(100px);
		}
		
		footer {
			transform: translateZ(100px);
		}
	
		.leaf {
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -60%) scale(1.15);
		}
	
	}

		/* Bigger screens like 2K and 4K */
	@media (min-width: 980px) and (min-height: 1101px) {
	
		#JoomComponent {
			padding-top: 60px;
		}
	
	}
	
	@media (min-width: 1200px) and (min-height: 1201px) {
	
		#site_head {
			transform: translateZ(100px);
		}
		
		footer {
			transform: translateZ(100px);
		}
	
		.leaf {
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -60%);
		}
	
	}
	
	@media (max-width: 1439px) and (min-width: 1325px) and (max-height: 1274px) and (min-height: 1210px) {
	
		.leaf {
			transform: translate(-50%, -65%) scale(1.15);
		}
	
	}
	
	@media (min-width: 1440px) and (min-height: 1275px) {
	
		.leaf {
			transform: translate(-50%, -65%) scale(1.25);
		}
	
	}
		
	@media (min-width: 1600px) and (min-height: 1400px) {
	
		.leaf {
			transform: translate(-50%, -65%) scale(1.35);
		}
	
	}
	
	@media (min-width: 2550px) and (min-height: 1420px) {
	
		.leaf {
			transform: translate(-50%, -65%) scale(1.45);
		}
	
	}

	@media (min-width: 3000px) and (min-height: 1700px) {
	
		.leaf {
			transform: translate(-50%, -65%) scale(1.8);
		}
	
	}

	@media (min-width: 3820px) and (min-height: 2120px) {
	
		.leaf {
			transform: translate(-50%, -65%) scale(2.3);
		}
	
	}
	
	@media (min-width: 4086px) and (min-height: 2150px) {
	
		.leaf {
			transform: translate(-50%, -65%) scale(2.5);
		}
	
	}
	
/* Modules and Plugins Style */

	@media (max-width: 767px) {
		
		#mod_recent_news, #mod_recent_news_2 {
			zoom: 0.75;
		}
		
		.anrevised_main.clearall {
			line-height: normal;
		}
	}
	
	@media (max-width: 500px) {
		
		#mod_recent_news, #mod_recent_news_2 {
			zoom: 0.6;
		}
				
	}

	.ps-caption {
		font-family: My_PublicSans;
	}

	#mod_recent_news.anrevised_table .anrevised_tabrow .anrevised_art, #mod_recent_news_2.anrevised_table .anrevised_tabrow .anrevised_art {
		border: none;
		width: 33.333% !important;
		
	}
	
	#mod_recent_news .anrevised_date, #mod_recent_news_2 .anrevised_date {
		margin-right: 6px;
	}
	
	
/* Overflow fix */	
	@media (max-width: 1080px) and (min-width: 768px) and (max-height: 690px) {

		html { max-height: 100vh; }
		
		#JoomComponent, #main_cont, #page_bg, #JoomComponent > div.item-page > div { max-height: 60vh; }
	
	}

/* Chinese font fix */
.cntext	{font-weight: bold;}

	@media (max-height: 739px) and (min-width: 768px) {
		.cntext	{
			font-weight: normal;
	}