/* Story */

@media only screen and (max-width: 3000px) {
	h1 {font-size: 32px !important; margin-bottom:10px;}
	img.img-responsive {width: 33%; margin-right: 10px;}
	img.img-responsive02 {width: 20%;}
	img.img-responsive03 {width: 25%;}
	
	
	.page-qe-shop-2018 h1 {font-size: 42px !important;}
	.page-qe-shop-2018 header img.img-responsive {width: 20%;}
	
	.page-msp-2018 h1 {font-size: 42px !important;}
	.page-msp-2018 header img.img-responsive {width: 20%;}
	
}
@media only screen and (max-width: 1680px) {
	h1 {font-size: 32px !important; margin-bottom:10px;}
	img.img-responsive {width: 33%; margin-right: 10px;}
	img.img-responsive02 {width: 20%;}
	img.img-responsive03 {width: 25%;}
}
@media only screen and (max-width: 1280px) {
	h1 {font-size: 32px !important; margin-bottom:10px;}
	img.img-responsive {width: 33%; margin-right: 10px;}
	img.img-responsive02 {width: 20%;}
	img.img-responsive03 {width: 25%;}
}
@media only screen and (max-width: 1024px) {
	h1 {font-size: 32px !important; margin-bottom:10px;}
	img.img-responsive {width: 33%; margin-right: 10px;}
	img.img-responsive02 {width: 20%;}
	img.img-responsive03 {width: 25%;}
}
@media only screen and (max-width: 800px) {
	.page-qe-shop-2018 header h1 {display:block; font-size: 36px !important; text-align: center; }
	.page-qe-shop-2018 header.qe-shop img.img-responsive {display:block; width: 200px; margin: 0 auto 24px auto;}
}
@media only screen and (max-width: 700px) {
	
	.page-msp-2018 h1 {display:block; font-size: 36px !important;}
	.page-msp-2018 header.msp img.img-responsive {display:block; width: 200px; margin: 0 auto 24px auto;}
}
@media only screen and (max-width: 640px) {
	h1 {font-size: 32px !important;}
	img.img-responsive {width: 33%; margin-right: 15px;}
	img.img-responsive02 {width: 19%;}
	img.img-responsive03 {width: 24%;}
	
}
@media only screen and (max-width: 560px) {
	h1 {font-size: 28px !important;}
	img.img-responsive {width: 35%; margin-right: 5px;}
	img.img-responsive02 {width: 21%;}
	img.img-responsive03 {width: 26%;}

}
@media only screen and (max-width: 480px) {
	h1 {font-size: 24px !important;}
	img.img-responsive {width: 42%; margin-right: 10px;}
	img.img-responsive02 {width: 25%; margin-top:10px;}
	img.img-responsive03 {width: 30%;}
	
	.page-qe-shop-2018 header h1 {display:block; font-size: 30px !important;}
	.page-qe-shop-2018 header.qe-shop img.img-responsive {display:block; width: 180px; margin: 0 auto 24px auto;}
	
	.page-msp-2018 h1 {display:block; font-size: 30px !important;}
	.page-msp-2018 header.msp img.img-responsive {display:block; width: 180px; margin: 0 auto 24px auto;}
}
@media only screen and (max-width: 400px) {
	h1 {font-size: 24px !important;}
	img.img-responsive {width: 50%; margin-right: 15px;}
	img.img-responsive02 {width: 30%;margin-top:10px;}
	img.img-responsive03 {width: 30%;}
	
	.page-qe-shop-2018 header h1 {display:block; font-size: 25px !important;}
	.page-qe-shop-2018 header.qe-shop img.img-responsive {display:block; width: 150px; margin: 0 auto 20px auto;}
	
	.page-msp-2018 h1 {display:block; font-size: 25px !important;}
	.page-msp-2018 header.msp img.img-responsive {display:block; width: 150px; margin: 0 auto 20px auto;}
}
@media only screen and (max-width: 320px) {
	h1 {font-size: 24px !important;}
	img.img-responsive {width: 48%; margin-right: 10px;}
	img.img-responsive02 {width: 30%;margin-top:10px;}
	img.img-responsive03 {width: 35%;}
}

.hkrma-retail-summit {
	background: url("/promotions/hkrma/2018/images/hkrma-retail-summit.jpg") center center !important;
}

img.img-responsive {display: inline;}
h1 {text-align:center;}
.page-qe-shop-2018 h1 {display: inline-block; color: #000; text-align: left; vertical-align: middle; margin-bottom: 0; }
.page-qe-shop-2018 .thumb-blk .thumb-img-w { padding-bottom: 56.25%; }
.page-qe-shop-2018 header.qe-shop {
	background: url("/promotions/hkrma/2018/images/qe-shop.jpg") center center !important;
}
.page-qe-shop-2018 header.qe-shop img {
	width: 33%;
	max-width: 220px;
}
.page-qe-shop-2018 header .bg-overlay {
	background-color: rgba(255, 255, 255, 0.45);
}


.page-msp-2018 h1 {display: inline; color: #000; }
.page-msp-2018 .thumb-blk .thumb-img-w { padding-bottom: 56.25%; }
.page-msp-2018 header.msp {
	background: url("/promotions/hkrma/2018/images/msp.jpg") center center !important;
}
.page-msp-2018 header.msp img {
	width: 33%;
	max-width: 220px;
}
.page-msp-2018 header .bg-overlay {
	background-color: rgba(255, 255, 255, 0.45);
}