/*===== min =====*/
@media(min-width:768px) {}

@media(min-width:992px) {}

@media(min-width:1025px) {}

@media(min-width:1280px) {}

@media(min-width:1361px) {}

/*===== min =====*/

/*===== max =====*/
@media(max-width:1360px) {}

@media(max-width:1279px) {
  .btn {
    font-size: 22px;
    line-height: 1;
    padding: 16px 65px;
  }

  .content-img .img-box {
    width: 460px;
    height: 460px;
    border-width: 30px;
  }

  .content-img .img-box::after {
    width: 460px;
    height: 460px;
    top: -50px;
    left: -50px;
    border-width: 4px;
  }

  .team-box .team-img {
    width: 290px;
    height: 290px;
    border-width: 20px;
  }

  .team-box .team-img::after {
    width: 290px;
    height: 290px;
    top: -31px;
    left: -31px;
  }
}

@media(max-width:1024px) {}

@media(max-width:991px) {
  .btn {
    font-size: 20px;
    padding: 16px 55px;
  }

  .content-img .img-box {
    margin: 0 auto;
  }

  .content-img .img-box {
    width: 400px;
    height: 400px;
    border-width: 25px;
  }

  .content-img .img-box::after {
    width: 400px;
    height: 400px;
    top: -40px;
    left: -40px;
  }

  .service-box {
    padding: 30px 25px 40px;
  }

  .service-box .icon-box {
    width: 70px;
    height: 70px;
  }

  .service-box .icon-box::after {
    width: 66px;
    height: 66px;
  }

  .service-box ul li {
    padding-left: 38px;
    background-size: 26px;
    background-position: top 1px left 0px;
  }

  .content-img .circle-shape,
  .our-service .circle-shape {
    display: none;
  }

  .footer-wrap .bottom .container {
    flex-direction: column;
    flex-wrap: nowrap;
  }
}

@media(max-width:767px) {
  .btn {
    font-size: 18px;
    padding: 15px 50px;
  }

  .content-img .img-box {
    width: 280px;
    height: 280px;
    border-width: 25px;
  }

  .content-img .img-box::after {
    width: 280px;
    height: 280px;
    top: -40px;
    left: -40px;
  }

  .content-img .content-box ul li::before {
    top: 5px;
  }

  .service-box {
    padding: 25px 20px;
  }

  .service-box ul {
    row-gap: 8px;
    padding: 15px 0 18px;
  }

  .footer-wrap .footer-menu ul {
    column-gap: 30px;
  }
}

@media(max-width:575px) {
  .footer-wrap .footer-menu ul {
    column-gap: 0;
  }

  .footer-wrap .footer-menu ul li {
    width: 100%;
  }
}

/*===== max =====*/