@media (max-width: 1400px){
    .projects__grid {
        display: grid;
        grid-template-columns: repeat(5, 205px);
        grid-template-rows: repeat(2, 260px);
        gap: 20px;
    }
}

@media (min-width: 1200px) {
	.projects__container--mobile {
		display: none !important;
	}
	.projects__container--desktop {
		display: block !important;
	}
}
@media (max-width: 1200px) {
    .projects__card {
        height: 260px !important;
        transition: none;
    }
}

@media (max-width: 1200px) and (min-width:320px){
    .compact-news-item {
        padding: 0;
    }
    .compact-news-thumb img{
        width: 100px;  
    }
}
@media (max-width: 1300px){
    .director__slider {
        display: block;
        height: auto;       
    }
    .director, .slider{
        margin: 20px auto;
        height: auto;
        width: auto;
    }
    .director{
	    border-radius:58px;
    }
}

@media (max-width: 1200px) and (min-width:1024px){
    .news-excerpt{
        font-size: 14px;
    }
}

@media (max-width: 1024px) {
    .header-search{
        display: none;
    }
    .header-search-mobile,.search-toggle{
        display: block;
    }
    .bvi-shortcode{
        transform: none !important;
    }
    .header__flex {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
        padding: 10px;
    }
    .posts-pagination a,
    .posts-pagination span {
        padding: 10px;
    }
    .image__header {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 10px;
        width: 100%;
    }

    .lang.lang_fixed {
        position: relative;
        top: auto;
        right: auto;
        margin-left: auto;
        z-index: 10;
    }

    .header-search {
        width: 100%;
        display: none;
    }

    .header-search.active {
        display: block;
    }

    .searchform div #s {
        width: 100%;
        box-sizing: border-box;
    }

    .searchform div {
        display: flex;
        width: 100%;
    }

    .searchform div #searchsubmit {
        width: 80px;
        flex-shrink: 0;
    }

    .header__link {
        width: 100%;
        display: flex;
        justify-content: center;
        gap: 10px;
    }

    .img__link {
        width: 40px;
        height: 40px;
    }

    .search-toggle {
        background: none;
        border: none;
        color: #fff;
        font-size: 18px;
        cursor: pointer;
        margin-top: 10px;
    }

    .bvi-open {
        font-size: 0;  
    }

    .bvi-open svg {
        font-size: 40px !important;
    }
}

@media (max-width: 1024px) and (min-width:320px){
    .director__title{
        width: auto;
        padding: 20px 20px 0;
        margin: 0 auto;
        font-size: 20px;
    }
    .map_container iframe{
        height: 400px;
    }
    .director{
        width: auto;
        height: auto;
        border-radius: 10px;
    }
    .director__slider{
        margin: 5px auto;
    }
    .director__describe{
      font-size: 14px;  
    }
    .header__flex{
        display: block;
    }
    .mid__header .container{
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        align-items: center;
        text-align: center;  
    }
    .header-logo-container{
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto;
    }
    .header__name, .header__info {
        width: 100%;
        display: block;
    }
    .header-menu ul li ul {
        display: none;
        background: #333;
        padding: 0;
        margin: 0;
        position: static;
        width: 100%;
    }
    
    .header-menu ul li ul li a{
        white-space: wrap;
    }
    .burger {
        display: flex;
    }
    .header-menu ul li.show-submenu > a {
        background-color: #2c3e50;
    }

    .header-menu ul li ul li a {
        font-size: 16px;
        padding: 8px 16px;
    }
    .header-menu ul {
        display: none;
        flex-direction: column;
        background-color: #49688E;
        width: 100%;
        padding: 10px 0;
    }

    .header-menu ul.active {
        z-index: 1;
        display: flex;
    }

    .header-menu ul li a {
        padding: 10px 20px;
        font-size: 20px;
    }
    .button_modal .btn-outline-success{
        margin: 30px auto;
        height: 40px;
        font-size: 14px;
        text-wrap: nowrap;
    }
    .news-more-button{
        padding: 10px;
    }
    .projects__container{
        justify-content: center;
        margin: 0 auto;
    }
    .news-container{
        display: block;
    }
    .news-content{
        padding-top:0; 
    }
    .news-excerpt{
        margin: 0;
    }
    .slider{
        height: auto;
        width: auto;
        padding: 20px;
        margin: 0;
    }
    .title__image{
        display: block;
        border: none;
    }
    .title__image .image__container{
        margin: 0;
        display: flex;
        justify-content: center;
    }
    .header-menu ul{
        position: relative;
    }
    .news_container_container{
        margin: 0 0 10px;
    }
    .more-news-list{
        gap: 10px;
    }
    .news-image{
        height: auto;
        max-height: 220px;
    }
    .news-image img{
        margin: 0 auto;
        display: block;
        max-height: 220px;
        height: auto;
    }
    marquee{
    font-size: 16px;
    }
    .news-heading{
        font-size: 18px;
    }
    .news-excerpt{
        font-size: 14px;
    }
}