@media (max-width: 991px) {
  .min-nav {
    background: #ffda30;
    right: 0;
    top: 75px;
    width: 250px;
    z-index: 11;
    padding: 12px;
    position: absolute;
    border-radius: 5px 0px 0px 5px;
  }
  .min-nav .nav_a li a {
    color: #000 !important;
  }
  .nav-link::before{
    background: none !important;
  }
  .navbar-light .navbar-nav .nav-link{
    transition: 0.2s;
  }
  .navbar-light .navbar-nav .nav-link:hover {
    background: #fff !important;
    padding-left: 12px;
    border-radius: 5px;
    transition: 0.2s;
  }
  .navbar-light .navbar-nav .nav-link.active {
    background: #fff !important;
    padding-left: 12px;
    border-radius: 5px;
  }
  .re_ser .btn-nc{
    background-color: #fff;
  }
}
@media (max-width:875px){
 .con_bg h2{
  font-size: 20px;
 }
}
@media (max-width:767px){
  .co-ce{
    text-align: center;
  }
  .con_cir img{
    width: auto;
  }
  .footer{
    text-align: center;
  }
  .min-nav{
    width: 97%;
  }
  .ban_imgg{
    height: auto;
  }
  .ban_imgg img{
    min-height: auto;
  }
}
@media (max-width:580px){
  .mo-di{
    margin: 10px auto !important;
  }
}
@media (max-width : 567px){
  .be_li li{
    max-width: 100%;
      flex: 0 0 100%;
  }
}
@media (max-width:500px){
  h1{
    font-size: 25px !important;
  }
  .sea{
    flex-wrap: wrap;
    box-shadow: none;
  }
  .search-container .form-select{
    box-shadow: 0px 10px 20px rgb(48 124 255 / 15%);
    margin-bottom: 20px;
    width: 100%;
    
  }
  .search-container input{
    box-shadow: 0px 10px 20px rgb(48 124 255 / 15%);
    margin-bottom: 20px;    
  }
  .search-container .btn-sea{
    top: 79px;
  }
  .pro_tab .nav-item{
    width: 50%;
    padding: 0px 4px;
  }
  .pro_tab .nav-link{
    padding: 8px 5px !important;
  }
  .bg_cour{
    padding: 15px;
  }
  .output{
    width: 100%;
  }
}
@media (max-width:370px){
  .cour_st p{
    font-size: 14px;
    text-align: start;
  }
  .bg_cour{
    padding: 15px 5px;
  }
  .ban_con p{
    padding: 0px 20px;
  }
}