body{
    background: white !important;
}

.slick-list.draggable{
    max-height: 800px;
}

.product_name__name{
        text-transform: none !important
}

.product_name__description{
    text-transform: none !important
}


@media (min-width: 980px){
    header{
        border-bottom: 1px solid #7163a5;
    }
    
     #menu_search button{
         width:45px !important;
         
     } 

    #menu_basket .b_wrap{
        padding: 10px !important; 
        top: auto !important;
        border: 1px solid #7163a5 !important;
        border-radius: 3px !important;
    }
    
    #menu_basket .badge {
        left: 15px !important;
        top: -8px !important;
    }

    .navbar-nav{
       flex-wrap: nowrap !important;
       flex-direction: row !important;
       align-items: center !important;
       order: inherit !important;
       justify-content: space-around !important;
       box-sizing: border-box;
    }

    .navbar-nav > .nav-item > .nav-link{
        color: #7163a5 !important;
        box-sizing: border-box;
        transition: 0.2s ease-in;
    }

    .navbar-nav > .nav-item > .nav-link:hover{
        color: black !important;
    }

    .navbar-nav > li{
        width: auto !important;
        font-size: 0.7vw;
    }

    .nav-item > .navbar-subnav{
        display: flex !important;
        animation: fade-out 0.5s !important; 
        overflow: hidden !important;
        max-height: 0px;
        animation-delay: 0.5s !important;
        border: none !important;
        border-radius: 5px;
        -webkit-box-shadow:inset 0px 0px 0px 1px #7B6EA1;
        -moz-box-shadow:inset 0px 0px 0px 1px #7B6EA1;
        box-shadow:inset 0px 0px 0px 1px #7B6EA1;
    }
    
    .nav-item:hover > .navbar-subnav{
        display: flex !important;
        animation: fade-in 1.3s !important;
        max-height: 1000px;
    }

    #menu_basket{
        padding-right: 10px !important;
        height: 100% !important;
        top: 0 !important;
    }

    #main_basket::before{
        height: 100% !important;
        margin: 0 3px !important; 
    }

    #main_basket{
        height: 35.5px !important;
        position: relative;
        bottom: 0;
    }

}

@media (min-width: 979px) and (max-width: 1300px){
    .navbar-nav > li{
        font-size: 0.9vw !important;
    }
}


@keyframes fade-in {
    0% {
        max-height: 0px;
    }
    20% {
        max-height: 0px;
    }
    100% {
        max-height: 1000px;
    }
  }
  
  @keyframes fade-out {
    from {
      opacity: 1;
    }
    to {
      opacity: 0;
    }
  }


@media (max-width: 6000px){
#container {
    margin-top: 190px !important;
    }
}


@media (max-width: 978px){
#container {
    margin-top: 190px !important;
    }   
}

@media (max-width:600px){
    
    body::-webkit-scrollbar{
        width: 0 !important;
    }
    
    body::-webkit-scrollbar-thumb{
        border-radius: 0px !important;
    }
    
    #container {
    margin-top: 0px !important;
    }
    
    .breadcrumbs{
    top: 60px;
    z-index: 52;
    background-color: white;
    }
    
    #content{
        top: 55px;
    }

    #footer_links{
        top: 90px !important;
    }
    
    .logo_iai{
         top: 90px !important;
         position: relative;
    }
    
    #menu_newsletter{
         top: 90px !important;
    }

}