/* add by atsilfia */

.sub-nav{
        display: none;
        position: absolute;
        background-color: #fcfcfc;
        border-radius: 15px;
        min-width: 160px;
        box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
        z-index: 1;
        padding-top:20px;
        padding-bottom:20px;
        
}



.nav-parent .sub-nav span  {
    display: block;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 20px;
    font-weight: 300;
    font-size: 15px;
    height: 40px;
    line-height: 40px;
    text-transform: capitalize;
    color: #000;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    border: transparent;
    letter-spacing: .25px;
}

.nav-parent:hover  .sub-nav{
    display: block;
    
}

.nav-parent:hover  .sub-nav span a{
    color: #000;
    
}

.nav-parent:hover  .sub-nav span a:hover{
    color: #fff;
    background-color: #ee626b;
    border-radius: 15px;
    
}

@media screen and (max-width: 768px) {
   .main-nav .nav .nav-parent .sub-nav {
    display: none;
   }

   .main-nav .nav .nav-parent:hover .sub-nav {
    display: block;
   }
    .sub-nav {
      /* display: none; */
      padding-top:20px;
        padding-bottom:20px;
    }
  
    .sub-nav span {
      display: inline-block;
      min-width: 400px;
      width: 100%;
    }
  
    .nav-parent .sub-nav span {
      padding: 10px;
      border-bottom: 1px solid #fff;
    }
  
  }