/* ***********************************************************
*	MEDIA QUERIES - TABLET AND MOBILE		*
***********************************************************/

/* Tablet (max-width: 1024px) */
@media screen and (max-width: 1024px) {
}

/* Mobile (max-width: 768px) */
@media screen and (max-width: 768px) {

    #wrapper { padding: 0; margin:0; width: 100%; }
    #leftcol { margin: 0;}

    .rightcol.desktop {
      display: none;
    }
    #main-news {
      flex-direction: column;
    }
    .main_media, .left_media, .rightcol.mobile {
      min-width: initial;
      margin: 0;
    }
    .mobile-wrap {
      display: flex;
    }
    .mobile-wrap .left_media, .mobile-wrap .rightcol.mobile {
      width: 50%;
    }
    .rightcol.mobile {
      display: block;
    }
    .rightcol.mobile #headerright, .rightcol.mobile .vk, .rightcol.mobile .audio { display: none; }
    #left-w {
      padding: 0;
      max-width: 100%;
    }
    #left-w #header {
      padding-left: 7px;
    }
    #go_home img {
      margin-top: 10px;
      height: 75%;
      margin-right: 30px;
    }
    .banners {
      display: flex;
      flex-wrap: wrap;
    }
    .banners a {
      display: block;
      max-width: 50%;
    }
    .banners a img {
      max-width: 100%;
      margin: 0;
      padding: 0;
      border: none;
    }
    .left_media { border: none; padding: 0; }
    .left_media .top-banners { margin: 1.5rem 0; }
    .left_media .top-banners a img.banner { margin-bottom: 1rem; }
    footer {
      padding: 0 10px;
    }
    #schedule-wrapper {
      background: none;
      margin:0;
      padding:0;
    }
    .schedule img {
      float: left;
    }
    footer .footer-flex {
      flex-direction: column;
    }
    footer .footer-flex div, footer .footer-flex .contact {
      text-align: center;
    }
    .newsimg {
      border: none;
      margin: 0 7px 7px 0;
    }
}

/* Small Mobile (max-width: 480px) */
@media screen and (max-width: 600px) {
  .mobile-wrap {
    flex-direction: column;
  }
  .mobile-wrap .left_media, .mobile-wrap .rightcol.mobile {
    width: 100%;
  }
  .left_media .title { background: none; }
  .rightcol.mobile .vk, .rightcol.mobile .audio { display: initial; }
}

@media screen and (max-width: 530px) {
  header h1 {
    border-bottom: none;
  }
}