/*Mobile device css*/
@media screen and (max-width: 835px) {
    /*Header Start*/
    header {
        width: 100%;
        position: relative;
        height: 50px;
        z-index: 1;
        /*border-bottom: 1px solid #83807b;*/
        background: #000000;
      }
      header .title {
        position: absolute;
        top: 50%;
        left: 10px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
      }
      header .title img {
        height: 50px;
        width: 50px;
      }
      header .buy-link {
        color: #fff;
        position: absolute;
        font-size: 10px;
        letter-spacing: 1.5px;
        text-decoration: none;
        border-bottom: solid 1px;
        padding-bottom: 2px;
        top: 50%;
        right: 60px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
      }
      header .hbg {
        position: absolute;
        top: 0;
        right: 0;
        display: inline-block;
        width: 50px;
        height: 50px;
        cursor: pointer;
        transition: all 200ms linear;
      }
      header .hbg button {
        position: relative;
        width: 50px;
        height: 50px;
        background: #000000;
        border: none;
        z-index: 2;
      }
      header .hbg button span {
        width: 25px;
        height: 3px;
        background: #fff;
        position: absolute;
        margin: auto;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        transition: all 200ms linear;
      }
      header .hbg button span:before, header .hbg button span:after {
        content: '';
        width: 25px;
        height: 3px;
        background: #fff;
        position: absolute;
        left: 0;
        transition: all 200ms linear;
      }
      header .hbg button span:before {
        top: -9px;
        -webkit-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
                transform: rotate(0deg);
      }
      header .hbg button span:after {
        bottom: -9px;
        -webkit-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
                transform: rotate(0deg);
      }
      header .hbg .humberger-menu-wrap {
        display: none;
        position: fixed;
        height: 100%;
        width: 100%;
        left: 0;
        top: 0;
        background: #000000;
        background: rgba(0, 0, 0, 0.7);
        color: #fff;
        text-align: center;
        overflow-y: scroll;
      }
      header .hbg .humberger-menu-wrap .hum-logo {
        padding: 20px;
      }
      header .hbg .humberger-menu-wrap .hum-logo a {
        display: block;
      }
      header .hbg .humberger-menu-wrap .hum-logo a img {
        width: 90px;
      }
      header .hbg .humberger-menu-wrap .hbg-inner {
        height: 100%;
        width: 100%;
        background: #00000091;
        padding-top: 50px;
      }
      header .hbg .humberger-menu-wrap ul.humberger-menu-list-box {
        overflow-y: scroll;
      }
      header .hbg .humberger-menu-wrap ul.humberger-menu-list-box li {
       
        box-sizing: border-box;
        text-align: left;
      }
      header .hbg .humberger-menu-wrap ul.humberger-menu-list-box li.parent-menu .humberger-menu-ttl {
        position: relative;
        font-size: 12px;
        letter-spacing: 2px;
      }
      header .hbg .humberger-menu-wrap ul.humberger-menu-list-box li.parent-menu .humberger-menu-ttl span:before, header .hbg .humberger-menu-wrap ul.humberger-menu-list-box li.parent-menu .humberger-menu-ttl span:after {
        content: "";
        width: 15px;
        height: 2px;
        background: #fff;
        position: absolute;
        right: 0;
        top: 50%;
        transition: 200ms ease all;
      }
      header .hbg .humberger-menu-wrap ul.humberger-menu-list-box li.parent-menu .humberger-menu-ttl span:before {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
            transform: rotate(0deg);
      }
      header .hbg .humberger-menu-wrap ul.humberger-menu-list-box li.parent-menu .humberger-menu-ttl span:after {
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
      }
      header .hbg .humberger-menu-wrap ul.humberger-menu-list-box li.show-sub-menu {
        padding-bottom: 0;
      }
      header .hbg .humberger-menu-wrap ul.humberger-menu-list-box li.show-sub-menu .humberger-menu-ttl span:after {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
            transform: rotate(0deg);
      }
      header .hbg .humberger-menu-wrap ul.humberger-menu-list-box li.show-sub-menu .sub-menu {
        display: block;
      }
      header .hbg .humberger-menu-wrap ul.humberger-menu-list-box li.show-sub-menu .sub-menu a {
        color: #FFFFFF;
        color: rgba(255, 255, 255, 0.7);
        display: block;
        padding: 10px 0px 10px 20px;
      }
      header .hbg .humberger-menu-wrap ul.humberger-menu-list-box li.humberger-menu-list {
        padding: 15px 20px;
        border-top: 1px solid #fff;
        position: relative;
        text-align: center;
      }
      header .hbg .humberger-menu-wrap ul.humberger-menu-list-box li.humberger-menu-list a {
        color: #fff;
      }
      header .hbg .humberger-menu-wrap ul.humberger-menu-list-box li.humberger-menu-list:last-child {
        border-bottom: 1px solid #fff;
      }
      header .hbg .humberger-menu-wrap ul.humberger-menu-list-box li .ex-link img {
        width: 20px;
        position: absolute;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
        top: 50%;
        right: 20px;
      }
      header .hbg .humberger-menu-wrap ul.humberger-menu-list-box a {
        display: inline-block;
      }
      header .hbg .humberger-menu-wrap ul.humberger-menu-list-box .sub-menu {
        display: none;
        padding-left: 10px;
        font-size: 10px;
      }
      header .hbg.show span {
        background: transparent;
        z-index: 2;
      }
      header .hbg.show span:before {
        top: 0px;
        -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
                transform: rotate(45deg);
      }
      header .hbg.show span:after {
        bottom: 0px;
        -webkit-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
                transform: rotate(-45deg);
      }
      header .hbg.show .humberger-menu-wrap {
        display: block;
        z-index: 1;
      }
      header .g-nav-box {
        padding-top: 50px;
        background: #fff;
      }
      header .g-nav-list ul {
        display: table;
        width: 100%;
        font-size: 0;
      }
      header .g-nav-list ul li {
        text-align: center;
        display: table-cell;
        width: 50%;
        background: #fff;
      }
      header .g-nav-list ul li:first-child {
        border-right: 1px solid #ddd;
      }
      header .g-nav-list ul li a {
        padding: 15px;
        font-size: 12px;
        color: #848484;
        display: block;
      }
      header .g-nav-list ul li a img {
        width: 18px;
        margin-right: 15px;
        vertical-align: middle;
      }
    /*Header End*/
    /*Footer Start*/
    footer {
        background: #000000;
        margin-top: auto;
        text-align:center;
        color: #fff;
        padding:10px;
      }
      footer .nav-footer{
        width: 340px;
        margin: 0px auto;
    }
    footer ul.nav-footer li a, footer ul.nav-footer2 li a{
      font-size: 12px;
      display: inline-block;
    }
    footer ul.nav-footer li, footer ul.nav-footer2 li{
      line-height:1px;
      margin-bottom: 10px;
      display: unset;
    }
    footer ul.nav-footer li:nth-child(even) {
      border:none;
  }
    footer .copy{
      font-size: 10px;
  }
  footer .copy small{
    font-size: 12px;
    font-family: initial;
  }

  
    /*Footer End*/
    /*Common Css*/
    .pc {
        display: none !important;
    }


}
/* End mobile device css*/