/* Large desktop */
@media (max-height: 900px) {
    #theme-layout {
        padding-left: 100px;
    }
    .president-ut-header-inner {
        padding: 30px 10px;
    }
    .president-ut-mobile-header-close {
        top: 30px;
    }
    .left-side-menu {
        width: 100px;
    }
    .top-logo-img {
        width: 44px;
    }
    .core-logo-img {
        width: 49px;
    }
    .bottom-logo-img {
        width: 23px;
    }
}
@media (max-height: 700px) {
    #theme-layout {
        padding-left: 60px;
    }
    .left-side-menu {
        width: 60px;
    }
    .president-ut-header-inner {
        padding: 20px 10px;
    }
    .president-ut-mobile-header-close {
        top: 20px;
    }
    .top-logo-img {
        width: 32px;
    }
    .core-logo-img {
        width: 37px;
    }
    .bottom-logo-img {
        width: 11px;
    }
    .entry-title {
        /*font-size: 22px;*/
        font-size: 16px;
    }
    .owl-carousel .president-ut-thumbnail {
        margin-left: 10px;
    }
    .sf-mobile-menu {
        font-size: 16px;
    }
    .sf-mobile-menu > li {
        padding-bottom: 15px;
        padding-top: 15px;
    }
    .single-post .president-ut-thumbnail {
        width: 250px;
        height: 250px;
    }
    .president-ut-filters.president-ut-dropdown-style {
        display: grid;
    }
    .president-ut-filters.president-ut-core-style .president-ut-filter-year-month li {
        margin-top: 0;
        margin-bottom: 5px;
    }
    .president-ut-filters.president-ut-dropdown-style .president-ut-filter-year-month {
        margin-left: 15px;
    }
}
@media (max-height: 600px) {
    .sf-mobile-menu > li {
        padding-bottom: 10px;
        padding-top: 10px;
    }
    .sf-mobile-menu,
    .sf-mobile-menu .president-ut-menu-children {
        font-size: 14px;
    }
    .sf-mobile-menu > li.menu-item-has-children > ul > li {
        height: 150px;
        padding: 20px 10px;
    }
    .president-ut-team-item {
        width: 210px;
    }
    .president-ut-team-item .team-member .president-ut-thumbnail {
        height: 256px;
    }
    .president-ut-team-item .team-member .member-content {
        top: 276px;
    }
}
@media (max-height: 550px) {
    .single-post .president-ut-single-image {
        float: none;
    }
}
@media (max-height: 520px) {
    .top-logo-img,
    .bottom-logo-img {
        display: none;
    }
    .core-logo-img {
        margin-bottom: 0;
    }
    .entry-media {
        height: 0;
        opacity: 0;
        overflow: hidden;
        margin-bottom: 0;
    }
    .owl-carousel .entry-media {
        height: 100% !important;
        opacity: 1;
        overflow: hidden;
    }
    .entry-content-outer {
        height: 100%;
    }
    .sf-mobile-menu > li.menu-item-has-children > ul > li,
    .sf-mobile-menu .president-ut-menu-children li.menu-item-has-children > ul li {
        padding: 20px 10px;
    }
    .president-ut-mobile-header-close {
        top: 10px;
    }
    .single-post .president-ut-thumbnail {
        width: 200px;
        height: 200px;
    }
}
@media (max-height: 500px) {
    .entry-title {
        /*font-size: 14px;*/
        font-size: 16px;
    }
    body {
        font-size: 18px;
    }
    .entry-meta .date {
        font-size: 20px;
        line-height: 24px;
    }
    .owl-item .post-content {
        padding: 15px;
    }
    .president-ut-team-item {
        width: 180px;
    }
    .president-ut-team-item .team-member .president-ut-thumbnail {
        height: 146px;
    }
    .president-ut-team-item .team-member .member-content {
        top: 166px;
    }
}
@media (max-height: 400px) {
    .owl-carousel .president-ut-thumbnail {
        margin-left: 5px;
    }
}
@media (max-width: 1500px) {
}
@media (max-width: 991px) {
    .single-post .president-ut-thumbnail {
        width: 200px;
        height: 200px;
    }
}
@media (min-width: 768px) {
    .sf-mobile-menu .president-ut-menu-children li.menu-item-has-children:hover > ul {
        margin: 0;
        padding: 0;
        position: absolute;
        top: 100%;
        left: 0;
        list-style: none;
        background: #0047be;
        display: flex;
        z-index: 99;
        height: 100%;
    }
    .sf-mobile-menu li.menu-item-has-children:hover > ul {
        visibility: visible;
        opacity: 1;
        z-index: 99;
    }
}
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    .left-side-menu {
        opacity: 0;
        width: 0;
        overflow: hidden;
    }
    #theme-layout {
        padding-left: 0;
    }
    #president-ut-mobile-header {
        opacity: 1;
        height: 60px;
    }
    .core-logo-img {
        margin-bottom: 0;
        width: auto;
    }
    .entry-media {
        height: 0;
        opacity: 0;
        overflow: hidden;
        margin-bottom: 0;
    }
    .owl-carousel .entry-media {
        height: 100% !important;
        opacity: 1;
        overflow: hidden;
    }
    #president-ut-mobile-header .president-ut-header-inner {
        padding: 10px 30px;
    }
    #president-ut-mobile-header .ut-header-icons.mobile-menu-icon,
    #president-ut-mobile-header .president-ut-header-lang a {
        display: block;
    }
    .president-ut-mobile-header-close {
        display: block;
        right: 30px;
        top: 25px;
        z-index: 999;
        padding: 0 10px;
    }
    .president-ut-header-menu-outer.left-side-menu {
        left: -100%;
        width: 100%;
    }
    .sf-mobile-menu {
        display: flex;
        width: 100%;
        height: 100%;
        align-items: center;
        justify-content: center;
    }
    .sf-mobile-menu > li {
        writing-mode: horizontal-tb;
        -webkit-writing-mode: horizontal-tb;
        -ms-writing-mode: horizontal-tb;
        display: flex;
        padding: 0;
        margin: 0;
        border: none;
        padding-left: 15px;
        padding-right: 15px;
        border-right: 1px solid #1d61d2;
        min-height: 100px;
        display: flex;
        align-items: left;
    }
    .sf-mobile-menu a {
        writing-mode: vertical-lr;
        -webkit-writing-mode: vertical-lr;
        -ms-writing-mode: vertical-lr;
        display: inline-table;
    }
    .sf-mobile-menu > li:after,
    .sf-mobile-menu > li:first-child:before {
        content: initial;
    }
    .sf-mobile-menu > li:first-child {
        padding-left: 0;
    }
    .sf-mobile-menu > li.menu-item-has-children > a:after {
        content: initial;
    }
    li.menu-item-has-children:after {
        content: '\f3d1';
        font-family: Ionicons;
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        font-weight: normal;
        font-size: 13px;
        opacity: 1;
        width: auto;
        height: auto;
        background: none;
        color: #ffffff;
        writing-mode: vertical-lr;
    }
    li.menu-item-has-children:hover:after {
        color: #ffb504;
    }
    .sf-mobile-menu ul {
        display: none;
    }
    li.menu-item-has-children > ul.president-ut-menu-children {
        position: fixed;
        top: 100%;
        left: 0;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #0047be;
        z-index: 99;
        margin: 0;
        padding: 0;
    }
    li.menu-item-has-children.active > ul.president-ut-menu-children {
        top: 0 !important;
        visibility: visible;
        z-index: 99;
        opacity: 1;
    }
    .president-ut-mobile-header-menu-back.active {
        visibility: visible;
        opacity: 1;
        z-index: 99999;
        padding: 0 10px;
    }
    li.menu-item-has-children ul.president-ut-menu-children li,
    .sf-mobile-menu .president-ut-menu-children li.menu-item-has-children > ul li {
        border-top: none;
        border-bottom: none;
    }
    li.menu-item-has-children ul.president-ut-menu-children li:first-child {
        border-left: none; 
    }
/*    .sf-mobile-menu .president-ut-menu-children a {
        display: block;
    }*/
    .sf-mobile-menu > li:last-child {
        border: none;
        margin-right: 0;
        padding-right: 0;
    }
    .president-ut-header-menu-outer .president-ut-header-inner {
        padding: 30px;
    }
    .mobile-opened .president-ut-desktop-header-close {
        display: none;
    }
    .entry-title {
        font-size: 20px;
    }
    .owl-carousel .owl-stage-outer {
        width: calc(100vw - 60px);
        padding-left: 0;
    }
    .president-ut-carousel.owl-carousel .carousel-thumb,
    .president-ut-carousel.owl-carousel .post-content {
        height: 50% !important;
    }
    .owl-carousel.president-ut-carousel .owl-nav {
        bottom: calc(50% + 15px);
    }
    .single-post .president-ut-thumbnail {
        width: 200px;
        height: 200px;
    }
    .president-ut-team-item {
        width: auto;
    }
    .president-ut-team-item .team-member .member-content {
        display: inline-block;
        position: relative;
        top: initial;
        transform: translateX(0%);
        left: initial;
        max-height: none;
    }
    .president-ut-team-item .team-member .president-ut-thumbnail {
        height: 100%;
        max-height: 356px;
        width: 270px;
        margin-bottom: 0;
        margin-right: 20px;
    }
    .president-ut-team-item .team-member .member-content {
        max-height: 356px;
    }
}
@media (max-width: 568px) {
    .entry-title {
        font-size: 14px;
    }
    body {
        font-size: 18px;
    }
    .entry-meta .date {
        font-size: 20px;
        line-height: 24px;
    }
    .owl-item .post-content {
        padding: 15px;
    }
}
/* Landscape phones and down */
@media (max-width: 480px) {
}