
@media (min-width: 767.98px) and (max-width: 991.98px) {
    .common-head.ch1 {
        font-size: 28px;
        bottom: 0;
    }

    .bg-overview {
        padding: 95px 0;
    }

    .common-head.ch1 {
        font-size: 28px;
        bottom: 30px;
    }
    .common-head.ch2 {
        font-size: 28px;
        position: relative;
        top: 80px;
    }

    .bg-about {
        top: 0;
    }
    .img-testimonial {
        height: 120px;
        position: absolute;
        top: -10px;
        right: -30px;
        left: auto;
    }
}

      @media (max-width: 767.98px) {

            .main-logo {
                  height: 120px;
                  left: 20px;
              }

              header a.nav-link {
                  text-align: center;
              }

              .bg-overview {
                  padding: 50px 0;
              }

              .common-head.ch1 {
                  font-size: 28px;
                  bottom: -130px;
              }
              .common-head.ch2 {
                  font-size: 28px;
                  position: relative;
                  top: 100px;
              }
              .common-head.ch3 {
                  font-size: 28px;
              }

              .common-title {
                  font-size: 32px;
              }

              .img-hands {
                  position: relative;
                  top: 60px;
                  right: -40px;
              }

              .bg-about {
                  top: 0;
              }
              .img-testimonial {
                  height: 100px;
                  top: 30px;
                  right: -20px;
                  left: auto;
              }

      }

      