@media (min-width: 1600px) {
    .home-slide {
        padding-bottom: 34.375%;
        height: 0;
    }
    .home-slide .wrapper {
        position: absolute;
        left: 5%;
        top: 0;
        width: 90%;
        height: 100%;
    }
}

@media screen and (max-width: 1600px) {
    .hs2-block:hover .hs2-block-inner-title-long {
        padding: 0 5px;
    }
    .hs2-block-inner-title-long {
        font-size: 1.8rem;
    }
}

@media screen and (max-width: 1500px) {
    .main-menu a,
    .main-menu span {
        font-size: 1.7em;
    }
    .home-areas-list {
        padding: 15px;
    }
    .home-areas-list-title {
        padding-right: 34px;
        font-size: 1.7rem;
    }
    .home-areas-list-title:after {
        width: 25px;
        height: 25px;
    }
    .main-menu>nav>ul>li.menu-item-has-children:after {
        width: 14px;
        height: 8px;
    }
    .main-menu>nav>ul>li.menu-item-has-children:hover:after {
        background-position: 0 -22px;
    }
    .new-entry-title {
        font-size: 1.2rem;
    }
    .home-section-4>.wrapper {
        max-width: 96%;
    }
    .home-section-title {
        font-size: 3rem;
    }
    .home-section-2 .wrapper {
        gap: 2%;
    }
    .hs2-block:before {
        padding-bottom: 106%;
    }
    .home-section-2-2 {
        width: 38%;
    }
    .hs2-block-inner-title:after {
        top: 50px;
        width: 26px;
        height: 26px;
    }
    .home-areas-list-person-name {
        font-size: 1.6em;
    }
    .home-areas-list-person {
        gap: 10px;
        padding: 10px;
    }
    html {
        font-size: 56%;
    }
    .bottom-menu a,
    .bottom-menu span,
    .footer-text {
        font-size: 1.7em;
    }
    .le-title,
    .main-menu a,
    .main-menu span {
        font-size: 2.2em;
    }
    .header-menu a {
        font-size: 1.9em;
    }
    .header-search form {
        padding: 6px 0;
    }
    .footer-logo {
        height: 50px;
    }
}


/* 1500px */

@media screen and (max-width: 1220px) {
    html {
        font-size: 49%;
    }
    .header-2 {
        position: relative;
    }
    .header-search-container {
        display: none;
    }
    .header-search-container.mobile {
        display: block;
        padding: 0 15px;
    }
    .header-logo {
        height: 56px;
    }
    .header-logo+.header-logo {
        padding-left: 24px;
        margin-left: 24px;
    }
    .main-menu-button {
        position: absolute;
        right: 5%;
        display: inline-block;
        z-index: 999;
        vertical-align: middle;
    }
    .menu-open .main-menu-button {
        right: 15px;
    }
    .main-menu-button-inner {
        width: 29px;
        height: 29px;
        position: relative;
        background-image: url(images/menu.png);
        background-repeat: no-repeat;
        background-size: contain;
        cursor: pointer;
    }
    .home .sticky .main-menu-button-inner span {
        background-color: #594BA6;
    }
    .main-menu-corner {
        width: 100%;
        padding: 0 20px;
    }
    .main-menu-container {
        display: block;
        position: fixed;
        top: 0;
        right: -300px;
        width: 100%;
        max-width: 300px;
        min-width: 300px;
        height: 100vh;
        margin-top: 0;
        margin-right: 0;
        padding-top: 120px;
        background-color: #fafafa;
        box-shadow: 0 0 5px #b0b0b0;
        -webkit-transition: right 0.25s ease-in-out;
        transition: right 0.25s ease-in-out;
        overflow-y: auto;
        z-index: 101;
    }
    .menu-open .main-menu-container {
        right: 0;
        overflow-y: scroll;
        -webkit-transition: right 0.25s ease-in-out;
        transition: right 0.25s ease-in-out;
        overflow: scroll;
    }
    .menu-open .main-menu-button-inner {
        background-image: url(images/close.png);
        width: 22px;
        height: 22px;
    }
    .main-menu {
        margin-top: 20px;
        padding-right: 0;
        overflow-y: auto;
        height: calc(100% - 120px);
    }
    .main-menu ul {
        display: block;
    }
    .main-menu>nav>ul>li {
        padding-right: 0;
    }
    .main-menu li.menu-home {
        padding-left: 15px;
        margin: 15px 0;
    }
    .main-menu>nav>ul>li:after {
        right: 15px;
        top: 21px;
    }
    .main-menu ul ul {
        top: unset;
        width: 100%;
        box-shadow: 0 0 0;
    }
    .main-menu>nav>ul>li.menu-item-has-children:after,
    .main-menu>nav>ul>li>ul>li.menu-item-has-children:after,
    .main-menu ul ul a:after,
    .main-menu ul ul span:after,
    .main-menu .sub-menu {
        display: none;
    }
    .main-menu li.menu-item-has-children.active>.sub-menu {
        display: block;
    }
    .main-menu ul ul li:hover {
        background-color: #fff;
    }
    .main-menu ul ul li:hover>a,
    .main-menu ul ul li:hover>span {
        color: #080344;
    }
    .main-menu li.menu-item-has-children a {
        width: 100%;
    }
    .main-menu span.dropdown-btn {
        display: block;
    }
    .main-menu li:hover>span,
    .main-menu ul ul span {
        position: absolute;
    }
    .dropdown-btn {
        position: absolute;
        right: 22px;
        top: 11px;
        width: 30px;
        height: 30px;
        padding: 0 !important;
        background: url(images/menu-arrow-sprite.png) no-repeat 8px 12px;
        background-size: 14px auto;
    }
    li.menu-item-has-children li.menu-item-has-children .dropdown-btn {
        top: 9px;
        right: 20px;
    }
    .dropdown-btn.active {
        transform: rotate(180deg);
    }
    li.menu-item-has-children.active>ul,
    .main-menu ul li.menu-item-has-children.active ul {
        position: relative;
        opacity: 1;
    }
    .main-menu>nav>ul>li>ul>li.menu-item-has-children {
        padding-right: 0;
    }
    .main-menu ul ul ul {
        left: unset;
        background-color: #edecf2;
    }
    .main-menu ul ul a:after,
    .main-menu ul ul span:after {
        left: 0;
        width: 100%;
    }
    .main-menu ul li:hover ul {
        pointer-events: auto;
    }
    .main-menu>nav>ul>li.active:after {
        transform: rotate(180deg);
    }
    .header-search-text {
        background-color: transparent;
        padding: 8px 0 0 0;
        font-size: 2.2em;
    }
    .home-slide {
        height: 440px;
    }
    a.home-section-title:after {
        width: 25.6px;
        height: 25.6px;
        top: unset;
        display: inline-block;
        vertical-align: middle;
    }
    .main-menu-mask {
        position: absolute;
        display: none;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.6);
        z-index: 100;
    }
    body.menu-open {
        overflow: hidden;
    }
    body.menu-open .main-menu-mask {
        display: block;
    }
    .hs2-block:hover .hs2-block-inner-title:after {
        opacity: 1;
        top: 49px;
    }
    .main-menu>nav>ul>li:hover::after {
        background-position: 0px -22px;
    }
    .main-menu li:hover>span {
        z-index: 10;
    }
    .main-menu>nav>ul>li:after {
        z-index: 1;
    }
    .hs2-blocks {
        width: 90%;
        max-width: 768px;
        margin: auto;
    }
    .header-search-submit {
        background-position: right;
    }
    .footer-2 .wrapper {
        gap: 3%;
    }
    .footer-2-1 {
        width: 70%;
    }
    .main-menu ul ul li:hover>a,
    .main-menu ul ul li:hover>span {
        color: #fff;
    }
}


/* 1220px */

@media screen and (max-width: 1024px) {
    .home-area-title {
        font-size: 1.8rem;
    }
    .home-area-title-1 {
        transform: translate( -72%, 0);
    }
    .home-area-title-2 {
        transform: translate(-108%, -50%);
    }
    .home-area-title-5 {
        transform: translate(110%, -50%);
    }
    .home-area-title-6 {
        width: 170px;
    }
    .home-section-2 .wrapper,
    .home-section-3 .wrapper {
        gap: 0;
        flex-wrap: wrap;
    }
    .footer-2 .wrapper,
    .column-entries,
    .footer-1,
    .bottom-menu>nav {
        flex-wrap: wrap;
    }
    .footer-2 .wrapper {
        padding: 0;
    }
    .footer-2-1 {
        width: 100%;
    }
    .footer-2-2 {
        width: 38%;
    }
    .footer-2-2 img {
        width: 75%;
    }
    .footer-2-3 {
        width: 100%;
        margin-top: 3em;
    }
    .home-section-2-1,
    .home-section-3-1,
    .home-section-3-2 {
        width: 100%;
    }
    /*
    .footer-2-1 img {
        width: 100%;
        max-width: 100%;
        margin-left: 0;
    }*/
    .footer-2-2 img {
        width: 90%;
    }
    .bottom-menu>nav>ul>li>span {
        display: block;
        position: relative;
        cursor: pointer;
    }
    .bottom-menu>nav>ul>li>span:after {
        display: block;
        position: absolute;
        content: '';
        right: 0;
        top: 19px;
        margin-top: -3px;
        width: 16px;
        height: 9px;
        background: url(images/menu-arrow-sprite-white.png) no-repeat 0 0;
        background-size: 100% auto;
        cursor: pointer;
    }
    .bottom-menu>nav>ul>li.active>span {
        cursor: pointer;
    }
    .bottom-menu>nav>ul>li.active>span:after {
        background-position: 0 -25px;
    }
    .bottom-menu a,
    .bottom-menu span {
        font-size: 1.8em;
    }
    .bottom-menu>nav>ul>li>ul {
        display: none;
    }
    .home-section-title {
        margin-bottom: 2%;
        margin-top: 4%;
    }
    .column-entry {
        width: 49%;
        margin-top: 3em;
    }
    .bottom-menu>nav>ul {
        width: 100%;
    }
    .bottom-menu>nav>ul:nth-child(3) {
        display: flex;
        width: 100%;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .bottom-menu>nav>ul>li {
        position: relative;
        width: 100%;
    }
    .column-entry:first-child,
    .column-entry:nth-child(2) {
        margin-top: 0;
    }
    .home-section-5 {
        padding-top: 5%;
    }
    .footer-1-1,
    .footer-1-2 {
        width: 100%;
    }
    .footer-1-1-2 {
        margin: 50px 0;
    }
    .home-section-2-2 {
        width: 100%;
        margin-top: 3em;
        margin-bottom: 3em;
    }
    .home-areas-outer {
        display: block;
    }
    .home-areas-container {
        margin: auto;
    }
    .home-area-leaf.desktop {
        display: none;
    }
    .home-area-leaf.mobile {
        display: block;
    }
    .home-areas-lists {
        display: none;
    }
    .home-areas-lists.mobile {
        display: block;
    }
    .home-areas-list.popup-content {
        position: relative;
        max-width: 500px;
        width: 90%;
        padding-top: 7em;
        opacity: 1;
        pointer-events: inherit;
        transform: unset;
        overflow: hidden;
    }
    .fancybox-enabled {}
    .fancybox-close-small:after {
        content: "×";
        position: absolute;
        top: 10px;
        right: 14px;
        width: auto;
        height: 30px;
        font: 31px / 28px Arial, Helvetica Neue, Helvetica, sans-serif;
        color: #888;
        font-weight: 300;
        text-align: center;
        border-radius: 50%;
        border-width: 0;
        background: transparent;
        transition: background .25s;
        box-sizing: border-box;
        z-index: 999;
    }
    /*
.home-areas-list-title:after {
display: none;
}*/
    /*  .home-areas-list .fancybox-close-small {
display: block;
position: absolute;
right: 3px;
top: 20px;
content: '';
width: 32px;
height: 32px;
margin-top: -16px;
background: url(images/icon-section-link.png) no-repeat center center;
background-size: contain;
background-color: transparent;
transition: transform 0.1s ease-in-out;
}*/
    .new-entry-title {
        font-size: 1.8rem;
    }
    .hs2-block-inner-title-long {
        font-size: 2.4rem 18.816px;
    }
    .main-menu ul ul {}
    .main-menu ul ul a:hover {
        color: #fff;
        background-color: #594ba6;
        cursor: pointer;
    }
    .hs2-block-inner-title-long {
        font-size: 2rem;
    }
    .content-school {
        padding: 30px;
    }
    .content-school .content-2col-image,
    .content-2col-image {
        padding-right: 0;
    }
	.content-2col-v2 {
        flex-wrap: wrap;
    }
	.content-2col-v2,
	.content-2col-text-v2,
	.content-2col-image-v2 {
        display: block;
		width: 100%;
    }
    .content-2col-image-v2 {
        padding: 0;
    }
    .custom-table table {
        width: 100%!important;
    }
    .page-id-22 .custom-table table th:nth-child(1) {
        width: 30%!important;
    }
    .page-id-22 .custom-table table th:nth-child(2),
    .page-id-22 .custom-table table th:nth-child(3) {
        width: 22%!important;
    }
    .profile-entry {
        width: 47%;
    }
    .pe-image {
        width: 160px;
    }
    .pe-image img {
        width: 140px;
        height: 186px;
    }
    .profile-entry {
        padding: 15px;
    }
}


/* 1024px */

@media screen and (max-width: 768px) {
	.excellence-entries .event-entry { display: block; gap:0;}
	.excellence-entries .ev-image {display:block;width:100%;margin-left:0;margin-right:0; margin-bottom:20px;padding:0;}
    .header-logo {
        height: 47px;
    }
    .header-logo+.header-logo {
        padding-left: 18px;
        margin-left: 18px;
    }
    .home-area-title {
        font-size: 1.8rem;
    }
    .home-area-title-1 {
        transform: translate( -72%, 0);
    }
    .home-area-title-2 {
        transform: translate(-108%, -50%);
    }
    .home-area-title-5 {
        transform: translate(110%, -50%);
    }
    .home-area-title-6 {
        width: 170px;
    }
    .hs2-blocks {
        flex-wrap: wrap;
    }
    .home-section-2-1 .hs2-block {
        width: 33.33%;
    }
    .home-section-2-1 .hs2-block:nth-child(4),
    .home-section-2-1 .hs2-block:nth-child(5) {
        width: 50%;
    }
    .hs5-top {
        display: block;
    }
    .home-social-links {
        justify-content: flex-start;
        margin-top: 3em;
    }
    .hs2-block-inner-title-long {
        font-size: 3rem;
    }
    .footer-logo {
        height: 43px;
    }
    .footer-logo+.footer-logo {
        margin-left: 2%;
    }
    .content-2col {
        flex-wrap: wrap;
    }
    .profile-top {
        flex-direction: column-reverse;
    }
    .content-school .content-2col-text,
    .content-school .content-2col-image,
    .content-2col-text {
        width: 100%;
        padding-right: 0;
    }
    .page-id-91 .content-2col-text {
        order: 2;
    }
    .page-id-91 .content-2col-image {
        order: 1;
    }
    .custom-table thead {
        display: none;
    }
    .custom-table td {
        display: block;
        width: 100%!important;
        border: 0;
        height: auto!important;
    }
    .custom-table tr {
        border-bottom: 1px solid #ccc;
        height: auto!important;
    }
    .custom-table td:before {
        display: block;
        width: 100%;
        content: attr(data-th);
        font-weight: 700;
        font-size: 1.2em;
    }
    .custom-table a {
        display: inline-block;
    }
    .content h3 {
        margin-bottom: 1em;
    }
    .profile-entries {
        gap: 20px;
    }
    .profile-entry {
        width: 100%;
    }
    h2.pe-heading {
        margin-top: 1em;
    }
    .accordion-details {
        padding-right: 0;
    }
    .accordion-images {
        gap: 4%;
    }
    .accordion-image {
        width: 48%;
    }
    .eb-date {
        width: 146px;
    }
    .eb-heading {
        width: calc(100% - 166px);
    }
    .slide .event-entry {
        flex-wrap: wrap;
    }
    .slide .ev-image {
        width: 300px;
        margin: 0 auto 3% auto;
    }
}


/* 768px */

@media screen and (max-width: 600px) {
    .header-logo {
        height: 35px;
    }
    .header-logo+.header-logo {
        padding-left: 13px;
        margin-left: 13px;
    }
    .footer-logo+.footer-logo {
        margin-left: 3%;
    }
    .footer-logo {
        height: 50px;
    }
    .footer-logo:nth-child(1) {
        margin-bottom: 5%;
    }
    .footer-logo:nth-child(2),
    .footer-logo:nth-child(4) {
        width: 60%;
    }
    .footer-logo:nth-child(3) {
        margin-left: 0;
    }
    .home-area-title-6 {
        transform: translate(82%, 0);
    }
    .bottom-menu>nav>ul,
    .bottom-menu>nav>ul:nth-child(3)>li {
        width: 100%;
    }
    .home-area-title {
        font-size: 1.6rem;
        width: 100px;
    }
    .home-area-title-6 {
        width: 115px;
    }
    .list-entries {
        margin-top: 3em;
    }
    .list-entry {
        flex-wrap: wrap;
        max-width: 350px;
        margin: auto;
    }
    .le-image,
    .le-text {
        width: 100%;
    }
    .le-text {
        padding: 10px 0 20px 0;
    }
    .list-entries.with-bg .list-entry {
        margin-bottom: 3em;
    }
    .list-entries.with-bg .le-text {
        padding: 20px;
    }
    .column-entry {
        width: 100%;
        margin-top: 3em;
        max-width: 350px;
        margin: 0 auto 3em;
    }
    .home-slide-heading {
        font-size: 3rem;
    }
    .event-block {
        padding: 30px 30px 30px 0;
    }
    @keyframes areaIcon1 {
        0% {
            transform: translate(0px);
        }
        50% {
            transform: translate(-2.5px, -5px);
            /* 調整為約 5pt */
        }
        100% {
            transform: translateY(0px);
        }
    }
    @keyframes areaIcon2 {
        0% {
            transform: translate(0px);
        }
        50% {
            transform: translate(-5px, -10px);
            /* 調整為約 5pt */
        }
        100% {
            transform: translateY(0px);
        }
    }
    @keyframes areaIcon3 {
        0% {
            transform: translate(0px);
        }
        50% {
            transform: translate(4px, -10px);
            /* 調整為約 5pt */
        }
        100% {
            transform: translateY(0px);
        }
    }
    @keyframes areaIcon4 {
        0% {
            transform: translate(0px);
        }
        50% {
            transform: translate(6px, -10px);
            /* 調整為約 5pt */
        }
        100% {
            transform: translateY(0px);
        }
    }
    @keyframes areaIcon5 {
        0% {
            transform: translate(0px);
        }
        50% {
            transform: translate(-2.5px, -10px);
        }
        100% {
            transform: translateY(0px);
        }
    }
    @keyframes areaIcon6 {
        0% {
            transform: translate(0px);
        }
        50% {
            transform: translate(6px, -10px);
        }
        100% {
            transform: translateY(0px);
        }
    }
    .hs2-block-inner-title-long {
        font-size: 2.8em;
    }
    .hs2-block:hover .hs2-block-inner-title:after {
        top: 60px;
    }
    .home-section-2-1 .hs2-block:before {
        padding-bottom: 35%;
    }
    .home-section-2-1 .hs2-block,
    .home-section-2-1 .hs2-block:nth-child(4),
    .home-section-2-1 .hs2-block:nth-child(5) {
        width: 100%;
        padding-bottom: 0;
    }
    .home-section-2-1 .hs2-block:hover .hs2-block-inner-title {}
    .home-section-2-1 .hs2-block:hover .hs2-block-inner-title:after {
        top: 40px;
    }
    .hs2-block {
        padding-bottom: 35%;
    }
    .home-section-2-2 .hs2-blocks-new .hs2-block {
        width: 100%;
        margin: 0 auto;
    }
    .new-entry-title {
        font-size: 2rem;
    }
    .hs2-block:before {
        padding-bottom: 100%;
    }
    .home-section-2-1 .home-section-title,
    .home-section-2-2 .home-section-title {
        margin-top: 4%;
        margin-bottom: 4%;
    }
    .area-icon {
        width: 45px;
        height: 45px;
        margin-right: 3%;
    }
    .accordion-topic {
        font-size: 2.2em;
        padding: 25px 25px 25px 0;
    }
    .accordion-topic>span:nth-child(2) {
        width: calc(97% - 45px);
    }
    .accordion-details {
        padding: 10px 20px 20px 0;
    }
    .accordion-details p {
        text-align: justify;
    }
    .accordion-topic:after {
        width: 13px;
        height: 7px;
    }
    .ev-date {
        width: 100px;
    }
    .content table th,
    .content table td {
        width: auto !important;
    }
    .content .profile-table th,
    .profile-education td:first-child {
        width: 100px !important;
    }
    .slide .ev-image {
        width: 100%;
    }
    .slider-container .event-entries {
        padding: 0 40px;
    }
    .accordion-areas-details .bx-wrapper .bx-controls-direction a {
        width: 30px;
        height: 31px;
    }
    .page-template-page-research-areas-new .accordion-topic:hover:after,
    .page-template-page-research-areas-new .accordion-topic-link:hover:after {
        background-size: 100% 48px;
    }
}


/* 600px */

@media screen and (max-width: 450px) {
    html {
        font-size: 45%;
    }
    .header-2 .wrapper {
        padding: 15px;
        width: 100%;
    }
    .header-logo {
        height: 30px;
    }
    .header-logo+.header-logo {
        padding-left: 8px;
        margin-left: 8px;
    }
    .home-area-title-6 {
        width: 97px;
    }
    .home-area-title-2 {
        width: 68px;
    }
    .home-area-title {
        font-size: 1.4em;
        width: 93px;
    }
    .footer-2-1 {
        width: 100%;
        margin-bottom: 3em;
    }
    .footer-logo {
        height: 42px;
    }
    /*
    .footer-2-1 img {
        width: 80%;
        max-width: 80%;
        margin-left: 0;
    }*/
    .footer-2-2 {
        width: 100%;
    }
    .footer-2-2 img {
        width: 70%;
    }
    .home-section-title {
        font-size: 3.2em;
    }
    .home-area-title {
        display: none;
    }
    .home-area-icon {
        width: 20%;
        padding-bottom: 20%;
    }
    .home-areas-container {
        width: 65%;
    }
    .new-entry-title {
        font-size: 1.8rem;
    }
    .home-slide-heading {
        font-size: 2.6em;
    }
    .home-slide-text {
        font-size: 1.9em;
    }
    .home-slide-image .wrapper {
        position: relative;
    }
    .wrapper-inner {
        position: absolute;
        top: auto;
        bottom: -15%;
        left: 50%;
        width: 92%;
        transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        z-index: 2;
    }
    .home-slide {
        height: 350px;
    }
    .hs2-block-inner-title-long {
        font-size: 2.4em;
    }
    .hs2-block:hover .hs2-block-inner-title:after {
        top: 52px;
    }
    .le-category {
        font-size: 1.8em;
        line-height: 1;
    }
    .hs2-block:focus .hs2-block-mask:before {
        opacity: 0;
    }
    .hs2-block:focus .hs2-block-mask:after {
        opacity: 1;
    }
    .no-scroll {
        overflow: hidden;
        height: 100%;
    }
    .content-school {
        padding: 20px;
    }
    .accordion-image {
        width: 100%;
        max-width: 300px;
        margin: auto;
    }
    .event-block {
        flex-wrap: wrap;
    }
    .eb-date {
        width: 150px;
        margin-bottom: 15px;
    }
    .eb-heading {
        width: 100%;
    }
    .accordion-images {
        display: block;
    }
    .accordion-image {
        display: block;
        width: 100%;
        max-width: 300px;
        margin: 0 auto;
    }
    .slider-container {
        padding: 3em 1em;
    }
    .accordion-areas-details .bx-wrapper .bx-controls-direction a.bx-next {
        right: 8px;
    }
    .accordion-areas-details .bx-wrapper .bx-controls-direction a.bx-prev {
        left: 8px;
    }
    .excellence-entries .ev-image a {
        width: 200px;
        height: 150px;
        margin: auto;
    }
    .accordion-areas-details .bx-wrapper .bx-controls-direction a {
        top: 107px;
    }

}


/* 450px */

@media screen and (max-width: 380px) {
    .header-logo {
        height: 28px;
    }
    .main-menu-button-inner {
        width: 22px;
        height: 22px;
    }
    .main-menu-button-inner span:nth-child(3) {
        top: 16px;
    }
    .main-menu-button-inner span:nth-child(2) {
        top: 8px;
    }
    .hs2-block-inner-title-long {
        font-size: 2em;
    }
    .hs2-block:hover .hs2-block-inner-title {
        top: -18px;
    }
    .home-section-2-1 .hs2-block:hover .hs2-block-inner-title:after {
        top: 25px;
    }
    .footer-logo+.footer-logo {
        margin-top: 5%;
        margin-left: 0;
        display: block;
    }
    .footer-logo:nth-child(1) {
        margin-bottom: 0;
    }
    .content .profile-table th,
    .profile-education td:first-child {
        width: 80px !important;
    }
}


/* 380px */

@media screen and (max-width: 350px) {
    .header-logo {
        height: 25px;
    }
	    .header-menu a {
        font-size: 1.5em;
    }
    .profile-entry {
        flex-wrap: wrap;
    }
    .pe-image {
        margin: auto;
    }
    .pe-text {
        width: 100%;
    }
    .excellence-entries .ev-image a {
        width: 180px;
        height: 135px;
    }
    .accordion-areas-details .bx-wrapper .bx-controls-direction a {
        top: 101px;
    }
}


/* 350px */