@media (min-width: 320px) and (max-width:385px) {
      .video-icon {
            left: 230px;
            top: 30%;
      }

      .btn {
            padding: 14px 22px;
      }

      .slider-area .single-slider .hero-caption p {
            margin-bottom: 14px;
      }

      .slider-area .single-slider .hero-caption h1 {
            font-size: 19px;
            line-height: 1.2;
            margin-bottom: 5px;
      }

      .footer-tittle ul.d-flex {
            display: block !important;
      }

}

@media (min-width: 320px) and (max-width: 767px) {
      section.google-integration-sec {
            padding: 50px 0;
      }

      .tech-details ul li {
            width: 100%;
      }

      .google-integration-wrap {
            width: 100%;
      }

      .mb-60 {
            margin-bottom: 20px;
      }

      .s-google-integration-icon {
            width: 50%;
      }

      .s-google-integration-icon h6 {
            padding: 5px 0;
      }

      .brochure-area .wants-wrapper {
            padding: 30px;
            text-align: center;
      }

      .brochure-area h2 {
            font-size: 20px;
            text-align: center;
      }

      .brochure-area p {
            line-height: 22px;
            margin-bottom: 20px;
      }

      .btnblu {
            padding: 10px 12px;
            float: revert;
      }

      .brochure-area {
            margin-bottom: 50px;
      }
}

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

      .video-icon {
            left: 335px;
      }

      .btn {
            padding: 14px 22px;
      }

      .slider-area .single-slider .hero-caption p {
            margin-bottom: 14px;
      }

      .slider-area .single-slider .hero-caption h1 {
            font-size: 19px;
            line-height: 1.2;
            margin-bottom: 5px;
      }

}

@media (min-width: 768px) and (max-width: 991px) {

      .mb-60 {
            margin-bottom: 20px;
      }

      section.google-integration-sec {
            padding: 50px 0;
      }

      .brochure-area .wants-wrapper {
            padding: 30px;

      }

      .btnblu {
            padding: 20px 15px;
            letter-spacing: 1px;
            font-size: 12px;
      }

      .brochure-area {
            margin-bottom: -50px;
      }

      .brochure-area h2 {
            font-size: 24px;
      }

      .brochure-area p {
            font-size: 12px;
      }
}

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

      .main-header .main-menu ul li a {
            padding: 28px 11px;
      }

      .header-btn {
            padding: 29px 20px;
      }

      .clients-area .single-offers .offers-cap h3 a {
            font-size: 18px;
      }

      .brochure-area .wants-wrapper {
            padding: 40px;
      }
      .btnblu {
            padding: 20px 25px;
            font-size: 13px;
      }

}