@media only screen and (max-width: 767px) {
  h1 {
    font-size: 60px;
    line-height: 60px;
  }
  .about-banner h1 {
    font-size: 60px;
    line-height: 60px;
  }
  h2 {
    font-size: 35px;
  }
  .bg-title-shape-banner-h2-center-black {
    width: 200px;
  }
  .bg-title-shape-banner-h2 {
    width: 200px;
  }
  .our-values h3 {
    font-size: 22px;
  }
  .different-p h3 {
    font-size: 22px;
  }
  .different-p h5 {
  	font-size: 18px;
  }
  .box-milestones {
    padding: 20px 15px;
    border-radius: 20px 0px 0px 20px;
  }
  .box-milestones h4 {
    font-size: 18px;
  }
  .w-85-px {
    width: 15%;
  }
  .different-p .content-text {
    width: 85%;
  }
  .our-milestones p {
    font-size: 13px;
    max-height: 80px;
    overflow-y: auto;
  }
  .join-section-circle {
    width: 175px;
    height: 175px;
  }
  .join-section-circle span {
    font-size: 23px;
    line-height: 25px;
  }
  .join-sectin-bg {
    background: url(../images/join-bg.jpg) no-repeat;
    background-size: cover;
    height: 145px;
  }
  .position-absolute-close {
    right: 24px;
    background: #fff;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    top: 25px;
  }
  footer .footer-logo img {
    width: 85px;
  }
  footer h3 {
    font-size: 18px;
  }
  footer a {
    font-size: 13px;
  }
  .about_our_board_of_directors .our-vision-box .info {
    padding: 5px 10px;
    border-radius: 0px 0px 10px 10px;
  }
  .about_our_board_of_directors h6 {
    font-size: 12px;
  }
  .about_our_board_of_directors .our-vision-box .info h4 {
    font-size: 16px;
  }
  .swiper-button-next-vision {
    box-shadow: rgb(243 237 238) 22px 65px 85px, rgb(243 237 238 / 99%) 180px -40px 35px 180px !important;
  }
  .swiper-button-next-about {
    box-shadow: rgb(243 237 238) 22px 65px 85px, rgb(243 237 238 / 99%) 180px -40px 35px 180px !important;
  }
  .swiper-button-next-milestone {
    box-shadow: rgb(243 237 238) 22px 65px 85px, rgb(243 237 238 / 99%) 180px -40px 35px 180px !important;
  }
  .swiper-button-prev-vision {
    box-shadow: rgb(243 237 238) 22px 65px 85px, rgb(243 237 238 / 100%) -180px -40px 35px 180px !important;
  }
  .swiper-button-prev-about {
    box-shadow: rgb(243 237 238) 22px 65px 85px, rgb(243 237 238 / 100%) -180px -40px 35px 180px !important;
  }
  .swiper-button-prev-milestone {
    box-shadow: rgb(243 237 238) 22px 65px 85px, rgb(243 237 238 / 100%) -180px -40px 35px 180px !important;
  }
}