@media screen and (max-width:1600px) {
    
}

@media screen and (max-width:1440px) {
    .header_box{
        width: 85%;
    }
    .header_bar{
        width:70%
    }
    .header_bar ul{
        justify-content: space-around;
    }
    .header_bar ul li{
        margin-right: 0px;
    }
   .about{
       width: 85%;
   }
   .about_l{
       width: 40%;
   }
   .about_r{
       width: 55%;
   }
   .service{
       width: 85%;
   }
   .service_l{
       width: 55%;
   }
   .service_r{
       width: 40%;
   }
   .case{
       width: 80%;
   }
   .case_box{
       width: 100%;
   }
   .case_show{
           display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 20px;
   }
   .case .about_title::after{
       width: 100%;
   }
   .case_box_img{
       width: 100%;
       height: auto;
   }
   .case_box_content{
       width: 100%;
   }
   .footer_bar::after{
       width: 100%;
   }
   .footer_bar ul li{
       margin: auto 70px;
   }
   .case_boxes{
       width: 100%;
   }
}

@media screen and (max-width:1280px) {
   .footer_records{
       width: 80%;
   }
   .footer_bar ul li{
       margin: auto 50px;
   }
}

@media screen and (max-width:1024px) {
   
}

@media screen and (max-width:992px) {
    
}

@media screen and (max-width:768px) {
   
}

@media screen and (max-width:550px) {
   
}

@media screen and (max-width:375px) {
  
}