@media (min-width: 576px) {

  .w10,
  .w20,
  .w30,
  .w40,
  .w50,
  .w60,
  .w70,
  .w80,
  .w90 {
    flex-basis: calc(50% - 5px);
  }
}

@media (min-width: 768px) {
  html {
    font-size: 18px;
  }

  /* Header */
  .header-top-container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 1rem;
  }

  /* Header -> Search form */
  .header-search-close {
    top: 2rem;
  }

  .search-box-content .block-title {
    display: block;
  }

  .breadcrumb-item span {
    margin: 0 10px;
  }

  /* Main */
  .main-container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  #main {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }

  #sidebar-left {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }

  #sidebar-right {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }

  /* one sidebar + main */
  .sidebar-left #main,
  .sidebar-right #main {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 70%;
    flex: 1 1 70%;
  }

  /* Both sidebar + main */
  .two-sidebar #main {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 40%;
    flex: 1 1 40%;
  }

  /* Sidebar
  --------------------------------*/
  #sidebar-left {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 30%;
    flex: 0 1 30%;
  }

  #sidebar-right {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 30%;
    flex: 0 1 30%;
  }

  /* Footer */
  .footer-container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .footer-bottom-blocks-container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }


  .copyright {
    margin-bottom: 0;
  }

  /* shortcodes -> content width */
  .width30 {
    width: 30%;
  }

  .width40 {
    width: 40%;
  }

  .width50 {
    width: 50%;
  }

  .width60 {
    width: 60%;
  }

  .width70 {
    width: 70%;
  }

  .width80 {
    width: 80%;
  }

  .width90 {
    width: 90%;
  }

  /* shortcodes -> responsive column */
  .w10 {
    flex-basis: calc(10% - 10px);
  }

  .w20 {
    flex-basis: calc(20% - 10px);
  }

  .w30 {
    flex-basis: calc(30% - 10px);
  }

  .w40 {
    flex-basis: calc(40% - 10px);
  }

  .w50 {
    flex-basis: calc(50% - 10px);
  }

  .w60 {
    flex-basis: calc(60% - 10px);
  }

  .w70 {
    flex-basis: calc(70% - 10px);
  }

  .w80 {
    flex-basis: calc(80% - 10px);
  }

  .w90 {
    flex-basis: calc(90% - 10px);
  }

  /* Shortcodes -> responsive view */
  .view-in-mobile {
    display: none;
  }

  .view-in-desktop {
    display: block;
  }
}

@media (min-width: 1120px) {
  th {
    padding: 10px;
  }

  td {
    padding: 5px 10px;
  }

  /* Header */

  .menu-wrap {
    position: relative;
    background-color: transparent;
    max-width: 100%;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
  }

  .menu-wrap .menu {
    flex-direction: row;
  }
.header-right-bottom .menu-wrap .menu-item:hover {
    background: #F3F3F3;
    z-index: 11;
}
  .menu-wrap .menu a {
    font-weight: 700;
    font-size: 14px;
    line-height: 120%;
    text-transform: uppercase;
    color: #000000;
    height: 40px;
    display: flex;
    align-items: center;
    text-align: center;
    padding: 0.2rem 0.5rem;
  }

  .menu-wrap .menu li {
    position: relative;
    padding: 0;
  }

  .header li.menu-item.menu-item-level-1:before {
    width: 1px;
    background: rgba(0, 0, 0, 0.501961);
    content: '';
    position: absolute;
    top: 10px;
    bottom: 10px;
    left: -2px;

  }

  li.menu-item.menu-item-level-1:first-child:before {
    background: none;
    width: 0;
  }

  .menu-wrap .menu-item a,
  .menu-wrap .menu-item>span {
    border-bottom: 0;
  }

  .menu-wrap .menu>li,
  .menu-wrap .collapsed,
  .menu-wrap .expanded,
  .menu-wrap .menu-item-has-children {
    display: inline-flex;
    align-items: center;
  }

  /* .menu-wrap .collapsed:hover,
  .menu-wrap .expanded:hover,
  .menu-wrap .menu-item-has-children:hover {
    background-color: var(--light);
  }

 .menu-wrap .collapsed::after,
  .menu-wrap .expanded::after,
  .menu-wrap .menu-item-has-children::after {
    content: '+';
  }*/

  .menu-wrap .submenu {
    position: absolute;
    display: none;
            font-size: 0.9rem;
        top: 100%;
        min-width: 300px;
        max-width: 350px;
        opacity: 0;
        background: #fff;
        -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .2);
        box-shadow: 0 0 4px rgba(0, 0, 0, .2);
  }

  .primary-menu-wrapper .collapsed:hover>.submenu,
  .primary-menu-wrapper .expanded:hover>.submenu,
  .primary-menu-wrapper .menu-item-has-children:hover>.submenu {
    display: flex;
    -webkit-animation: slideUp 0.5s forwards;
    animation: slideUp 0.5s forwards;
  }

  .menu-wrap .submenu li {
    border-bottom: 1px solid var(--border);
  }

  .menu-wrap .submenu .submenu {
    top: 0;
    left: 100%;
  }

  .menu-wrap .submenu li>a,
  .menu-wrap .submenu li>span {
            padding: 0.3rem;
        font-size: 14px;
        text-transform: none;
        text-align: left;
        font-weight: 400;
        min-height: 35px;
        height: auto;
  }

  .menu-wrap .submenu .submenu .menu-item>a,
  .menu-wrap .submenu .submenu .menu-item>span {
    padding: 0.5rem;
  }

  .mobile-menu,
  .close-mobile-menu {
    display: none;
  }
}

@media (max-width: 1680px) {
  .site-brand {
    min-width: 500px;
  }
}

@media (max-width: 1620px) {
  .site-logo img {
    max-width: 120px !important;
  }

  .site-brand {
    min-width: 450px;
  }

  .site-name a {
    font-weight: 700;
    font-size: 18px;
  }

  .site-slogan {
    font-size: 14px;
  }

  .menu-wrap .menu {
    gap: 5px;
  }
}
@media (max-width: 1505px) {
  .hello-block-left-title {
    font-size: 16px;
}
.hello-block-left-desc p {
    font-size: 16px;
}
.hello-block-left-desc p:first-child {
    font-size: 14px;
}
.link-block {
    font-weight: 500;
    font-size: 14px;
    line-height: 120%;
}
}
@media (max-width: 1500px) {
  .link-block svg{
              height: 25px;
}
.link-block span{
    font-size: 14px;
}

}
@media (max-width: 1483px) {
  .menu-wrap .menu a {
    font-size: 12px;
  }
}
@media (max-width: 1440px) {
.links-grid {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.liner-bnr {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.news-cont .news-block-first {
    grid-row: span 2;
}
.news-page {
    grid-template-columns: 1fr 1fr 1fr;
}

}
@media (max-width: 1377px) {
  .site-branding {
    align-items: flex-start;
    flex-direction: column;
    gap: 5px;
  }

  .site-brand {
    padding-top: 0;
    min-width: 320px;
  }

  .site-logo img {
    max-width: 100px !important;
  }
}
@media (max-width: 1263px) {
.links-grid {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
    .news-cont {
    grid-template-columns: 1fr 1fr 1fr;
}
.po-teme-container {
    grid-template-columns: 1fr;
}
}
@media (max-width: 1247px) {
  .menu-wrap .menu {
    padding: 5px 0;
  }
}

@media (max-width: 1220px) {
  .header-contact-info {
    min-width: auto;
  }

}
@media (max-width: 1200px) {
      .liner-bnr {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
    .news-page {
    grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 1119px) {
  .header-right-bottom {
    padding: 10px;
    grid-column: span 1;
    border-top: none;
    align-self: center;
  }

  .header-contact-info {
    grid-column: span 2;
    border-right: none;
    border-bottom: 1px solid #E5E5E5;
  }

  .header-right {
    grid-template-columns: 1.7fr auto;
  }

  .special-block-info {
    border-right: 1px solid #E5E5E5;
    padding: 10px;
  }
  .resurs-links-blocks {
    grid-template-columns: 1fr 1fr;
}

  .first-block-right {
    grid-template-columns: 1fr 1fr;
  }
  .first-block-items {
            grid-template-columns: 1.3fr 1fr;
}
.menu-wrap .menu li a:hover {
    background: #435774;
}
}
@media (max-width: 990px) {
  .hello-block img {
    min-width: 150px;
}
.hello-block {
    display: flex;
    flex-direction: column-reverse;
}
    .hello-block img {
        max-width: 150px !important;
        min-width: 150px;
    }
        .first-block-items {
        grid-template-columns: 1fr 1fr;
    }
}
@media (max-width: 950px) {
      .news-cont {
        grid-template-columns: 1fr 1fr;
    }
}
@media (max-width: 870px) {
      .links-grid {
        grid-template-columns: 1fr 1fr 1fr;
    }
    .line-bnr {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}
    .liner-bnr {
        grid-template-columns: 1fr 1fr 1fr;
    }
}
@media (max-width: 830px) {
.page-content .container {
        flex-direction: column;
    }
    .content-left {
    position: relative;
    top: 0;
    align-self: flex-start;
    max-height: 100%;
    overflow-y: hidden;
        width: 100%;
}
.content-left .menu {
    max-width: 100%;
}
}
@media (max-width: 768px) {
      .first-block-items {
        grid-template-columns: 1fr;
    }
       .hello-block {
        flex-direction: row;
        padding: 20px 10px;
    }

        .first-block-right {
        grid-template-columns: 1fr 1fr 1fr;
    }
    .news-block-first .image img {
    min-height: 280px;
}
}
@media (max-width: 750px) {
  .special-block-info-top {
    align-items: flex-start;
    flex-direction: column;
  }
}
@media (max-width: 730px) {
    .resurs-links-blocks {
        grid-template-columns: 1fr;
    }
}
@media (max-width: 700px) {
  .site-brand {
    padding-top: 0;
    min-width: auto;
    max-width: 200px;
  }
      .site-name a {
        font-size: 16px;
    }
    .site-slogan {
        font-size: 12px;
    }
    .links-grid {
        grid-template-columns: 1fr 1fr;
    }
}
@media (max-width: 683px) {
  .news-btn{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }
}
@media (max-width: 650px) {
      .news-cont .news-block-first {
        grid-row: span 2;
        grid-column: span 2;
    }
}
@media (max-width: 550px) {
.header-container {
    flex-direction: column;
    gap: 10px;
}
    .site-branding {
        flex-direction: row;
    }
    .site-brand {
        max-width: 100%;
    }
    .header-right {
      border-top: 1px solid #E5E5E5;
    border-left: none;
    }
    .first-block-right, .line-bnr, .liner-bnr {
        grid-template-columns: 1fr 1fr;
    }
    .resurs-links-desc .title {
    font-size: 16px;
    line-height: 18px;
}
.resurs-links-desc .link {
    font-size: 16px;
    line-height: 18px;
}
.resurs-links-blocks-item img {
    width: 130px;
}
.news-cont .title {
    font-size: 16px;
    line-height: 18px;
}
.news-page {
        grid-template-columns: 1fr;
    }
}
@media (max-width: 500px) {
  .link-item a span {
    font-size: 14px;
    line-height: 120%;
  }
      .hello-block {
        flex-direction: column-reverse;
    }
      .news-cont .news-block-first {
        grid-row: span 1;
        grid-column: span 1;
    }
    .news-cont {
        grid-template-columns: 1fr;
    }
    .news-front-block-top {
        align-items: flex-end;
    flex-direction: column-reverse;
}
.block-top-left{
  width: 100%;
}
    .all-news-btn {
        width: 130px;
        font-size: 16px;
    }
.block-top-left .news-btn button {
    font-size: 16px;
}
}
@media (max-width: 450px) {
  .content-left .menu .active .submenu li a {
    font-size: 14px;
    width: 80%;
  }
  .content-left .menu .menu-item-level-1.menu-item-has-children {
    min-width: 250px;
}
}
@media (max-width: 407px) {
  .site-name a {
        font-size: 14px;
    }
    
}
@media (max-width: 380px) {
    .links-grid {
        grid-template-columns: 1fr;
    }
    .resurs-links-title {
    font-size: 20px;
    line-height: 120%;
    }
    .first-block-right{
        grid-template-columns: 1fr;
    }
    .hello-block-left-title {
        font-size: 14px;
    }
    .hello-block-left-desc p {
    font-size: 14px;
}
.hello-block-left-desc p:first-child {
        font-size: 12px;
    }
}
@media (max-width: 350px) {
  .line-bnr, .liner-bnr {
        grid-template-columns: 1fr;
    }
    .bnr-link {
    max-width: 100%;
    }
        .resurs-links-desc .title {
        font-size: 14px;
        line-height: 16px;
    }
        .resurs-links-desc .link {
        font-size: 14px;
        line-height: 16px;
    }
}