@media only screen and (max-width: 600px) {
  .banner {
    height: 350px;
    overflow: hidden;
  }
  .banner > img {
    width: auto;
    height: 100%;
    margin-left: -50%;
  }
  .banner-text h2 {
    font-size: 20px;
    text-align: center;
  }
  .banner-text input#input-1 {
    width: 95%;
    border-radius: 10px;
    margin-left: 3%;
  }
  .banner-text input#input-1:focus {
    border: 2px solid rgba(219, 0, 0, 0.49);
  }
  .banner-text input#input-2 {
    border-radius: 10px;
    width: 95%;
    margin-top: 5px;
    margin-left: 3%;
    border: none;
  }
  .banner-text button {
    width: 95%;
    border-radius: 10px;
    margin-top: 5px;
    margin-left: 3%;
  }
  .news-wrap {
    margin: 10px 0 !important;
  }
  .card-panel-right {
    margin-top: 20px;
  }
  .navbar {
    padding: 1rem;
  }

  footer img {
    width: 100%;
  }
  .sidebar-right{
    display: flex;
    flex-direction: column;
  }
  .sidebar-right .section-2{
    order: 3;
  }
  .sidebar-right .section-4{
    order: 4;
  }
  .autocomplete{
    width: 100%;
  }
  .mobile-news{display: block !important;}
  .web-news{display: none !important;}
}