.navbar {
  margin-top:  10px;
}

.is-block {
  display: block;
}

.has-ceneter {
  text-align: center;
}

.is-hide {
  display: none;
}

@media(min-width: 769px){
  .mobile-footer-menu,
  .mobile-navbar {
    display: none;
  }
}

@media(max-width: 768px){
  .has-margin {
    margin: 10px;
  }

  .footer-menu,
  .navbar {
    display: none;
  }

  .mobile-navbar {
    display: block;
    text-align: center;
    padding: 20px 0;
    position: relative;
  }

  .navbar-burger {
    cursor: pointer;
    display: block;
    height: 3.25rem;
    width: 3.25rem;
    position: absolute;
    left: 0;
    top:  8px;
    color: #1428A0;
  }

  .navbar-burger span:first-child {
    top:calc(50% - 8px)
  }

  .navbar-burger span:nth-child(2) {
    top:calc(50% - 1px)
  }

  .navbar-burger span:nth-child(3)
  {
    top:calc(50% + 6px)
  }

  .navbar-burger span {
    background-color: currentColor;
    display: block;
    height: 3px;
    left: calc(50% - 8px);
    position: absolute;    
    transform-origin: center;    
    transition-duration: 86ms;
    transition-property: background-color,opacity,-webkit-transform;
    transition-property: background-color,opacity,transform;
    transition-property: background-color,opacity,transform,-webkit-transform;    
    transition-timing-function: ease-out;
    width: 22px;
  }

  .navbar-burger.is-active span:first-child{transform:translateY(7px) rotate(45deg)}
  .navbar-burger.is-active span:nth-child(2){opacity:0}
  .navbar-burger.is-active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

  .navMenu {
    position: absolute;
    top: 67px;
    width: 100%;
    text-align: left;
    border-top: solid 1px #d0d0d0;
    border-bottom: solid 1px #d0d0d0;
    z-index: 1000;
    background-color: #fff;
    font-family: Tahoma;
  }

  .navbar-dropdown > p {
    padding: 15px 0;
    margin: 0 15px;
    background-color: white;

    background-image: url('/images/menu/plus.png');
    background-repeat: no-repeat;    
    background-position: right center; 
  }
  .navbar-dropdown.is-active > p {
    background-image: url('/images/menu/minus.png');
  }
  
  .navbar-dropdown:not(:last-child) p {
    border-bottom: solid 1px #d0d0d0;
  }
  .navbar-dropdown.is-active p {
    border-bottom: 0;
  }
  .navbar-dropdown > .dropdown-list {
    display: none;
  }
  .navbar-dropdown.is-active > .dropdown-list {
    display: block;
  }

  .dropdown-list {
    padding: 5px 0;
    background-color: #eee;
  }
  .dropdown-list li {
    padding: 7px 0 7px 30px;    
  }

  .navbar-item a {
    color: #1428A0;
  }

  .navbar-item.menu-title {
    margin: 5px 0 0 20px;
  }

  .mobile-footer-menu .navbar-dropdown {
    border-top: solid 1px #d0d0d0;    
    margin: 0 10px;
  }

  .mobile-footer-menu .navbar-dropdown p {
    margin: 0 5px 0 15px;
    border-bottom: 0;
  }

/*
footer
*/
  .mobile-footer-menu {
    background-color: white;
    font-family: Tahoma;
    /* height: 500px; */
  }
  .back-to-top {
    border-top: solid 1px #d0d0d0;
    text-align: center;
    margin: 0 10px;
    padding: 15px 0;
    color: #1428A0;
  }
  #to-top {
    margin: 0 100px;
    background-image: url('/images/menu/toTop.png');
    background-repeat: no-repeat;    
    background-position: right center; 
  }
  .copyright-container {
    height: auto;
  }
  .copyright-container .copyright {
    font: bold 13px/18px Tahoma;
    word-break: break-word;
    padding: 10px;
  }
/*
Homepage
*/
  .banner-wall .button {
    width: auto;
    margin-right: 15px;
  }

  .scroll-content h1 {
    width: auto;
    padding: 30px 0 20px;    
    text-align: center;
  }

  .scroll-content h1 a {
    font-size: 26px;
  }

  .site-block .item {
    float: none;
  }

  .scroll-content .scroll-list {
    width: 300px;
  }

  .site-block .item.left {
    border-right: 0;
  }

  .scroll-content .row {
    width: auto;
    height: 350px;
  }

  .index .row, .image_show .row, .footer-menu .row, .copyright-container .row {
    width: auto;
  }

  .site-block .item.left,
  .site-block .item.right {
    border-right: 0;
    width: auto;
  }

  .scroll-content .scroll-block {
    width: 145px;
    height: 174px;
    background-repeat: no-repeat;
    background-size: 150px 174px;
    margin: 0 1px;
    padding: 7px 3px;
  }

  .scroll-block-image {
    width: 140px;
  }

  .scroll-block-image img {
    width: 100%;
  }

  .scroll-content .button {
    margin: 70px 0;
  }

  .scroll-content .scroll-block .scroll-block-title {
    width: 142px;
    padding: 0 6px;
  }

  .index_subscribe {
    height: 140px;
    padding: 0 10px;
  }

  .index_subscribe .left {
    float: left;
  }

  .index_subscribe .left h1 {    
    height: auto;
    font: normal 17px/22px Tahoma;
    padding-top: 10px;
  }

  .index_subscribe .right {
    float: none;
    height: 80px;
  }

  .index_subscribe .right .subscribe-form {
    padding: 0;
  }

  .index_subscribe .right input.email {
    width: 260px;
  }

  /* news */
  .index_press {
    height: auto;
    padding-top: 65px;
  }

  .index_press .press-block {
    width: auto;
    float: none;
    margin-bottom: 50px;
  }

  /* ssd */
  .content {
    width: auto;
    padding-bottom: 15px;
  }

  .banner {
    background-size: cover;
    background-position: -480px 0; 
  }

  .ssd_group_header {
    background-color: #333;
    color: #fff;
    padding: 20px;    
  }

  .ssd_group_header h2 {
    font-size: 20px;
    background-image: url('/images/menu/arrow_down.png');    
    background-repeat: no-repeat;
    background-position: right center;
  }

  .ssd_group_header.is_close h2 {
    background-image: url('/images/menu/arrow_up.png');
  }

  .ssd_item {    
    /* margin: 10px 0 10px 5px; */
    /* display: flex; */
    text-align: center;
  }
  /* .ssd_item a,
  .ssd_item a:hover,
  .ssd_item a:visited, {
    color: #275EC2;
  } */
  .ssd_item p {   
    margin-top: 5px;
    color: #275EC2;
  }
  .ssd_list {
    padding: 10px 5px;
    font-size: 13px;
    display: flex;
    align-items: flex-end;
    justify-content: space-around;
    margin-bottom: 20px;
  }

  /* stt usb page */
  .stt_usb .c_desc {
    font: bold 13px/16px Tahoma;
    color: #000;    
    padding: 5px 15px;
  }

  /* .stt_usb .l_desc {
    clear: both;
    margin-top: 10px;
  } */

  div.stt_usb div.list li {    
    margin-right: 0;    
    width: 50%;
  }

  div.stt_usb div.list {
    padding-top: 0;
  }

  /* ssd category page */
  div.ssd div.ssd_detail div.text {
    width: auto;
    padding: 0;
  }

  /* custom usb page */
  .mobile_margin_60 {    
    margin-top: 60px;    
  }

}