.dropdownl {
  float: left;
  overflow: hidden;
  position: relative;
  display: inline-block;
}

.dropdownl .drop {
  font-size: 16px;  
  border: none;
  outline: none;
  color: white;
  padding: 14px 16px;
  background-color: inherit;
  margin: 0;
}

 .dropdownl:hover .drop a:hover{
  background-color: transparent;
}

.dropdownl-content {
  display: none;
  position: relative;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: transparent;
  z-index: 1;
  overflow:auto;
}

.dropdownl-content a {
  float: absolute;
  color: rgb(230, 214, 214);
  padding: 12px 16px;
  text-decoration: none;
  
  text-align: left;
}

.dropdownl-content a:hover {
  background-color: transparent;
}

.dropdownl:hover .dropdownl-content {
  display: block;
  background-color:transparent;
  text-align: center;
}


media only screen and (max-width: 992px) {
  .dropdownl .drop {
    font-size: 16px;  
    border: none;
    outline: none;
    color: black;
    padding: 14px 16px;
    background-color: inherit;
    margin: 0;
  }
  
   .dropdownl:hover .drop a:hover{
    background-color: transparent;
  }
  
  .dropdownl-content {
    display: none;
    position: relative;
    background-color: #ce3f3f;
    min-width: 160px;
    box-shadow: transparent;
    z-index: 1;
    overflow:auto;
  }
  
  .dropdownl-content a {
    float: absolute;
    color: rgb(212, 47, 47);
    padding: 12px 16px;
    text-decoration: none;
    
    text-align: left;
  }
  
  .dropdownl-content a:hover {
    background-color: transparent;
  }
  
  .dropdownl:hover .dropdownl-content {
    display: block;
    background-color:transparent;
    text-align: center;
  }
  
}