/*========================================
min-width: 480px =========================
========================================*/
@media (max-width:480px) {
  * {
    float: none !important;
  }

  .margin {
    margin: 40px 30px;
  }

  .width-80 {
    width: auto;
  }

  .absolute {
    position: static;
  }

  .font_20 {
    font-size: 170%;
  }

  .col-lg-2-45 {
    width: 100%;
  }

  .col-lg-2-55 {
    width: 100%;
  }

  .col-lg-2_5 {
    width: 100%;
    position: static !important;
    float: none !important;
  }

  .box-ser {
    width: 100%;
  }

  .col-lg-7 {
    float: none !important;
  }

  .box_left {
    display: none;
  }

  .box_left img {
    float: none;
    display: block;
    margin: auto;
    width: 100%;
  }

  .box_right {
    text-align: center;
    height: auto;
    max-height: none;
  }

  .about_us .col-lg-5 p,
  .mission p{
    text-align: center;
  }

  .mission {
    position: static;
  }

  .mission .mission-text {
    bottom: auto !important;
  }

  .mission .img-warp {
    display: none;
  }

  .services .col-lg-7 {
    text-align: center;
  }

  .box-ser .img-warp {
    display: none;
  }

  .contact .col-lg-5 .font_24px {
    text-align: center;
    font-size: 18px;
  }

  .last_slide span {
    text-align: center;
    display: block;
    margin: auto;
  }
  
  .customers .customer {
    width: 100%;
    margin-bottom: 30px;
  }
  
  .customers .customer img {
    width: 90px !important;
  }
}
/*========================================
min-width: 992px and max-width:992px =====
========================================*/
@media (min-width:480px) and (max-width:1199px) {
  .box_left {
    display: none;
  }
  .box_right {
    height: auto;
    max-height: none;
  }

  .width-80 {
    width: 100%;
  }

  .about_us .col-lg-2_5,
  .mission .col-lg-2_5,
  .our_customer .col-lg-2_5{
    width: 100%;
    position: static;
    float: none;
  }

  .mission .img-warp {
    display: none;
  }

  .margin {
    padding:60px;
    margin: 0;
  }

  .contact .col-lg-7{
    float: none;
    width: 100%;
  }

  .contact .col-lg-5 .f_right{
    float: none !important;
  }

  .contact .img-warp {
    width: 100%;
    float: none;
  }

  .contact .img-warp img {
    float: none;
  }

  .font_24px {
    font-size: 20px;
    text-align: center;
    padding: 40px;
  }

  .last_slide .social_media {
    float: none;
  }

  .last_slide span {
    display: block;
    text-align: center;
    float: none;
  }

  .last_slide .map {
    width: 100%;
    float: none;
  }
  
  .customer {
    height: auto !important;
  }
  
}
/*========================================
min-width: 1200px ========================
========================================*/
@media (min-width:1200px) and (max-width:1365px) {
  .contact .col-lg-5 .font_24px {
    padding: 30px;
  }

  .margin {
    padding: 40px;
    margin: 0;
  }
}