@media screen and (max-width: 700px) {
  #container {
    margin: 0 auto;
    min-width: auto;
    overflow: hidden; }

  .wrapper {
    margin: 0 10px;
    width: auto; }

  #header {
    border-bottom: 1px solid #ccc; }
    #header .wrapper {
      position: relative; }
    #header p#catchcopy {
      margin: 0;
      padding: 3px 0;
      font-size: 11px;
      color: #aaaaaa;
      text-decoration: none;
      float: left;
      max-width: 900px;
      min-width: 600px; }
    #header h1#logo {
      float: left;
      margin: 10px 0 15px;
      width: 50%;
      height: 40px;
      position: relative; }
      #header h1#logo a:hover {
        opacity: 0.8;
        filter: alpha(opacity=80);
        -ms-filter: "alpha( opacity=80 )"; }
      #header h1#logo img {
        width: auto;
        height: 100%; }
    #header p#slogan {
      display: none; }
    #header #headNavi {
      display: none; }
    #header .headSearch {
      display: none; }
    #header nav {
      position: fixed;
      top: -400px;
      background: #fff;
      width: 100%;
      padding: 0px;
      -webkit-transition: .95s ease-in-out;
      -moz-transition: .95s ease-in-out;
      transition: .94s ease-in-out;
      margin: 0;
      z-index: 99; }
      #header nav .gbmenu {
        position: relative;
        background: #222222;
        min-height: 40px;
        z-index: 10;
        bottom: -1px; }
        #header nav .gbmenu > ul {
          margin: 0 auto;
          width: auto;
          padding: 0px 0;
          position: relative;
          border-top: 1px solid #444444; }
          #header nav .gbmenu > ul > li {
            color: #ffffff;
            display: block;
            float: left;
            font-size: 15px;
            width: 50%; }
            #header nav .gbmenu > ul > li > a {
              background: #222222;
              width: 100%;
              border-right: none;
              border-bottom: 1px solid #444444;
              text-align: left;
              padding: 12px 9px;
              display: block;
              position: relative;
              z-index: 1;
              text-align: center;
              vertical-align: middle;
              color: #ffffff;
              text-decoration: none; }
              #header nav .gbmenu > ul > li > a > img {
                width: auto;
                height: 22px;
                display: inline;
                vertical-align: middle;
                padding-right: 5px;
                margin-top: -2px; }
            #header nav .gbmenu > ul > li:nth-of-type(2n + 1) a {
              border-right: 1px solid #444444; }
        #header nav .gbmenu ul.sgbmenu {
          display: none; }
    #header #nav-toggle {
      position: absolute;
      right: 12px;
      top: 18px;
      width: 34px;
      height: 36px;
      cursor: pointer;
      z-index: 101; }
      #header #nav-toggle > div {
        position: relative; }
      #header #nav-toggle span {
        display: block;
        position: absolute;
        height: 4px;
        width: 100%;
        background: #666;
        left: 0;
        -webkit-transition: .35s ease-in-out;
        -moz-transition: .35s ease-in-out;
        transition: .35s ease-in-out; }
        #header #nav-toggle span:nth-child(1) {
          top: 0; }
        #header #nav-toggle span:nth-child(2) {
          top: 11px; }
        #header #nav-toggle span:nth-child(3) {
          top: 22px; }
    #header.open #nav-toggle span:nth-child(1) {
      top: 11px;
      -webkit-transform: rotate(315deg);
      -moz-transform: rotate(315deg);
      transform: rotate(315deg); }
    #header.open #nav-toggle span:nth-child(2) {
      width: 0;
      left: 50%; }
    #header.open #nav-toggle span:nth-child(3) {
      top: 11px;
      -webkit-transform: rotate(-315deg);
      -moz-transform: rotate(-315deg);
      transform: rotate(-315deg); }
    #header.open #hnav {
      -moz-transform: translateY(470px);
      -webkit-transform: translateY(470px);
      transform: translateY(470px); }

  #footer {
    padding: 0 0 20px; }
    #footer .wrapper {
      position: relative;
      margin: 0; }
    #footer #footNavi {
      margin-bottom: 20px; }
      #footer #footNavi li {
        display: block; }
        #footer #footNavi li a {
          color: #ffffff;
          text-decoration: none;
          border-radius: 0;
          border: none;
          border-top: 1px solid #444444;
          background: #333333;
          padding: 6px 10px;
          display: block; }
          #footer #footNavi li a:hover {
            background: #222222; }
        #footer #footNavi li:last-of-type a {
          border-bottom: 1px solid #444444; }
    #footer #attnMsg {
      display: none; }
    #footer #copyright {
      float: none;
      position: relative;
      text-align: center;
      margin-top: 10px; }
    #footer #backtotop {
      display: none; }

  #main {
    width: 100%; }

  #sidebar {
    width: 100%; }
    #sidebar section {
      width: 100%; }
      #sidebar section.sideBnr1, #sidebar section.mainBnr2 {
        width: 240px;
        margin-left: auto;
        margin-right: auto; }

  .products .productDetail div.pImg,
  .products .productDetail div.pInfo {
    float: none;
    width: 100%; }
  .products .productDetail div.pInfo {
    margin-left: 0; }
  .products .productDetail ul.pImgList, .products .productDetail ul.pImgList.row04 {
    margin-left: 0;
    margin-right: 0; }

  #supportInfo .custominfo2 dl.telinfo {
    min-width: auto;
    width: 90%;
    max-width: none;
    float: none; } }