@media only screen and (max-width: 680px) {
  .content { width: 680px; }


      #topfix .inside a.logotype { left: 2px; }
      #topfix .inside div.search { margin-right: 0px; width: 170px;}

    div#linkspace { background: #4B76B9; margin-top: 3px; height: 43px;}
    div#linkspace div.mobile_menu { display: block; clear: both; margin: 0 auto; padding: 0; height: 43px; width: 100%; border-bottom: 2px solid #f2f2f2;}
      #linkspace div.mobile_menu div.lang {float: left; margin: 0 auto; width: 55%; background-color: #f2f2f2; box-sizing: border-box;}
      #linkspace div.mobile_menu div.lang a {margin: 0; height: 40px; display: table-cell; padding: 0 10px; vertical-align: middle; color: #666; background: #f7f7f7; text-decoration: none; font-size: 12px; }
      #linkspace div.mobile_menu div.lang a:hover {background: #f2f2f2;}
      #linkspace div.mobile_menu div.lang a.select {background: #38599b; color: #fff;}

      #linkspace div.mobile_menu div#menu_action { float: right; width: 40%; height: 40px; }
        #menu_action div.menu_icon {
          width: 48px;
          height: 32px;
          position: relative;
          margin: 4px 10px 0;
          -webkit-transform: rotate(0deg);
          -moz-transform: rotate(0deg);
          -o-transform: rotate(0deg);
          transform: rotate(0deg);
          -webkit-transition: .5s ease-in-out;
          -moz-transition: .5s ease-in-out;
          -o-transition: .5s ease-in-out;
          transition: .5s ease-in-out;
          cursor: pointer;
          float: right;
          border: 2px solid #f2f2f2;
          border-radius: 3px;
          box-sizing: border-box;
        }
        #menu_action div.menu_icon span {
          display: block;
          position: absolute;
          height: 2px;
          left: 7px;
          width: 30px;
          background: #f2f2f2;
          border-radius: 3px;
          opacity: 1;
          -webkit-transform: rotate(0deg);
          -moz-transform: rotate(0deg);
          -o-transform: rotate(0deg);
          transform: rotate(0deg);
          -webkit-transition: .25s ease-in-out;
          -moz-transition: .25s ease-in-out;
          -o-transition: .25s ease-in-out;
          transition: .25s ease-in-out;
        }
        #menu_action div.menu_icon span:nth-child(1) {
          top: 8px;
        }

        #menu_action div.menu_icon span:nth-child(2) {
          top: 14px;
        }

        #menu_action div.menu_icon span:nth-child(3) {
          top: 20px;
        }

        #menu_action div.menu_icon.open span:nth-child(1) {
          top: 14px;
          -webkit-transform: rotate(135deg);
          -moz-transform: rotate(135deg);
          -o-transform: rotate(135deg);
          transform: rotate(135deg);
        }

        #menu_action div.menu_icon.open span:nth-child(2) {
          opacity: 0;
          left: -60px;
        }

        #menu_action div.menu_icon.open span:nth-child(3) {
          top: 14px;
          -webkit-transform: rotate(-135deg);
          -moz-transform: rotate(-135deg);
          -o-transform: rotate(-135deg);
          transform: rotate(-135deg);
        }
    #linkspace div.menu_content { display: none; }
      #linkspace div.menu_content div.link { float: left; padding: 0 10px; background: #4B76B9; width: 100%; }
        #linkspace div.menu_content div.link:hover { background: #6A93D4; }
      #linkspace div.menu_content div.link.drop > div.sub { display: block; }
      #linkspace div.menu_content div.link.close > div.sub { display: none; }
      #linkspace div.menu_content div.link.dropdown:hover > a.head::after {
        content: "";
        top: 13px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 7px 5px 7px;
        border-color: transparent transparent #ffffff transparent;

      }
        #linkspace div.menu_content div.link a.head { position: relative; display: block; width: 100%; height: 35px; line-height: 35px; text-decoration: none; text-transform: uppercase; color: #fff;}
        #linkspace div.menu_content div.link.dropdown a.head::after {
          content: "";
          position: absolute;
          top: 10px;
          right: 20px;
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 5px 6px 0 6px;
          border-color: #ffffff transparent transparent transparent;
        }
        #linkspace div.menu_content div.link div.sub { display: none; margin-bottom: 10px; background: #6A93D4; }
          #linkspace div.menu_content div.link div.sub a { display: block; width: 100%; height: 30px; text-transform: none; text-decoration: none; color: #fff;}
          #linkspace div.menu_content div.link div.sub a:hover { text-decoration: underline; }
  div#links { display: none;}

   div#topline {height: 2px;}

   div#top { height: 40px; }
      #top a.logotype {height: 40px; margin: 2px 2px;}
      #top a.logotype_en {background-size: 100px 36px; width: 100px;}
      #top a.logotype_ru {backgroun-image: url('./img/logotype_mob_ru.png'); background-size: 95px 36px; width: 95px;}
      #top a.logotype_kg {background-size: 96px 36px; width: 100px;}
      #top div.options {margin: 0 auto;}
          #top .options div.account {float: left; margin-right: 5px;}
              #top .options .account a.button {padding: 0 3px; font-size: 8px;}
                  #top .options .account a.button div.icon {margin-right: 5px}
          #top .options div.search { display: none; }

  div#banner {display: none;}

  div#main {display: block;}
    #main div.cont {display: block;}
    #main div.header {display: block;}
    #main div.news {display: block; width: 100%; height: auto; overflow: hidden;}
        #main div.news div.list div.boxs {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; width: 96%; margin: 0 auto;}
          #main div.news div.list div.boxs div.new {width: 49%; padding: 0 20px; font-size: 12px;}
            #main div.news div.list div.boxs div.new a {font-size: 12px;}
              #main div.news div.list div.boxs div.new a img {width: 100%; height: auto;
                box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
              #main div.news div.list div.boxs div.new a div.name {font-size: 14px;}
    #main div.blocks { display: block; width: 100%; }
        #main div.blocks div.subs {position: static; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; width: 96%; margin: 0 auto; padding: 0 10px;}
          #main div.blocks div.subs div.box {width: 49%; height: auto; margin: 10px 0; padding: 0 0 0 10px; overflow: hidden; font-size: 14px;}
            #main div.blocks div.subs div.box div.image {position: static; width: 100%; height: auto;}
            #main div.blocks div.subs div.box div.image a img {width: 100%; height: auto; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
            #main div.blocks div.subs div.box div.date {position: static; width: 100px; height: 20px; padding: 6px 0 0 5px; margin-bottom: 4px; background: #f2f2f2; font-size: 10px; line-height: 10px; font-weight: 400;}
            #main div.blocks div.subs div.box div.name {margin: 0;}
            #main div.blocks div.subs div.box a.name {font-size: 14px; line-height: 12px; color: #0096db; vertical-align: top; text-decoration: none;}
            #main div.blocks div.subs div.box a.name:hover {text-decoration: underline;}
            #main div.blocks div.subs div.box div.desc {margin-top: 0; font-size: 14px; line-height: 14px;}
              #main div.blocks div.subs div.box div.desc div.sub {background: #f0f0f0; float: right; margin: 0 0 10px 10px;}
    #main div.pe {display: block;}
      #main div.pe div.left {width: 100%; display: block;}
      #main div.pe div.right {display: none;}
    #main div.pubs {width: 100%; margin-top: 20px;}
      #main div.pubs h1 {width: 100%; font-size: 30px; line-height: 30px; padding: 20px 0 0 20px; text-transform: uppercase; font-weight: 300; color: #0096db;}
        #main div.pubs h1 a {color: #0096db; text-decoration: none;}
        #main div.pubs h1 a:hover {text-decoration: underline;}
      #main div.pubs div.list {width: 100%; padding: 0 10px 20px;}
        #main div.pubs div.list div.ins {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; width: 100%; margin: 0 auto;}
        #main div.pubs div.list a.box {width: 45%; padding: 10px; font-size: 14px; color: #0096db; text-decoration: none;}
        #main div.pe div.full div.pubs div.list a.box {width: 45%;}
        #main div.pubs div.list a.box:hover {text-decoration: underline;}
          #main div.pubs div.list a.box img {width: 100%;}
          #main div.pubs div.list a.box div.name {text-align: left;}
  #main div.events {display: none;}    
  #main div.gallery { display: none; }
  
  div#body {position: static; display: block; width: 100%;}
    #body div.left_block {display: none;}
    #body div.center_block {display: block; width: 100%;}
      #body div.center_block h1 {font-size: 22px;}
      #body div.center_block h1 a {font-size: 22px;}
      #body div.center_block h1 span {font-size: 24px;}
    #body div.right_block {display: block; width: 100%;}
    #body div.right_block div.news a.new {font-size: 13px;}

  div#article div.text {margin-bottom: 10px;}
    #article div.text img.left {display: block; width: 100%; height: auto;}
    #article div.text img.right {display: block; width: 100%; height: auto;}
    #article div.text div.center {margin-bottom: 5px;}
      #article div.text div.center img {display: block; width: 100%; height: auto;}

  #news div.list div.boxs div.new a {font-size: 14px;}
  #news div.list div.boxs div.new a div.name {font-size: 14px;}

  div#pub div.list {width: 100%; margin-bottom: 10px;}
    #pub div.list div.ins {width: 100%; display: flex; align-content: space-around; flex-wrap: wrap;}

  div.spoiler div.spinside table a img {display: block; width: 100%;}
  div.spoiler div.spinside a img {display: block; width: 100%;}

  div#footer {display: block; width: 100%; height: auto; padding-top: 10px;}
    #footer div.logos {display: none;}
    #footer div.contacts {display: block; width: 100%; background: #f2f2f2;}
      #footer div.contacts div.header {text-align: center;}
       #footer div.contacts div.ins { display: flex; flex-wrap: wrap; align-content: space-around; width: 100%;}
        #footer div.contacts div.ins div.in {display: block; width: 49%; margin: 0 auto; padding-left: 10%; padding-right: 0; padding-top: 5px;}
}

@media only screen and (max-width: 380px) {
    /* For mobile phones (portrait): */
    .content {
      width: 100%;
      max-width: 380px;
    }

  #main div.news div.list div.boxs div.new {width: 100%; padding: 0 20px; font-size: 14px;}
  #main div.blocks div.subs div.box {width: 100%; height: auto; margin: 10px 0; padding: 0 0 0 10px; overflow: hidden; font-size: 14px;}

  #body div#news div.list div.boxs div.new { width: 49%; }
  
  div#pub div.list div.ins {width: 100%; display: flex; align-content: space-around; flex-wrap: wrap;}
    #pub div.list a.box {width: 49%;}
  
  div#article div.text div.staff {width: 100%;}
    #article div.text div.staff div.box {width: 49%; margin-bottom: 10px; font-size: 14px; padding: 0 7px; text-align: center;}
  div#article div.share {display: block; width: 100%; height: auto; font-size: 22px;}
    #article div.share div.text {display: block; line-height: 24px; height: 24px; width: 100%; text-align: center; margin-bottom: 0;}
    #article div.share div.buttons {display: block; width: 100%;}

  div#footer div.contacts div.ins div.in {display: block; width: 60%; margin: 0 auto; padding-right: 0; padding-top: 5px;}
}