/*
@media screen and (max-width:1500px){
	.category-link span {
	    font-size: 2.5em;
	}
}
*/
            
            @media screen and (max-width:1250px) {
                .header-logo {
                    margin-top: 20px;
                }
                .main-menu-container {
                    margin-top: 0;
                }
                .language-switcher {
                    top: 20px;
                }
                #category-2 .content-block-title .title-left {
                    font-size: 2.6em;
                }
            }
            
            @media screen and (max-width:1150px) {
                #about .content-block-title .heading-en,
                #about .content-block-title .heading-ch {
                    display: block;
                }
                #about .content-block-title .heading-en {
                    padding-right: 0;
                    border-right: 0;
                }
                #about .content-block {
                    width: 100%;
                }
                .image-block {
                    width: 100%;
                    text-align: center;
                    margin-bottom: 7%;
                    margin-right: 0;
                }
                /*
  .contact-map.map-popup {
  	display: none;
  }
  .contact-map.map-newtab {
  	display: inline-block;
  }
  */
                html.lang-en .category-link.cl-2 span {
                    width: 170px;
                }
                html.lang-en .category-link.cl-4 span {
                    width: 110px;
                }
                html.lang-en .category-link.cl-5 span {
                    width: 180px;
                }
                /*
  .category-link span,
  html.lang-en .category-link span {
  	font-size: 2em;
  }
  */
            }
            
            @media screen and (max-width: 995px) {
                .contact-map,
                .contact-text {
                    display: inline-block;
                    vertical-align: top;
                }
                .contact-block {
                    padding: 10px 20px;
                }
            }
            
            @media screen and (max-width: 950px) {
                .main-menu-container {
                    padding: 0;
                }
                .language-switcher {
                    left: 25px;
                    top: 20px;
                }
                .header-logo {
                    padding-bottom: 20px;
                }
                .header-logo img {
                    width: 300px;
                    /*230px*/
                    height: auto;
                }
                .main-menu-button {
                    display: block;
                }
                .main-menu-close {
                    display: block;
                }
                .main-menu {
                    position: fixed;
                    top: 0;
                    right: 0;
                    width: 240px;
                    height: 100%;
                    padding-top: 0;
                    margin-top: 0;
                    background-color: #545759;
                    /*#484848;*/
                    font-size: 1.1em;
                    z-index: 1000;
                    -ms-transform: translateX(100%);
                    transform: translateX(100%);
                    transition: transform 0.3s ease-in;
                }
                .main-menu.open {
                    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
                    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
                    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
                    overflow: auto;
                    -ms-transform: none;
                    transform: none;
                    transition: transform 0.3s ease-out;
                }
                .main-menu span.triangle {
                    display: none !important;
                }
                .main-menu ul li {
                    float: none;
                }
                .main-menu li {
                    display: block;
                    height: auto;
                    min-height: 30px;
                    padding: 0;
                    border-right: 0;
                    margin: 0;
                }
                .main-menu li.active,
                .main-menu li:hover {
                    background-color: #484848;
                }
                .main-menu li:hover ul {
                    display: none;
                }
                .main-menu li.active ul {
                    display: block;
                }
                .main-menu li a {
                    display: block;
                    width: 100%;
                    font-size: 1.4em;
                    padding: 15px 15px 15px 50px;
                    color: #FFF;
                }
                .main-menu li ul {
                    position: relative;
                    width: 100%;
                }
                .main-menu li ul li,
                .main-menu li ul li:hover,
                .main-menu li ul li.active {
                    background-color: transparent;
                }
                .main-menu li ul li a {
                    padding: 0px;
                    color: #545759;
                }
                .main-menu li ul li.active a,
                .main-menu li ul li:hover a {
                    color: #545759;
                    font-weight: 600;
                }
                .main-menu li.login a {
                    background-position: 15px 10px;
                }
                .main-menu>ul>li,
                .main-menu>ul>li:last-child {
                    border: none;
                }
                .main-menu .drop-down {
                    position: relative;
                    margin: 0;
                    border: none;
                }
                /*
	.drop-down:before {
		display: none;
	}*/
                .main-menu ul li .drop-down ul {
                    float: none;
                    width: 100%;
                }
                .category-link span {
                    font-size: 1.6em;
                }
                #category .page-heading {
                    padding-left: 40px;
                }
                /* .ccc-block {
		display: none;
	} */
                #category .content-block.ccc-block {
                    margin-top: -20px;
                }
                .ccc-block .category-link span {
                    display: none;
                }
                .ccc-block-mobile {
                    display: block;
                }
                .ccm-cols {
                    padding: 20px 40px;
                    max-width: 800px;
                }
                .ccm-links {
                    display: inline-block;
                    vertical-align: top;
                    padding-right: 30px;
                    list-style: disc;
                }
                .ccm-links-1 {
                    width: 55%;
                }
                .ccm-links-2 {
                    width: 43%;
                }
                .ccm-link {
                    display: list-item;
                    color: #039aa1;
                    font-size: 2em;
                    line-height: 1.8;
                    margin-left: 1em;
                    margin-top: 0.5em;
                }
                .category-banner {
                    width: 100%;
                }
                .category-banner img {
                    display: block;
                    width: 100%;
                    max-width: none;
                }
                #category-2 .content-block {
                    float: none;
                    width: 100%;
                    padding: 0;
                    margin: 0 auto;
                }
                #category-2 .content-block-title {
                    display: none;
                }
                #category-2 .content-block-title-mobile {
                    display: block;
                }
                .header {
                    min-height: auto;
                }
                .header-logo-container {
                    float: right;
                    width: auto;
                }
                .contact-whatsapp,
                .contact-facebook {
                    margin-top: 70px;
                }
            }
            
            @media screen and (max-width: 900px) {
                .contact-block {
                    width: 90%;
                }
                .contact-heading {
                    letter-spacing: 15px;
                }
                .syndrome-block {
                    width: 100%;
                    margin-left: 10%;
                }
                #about .about-popup .content-block-title {
                    font-size: 2.2em;
                }
            }
            
            @media screen and (max-width: 750px) {
                #category .page-heading {
                    font-size: 3em;
                }
                .category-link span {
                    font-size: 1.2em;
                    padding-bottom: 20px;
                }
                #about .content-block {
                    float: none;
                    width: 100%;
                    margin: 20px auto;
                    padding: 10px 25px;
                }
                .popup-heading,
                .popup-text {
                    width: 100%;
                    float: none;
                }
                .popup-heading {
                    margin-bottom: 20px;
                }
                .image-block img {
                    max-width: none;
                }
                .image-block {
                    transform: none;
                }
                .event-caption {
                    font-size: 20px;
                }
            }
            
            @media screen and (max-width: 700px) {
                .content-block-1c,
                .content-block-2c,
                .content-block-3c {
                    width: 45%;
                    padding-bottom: 45%;
                    margin: 2.5%;
                }
                .profile-row,
                .profile-left,
                .profile-right {
                    display: block;
                }
                .profile-row+.profile-row {
                    border-top: 1px solid #ccc;
                    padding-top: 40px;
                }
                .profile-left {
                    padding-bottom: 20px;
                }
                #category-2 .content-block-title .title-left,
                #category-2 .content-block-title .title-right {
                    display: block;
                    float: none;
                    width: 100%;
                }
                #category-2 .content-block-title .title-left {
                    font-size: 2em;
                }
                #category-2 .content-block-title .title-right {
                    padding-left: 30px;
                    text-align: left;
                    font-size: 1.8em;
                    margin-top: 15px;
                }
            }
            
            @media screen and (max-width: 665px) {
                #contact .content {
                    height: auto !important;
                    min-height: auto !important;
                }
                #contact .section {
                    position: relative;
                }
                .contact-block {
                    position: relative;
                    bottom: 0;
                    width: 100%;
                    padding: 10px 8%;
                    transform: translateY(0%);
                }
                .contact-content {
                    padding: 0;
                }
                .contact-heading {
                    font-size: 2.5em;
                    letter-spacing: 12px;
                }
                .contact-map,
                .contact-text {
                    width: 100%;
                    max-width: 100%;
                    margin-bottom: 40px;
                }
                .contact-map img {
                    width: 80%;
                    max-width: 80%;
                }
                .contact-map:before {
                    left: 15px;
                    bottom: -30px;
                    width: 80px;
                }
                .contact-heading {
                    display: none;
                }
                .contact-heading-mobile {
                    display: block;
                    padding: 20px 0;
                }
            }
            
            @media screen and (max-width: 650px) {
                #syndrome .page-heading {
                    font-size: 3em;
                    letter-spacing: 0.5em;
                }
                #syndrome .page-heading .ch {
                    margin-left: 0;
                }
                #syndrome .content-block-title.en {
                    padding-left: 50px;
                }
                #syndrome .content-block,
                #syndrome-2 .content-block {
                    float: none;
                    right: 0;
                    padding: 25px 20px;
                }
                #syndrome .block-left,
                #syndrome .block-right {
                    width: 100%;
                }
                .ccm-links {
                    width: 100%;
                }
            }
            
            @media screen and (max-width: 550px) {
                #category .page-heading {
                    font-size: 2.5em;
                    padding-left: 40px;
                }
                .contact-heading {
                    font-size: 2.1em;
                    letter-spacing: 11px;
                }
                .header {
                    min-height: 0;
                }
                .header-logo-container {
                    width: 100%;
                }
                .header-logo {
                    float: none;
                    width: 100%;
                    max-width: 200px;
                    margin: 20px auto 0 auto;
                    text-align: center;
                }
                .contact-whatsapp,
                .contact-facebook {
                    position: absolute;
                }
                .contact-facebook {
                    margin-left: 70px;
                }
                .contact-whatsapp img,
                .contact-whatsapp span,
                .contact-facebook img,
                .contact-facebook span {
                    margin-top: -5px;
                }
                .contact-whatsapp img,
                .contact-facebook img {
                    width: 30px;
                    height: 30px;
                }
                .copyright {
                    padding-right: 0;
                    text-align: center;
                }
            }
            
            @media screen and (max-width: 500px) {
                .contact-heading .heading-en,
                .contact-heading .heading-tc {
                    display: block;
                }
                .contact-heading .heading-en {
                    padding-right: 0;
                    border-right: 0;
                }
                .content-block-1c,
                .content-block-2c,
                .content-block-3c {
                    width: 100%;
                    padding-bottom: 60%;
                    margin: 5% 0;
                }
            }
            
            @media screen and (max-width: 400px) {
                #category .page-heading {
                    font-size: 2em;
                    padding-bottom: 80px;
                    padding-left: 20px;
                }
                .copyright {
                    font-size: 1.5em;
                    right: 20px;
                }
                .language-switcher,
                .main-menu-button {
                    top: 10px;
                }
                .language-switcher,
                .language-switcher a {
                    font-size: 14px;
                }
                .language-switcher li.lang-ch a {
                    font-size: 12px;
                }
                .header-logo {
                    position: relative;
                    left: 20px;
                    padding-bottom: 10px;
                    margin-top: 12px;
                }
                .contact-whatsapp,
                .contact-facebook {
                    margin-top: 60px;
                }
                .contact-whatsapp img,
                .contact-whatsapp span,
                .contact-facebook img,
                .contact-facebook span {
                    margin-top: -5px;
                }
                .about-profile {
                    margin: auto;
                }
                .profile-row,
                .profile-left,
                .profile-right {
                    width: 100%;
                }
                .profile-left {
                    padding-right: 0;
                }
                .lang-ch .event-caption {
                    font-size: 15px;
                }
            }
            
            @media screen and(max-width:450px) {
                a.contact-row-address {
                    top: 0;
                }
            }
            
            @media screen and (max-width: 365px) {
                .header-logo {
                    max-width: 180px;
                }
            }
            
            @media screen and (max-width: 330px) {
                .header-logo {
                    max-width: 130px;
                }
                .contact-whatsapp,
                .contact-facebook {
                    margin-top: 50px;
                }
            }