/*----- Medias Queries -----*/
@media (max-width: 768px){
    .visible{
        display: none !important;
        visibility: hidden !important;
    }
    
    .hidden{
        display: block !important;
        visibility: visible !important;
    }

    .hamburger {
        display: flex;
        cursor: pointer;
      }
    
     header ul {
        flex-direction: column;
        position: absolute;
        top: 14vh;
        right: -100%;
        background-color: var(--black);
        height: 86vh;
        width: 100%;
        align-items: flex-start !important;
        transition: right 0.3s ease-in;
      }
    
      header ul li {
        margin-right: 0px;
      }
    
      .menu-slide {
        right: 0%;
        transition: right 0.3s ease-in;
      }
    
      .cross .bar {
        opacity: 0;
      }
      .cross .bar1{
        width: 100%;
        transform: rotate(-45deg) translate(1px, 7px);
      }
      .cross .bar2{
        width: 100%;
        transform: rotate(45deg) translate(0px, -7px);
      }
    
      .nav-footer{
        flex-direction: column !important;
        align-items: center !important;
        gap: 20px !important;
        margin-left: -4% !important;
      }

      .social-media a i{
        font-size: 20px !important;
      }

      .copyright{
        font-size: 12px;
      }

      .content--card{
        flex-direction: column !important;
      }

      .dropdown-menu {
        background-color: var(--hover) !important;
        width: 200px !important;
        height: auto !important;
        top: -5px;
        left: 120px;
      }

      .wrapper{
        width: 95%;
      }

      .product div{
        width: 50% !important;
        margin-top: 10% !important;
        text-align: center !important;
      }

      .productt{
        flex-wrap: wrap !important;
      }

      .productt div{
        width: 50% !important;
        margin-top: 10% !important;
        text-align: center !important;
      }

      .total{
        flex-direction: column !important;
      }

      .textareaComent{
        width: 90% !important;
        height: 12vh !important;
      }

      .button-edit{
        padding: 0 10px 0 0;
      }

      .cardd-client{
        margin: 30% 2% !important;
      }

      .edit__products:nth-child(1) .searchh{
        width: 50%;
        text-align: center;
      }

      .edit__balde .searchh{
        width: 50% !important;
      }

      .receiver__data{
        margin-top: 10% !important;
        flex-direction: column !important;
      }
      .receiver__data .searchh{
        width: 80% !important;
      }
}


@media (max-width: 1000px){
    
}