@media only screen and (max-width: 1200px) {
     .carousel {
    top: 40px!important;
            padding-bottom: 3rem;
  }
  .page-header {
    padding-top: 150px;
  }
  }

 @media only screen and (max-width: 991px) {
    .navbar .navbar-nav {
        background: #000000db;
    }
    
  .page-header {
    padding-top: 100px;
  }
  .navbar {
      padding-top: 0rem;
  }
  
  .consent-box .form-check-input {
                width: 35px;
        height: 18px;
        margin-top: 2px;
    }
 
  }



@media only screen and (max-width: 767px) {
}

 @media only screen and (max-width: 600px) { 

    table {
        display: block;   
        width: 100%;
        overflow-x: auto;
    }
     .page-header {
    padding-top: 80px;
  }
.btn-primary, .btn-outline-primary {
    font-size: 12px;
    padding: 2px 0px;
}

.join-book-btn {
    margin-left: 1.5rem;
            margin-top: -1rem;
        padding-bottom: 1rem;
}

    .carousel {
        top: 55px !important;
        padding-bottom: 3rem;
    }
  
 }

 @media only screen and (max-width: 575px) {
     
      .modal-dialog {
        max-width: 100% !important;
        margin: 0 !important;
        height: 100%;
    }
    .modal-content {
        height: 100%;
        border-radius: 0;
    }
 }