.filter-box{margin:0 12px 0 0;}
.number-box{width:220px;padding:10px 15px 10px 0px; position: relative; background:;}
.number-box i {position: absolute; top:40px; right:20px; font-size:1.4em; color: #fff;}
.mail-box{margin:0;}

.number-search {
  border:0px; /*important*/
  background-color: #78bd6a; /*important*/
  position:; /*important*/
  padding:6px 24px 6px 24px; /*padding:12px 24px 12px 12px;*/
  width:80%;
  height:23px;
  margin: 4px 0 0 0;
  font-size:1.2em;
  color: #f7f7f7;
}
input.number-search::-webkit-input-placeholder { color: #dadada; }
input.number-search:-moz-placeholder { color: #dadada; }

.mobile-menu{
  display:block;
  width:212px;
  margin:0;
  padding:10px 10px 10px 10px;
  background:#74C3D7;
  color:#ffffff;
}

.mobile-menu:hover{
  background:#91DBED;
  color:#ffffff;
  text-decoration:none;
}

.mobile-menu i {
  color:#ffffff;
  float:right;
  font-size:1.4em;
  margin-top: -0.1em;
}

.mail-box .mobile-menu {
  font-size:1.2em;
  font-weight: bold;
}

.filter-menu{display:none; width: 100%}
.filter-menu li{
  display: block;
  position: relative;
  z-index:100; margin:0; width: 25%;}
.filter-menu li a {
  text-decoration:none;
  display:block;
  padding: 0.3em;
  color:#797979;
  background:#f7f7f7;
  border:1px solid #F2F1EC;
  -webkit-transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  -ms-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
}
.filter-menu li a:hover, .filter-menu li:hover > a{
  background:;
  color:#797979;
  border-left:5px solid #f7f7f7;}
.filter-menu li a.selected {
  background-color: #13F;
  text-shadow: none;
  color: white;
}

@media (max-width: 767px) {
  .filter-box{width:100%;}
  .number-box{width:50%;padding:5px; position: relative;}
  .number-box i {position: absolute; top:35px; right:10%; font-size:1.4em;}
  .number-search {
    border:0px; /*important*/
    background-color: ; /*important*/
    position:; /*important*/
    padding:6px 12px 6px 12px; /*padding:12px 12px 12px 12px;*/
    width:80%;
    height:23px;
    margin: 4px 0 0 0;
    font-size:1.2em;
    color: #f7f7f7;
  }
  .mobile-menu{display:block;
               margin:0 auto;
               width:95%;}
  .mobile-menu i {
    color:#ffffff;
    float:right;
    font-size:1.3em;
    margin-top: -0.1em;
  }
  .filter-menu{display:none; width: 100%;}
  .filter-menu li{display:block;
                  margin:0; width: 100%;}
  .filter-menu li a {
    background:#ffffff;
    color:#797979;
  }
  .filter-menu li a:hover, .filter-menu li:hover > a{
    background:#f0f0f0;
    color:#797979;
    border-left:3px solid #9CA3DA;
  }

}