.left-nav-container {
  width: 23%;
/*  width: 250px;*/
  border: 1px solid #eee;
  margin: 0px auto 20px auto ;  
}
.left-nav {
  list-style-type: none;
  margin:0;
  padding:0;
}
.left-nav-text{
  font-weight: 400;
  word-break: break-all;
  text-transform: capitalize;
}
.left-nav li{
  height: 50px;
  position:relative;
}
.left-nav li a {
  border-bottom: 1px solid #eee;
  display:block;
  line-height:50px;
  padding-left:10%;
}
.left-nav li:last-child a{
  border-bottom: none!important;
}
.left-nav .active a {
  border-left:5px solid #19628d;
}
.left-nav .active a span,.left-nav li a span:hover{
  color: #19628d!important;
}
@media only screen and (min-width:768px) and (max-width : 992px){
  .left-nav-text{
    font-size: 13px!important;
  }
}
@media only screen and (min-width:481px) and (max-width : 767px){
  .left-nav-container{ 
    width: 95%!important;
  }
  .left-nav-text{
    font-size: 14px!important;
  }
}
@media only screen and (min-width:320px) and (max-width: 480px){
  .left-nav-container{ 
    display: none;
  }
  .left-nav .active a,.left-nav a{
    color: inherit!important;
  }
}