@media (max-width:1400px) {

	/*
	.page-title h1 {
    font-size: 3.5em;
  }
  .page-subtitle h2 {
    font-size: 3em;
  }
	.page-title + .page-subtitle h2:before {
    top: 15px;
  }
  .ce-title, a.ce-title {
    font-size: 3em;
  }
  .ce-subtitle {
    font-size: 2.5em;
  }
  */
  .ce-date {
    display: block;
  }
  .ce-more-container {
    display: block;
    text-align: left;
    margin-top: 20px;
  }
  .calendar-button, .calendar-filter-text, .cf-submit, .cf-field input, .cf-field select  {
    height: 30px;
  }
	.calendar-filters {
    position: relative;
  }
  .calendar-button-container, .calendar-filter-text {
    margin-bottom: 10px;
  }
  .calendar-button, .calendar-filter-text, .calendar-filter {
    width: 270px;
    font-size: 16px;
    line-height: 1.2;
  }
  .calendar-button {
    font-size: 16px;
    line-height: 1.2;
  }
  .calendar-filters .cf-field input, .calendar-filters .cf-field select {
  	font-size: 16px;
  }  
  .cf-text {
    width: 170px;
    padding: 5px 38px 5px 10px;
  }
  .calendar-filter-text .cf-submit {
    width: 100px;
    font-size: 23px;
  }
  .calendar-filter-text .cf-submit {
  	font-size: 16px;
  }
  .calendar-filter-text .cf-text {
  	font-size: 16px;
  }
  .calendar-filter .cf-heading {
  	font-size: 16px;
  }
  .calendar-filter .cf-field {
  	float: right;
  }


	.text-over-image-row .toi-text {
		width: 46%;
		padding: 4%;
	}
	.text-over-image-row .content-text ul li {
    font-size: 1.3em;
  }

}



@media (max-width:1340px) {

  /* Mobile menu */
  body.mobile.open {
    overflow: hidden;
  }
  body.mobile.fixed-header .header-top {
    overflow: visible;
  }
  body.fixed-header .social-icon {
    width: 30px;
    height: 30px;
  }

  body.mobile .header-logo-1 .fixed-element {
    display: none;
  }
  body.fixed-header .header-logo-1 {
    width: 110px;
  }
  body.fixed-header .header-logo-2 {
    border-left: 2px solid #E4A836;
  }
  body.mobile .mobile-element {
    display: block;
  }
  .main-menu-button, .main-menu-close, .main-menu-mask {
    display: block;
  }
  body.open .main-menu-mask {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.4);
    z-index: 500;
  }
  .main-menu-close {
    display: block;
    position: absolute;
    top: 10px;
    right: 22px;
  }
  .main-menu-wrapper.wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: scroll;
  }
  ul#menu-main-menu {
    position: relative;
    top: 150px;
    right: 0;
    width: 100%;
  }
  .main-menu > ul > li > a {
    display: block;
    width: 100%;
  }
  .main-menu ul ul, .main-menu ul ul li, .main-menu ul ul li a  {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    opacity: 1;
    z-index: 1;
  }
  .main-menu ul ul {
    display: none;
  }
  .main-menu ul li.menu-item-has-children.open ul {
    display: block;
  }
  .main-menu ul li.current_page_parent ul {
    /*display: block;*/
  }
  li.menu-item-has-children:before {
    position: absolute;
    top: 9px;
    right: 0;
    content: '▾';
    width: 40px;
    height: 40px;
    color: #000;
    font-size: 2em;
    text-align: center;
    cursor: pointer;
    /* background-color: #DDAB44;
    background-image: url(images/menu-arrow-down.png);
    background-size: 70%;
    background-repeat: no-repeat;
    background-position: 60% 50%; */
    transition: all 0.2s ease-in;
  }
  li.menu-item-has-children.open:before {
    /* position: absolute;
    top: 0;
    right: 5px;
    content: '';
    width: 40px;
    height: 40px;
    background-color: #DDAB44;
    background-image: url(images/menu-arrow-up.png);
    background-size: 70%;
    background-repeat: no-repeat;
    background-position: 60% 50%; */
    top: -1px;
    transform: rotate(-180deg);
    transition: all 0.2s ease-out;
  }
  .main-menu > ul > li > a {
    padding-right: 55px;
  }
  .main-menu ul ul li a  {
    font-size: 1.7em;
    color: #000;
    background-color: #E9EBEB;
    padding: 0px 0 5px 30px;
  }
  .main-menu > ul > li > ul > li > a:hover {
    color: #DDAB44;
    transition: all 0.25s ease-in-out;
  }

  .main-menu ul ul li.active a, 
  .main-menu ul li.current-menu-ancestor > a, 
  .main-menu ul li.current-menu-parent > a, 
  .main-menu ul li.current-menu-item > a {
    color: #DDAB44 !important;
  }

  .main-menu ul li.wide ul {
    width: 100%;
  }
  .main-menu-container {
    position: fixed;
    top: 0;
    right: -150%;
    left: unset;
    width: 300px;
    height: 100%;
    background-color: #E9EBEB !important;
    transition: all 0.25s ease-in-out;
    z-index: 20000;
  }
  .main-menu-container.active {
    right: 0;
    transition: all 0.25s ease-in-out;
  }
  .main-menu > ul > .main-menu-separator {
    display: none;
  }
  .main-menu > ul > li {
    width: 100%;
  }
  .header-top {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    padding: 0;
    background-color: rgba(255,255,255,0.95);
    z-index: 10000;
  }
  .header-corner {
    display: none;
  }

  .header-corner.mobile {
    display: block;
    width: 100%;
    position: absolute;
    top: 50px;
    left: 0;
    font-size: 1.6em;
    text-align: left !important;
    padding: 0 20px;
  }

  .header-language-switcher a {
    font-size: 21px;
  }
  body.fixed-header .header-search  {

  } 
  body.fixed-header .header-search.active {
    float: right;
    width: 150px;
    margin: 0;
  }

  body.mobile .header-search #s {
    width: 110px;
  }

}


@media (max-width:1200px) {
	.ps-text-large {
    font-size: 7.5em;
  }
  .ps-text-small {
    font-size: 3.5em;
  }

	.footer-wrapper.wrapper {
		width: 95%;
	}
	.footer-left {
		width: 30%;
		padding-right: 20px;
	}
	.footer-logo {
    width: 100%;
  }
  .footer-middle {
    width: 40%;
  }
	.footer-right {
		width: 29%;
    min-width: unset;
    padding-left: 10px;
  }
	.footer-menu ul {
    width: 100%;
    padding-right: 5px;
  }
	.footer-menu a {
    font-size: 2em;
  }

	.main-menu > ul {
    text-align: left;
  }
  .main-menu > ul > li {
    margin-right: 10px;
  }

	.hg-entry-text {
    font-size: 1.6em;
    padding: 0 5px;
  }

	.page-grid-text span {
		font-size: 3em;
	}



	.gallery-filters {
    text-align: left;
  }
  .gallery-filter-heading {
    display: block;
    margin-bottom: 10px;
  }
  .gallery-filter {
    margin: 0 10px 10px 10px;
  }

	.fr-title {
		font-size: 3.2em;
	}

	.pic-caption {
		font-size: 4em;
		line-height: 1.1;
	}

	#hb3 {
	  background-size: auto 100%;
	}

	.home-block-half#hb4, .home-block-half#hb5 {
    display: block;
    width: 100%;
  }

	#hb4 .hc-image, #hb4 .hc-text {
    display: block;
    width: 100%;
    margin-top: 20px;
    padding: 0;
  }

	#hb4 .hc-image-inner {
    width: 100%;
    max-width: 600px;
    min-height: 200px;
    padding-bottom: 35%;
    margin: auto;
    /*background-color: transparent;
    background-position: left center;*/
  }
	#hb4 .hc-text {
		width: 100%;
		max-width: 600px;
		margin: 20px auto;
	}

	#hb5 {
    height: 300px;
  }
	.hb5-textbox {
    position: absolute;
    bottom: 20px;
  }

	.home-block-half#hb1, .home-block-half#hb2 {
    display: inline-block;
    height: 0;
    padding-bottom: 50%;
	}
	.hb1-circle {
    display: block;
    width: 100%;
    height: 0;
    padding: 0;
    padding-bottom: 100%;
  }
  .hb1-textbox {
    position: absolute;
    display: inline-block;
    width: 100%;
    vertical-align: middle;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
	}
}

@media (max-width: 900px) {

	.page-block {
    width: 100% !important;
  }

	.page-grids .page-grid {
		width: 100% !important;
		padding-bottom: 50% !important;
		/* min-height: 200px; */
	}

	.ce-image {
    width: 100%;
    margin-bottom: 20px;
  }
  .ce-image-inner {
    padding-bottom: 50%;
    /*background-size: 100% auto;*/
  }
  .ce-text {
    padding-right: 0;
    width: 100%;
  }

	.page-sections {
    margin-bottom: 50px;
  }
  .page-section {
    width: 100%;
    margin-right: 0;
  }

	.facility-filter, .facility-filter-reset {
    margin-bottom: 10px;
  }
	.ff-heading, .ff-field {
    display: block;
  }
	.facility-result {
    margin-bottom: 60px;
  }
	.fr-left {
    float: none;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 20px;
  }
  .fr-title {
    font-size: 4em;
  }
  .fr-main-image {
    padding-bottom: 60%;
    /* min-height: 200px; */
  }
  .fr-main-image-desktop {
    display: none;
  }
  .fr-main-image-mobile {
    display: block;
  }
	.fr-middle {
    width: 49%;
    margin-right: 2%;
  }
	.fr-right {
    width: 49%;
    margin-right: 0;
  }


	.page-image-columns.half-short .page-image-column, .page-image-columns.third-short .page-image-column {
    width: 100%;
    min-height: 200px;
  }


	.text-over-image-row {
    width: 100%;
    height: 0;
    padding-bottom: 85%;    
    min-height: 900px;
    background-position: top;
    background-size: auto 50%;
  }
  .toi-text {
		position: absolute;
    float: none;
    width: 70%;
    max-width: 500px;
    top: 35%;
    left: 50%;
    transform: translateX(-50%);
    margin: 0;
    padding: 3%;
  }
  .text-over-image-row .toi-text {
    width: 80%;
    padding: 4%;
  }
	.text-and-image-row.left .tai-image, .text-and-image-row.left .tai-text {
    float: none;
    width: 100%;
 	}
 	.text-and-image-row.left .tai-text {
 	 	margin-top: 20px;
 	}

	.hb1-circle {
    background-image: none;
  }
  .hb1-textbox {
		width: 80%;
		top: 50%;
		left: 50%;
		max-width: 400px;
		transform: translate(-50%,-50%);
  }
	.hb-heading {
		width: 100%;
    font-size: 4.5em;
  }
  .hb1-text {
  	width: 100%;
  }
 	.hb1-circle {
    background-size: 400px;
    min-height: 400px;
    padding: 0;
    padding-bottom: 65%;
	}

}

@media (max-width:800px) {
  .content-text ul li:before,
  .content-text ul ul ul li:before,
  .content-text ul ul ul ul ul li:before {
    top: 1px;
    font-size: 14px;
  }
  .content-text ul ul li:before,
  .content-text ul ul ul ul li:before {
    top: 4px;
    font-size: 9px;
  }
  .page-stripe {
    display: block;
    text-align: left;
  }
  .page-stripe:after {
  	width: 55px;
    left: unset;
    right: 0;
    bottom: 42px;
    transform: rotate(-90deg);
    transition: none;
  }
  .page-stripe:hover:after {
    bottom: 42px;
    transition: none;
  }
  .ps-text-large {
    display: inline-block;
		min-width: 110px;
    margin-left: 20px;
    margin-bottom: 40px;
  }
	.page-stripe:hover .ps-text-large {
    margin-top: unset;
    transition: none;
  }
  .ps-text-small {
    display: inline-block;
  }

	.page-row {
    height: auto;
  }
  .pr-image {
    width: 100%;
  }
  .page-row:nth-child(odd) .pr-image {
    float: none;
  }
  .pr-text {
    width: 100%;
  }
  .page-row:nth-child(odd) .pr-text {
    float: none;
  }

	.pcl-list ol li, .pcl-list ol li:hover {
    padding-left: 43px;
    transition: none;
    padding-bottom: 10px;
  }

	.psi-image, .psi-submenu {
    display: block;
    width: 100%;
  }
  .psi-image {
    height: 0;
    padding-bottom: 36%;
    min-height: 250px;
  }

	.ce-image:hover .ce-image-overlay {
    opacity: 0.7;
    transition: none;
  }
  .ce-image-overlay {
    opacity: 0.7;
  }
  .ce-image-overlay:before {
    border: 0;
  }
  .cio-dot {
    opacity: 1;  	
  }
  .ce-image:hover .cio-dot-1, .ce-image:hover .cio-dot-2, .ce-image:hover .cio-dot-3 {
    -webkit-animation: none;
    -moz-animation: none;
    -o-animation: none;
    animation: none;
  }
	.ce-more:hover {
    top: 0;
    transition: none;
  }

	.page-submenu li span.parent, .page-submenu li a {
    padding: 0 51px 0 30px;
  }
	.page-submenu li:hover a {
    padding-left: 30px;
    color: #fff !important;
    transition: none;
  }
  .page-submenu li:hover a:before, .page-submenu li:hover span.parent:before,
  .page-submenu li a:before, .page-submenu li span.parent:before  {
    left: 0px;
    top: 10px;
    width: 9px;
    height: 9px;
    transition: none;
  }
  .page-submenu li a:after, .page-submenu li:hover a:after {
    width: 28px;
    height: 28px;
    top: 0;
    right: 0;
    transition: none;
  }


 	.page-submenu.psi-submenu li a {
		padding: 0 37px 0 23px;
	}
	.page-submenu.psi-submenu li a:before, .page-submenu.psi-submenu li:hover a:before {
	  top: 11px;
    width: 2px;
    height: 2px;
	}
  .page-submenu.psi-submenu li a:after, .page-submenu.psi-submenu li:hover a:after  {
		top: 0;
    width: 27px;
    height: 27px;
  }


	.fr-main-image:hover .fr-title {
    bottom: 8px;
    transition: none;
	}
	.fr-main-image:hover:before {
    opacity: 1;
    transition: none;
  }
  .page-column:hover .pc-more {
    top: 0;
    transition: none;
  }
  .page-column:hover .pc-image:before {
    opacity: 1;
    transition: none;
  }


	.ff-heading {
    font-size: 1.6em;
  }
  .ff-field input, .ff-field select {
    font-size: 1.6em;
    padding: 4px 15px;
  }

	.gallery-entry:hover .gallery-entry-caption, .gallery-entry .gallery-entry-caption {
    height: 101%;
    transition: none;
    background-color: rgba(30,54,56,0.5);
	}
	.gallery-entry:hover .gallery-entry-caption > span, .gallery-entry .gallery-entry-caption > span {
		top: unset;
		bottom: 20px;
		transform: none;
		transition: none;
	}
	.gallery-entry.image-overlay-parent:hover .image-overlay, .image-overlay-parent:hover .image-overlay {
    opacity: 1;
    transition: none;
  }
  .image-overlay {
    opacity: 1;
    background-color: rgba(88,21,88,0.6);
  }

	.page-slogan h2 {
    font-size: 5em;
  }
  .page-grid-text-more {
    width: 100%;
    max-width: 120px;
    color: #fff;
    font-size: 2em;
    opacity: 1;
  }
  html.zh_TW .page-grid-text-more,
  html.zh_CN .page-grid-text-more {
    max-width: 40px;
  }
	.page-grid:after {
		opacity: 1;
		transition: none;
	}
	.page-grid:after {
		left: 0%;
		top: 0%;
		width: 100%;
		height: 100%;
		border: 0;
		background-color: rgba(0,0,0,0.3);
		opacity: 1;
		transition: none;
	}
 	.page-grid:hover:after,
 	.page-grids.large .page-grid:nth-child(2):hover:after,
	.page-grids.half .page-grid:hover:after {
		left: 0%;
		top: 0%;
		width: 100%;
		height: 100%;
		opacity: 1;
		transition: none;
	}
	.page-grid:before {
    background-color: rgba(0,0,0,0.3);
  }	
	.page-grid .page-grid-text span, .page-grid:hover .page-grid-text span {
    color: #fff;
    text-shadow: none;
    margin-top: -20px;
  }

	.hg-entry .hg-entry-text {
		opacity: 1;
		font-weight: 500;
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	.hg-entry:hover:before, .hg-entry-image:hover:before {
		opacity: 0.5;
		background-color: rgba(88,21,88,0.7);
	}
	.hg-entry:before, .hg-entry-image:before {
		opacity: 0.5;
		background-color: rgba(88,21,88,0.7);
	}
	#hg-entry-4:hover:before,
	#hg-entry-5:hover:before {
		opacity: 0.5;
	}
	#hg-entry-4:hover #hg-entry-4a:before,
	#hg-entry-4:hover #hg-entry-4b:before,
	#hg-entry-5:hover #hg-entry-5a:before,
	#hg-entry-5:hover #hg-entry-5b:before {
		opacity: 0.5;
	}
	#hg-entry-3 {
    z-index: 1;
  }

	.bx-wrapper .bx-controls-direction a, .home-conferences .bx-wrapper .bx-controls-direction a {
    width: 30px;
    background-size: 75%;
  }
  .bx-wrapper .bx-pager.bx-default-pager a {
    width: 10px;
    height: 10px;
  }
	.slide-link {
    width: 30px;
    height: 30px;
    background-size: 30px 80px;
  }

	.hb5-textbox {
    bottom: 40px;
  }

	.page-subtitle h2 {
		padding-left: 25px;
	}
	.page-title + .page-subtitle h2:before {
    top: 7px;
  }

	.hg-entry-text {
    font-size: 2.8em;
  }

	body.mobile .header-search #s {
    width: 110px;
  }

	.fg-large {
    width: 100%;
    min-height: 200px;
    margin-bottom: 30px;
  }
  .fg-small {
    width: 100%;
  }
  .fg-small-image {
    padding-bottom: 40%;
    min-height: 200px;
  }

	.page-block {
    width: 100% !important;
  }
	.page-block-full {
    width: 100%;
    display: block;
  }
  .pb-heading {
    display: inline-block;
    width: 50%;
  }
  .page-block-full .pb-heading {
    display: block;
    width: 100%;
  }
	.page-block-guides .pb-heading {
    display: inline-block;
    width: 50%;
    float: left;
  }
  .pb-text {
    display: inline-block;
    width: 50%;
  }
  .facility-row-2 .pb-text {
  	width: 100%;
  	border-top: 0;
  }
  .pb-col {
    display: inline-block;
    width: 50%;
    border-top: 0;
  }
	.page-block-guides .pb-col {
    display: inline-block;
    width: 50%;
    border-top: 2px solid #887650;
  }

	.page-image-column,
  .page-image-columns.third-short .page-image-column {
    width: 100%;
    padding-bottom: 40%;
    min-height: 200px;
  }

	.gallery-entry.long {
    width: 100%;
    padding-bottom: 33.68%;
  }
  .gallery-entry {
    width: 100%;
    min-height: 200px;
  }
	.gallery-filter:before {
    width: 14px;
    height: 14px;
  }
  .gallery-filter-heading span, .gallery-filter span {
    font-size: 1.8em;
  }


	.page-column {
    width: 100%;
    margin-right: 0;
  }
  .pc-image {
    padding-bottom: 30%;
  }
  .pc-title {
    min-height: unset;
    padding-bottom: 20px;
  }

  .page-image-columns-desktop {
    display: none;
  }
  .page-image-columns-mobile {
    display: block;
  }
	.page-image-column .pic-caption, .page-image-column:hover .pic-caption {
    font-size: 4.5em;
    bottom: 25px;
    transition: none;
  }
  .page-image-column:hover:before {
		opacity: 1;
		transition: none;
	}

	.text-over-image-row {
    padding-bottom: 70%;   
  }
  .toi-text {
  	width: 85%;
    max-width: 400px;
  }

	.hb3-textbox {
    width: 50%;
    max-width: 300px;
    position: absolute;
    top: 50%;
    right: unset;
    left: 50%;
    transform: translate(-50%,-50%);
    padding: 20px 0;
    margin: 0;
    background-color: rgba(0,10,10,0.7);
    color: black;
  }
	#hb3 {
    background-size: cover;
    border-bottom: 20px solid #525C5F;
    border-top: 20px solid #525C5F;
    padding-bottom: 50%;
    overflow: visible;
    min-height: 300px;
    background-position: left center;
  }
	.hb-heading.hb3-heading {
    margin-bottom: 0;
    font-size: 2.8em;
  }
	#hb3 .hb-more {
		min-width: unset;
		padding: 10px;
	}
	.hb3-icon {
    width: 30px;
  }


	#hb6 {
    padding: 20px;
  }
  .hb-heading.hb6-heading {
  	padding-left: 1.1%;
  }
	.hg-entry-group-1 {
    float: none;
    width: 100%;
    margin-right: 0;
    margin-bottom: 1.8%;
  }
	.hg-entry-group-2 {
		float: none;
    width: 100%;
    margin-bottom: 10px;
  }

	.home-block-half {
    display: block;
    width: 100%;
  }
  .home-block-half#hb1 {
    min-height: 400px;
  }
  .home-block-half#hb2 {
  	padding-bottom: 65%;
  	min-height: 400px;
  }

  .footer-wrapper {
  	padding: 30px 0;
  }
	.footer-col.footer-left {
    float: left;
    width: 50%;
  }
  .footer-logo {
  	width: unset;
  	height: unset;
  }
	.footer-middle {
    float: left;
    width: 50%;
    clear: left;
    margin-top: 50px;
  }
	.footer-right {
    width: 50%;
    min-width: unset;
    padding: 0 0 0 10%;
    margin-top: -10px;
  }
	.footer-menu ul {
    float: none;
    width: 100%;
  }


	/* Home */
	body {
		font-size: 45%;
	}

	.header-logo {
		float: none;
		margin: 0 auto;
		width: 100%;
		max-width: 200px;
		text-align: center;
	}
	.grids, .grid-left, .grid-right,
	.benefits, .benefits-left, .benefits-right {
		display: block;
		width: 100%;
	}
	.form-left, .form-right,
	.footer-top-left, .footer-top-right,
	.footer-bottom-left, .footer-bottom-right {
		float: none;
		width: 100%;
	}
	.benefits-right {
		background-position: left top;
		margin-top: 30px;
	}
	.section-benefits, .section-book {
		padding-bottom: 0;
	}
	.step {
		width: 49%;
		margin-right: 2%;
	}
	.step:nth-child(2n+2) {
		margin-right: 0;
	}
	.form-name input {
		font-size: 6em;
	}
	.form-age label {
		padding-right: 20px;
	}
	.form-left {
		padding-right: 0;
	}
	.form-right {
		padding-left: 0;
		margin-top: 30px;
	}
	.footer-form-name, .footer-form-phone {
		width: 100%;
	}
	.footer-form-code {
		position: static;
		width: 100%;
		height: auto;
		margin-bottom: 20px;
		text-align: left;
	}
	.captcha-reload-image {
		width: 20px;
		height: 20px;
	}
}



@media (max-width:600px) {

	.image-overlay-enlarge .image-overlay-icon, .image-overlay-download .image-overlay-icon, .image-overlay-play .image-overlay-icon {
    width: 40px;
    height: 40px;
  }
	
	.calendar-button, .calendar-filter-text, .cf-submit, .cf-field input, .cf-field select {
		height: 25px;
		padding: 0 15px;
	}
	.calendar-filter-text {
    background-size: 16px 16px;
  }
	.calendar-filter-text .cf-submit {
    top: 0;
    right: -2px;
		width: 80px;
		height: 21px;
    font-size: 15px;
    padding: 0;
  }
  .calendar-button, .calendar-filter-text, .calendar-filter {
    width: 240px;
  }
  .calendar-filter-text .cf-text {
  	height: 21px;
    font-size: 16px;
    padding: 0 38px 0 18px;
    margin-left: 0;
  }
  .cf-field select {
    width: 180px;
  }
	.calendar-button {
    font-size: 15px;
    line-height: 1.5;
  }

	.pb-image-half {
    width: 100%;
    min-height: 200px;
  }

	.hc-image-overlay {
    padding: 10px;
  }
	.hc-image-overlay-inner {
    border: 2px solid #E4A924;
  }
  .hio-text, .cio-text {
    font-size: 2.5em;
  }
  .hio-dot, .cio-dot {
    width: 6px;
    height: 6px;
  }

	.page-block {
    display: block;
  }
  .pb-text {
  	border-top: 0;
  }
	.pb-col {
    width: 100%;
    padding-left: 10px;
    margin-top: 20px;
  }
  .page-block-guides .pb-heading, .page-block-guides .pb-col {
    display: block;
    width: 100%;
  }
  .page-block-guides .pb-col {
    border-top: 0;
  }


	.fr-middle {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }
  .fr-right {
    width: 100%;
  }
	.fr-plan-image {
    padding-bottom: 45%;
    min-height: 200px;
  }

	.hb-heading.hb3-heading {
    margin-bottom: 0;
    font-size: 2.4em;
  }
	#hb3 .hb-more {
		min-width: unset;
		padding: 5px;
	}
	.hb3-icon {
    width: 25px;
  }

	#hb4 .hc-image, #hb4 .hc-text {
    width: 90%;
    margin: 20px auto;
  }
	#hb4 {
		padding: 30px 10px;
	}
	#hb4 .hc-entry {
    padding: 0 20px;
  }
	#hb4 .home-conferences .bx-wrapper .bx-controls-direction a {
    width: 30px;
    background-size: 75%;
  }
}

@media (max-width:500px) {

	.page-image-column .pic-caption, .page-image-column:hover .pic-caption {
    font-size: 3.8em;
  }

	.hg-entry-group {
    height: auto;
    padding-bottom: 0;
  }
	.hg-entry {
    position: relative;
    padding-bottom: 30%;
    min-height: 150px;
    width: 100% !important;
    left: 0 !important;
    right: 0 !important;
    margin-bottom: 10px;
  }
  .hg-entry-image {
    position: absolute;
    width: 100% !important;
    left: 0 !important;
    right: 0 !important;
    height: 0 !important;
    padding-bottom: 30%;
    min-height: 150px;
    background-size: cover !important;
  }
	.hg-entry-text {
    top: 50% !important;
    transform: translateY(-50%);
  }

	.page-submenu li:hover a:before, .page-submenu li:hover span.parent:before, .page-submenu li a:before, .page-submenu li span.parent:before {
    top: 8px;
    width: 6px;
    height: 6px;
  }
  .page-submenu li a:after, .page-submenu li:hover a:after {
    width: 22px;
    height: 22px;
    top: 0;
  }
  .page-submenu ul ul li a, .page-submenu li a, .page-submenu li span.parent {
    font-size: 2.4em;
  }
	.page-submenu li a, .page-submenu li span.parent {
    
  }
  .page-submenu ul ul {
    margin-left: 40px;
  }

	.gallery-entry-caption {
    height: 3em;
  }

	.header-logos {
		width: 100%;
	}
	body.fixed-header .header-logo-1 {
    width: 80px; /*20%;*/
    padding-right: 0;
    margin-right: 4%;
	}
	.mobile-element {
    max-width: 100%;
  }
	body.fixed-header .header-logo-2 {
    width: 170px; /*48%;*/
    height: 12%;
    padding-left: 5%;
  }

	.footer-col.footer-left {
    float: none;
    width: 50%;
    min-width: 200px;
  }
	.footer-middle {
    float: none;
    width: 100%;
    margin-top: 20px;
  }
	.footer-right {
    width: 100%;
		margin-top: 30px;
    padding-left: 12px;
  }
  .footer-menu a {
    font-size: 1.6em;
  }
  .copyright {
    font-size: 1.2em;
  }

	.hb-heading.hb5-heading {
    font-size: 5em;
  }
	.step {
		float: none;
		width: 100%;
		margin: 0 0 20px 0;
	}
}

@media (max-width:400px) {

	.pcl-list ol li:after {
    width: 25px;
    height: 25px;
  }

	.page-submenu.psi-submenu li a:after, .page-submenu.psi-submenu li:hover a:after {
    top: 0;
    width: 20px;
    height: 20px;
  }

	#hb4 .home-conferences .bx-wrapper .bx-controls-direction a {
    width: 20px;
  }

	.hio-dots, .cio-dots {
  	margin-top: 15px;
  }

	.pic-caption {
    font-size: 4em;
  }


	.header-top-wrapper.wrapper {
		width: 95%;
	}
	body.fixed-header .header-logo-1 {
    width: 60px; /*20%;*/
	}
	body.fixed-header .header-logo-2 {
    width: 150px; /*48%;*/
  }
	.main-menu-button {
    width: 30px;
    font-size: 9px;
  }
	.main-menu-button span {
    margin: 8px auto;
  }
	.main-menu-button span:last-child {
    margin-bottom: 4px;
  }

	.hb1-circle {
    background-size: 300px;
  }

}