@charset "UTF-8";
@media screen and (max-width: 1450px) {
    .main-menu>ul>li>a {
        padding: 20px 10px 20px 10px;
    }
    .main-menu>ul>li:hover>a:after {
        width: calc(100% - 20px);
    }
    .main-menu a {
        text-align: left;
    }
    .main-menu>ul>li.menu-item-has-children>ul {
        padding: 15px 25px;
    }
    .main-menu>ul>li:nth-child(5)>ul>li,
    .main-menu>ul>li:nth-child(4)>ul>li,
    .main-menu>ul>li:nth-child(6)>ul>li,
    .menu-col {
        padding-left: 20px;
    }
    .header-logo img {
        max-height: 70px;
    }
}


/* 1450 */

@media screen and (max-width: 1220px) {
    .jump-to {
        display: block;
        margin-bottom: 1em;
    }
    .inpage-link {
        margin-bottom: 1em;
    }
    .white-col .sec-heading:before {
        margin-top: 11px;
    }
    .white-col .sec-heading {
        font-size: 4em;
    }
    .primary-btn:before {
        width: 25px;
        height: 25px;
    }
    .white-col .primary-btn {
        padding: 13px 20px;
    }
    .main-menu>ul>li.menu-item-has-children>ul>li>a {
        font-size: 18px;
    }
    .main-menu>ul>li:nth-child(5)>ul>li,
    .main-menu>ul>li:nth-child(4)>ul>li,
    .main-menu>ul>li:nth-child(6)>ul>li,
    .menu-col {
        padding-left: 15px;
    }
    .sbi-theme:not(.sbi-modern, .sbi-overlap)#sb_instagram .sbi_hover_top {
        font-size: 7px;
    }
	
	.page-template-page-publications .white-col {
        padding: 3% 0 0 0%;
    }
	
}


/* 1220 */

@media screen and (max-width: 1080px) {
    .header.light-theme .language-switcher li.active:after {
        background-color: #fff;
    }
    .language-switcher li.active:after {
        bottom: -5.5px;
    }
    .main-menu-button,
    .language-switcher-mobile,
    .fontsize-switcher-mobile,
    .header-search-mobile,
    .mobile {
        display: inherit;
    }
    .language-switcher-desktop,
    .fontsize-switcher-desktop,
    .header-search-desktop,
    .desktop {
        display: none;
    }
    body.menu-open .main-menu-mask {
        display: block;
    }
    .menu-button {
        position: absolute;
        top: 25px;
        right: 25px;
        display: inline-block;
        vertical-align: middle;
        z-index: 9999;
    }
    .menu-button-inner {
        width: 24px;
        height: 24px;
        position: relative;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: 0.5s ease-in-out;
        transition: 0.5s ease-in-out;
        cursor: pointer;
    }
    .menu-button-inner span {
        display: block;
        position: absolute;
        height: 2px;
        width: 100%;
        background-color: #fff;
        opacity: 1;
        left: 0;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: 0.25s ease-in-out;
        transition: 0.25s ease-in-out;
    }
    .menu-button-inner span:nth-child(1) {
        top: 7px;
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
    .menu-button-inner span:nth-child(2) {
        top: 14px;
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
    .menu-button-inner span:nth-child(3) {
        top: 21px;
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
    .menu-button-inner.open span:nth-child(1) {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        top: 3px;
        left: 4px;
    }
    .menu-button-inner.open span:nth-child(2) {
        width: 0%;
        opacity: 0;
    }
    .menu-button-inner.open span:nth-child(3) {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        top: 20px;
        left: 4px;
    }
    /* menu top */
    .header-top-menu {
        background-color: transparent;
        padding: 4em 0 2em 0;
    }
    .language-switcher-mobile,
    .fontsize-switcher-mobile {
        display: inline-block;
        border: 0;
        padding: 0;
        margin-right: 2em;
    }
    .fontsize-switcher a,
    .language-switcher a {
        color: #fff;
    }
    .fontsize-switcher a {
        padding: 5px;
    }
    .language-switcher {
        font-size: 2em;
    }
    .language-switcher li {
        margin-right: 10px;
    }
    .lang-en:after {
        top: 3px;
        left: 10px;
    }
    .header-search-mobile {
        display: inline-block;
    }
    .header-social-icons {
        border: 0;
        text-align: center;
    }
    /* end menu top */
    .main-menu-container {
        display: block;
        position: fixed;
        top: 0;
        right: -500px;
        width: 100%;
        max-width: 500px;
        min-width: 300px;
        height: 100%;
        background-color: rgba(36, 51, 59, 0.9);
        -webkit-transition: right 0.25s ease-in-out;
        transition: right 0.25s ease-in-out;
        z-index: 998;
    }
    body.menu-open .main-menu-container {
        right: 0;
        -webkit-transition: right 0.25s ease-in-out;
        transition: right 0.25s ease-in-out;
    }
    body.menu-open {
        overflow-y: hidden;
    }
    .main-menu {
        height: 70vh;
        overflow-y: scroll;
    }
    .main-menu>ul,
    .main-menu>ul>li {
        position: relative;
        display: block;
    }
    .main-menu a,
    .main-menu>ul>li>a {
        display: block;
        width: 100%;
        padding: 15px 10px;
        font-size: 14px;
        color: #fff;
    }
    .main-menu a:hover {
        background-color: #66b9d5;
    }
    ul#menu-main-menu li a {
        display: block;
        padding: 15px 20px;
        -webkit-transition: 0.25s ease-in-out;
        transition: 0.25s ease-in-out;
    }
    .main-menu>ul>li.menu-item-has-children>ul,
    .main-menu>ul>li>ul>li>ul {
        display: none;
    }
    .main-menu>ul>li.menu-item-has-children.open>ul,
    .main-menu>ul>li.menu-item-has-children>ul>li.open>ul {
        display: block;
        background-color: rgba(255, 255, 255, 0.15);
    }
    .main-menu>ul>li.menu-item-has-children>ul {
        padding: 0;
    }
    .main-menu li.menu-item-has-children {
        position: relative;
    }
    .main-menu>ul>li.menu-item-has-children:hover>a:after {
        display: none;
    }
    .main-menu .dropdown-btn {
        position: absolute;
        display: block;
        top: 12px;
        right: 10px;
        width: 24px;
        height: auto;
        font-size: 18px;
        color: #fff;
        text-align: center;
        cursor: pointer;
        -webkit-transition: all 0.2s ease-in;
        transition: all 0.2s ease-in;
        z-index: 1;
    }
    li.menu-item-has-children.open>.dropdown-btn {
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg);
        -webkit-transition: all 0.2s ease-out;
        transition: all 0.2s ease-out;
        color: #fff;
    }
    ul#menu-main-menu>li {
        border: 0;
        display: block;
    }
    .language-switcher li a {
        font-size: 1em;
        margin: 0;
    }
    ul#menu-main-menu>li.open {
        background-color: #66b9d5;
    }
    ul#menu-main-menu>li>ul>li.open>a {
        background-color: #7cd1ed;
    }
    ul#menu-main-menu>li>ul>li>ul>li.open>a {
        background-color: #8be2ff;
    }
    ul#menu-main-menu li.open>a {
        color: #fff;
    }
    .main-menu-top {
        display: block;
        padding: 37px 0 20px 27px;
    }
    .main-menu-corner {}
    .main-menu-corner {
        text-align: left;
    }
    #menu-main-menu li.menu-item-has-children.open>ul.sub-menu {
        position: relative;
        display: block;
        width: 100%;
        padding: 0;
        margin: 0;
        border-top: 0;
        box-shadow: none;
    }
    #menu-main-menu ul.sub-menu {
        top: unset;
        left: unset;
    }
    #menu-main-menu ul.sub-menu li>ul.sub-menu {
        left: unset;
    }
    ul#menu-main-menu>li>ul>li>a,
    ul#menu-main-menu>li>ul>li>ul>li>a {
        padding: 15px 30px;
        font-size: 15px;
    }
    ul#menu-main-menu>li>ul>li>ul>li>a {
        background-color: #F1EFE4;
    }
    .menu-main-menu-container .dropdown-btn {
        position: absolute;
        display: block;
        top: 14px;
        right: 27px;
        width: 24px;
        height: auto;
        font-size: 18px;
        color: #66b9d5;
        text-align: center;
        cursor: pointer;
        -webkit-transition: all 0.2s ease-in;
        transition: all 0.2s ease-in;
        z-index: 1;
    }
    li.menu-item-has-children.open>.dropdown-btn {
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg);
        -webkit-transition: all 0.2s ease-out;
        transition: all 0.2s ease-out;
        color: #fff;
    }
    .header-bottom .header-wrapper {
        border-bottom: 0;
        padding: 1em 0;
    }
    .main-menu>ul>li:nth-child(5)>ul>li,
    .main-menu>ul>li:nth-child(4)>ul>li,
    .main-menu>ul>li:nth-child(6)>ul>li,
    .menu-col {
        padding-left: 0;
    }
    .light-theme .menu-button-inner span {
        background-color: #66b9d5;
    }
    .header.light-theme .header-bottom a,
    .header.light-theme .main-menu>ul>li>a {
        color: #fff;
    }
    .header.light-theme .fontsize-switch.active:after,
    .header.light-theme .lang-en:after {
        background-color: #fff;
    }
    .header.light-theme .header-search .search-btn:before {
        background-image: url(images/search-w@2x.png);
        width: 40px;
        margin-right: 0;
    }
    .header.light-theme .header-social-icons .instagram {
        background-image: url(images/instagram-w@2x.png);
    }
    .header.light-theme .header-social-icons .facebook {
        background-image: url(images/facebook-w@2x.png);
    }
    .header.light-theme .header-social-icons .youtube {
        background-image: url(images/youtube-w@2x.png);
    }
    #backtotop {
        top: 10%;
    }
    @-webkit-keyframes fadeIn {
        from {
            opacity: 0;
        }
        to {
            opacity: 1;
        }
    }
    @keyframes fadeIn {
        from {
            opacity: 0;
        }
        to {
            opacity: 1;
        }
    }
    @-webkit-keyframes fadeOut {
        from {
            opacity: 1;
        }
        to {
            opacity: 0;
        }
    }
    @keyframes fadeOut {
        from {
            opacity: 1;
        }
        to {
            opacity: 0;
        }
    }
}


/* mobile menu */

@media screen and (max-width: 1080px) {
    .main {
        font-size: 80%;
    }
    .bx-wrapper .bx-controls-direction a {
        width: 52px;
        height: 52px;
    }
    .primary-btn {
        padding: 10px 35px;
    }
    .primary-btn:before {
        width: 25px;
        height: 25px;
    }
    .sec-heading:before {
        width: 13px;
        height: 13px;
        margin-top: 13px;
    }
    .carousel-slider-container .bx-wrapper .bx-controls-direction a.bx-prev,
    .carousel-slider-container .bx-wrapper .bx-controls-direction a.bx-next {
        width: 42px;
        height: 42px;
    }
    .bx-wrapper .bx-pager.bx-default-pager {
        bottom: 74px;
    }
    .bx-wrapper .bx-pager.bx-default-pager a {
        width: 13px;
        height: 13px;
    }
    .home-slider-container,
    .home-slider-container .bx-wrapper,
    .home-slider-container .bx-viewport,
    .home-slider {
        padding-bottom: 667px;
    }
    .home-slide {
        position: relative;
    }
    .home-slide:before {
        background-size: cover;
    }
    .bx-wrapper .bx-pager.bx-default-pager {
        bottom: 19%;
    }
    .header-banner {
        padding-bottom: 400px;
    }
    .header-banner::after {
        padding-bottom: 12%;
        background-position: 15% top;
    }
    .banner-border {
        padding-bottom: 16%;
        background-position: 15% top;
    }
    .ec-list .more-btn:before {
        width: 33px;
        height: 33px;
    }
    .join-section::after {
        padding-bottom: 16%;
        background-position: 70%;
    }
    .social-post {
        width: 24%;
        padding-bottom: 24%;
        border-radius: 30px;
    }
    .col-2 .wrapper>div {
        width: 100%;
    }
    .btns.grid-1-2>.grid-col {
        margin-bottom: 0;
    }
    .white-col {
        padding: 5% 5% 60% 5%;
    }
    .shho-block-right .shho-block.no-margin,
    .shho-block-left .shho-block.no-margin {
        flex-flow: column;
    }
    .shho-block-right .flex>.text-block,
    .shho-block-left .text-block {
        width: 100%;
    }
    .shho-block-left .text-block {
        padding-left: 4em;
    }
    .shho-block-right .flex>.text-block {
        padding-right: 0;
    }
    .half-text-wrapper {
        width: 88%;
        max-width: 100%;
        float: right;
    }
    .shho-block-right .flex>.img-block {
        width: 100%;
        float: right;
        margin-top: 5em;
    }
    .shho-block-left .img-block {
        width: 100%;
        margin-top: 5em;
    }
    .shho-block-right .flex>.img-block img {
        width: 88%;
        text-align: right;
        float: right;
    }
    .shho-block-right .flex>.img-block .block-image-caption {
        width: 88%;
        float: right;
    }
    .shho-block-left .img-block {
        order: 2;
    }
    .why-shho .shho-block-right .shho-block {
        flex-flow: column;
    }
    .tab-2-col .tablink-container,
    .tab-2-col .tabcontents {
        width: 100%;
    }
    .tablink {
        width: 32%;
        flex-basis: 32%;
    }
    .tab-heading span {
        margin-top: 3px;
    }
    .video-text-block {
        flex-flow: column;
    }
    .video-text-block>div {
        width: 100%;
    }
    .video-block {
        padding: 0 3em;
        margin-bottom: 3em;
    }
    .video-top-block.shho-block .text-block {
        width: 100%;
        padding: 0 5em;
    }
    h3.featured-heading:before {
        margin-top: 5px;
    }
    .vc-thumbnail:before {
        width: 76px;
        height: 56px;
    }
    .hall-name:before {
        width: 30px;
        height: 20px;
    }
    .content table ul li:before {
        margin-top: 8px;
    }
    .slider-container .img-text-block,
    .gallery .img-text-block {
        flex-flow: column;
    }
    .gallery .img-block {
        order: 2;
        margin-bottom: 5em;
    }
    .slider-container .shho-block-left .img-block {
        width: 90%;
    }
    .slider-container .shho-block .img-text-block .text-block {
        width: 90%;
        padding-left: 0;
    }
    .shho-block-left:before {
        padding-bottom: 50%;
    }
    .slider-container .bx-wrapper .bx-controls-direction a.bx-next,
    .slider-container .bx-wrapper .bx-controls-direction a.bx-prev {
        width: 47px;
    }
    #backtotop {
        width: 41px;
        height: 41px;
        right: 6%;
    }
    .video-gallery .shho-block-left:before {
        padding-bottom: 50%;
    }
    .newsletter-unsubscription table th {
        width: 80px;
    }
    .block-text-and-image>.flex {
        flex-wrap: wrap;
    }
    .shho-block-right .flex>.img-block {
        width: 100%;
        max-width: 100%;
    }
    .half-text-wrapper {
        width: 100%;
        max-width: 100%;
        float: unset;
    }
    .middle-text {
        position: relative;
        width: 100%;
        top: 0;
        -webkit-transform: unset;
        transform: unset;
    }
   .home-sticky-btns {
        display: none;
    }
    .shho-block-left .flex {
        flex-direction: column;
    }
    .shho-block-left .img-block {
        max-width: 100%;
    }
	.btns.grid-1-2>.grid-col{
		width:100%;
		margin-right:0;
	}
	.sec-heading:before{
		width: 11px;
        height: 11px;
		left:-22px;
	}
	.shho-block-right .shho-block.no-margin{
		padding: 5% 5% 5% 12%;
	}
}


/* 1080 */

@media screen and (max-width:850px) {
    .home-calendar-section {
        display: block;
    }
    .calendar-section,
    .latest-events-section {
        width: 100%;
    }
    .calendar-section {
        margin-bottom: 7em;
    }
    .ec-header {
        padding: 0 0 3em;
    }
    .ec-next {
        right: 24px;
        padding-right: 0;
    }
    .ec-month {
        padding-right: 0;
    }
    .table-wrapper {
        width: 100%;
    }
    .slide-caption h2 {
        font-size: 6em;
    }
    .slide-caption {
        top: 44%;
    }
    .home-carousel-section .primary-btn {
        display: none;
    }
    .social-posts {
        justify-content: center;
        flex-direction: row;
        flex-wrap: wrap;
    }
    .social-post {
        width: 48%;
        flex-basis: 48%;
        padding-bottom: 48%;
        margin-right: 4%;
        margin-bottom: 3%;
    }
    .social-post:nth-child(2n+2) {
        margin-right: 0;
    }
    .ft-top {
        flex-flow: column;
    }
    .ftt-left {
        width: 100%;
    }
    .contact-block {
        display: inline-block;
        width: 48%;
        margin-right: 2%;
    }
    .contact-block:last-child {
        margin-right: 0;
    }
    .ftt-right {
        width: 100%;
        margin-bottom: 5em;
    }
    .ft-bottom>.flex {
        flex-flow: column;
    }
    .footer-menu>ul {
        margin-top: 0;
    }
    .bottom-menu,
    .copyright {
        width: 100%;
    }
    .copyright {
        margin-top: 2%;
        text-align: left;
    }
    .copyright span {
        display: block;
        margin-top: 1%;
    }
    .explore-section .flex {
        justify-content: center;
        flex-direction: row;
        flex-wrap: wrap;
    }
    .explore-col {
        width: 48%;
        flex-basis: 48%;
        margin-right: 4%;
        margin-bottom: 3%;
    }
    .explore-col:nth-child(2n+2) {
        margin-right: 0;
    }
    .shho-block-left .shho-block.no-margin {
        padding-right: 9em;
    }
    .page-numbers {
        width: 35px;
        margin: 0 5px;
        padding: 8px 0;
        border-radius: 10px;
    }
    .next.page-numbers,
    .prev.page-numbers {
        height: 35px;
        background-size: 6px;
    }
    .full-block {
        padding: 5em 3em;
    }
    .shho-block {
        padding: 5em 3em;
    }
    .top-filter {
        flex-flow: column;
    }
    .top-filter-right {
        width: 100%;
        text-align: left;
        margin-top: 3%;
    }
    .custom-select:last-child {
        margin-left: 0;
    }
    .flex-2-col {}
    .flex-2-col .photo-col {
        width: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }
    .pc-inner {
        align-items: center;
    }
    .wardens-block {
        flex-flow: column;
    }
    .wb-photo {
        width: 250px;
        margin: auto;
    }
    .wb-text {
        width: 100%;
        padding-left: 0;
    }
    .tutor-cols.grid-1-4>.grid-col {
        width: 48%;
    }
    .grid-1-4>.grid-col:nth-child(2n+2) {
        margin-right: 0;
    }
    .tutor-photo {
        width: 80%;
        padding-bottom: 80%;
        margin: 0 auto 3em auto;
    }
    .flex-3-col .flex-col {
        width: 48%;
        flex-basis: 48%;
    }
    .header-logo img {
        max-height: 60px;
    }
    .inpage-links {
        padding: 3em;
    }
    #sb_instagram.sbi_tab_col_2 #sbi_images {
        grid-template-columns: repeat(2, 1fr);
    }
    #sb_instagram #sbi_images .sbi_item {
        overflow: inherit;
    }
    /*.shho-block table{
width:auto!important;}*/
    .shho-block h2.sec-heading {
        margin-left: 35px;
    }
	.publication-block .white-col{
		position:relative!important;
		left: unset !important;
		top:unset!important;
		width:100%;
		margin-bottom:5%;
	}
	.accordion-icon{
		padding:30px;
	}
	.accordion-icon:after{
		right:30px;
	}
}


/* 850  */

@media screen and (max-width:650px) {
    .slide-caption h2 {
        font-size: 6em;
    }
    .slide-caption {
        top: 44%;
    }
    .text-img-block,
    .img-text-block {
        flex-flow: column;
    }
    .text-img-block .text-block,
    .img-text-block .text-block,
    .text-img-block .img-block,
    .img-text-block .img-block {
        width: 100%;
    }
    .img-text-block .text-block,
    .text-img-block .img-block {
        padding-left: 0;
    }
    .img-block {
        order: 2;
        margin-bottom: 5em;
    }
    .img-text-block .text-block,
    .text-img-block .text-block {
        order: 1;
        margin-bottom: 3em;
    }
    .quote:before {
        width: 37px;
        height: 28px;
    }
    .btns.grid-1-2>.grid-col {
        width: 100%;
        margin-right: 0;
        margin-bottom: 0px;
    }
    .page-title,
    .sec-heading {
        font-size: 4.5em;
    }
    .shho-block h2,
    .shho-block h2.sec-heading {
        font-size: 3.6em;
    }
    .sec-heading:before {
        margin-top: 10px;
    }
    .tablink {
        width: 48%;
        flex-basis: 48%;
    }
    .grid-1-3>.grid-col {
        width: 48%;
    }
    .grid-1-3>.grid-col:nth-child(3n+1) {
        clear: unset;
    }
    .grid-1-3>.grid-col:nth-child(3n+3) {
        margin-right: 4%;
    }
    .grid-1-3>.grid-col:nth-child(2n+2) {
        margin-right: 0;
    }
    .grid-1-3>.grid-col:nth-child(2n+1) {
        clear: both;
    }
    .hall-cols.grid-1-2>.grid-col {
        width: 100%;
        margin-right: 0;
    }
    .postcard-flex {
        flex-flow: column;
    }
    .postcard-flex .image-block {
        padding-right: 0;
        margin-bottom: 3%;
    }
    .custom-selects {
        display: block;
    }
    .custom-selects {
        width: 100%;
    }
    .custom-select {
        margin: 15px 0 0 0;
    }
    .newsletter-unsubscription table tr,
    .newsletter-unsubscription table th,
    .newsletter-unsubscription table td {
        display: block;
    }
    .block-text-and-image>.flex {
        flex-wrap: wrap;
    }
    .shho-block-right .flex>.img-block {
        max-width: 100%;
    }
    .text-image-cards.grid-1-2 .grid-col {
        width: 100%;
        margin-right: 0;
        float: unset;
    }
	
}


/* 650 */

@media screen and (max-width:500px) {
    .bx-wrapper .bx-pager.bx-default-pager {
        bottom: 22%;
    }
    .slide-caption {
        top: 44%;
    }
    .banner-border {
        padding-bottom: 32%;
        background-position: 15% top;
    }
    .join-section::after {
        margin-top: 4em;
        padding-bottom: 32%;
        background-position: 81%;
    }
    .carousel-slider-container .bx-viewport {
        left: 0;
    }
    .carousel-slider-container .bx-wrapper {
        padding: 0 5% 10em 5%;
        margin: auto;
    }
    .carousel-slider-container .bx-wrapper .bx-pager.bx-default-pager,
    .slider-container .bx-wrapper .bx-pager.bx-default-pager {
        position: relative;
        width: 100%;
    }
    .carousel-slider-container .bx-controls-direction,
    .slider-container .bx-controls-direction {
        position: relative;
        display: block;
        width: 100%;
        padding-bottom: 42px;
    }
    .social-post {
        width: 100%;
        flex-basis: 100%;
        padding-bottom: 100%;
        margin-right: 0;
        margin-bottom: 7%;
    }
    .contact-block {
        width: 100%;
        margin-right: 0;
    }
    .footer-menu-container>ul>li {
        width: 100%;
        margin-right: 0;
    }
    .footer-menu-container>ul>li:first-child,
    .footer-menu-container>ul>li:nth-child(2) {
        margin-top: 42px;
    }
    .footer {
        padding-top: 5%;
    }
    .explore-col {
        width: 100%;
        flex-basis: 100%;
        margin-right: 0;
        margin-bottom: 5%;
    }
    .crumbs li {
        padding: 5px;
    }
    .text-block h3 {
        font-size: 3.2em;
        margin-bottom: 0.5em;
    }
    h3.featured-heading:before {
        width: 11px;
        height: 11px;
        margin-top: 7px;
    }
    .video-text-block h4 {
        font-size: 2.8em;
    }
    .primary-btn {
        padding: 10px 25px;
        font-size: 2em;
    }
    .page-numbers {
        width: 27px;
        padding: 5px 0;
        border-radius: 7px;
        font-size: 1.8em;
        margin: 0 2px;
    }
    .next.page-numbers,
    .prev.page-numbers {
        height: 27px;
        background-size: 5px;
    }
    .hall-name {
        font-size: 3.2em;
    }
    .pc-inner {
        flex-flow: column;
    }
    .pc-image,
    .pc-text {
        width: 100%;
        padding-left: 0;
        padding-top: 0;
    }
    .flex-3-col .flex-col {
        width: 100%;
        flex-basis: 100%;
    }
    .video-gallery .shho-block-left:after {
        top: 7%;
    }
    .inpage-link {
        margin-right: 1em;
        width: 100%;
    }
    .inpage-link span {
        width: calc(100% - 20px);
    }
    .main-menu-top {
        padding: 15px 0 20px 27px;
    }
    .bottom-menu ul {
        flex-wrap: wrap;
    }
    #sb_instagram.sbi_tab_col_2 #sbi_images {
        grid-template-columns: repeat(1, 1fr);
    }
    #sb_instagram .sbi_hover_bottom p {
        font-size: 14px;
    }
    #sb_instagram {
        padding-bottom: 40%!important;
    }
}


/* 500 */

@media screen and (max-width:400px) {
    .le-day {
        margin-right: 10px;
    }
    .le-text {
        display: flex;
        align-items: center;
        padding-right: 5px;
    }
    .le-text p {
        width: calc(100% - 86px);
    }
    .primary-btn {
        width: 100%;
    }
    .why-shho .shho-block-right .shho-block {
        padding: 5em 2em;
    }
    .shho-block,
    .shho-block-left .shho-block.no-margin {
        padding-top: 5em;
        padding-bottom: 5em;
    }
    .video-top-block.shho-block .text-block {
        padding: 0 4em;
    }
    .grid-1-3>.grid-col {
        width: 100%;
        margin-right: 0;
    }
    .tutor-cols.grid-1-4>.grid-col {
        width: 100%;
        margin-right: 0;
    }
    .header-logo img {
        max-height: 50px;
    }
    .menu-button {
        top: 17px;
    }
}


/* 400px */