new updates

public/assets/css/responsive.css

@@ -24,6 +24,8 @@
     .header-wrapper a {
         padding: 2px 15px;
     }
+
+    /**
     .hero-video {
         height: 680px;
     }
@@ -35,6 +37,8 @@
         padding: 12px;
     }
 
+    **/
+
 
 }
 
@@ -53,6 +57,8 @@
     .header-wrapper a {
         padding: 2px 15px;
     }
+
+
     .hero-video {
         height: 580px;
     }
@@ -120,11 +126,9 @@
         margin-top: 75px;
     }
     .together-content {
-        padding-left: 15px;
-    }
-    .together-content h2 {
-        font-size: 30px;
+        padding-left: 12px;
     }
+
     .projects-area {
         padding-left: 15px;
         padding-right: 15px;
@@ -184,6 +188,7 @@
         font-size: 15px;
         padding: 2px 10px;
     }
+    
     .hero-video {
         height: 460px;
     }
@@ -242,10 +247,7 @@
     .footer-info p {
         font-size: 15px;
     }
-    footer h4 {
-        font-size: 18px;
-        margin-bottom: 20px;
-    }
+
     footer {
         padding-top: 80px;
         padding-bottom: 20px;
@@ -283,7 +285,7 @@
         padding-top: 50px;
         padding-bottom: 40px;
     }
-    .portfolio-title h2 {
+    .portfolio-title h1 {
         font-size: 32px;
     }
     .portfolio-title .description p {
@@ -302,9 +304,7 @@
     .together-content {
         padding-left: 0px;
     }
-    .together-content h2 {
-        font-size: 24px;
-    }
+    
     section.working-together-area {
         padding:75px 0;
     }
@@ -329,7 +329,7 @@
         max-width: 550px;
         margin: 0 auto;
     }
-    .project-info h2 {
+    .project-info h1 {
         font-size: 32px;
         margin: 0;
     }
@@ -352,8 +352,23 @@
 
 
 /* SM Small Device :320px. */
+
+
 @media only screen and (max-width: 767px) {
 
+    .footer-info ul li {margin-bottom: 9px;}
+
+    .subtitle {margin-bottom: 30px;;}
+
+
+.creative-area h2 {
+
+    display: block;
+}
+
+
+
+
     .inspiration-mobile-wrapper {padding:20px 0px 50px 0px !important}
 
     .fixfont h2  {font-size: 30px !important;}
@@ -367,25 +382,16 @@
     .inspire-title h2 {line-height: 110%;
 color: #121212;
 text-align: center;
-font-family: 'Adieu-Regular'; font-size: 20px !important;}
+font-family: 'Adieu-Regular'; font-size: 16px !important;}
 
 
 
-    .brand-dock-link {
-  width: 80px;
-  height: 80px;}
-
-  .brand-dock-item {
-  width: 80px;
-  height: 80px;}
-
-  .brand-dock {gap:40px}
-.brand-dock-img {max-height: 80px;}
+ 
   
 
 
 
-.brand-slider-area .brief-title {margin-bottom: 30px;}
+.brand-slider-area .brief-title {margin-bottom: 0px;}
     .kakodelamo-opis2   {font-size: 19px;}
     .together-content h2 {margin-bottom: 25px;}
     .kakodelamo-opis {font-size: 19px;}
@@ -401,20 +407,21 @@ section.working-together-area2 {padding:0px 0px 75px 0px;}
 
 
 
-.cta-content h3 {font-size: 19px;}
+.cta-content h3 {font-size: 16px;}
     .veonas {margin-top: -30px;}
 
     .brief-title3 {margin-bottom: 20px;}
 
     .brief-area3 {padding:0px 0px 75px 0px;}
-    .brief-title3 h2 {font-size: 20px;;}
+    .brief-title3 h2 {font-size: 16px;}
 
-.about_area_home2 {padding:30px 0px 120px 0px !important;}
+.about_area_home2 {padding:40px 0px 120px 0px !important; margin-top:-10px;}
 
 
-    .blagovne-title {font-size: 20px;}
+    .blagovne-title {font-size: 16px;}
 
-    .about-area2 {padding:50px 0px 100px 0px;}
+    .about-area2 {padding:100px 0px 150px 0px;}
+     .heightfix {padding:150px 0px 150px 0px;}
 
 
     .together-content {margin: 100px 0px 75px 0px;}
@@ -429,29 +436,28 @@ section.working-together-area4  .together-content h2 {font-size: 40px;}
 
 section.working-together-area4  .together-content h2 {margin-bottom: 20px;}
 
-    .kakodelamo-title {font-size: 20px;}
+    .kakodelamo-title {font-size: 16px; margin-bottom: 30px;}
 
     .about-area_home {padding-top:50px; padding-bottom: 0px;}
-.about-title-wrap5 h2 {font-size: 30px;}
+.about-title-wrap5 h1 {font-size: 30px;}
 
 .portfolio-slide img, .portfolio-slide video {height: 317px;}
+.portfolio-slide .portfolio-video-embed {height: 317px;}
+.portfolio-video-embed iframe {  transform: translate(-50%, -50%) scale(3.2);}
 
 @media (max-width: 767px) {
 
+
+    .single-wrapper {margin:30px 0px 40px 0px !important;}
+    .client-info {margin-bottom: 30px;}
+    .project-details {margin-bottom: 30px;}
+
   .klasik-sirina {
-    width: 220px;
+    width: 250px;
   }
 
   .ozki-sirina {
-    width: 155px;
-  }
-
-  .mini-sirina {
-    width: 128px;
-  }
-
-  .siroki-sirina {
-    width: 285px;
+    width: 200px;
   }
 
 }
@@ -479,11 +485,12 @@ section.working-together-area4  .together-content h2 {margin-bottom: 20px;}
         letter-spacing: 0;
     }
     .showcase-area {
-        padding-top: 75px;
+        padding-top: 50px;
         padding-bottom: 75px;
+
     }
     .common-btn {
-        font-size: 20px;
+        font-size: 16px;
     }
     .bottom-title {
         margin-top: 75px;
@@ -502,7 +509,7 @@ section.working-together-area4  .together-content h2 {margin-bottom: 20px;}
         padding-bottom:25px;
     }
     .brand-slider-area {
-        padding: 60px 0;
+        padding: 60px 0 40px 0px;
         background: #F9F2F6;
     }
     .brief-title h2 {
@@ -542,17 +549,14 @@ section.working-together-area4  .together-content h2 {margin-bottom: 20px;}
         padding-bottom: 20px;
     }
     
-    footer h4 {
-        font-size: 16px;
-        margin-bottom: 25px;
-    }
+
     .footer-info ul li a {
         font-size: 18px;
     }
     .footer-info p {
         font-size: 18px;
         max-width: 300px;
-        margin-top: 15px;
+        margin-top: 9px;
     }
     .footer-love img {
         width: 125px;
@@ -576,6 +580,9 @@ section.working-together-area4  .together-content h2 {margin-bottom: 20px;}
         flex-direction: column;
         flex-direction: column-reverse;
     }
+
+    .card-thumb   {     min-height: 280px;
+        max-height: 280px;}
     .card-thumb img {
         min-height: 280px;
         max-height: 280px;
@@ -585,6 +592,7 @@ section.working-together-area4  .together-content h2 {margin-bottom: 20px;}
     .team-card {
         padding: 12px;
         max-width: 260px;
+        min-width: 260px !important;
     }
     .team-info span {
         font-size: 12px;
@@ -608,8 +616,25 @@ section.working-together-area4  .together-content h2 {margin-bottom: 20px;}
         justify-content: space-between;
     }
     .love-sm img {
-        width: 32px;
+        width: 133px;
     }
+
+     .logo-sm a {display: none;}
+
+
+     .slide-menu-logo {
+  position: absolute;
+top: 22px;
+left: 12px;
+  z-index: 20;
+}
+
+.slide-menu-logo img {
+  width: 133px;
+  height: auto;
+  display: block;
+}
+
     .logo-sm img {
         width: 100px;
     }
@@ -696,10 +721,10 @@ section.working-together-area4  .together-content h2 {margin-bottom: 20px;}
         line-height: 110%;
     }
     .menu_item li a:hover{
-        color: #FF3AD1;
+        color: #FFDFF0;
     }
     .menu_item li.active a{
-        color: #FF3AD1;
+        color: #FFDFF0;
     }
     .menu-close {
         width: 30px;
@@ -745,7 +770,7 @@ section.working-together-area4  .together-content h2 {margin-bottom: 20px;}
     .portfolio-area {
         padding: 50px 0px 60px 0px;
     }
-    .portfolio-title h2 {
+    .portfolio-title h1 {
         font-size: 30px;
     }
     .portfolio-title .description p {
@@ -759,7 +784,7 @@ section.working-together-area4  .together-content h2 {margin-bottom: 20px;}
         gap: 20px;
         display: block;
     }
-    .portfolio-info h4 {
+    .portfolio-info h1 {
         font-size: 18px;
         margin-bottom: 5px;
     }
@@ -806,13 +831,13 @@ section.working-together-area4  .together-content h2 {margin-bottom: 20px;}
     .together-content h2 {
         font-size: 40px;
     }
-    .about-title-wrap h2 {
+    .about-title-wrap h1 {
         font-size: 30px;
     }
     .about-area {
         padding-top: 50px;
     }
-    .contact-title h2 {
+    .contact-title h1 {
         font-size: 30px;
     }
     .contact-title p {
@@ -843,11 +868,12 @@ section.working-together-area4  .together-content h2 {margin-bottom: 20px;}
         padding-top: 50px;
         padding-bottom: 50px;
     }
-    .project-info h2 {
+    .project-info h1 {
         font-size: 20px;
         margin: 0;
-        text-align: center;
-        margin-bottom: 20px;
+        text-align: left;
+        margin-bottom: 8px;
+      font-family: 'Adieu-Regular';
     }
     .project-info {
         margin-bottom: 0;
@@ -856,7 +882,7 @@ section.working-together-area4  .together-content h2 {margin-bottom: 20px;}
         height: auto;
     }
     .subtitle {
-        text-align: center;
+        text-align: left;
     }
     .project-content {
         padding-top: 20px;
@@ -982,8 +1008,7 @@ section.working-together-area4  .together-content h2 {margin-bottom: 20px;}
         font-size: 12px;
     }
     .language-action {
-        bottom: 25px;
-        right: 15px;
+     display: none !important;
     }
     .language-action li button {
         font-size: 12px;
@@ -995,6 +1020,12 @@ section.working-together-area4  .together-content h2 {margin-bottom: 20px;}
     .slidermobile {display: block;}
     .sliderdesktop {display:none;}
 
+
+    .thankyou-title h2 {
+font-size: 30px;
+}
+
+
 }
 
 

public/assets/js/page_reveal.js

@@ -0,0 +1,24 @@
+document.addEventListener("DOMContentLoaded", function () {
+
+  const reveal = document.querySelector(".page-reveal");
+
+  if (!reveal || typeof gsap === "undefined") return;
+
+  gsap.set(reveal, {
+    y: 0,
+    scaleY: 1
+  });
+
+  gsap.to(reveal, {
+    scaleY: 0,
+    duration: 1.5,
+    ease: "expo.inOut",
+    delay: 0.1,
+    force3D: true,
+    clearProps: "transform",
+    onComplete() {
+      reveal.remove();
+    }
+  });
+
+});