@media (max-width: 1024px) {
  .header_section {
    height: 70vh;
  }

  .header_section .logo {
    width: 70%;
    font-size: 1em;
  }

  .service_section {
    text-align: center;
    color: #081057;
    background: none;
    padding-top: 100px;
    padding-bottom: 200px;
    background-repeat: no-repeat;
    font-family: monospace;
  }

  .service_section .service_heading h2 {
    font-size: 1.5em;
  }

  .service_section .service_container .service_box {
    width: 100%;
    margin: 35px 15px;
    display: block;
    text-align: center;
    margin: 0 auto;
  }

  .service_section .service_container .service_box .img-box {
    border-radius: 18px;
    overflow: hidden;
  }

  .service_section p {
    font-size: 1.2em;
  }

  .info_section a {
    display: inline-block;
    padding: 12px 12px;
    background-color: #609c00;
    color: #081057;
    border-radius: 50px;
    -webkit-box-shadow: 0px 2px 7px 0px rgba(32, 50, 117, 0.26);
    box-shadow: 0px 2px 7px 0px rgba(32, 50, 117, 0.26);
    -webkit-transition: all .3s;
    transition: all .3s;
    border: none;
    margin: 30px 30px;
  }

  .info_section .social-box {
    text-align: center;
    margin-top: 20px;
    display: block;
    width: 100%;
  }

  .info_section a:hover {
    background-color: #feb543;
    color: #ffffff;
  }

  .info_section .info-box {
    display: block;
    width: 100%;
    color: #081057;
    text-align: center;
  }

}

@media (max-width: 480px) {}

@media (max-width: 420px) {}

@media (max-width: 360px) {}

@media (min-width: 1200px) {
  .container {
    max-width: 1170px;
  }
}