@media only screen and (max-width: 480px){
  .navbar_logo img{
    width:45%;
  }
  main{
    margin-top: 5rem;
  }
  .header{
    padding: 0;
  }
  .header nav{
    padding: 5px;
  }
  .slide_viewer {
    height: 284px;
    overflow: hidden;
    position: relative;
  }
  .directional_nav {
    height: 306px;
    margin: 0 auto;
    max-width: 100%;
    position: relative;
    top: -300px;
  }
  .show_on_mobile{
    display: block;
  }
  .show_not_mobile{
    display: none;
  }
  /* .header-bg{
    left: 0%;
    width: 260%;
    height: 100%;
    display: none;
  } */
  .banner-bold{
    color: #000;
  }
  #top_menu_list li{
    display: block;
  }
  #top_menu_list li div.icn{
    box-shadow: none;
  }
  #top_menu_list li div.icn svg{
    height: 10px;
  }
  #top_menu_list li .t_hdr{
    font-size: 10px;
  }
  #top_menu_list li{
    display: block;
    font-size: 8px;
    padding: 3px;
    min-width: 70px;
  }
  #top_menu_list li .t_hdr{
    font-size: 8px;
  }
  #bottom_header_2 ul{
    display: none;
  }
  .menu_icn{
    display: inline;
  }
  .header #bottom_header_2 button {
      width: 140px;
      background: #ffffff;
      color: #9779d8;
      border: 1px solid #9779d8;
      /* margin-left: -101px; */
      margin-right: 78px;
      margin-top: 2px;
      font-size: 12px;
      padding: 5px;
  }
  .header #bottom_header button{
    display: none;
  }
  .slid_cntnt{
    top:12vw;
  }
  .slid_cntnt h1{
    font-size: 2rem;
  }
}