/* Clearfix */
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}

/* Basic Styles */

.mobiletop {
  height: 40px;
  width: 100%;
  background: #102257;
  font-size: 1em;
  font-family: 'opensans', 'Arial';
  font-weight: bold;
  position: relative;
}
.mobiletop ul {
  padding: 0;
  margin: 0 auto;
  width: 600px;
  height: 40px;
}
.mobiletop li {
  display: inline;
  float: left;
  padding: 0;
}
.mobiletop a {
  color: #000 !important;
  display: inline-block;
  width: 100px;
  text-align: center;
  text-decoration: none;
  line-height: 40px;
  /*text-shadow: 1px 1px 0px #283744;*/
}
.mobiletop li a {
  /*border-right: 1px solid #576979;*/
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  font-size: 1.2em !important;
}
/*.mobiletop li:last-child a {
  border-right: 0;
}*/
.mobiletop a:hover, .mobiletop a:active {
  /*background-color: #8c99a4;*/
  color: #fff;
  text-decoration: none;
}
.mobiletop a#pull {
  display: none;
}

/*Styles for screen 600px and lower*/
@media screen and (max-width: 999px) {
  .mobiletop { 
      height: auto;
    }
    .mobiletop ul {
      width: 100%;
      display: block;
      height: auto;
    }
    .mobiletop li {
      width: 100%;
      float: left;
      position: relative;
    }
    .mobiletop li a {
      border-bottom: 1px solid #fff;
      border-right: 1px solid #fff;
  }
    .mobiletop a {
      text-align: left;
      width: 100%;
      text-indent: 25px;
      color: #000;
    }
    
      .mobiletop li:last-child a { border:none; }
    
    .mobiletop ul ul {
      padding-left:3%;
    }
    
    .mobiletop ul ul li a:before {
      content: '￫'; padding-right: 1%; color:#fff;
    }
    
    
    .mobiletop ul ul li a:first-child {
      border:none;
  }
  
  
    
    
}

/*Styles for screen 515px and lower*/
@media only screen and (max-width : 999px) {

  .mobiletop {
    display: block;
    border-bottom: 0;
  }

  .mobiletop ul {
    display: none;
    height: auto;
  }

  .mobiletop a {
    color: #fff !important;
  }


}
.mobile-s4{
  display: none;
}
/*Smartphone*/
@media only screen and (max-width : 999px) {
  .tablet-s4{
    display: none !important;
  }
  .mobile-s4{
    display: block !important;
  }
  .sidebar-2 li a {
      font-size: 5vw !important;
  }
  .sidebar-1 ul li, .sidebar-2 ul li {
    text-align: center !important;
  }
  .sidebar-3 {
      margin-top: 0;
      background-color: #cbcbcb !important;
  }
  .sidebar-3 ul li a {
      color: #000 !important;
  }
  .sidebar-3 ul li{
      color: #000 !important;
  }
  .mobiletop li {
    display: block;
    float: none;
    width: 100%;
  }

  .mobiletop li a {
    border-bottom: 1px solid #ffffff;
    text-align: left;
  }

  /*.mobiletop li:last-child {
    display: none;
  }
*/
}