@media all and ( max-width: 800px )
{
  .index-bl-country .bl-head
  {
    font-size: 23px;
    padding: 30px 0;
  }
}
@media all and ( max-width: 740px )
{
 /* #bl-menu-new
  {
    height: calc(100vh - 56px - 1px);
    overflow-y: auto;
  }*/
  #bl-menu-new {
	height: calc(100vh - 127px);
	overflow-y: auto;
	}
  #header .header-logo
  {
    padding: 15px;
  }
  #header .header-logo IMG
  {
    width: 200px;
  }
  #header .header-slogan
  {
    padding: 15px;
    font-size: 18px;
    margin: 0;
    line-height: 1em;
  }
  .index-body
  {
    grid-template-areas:
      "country"
      "rubsub"
      "rubino"
      "news"
      "monitor"
      "about";
    grid-template-columns: 1fr;
  }
  .country-body
  {
    grid-template-areas:
      "country"
      "rubsub"
      "rubino"
      "news"
      "monitor"
      "about";
    grid-template-columns: 1fr;
  }
  .country-body .grid-3 {
    grid-row: 3;
  }
  .country-body .grid-4 {
    grid-row: 1;
  }
  .country-body .grid-5 {
    grid-row: 2;
  }
}
.show480
{
	display: none !important;
}
.lang480 {
	background: url('../pic/icon-globe-white.png') no-repeat center 4px;
	padding: 22px 23px 0 23px !important;
}
@media all and (max-width: 520px)
/*480 */
{
  .no480
  {
    display: none !important;
  }
  .show480
  {
    display: block !important;
  }
  #bl-menu-new
  {
    max-width: 100%;
  }
  #menu {
    background: #d74941;
    transition: .15s;
  }
  #header .header-logo IMG
  {
    width: 200px;
    max-width: 100%;
    min-width: 150px;
  }
  #header .header-slogan {
      font-size: 14px;
  }
  .bl-form-search
  {
    display: none;
    border-left: 1px solid #e2b1ad;
  }
  #menu form.sserch
  {
    width: 260px;
    margin-right: 15px;
  }
  .bl-view-search
  {
    display: block;
  }
  .footer-logo
  {
    padding: 0 0 0 15px;
  }
  .footer-logo IMG
  {
    width: 100px;
    height: auto;
  }
  .maphigh .a-ya IMG
  {
    width: 50px;
    height: auto;
  }
  .index-bl-country .bl-head
  {
    font-size: 21px;
    padding: 30px 0;
  }
  .mainRub td
  {
    vertical-align: top;
  }
  .mainRub td.rub-img
  {
    width: 100px;
    padding: 0 5px 0 0;
  }
  .mainRub td.rub-img IMG
  {
    width: 100%;
    height: auto;
  }
  .rub-ino .iRub IMG
  {
    width: 100px;
    height: auto;
  }
  .index-bl-news
  {
    display: block;
  }
  .oBlock
  {
    padding: 0 10px;
    display: flex;
    flex-wrap: wrap;
  }
  .oBlock DL, .oBlock DT, .oBlock DD
  {
    padding: 0;
    margin: 0;
  }
  .oBlock .alf
  {
    padding-top: 10px;
    /* width: 160px; */
    width: 100%;
  }
  .oBlockIndex .oBlock .alf
  {
    padding-top: 10px;
    width: 160px;
  }
}