768 banner bg added

public/assets/css/style.css

@@ -921,6 +921,7 @@
    }
 
  }
+
  @media only screen and (max-width: 1024px) {
 
    .sec-title-2 h2 {
@@ -2315,13 +2316,15 @@
    width: 40px;
    height: 40px;
    border-radius: 50%;
-  background: #fff !important;   /* white background */
+   background: #fff !important;
+   /* white background */
    text-decoration: none;
  }
 
  .main-footer .social-links li a i,
  .main-footer .social-links li a i::before {
-  color: #e60000 !important;     /* red icon */
+   color: #e60000 !important;
+   /* red icon */
    font-size: 18px;
    line-height: 1;
    display: inline-block;
@@ -2953,6 +2956,7 @@
  }
 
  @media (max-width: 992px) {
+
    .main-menu,
    .sticky-header,
    .main-header.style-one .outer-container:before {
@@ -3298,6 +3302,19 @@
    }
  }
 
+ .custom-content-box.mobile-style {
+   background: none;
+ }
+
+@media (min-width: 768px) and (max-width: 991px) {
+  .custom-content-box.mobile-style {
+    top: 190px;
+    background: white;
+    border-radius: 15%;
+    opacity: 0.8;
+  }
+}
+
  @media (max-width: 425px) {
    .custom-content-box.mobile-style {
      /* background: white; */
@@ -3392,11 +3409,13 @@
      margin-top: 8px;
    }
  }
+
  @media (max-width: 1024px) and (min-width: 769px) {
    .info-block-one {
      padding: 30px 7px !important;
    }
  }
+
  @media (max-width: 768px) {
    .blog-details-content .news-block-one .inner-box .lower-content h2 {
      font-size: 38px !important;
@@ -3410,6 +3429,7 @@
      line-height: 23px;
    }
  }
+
  @media (max-width: 768px) {
    .service-details-content h2 {
      font-size: 38px !important;
@@ -3421,23 +3441,27 @@
      font-size: 22px !important;
    }
  }
+
  @media (max-width: 425px) {
    .pb_90 {
      padding-top: 30px !important;
      padding-bottom: 30px !important;
    }
  }
+
  @media (max-width: 425px) {
    .pt_90 {
      padding-top: 30px !important;
    }
  }
+
  @media (max-width: 425px) {
    .sec-pad {
      padding-top: 30px !important;
      padding-bottom: 30px !important;
    }
  }
+
  @media (max-width: 425px) {
    .chooseus-section {
      padding-top: 30px !important;