@media screen and (max-width: 768px) {
  .am-container {
    padding: 0 15px;
  }
  .main-title h3 {
    font-size: 32px;
    letter-spacing: 1px;
    color: #3B3B3B;
    text-transform: uppercase;
  }
  .tip {
    display: none;
  }
  header {
    height: 60px;
  }
  header .am-container {
    justify-content: center;
  }
  header .am-container .logo a {
    line-height: 60px;
  }
  .menu-container {
    display: none;
  }
  #home {
    height: 40vh;
  }
  #home .am-container {
    padding: 0 15px;
  }
  #home .am-container .top {
    margin-bottom: 0;
  }
  #home .am-container .top h1 {
    font-size: 36px;
  }
  #home .am-container .bot {
    display: none;
  }
  #about {
    padding: 40px 0;
  }
  #about .am-container .inner {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 10px;
  }
  #about .am-container .inner .item {
    padding: 20px 15px;
  }
  #about .am-container .inner .item img {
    height: 40px;
    width: auto;
  }
  #about .am-container .inner .item h4 {
    font-size: 14px;
    margin-top: 10px;
  }
  #services {
    padding: 40px 0;
  }
  #services .am-container .main-bd .left {
    width: 100%;
  }
  #services .am-container .main-bd .right {
    width: 100%;
    padding: 0;
  }
  #services .am-container .main-bd .right .inner {
    margin-top: 20px;
  }
  #services .am-container .main-bd .right .inner .bd {
    gap: 10px;
  }
  #services .am-container .main-bd .right .inner .bd .item {
    margin-bottom: 0;
    padding: 15px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
  }
  #services .am-container .main-bd .right .inner .bd .item img {
    margin-bottom: 10px;
  }
  #why {
    padding: 40px 0;
  }
  #why .am-container .inner {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }
  #testimonials {
    padding: 40px 0;
  }
  #testimonials .am-container .inner {
    grid-template-columns: repeat(1, 1fr);
    gap: 10px;
  }
  footer {
    padding-top: 60px;
  }
  footer .gtop {
    display: none;
  }
  footer .am-container .inner {
    margin-bottom: 30px;
    flex-direction: column;
  }
  footer .am-container .inner .left {
    width: 100%;
    text-align: center;
    margin-bottom: 25px;
  }
  footer .am-container .inner .right {
    width: 100%;
  }
  footer .am-container .inner .right .email {
    width: 100%;
  }
  footer .am-container .inner .right .address {
    width: 100%;
  }
  footer .am-container .cop p {
    font-size: 12px;
  }
}