.dh_logo {
	max-height: 120px;
	padding: 20px 10px;
}
.mini_logo {
	height: 45px;
}
.footer {
	font-size: 1em;
}
.bg_startsmart {
	margin-left: -15px;
	margin-right: -15px;
	height:90px;
	background-color: #039DD6;
}
.bg_startsmart2 {
	background: url(images/startsmart_imgbg.jpg) no-repeat bottom center, #2CB2D8;
	background-size: auto 410px;
	height: 500px;
	cursor: pointer;
}
.bg_eatsmart {
	margin-left: -15px;
	margin-right: -15px;
	height: 90px;
	background-color: #FFDA9E;
}
.bg_eatsmart2 {
	background-color: #FEEDD1;
	background: url(images/eatsmart_imgbg.jpg) no-repeat bottom center, #FEEDD1;
	background-size: auto 410px;
	height: 500px;
	cursor: pointer;
}
.bg_schoolhk {
	margin-left: -15px;
	margin-right: -15px;
	height: 90px;
	background-color: #744a94;
}
.bg_schoolhk2 {
	background-color: #dcd4e4;
	background: url(images/smartschool_imgbg_2021_middle.jpg) no-repeat center bottom, #dcd4e4;
	background-size: auto 410px;
	height: 500px;
	cursor: pointer;
}

@media (min-width: 2000px) {
	.bg_schoolhk2 {
		background-position: center bottom;
	}
}

@media (max-width: 768px) {
	
	.img_respon {
		padding: 20px;
		width: 361px;
	}

	.bg_startsmart2 {
		background: url(images/startsmart_imgbg.jpg) no-repeat bottom center, #2CB2D8;
		background-size: auto 310px;
		height: 400px;
	}

	.bg_eatsmart2 {
		background-color: #FEEDD1;
		background: url(images/eatsmart_imgbg.jpg) no-repeat bottom center, #FEEDD1;
		background-size: auto 310px;
		height: 400px;
	}

	.bg_schoolhk2 {
		background-color: #dcd4e4;
		background: url(images/smartschool_imgbg_2021_full.jpg) no-repeat center bottom, #dcd4e4;
		background-size: auto 310px;
		height: 400px;
	}
}

@media (min-width: 768.02px) and (max-width: 991.98px) {

	.dh_logo {
		max-height: 180px;
	}
	
	.mini_logo {
		height: 80px;
	}
	
	.footer {
		font-size: 2em;
	}

	.img_respon {
		padding: 15px;
		width: 500px;
	}

	.bg_startsmart {
		margin-left: -15px;
		margin-right: -15px;
		height: 100px;
		background-color: #039DD6;
	}

	.bg_eatsmart {
		margin-left: -15px;
		margin-right: -15px;
		height: 100px;
		background-color: #FFDA9E;
	}

	.bg_schoolhk {
		margin-left: -15px;
		margin-right: -15px;
		height: 100px;
		background-color: #744a94;
	}


	.bg_startsmart2 {
		background: url(images/startsmart_imgbg.jpg) no-repeat bottom center, #2CB2D8;
		background-size: auto 400px;
		height: 500px;
	}

	.bg_eatsmart2 {
		background-color: #FEEDD1;
		background: url(images/eatsmart_imgbg.jpg) no-repeat bottom center, #FEEDD1;
		background-size: auto 400px;
		height: 500px;
	}

	.bg_schoolhk2 {
		background-color: #dcd4e4;
		background: url(images/smartschool_imgbg_2021_full.jpg) no-repeat center bottom, #dcd4e4;
		background-size: auto 400px;
		height: 500px;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	
	.dh_logo {
		max-height: 140px;
	}
	
	.mini_logo {
		height: 60px;
	}
	
	.footer {
		font-size: 2em;
	}

	.img_respon {
		padding: 15px;
		width: 300px;
		
	}

	.bg_startsmart {
		margin-left: -15px;
		margin-right: -15px;
		height: 80px;
		background-color: #039DD6;
	}

	.bg_eatsmart {
		margin-left: -15px;
		margin-right: -15px;
		height: 80px;
		background-color: #FFDA9E;
	}

	.bg_schoolhk {
		margin-left: -15px;
		margin-right: -15px;
		height: 80px;
		background-color: #744a94;
	}

	.bg_startsmart2 {
		background: url(images/startsmart_imgbg.jpg) no-repeat bottom center, #2CB2D8;
		background-size: auto 320px;
		height: 400px;
	}

	.bg_eatsmart2 {
		background-color: #FEEDD1;
		background: url(images/eatsmart_imgbg.jpg) no-repeat bottom center, #FEEDD1;
		background-size: auto 320px;
		height: 400px;
	}

	.bg_schoolhk2 {
		background-color: #dcd4e4;
		background: url(images/smartschool_imgbg_2021_middle.jpg) no-repeat center bottom, #dcd4e4;
		background-size: auto 320px;
		height: 400px;
	}
}

@media (min-width: 1200px) {

	.img_respon {
		padding: 20px;
		width: 400px;
	}

	.bg_startsmart {
		margin-left: -15px;
		margin-right: -15px;
		height: 100px;
		background-color: #039DD6;
	}

	.bg_eatsmart {
		margin-left: -15px;
		margin-right: -15px;
		height: 100px;
		background-color: #FFDA9E;
	}

	.bg_schoolhk {
		margin-left: -15px;
		margin-right: -15px;
		height: 100px;
		background-color: #744a94;
	}
}