@media all and (max-width : 1400px) {
.respon_remove a{margin: 0;}
nav a {font-size: 15.5px;margin:0 15px;}
body:lang(zh-HK) nav a{font-size:17px;margin:0 15px;}
.menu li.respon_remove{margin: 0;}
.logo img {
height: 60px !important;
top: 15px;
}
}
@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;}
nav a{font-size: 14px;margin:0 13px;}
body:lang(zh-HK) nav a{font-size:15px;margin:0 12.5px; }
body:lang(en-HK) nav a{font-size: 14px;margin:0 10px;}
.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;
}
.togggle_menu{
width: 30px;
height: 30px;
border-radius: 3px;
cursor: pointer;
position: absolute;
top: -45px;
text-align: center;
display: block;
line-height: 1.7;
left: 10px !important;
font-size: 20px;
}
.togggle_menu.active{
color: #fff;
background-color: #0860bf;
}
nav ul{
width: 100%;
left: 0;
}
nav {
padding: 8px 0 0 0;
margin: 0;
-webkit-transition: height .4s ease, opacity .3s ease;
-o-transition: height .4s ease, opacity .3s ease;
transition: height .4s ease, opacity .3s ease;
}
.nav_header .en{top: 0;}
.toggle + a,
.menu {
display: none;
}
.menu{
position: absolute;
z-index: 999;
transition: opacity 0.5s linear;
}
.menu.active{display: block;}
/* Stylinf the toggle lable */
.toggle {
cursor: pointer;
display: block;
padding:14px 20px;
text-decoration:none;
border:none;
border-top: 1px solid #eee;
outline: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.toggle:hover{color: #0860bf;}
nav a {
padding: 10px 10px !important;
margin: 0;
border-top: 1px solid #eee;
line-height: 1.5;height: auto;
}
nav ul li ul li a{padding: 8px 20px!important;;}
/* Display Dropdown when clicked on Parent Lable */
[id^=drop]:checked + ul {
display: block;
transition: visibility 0s, opacity 0.5s linear;
}
nav ul li {
display: block;
width: 100%;
background-color: #fff;
}
nav ul ul .toggle,
nav ul ul a {
padding: 0 40px;
}
nav ul ul ul a {
padding: 0 80px;
}
nav ul li ul li .toggle,
nav ul ul a,
nav ul ul ul a{
padding:14px 20px;
color:#FFF;
}
nav ul li ul li .toggle,
nav ul ul a {
background-color: #0860bf;
border:0;
}
nav ul li ul li .toggle:hover{
color: #ffd800;
}
nav ul ul {
float: none;
position:static;
color: #ffffff;
}
nav ul ul li:hover > ul,
nav ul li:hover > ul {
display: none;
}
nav ul ul li {
display: block;
width: 100%;
}
nav ul ul ul li {
position: static;
}
nav ul li ul li ul li a{
color: #fff;
background-color: #004188;
border-bottom: 1px solid #003977;
}
.mobieldrop_2{pointer-events:auto;}
.respon_remove{display: none;}
.sticky .logo img{top: 0px;}
/*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{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;
}
}