@media (max-width: 767px) {
  .app-header {
    flex-direction: column !important;
  }
  .app-header img {
    width: 351px;
  }
  .header {
    padding-bottom: 63px;
  }
  .header .app-header .content {
    width: 100%;
    margin-top: 60px;
  }

  .header .app-header .content h1 {
        width: 100%;
        font-size: 40px;
        text-align: center !important;
        margin-bottom: 22px;

  }
  .header .app-header .content p {
    width: 100%;
    margin-top: 10px;
            font-size: 15px;
  }
  .header .app-header .content .cards {
    flex-direction: column;
  }
  .header .app-header .content .cards .card {
      padding: 6px 2px ;
           border-radius: 2px;
  }
  .header .app-header .content .cards .card svg {
    width: 35px;
  }
  .header .app-header .content .cards .card h6 {
    font-size: 14px;
  }

  .header .app-header .content .cards .card p {
    font-size: 11px;
  }
  .header .app-header .content .cards .card:nth-child(2) h6 {
    margin: 0;
  }

  /* about-us */
  .about-us .party1 h2 {
    padding-bottom: 10px;
    font-size: 35px;
  }
  .about-us .party1 {
    width: 100%;
    padding: 10px 10px;
  }
  .about-us .party1 p {
    font-size: 11px;
  }
  .about-us .party2 {
    flex-direction: column;
    width: 100%;
  }
  .about-us .party2 img {
    height: 300px;
  }
  .about-us .party2 .content {
    margin-right: 0;
    width: 100%;
    margin-top: 0;
    border-radius: 0;
    height: 377px;
    text-align: center;
    margin-bottom: 50px;
  }
  .about-us .party2 .content .load-more {
    width: 100%;
  }

  /* why we */
  .why-we .app-why-we {
    flex-direction: column;
  }
  .why-we .app-why-we img {
    height: 300px;
  }
  .why-we .app-why-we .content h2 {
    margin-bottom: 40px;
    font-size: 32px;
    text-align: center;
  }
  .why-we .app-why-we .content ul {
    gap: 13px;
  }
  .why-we .app-why-we .content ul li {
    font-size: 13px;
  }
  /* .our-services */
  .our-services {
    margin-top: 80px;
  }
  .our-services .app-our-services {
    display: flex;
    flex-direction: column;
  }
  .our-services .app-our-services .item {
    width: 100%;
  }
  .testimonials .party-one .line {
          left: 0;
        top: -135px;
        width: 98px;
  }

  .testimonials .party-one {
    display: flex;
    flex-direction: column;
  }
  .testimonials .party-two {
    flex-direction: column-reverse;
    margin-top: 10px;
    padding: 0 10px;
  }
  .testimonials .party-two .title {
    width: 100%;
    margin-bottom: 20px;
  }
  .testimonials .party-one .title {
    width: 100%;
    margin-bottom: 20px;
  }
  .testimonials .party-one .title h2 {
    font-size: 30px;
    margin-bottom: 5px;
  }
  .testimonials .party-one,
  .testimonials .party-two {
    height: 330px;
        margin-bottom: 110px;
  }

  /* app-location */
  .location {
    margin-top: 110px;
  }
  .app-location {
    flex-direction: column;
    padding: 40px 0;
  }
  .app-location .info {
    width: 100%;
  }
  .app-location ul li:last-child {
    margin: auto;
  }
  .app-location iframe {
    width: 100%;
    margin-top: 20px;
  }
  /* contact us page */
  #contact-us {
    border-radius: 0;
        padding: 51px 10px !important;
  }
  .contact-us-page .items {
    flex-direction: column;
    background-color: #f8f9f9;
    margin-top: 0;
    gap: 26px;
  }
  .contact-us-page .items .item svg{
    width: 30px;
    height: 40px;
  }
  /* footer */
  .app-footer {
    margin: 70px 0 0 0;
    display: flex;
    flex-direction: column;
    padding: 0;
  }
  .app-footer img {
    width: 135px;
  }
  .app-footer .top {
    gap: 20px;
    flex-direction: column;
    justify-content: center;
    text-align: center;
  }
  .app-footer .top li {
    font-size: 13px;
  }
  .app-footer .bottom {
    padding: 20px  0;
  }
  .app-footer .bottom ul {
    gap: 10px;
    flex-direction: row;
    flex-wrap: wrap;
  }
  .app-footer .bottom ul li {
    font-size: 12px;
  }
  .app-footer .bottom ul p {
    font-size: 13px;
    width: 100%;
    text-align: center;
  }

  /* page services */
  .services .container {
    margin: 0;
    padding: 0;
  }
  .services .app-services .item {
    flex-direction: column;
    margin-bottom: 40px;
  }
  .services .app-services .item.reverse {
    flex-direction: column;
  }
  .services .app-services .item:not(.reverse) .content,
  .services .app-services .item.reverse .content {
    border-radius: 0;
  }
  .services .app-services .item img {
    height: 300px;
  }
  .services .app-services .item .content h2 {
    font-size: 31px;
  }
  /* public */
  .title-page {
    margin-bottom: 40px;
    font-size: 35px;
  }
  .testimonials .party-one .marquee, .testimonials .party-two .marquee{
      overflow:visible;
  }
  
}