@media screen and (max-width: 767px) {
  .hero {
    min-height: 80vh;
    height: 80vh;
  }

  .carousel-caption h1 {
    font-size: 21px;
  }

  .carousel-caption p {
    font-size: 12px;
  }

  .hero .carousel-control-prev,
  .hero .carousel-control-next {
    z-index: 9;
    transition: 0.3s;
    position: absolute;
    bottom: -80%;
    color: #fff;
    margin: 10px;
  }

  .cerficate {
    gap: 1rem;
  }

  .cerficate img {
    width: 15%;
  }

  .choose-content {
    margin-top: 10px;
  }

  .choose-content h1 {
    font-size: 40px;
    padding-left: 20px;
  }

  .list-style li i {
    width: 6%;
  }

  .p-font {
    padding-left: 14px;
  }

  .testimonials {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .testimonials-icon img {
    width: 24%;
  }

  .testimonials-content {
    top: -70px;
  }

  .copyright {
    display: block;
    padding-bottom: 20px;
  }

  .footer {
    background-position: left;
  }

  .carousel-caption h2 {
    font-size: 30px;
  }

  .banner-bg-home {
    left: 40px;
    top: 70px;
  }

  .banner-bg-home img {
    width: 50%;
  }

  .carousel-caption {
    right: 0;
    left: 0;
  }

  .navmenu a,
  .navmenu a:focus {
    color: #000 !important;
  }

  .mobilemenu {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .mobilemenu i {
    position: relative;
    right: 13px;
    color: #000;
    display: block;
  }

  .g-4,
  .gy-4 {
    --bs-gutter-y: 0;
  }

  .timeline-time-right i {
    left: 20px;
    top: 30px;
  }

  .timeline .timeline-box,
  .timeline .row.timeline-right .timeline-date,
  .timeline .row.timeline-left .timeline-date {
    margin: 10px 0px 0px 86px;
  }

  .timeline-box-left {
    border-width: 0px 0px 0px 3px !important;
    margin: 16px 0px 0px 96px !important;
  }

  .timeline-time-left i {
    left: 19px;
    top: -216px;
  }

  .core-bg {
    height: 760px;
  }

  .timeline .timeline-continue {
    padding: 0;
  }

  .timeline .timeline-end p,
  .timeline .timeline-start p,
  .timeline .timeline-year p {
    left: 36px;
  }
}

@media screen and (max-width: 767px) {
  .timeline-right-mob {
    position: relative;
    top: 40px;
  }

  .about-bg-img img {
    position: absolute;
    top: -50px;
    right: 0;
    width: 25% !important;
  }

  .header-padd {
    padding-right: 0 !important;
  }

  .message-form {
    right: 25px;
  }

  .card-btn span {
    padding-left: 15px;
  }

  .card-btn span i {
    left: -5px;
  }

  .bread h2 {
    font-size: 30px;
  }

  .about-img img {
    width: 100%;
    height: 340px;
  }

  .about-title h1 {
    font-size: 30px;
    padding-top: 20px;
  }

  .page-title h1 {
    font-size: 30px;
  }

  .service-title-1 h2 {
    font-size: 18px;
  }

  .related-service {
    margin: 10px 10px 10px 10px;
  }

  .service-slider-title h2 {
    font-size: 25px;
  }

  .service-content-b h2 {
    font-size: 20px;
  }

  .service-content-b p {
    width: 100%;
    left: 0%;
  }

  .zoom-slider {
    height: 250px;
  }

  .service-caption h5 {
    font-size: 20px;
  }

  .carousel-caption p {
    padding: 0 50px;
    position: relative;
    z-index: 1;
  }

  .carousel-control-next,
  .carousel-control-prev {
    z-index: 9;
  }

  .blog-banner img {
    height: 40vh;
  }

  .blog-title h1 {
    font-size: 18px;
  }

  .all-service-bg::before {
    height: 268px;
  }

  .all-service-bg .banner-btn .btn-1 {
    top: 26px;
    left: 24%;
  }

  .all-service-bg .banner-content {
    text-align: center;
  }

  .all-service-bg .banner-decor-img img {
    width: 80%;
    top: -190px;
    position: relative;
  }

  .card-1 {
    height: 300px;
  }

  .testing-slider-content h2 {
    font-size: 30px;
    padding: 24px 0;
  }

  .spacer img {
    width: 75%;
  }

  .testing-service-bg-2 {
    padding: 20px;
  }

  .testing-service-content h2 {
    font-size: 25px;
  }

  .testing-service-list p {
    font-size: 18px;
  }

  .testing-slide-logo {
    padding: 8px;
  }

  .card-underborder {
    margin-bottom: 20px;
  }

  .forth-bg {
    padding: 0;
  }

  .test-service-blue-bg {
    padding: 10px;
  }

  .logo-client-title {
    font-size: 30px;
  }

  .service-content-next span {
    position: relative;
    top: -1px;
  }

  .service-content-perv span {
    position: relative;
    top: -1px;
  }

  .service-menu-icon-1 i {
    margin-right: 60px;
  }

  .service-menu-icon-2 i {
    margin-left: 60px;
  }
}

@media (min-width: 767px) and (max-width: 992px) {

  .timeline .timeline-box,
  .timeline .timeline-launch {
    padding: 8px 13px;
  }

  .timeline .row.timeline-right .timeline-date {
    text-align: end;
  }

  .timeline .timeline-continue::after {
    left: 337px;
  }

  .timeline .timeline-end {
    text-align: center;
  }

  .timeline .timeline-box {
    margin-left: 30px !important;
  }

  .timeline .row.timeline-left .timeline-box::before {
    left: 263px;
    rotate: 180deg;
  }

  .timeline .row.timeline-left .timeline-box::after {
    left: 262px;
    rotate: 180deg;
  }

  .timeline .row.timeline-left {
    text-align: start;
  }

  .timeline .timeline-box .timeline-text {
    width: 100%;
  }

  .timeline-time-left i {
    top: -40px !important;
  }

  .timeline .row.timeline-left .timeline-date {
    margin-left: 26px;
  }

  .timeline-box-left {
    left: 0px;
  }
}

@media (min-width: 767px) and (max-width: 992px) {
  .timeline .row.timeline-left .timeline-box::before {
    left: 264px;
    rotate: 0deg;
  }

  .timeline .row.timeline-left .timeline-box::after {
    left: 265px;
    rotate: 0deg;
  }

  .mobilemenu i {
    display: block;
    color: #000;
    position: relative;
    right: 20px;
  }

  .mobilemenu {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .about-img img {
    width: 80%;
    margin-bottom: 20px;
  }

  .all-service-bg .banner-btn .btn-1 {
    padding: 17px 30px;
    left: 0;
  }

  .all-service-bg::before {
    height: 250px;
  }

  .desk-padd img {
    padding: 30px;
  }

  .card-underborder {
    margin-bottom: 30px;
  }

  .contact-text-center {
    text-align: center;
  }

  .blog-banner img {
    height: 40vh;
  }

  .header .logo img {
    margin-left: -40px;
  }

  .zoom-slider {
    height: 340px;
  }

  .testing-slider-content h2 {
    margin-top: 40px;
  }

  .testing-service-card-btn {
    left: 75%;
  }
}

@media screen and (max-width: 767px) {
  .testimonials-card {
    height: 420px;
  }

  .desk-padd img {
    padding: 0;
  }

  .contact-text-center {
    text-align: center;
  }

  .card-icon {
    left: 43%;
  }

  .scroll-top {
    width: 55px;
    height: 55px;
    bottom: 48px;
  }

  .scroll-top i {
    font-size: 36px;
  }

  .blog-bookmark {
    justify-content: start;
  }
}

@media (min-width: 992px) {
  .about-img img {
    width: 67%;
    height: auto;
    border-radius: 50%;
    object-fit: scale-down;
  }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
  .blog-card {
    height: 330px;
  }
}

@media screen and (min-width: 1023px) and (max-width: 1199px) {
  .testing-service-card-btn {
    left: 46%;
  }

  .testing-slider-content h2 {
    margin-top: 50px;
  }

  .card-1 {
    height: 230px;
  }

  .all-service-bg .banner-btn .btn-1 {
    left: 8%;
  }

  .header .logo img {
    margin-left: -40px;
  }
}