/* Normal desktop :1200px. */
@media (min-width: 1200px) and (max-width: 1600px) {
    body .container {
       max-width: 1000px;
    }
 }
 
 /* Normal desktop :992px. */
 @media (min-width: 992px) and (max-width: 1200px) {
    body .container {
       max-width: 1000px;
    }
 }
 
  
 /* Tablet desktop :768px. */
 @media (min-width: 768px) and (max-width: 991px) {
    .show-board-img {
       margin: 0 auto;
       width: 500px;
    }
    .show-board-text {
       padding-left: 100px;
       padding-right: 100px;
       margin-top: 50px;
    }
 
 }
 
  
 /* small mobile :320px. */
 @media (max-width: 767px) {
    .chart-img img {
       width: 100%;
    }
    .section-title h2 {
       font-size: 33px;
    }
    .black-title h2 {
       font-size: 26px;
    }
    .section-title {
       margin-bottom: 37px;
    }
    .container-fluid {
       padding-left: 30px;
       padding-right: 30px;
    }
    .show-board-text {
       padding: 0;
    }
    .show-board-img {
       position: relative;
       margin: 0 20px;
    }
    .order-sm-2 {
       -ms-flex-order: 2;
       order: 2;
    }
    .show-board-text {
       padding-right: 17px;
       padding-left: 20px;
       margin-top: 35px;
    }
    .show-board {
       padding-top: 50px;
    } 
 }
  
 /* Large Mobile :480px. */
 @media only screen and (min-width: 480px) and (max-width: 767px) {
   .container {width: auto}
 }

 /* Get Involved Page */
 @media only screen and (max-width: 1100px) {
   .involved-icons li {
      display: block;
      width: 100%;
      margin-bottom: 20px;
   }

   .involved-icons li div {
      margin: 0 auto;
   }
 }

/* home page */

@media only screen and (max-width: 1250px) {
   .home-banner-message {
      left: 10%;
      width: 80%;
   }

   .home-search {
      margin-bottom: 0;
   }

   .home-search-message {
      flex-basis: 80%;
   }

   .home-search-bar {
      flex-basis: 80%;
      min-width: auto;
      padding-top: 0;
      padding-bottom: 40px;
   }
}

@media only screen and (max-width: 767px) {
   .home-banner-message {
      top: 10%;
   }

   .search-bar-input {
      width: 100%;
   }

   .search-bar-input img {
      right: 10px;
   }
   .search-bar-submit {
      margin-top: 10px;
      width: 50%;
   }
   .search-bar-submit button {
      box-shadow: rgb(0 0 0 / 15%) 0px 1px 1px;
      border-radius: 5px;
   }
   .search-bar input  {
      font-size: 16px;
      padding: 8px;
      border-radius: 5px;
   }

   .home-cards {
      margin-top: 0;
   }
}

/* submit-bar */
@media only screen and (max-width: 767px) {
   .submit-bar-input {
      width: 100%;
   }

   .submit-bar-input img {
      right: 10px;
   }
   .submit-bar-submit {
      margin: 20px 0;
      width: 50%;
   }
   .submit-bar-submit button {
      box-shadow: rgb(0 0 0 / 15%) 0px 1px 1px;
      border-radius: 5px;
   }
   .submit-bar input  {
      font-size: 16px;
      padding: 8px;
      border-radius: 5px;
   }
}

/* hero banner */
@media only screen and (max-width: 1120px) {
   .hero-banner {
      height: 50vw;
   }
}

@media only screen and (max-width: 767px) {
   .hero-banner {
      height: 85vw;
   }

   .hero-banner-message {
      padding: 20px;
   }

   .bar-chart-container {
      width: 100%;
   }
}