@media screen and (max-width:768px){
  #wrapper{width:auto}
  #head-one{height:auto;overflow:hidden}
  #head-one div{float:none}
  #head-one #head-navi{float:none;width:auto;padding-left:8px;overflow:hidden}
  #datetime{width:auto;padding:6px 8px 0}
  #head-two{height:auto;overflow:hidden}
  #head-two a{display:block}
  #head-two img{max-width:100%;height:auto;float:none;display:block}
  #head-contacts{float:none;width:auto;padding:6px}
  #head-contacts div{padding-top:0!important}
  ul#head-block-nav{height:auto;overflow:hidden}
  ul#head-block-nav li{float:none;width:auto;height:auto;border-left:0}
  ul#head-block-nav li a{height:auto;padding:8px}
  .colmask,.colright,.colmid,.colleft,.col1wrap,.col1,.col2,.col3,.threecol .colmid,.threecol .colleft,.threecol .col1,.threecol .col2,.threecol .col3{float:none;width:auto;position:static;left:auto;right:auto;overflow:visible}
  .threecol,.threecol .colmid,.threecol .colleft{background:#fff}
  .col1{padding:0 8px 1em}
  .col2,.col3{background:#fdeece}
  .col2 div[style*="height: 100px"]{display:none}
  #footer{float:none;width:auto;border-right:0}
  #copy{float:none}
  #leftcol,#rightcol{float:none;width:auto}
  img{max-width:100%;height:auto}
  .col1 table{display:block;overflow-x:auto;max-width:100%;width:auto!important;box-sizing:border-box}
  fieldset{min-width:0;padding:.6em}
  .col1 input,.col1 select,.col1 textarea{max-width:100%;box-sizing:border-box}
  #paper-chooser-frame{max-width:100%}
  #Zmodal{left:5%;width:80%;top:15%;height:auto;max-height:70%}
  .itab{float:none;width:auto}
  body{overflow-wrap:anywhere;word-wrap:break-word}
}