@media screen and (max-width: 1200px) {
    .header-mobile,
    .main-menu-top {
        display: block;
    }
    .header {
        position: relative;
    }
    .header-wrapper {
        width: 100%;
        padding: 0 20px;
    }
    .header-top {
        display: none;
    }
    #header.sticky {
        position: fixed;
        transform: translateY(0);
        -ms-transform: translateY(0);
    }
    .main-menu-top {
        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: 80px;
        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: 10;
    }
    .main-menu-button {
        position: absolute;
        right: 20px;
        top: 50%;
        display: block;
        z-index: 9999;
        transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
    }
    .main-menu-button-inner span {
        position: absolute;
        display: block;
        height: 2px;
        width: 100%;
        background-color: #333333;
        border-radius: 9px;
        opacity: 1;
        left: 0;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
    }
    .main-menu-button-inner span:nth-child(1) {
        top: 2px;
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
    .main-menu-button-inner span:nth-child(2) {
        top: 13px;
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
    .main-menu-button-inner span:nth-child(3) {
        top: 24px;
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
    .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/icon-close.png);
        background-repeat: no-repeat;
        background-size: contain;
    }
    .menu-open .main-menu-button-inner span {
        display: none;
    }
    .main-menu {
        margin-top: 10px;
    }
    .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;
    }
    li.menu-item-has-children.active>ul {
        position: relative;
        opacity: 1;
    }
    .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);
    }
    .fontsize-switcher {
        padding: 0;
        margin-bottom: 3px;
        display: inline-block;
        vertical-align: middle;
    }
    .fontsize-switcher a.fontsize-switch.large {
        font-size: 17px;
    }
    .fontsize-switcher a.fontsize-switch.medium {
        font-size: 15px;
    }
    .fontsize-switcher a.fontsize-switch.small {
        font-size: 12px;
        bottom: 1px;
    }
    .fontsize-switcher a span {
        display: block;
        line-height: 1;
    }
    .language-switcher {
        vertical-align: middle;
    }
    .language-chooser {
        margin-left: 11px;
        margin-right: 11px;
    }
    .language-chooser a {
        font-size: 15px;
        line-height: 1;
    }
    .large .language-chooser a {
        font-size: 16px;
    }
    .small .language-chooser a {
        font-size: 12px;
    }
    .fontsize-switch.small {
        background-image: url(images/small-b.png);
    }
    .fontsize-switch.medium {
        background-image: url(images/large-b.png);
    }
    .fontsize-switch.large {
        background-image: url(images/large-b.png);
    }
    .lang-tc,
    .lang-en {
        border-color: #000;
    }
    .header .main-menu>ul>li {
        display: block;
        width: 100%;
    }
    .main-menu>ul>li>ul>li>a {
        padding: 10px 20px;
        font-size: 2em;
    }
    .header .header-heading span,
    .header .main-menu>ul>li>a,
    .header .top-menu a {
        display: block;
        width: calc(100% - 40px);
        padding: 15px 20px;
        font-size: 15px;
        text-align: left;
    }
    .small .header .main-menu>ul>li>a,
    .small .main-menu>ul>li>ul>li>a {
        font-size: 12px;
    }
    .large .header .main-menu>ul>li>a,
    .large .main-menu>ul>li>ul>li>a {
        font-size: 17px;
    }
    .main-menu>ul>li.current-page-ancestor:before,
    .main-menu>ul>li.current-menu-item>a:before,
    .main-menu>ul>li:hover>a:before {
        display: block;
        position: absolute;
        left: calc(50% + 20px);
        bottom: 0;
        display: block;
        width: calc(100% + 40px);
        height: 4.5px;
        background: none;
        background-color: #0070d0;
        border: 0;
        transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        content: '';
    }
    .dropdown-btn {
        cursor: pointer;
    }
    .header .sub-menu {
        margin-top: 0!important;
    }
    .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: 9;
    }
    .sidebar-open .main {
        z-index: 3;
    }
    .main {
        padding-top: 0;
        margin-top: 0;
    }
    .header-search {
        background-color: #333;
    }
    .header-search:hover {
        background-color: #3170d0;
    }
    .dropdown-btn {
        position: absolute;
        right: 20px;
        top: 19px;
        width: 16px;
        height: 9px;
        padding: 0!important;
        background: url(images/menu-arrow-sprite.png) no-repeat 0 0;
        background-size: 100% auto;
    }
    li.open>.dropdown-btn {
        transform: rotate(180deg);
    }
    .main-menu ul {
        margin-top: 20px;
    }
    .main-menu>ul>li:hover>ul {
        display: none;
        margin-top: 0;
    }
    .main-menu>ul>li:hover>a:before {
        background-color: transparent;
    }
    .main-menu>ul>li>a {
        position: relative;
    }
    .main-menu>ul>li.open>a:before {
        display: block;
        background-color: #0070d0;
    }
    li.current-menu-item>a:before {
        border: 0;
    }
    .main-menu>ul>li>a {
        max-width: 100%;
    }
    .main-menu>ul>li.open>ul {
        position: relative;
        display: block;
        border: 0;
    }
    .main-menu>ul>li>ul:before {
        box-shadow: 0 0 0;
    }
    .main-menu>ul>li>ul {
        width: 100%;
    }
    .slide-caption {
        right: 2%;
        width: 70%;
    }
    /* End of menu styling */
    body {
        font-size: 45%;
    }
    .home-slider-container .bx-wrapper .bx-controls-direction a,
    .inpage-slider-container .bx-wrapper .bx-controls-direction a {
        width: 51px;
        height: 51px;
    }
    .slide-caption {
        border-radius: 44px 0 0 0;
        background-size: 56px;
    }
    .home-slider-container .bx-wrapper .bx-pager.bx-default-pager a,
    .inpage-slider-container .bx-wrapper .bx-pager.bx-default-pager a {
        width: 6px;
        height: 6px;
        margin: 0 12px;
    }
    .home-slider-container .bx-wrapper .bx-pager.bx-default-pager a.active:before,
    .inpage-slider-container .bx-wrapper .bx-pager.bx-default-pager a.active:before {
        width: 25px;
        height: 25px;
    }
    .hb-1 {
        padding-bottom: 3em;
        flex-wrap: wrap;
    }
    .hb-1-left {
        width: 100%;
    }
    .hb-1:after {
        display: none;
    }
    .hb-1-right {
        position: relative;
        width: 80%;
        margin-top: 4em;
        margin: auto;
        margin-top: 3em;
    }
    .hb-1-right:after {
        position: absolute;
        bottom: -11%;
        right: -8%;
        width: 93px;
        height: 120px;
        background-repeat: no-repeat;
        background-size: contain;
        background-image: url(images/image-pattern.png);
        z-index: -1;
        content: '';
    }
    .hb-2 {
        padding: 10em 0 24em 0;
    }
    .primary-btn {
        background-size: 12%;
    }
    .footer-left {
        width: calc(98% - 400px);
    }
    .footer-logo img {
        height: 40px;
    }
    .footer-right {
        width: 400px;
    }
    .fb-right img {
        height: 50px;
    }
    .footer {
        border-radius: 4.4em 4.4em 0 0;
    }
    .hpt-row h2:after {
        width: 56px;
        height: 3px;
    }
    .list-entry.accordion-heading {
        padding: 30px 13px;
    }
    .list-entries .accordion-icon,
    .list-entry:after,
    .le-style-2 .list-entry:after {
        top: 15px;
        right: 16px;
        width: 38px;
        height: 38px;
        margin-top: 5px;
        background-size: 14px auto;
        background-position: center top 13px;
        border-radius: 38px;
    }
    .list-entry:after {
        top: 24px;
    }
    .announcement-details {
        padding-left: 137px;
        padding-right: 60px;
    }
    .nav-arrow,
    .nav-number {
        width: 48px;
        height: 48px;
        line-height: 48px;
    }
    .nav-arrow {
        background-size: 6px auto;
    }
    .navigation {
        padding: 48px 0;
    }
    .news-date {
        background-size: auto 16px;
        padding-left: 25px;
    }
    a.crumb {
        margin-top: 5px;
    }
    .block-number {
        width: 64px;
        height: 64px;
        font-size: 3.5em;
    }
    .bt-icon {
        width: 14px;
        height: 14px;
        top: 4px;
        margin-right: 8px;
    }
    .bt-label {
        width: 80px;
    }
    .bt-text {
        width: calc(99% - 80px);
    }
    .block-entry {
        padding: 25px 30px 25px 80px;
    }
    .accordion-num {
        top: -38px;
    }
    .accordion-icon {
        margin-top: 2px;
    }
    .le-style-2 .list-entries .accordion-details .accordion-icon,
    .le-style-2 .accordion-details .list-entry:after {
        background-position: center top 10px;
    }
    .list-entries .accordion-heading {
        padding: 30px 13px;
    }
    .logged-in .main-menu-container {
        padding-top: 125px;
    }
    .le-style-2 .list-entries .accordion-icon,
    .le-style-2 .list-entry:after {
        top: 14px;
        background-position: center top 13px;
        top: 23px;
        right: 16px;
        width: 38px;
        height: 38px;
        margin-top: 0;
    }
    .page-template-page-announcements .list-entry:after {
        width: 38px;
        height: 38px;
        background-size: 14px auto;
    }
    .page-template-page-announcements .list-entry:after {
        top: 17px;
    }
    .le-style-2 .accordion-heading>span:first-child,
    .le-style-2 .le-title {
        width: calc(100% - 41px);
        padding-right: 10px;
    }
    .list-entry,
    .list-entries .accordion-heading {
        height: auto;
        padding: 30px 13px;
    }
    .list-entries .accordion-details .list-entry:after {
        top: 21px;
    }
    .hnr-day {
        padding-top: 7px;
    }
    .hnr-day.small-day {
        padding-top: 10px;
    }
    .quick-link:before {
        top: 15px;
        left: -15px;
    }
    .ql-left,
    .ql-right {
        -ms-flex-preferred-size: 47%;
        flex-basis: 48%;
    }
    .ql-right:nth-child(2n+2) .quick-link:before {
        left: unset;
        right: -15px;
    }
    .main-menu-button-inner {
        height: 26px;
    }
    .file-link .icon,
    .accordion-details .icon {
        width: 20px;
        height: 20px;
    }
    .accordion-heading .file-name,
    .accordion-link .file-name {
        width: calc(98% - 20px);
    }
    /* .accordion-heading {
        display: flex;
        align-items: start;
    }*/
    .accordion-heading-inner,
    .accordion-heading a,
    .accordion-link a {
        width: 100%;
        max-width: 100%;
    }
    .accordion-lv3 .accordion-icon {
        margin-top: 5px;
    }
    .accordion-lv2 {
        margin-top: 1em;
    }
    .content>div:last-child {
        padding-bottom: 0em;
    }
    .home-icon {
        width: 13px;
        height: 13px;
        margin-top: 0px;
    }
    .link-block-inner {
        border-radius: 12px 0;
        -webkit-box-shadow: 12px 12px 0 #9db2d8;
        box-shadow: 12px 12px 0 #9db2d8;
    }
    .sidebar-col h2 {
        margin: 0 0 10px 0;
    }
    .print-btn {
        background-size: 11%;
    }
    .fontsize-switcher a.fontsize-switch.large {
        font-size: 17px;
    }
    .fontsize-switcher a.fontsize-switch.medium {
        font-size: 15px;
    }
    .fontsize-switcher a.fontsize-switch.small {
        font-size: 12px;
        bottom: 1px;
    }
    .fontsize-switcher a span {
        display: block;
        line-height: 1;
    }
    .language-switcher {
        vertical-align: middle;
    }
    .language-chooser {
        margin-left: 11px;
        margin-right: 11px;
    }
    .language-chooser a {
        font-size: 15px;
        line-height: 1;
    }
    .large .language-chooser a {
        font-size: 16px;
    }
    .small .language-chooser a {
        font-size: 12px;
    }
    .fontsize-switch.small {
        background-image: url(images/small-b.png);
    }
    .fontsize-switch.medium {
        background-image: url(images/large-b.png);
    }
    .fontsize-switch.large {
        background-image: url(images/large-b.png);
    }
    .language-chooser a {
        color: #333;
    }
    .sl-heading {
        width: calc(93% - 18px);
        margin-top: 4px;
    }
    .accordion-heading {
        position: relative;
    }
    .accordion-icon {
        position: absolute;
        right: 22px;
        top: 17px;
        float: unset;
    }
    .accordion-lv2 .accordion-icon {
        top: 12px;
    }
    .accordion-lv3 .accordion-icon {
        top: 13px;
        width: 14px;
        height: 14px;
        right: 2px;
        margin-top: 0;
    }
    .accordion-heading-inner,
    .accordion-heading a,
    .accordion-link a {
        padding-right: 30px;
        display: block;
    }
    .content {
        padding-bottom: 10em;
    }
    .custom-list-style li {
        padding-left: 22px;
    }
    .accordion-details ul,
    .accordion-details ol {
        padding-left: 28px;
    }
    .custom-list-style ol {
        padding-left: 11px;
    }
    #menu-main-menu-1>li.current-menu-item>a:before,
    #menu-main-menu-1>li.current-menu-parent>a:before,
    #menu-main-menu-1>li>ul>li.current-menu-item>a:before {
        display: none;
    }
}


/* 1200px */

@media screen and (max-width: 1024px) {
    .flex {
        flex-wrap: wrap;
    }
    .footer-left {
        width: 100%;
    }
    .footer-right {
        margin: 33px 0 15px 0;
        width: 100%;
    }
    .fb-right img {
        margin-top: 15px;
    }
    .copyright {
        text-align: left;
    }
    .has-sidebar>.wrapper {
        display: flex;
        flex-wrap: wrap;
    }
    .content-col {
        width: 100%;
        order: 2;
    }
    .sidebar-link {
        padding: 10px;
    }
    .sidebar-col a {
        font-size: 2.1em;
    }
    .sl-tab {
        width: 22px;
        height: 22px;
    }
    .has-sidebar {
        position: relative;
        padding-top: 5em;
    }
    .sidebar-button {
        position: absolute;
        top: 0;
        right: 0;
        display: block;
        width: 46px;
        height: 46px;
        background-color: #333;
        background-image: url(images/dots.png);
        background-repeat: no-repeat;
        background-size: 20px;
        background-position: center;
        z-index: 12;
        float: right;
    }
    .sidebar-col {
        display: block;
        position: fixed;
        top: 0;
        right: -300px;
        width: 100%;
        height: 100%;
        max-width: 300px;
        min-width: 300px;
        margin-top: 0;
        margin-right: 0;
        padding-top: 12px;
        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: 12;
    }
    .sidebar-open .sidebar-button {
        right: 300px;
        overflow-y: scroll;
        -webkit-transition: right 0.25s ease-in-out;
        transition: right 0.25s ease-in-out;
        overflow: scroll;
        right: 300px;
        background-image: url(images/close.png);
        z-index: 12;
    }
    .sidebar-open .sidebar-col {
        right: 0;
        overflow-y: scroll;
        -webkit-transition: right 0.25s ease-in-out;
        transition: right 0.25s ease-in-out;
        overflow: scroll;
        padding-top: 104px;
    }
    .sidebar-col.sticky {
        top: 82px;
        height: calc(100% - 82px);
    }
    .sidebar-open .sidebar-col.sticky {
        padding-top: 12px;
    }
    .sidebar-button.sticky {
        position: fixed;
        top: 200px;
    }
    .sidebar-col h2 {
        margin: 37px 0 10px 10px;
    }
    .sl-heading {
        width: calc(93% - 16px);
        margin-top: 2px;
    }
}


/* 1024px */

@media screen and (max-width: 960px) {
    .hn-left h2,
    .sec-heading {
        font-size: 4.5em;
    }
    .ql-icon {
        width: 64px;
        height: 64px;
    }
    a.crumb {
        display: none;
    }
    a.crumb:nth-child(2) {
        display: block;
        width: 41px;
    }
    a.crumb:first-child,
    a.crumb:last-child {
        display: block;
        width: auto;
    }
    a.crumb:last-child {
        width: calc(100% - 58px);
    }
    /*.list-entry {
                                height: 130px;
                            }*/
    .page-template-page-important-dates-php .le-title {
        width: calc(96% - 179px);
    }
    .page-template-page-important-dates-php .le-date {
        width: 170px;
    }
    .link-block {
        flex-basis: 48.5%;
    }
    .example-small-text p,
    .example-small-text li {
        font-size: 14px!important;
        line-height: 1.2;
    }
}


/* 960px */

@media screen and (max-width: 768px) {
    .slide-caption {
        font-size: 4em;
    }
    .home-slider-container .bx-wrapper .bx-controls-direction a,
    .inpage-slider-container .bx-wrapper .bx-controls-direction a {
        width: 35px;
        height: 35px;
        background-size: 18px;
    }
    .home-slider-container .bx-wrapper .bx-pager.bx-default-pager,
    .inpage-slider-container .bx-wrapper .bx-pager.bx-default-pager {
        bottom: calc(6% + 18px);
    }
    .header-logo {
        height: auto;
    }
    .header-logo img {
        max-height: 40px;
    }
    /*   .main {
                                            padding-top: 83px;
                                        }*/
    .hn-left,
    .hn-right {
        width: 100%;
    }
    .hn-left {
        position: relative;
    }
    .hn-left:before {
        right: 0;
        top: -10%;
        width: 15%;
        padding-bottom: 24.5%;
    }
    .hn-left h2 {
        margin-top: 0;
    }
    .hn-left h2:after {
        margin-bottom: 1em;
    }
    .hn-left .primary-btn {
        position: absolute;
        top: 30px;
        right: 0;
        z-index: 3;
    }
    .quick-link {
        margin-bottom: 6em;
    }
    .hb-2 {
        padding: 10em 0 15em 0;
    }
    .ql-text {
        top: 8%;
        left: 7%;
    }
    #backtotop {
        width: 45px;
        height: 45px;
    }
    .copyright>span {
        display: block;
    }
    .footer-contact span {
        width: calc(99% - 28px);
    }
    .slide-caption {
        padding: 3% 6% 3% 5%;
    }
    .list-entries-container {
        border: 24px solid white;
    }
    .page-top h1 {
        font-size: 4em;
    }
    .main>div:last-child {
        padding-bottom: 100px;
    }
    .show-num,
    .block-entry.show-num {
        padding: 25px;
        padding-top: 75px;
    }
    .text-block>div {
        overflow-x: auto;
        width: 100%;
    }
    .link-block {
        flex-basis: 100%;
        margin-bottom: 4em;
    }
    .example-top {
        flex-wrap: wrap;
    }
    .example-small-text {
        width: 100%;
        margin: 2% 0;
    }
}


/* 768px */

@media screen and (max-width: 650px) {
    .slide-caption {
        font-size: 3em;
    }
    .slide-caption {
        font-size: 3em;
        background-size: 36px;
    }
    .fancybox-close-small:after {
        right: 10px;
        top: 10px;
    }
    .le-date,
    .le-title {
        font-size: 2.2em;
    }
    .le-date {
        width: 100px;
    }
    .le-title {
        width: calc(100% - 137px);
    }
    .announcement-details {
        padding-left: 118px;
    }
    .announcement-details p {
        font-size: 2em;
    }
    .announcement-link,
    .list-entries .accordion-details .list-entry {
        padding: 22px 16px;
    }
    .announcement-link:after {
        width: 30px;
        height: 30px;
        top: 21px;
    }
    .list-entry.accordion-heading {
        padding: 15px 13px;
    }
    .announcement-details {
        padding: 15px 13px;
    }
    .le-date,
    .le-title {
        width: 100%;
    }
    .le-title {
        margin-top: 5px;
    }
    .list-entry,
    .list-entries .accordion-heading {
        flex-wrap: wrap;
        padding: 21px 13px;
    }
    .list-entries .accordion-icon,
    .list-entry:after {
        margin-top: 0;
    }
    .list-entry-inner {
        width: calc(100% - 50px);
    }
    .le-style-2 .list-entry:after {
        top: 4px;
    }
    .list-entry {
        height: auto;
    }
    .le-date,
    .page-template-page-important-dates-php .le-date {
        width: 100%;
    }
    .le-title,
    .page-template-page-important-dates-php .le-title {
        width: 100%;
    }
    .page-template-page-announcements .le-title {
        width: calc(100% - 41px);
    }
    .list-entry:after {
        margin-top: 10px;
    }
    .le-style-2 .list-entries .accordion-details .list-entry:after {
        top: 15px;
    }
    a.list-entry:after {
        right: 16px;
    }
    .le-style-2 .list-entries .accordion-icon,
    .le-style-2 .list-entry:after,
    .list-entries .accordion-icon,
    .list-entry:after,
    .le-style-2 .list-entry:after,
    .page-template-page-announcements .list-entry:after {
        top: 17px;
        width: 34px;
        height: 34px;
        background-position: center top 12px;
    }
    .text-block td,
    .text-block th {
        padding: 8px;
    }
    .default th,
    .default table>tbody:first-child td,
    .col-default tr td {
        vertical-align: top;
        text-align: left;
    }
}


/* 650px */

@media screen and (max-width: 525px) {
    .home-slider-container .bx-wrapper .bx-pager.bx-default-pager,
    .inpage-slider-container .bx-wrapper .bx-pager.bx-default-pager {
        bottom: calc(6% + 18px);
    }
    .header-logo img {
        max-height: 32px;
    }
    /*   .main {
                                            padding-top: 74px;
                                        }*/
    .hnr-content {
        width: 100%;
        margin-top: 14px;
    }
    .hnr-content .view-more {
        float: unset;
        text-align: left;
    }
    .hn-left h2,
    .sec-heading {
        font-size: 3.5em;
    }
    .quick-link {
        flex-basis: 49%;
    }
    .copyright span span {
        display: block;
    }
    .block-number {
        width: 40px;
        height: 40px;
        font-size: 2.5em;
    }
    .block-entry {
        padding: 25px;
        margin-bottom: 40px;
    }
    .block-entry.show-num {
        padding: 53px 25px 25px 25px;
    }
    .block-heading {
        font-size: 3em;
    }
    .block-top-title h2 {
        font-size: 2.5em;
    }
    h2.accordion-heading,
    h2.accordion-link {
        padding: 15px;
    }
    .custom-table {
        width: 100%;
        overflow-x: auto;
        margin-bottom: 8px;
    }
    .accordion-row.has-num .sub-accordion-rows .accordion-heading span:nth-child(2) {
        width: 13px;
        margin-top: 5px;
    }
    .accordion-row.has-num .sub-accordion-rows .sub-accordion-rows .accordion-heading span:nth-child(2) {
        margin-top: 3px;
    }
    .sub-accordion-rows .accordion-heading span:first-child {
        width: calc(100% - 15px);
    }
    .accordion-num {
        font-size: 2em;
        top: -34px;
    }
    .sub-accordion-rows .accordion-heading,
    .sub-accordion-rows .accordion-details {
        padding: 12px 10px;
    }
    .text-block,
    .block-text {
        font-size: 90%;
    }
    .sub-accordion-rows .accordion-heading {
        padding: 12px 10px;
    }
    .sub-accordion-rows .accordion-heading span:nth-child(2),
    .accordion-row.has-num .sub-accordion-rows .accordion-heading span:nth-child(2) {
        width: 14px;
        margin-top: 4px;
    }
    .accordion-details {
        padding: 15px 10px;
    }
    .show-num,
    .block-entry.show-num {
        padding-top: 50px;
    }
    .ql-text {
        font-size: 3.2em;
    }
    .page-template-page-honesty-in-academic-work-a-guide-for-students-and-teachers-details .page-top {
        margin-bottom: 0em;
    }
    .sidebar-col h2 {
        margin: 20px 0 10px 10px;
    }
    .sidebar-col a:last-child {
        margin-top: 20px;
    }
}


/* 525px */

@media screen and (max-width: 450px) {
    .slide-caption {
        width: 100%;
        font-size: 2.2em;
        background-size: 36px;
        border-radius: 26px 0 0 0;
    }
    .footer-logo img {
        height: 33px;
    }
    .header-logo-1 {
        margin-right: 1.2vw;
    }
    .list-entries .accordion-icon,
    .list-entry:after,
    .announcement-link:after,
    .list-entries .accordion-details .list-entry:after {
        width: 26px;
        height: 26px;
        margin-top: 5px;
        background-size: 12px auto;
        background-position: center top 8px;
        margin-top: 0;
    }
    .le-style-2 .list-entries .accordion-icon,
    .le-style-2 .list-entry:after,
    .list-entries .accordion-icon,
    .list-entry:after,
    .le-style-2 .list-entry:after {
        top: 21px;
        width: 26px;
        height: 26px;
        background-size: 12px auto;
        background-position: center top 8px;
    }
    .announcement-link:after {
        top: 18px;
    }
    .nav-arrow,
    .nav-number {
        width: 30px;
        height: 30px;
        line-height: 30px;
    }
    .page-top h1 {
        font-size: 3.5em;
    }
    .le-style-2 .list-entries .accordion-icon,
    .le-style-2 .list-entry:after,
    .list-entries .accordion-details .list-entry:after {
        background-position: center top 8px;
    }
    .list-entries-container {
        border: 15px solid white;
    }
    .le-style-2 .list-entries .accordion-details .list-entry:after {
        top: 21px;
    }
    .le-style-2 .accordion-heading>span:first-child,
    .le-style-2 .le-title {
        display: inline-block;
        width: calc(100% - 40px);
    }
    .ql-left,
    .ql-right {
        flex-basis: 100%;
    }
    .quick-links {
        width: 90%;
        margin: auto;
    }
    .ql-right {
        margin-top: 0em;
    }
    .sidebar-button {
        width: 40px;
        height: 40px;
    }
    .expand-all {
        display: flex;
        flex-wrap: wrap;
    }
    .print-btn {
        margin-top: 10px;
    }
    .expand-all {
        justify-content: end;
    }
    .expand-btn,
    .collect-btn {
        order: 2;
        margin-top: 0;
        margin-left: 10px;
    }
    .print-btn {
        order: 1;
        margin-right: 0;
        margin-top: 0;
    }
    .text-block.show-link-icon a {
        text-align: left;
    }
    .text-block.show-link-icon a:before {
        width: 15px;
        height: 15px;
    }
    .text-block.show-link-icon a {
        padding-left: 22px;
    }
}


/* 450px */

@media screen and (max-width: 375px) {
    .header-logo-1 {
        width: 41px;
        overflow: hidden;
        margin-right: 1vw;
    }
    .footer-logo {
        display: block;
    }
    .footer-logo:first-child {
        border: 0;
        margin-bottom: 10px;
    }
    .footer-right {
        margin: 22px 0 0 0;
    }
    .header-middle {
        padding: 15px 0;
    }
    /* .main {
                                            padding-top: 5px;
                                        }*/
    .header-wrapper {
        padding: 0 10px;
    }
    .main-menu-button {
        right: 15px;
    }
    .main-menu-button-inner {
        width: 22px;
        height: 20px;
    }
    .main-menu-button-inner span:nth-child(1) {
        top: 1px;
    }
    .main-menu-button-inner span:nth-child(2) {
        top: 9px;
    }
    .main-menu-button-inner span:nth-child(3) {
        top: 17px;
    }
    .print-btn,
    .expand-btn,
    .collect-btn {
        font-size: 1.8em;
        padding: 6px 36px 6px 12px;
    }
}


/* 375px */