add responsive

2025-08-30 17:38:38 +03:30
parent 62d4cb0621
commit 69e9af01d5
3 changed files with 159 additions and 2 deletions
@@ -1078,4 +1078,96 @@ html body a:hover {
    bottom: 344px
  }

-}
+}
+
+
+
+
+
+
+
+
+// email marketing responsive==================
+
+@media (max-width : 768px) {
+  .slider.email-marketing .s-left h1{
+    font-size: 40px;
+  }
+
+  .slider.email-marketing .s-left{
+    padding-top: 10px;
+    padding-bottom: 60px;
+  }
+
+  .main-section.email-marketing .effect-one{
+    filter: blur(0px);
+  }
+
+  .slider.email-marketing .s-left .sb-email-marketing{
+    display: none;
+  }
+
+  .op-setion{
+    padding-top: 10px;
+  }
+
+  .op-setion .op-section-title h3{
+    font-size: 28px;
+  }
+
+  .op-setion .op-section-inner{
+    flex-direction: column;
+    padding: 45px 0;
+  }
+  .op-setion .op-section-inner .op-item{
+    width: 100%;
+    margin-bottom: 20px;
+  }
+
+  .op-setion.sec .op-section-inner .op-item{
+    width: 100%;
+  }
+
+  .opplens{
+    padding: 0;
+  }
+
+  .opplens .opplens-title h2{
+    font-size: 28px;
+    margin-bottom: 20px;
+  }
+
+  .opplens .opplens-inner{
+    flex-direction: column;
+    border-radius: 24px;
+  }
+
+  .opplens .opplens-inner .opplens-item{
+    width: 100%;
+    padding: 24px;
+    margin-bottom: 20px;
+    border-radius: 24px;
+
+    &:last-child{
+      margin-bottom: 0;
+    }
+  }
+
+  .opplens .opplens-inner .opplens-item > div::before{
+    width: 100%;
+  }
+
+  .marketing-register .marketing-register-title h2{
+    font-size: 28px;
+  }
+
+  .marketing-register .marketing-register-inner .marketing-register-box{
+    width: 100%;
+    margin-top: 40px;
+    margin-bottom: 0;
+    padding: 35px 15px;
+    padding-bottom: 10px;
+  }
+}
+
+// email marketing responsive END ====================