@media only screen and (min-width:760px) and (max-width:1024px) {
img {max-width:100%; height:auto;}
header .headerinner{ padding:0 1%;}
.container{ padding:0 1%;}
.navbar nav ul li{ font-size:.7em;}
.data-section .data-arrow-row .data-arrow{ margin:0 4%;}
.video-gallery-section .video-blocks .btn-play{ top:68px;}
.other-features .ot-ftbox{ width:23%; height:auto; margin:0 1%; text-align:center; transition: all .1s ease-in-out;}
	.other-features .ot-ftbox .imgplaceholder{ width:100%; height:auto; margin:0 auto 32px; border:2px solid #2f3a45; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;}
footer .footerinner{ padding:4% 0;}
footer #box01{ width:34%;}
footer #box02{ width:35%;}
footer #box03{ width:30%;}
footer .email-submit-form{ width:100%; height:44px; margin:14px 0 0; border:3px solid #fff; border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px;}
footer .email-submit-form .input-field{ float:left; width:70%; background:url(../images/letter-icon.png) 4px 50% no-repeat;}
footer .email-submit-form .input-field input[type=text]{ width:100%; height:38px; padding:4px 2% 4px 38px; background:none; border:none; color:#fff; font-size:14px; font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; font-weight:600;}
.page-banner .banner-inner{ position:relative; top:auto; left:auto; width:100%; height:auto;}
.career-section .career-blocks h3{ min-height:40px; font-size:1.2em; margin:0 auto 20px;}
.tax-planningsection .planningtable .planningblock .mask{ padding:4% 3%;}
.tax-planningsection .planningtable .planningblock h3{ font-size:1em;}
.tax-planningsection .tax-planninginner{ padding:16px 0 20px;}
.alternative-investment{ background:#0d0632 url(../images/alternative-investment.jpg) 100% bottom no-repeat; background-size: 60%;}
.alternative-investment .container{ padding:36px 1%;}
.education-fee-planning .container{ padding:36px 1%;}
.investment-lumpsum{ width:100%; min-height:667px; padding:36px 0; background:url(../images/investment-lumpsum.jpg) fixed top no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}


}
@media only screen and (min-width:480px) and (max-width:759px) {
img {max-width:100%; height:auto;}
	.container{ padding:0 1%;}
	header .sitelogo{ display:none;}
	header .sitelogo.mobileview{ display:block!important;}
	header .socialmedia{ float:right; margin:18px 0 0; width:60%;}
	header #headertop{ padding:2% 0; }
	header #headerbottom{ display:none;}
	.data-section .data-arrow-row .data-arrow{ width:120px; margin:0 3%; font-size:1em; }
	.data-section .data-arrow-row .data-arrow:after{ height: 43px; position: absolute; left:0; bottom:-43px; width: 120px; background:url(../images/data-arrow.png) center 0 no-repeat;}
	.video-gallery-section{ margin:1% auto 6%;}
	.video-gallery-section .video-blocks{ width:50%;}
	.video-gallery-section .video-blocks h3{ top:12px;}
.video-gallery-section .video-blocks .btn-play{ top:53px; }
.other-features .ot-ftbox.pull-left{ float:none; width:204px; height:auto; margin:0 auto 50px;}
.other-features .ot-ftbox .imgplaceholder{ width:100%;}
footer .footerinner{ padding:4% 0;}
footer .boxes.pull-left{ float:none; width:100%;}
footer #box01, footer #box02, footer #box03{ width:100%;}

footer .email-submit-form{ width:300px; height:44px; margin:14px auto; border:3px solid #fff; border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px;}
footer .email-submit-form .input-field{ float:left; width:70%; background:url(../images/letter-icon.png) 4px 50% no-repeat;}
footer .email-submit-form .input-field input[type=text]{ width:100%; height:38px; padding:4px 2% 4px 38px; background:none; border:none; color:#fff; font-size:14px; font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; font-weight:600;}
footer .email-submit-form .button-field{ float:right; width:40px;}
.page-banner .banner-inner{ position:relative; top:auto; left:auto; width:100%; height:auto;}
.career-section .career-blocks h3{ min-height:40px; font-size:1.2em; margin:0 auto 20px;}
.career-section .career-blocks.pull-left{ float:none; width:100%; margin:0 auto 14px;}
.career-section .career-blocks .moretext-section{ border:none;}
.corporate-inner{ padding:36px 1%;}
.setup-offshore .img-table.pull-right{ float:none; width:100%; height:auto; margin:0 auto 14px; text-align:center;}
.setup-offshore .text-table.pull-left{ float:none; width:100%; height:auto; margin:0 auto; text-align:center;}
.newssection-inner .news-blocks .imgplaceholder{ width:48%; margin:0 1% 0 0;}
	.newssection-inner .news-blocks .text-blocks{ width:50%; height:auto;}
.tax-planningsection .planningtable .planningblock{ width:50%;}
.tax-planningsection .planningtable .planningblock .mask{ padding:4% 3%;}
.tax-planningsection .planningtable .planningblock h3{ font-size:1.2em;}
.tax-planningsection .planningtable .planningblock p{ color:#fff; font-size:.8em;}

.property-mortgage .property-mortgageinner{ padding:54px 2% 44px;}
.alternative-investment .container{ padding:36px 1%;}
.alternative-investment .text-section.pull-left{ float:none; width:100%; padding:12px 2% 24px; background:url(../images/trans-blk.png) 0 0 repeat;}
.alternative-investment{ background:#0d0632 url(../images/alternative-investment.jpg) 100% bottom no-repeat; background-size: 60%;}
.education-fee-planning .container{ padding:36px 1%;}
.qrops h2{ font-size:2em; line-height:1.5em; margin:0 0 22px;}

	}

@media only screen and (min-width:120px) and (max-width:479px){

	img {max-width:100%; height:auto;}
	.container{ padding:0 1%;}
	header .sitelogo{ display:none;}
	header .sitelogo.mobileview{ display:block!important;}
	header .socialmedia{ float:right; margin:18px 0 0; width:80%;}
	header .socialmedia ul li{ margin:0 3% 0 0;}
	header #headertop{ padding:2% 0; }
	header #headerbottom{ display:none;}
	.homepage-banner h2{ font-size:2em; margin:0 0 16px;}
.homepage-banner h3{ font-size:1.5em;}
.homepage-banner .arrow{ left:40%;}
	.data-section .data-arrow-row .data-arrow{ width:94px; margin:0 1.2%; font-size:.7em; }
	.data-section .data-arrow-row .data-arrow:after{ height: 43px; position: absolute; left:0; bottom:-43px; width: 94px; background:url(../images/data-arrow.png) center 0 no-repeat;}
	.data-show-table-blocks{ width:300px; height:auto; margin:0 auto;}
	.video-gallery-section{ margin:1% auto 6%;}
	.video-gallery-section .video-blocks.pull-left{ float:none; width:100%; margin:0 auto;}

.other-features .ot-ftbox.pull-left{ float:none; width:204px; height:auto; margin:0 auto 50px;}
.other-features .ot-ftbox .imgplaceholder{ width:100%;}
footer .footerinner{ padding:4% 0;}
footer .boxes.pull-left{ float:none; width:100%;}
footer #box01, footer #box02, footer #box03{ width:100%;}

footer .email-submit-form{ width:300px; height:44px; margin:14px auto; border:3px solid #fff; border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px;}
footer .email-submit-form .input-field{ float:left; width:70%; background:url(../images/letter-icon.png) 4px 50% no-repeat;}
footer .email-submit-form .input-field input[type=text]{ width:100%; height:38px; padding:4px 2% 4px 38px; background:none; border:none; color:#fff; font-size:14px; font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; font-weight:600;}
footer .email-submit-form .button-field{ float:right; width:40px;}
.page-banner .banner-inner{ position:relative; top:auto; left:auto; width:100%; height:auto;}
.page-banner h2{ font-size:1.6em; text-transform:uppercase; line-height:2em; text-align:center;}
.career-section .career-blocks h3{ min-height:40px; font-size:1.2em; margin:0 auto 20px;}
.career-section .career-blocks.pull-left{ float:none!important; width:100%!important; margin:0 auto 14px!important;}
.career-section .career-blocks .moretext-section{ border:none;}
.corporate-inner{ padding:36px 1%;}
.setup-offshore .img-table.pull-right{ float:none; width:100%; height:auto; margin:0 auto 14px; text-align:center;}
.setup-offshore .text-table.pull-left{ float:none; width:100%; height:auto; margin:0 auto; padding:0; text-align:center;}
.grouplife-section .grouplife-inner{ padding:6% 1%;}
.grouplife-section .text-table.pull-left, .grouplife-section .text-table.pull-right{ float:none; width:100%; height:auto; margin:0 auto; text-align:center;}
.grouppension-section .grouppension-inner{ padding:6% 1%;}
.grouppension-section .text-table.pull-left, .grouppension-section .text-table.pull-right{ float:none; width:100%; height:auto; margin:0 auto; text-align:center;}
.grouppension-section ul li { text-align:left;}
.grouppension-section h2{ font-size:2em; margin:0 0 6px;}
.grouppension-section h3{ font-size:1.6em; margin:0 0 6px;}
.grouppension-section h4{ font-size:1.6em; margin:0 0 6px;}
.setup-offshore{ padding:4% 1%;}
	.setup-offshore h2{ font-size:2em; margin:0 0 8px;}
	.setup-offshore h3{ font-size:1.6em; margin:0 0 12px;}
	.setup-offshore h4{ font-size:1.4em; margin:0 0 6px;}
	.setup-offshore p{ color:#000; font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; margin:0 0 16px;}
.newssection-inner .news-blocks .imgplaceholder.pull-left{ float:none; width:100%; margin:0 auto 14px; text-align:center;}
	.newssection-inner .news-blocks .text-blocks.pull-left{ float:none; width:100%; height:auto; margin:0 auto;}

	.tax-planningsection .planningtable .planningblock.pull-left{ width:100%; margin:0 auto;}
	.property-mortgage .property-mortgageinner{ padding:54px 2% 44px;}
.alternative-investment .container{ padding:36px 1%;}
.alternative-investment .text-section.pull-left{ float:none; width:100%; padding:12px 2% 24px; background:url(../images/trans-blk.png) 0 0 repeat;}
.alternative-investment{ background:#0d0632 url(../images/alternative-investment.jpg) 100% bottom no-repeat; background-size: 60%;}
.education-fee-planning .container{ padding:36px 1%;}
.education-fee-planning .text-table.pull-left{ float:none; width:100%; height:auto; margin:0 auto;}
.education-fee-planning .img-table.pull-right{ float:none; width:100%; height:auto; margin:0 auto 14px;}
.critical-illness .text-blocks.pull-left, .critical-illness .text-blocks.pull-right{ float:none; width:100%; margin:0 auto;}
.qrops h2{ font-size:2em; line-height:1.5em; margin:0 0 22px;}
.will-section .will-box-section .will-boxes.pull-left, .will-section .will-box-section .will-boxes.pull-right{ width:100%; margin:0 auto;}
.will-section p{ margin:0 0 8px; font-size:.8em;}
.estate-planning .text-section .text-blocks.pull-left, .estate-planning .text-section .text-blocks.pull-right{ float:none; width:100%; height:auto; margin:0 auto;}
.srvc{ padding:0 1%;}
.srvc .alignleft{ float:none; width:100%; margin:0 auto 16px; display:inline-block; text-align:center;}
	}
/* */
.slicknav_menu {
	position: relative;
	z-index: 1000;
}
header {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
}
header #headertop .sitelogo  img{
	z-index: 1001;
}

.homepage-banner, .page-banner {
    position: relative !important;
  	top: 126px;
}
.homepage-banner { min-height: 697px; }
.page-banner { min-height: 0px; }
.homepage-banner .arrow { top: 450px; }


@media (max-width: 750px) {
	.slicknav_menu {
		width: 100%;
		display: block;
		position: fixed;
		top: 0;
		right 0;
	}
	ul.slicknav_nav img.home-icon{
		width: 33px;
	}
	.homepage-banner {
	    position: relative !important;
		top: 0px;
  	}
  	.page-banner {
		top: 65px;
  		min-height: 320px;
  	}
	header { height: 32px; top: 33px;}
	header #headertop{ height: 32px; }


}

@media (max-width: 459px) {
	.page-banner {
  		min-height: 250px;
  	}

}

.video-gallery-section .video-blocks { display: block; }
.video { position: relative;  top: 0;  left: 0; margin: 0; padding: 0; background-color: black; }
.video-gallery-section .video-blocks { display: block; }
.video-gallery-section .video-blocks h3 { z-index: 5; }
.video-gallery-section .video-blocks .mask { z-index: 4; }
.video-gallery-section .video-blocks .btn-play { z-index: 5; }
.white-section {
    margin-top: 130px;
}