@media all and (max-width : 1400px) {
.respon_remove a{margin: 0;}
#primary-menu ul li > a{font-size: 15.5px;padding: 35px 12px;}
body:lang(zh-HK) #primary-menu ul li > a{font-size: 17px;padding: 35px 12px;}
#primary-menu ul ul li > a{padding: 8px 15px !important;}
#logo img {height: 60px; top: 17px;}
}
@media all and (max-width : 1250px) {
.container{width: 991px;margin:0 auto;}
/*landmark*/
.landmark_item img{height: 225px;}
.data_container .post{font-size: 14px;}
}
@media all and (max-width : 1199px) {
body:lang(zh-HK){font-family: Microsoft JhengHei;font-size: 15px;}
#logo img{height: 48px !important;top: 20px;}
.menu li.respon_remove{margin: 0 -10px;}
#primary-menu ul li > a{font-size: 14px;padding: 35px 11px;}
body:lang(zh-HK) #primary-menu ul li > a{
font-size:15px !important;margin:0;
padding: 32px 12px;
}
.slide_rb_style{font-size: 20px;padding: 5px 8px;} /*slider text*/
.slick-prev{left: 10px;}
.slick-next{right: 10px;}
/*home services*/
.services{ padding: 30px 0; }
.services img{width: auto;height:60px; margin-bottom: 15px;}
.service_title{font-size: 18px;}
/*home about*/
.homeabout_container{margin:50px 0;}
.homeabout_logo img{
width: auto;
height: 190px;
}
.homeabout_container .description{
font-size: 17px;
line-height: 1.6;
}
/*counting no*/
.counteringNo{font-size: 50px;}
/*home video*/
.videos_title{font-size: 18px;}
.video_description p{line-height: 1.6;margin:10px 0 15px 0;}
/*landmark*/
.landmark_item img{height: 180px;}
/*coming*/
.comingsoon h1{font-size: 32px;}
/*invitation*/
.invitation{padding: 12px 0;}
.invitation .fl{width: 100%;margin-bottom: 10px;}
.invitation .fl img{
display: none;
}
.invitation .fr{float: left !important;margin-bottom: 10px;}
.invitation button,.invitation a,.invitation.tc a{top: 0;}
/*gallery*/
.grid-item { width: 33.33%;}
}
@media all and (max-width : 1000px) {
.container{width: 700px;margin:0 auto;}
/*name grid*/
.nameGrid_container .person{width: 33.33%;}
/*calendar*/
.calendar_options .options{width: 33.33%;}
.viewas{display: none;}
/*landmark*/
.landmark_item img{height: 150px;}
}
@media all and (max-width : 991px) {
.wrapper{padding-bottom: 0;}
body:lang(zh-HK){font-family: Microsoft JhengHei;font-size: 15px;}
.en{font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;font-size: 15px;}
.logo{
width: 100%;
text-align: center;
}
.logo img{height: 50px !important;top: 0px;}
.topbar .fl{display: none;}
.topbar .fr{width: 100%;text-align: center;}
.nav_header{
top: 0;
width: 100%;
text-align: left;
margin-right: 0;
}
#logo {
width: 100%;
text-align: center;
}
#logo img{display: inline-block;}
/*end of nav*/
.description_p{
max-height: 240px;
overflow-y:hidden;
}
button.readmore{
display: block;
border:0;
padding: 0;
cursor: pointer;
margin-top: 10px;font-size: 15px;
background-color: transparent;
}
/*details*/
h1{font-size: 28px;}
h2{font-size: 21px;}
h3{font-size: 18px;}
h4{font-size: 14px;}
h5{font-size: 12.8px;}
h6{font-size: 11.2px;}
.style_xl{font-size: 40px;}
.style_h1_border{font-size: 28px;}
.style_h2_blue,.style_h2_blue_border{font-size: 21px;}
.style_h3_underline{font-size: 18px;}
.box_details p{font-size: 15px;}
/*gallery*/
.masonry {
-moz-column-count: 3;
-webkit-column-count: 3;
column-count: 3;
-moz-column-gap: 20px;
-webkit-column-gap: 20px;
column-gap: 20px;
}
.each_download{width: 33.33%;}
/*magazine*/
.magazine_list_download{width: 33.33%;}
/*lcif*/
.lcif_table table thead {
border: none;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.lcif_table table tr {
border: 1px solid #ddd;
display: block;
margin:10px 0 20px 0;
}
.lcif_table table td {
border-bottom: 1px solid #ddd;
display: block;
font-size: 13px;
padding: 12px;
text-align: right;
}
.lcif_table table td::before {
content: attr(data-label);
float: left;
}
.lcif_table table td:last-child {
border-bottom: 0;
}
.video_container{
width: 90%;
max-width: 800px;
margin:0 auto;
margin-top: 40px;
}
.videos{
width: 90%;
max-width: 800px;
margin:0 auto;
padding: 0 0;
}
.nameGrid_container .person{padding: 0 12px;}
/*gallery*/
.grid-item { width: 50%;}
footer{padding-top: 30px;position: relative;}
/*profile*/
.profile .img{width: 100%;display: block;}
.profile .content{display: block;margin-top: 10px;
padding: 0;}
.profile-table td{
display: block;
width: 100%;
clear: both;
}
.profile-table td:nth-child(odd){display:none;}
.profile-table tr{border: 0;}
.profile-table td::before {
content: attr(data-label);
float: left;
margin-right: 10px;
}
.profile-table td.title{
display: block;
text-decoration: underline;
margin-bottom: -10px;
}
}
@media all and (max-width : 767px) {
.wrapper{padding-bottom: 0;}
.container{width: 100%;margin:0 auto;}
.col_md_50{width: 100%;margin-bottom: 20px;}
.slide_rb_style{
font-size: 18px;
padding: 5px 2px;
} /*slider text*/
/*slider arrow*/
.slick-prev, .slick-next,.slick-prev:before,.slick-next:before{width: 30px;height: 30px;}
/*home services*/
.services{ padding: 30px 0; width: 100%; }
.services img{width: auto;height:55px; margin-bottom: 10px;}
.service_title{font-size: 16px;}
/*home about*/
.homeabout_container{margin:30px 0;}
.homeabout_logo img{
max-width: 100%;
height: auto;
}
.homeabout_container .description{
font-size: 16px;
line-height: 1.6;
}
/*style heading*/
.styleHeading{font-size: 26px;}
/*news*/
.section{padding: 40px 0;}
.news_container{margin-top: 20px;}
.equalHMR{
width: 100%;
margin:0 0 30px 0;
}
.news_container .moreBtn button{margin-top: 0;}
/*counting no*/
.counter{width: 50%;padding: 40px 0 20px 0;}
.counter_II{width: 50%;padding: 20px 0 40px 0;}
.counteringNo{font-size: 40px;}
/*video*/
.video_container{margin-top: 20px;}
.videos,.video_description{width: 100%;}
.videos{margin-bottom: 20px;padding: 0;}
.video_description{padding: 0;}
/*footer*/
footer{padding-top: 30px;position: relative;}
footer img{margin-bottom: 20px;}
.footer_links{margin-bottom: 20px;}
.footer_links a{margin-bottom: 12px;}
footer .copyrights{font-size: 12px;}
/*details*/
.half_box,.col_3{width: 100%; margin:10px 0;}
/*gallery list*/
.list_03{width: 100%;margin: 0 0 15px 0}
/*gallery*/
.masonry {
-moz-column-count: 2;
-webkit-column-count: 2;
column-count: 2;
-moz-column-gap: 20px;
-webkit-column-gap: 20px;
column-gap: 20px;
}
/*contacts*/
.col_md_50 input[type="submit"]{
width: 100%;
padding: 16px 0;
}
/*download*/
.each_download{width: 50%;}
/*name grid*/
.nameGrid_container .person{width: 50%;}
/*magazine*/
.magazine_list_download,.landmark{width: 50%;}
/*landmark*/
.landmark_item img{height: 225px;}
/*coming*/
.comingsoon h1{font-size: 26px;}
/*details box*/
.tableBox_Full .box_data,.tableBox_Half{width: 100%;display: block;}
.tableBox_Half.lastone{float: left;}
.video_container{
width: 100%;
max-width: 800px;
margin:0 auto;
margin-top: 40px;
}
.videos{
width: 100%;
max-width: 800px;
margin:0 auto;
padding: 0 0;
}
.topbar a{margin:0 5px;font-size: 14px;}
.invitation h1{font-size: 22px;}
}
@media all and (max-width : 500px) {
.topbar a{margin:0 4px;font-size: 13.5px;}
.topbar img{height: 13px;width: auto;}
/*logo*/
.logo img{height: 40px !important;}
/*nav*/
.togggle_menu{top: -39px;}
/*home services*/
.services{ padding: 20px 0;}
/*gallery*/
.masonry {
-moz-column-count: 1;
-webkit-column-count: 1;
column-count: 1;
-moz-column-gap: 20px;
-webkit-column-gap: 20px;
column-gap: 20px;
}
/*name grid*/
.nameGrid_container .person{width: 100%;}
/*magazine*/
.magazine_list_download,.landmark{width: 100%;}
/*calendar*/
.calendar_options .options{
width: 100%;
padding: 0;
}
.calendar_options .options input[type="submit"]{max-width: 100%;margin-top: 15px;}
.calendar_options .options.submit h4{display: none;}
/*landmark*/
.landmark_item img{height: auto;}
/*contacts*/
.captcha_img,.captcha input{width: 100%;}
.captcha_img{margin-top: 10px;}
/*cabinet*/
.row_list,.namelist_container,.centerHeading,.staff{width: 100%;margin:0;min-width: auto !important;}
.staff_cell{display: block;margin: 30px 0;}
.row_list {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.order1 {order: 1;}
.order2 {order: 2;}
.order3 {order: 3;}
.order4 {order: 4;}
.order5 {order: 5;}
.order6 {order: 6;}
.staff .name_post{font-size: 18px;}
.name_post .post,.data_container .post{font-size: 16px;}
.data_container{min-height: auto;
}
}
@media (max-width: 991px) {
.respon_remove{display: none;}
#wrapper {
width: 100%;
margin: 0;
box-shadow: none;
}
#header.full-header .container,
.container-fullwidth {
padding: 0 15px !important;
margin: 0 auto;
width: 750px !important;
}
.container.vertical-middle { width: 100% !important; }
.vertical-middle + .video-wrap {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.postcontent,
.postcontent.bothsidebar,
.sidebar {
width: 100%;
margin-right: 0;
float: none !important;
margin-bottom: 40px !important;
padding-bottom: 40px;
border-bottom: 1px solid #EEE;
}
.sidebar.col_last {
float: none;
margin-bottom: 0 !important;
padding-bottom: 0;
border-bottom: 0;
}
#header,
#header-wrap,
#header.sticky-style-2,
#header.sticky-style-3,
#header.sticky-style-2 #header-wrap,
#header.sticky-style-3 #header-wrap { height: auto !important; }
#header.sticky-style-2 #header-wrap,
#header.sticky-style-3 #header-wrap { min-height: 60px; }
#header.sticky-header #header-wrap { position: relative; }
#header.transparent-header,
#header.semi-transparent {
background: #FFF;
border-bottom: 1px solid #F5F5F5;
z-index: auto;
}
#header.dark.transparent-header,
#header.dark.semi-transparent {
background-color: #333;
border-bottom: 1px solid rgba(0,0,0,0.1);
}
#header.transparent-header.floating-header { margin-top: 0; }
#header.transparent-header.floating-header .container {
width: 750px;
padding: 0 15px;
border-radius: 0;
}
#header.transparent-header + #slider,
#header.transparent-header + #page-title.page-title-parallax,
#slider + #header.transparent-header,
#header.transparent-header.floating-header + #slider,
#header.transparent-header + #google-map {
top: 0;
margin-bottom: 0;
}
.slider-parallax .slider-parallax-inner { position: relative; }
#header.transparent-header + #page-title.page-title-parallax .container { padding-top: 0; }
#header-trigger,
.top-advert,
.header-extras { display: none; }
#logo {
display: block;
height: 70px;
float: none;
margin: 0 auto 0 !important;
max-width: none;
text-align: center;
border: 0 !important;
padding: 0 !important;
}
#logo img {height: 48px !important;top: 10px;}
#logo a.standard-logo { display: inline-block; }
#primary-menu {
display: block;
float: none;
}
#primary-menu ul.show{display: block;}
#primary-menu-trigger {
opacity: 1;
pointer-events: auto;
top: 50px;
font-size: 18px;
margin-top: 0;
left: 0;
z-index: 1;
}
#primary-menu .container #primary-menu-trigger {
top: 5px;
left: 0;
}
#primary-menu > ul,
#primary-menu > div > ul {
display: none;
float: none !important;
border: 0 !important;
padding: 0 !important;
margin: 0 !important;
-webkit-transition: none;
-o-transition: none;
transition: none;
}
#primary-menu > div > ul { margin-top: 60px !important; }
body:not(.top-search-open) #primary-menu-trigger {
opacity: 1;
-webkit-transition: opacity .2s .2s ease, top .4s ease;
-o-transition: opacity .2s .2s ease, top .4s ease;
transition: opacity .2s .2s ease, top .4s ease;
}
body.top-search-open #primary-menu-trigger { opacity: 0; }
body.side-push-panel #side-panel-trigger-close a {
display: block;
position: absolute;
z-index: 12;
top: 0;
left: auto;
right: 0;
width: 40px;
height: 40px;
font-size: 18px;
line-height: 40px;
color: #444;
text-align: center;
background-color: rgba(0,0,0,0.1);
border-radius: 0 0 0 2px;
}
#primary-menu.style-5 > ul {
padding-right: 0;
margin-right: 0;
border-right: 0;
}
#primary-menu ul li {
float: none;
margin: 0 !important;
text-align: left !important;
border-top: 1px solid #EEE;
}
#primary-menu ul li:first-child { border-top: 0; }
#primary-menu ul > li > a,
#primary-menu.style-2 > div > ul > li > a {
padding: 12px 15px !important;
border: none !important;
margin: 0 !important;
}
#primary-menu.style-5 > ul > li > a > div { line-height: 22px; }
#primary-menu.style-5 > ul > li > a > div i {
display: inline-block;
margin: 0 6px 0 0;
top: -1px;
width: 16px;
font-size: 14px;
line-height: inherit;
}
#primary-menu.style-6 > ul > li > a:after,
#primary-menu.style-6 > ul > li.current > a:after { display: none; }
#primary-menu.sub-title > ul > li,
#primary-menu.sub-title.style-2 > div > ul > li {
background: none !important;
margin-left: 0;
}
#primary-menu.sub-title > ul > li > a,
#primary-menu.sub-title > div > ul > li > a {
line-height: 22px;
font-size: 13px;
border-top: none;
}
#primary-menu.sub-title ul li > a span { display: none !important; }
#primary-menu.sub-title ul li:hover > a,
#primary-menu.sub-title ul li.current > a,
#primary-menu.sub-title div ul > li:hover > a,
#primary-menu.sub-title div ul > li.current > a,
#primary-menu.style-3 ul li:hover > a,
#primary-menu.style-3 ul li.current > a {
background-color: transparent !important;
color: #444;
text-shadow: none;
}
#primary-menu ul:not(.windows-mobile-menu) li > a i.icon-angle-down:last-child { display: none; }
#primary-menu > ul > li.sub-menu > a,
#primary-menu > .container > ul > li.sub-menu > a {
background-image: url("../img/right_arrow_white.png");
background-position: right center;
background-repeat: no-repeat;
}
#primary-menu ul ul:not(.mega-menu-column),
#primary-menu ul li .mega-menu-content {
position: relative;
width: auto;
max-width: none;
background: transparent !important;
box-shadow: none;
border: 0;
z-index: 1;
top: 0;
padding-left: 0;
}
#primary-menu ul li .mega-menu-content { padding-left: 0; }
#primary-menu ul ul:not(.mega-menu-column) ul {
top: 0 !important;
left: 0;
}
#primary-menu ul ul.menu-pos-invert:not(.mega-menu-column),
#primary-menu ul li .mega-menu-content.menu-pos-invert {
left: 0;
right: 0;
}
#primary-menu ul ul:not(.mega-menu-column) ul.menu-pos-invert { right: 0; }
#primary-menu ul ul li {
float: none;
margin: 0;
border-top: 1px solid #0050a6;
}
#primary-menu ul ul li > a {
padding: 11px 25px !important;
font-size: 13px;
text-transform: none;
color: #fff;
background-color: #0860bf;
}
#primary-menu ul ul li:hover > a {
padding-left: 5px;
color: #fff;
background-color: #0860bf;
}
#primary-menu ul ul ul li > a{
padding-left: 10px;
background-color: #004188;
}
#primary-menu ul ul ul li{border-top: 1px solid #00346d;}
#primary-menu ul li .mega-menu-content,
#primary-menu ul li.mega-menu-small .mega-menu-content,
#primary-menu ul li.mega-menu .mega-menu-content,
.floating-header.sticky-header #primary-menu ul li.mega-menu .mega-menu-content,
.floating-header #primary-menu ul li.mega-menu .mega-menu-content {
width: auto;
margin: 0;
top: 0;
}
.container-fullwidth #primary-menu ul li.mega-menu .mega-menu-content,
#header.full-header #primary-menu ul li.mega-menu .mega-menu-content {
width: auto !important;
margin: 0 !important;
}
#primary-menu ul li.mega-menu .mega-menu-content.style-2 { padding: 0; }
#primary-menu ul li .mega-menu-content ul {
display: block !important;
position: relative;
opacity: 1 !important;
top: 0;
left: 0;
min-width: inherit;
}
#primary-menu ul li .mega-menu-content ul ul { border-top: 1px solid #EEE; }
#primary-menu ul li .mega-menu-content ul.mega-menu-column {
float: none;
width: auto;
margin: 0;
border-left: 0 !important;
}
#primary-menu ul li .mega-menu-content ul.mega-menu-column:first-child { border: 0; }
#primary-menu ul li .mega-menu-content ul { width: 100% !important; }
#primary-menu ul li .mega-menu-content.style-2 ul.mega-menu-column { padding: 0 0 0 15px; }
#primary-menu ul li .mega-menu-content.style-2 ul.mega-menu-column > li.mega-menu-title { margin: 0; }
#primary-menu ul li .mega-menu-content.style-2 ul.mega-menu-column > li.mega-menu-title > a {
font-size: 13px;
font-weight: 600;
text-transform: none !important;
padding: 11px 5px !important;
line-height: 22px !important;
color: #444 !important;
}
#primary-menu ul li .mega-menu-content.style-2 ul.mega-menu-column > li.mega-menu-title:hover > a {
background-color: transparent;
color: #1ABC9C !important;
}
#primary-menu ul li .mega-menu-content.style-2 ul.mega-menu-column > li.mega-menu-title > a:hover { color: #1ABC9C !important; }
#primary-menu ul li .mega-menu-content.style-2 li { border-top: 1px solid #EEE; }
#primary-menu ul li .mega-menu-content.style-2 li:first-child { border-top: 0; }
#primary-menu ul li .mega-menu-content.style-2 ul > li > a:hover { padding-left: 5px; }
.mega-menu-column .widget {
padding: 30px 0;
margin: 0 !important;
}
#top-search { margin: 0 !important; }
#top-search a,
#top-cart,
#side-panel-trigger {
position: absolute;
top: 0;
left: auto;
right: 15px;
margin: 40px 0;
-webkit-transition: margin .4s ease;
-o-transition: margin .4s ease;
transition: margin .4s ease;
}
#primary-menu > div > #top-search a,
#primary-menu > div > #top-cart,
#primary-menu > div > #side-panel-trigger { margin: 20px 0 !important; }
#primary-menu ul.windows-mobile-menu li.sub-menu { position: relative; }
#primary-menu ul.windows-mobile-menu li.sub-menu a { background-image: none !important; }
#primary-menu ul.windows-mobile-menu li.sub-menu a.wn-submenu-trigger {
position: absolute;
cursor: pointer;
width: 32px;
top: 0;
right: 0;
z-index: 1;
padding: 0 !important;
text-align: center !important;
}
#primary-menu ul.windows-mobile-menu .mega-menu-content a.wn-submenu-trigger { display: none; }
#primary-menu ul.windows-mobile-menu li.sub-menu a.wn-submenu-trigger i { margin: 0 !important; }
#header.sticky-style-3 #top-cart .top-cart-content { top: 40px; }
#top-search a { right: 43px; }
#top-search form { height: 100px !important; }
#primary-menu > div > #top-search form { height: 60px !important; }
#top-search form input { font-size: 24px; }
#side-panel-trigger { right: 71px; }
body:not(.sticky-responsive-pagemenu) #page-menu #page-menu-wrap {
position: relative !important;
top: 0 !important;
}
#page-submenu-trigger {
opacity: 1;
pointer-events: auto;
color: #FFF;
}
#page-menu.pagemenu-active #page-submenu-trigger { background-color: rgba(0,0,0,0.2); }
#page-menu nav {
display: none;
position: absolute;
float: none;
width: 200px;
top: 43px;
left: auto;
right: 15px;
height: auto;
background-color: #1ABC9C;
z-index: 11;
}
#page-menu.pagemenu-active nav { display: block; }
#page-menu nav ul {
height: auto;
background-color: rgba(0,0,0,0.2);
}
#page-menu nav li { float: none; }
#page-menu nav li a {
height: 40px;
line-height: 40px;
margin: 0;
padding: 0 15px;
border-radius: 0;
}
#page-menu ul ul {
position: relative;
width: auto;
top: 0;
background-color: transparent;
}
#page-menu ul ul a { padding-left: 25px; }
}
@media (max-width: 767px) {
.topbar a span{display: none;}
}