@media (max-width: 1680px) {
    .main-menu a {
        padding: 14px 10px;
    }
    .header-wrapper {
        gap: 25px;
    }
}
/* 1680px */

@media (max-width: 1600px) {
    .e-con>.e-con-inner {
        max-width: 94vw !important;
    }
    .container {
        max-width: 94vw;
    }
}
/* 1600px */

@media (max-width: 1550px) {
    .header-logo svg {
        width: 130px;
    }
    .chairmanship-title {
        font-size: 1.4rem;
    }
    .chairmanship-years {
        font-size: 1.4rem;
    }
    .header {
        padding: 0 30px;
    }
}
/* 1550px */

@media (max-width: 1400px) {
    .news-events-wrapper .news-list-wrapper {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 20px;
    }
    .news-events-wrapper {
        gap: 30px;
    }
    .contacts-header-columns {
        gap: 50px;
    }
    .page-accordion-contents {
        padding-right: 50px;
    }
}
/* 1400px */

@media (max-width: 1300px) {
    .footer-subscribe > .container {
        align-items: center;
    }
    .subscribe {
        flex-direction: column;
        align-items: flex-start;
    }
    .footer-socials {
        flex-direction: column;
        align-items: flex-start;
    }
    .vasab-home-hero {
        height: 80vh;
    }
    .hero-map svg {
        width: 75vw;
    }
    .vision-content {
        padding: 50px 0;
    }
    .posts-list.page-list-elementor {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
/* 1300px */

@media (max-width: 1150px) {
    .hero-popup {
        right: -350px;
    }
}
/* 1150px */

@media (max-width: 1100px) {
    .header-menu {
        display: none;
    }
    .header-top {
        display: none;
    }
    .header-logo svg {
        width: 130px;
    }
    .header {
        height: 120px;
        display: flex;
        align-items: center;
    }
    .header-wrapper {
        width: 100%;
    }
    .header-mobile-icons {
        display: flex;
        align-items: center;
        gap: 12px;
    }
    .header-mobile-search-btn,
    .header-mobile-menu-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 48px;
        height: 48px;
        border-radius: 50%;
        background-color: #F2F2F3;
        transition: .4s ease;
    }
    main {
        padding-top: 120px;
    }
    .footer-columns {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 20px;
    }
    .header-bottom {
        display: none;
    }
    .vasab-home-hero {
        height: 73vh;
    }
    .hero-map {
        top: -80px;
        right: -80px;
    }
    .hero-content {
        max-width: 500px
    }
    .hero-map svg {
        width: 80vw;
    }
    .search-popup {
        height: 100vh;
        z-index: 100000;
    }
    .vasab-vision-2040 {
        display: flex;
        flex-direction: column;
    }
    .vision-map {
        position: relative;
        text-align: right;
        margin-bottom: -2px;
    }
}
/* 1100px */

@media (max-width: 1000px) {
    .vasab-latest-news-slider .slick-slide {
	    margin: 0 8px;
    }
    .vasab-latest-news-slider .slick-list {
        margin: 0 -8px;
    }
    .page-content-has-sidebar > .container {
        grid-template-columns: minmax(0, 1fr);
        gap: 10px;
    }
    .page-content-main {
        padding-bottom: 40px;
    }
    .page-content-sidebar {
        padding-top: 30px;
    }
    .vasab-breadcrumbs {
        padding: 30px 0 20px;
    }
    .vasab-header-image {
        height: 250px;
    }
    .page-title {
        padding-top: 20px;
    }
    .news-events-wrapper {
        grid-template-columns: minmax(0, 1fr);
        gap: 40px;
    }
    .events-list-wrapper {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 30px;
    }
    .news-list-btn .btn {
        padding: 10px 20px;
        font-size: 1.4rem;
    }
    .contacts-header-columns {
        flex-direction: column;
        gap: 30px;
    }
    .vasab-contacts-header {
        padding-bottom: 20px;
    }
    .vasab-staff-list {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 20px;
    }
    .vasab-cspd-list {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 20px;
    }
    .page-accordion-wrapper {
        grid-template-columns: minmax(0, 1fr);
        gap: 30px
    }
    .page-accordion-image {
        position: relative;
    }
    .page-accordion-wrapper {
        padding-top: 20px;
    }
    .page-accordion-contents {
        order: 2;
        padding-right: 0;
    }
    .page-accordion-images {
        order: 1;
    }
    .search-results-pages {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .search-results-posts {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .search-results-events {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .search-results-projects {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .vasab-image-slider a {
        height: 420px !important;
    }
}
/* 1000px */

@media (max-width: 900px) {
    .vasab-home-hero {
        height: 550px;
    }
    .hero-map svg {
        width: 85vw;
    }
    .hero-popup {
        right: -270px;
    }
    .hero-member-header {
        height: 150px;
    }
    .hero-member-title {
        font-size: 1.6rem;
    }
    .hero-member-arrows {
        padding-bottom: 10px;
    }
    .hero-member-person {
        font-size: 1.6rem;
    }
    .hero-member-description {
        font-size: 1.4rem;
    }
    .hero-member-meta {
        font-size: 1.4rem;
    }
}
/* 900px */

@media (max-width: 820px) {
    .footer-subscribe > .container {
        flex-direction: column;
        align-items: flex-start;    
    }
    .posts-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 20px;
    }
    .hero-popup {
        right: initial;
        left: 50%;
        transform: translateY(-50%);
    }
}
/* 820px */

@media (max-width: 768px) {
    .footer-columns {
        grid-template-columns: minmax(0, 1fr);
    }
    .footer-column-content {
        display: none;
        margin-bottom: 25px;
    }
    .footer-column {
        border-bottom: 1px solid rgba(0, 0, 0, 0.10);
    }
    .footer-column-title {
        padding-bottom: 0;
        padding: 25px 0;
        position: relative;
    }
    .footer-column-title:after {
        content: '';
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
        background-image: url('/wp-content/themes/wb/assets/images/vasab-chevron-white.svg');
        background-size: 20px 20px;
        width: 20px;
        height: 20px;
        display: block;
        transition: .4s ease;
    }
    .footer-columns {
        gap: 0;
    }
    .footer-copyright {
        border-top: 1px solid rgba(0, 0, 0, 0.10);
    }
    .footer-column:last-child {
        border-bottom: none;
    }
    .footer-column-title:hover {
        cursor: pointer;
    }
    .footer-contact {
        padding-bottom: 10px;
    }
    .footer-contact:last-child {
        padding-bottom: 0;
    }
    .footer-column.footer-column-opened .footer-column-title:after {
        transform: translateY(-50%) rotateZ(180deg)
    }
    .vasab-home-hero {
        height: 1000px;
        flex-direction: column;
    }
    .hero-map {
        position: relative;
        top: -120px;
        right: initial;
    }
    .hero-content {
        max-width: 100%;
        padding-top: 60px;
    }
    .hero-map svg {
        width: auto;
        height: 800px;
    }
    p,
    .elementor-widget-text-editor p,
    .page-content-single-event p,
    .vasab-old-page-content p {
        font-size: 1.5rem;
    }
    .video-popup {
        height: 350px;
    }
    .project-card a {
        height: 260px;
    }
    .page-title {
        font-size: 4.4rem;
    }
    .vasab-staff-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 20px;
    }
    .page-content-main {
        padding-top: 20px;
    }
    .vasab-cspd-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .contacts-header-column h1 {
        font-size: 4.4rem;
    }
    .vision-content {
        padding-bottom: 20px;
    }
    .vision-title {
        font-size: 3.6rem;
    }
    .vision-item-title {
        font-size: 2.4rem;
    }
    .vision-item p {
        font-size: 1.5rem;
    }
    .vasab-element-header-title {
        font-size: 3.6rem;
    }
    .hero-content {
        position: initial;
    }
    .hero-title,
    .hero-content p,
    .hero-button {
        position: relative;
        z-index: 2;
    }
    .hero-popup {
        transform: translateY(-50%) translateX(-50%);
    }
    .search-results-pages {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .search-results-posts {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .search-results-events {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .search-results-projects {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .vasab-contact-information-list {
        grid-template-columns: minmax(0, 1fr);
    }
    .post-files-list {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* 768px */

@media (max-width: 600px) {
    .header-logo svg {
        width: 90px;
    }
    .chairmanship-title {
        font-size: 1.2rem;
        max-width: 100px;
        text-wrap: wrap;
    }
    .chairmanship-years {
        font-size: 1.2rem;
    }
    .header {
        height: 82px;
        padding: 0 15px;
    }
    main {
        padding-top: 82px;
    }
    .header-chairmanship {
        padding: 6px 0;
    }
    .header-wrapper {
        gap: 10px;
    }
    .footer-lower {
        padding: 40px 0;
    }
    .vasab-home-hero {
        height: 900px;
    }
    h1.hero-title {
        font-size: 4.2rem;
    }
    .hero-map {
        top: -100px;
        right: 80px;
    }
    .mobile-menu {
        top: 82px;
        height: calc(100vh - 82px);
    }
    .mobile-menu-wrapper {
        max-height: calc(100vh - 82px);
    }
    .search-input input {
        width: 85vw;
    }
    .search-input {
        top: -100px;
    }
    .subscribe-input {
        width: 100%;
        max-width: 100%;
    }
    .post-filter.filter-type-search {
        width: 100%;
    }
    .post-filter.filter-type-search .post-filter-input {
        width: 100%;
    }
    .post-filter.filter-dates {
        width: 100%;
    }
    .post-filter.filter-dates .post-filter-input {
        width: 100%;
    }
    .filter-dates-inputs .post-filter-input input {
        width: 100%;
    }
    .post-filter.filter-type-select {
        width: 100%;
    }
    .filter-type-select .post-filter-input {
        width: 100%;
    }
    .post-filters {
        gap: 10px;
    }
    .page-title {
        padding-top: 10px;
        font-size: 3.6rem;
    }
    .news-events-wrapper .news-list-wrapper {
        grid-template-columns: minmax(0, 1fr);
    }
    .events-list-wrapper {
        grid-template-columns: minmax(0, 1fr);
        gap: 20px;
    }
    .contacts-header-column h1 {
        font-size: 3.6rem;
    }
    .vasab-vision-2040 {
        margin: 20px 0;
    }
    .vasab-news-slider {
        padding: 20px 0;
    }
    .vasab-events-slider {
        padding: 20px 0;
    }
    .vasab-staff {
        padding: 20px 0;
    }
    .vasab-cspd-members {
        padding: 20px 0;
    }
    .search-results-pages {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .search-results-posts {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .search-results-events {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .search-results-projects {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .posts-list.page-list-elementor {
        grid-template-columns: minmax(0, 1fr);
    }
    .vasab-image-slider a {
        height: 350px !important;
    }
}
/* 600px */

@media (max-width: 550px) {
    .e-con>.e-con-inner {
        max-width: 92vw !important;
    }
    .container {
        max-width: 92vw;
    }
    .footer-copyright > .container {
        flex-direction: column-reverse;
        gap: 20px;
    }
    .vasab-header-image {
        height: 160px;
    }
    .vasab-breadcrumbs {
        padding: 20px 0;
    }
    .page-content-main {
        padding-bottom: 30px;
        padding-top: 30px;
    }
    .video-popup {
        height: 220px;
    }
    .page-content-sidebar {
        padding: 20px 10px;
    }
    .page-content-sidebar ul {
        margin-bottom: 20px;
    }
    .vasab-staff-list {
        grid-template-columns: minmax(0, 1fr);
    }
    .vasab-cspd-list {
        grid-template-columns: minmax(0, 1fr);
    }
    .vasab-element-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    }
    .btn {
        padding: 15px 28px;
        font-size: 1.6rem;
    }
}
/* 550px */

@media (max-width: 500px) {
    .posts-list {
        grid-template-columns: minmax(0, 1fr);
    }
    .hero-popup-list {
        max-width: 90vw;
    }
    .hero-member {
        max-width: 90vw;
    }
    .search-results-pages {
        grid-template-columns: minmax(0, 1fr);
    }
    .search-results-posts {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* 500px */

@media (max-width: 450px) {
    .vasab-home-hero {
        height: 800px;
    }
    .hero-map svg {
        height: 700px;
    }
    .hero-map {
        top: -115px;
        right: 90px;
    }
    h1.hero-title {
        font-size: 3.5rem;
    }
    .vasab-image-slider a {
        height: 300px !important;
    }
}
/* 450px */

@media (max-width: 400px) {
    .header-mobile-icons {
        gap: 8px;
    }
    .header-mobile-search-btn,
    .header-mobile-menu-btn {
        width: 40px;
        height: 40px;
    }
    .header-chairmanship {
        display: none;
    }
    .footer-subscribe .footer-title {
        font-size: 2rem;
    }
    .project-card a {
        padding: 12px;
    }
    .project-card-title {
        font-size: 2.6rem;
    }
}
/* 400px */

@media (max-width: 380px) {
    .mobile-nav .nav__item a {
        font-size: 1.7rem;
    }
    .nav__item.mobile-submenu-opened > .mobile-submenu .nav__item a {
        font-size: 1.5rem;
    }
}
/* 380px */

@media (max-width: 350px) {
    .hero-map svg {
        height: 650px;
    }
    .hero-map {
        top: -100px;
        right: 80px;
    }
}
/* 350px */