header .nav-buttons i{
  color:#fff;
}

nav{
  background: transparent;
}

.mobile-menu li a:hover{
  background:#ca4370;
}

@media screen and (max-width:1119px){
  header .logo {
    margin-right: 20px;
  }
  header .cart{
    padding: 15px 20px;
  }
  header .cart a{
    padding: 15px 3px !important;
  }
  header .user-section a{
    margin: 0 25px 0 0;
  }
  
}

@media screen and (max-width:645px){
  header .user-section {
    margin: 15px 0 0 0;
  }
  
}

@media screen and (max-width:449px){
  header .user-section a{
    margin: 0 15px 0 0;
  }
  header .user-section a i{
    margin-right: 2px;
  }
}

@media screen and (max-width:387px){
  header{
    background: #ffd6e3;
  }
}

@media screen and (max-width:385px){
  .container.top{
    text-align: center;
  }
  .logo.f-left{
    float: none;
    margin-right: 0;
  }
  header .user-section a{
    margin: 0 10px 0 0;
  }
  header .user-section a i{
    margin-right: 7px;
  }
  header .cart{
    float: none;
  }
  header .user-section{
    float: none;
  }
}
@media screen and (max-width: 1023px) {
    .product a {
        width: 46% !important;
        float: left;
        padding: 15px 1%;
    }
    .k-beauty-zobraz-dole{
    position:unset;
  }
}

@media screen and (max-width: 610px) {
    .product a {
        width: 100% !important;
        float: left;
        padding: 15px 1%;
    }
}