@media only screen and (max-width: 991px){
  .collapsebar {
      position: absolute;
      top: 100%;
      left: 0;
      width: 100%;
      background: #fff;
  }
  .navbar-nav{
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 20px 0;
    width: max-content;
  }
}
@media only screen and (max-width: 768px){
  header{
    position: relative;
  }
  .banner{
    padding-top: 0;
  }
  header .header_top .top_area p{
    display: block;
  }
  header .header_top .top_area{
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
  header .menu_header nav .navbar-brand img {
    width: 230px;
  }
  .banner .banner_content h1, .section_title h2{
    font-size: 36px;
  }
  .banner .banner_content p, .section_title p{
    font-size: 20px;
  }
  .banner .banner_content{
    padding-bottom: 100px;
  }
  .dispute_section .disput_area .accordion .accordion-header, .pricing .pricing_area .item_rate{
    flex-direction: column;
  }
  .pricing .range_area .range_item {
    width: 100%;

}