.hidden{
    display: none !important;
  }
  
  @media (min-width: 992px) {
    .container-lg, .container-md, .container-sm, .container {
      max-width: 90% !important;
    }
  }
  @media (min-width: 1200px) {
    .container-xl, .container-lg, .container-md, .container-sm, .container {
      max-width: 90% !important;
    }
  }

  @media (min-width: 576px){
    .modal-dialog {
      max-width: 80% !important;
    }
  }

  @media (min-width: 992px){
    .modal-dialog {
      max-width: 45% !important;
    }
  }
  
  
  .hover{
    cursor: pointer;
  }