.sidebar {
  background-color: #212121;
  margin-top: 300px;
  width: 180px;
}
.sidef{
  width: 13%;
  margin-right: 88%;
}
.transpSide {
  transition: background-color .5s;
  position: fixed;
  background: rgba(0, 0, 0, 0.1);
  padding:0px 0px;
}

.transpSide:hover{
  background-color: #212121;
}

.sidef ul li{
  list-style-type: none;
  list-style-position: inside;
  height: 90%;
  width: 150px;
}


@media (min-width: 768px) {
  .main {
    padding-right: 40px;
    padding-left: 220px;
    /* 180 + 40 */
  }
}