@media (max-width:1400.98px) {
     /* index page */
    .login-logo img {
        max-width: 100%;
    }
     /* index page */
}
@media (max-width:991.98px) {
     /* index page */
    .login-logo img {
        max-width: 100%;
    }
    .welcome-section {
        width: 98%;
    }
    .welcome-section h1 {
        font-size: 3rem;
    }
    .welcome-section .normal {
        font-size: 3rem;
        font-weight: normal;
        color: #000000;
    }
    .username {
        font-size: 14px;
    }
    .logout-btn {
        font-size: 14px;
    }
    .board-section {
        padding: 12px 8px;
        width: 98%;
        margin: 12px auto;
    }
    .board-section select {
        padding: 12px 6px;
    }
    .gobtn button {
        padding: 14px 6px;
    }
     /* index page */
       /* about us */
    .about-us h1 {
        font-size: 26px;
        margin: 12px 0;
      }
      .about-us p {
        font-size: 18px;
      }
      .linear-gradient {
        padding: 35px;
        margin: -50px 0 6px 0;
      }
    /* about us */
    /* contact us */
    .contact-us {
        padding: 10px 0;
        width: 95%;
    }
    .contact-us h1 {
        font-size:25px;
        margin: 8px 0 8px 0;
      }
      .contact-us p {
        font-size: 16px;
        padding: 2px;
      }
      .form-group button {
        padding: 7px 22px;
        font-size: 15px;
        margin: 5px 0 0px 0;
      }     
    /* contact us */
    /* feedback */
    .feedback-bg {
        padding: 5px 0 0 0;
        height: auto;
        margin: 0 0 16px 0;
      }
      .feedback-bg h1 {
        font-size: 1.5rem;
        padding: 23px 0 0 0;
        margin: 0;
      }
      .feedback-section h4 {
        font-size: 20px;
        letter-spacing: 1px;
      }
      .star-section .fa {
        font-size: 32px;
        margin: 3px 10px;
      }
    /* feedback */
    /* faqs */
    .faq-section {
        margin: 2px 0 0 0;
      }
    .accordion-button {
      padding: 7px 6px !important;
    }
    /* faqs */
     /* assessment */
     .web-icon {
        height: 50vh;
        margin: 6px auto;
        padding: 15px;
      }
      .web-icon button {
        width: 90%;
        margin: 0 6px;
        font-size: 14px;
      }   
    /* assessment */
    /* tg */
    .tgBtn {
        padding: 6px 10px;
        margin: 2px 1px;
        font-size: 14px;
      }
    .marks-section {
        text-align: center;
        margin: 6px 0;
        font-size: 15px;
      }
      .books-tg {
        width: 98%;
        margin: 10px auto;
      }
      .books-tg h1 {
        font-size: 18px;
      }
      .books-tg ul {
        width: 100%;
      }
      .books-tg h2 {
        margin: 10px 0;
      }
    /* tg */
}
@media (max-width: 767.98px) {
     /* index page */
    .login-logo {
        text-align: center;
        margin: 6px 0;
    }
    .login-logo img {
        max-width: 100%;
    }
    .header-shadow {
        padding:0px 10px;
    }
    .username {
        font-size: 14px;
    }
    .user-section {
        justify-content: center;
        margin: 2px 0 6px 0;
    }
    .logout-section {
        text-align: center;
    }
    .logout-btn {
        padding: 6px 8px;
        font-size: 14px;
    }
    .welcome-section {
        width: 95%;
        display: block;
        margin: 25px auto;
    }
    .welcome-section h1 {
        font-size: 2.4rem;
        text-align: center;
    }
    .welcome-section .normal {
        font-size: 2.4rem;
    }
    .welcome-section .animation {
        width: 60%;
        margin: 25px auto;
    }
    .board-section {
        padding: 10px 8px;
        width: 98%;
        margin: 8px auto;
    }
    .board-section select {
        padding: 10px 6px;
        margin: 3px 0;
    }
    .gobtn button {
        padding: 14px 6px;
        margin: 3px 0;
    }
     /* index page */
     /* about us */
    .about-us h1 {
        font-size: 24px;
        margin: 5px 0;
      }
      .about-us p {
        font-size: 16px;
      }
      .linear-gradient {
        padding: 35px;
        margin: -50px 0 6px 0;
      }
    /* about us */
    /* contact us */
    .contact-us {
        padding: 10px 0;
        width: 95%;
    }
    .contact-us h1 {
        font-size:25px;
        margin: 8px 0 8px 0;
      }
      .contact-us p {
        font-size: 16px;
        padding: 2px;
      }
      .form-group button {
        padding: 7px 22px;
        font-size: 15px;
        margin: 5px 0 0px 0;
      }
      #accordionFlushExample {
        display: block;
      }
      .accordion-custom-box {
        width: 100%;
      }
      .accordion-body {
        font-size: 14px;
        padding: 3px 6px !important;
      }
      .bor {
        margin: 6px 0;
      }
    /* contact us */
    /* feedback */
    .feedback-bg {
        padding: 6px 0 0 0;
        height: auto;
        margin: 0 0 14px 0;
      }
      .feedback-bg h1 {
        font-size: 1.5rem;
        padding: 3px 0 0 0;
        margin: 0;
      }
      .feedback-section h4 {
        font-size: 18px;
      }
      .star-section .fa {
        font-size: 26px;
        margin: 2px 3px;
      }
      .feedback-bg p {
        font-size: 18px;
      }
      .checkbox-section {
        display: flex;
        margin: 3px 0;
      }
      .labelName {
        font-size: 16px;
        margin: 7px 12px;
      }
    /* feedback */
    /* faqs */
    .faq-section {
        margin: 2px 0 0 0;
      }
      .accordion-button {
        padding: 7px 6px !important;
        font-size: 14px;
      }
    /* faqs */
    /* assessment */
    .web-icon {
        height: 50vh;
        margin: 6px auto;
        padding: 15px;
      }
      .web-icon button {
        width: 90%;
        margin: 0 6px;
        font-size: 14px;
      }   
    /* assessment */
    /* tg */
    .tgBtn {
        padding: 6px 8px;
        margin: 2px 1px;
        font-size:13px;
      }
    .marks-section {
        text-align: center;
        margin: 6px 0;
        font-size: 15px;
      }
      .books-tg {
        width: 98%;
        margin: 10px auto;
      }
      .books-tg h1 {
        font-size: 18px;
      }
      .books-tg ul {
        width: 100%;
      }
      .books-tg h2 {
        margin: 10px 0;
      }
    /* tg */
}
@media (max-width: 575.98px) {
    /* index page */
    .login-logo {
        text-align: center;
        margin: 6px 0;
    }
    .login-logo img {
        max-width: 100%;
    }
    .logout-section {
        text-align: center;
    }
    .header-shadow {
        padding: 0px 10px;
    }
    .username {
        font-size: 14px;
    }
    .user-section {
        justify-content: center;
        margin: 0px 0 5px 0;
    }
    .logout-btn {
        padding: 6px 8px;
        font-size: 14px;
    }
    .backbtn {
      padding: 6px 8px !important; 
      font-size: 14px !important;
  }
    .welcome-section {
        width: 95%;
        display: block;
        margin: 25px auto;
    }
    .welcome-section h1 {
        font-size: 2rem;
        text-align: center;
    }
    .welcome-section .normal {
        font-size: 2rem;
    }
    .welcome-section .animation {
        width: 80%;
        margin: 25px auto;
    }
    .board-section {
        padding: 10px 8px;
        width: 98%;
        margin: 8px auto;
    }
    .board-section select {
        padding: 10px 6px;
        margin: 3px 0;
    }
    .gobtn button {
        padding: 14px 6px;
        margin: 3px 0;
    }
     /* index page */
    /* about us */
    .about-us h1 {
        font-size: 22px;
        margin: 5px 0;
      }
      .about-us p {
        font-size: 16px;
      }
      .linear-gradient {
        padding: 35px;
        margin: -50px 0 6px 0;
      }
    /* about us */
    /* contact us */
    .contact-us {
        padding: 10px 0;
        width: 95%;
    }
    .contact-us h1 {
        font-size: 22px;
        margin: 8px 0 8px 0;
      }
      .contact-us p {
        font-size: 16px;
        padding: 2px;
      }
      .form-group button {
        padding: 7px 22px;
        font-size: 15px;
        margin: 5px 0 0px 0;
      }
      #accordionFlushExample {
        display: block;
      }
      .accordion-custom-box {
        width: 100%;
      }
      .accordion-body {
        font-size: 14px;
        padding: 3px 6px !important;
      }
      .bor {
        margin: 6px 0;
      }
    /* contact us */
    /* feedback */
    .feedback-bg {
        padding: 6px 0 0 0;
        height: auto;
        margin: 0 0 14px 0;
      }
      .feedback-bg h1 {
        font-size: 1.5rem;
        padding: 3px 0 0 0;
        margin: 0;
      }
      .feedback-section h4 {
        font-size: 18px;
      }
      .star-section .fa {
        font-size: 26px;
        margin: 2px 3px;
      }
      .feedback-bg p {
        font-size: 18px;
      }
      .checkbox-section {
        display: flex;
        margin: 3px 0;
      }
      .labelName {
        font-size: 13px;
        margin: 7px 4px;
      }
    /* feedback */
    /* faqs */
    .faq-section {
        margin: 2px 0 0 0;
      }
      .accordion-button {
        padding: 7px 6px !important;
        font-size: 14px;
      }
    /* faqs */
    /* assessment */
    .web-icon {
        height: 50vh;
        margin: 6px auto;
        padding: 15px;
      }
      .web-icon button {
        width: 90%;
        margin: 0 6px;
        font-size: 13px;
        padding: 10px 0;
      }   
    /* assessment */
    /* tg */
    .tgBtn {
      padding: 6px 8px;
      margin: 2px 1px;
      font-size: 13px;
      }
      .total-marks {
        width: 35px;
        height: 35px;
    }
    .marks-section {
        text-align: center;
        margin:3px 0;
        font-size: 15px;
      }
      .books-tg .question-box {
        padding: 4px 4px;
        margin:8px 0;
    }
    .books-tg .question-main-bg {
      margin: 2px 0;
      padding: 3px 4px;
  }
      .books-tg {
        width: 98%;
        margin: 10px auto;
      }
      .books-tg h1 {
        font-size: 18px;
      }
      .books-tg ul {
        width: 100%;
      }
      .books-tg h2 {
        margin: 10px 0;
      }
    /* tg */
}