.navs {
  background: #fff;
}
.navs .mobnavs {
  display: none;
}
.navs .dropdown {
  width: 100%;
}
.navs .menu {
 
}
.navs .menu li {
	width:100%;
	line-height:2;
	border-bottom:1px solid #ddd; 
}
.navs .menu li:last-child{ border-bottom:none; }
.navs .menu a {
  font-size:1.2rem;
  padding-left:15px;
  display:block;
  text-decoration: none;
}
.navs .menu a:hover {
  color:#666;
  -webkit-transition: all 300ms linear;
  transition: all 300ms linear;
}
 .navs .mobnav .menubtn { display:none; }
@media screen and (max-width: 750px) {
  .navs {
    position: relative;
    padding: 2vw;
  }
  .navs .mobnav {
    display: block; 

  }
  .navs .mobnav .toolBar {
    overflow: hidden;
    display: block; 
  }
  .navs .mobnav .menubtn {
    padding: 0;
    margin: 0;
	display:block;
    height:20px;
    width: 20px;	
    background:#f00 url(../img/bar.png) center center no-repeat;
    background-size:20px 20px;
	border:none;
    outline: none;
  }
  .navs .mobnav .menubtn:active {
    opacity: 0.8;
  }
  .navs .mobnav .menubtn.close {
    background:#f00 url(../img/close.png) center center no-repeat;
    background-size:20px 20px;
  }
  .navs .mobnav a {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    align-items: center;
  }

  .navs .dropdown {
    position: relative;
    width:100%;
    z-index: 999;
    display: none;
  }
  .navs .dropdown .menu {
  
  }
  .navs .dropdown .menu li {
    width: 100%;
  }
  .navs .dropdown .menu li:last-child a {
    border-bottom: 0;
  }
  .navs .dropdown .menu a {
    text-indent: 2vw;
    border-bottom: 1px solid #ddd;
  }
  .navs .dropdown.show {
    display: block;
  }
}