@media screen and (max-width: 1020px) {
	.pagination {
		right: 30px;
	}
	.icon-Pause, .icon-Play{
		height: 30px;
		width: 30px;
	    	background-size: 30px;
	}
	div#swiperPlayButton {
		height: 30px;
	}
	.wrap, .home-left, .home-right {
		width: auto;
	}
	.home-left, .home-right, .footer-information {
		float: none;
	}

	/* Header */
	.header {
		height: 60px;
		position: relative;
		z-index: 100;
		/*border-bottom: 2px solid #B5D1E8;*/
		-webkit-box-shadow: 0 3px 2px 0 rgba(200,200,200,0.5);
		box-shadow: 0 3px 2px 0 rgba(200,200,200,0.5);
	}
	.header .wrap {
		height: 60px;
	}
	.header .print-container {
		display: none;
	}
	.header .top {
		height: auto;
	}
	.header .site-title {
		width: 145px;
		height: 45px;
		background: url('../images/logo.png');
		background-size: 100%;
	}
	.header .minisite-logo {
		width: 55px;
		height: 45px;
		background-size: 100%;
	}
	.header .menu-toggle {
		display: block;
		position: absolute;
		top: 0px;
		right: 0px;
		text-indent: -9999px;
		border: none;
		border-radius: 0px;
		background: url('../images/mobile/menu_btn.png') no-repeat;
		background-size: 100%;
		width: 60px;
		height: 60px;
		outline: none;
	}
	.header .lang-menu-toggle {
		display: block;
		position: absolute;
		top: 0px;
		right: 60px;
		text-indent: -9999px;
		border: none;
		border-radius: 0px;
		background: url('../images/mobile/lang_btn.png') no-repeat;
		background-size: 100%;
		width: 60px;
		height: 60px;
		outline: none;
	}
    .header .fb-like, .header .social, .header .top-right .block, #menu {
	    display: none;
    }
    .header.toggled-on #menu {
	    display: block;
	    position: absolute;
	    top: 55px;
	    left: 0px;
	    right: 0px;
	    background: #166DA8;
    }
	#menu li {
		display: block;
		width: auto;
		text-align: left;
		border-right: 0px;
	}
	#menu li:last-child {
		border-bottom: 0px;
	}
	#menu li a {
		color: #FFFFFF;
		padding: 10px;
		border-bottom: 1px solid #278bd3;
		display: block;
	}
	#menu .nav-menu > li.current-menu-item > a, #menu .nav-menu > li.current-menu-parent > a, #menu .nav-menu > li.current-menu-ancestor > a {
		color: #FFFFFF;
		background: none;
		padding: 10px;
	}
	#menu li > a:hover {
		color: #70C5F5;
	}
	#menu .sub-menu li.menu-item-has-children > a {
		background: none;
	}
	#menu li .sub-menu, #menu .nav-menu > li > .sub-menu {
		position: relative;
		width: auto;
		background: none;
		display: block;
		padding-top: 0px;
	}
	#menu .sub-menu {
		margin-left: 15px;
	}
	#menu .sub-menu .sub-menu {
		left: 0px;
	}
	#menu li li {
		background: none;
		border-bottom: 0px;
		float: none;
	}
	.site-id-2 #menu ul#menu-header-menu > li {
		width: auto;
	}
	.site-id-2 #menu .nav-menu > li.current-menu-item > a, .site-id-2 #menu .nav-menu > li.current-menu-parent > a, .site-id-2 #menu .nav-menu > li.current-menu-ancestor > a {
		padding: 10px;
	}
	#menu-item-34 > a, #menu-item-35 > a {
		line-height: 1em;
	}

    .header .top-right .language {
	    position: absolute;
	    z-index: 80;
	    top: 100%;
	    left: 0;
	    right: 0;
	    padding: 10px;
	    text-align: center;
	    background: #DDDDDD;
	    -webkit-box-shadow: 0 3px 2px 0 rgba(200,200,200,0.5);
	    box-shadow: 0 3px 2px 0 rgba(200,200,200,0.5);
    }
	.header .top-right .language li {
		display: inline-block;
		float: none;
		margin: 0px 8px;
	}
    .header.lang-toggled-on .top-right .language {
	    display: block;
    }

	/* Home */
	.home-left-slideshow-area {
		width: 100%;
		max-width: 748px;
		height: auto;
		margin: auto;
	}
	.home-left-slideshow-area .pagination-bg {
		background: rgba(43, 65, 115, 0.8);
		height: 30px;
	}
	.home-left-slideshow-area .pagination {
		bottom: 3px;
	}
	.home-left-slideshow-area img {
		width: 100%;
	}
	.swiper-container {
		width: 100%;
	}
    .home #main {
	    padding: 0px;
    }
	.home-left {
		max-width: 748px;
		margin: 0px auto;
		text-align: center;
	}
	.home-right {
		margin: 10px 0px 0px 0px;
	}
	.home-left-box {
		float: none;
		margin: 10px auto 10px auto !important;
		display: inline-block;
		max-width: 240px;
		width: 100%;
		height: auto;
	}
    .home-right-box {
	    max-width: 240px;
	    margin: 0px auto 14px auto;
    }
	.home-right-mini-banner.top{
        display: none;
    }
    .home-bottom-banner{
        display: none;
    }
    .home-right-box.traditional{
        display: none;
    }
    .home-left-box.desktop-none{
        float: none;
        margin: 10px auto 10px auto !important;
        display: inline-block;
        max-width: 240px;
        width: 100%;
        height: auto;
    }
    .join-us,
    .join-us-image,
    .home-apps-download
    {
        display: block;
    }
	.home-right-mini-banner ul li {
		text-align: center;
	}
    .home-apps-download {
	    max-width: 240px;
	    margin: 5px auto !important;
    }

	/* Footer */
	.footer {
		background-image: none;
	}
	.footer-logo span {
		display: none;
	}
	.footer-inner {
		padding: 10px;
	}

    .footer ul {
	    margin-top: 10px;
	    float: none;
    }
	.footer ul li:first-child {
		margin-left: 0px;
		padding-left: 0px;
	}
	.footer .footer-right {
		float: none;
	}

    /* Search */
	.search-result {
		width: auto;
	}
	#cse-search-results iframe {
		height: 1900px !important;
	}

    /* Inner */
	.category-banner img {
		max-width: 100%;
		margin: auto;
	}
	.category-banner-heading {
		width: 100%;
	}
	.side-menu {
		display: none;
	}
	.main-content {
		float: none;
		width: auto;
	}
	#main {
		padding: 0px;
	}
	.main-content .page-content {
		min-height: 320px;
	}

    .about_quote {
	    width: auto;
	    height: auto;
	    padding: 15px;
    }
	.about_quote p:last-child {
		margin-bottom: 0px;
	}

    /* Landing */
	.category-landing-item {
		float: none;
		width: 100%;
		clear: both;
		margin-bottom: 40px;
	}
	.category-landing-item .photo {
		margin-right: 15px;
	}
	.category-landing-item .info {
		width: auto;
		overflow: hidden;
		float: none;
		margin-right: 0px;
	}

    /* Landing Buttons */
	.category-landing-btns li a {
		display: inline-block;
	}

    /* Education */
	.edu_landing_left, .origin_left, .origin_right, .half-left, .half-right {
		float: none;
		width: auto;
	}
    .origin_right {
	    text-align: center;
    }

    /* Scroll View */
	.vacancy-table-container, .sc-table-container, .table-container, .milestone-container, .scroll-container, .medical-structure-map, .alumni-table-container {
		max-width: 100%;
		width: 710px;
		overflow: auto;
	}
	.vacancy-table-container .vacancy-table, .sc-table-container .sc-table, .table-container table, .alumni-table-container table {
		width: 710px;
	}
	.scroll-container .adm-table {
		min-width: 400px;
	}
	.table-container .alumni-table {
		width: 500px;
	}

	.medical-structure-map img {
		width: 638px;
		max-width: none;
	}

    /* Editor */
	figure.wp-caption {
		margin: auto;
	}
	img.alignleft, img.alignright, figure.alignleft, figure.alignright, figure.wp-caption.alignleft, figure.wp-caption.alignright {
		float: none;
		margin-left: auto;
		margin-right: auto;
		display: block;
	}
	.medical-elderly-img-container {
		text-align: center;
	}
    .medical-elderly-img-container img {
	    margin: 10px 0px !important;
    }

    /* Service Centre Search */
	.sc-search label {
		display: block;
		margin-right: 0px;
		margin-bottom: 5px;
		padding-bottom: 5px;
	}
	.sc-search select, .sc-search .sc-search-input, .sc-search-cat select, .sc-search-cat input.sc-search-input {
		width: 100%;
	}
	.sc-search-btn, .enquiry-form .brown-button {
		width: 100%;
		padding: 10px;
		font-size: 14px;
	}
    .sc-search-cat p {
	    width: auto;
	    float: none;
    }

    /* Enquiry Form */
	.enquiry-form select {
		width: 100%;
	}
	.enquiry-form input[type="text"] {
		width: 100%;
		margin-bottom: 10px;
	}
    .enquiry-form .form-row .textarea-long {
	    width: 100%;
    }

    /* FAQ */
	.faq-row .question {
		line-height: 1.4em;
	}
	.faq-row .answer_heading {
		float: none;
		width: auto;
	}
	.faq-row .answer {
		margin: 0px;
	}

    /* Content Style */
	.hklovingheart2011-left, .hklovingheart2011-right {
		width: auto;
		float: none;
		margin: 10px 0px;
	}
	.kw-100-promotion {
		width: auto;
		padding: 10px;
	}

	.counselling-box .counselling-section h3 {
		width: auto;
		float: none;
		margin-bottom: 10px;
    }

	.edu-content-indent {
		margin-left: 0px;
	}
	.school-features-box {
		background: none;
		width: auto;
		padding: 15px;
		border: 1px solid #f8c862;
		border-radius: 10px;
		background: #FFFFFF;
	}
	.school-features-box .section-heading {
		margin-left: 0px;
		min-height: 31px;
	}
    .school-features-box .list-left, .school-features-box .pic-right, .school-features-box .pic-left, .school-features-box .list-right {
	    float: none;
	    width: auto;
    }
	.school-features-box .pic-right, .school-features-box .pic-left {
		text-align: center;
	}
	.school-features-box .list-left, .school-features-box .list-right {
		margin-left: 2em;
	}
	.b2school-flash {
		display: none;
	}

    .cs-heading-ribbon {
	    padding: 10px;
	    line-height: 1.2em;
	    height: auto;
	    background: #22807d;
	    -webkit-border-radius: 5px;
	    -moz-border-radius: 5px;
	    border-radius: 5px;
    }
	.site-id-2 .cs-heading-ribbon {
		font-size: 1.1em;
	}

	.heart-content {
		padding-left: 0px;
	}
	.heart-dlist dl {
		margin: 0px;
	}
    .heart-dlist dt {
	    float: none;
	    width: auto;
	    margin-bottom: 0px;
	    padding: 0px 5px;
    }
	.heart-dlist dd {
		margin-left: 0px;
		margin-bottom: 10px;
		padding: 0px 5px 10px 5px;
		border-bottom: 1px solid #DDDDDD;
	}
	.heart-dlist dd:last-child {
		border-bottom: 0px;
		padding-bottom: 0px;
		margin-bottom: 0px;
	}

	.bank-ac-list li {
		margin-bottom: 10px;
	}
	.bank-ac-list strong {
		display: block;
	}

	.museum_heading {
		line-height: 1.2em;
		min-height: 30px;
	}
	.souvenir-photo {
		float: none;
		text-align: center;
	}

    .grid-left, .grid-right, .heritage-left, .heritage-right, .newsletter-left {
	    float: none;
	    width: auto;
    }
	.manmo {
		width: auto;
	}
	.manmo .m-content {
		padding: 30px 15px;
	}

    .entry-content img {
	    height: auto !important;
    }
    .gala_video {
	    max-width: 100%;
    }

	.historical-publication-item, .publication-main .col, .edu-publication-main .edu-col, .annual-report-item {
		width: auto;
		float: none;
		text-align: center;
		margin: 10px 0px;
		padding: 10px;
		border-bottom: 1px solid #EAEAEA;
	}
	.historical-publication-item .photo, .publication-main .col .photo, .edu-publication-main .edu-col .photo {
		height: auto;
	}
	.corporate-publication .publication-main .col {
		min-height: 0px;
	}
	.historical-publication-item .info h3 {
		min-height: 0px;
		margin-bottom: 5px;
	}
	.publication-main, .edu-publication-main {
		padding: 0px;
	}

	.newsletter-en-item {
		float: none;
		margin: 5px auto 15px auto;
	}

    .newsletter-left {
	    margin-right: 0px;
    }
}