@media screen and (min-width: 786px) and (max-width: 1800px) {
    .content, .large_content{
        padding: 0 1.2rem;
      }
      .home_solutions ul li img{
        width: 100%;
        height: 100%;
        object-fit: cover;
      }
}
@media screen and (min-width: 786px) and (max-width: 1600px) {
    .content, .large_content {
      max-width: 1400px;
    }
    header .right{
        padding-right: 0;
    }
    .home_solutions ul{
        flex-flow: wrap;
    }
    .home_solutions ul li{
        width: 50%;
        flex: unset;
    }
    .home_inspiring .full_content div.flex:nth-of-type(2n) .inspiring_swiper .swiper_btns_po{
        top: 73%;
    }
    .home_categories .head h2{
        white-space: unset;
    }
    .aftersale_intro{
        overflow: hidden;
    }
    .categories_intro .left img{
        width: 100%;
    }
  }
  @media screen and (min-width: 786px) and (max-width: 1400px) {
    .content, .large_content {
      max-width: 1200px;
    }
    header .right .header_bottom nav>div>ul>li>a{
        font-size: 16px;
    }
    header>div>.flex{
        flex-flow: wrap;
    }
    header .right{
        width: 100%;
    }
    header .logo{
        width: 100%;
        margin-bottom: 1rem;
    }
    header .logo img{
        margin-left: auto;
        margin-right: auto;
    }
    header{
        height: auto;
    }
    header .right .header_bottom nav>div>ul>li:nth-of-type(1){
        margin-left: 0;
    }
    .home_inspiring .inspiring_swiper .swiper_btns_po{
        top: 73%;
    }
    
    .story_history .main .swiper_box{
        width: 100%;
    }
  }
  @media screen and (min-width: 786px) and (max-width: 1200px) {
    .content, .large_content {
      max-width: 1000px;
    }
    header .right .header_bottom .inquiry_cart{
        margin-left: 1.5rem;
        font-size: 14px;
    }
    header .right .header_bottom nav>div>ul>li{
        margin-left: 10px;
    }
    header .right .header_bottom nav>div>ul>li>a{
        font-size: 14px;
    }
    header .right .header_bottom .inquiry_cart + a{
        font-size: 14px;
    }
    .accessory_source{
        overflow: hidden;
    }
    .categories_step ul{
        flex-flow: wrap;
        gap: 0;
    }
    .categories_step ul li{
        flex: unset;
        width: 50%;
        margin-bottom: 1rem;
    }
    .manufacturing_step .main .con{
        overflow: hidden;
    }
    .manufacturing_step .icon_step ul{
        overflow: auto;
    }
    .quality_team .main ul img{
        width: 100%;
    }
    .quality_details .right ul li{
        width: 100%;
    }
    .quality_details .right ul{
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
    .warehouse_intro .right{
        padding-left: 20px;
    }
  }
  @media screen and (min-width: 786px) and (max-width: 1000px) {
    .content, .large_content {
      max-width: 786px;
    }
    
  }