.smartphone-menu h4 {
    padding: 10px 0;
    color: #1F5E89;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
}
  .smartphone-menu .main-nav {
    list-style: none;
    width: 100%;
    margin: 0;
    padding: 0;
}
    .smartphone-menu .main-nav li {
      box-sizing: border-box;
      width: 100%;
      margin: 0;
      padding: 0;
      background : -moz-linear-gradient(50% -0.97% -90deg,rgba(41, 126, 183, 1) 0%,rgba(51, 145, 196, 1) 50%,rgba(0, 130, 175, 1) 50%);
      background : -webkit-linear-gradient(-90deg, rgba(41, 126, 183, 1) 0%, rgba(51, 145, 196, 1) 50%, rgba(0, 130, 175, 1) 50%);
      background : -webkit-gradient(linear,50% -0.97% ,50% 96.75% ,color-stop(0,rgba(41, 126, 183, 1) ),color-stop(0.5,rgba(51, 145, 196, 1) ),color-stop(0.5,rgba(0, 130, 175, 1) ));
      background : -ms-linear-gradient(-90deg, rgba(41, 126, 183, 1) 0%, rgba(51, 145, 196, 1) 50%, rgba(0, 130, 175, 1) 50%);
      -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#297EB7', endColorstr='#0082AF' ,GradientType=0)";
      background : linear-gradient(180deg, rgba(41, 126, 183, 1) 0%, rgba(51, 145, 196, 1) 50%, rgba(0, 130, 175, 1) 50%);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#297EB7',endColorstr='#0082AF' , GradientType=0);
      background-size: 100% 100%;
      border-bottom: 1px solid #1F5E89;
}
      .smartphone-menu .main-nav li a {
        display: block;
        padding: 10px;
        color: #ffffff;
}
  .smartphone-menu .sub-buttons a {
    display: block;
    margin: 10px;
    padding: 10px;
    color: #ffffff;
    text-align: center;
    border-radius: 4px;
    background: #1C1C52;
}
  .main-nav li .betsumado {
    background: url(../../images/betsumado.svg) no-repeat center/11px;
    padding-left: 20px;
}