/*Стиль для кнопки скрытия содержания*/
#hmnavhandle {
    position: absolute;
    width: 15px;
    height: 18px;
    right: 4px;
    top: 7px;
    border-right: 0;
    z-index: 200;
  }
   /*Стили для скрытия панели содержания*/
  #hmnavbox[hide="true"]{
    transition: 0.5s;
    transform: translate(calc(-100% + 17px)); 
  }
  #hmnavbox[hide="true"]~#hmcontentbox {
    transition: 0.5s;
    left: 22px !important;  
  }
  #hmsplitter[hide="true"] {
     transition: 0.5s;
     left: 17px !important;
     cursor: default !important;
     pointer-events: none !important;
  }
  #hmnavbox[hide="false"],
  #hmnavbox[hide="false"]~#hmcontentbox,
  #hmsplitter[hide="false"] {
     transition: 0.5s;
     cursor: default;
  }
  #hmsplitter[hide="true"]~#hmcurtain {
     cursor: default !important;
     pointer-events: none !important;
  }
  /*Конец Стили для скрытия панели содержания*/
  #hmnavframe {
    position: absolute;
    left: 0;
    top: 74px;
    right: 2px;
    bottom: 0;
  }
  /*Измненена верхняя линия для содержания*/
  #hmnavframe::before {
    display: block;
    width: calc(100% - 17px);
    content: '';
    border-top: thin solid #13406d;                     
  }
  #hmcontentbox {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 314px;      
    background: #FFF;
  }

  nav #menu-wrapper { max-width: 100% }

  iframe { left:0;top:0;width:100%;height:100%;border:none;background:#ffffff; }
  #hmcontentbox iframe { position: absolute }
      /* This media query hides the navigation panel when window width <= 760px */
      @media only screen and (max-width: 360px) {
        #hmheadbox {
           font-size: 70%;	   
        }
        #hmheadbox a.logo {  /* Your logo in the top-left corner  */
           display: none;
        }
        #hmcontentslider { 
          /*top: 35px;*/      /* when you change the header height, changes this as well */ 
          right: 0;
          overflow-y: hidden;
      overflow-x: hidden;
      -webkit-overflow-scrolling: touch;
        }
        #hmcontentwrapper {
        overflow-y:hidden;
        width: 200%;
        }
        #hmsplitter { 
          display: none; 
        }
        #hmnavbox { 
      width: 50% !important;
      left: 0;
      bottom: 0;
      overflow: auto;
        }
        #hmcontentbox { 
      width: 50% !important;
      left: 50% !important;
      right: 0;
      bottom: 0;
      overflow: auto;
      border: none;
        }
        #hmheadbox .fullmenu {
      display: none;
        }
      }
      @media only screen and (min-width: 360px) {
             #hmheadbox{
                display: none;
             }
             #hmcontentslider{
               top: 0;
               border-top: none;
             }
             #navbar a.hmbtntoc,
             #navbar a.hmbtnindex, 
             #navbar a.hmbtnsearch {
                display: none;
                }
      }