diff --git a/src/assets/images/landingClub/bg3-mobile.webp b/src/assets/images/landingClub/bg3-mobile.webp
new file mode 100644
index 00000000..5cb5d85e
Binary files /dev/null and b/src/assets/images/landingClub/bg3-mobile.webp differ
diff --git a/src/assets/images/landingClub/bg3.webp b/src/assets/images/landingClub/bg3.webp
index 4decccda..9c2a8635 100644
Binary files a/src/assets/images/landingClub/bg3.webp and b/src/assets/images/landingClub/bg3.webp differ
diff --git a/src/assets/images/landingClub/bg4-mobile.webp b/src/assets/images/landingClub/bg4-mobile.webp
new file mode 100644
index 00000000..b66f3204
Binary files /dev/null and b/src/assets/images/landingClub/bg4-mobile.webp differ
diff --git a/src/assets/images/landingClub/bg4.webp b/src/assets/images/landingClub/bg4.webp
index 89c2b278..f86b9247 100644
Binary files a/src/assets/images/landingClub/bg4.webp and b/src/assets/images/landingClub/bg4.webp differ
diff --git a/src/assets/images/landingClub/bg5-mobile.webp b/src/assets/images/landingClub/bg5-mobile.webp
new file mode 100644
index 00000000..677d3e75
Binary files /dev/null and b/src/assets/images/landingClub/bg5-mobile.webp differ
diff --git a/src/assets/images/landingClub/bg5.webp b/src/assets/images/landingClub/bg5.webp
index e313d48c..370789c0 100644
Binary files a/src/assets/images/landingClub/bg5.webp and b/src/assets/images/landingClub/bg5.webp differ
diff --git a/src/assets/images/landingClub/bgOrange.webp b/src/assets/images/landingClub/bgOrange.webp
index 58be0847..48dea58f 100644
Binary files a/src/assets/images/landingClub/bgOrange.webp and b/src/assets/images/landingClub/bgOrange.webp differ
diff --git a/src/assets/images/landingClub/event-mobile.png b/src/assets/images/landingClub/event-mobile.png
new file mode 100644
index 00000000..2820daf0
Binary files /dev/null and b/src/assets/images/landingClub/event-mobile.png differ
diff --git a/src/assets/images/landingClub/event.png b/src/assets/images/landingClub/event.png
index d70d49a3..f12261fd 100644
Binary files a/src/assets/images/landingClub/event.png and b/src/assets/images/landingClub/event.png differ
diff --git a/src/assets/images/landingClub/event2.png b/src/assets/images/landingClub/event2.png
deleted file mode 100644
index 765123a4..00000000
Binary files a/src/assets/images/landingClub/event2.png and /dev/null differ
diff --git a/src/assets/images/landingClub/footerBg.webp b/src/assets/images/landingClub/footerBg.webp
deleted file mode 100644
index 6eba9895..00000000
Binary files a/src/assets/images/landingClub/footerBg.webp and /dev/null differ
diff --git a/src/assets/images/landingClub/footerCube.webp b/src/assets/images/landingClub/footerCube.webp
deleted file mode 100644
index 1148b47b..00000000
Binary files a/src/assets/images/landingClub/footerCube.webp and /dev/null differ
diff --git a/src/assets/images/landingClub/menu.svg b/src/assets/images/landingClub/menu.svg
new file mode 100644
index 00000000..b1970ac1
--- /dev/null
+++ b/src/assets/images/landingClub/menu.svg
@@ -0,0 +1,24 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="18.383462132921178 25.688 428.8840803709428 351.12" style="max-height: 500px" width="428.8840803709428" height="351.12">
+<g filter="url(#filter0_bd_886_68)">
+<path shape-rendering="crispEdges" fill-opacity="0.34" fill="url(#paint0_linear_886_68)" d="M439 13H25C20.5817 13 17 16.5817 17 21V313C17 317.418 20.5817 321 25 321H210.6C211.649 321 212.5 321.851 212.5 322.9C212.5 327.097 215.903 330.5 220.1 330.5H242.9C247.097 330.5 250.5 327.097 250.5 322.9C250.5 321.851 251.351 321 252.4 321H439C443.418 321 447 317.418 447 313V21C447 16.5817 443.418 13 439 13Z"/>
+<path shape-rendering="crispEdges" stroke-width="0.8" stroke="white" d="M439 12.6H25C20.3608 12.6 16.6 16.3608 16.6 21V313C16.6 317.639 20.3608 321.4 25 321.4H210.6C211.428 321.4 212.1 322.072 212.1 322.9C212.1 327.318 215.682 330.9 220.1 330.9H242.9C247.318 330.9 250.9 327.318 250.9 322.9C250.9 322.072 251.572 321.4 252.4 321.4H439C443.639 321.4 447.4 317.639 447.4 313V21C447.4 16.3608 443.639 12.6 439 12.6Z"/>
+</g>
+<defs>
+<filter color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse" height="378.902" width="491.4" y="0.299219" x="0.299952" id="filter0_bd_886_68">
+<feFlood result="BackgroundImageFix" flood-opacity="0"/>
+<feGaussianBlur stdDeviation="4.35" in="BackgroundImageFix"/>
+<feComposite result="effect1_backgroundBlur_886_68" operator="in" in2="SourceAlpha"/>
+<feColorMatrix result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" type="matrix" in="SourceAlpha"/>
+<feOffset dy="18" dx="14"/>
+<feGaussianBlur stdDeviation="14.95"/>
+<feComposite operator="out" in2="hardAlpha"/>
+<feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.06 0" type="matrix"/>
+<feBlend result="effect2_dropShadow_886_68" in2="effect1_backgroundBlur_886_68" mode="normal"/>
+<feBlend result="shape" in2="effect2_dropShadow_886_68" in="SourceGraphic" mode="normal"/>
+</filter>
+<linearGradient gradientUnits="userSpaceOnUse" y2="370" x2="447" y1="174" x1="-38" id="paint0_linear_886_68">
+<stop stop-color="white"/>
+<stop stop-color="#EDEDED" offset="1"/>
+</linearGradient>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/src/assets/images/landingClub/orangeBlackCube.webp b/src/assets/images/landingClub/orangeBlackCube.webp
index 7df127ca..4e8ed96b 100644
Binary files a/src/assets/images/landingClub/orangeBlackCube.webp and b/src/assets/images/landingClub/orangeBlackCube.webp differ
diff --git a/src/pages/LandingClub/LandingClub.jsx b/src/pages/LandingClub/LandingClub.jsx
index 8a68f095..cf37dbdc 100644
--- a/src/pages/LandingClub/LandingClub.jsx
+++ b/src/pages/LandingClub/LandingClub.jsx
@@ -1,4 +1,5 @@
-import React, { useCallback, useRef } from "react";
+import React, { useCallback, useRef, useState } from "react";
+import SVG from "react-inlinesvg";
 import { Link } from "react-router-dom";
 import { Navigation } from "swiper/modules";
 import { Swiper, SwiperSlide } from "swiper/react";
@@ -16,11 +17,7 @@ import bgYellow from "assets/images/landingClub/bgYellow.webp";
 import blackWhiteCube from "assets/images/landingClub/blackWhiteCube.webp";
 import blackYellowCube from "assets/images/landingClub/blackYellowCube.webp";
 import elementBg2 from "assets/images/landingClub/elementBg2.webp";
-import elementBg3 from "assets/images/landingClub/elementBg3.webp";
-import event2 from "assets/images/landingClub/event2.png";
 import event from "assets/images/landingClub/event.png";
-import footerBg from "assets/images/landingClub/footerBg.webp";
-import footerCube from "assets/images/landingClub/footerCube.webp";
 import headerLogo2 from "assets/images/landingClub/headerLogoClub2.svg";
 import headerLogo1 from "assets/images/landingClub/headerLogoClub.svg";
 import headerText from "assets/images/landingClub/headerText.svg";
@@ -30,6 +27,7 @@ import iconCalendar from "assets/images/landingClub/iconCalendar.svg";
 import iconPosition from "assets/images/landingClub/iconPosition.svg";
 import iconTg from "assets/images/landingClub/iconTg.svg";
 import iconVk from "assets/images/landingClub/iconVk.svg";
+import menu from "assets/images/landingClub/menu.svg";
 import newsImg from "assets/images/landingClub/news.png";
 import orangeBlackCube from "assets/images/landingClub/orangeBlackCube.webp";
 import questionMark from "assets/images/landingClub/questionMark.webp";
@@ -39,9 +37,14 @@ import slider from "assets/images/landingClub/slider.png";
 import "./landingClub.scss";
 
 export const LandingClub = () => {
+  const [activeMenu, setActiveMenu] = useState(false);
   const sliderRef1 = useRef(null);
   const sliderRef2 = useRef(null);
 
+  const handleMenu = () => {
+    setActiveMenu((prevState) => !prevState);
+  };
+
   const handlePrev = useCallback((ref) => {
     if (!ref.current) return;
     ref.current.swiper.slidePrev();
@@ -64,11 +67,11 @@ export const LandingClub = () => {
   ];
 
   const missionSubjects = [
-    "необходимые <br />мероприятия",
-    "нетворкинг и новые <br />знакомства",
-    "информационную <br />поддержку",
-    "консультации опытных <br />предпринимателей и наставников",
-    "возможность получить финансирование <br />в собственные бизнес-проекты"
+    "необходимые <br /><span>мероприятия</span>",
+    "<span>нетворкинг</span> и новые <br />знакомства",
+    "информационную <br /><span>поддержку</span>",
+    "<span>консультации</span> опытных <br />предпринимателей и наставников",
+    "<span>возможность</span> получить финансирование <br />в собственные бизнес-проекты"
   ];
 
   const members = [
@@ -139,6 +142,31 @@ export const LandingClub = () => {
 
   return (
     <section className="club">
+      <section
+        className={`club-mobile-menu ${
+          activeMenu ? "club-mobile-menu-active" : ""
+        }`}
+      >
+        <div className="menu-container">
+          <div className="menu__img">
+            <SVG src={menu} />
+          </div>
+
+          <nav className="menu-nav">
+            <Link to="#">о клубе</Link>
+            <Link to="#">ценности</Link>
+            <Link to="#">клуб в лицах</Link>
+            <Link to="#">мероприятия</Link>
+            <Link to="#">новости клуба</Link>
+            <Link to="#">контакты</Link>
+          </nav>
+          <div className="menu-burger" onClick={() => handleMenu()}>
+            <div className="menu-burger__line"></div>
+            <div className="menu-burger__line"></div>
+            <div className="menu-burger__line"></div>
+          </div>
+        </div>
+      </section>
       <section className="club-header">
         <div className="header-container">
           <img className="header-cube" src={headerCube} alt="" />
@@ -161,7 +189,10 @@ export const LandingClub = () => {
       <section className="club-title">
         <img className="title-bg--bottom" src={bgWhite} alt="" />
         <div className="title-container">
-          <img className="title-bg--top" src={bgWhite} alt="" />
+          <div className="title-bg--top">
+            <img src={bgWhite} alt="" />
+          </div>
+
           <h3 className="title__name">
             <span>клуб</span> молодых <p>предпринимателей</p>
           </h3>
@@ -225,23 +256,28 @@ export const LandingClub = () => {
       </section>
 
       <section className="club-mission">
+        <img className="mission-bg-element" src={elementBg2} alt="" />
         <div className="mission-container">
-          <img className="mission-bg-element" src={elementBg2} alt="" />
+          <div className="mission-mobile-cube">
+            <img src={blackYellowCube} alt="" />
+          </div>
           <img className="mission-cube" src={blackWhiteCube} alt="" />
-          <img className="mission-bg" src={bgOrange} alt="" />
+          <div className="mission-bg">
+            <img src={bgOrange} alt="" />
+          </div>
 
           <div className="mission-header">
             <h3 className="mission-header__title">
               наша
               <br />
-              миссия:
+              <span>миссия:</span>
             </h3>
 
             <div className="mission-header__text">
               <p>
-                вдохновлять молодых людей делать бизнес в России, брать
-                ответственность за себя, за своё окружение, за свой регион и
-                будущее страны!
+                <span>вдохновлять</span> молодых людей делать бизнес в России,
+                <span>брать ответственность за себя</span>, за своё окружение,
+                за свой регион и будущее страны!
               </p>
             </div>
           </div>
@@ -268,6 +304,12 @@ export const LandingClub = () => {
                 );
               })}
             </div>
+            <button className="club__button">
+              Вступить в клуб
+              <div>
+                <img src={arrowButton} alt="" />
+              </div>
+            </button>
             <button className="mission-content__button">
               Вступить в клуб
               <div>
@@ -279,10 +321,11 @@ export const LandingClub = () => {
       </section>
 
       <section className="club-members">
-        <img className="members-cube" src={blackYellowCube} alt="" />
         <div className="members-container">
-          <img className="members-bg-element" src={elementBg3} alt="" />
-          <img className="members-bg" src={bgYellow} alt="" />
+          <img className="members-cube" src={blackYellowCube} alt="" />
+          <div className="members-bg">
+            <img src={bgYellow} alt="" />
+          </div>
 
           <div className="members-header">
             <span className="members-header__subtitle">донецкий</span>
@@ -301,7 +344,16 @@ export const LandingClub = () => {
                 ref={sliderRef1}
                 modules={[Navigation]}
                 spaceBetween={30}
-                slidesPerView={3}
+                breakpoints={{
+                  430: {
+                    slidesPerView: 1.3,
+                    centeredSlides: true
+                  },
+                  1000: {
+                    slidesPerView: 3,
+                    centeredSlides: false
+                  }
+                }}
               >
                 {members.map((member) => (
                   <SwiperSlide key={member.id}>
@@ -355,7 +407,9 @@ export const LandingClub = () => {
 
       <section className="club-event">
         <div className="event-container">
-          <img className="event-cube" src={blackWhiteCube} alt="" />
+          <div className="event-cube">
+            <img src={blackWhiteCube} alt="" />
+          </div>
 
           <div className="event-header">
             <span className="event-header__subtitle">Спеши посетить</span>
@@ -389,12 +443,13 @@ export const LandingClub = () => {
             </div>
             <div className="content-month">
               <h4 className="content__title">
-                Август <img src={iconCalendar} alt="" /> <br />
+                Август
+                <img src={iconCalendar} alt="" /> <br />
                 <span>месяц</span>
               </h4>
               <div className="month-container">
                 <div className="month-item">
-                  <img className="month-item__img" src={event2} alt="" />
+                  <img className="month-item__img" src={event} alt="" />
                   <div className="month-item-container">
                     <div className="month-item-info">
                       <span className="month-item__date">
@@ -417,7 +472,7 @@ export const LandingClub = () => {
                   </div>
                 </div>
                 <div className="month-item">
-                  <img className="month-item__img" src={event2} alt="" />
+                  <img className="month-item__img" src={event} alt="" />
                   <div className="month-item-container">
                     <div className="month-item-info">
                       <span className="month-item__date">
@@ -440,7 +495,7 @@ export const LandingClub = () => {
                   </div>
                 </div>
                 <div className="month-item">
-                  <img className="month-item__img" src={event2} alt="" />
+                  <img className="month-item__img" src={event} alt="" />
                   <div className="month-item-container">
                     <div className="month-item-info">
                       <span className="month-item__date">
@@ -465,9 +520,9 @@ export const LandingClub = () => {
               </div>
             </div>
           </div>
-          <span className="event-text">
-            Чтобы быть в курсе всех мероприятий клуба
-          </span>
+          <p className="event-text">
+            Чтобы <span>быть в курсе</span> всех мероприятий клуба
+          </p>
           <button className="club__button">
             Вступить в клуб
             <div>
@@ -480,8 +535,9 @@ export const LandingClub = () => {
       <section className="club-news">
         <img src={blackYellowCube} alt="" className="news-cube" />
         <div className="news-container">
-          <img src={bgBlack} alt="" className="news-bg" />
-
+          <div className="news-bg">
+            <img src={bgBlack} alt="" />
+          </div>
           <div className="news-header">
             <span className="news-header__subtitle">интересно посмотреть</span>
             <h3 className="news-header__title">новости клуба</h3>
@@ -498,8 +554,17 @@ export const LandingClub = () => {
               <Swiper
                 ref={sliderRef2}
                 modules={[Navigation]}
-                spaceBetween={30}
-                slidesPerView={2}
+                spaceBetween={10}
+                breakpoints={{
+                  430: {
+                    slidesPerView: 1.1,
+                    centeredSlides: true
+                  },
+                  1000: {
+                    slidesPerView: 2,
+                    centeredSlides: false
+                  }
+                }}
               >
                 {news.map((news) => (
                   <SwiperSlide key={news.id}>
@@ -530,12 +595,18 @@ export const LandingClub = () => {
 
       <section className="club-footer">
         <div className="footer-container">
-          <img className="footer-cube" src={footerCube} alt="" />
-          <img className="footer-bg" src={footerBg} alt="" />
+          <div className="footer-cube">
+            <img src={orangeBlackCube} alt="" />
+          </div>
+          <div className="footer-bg">
+            <img src={bgWhite} alt="" />
+          </div>
           <div className="footer-logo">
             <img src={headerLogo1} alt="" />
-            <img src={headerText} alt="" />
-            <img src={headerLogo2} alt="" />
+            <div className="footer-logo--sub">
+              <img src={headerText} alt="" />
+              <img src={headerLogo2} alt="" />
+            </div>
           </div>
           <div className="footer-nav">
             <Link to="#">мероприятия</Link>
diff --git a/src/pages/LandingClub/landingClub.scss b/src/pages/LandingClub/landingClub.scss
index e4613a91..8456c958 100644
--- a/src/pages/LandingClub/landingClub.scss
+++ b/src/pages/LandingClub/landingClub.scss
@@ -1,9 +1,108 @@
 .club {
   font-family: "GT Eesti Pro Text";
 
+  &-mobile-menu {
+    display: none;
+
+    @media (max-width: 431px) {
+      display: block;
+    }
+
+    .menu {
+      &-container {
+        position: absolute;
+        z-index: 2;
+        width: 100%;
+        display: flex;
+        flex-direction: column;
+      }
+
+      &__img {
+        position: relative;
+        top: -277px;
+        transition: top 0.5s ease;
+
+        svg {
+          width: 100%;
+          height: auto;
+        }
+      }
+
+      &-nav {
+        position: absolute;
+        top: 38px;
+        left: 55px;
+        display: flex;
+        flex-direction: column;
+        align-items: flex-start;
+        row-gap: 15px;
+        font-size: 22px;
+        font-weight: 400;
+        line-height: 25.52px;
+        letter-spacing: 0.05em;
+        opacity: 0;
+        transition: opacity 0s ease-in;
+
+        a {
+          color: #727272;
+
+          &:hover {
+            color: #000000;
+          }
+        }
+      }
+
+      &-burger {
+        width: 17px;
+        position: relative;
+        top: -340px;
+        left: 50%;
+        transform: translateX(-50%);
+        transition: top 0.5s ease;
+
+        &__line {
+          margin-bottom: 2px;
+          width: 14px;
+          height: 2px;
+          border-radius: 46px;
+          background-color: #ffffff;
+        }
+      }
+    }
+  }
+
+  &-mobile-menu-active {
+    .menu {
+      &__img {
+        top: 0;
+
+        svg {
+          fill: #edededd4;
+        }
+      }
+
+      &-nav {
+        opacity: 1;
+        transition: opacity 0.5s ease-out;
+      }
+
+      &-burger {
+        position: relative;
+        top: -62px;
+      }
+    }
+  }
+
   &__button {
     text-transform: uppercase;
-    background: linear-gradient(259.3deg, #dc420e 20%, #f7541e 50%, #dc420e 90%)
+    background: linear-gradient(
+          332deg,
+          #dc5a0e 10%,
+          #ff940c 30%,
+          #ff5500 50%,
+          #ff8400 70%,
+          #ff511d 90%
+        )
         padding-box,
       linear-gradient(262.84deg, #ff9370 22.62%, #9d300d 74.23%) border-box;
     border: 1px solid transparent;
@@ -20,6 +119,15 @@
     flex-direction: row;
     justify-content: center;
     position: relative;
+    transition: background 0.5s ease-in-out;
+    background-size: 200% 200%;
+
+    @media (max-width: 431px) {
+      width: 345px;
+      height: 60px;
+      font-size: 22px;
+      line-height: 18.92px;
+    }
 
     div {
       position: absolute;
@@ -32,6 +140,98 @@
       display: flex;
       align-items: center;
       justify-content: center;
+
+      @media (max-width: 431px) {
+        width: 42.34px;
+        height: 42.34px;
+
+        img {
+          width: 18.62px;
+        }
+      }
+
+      &::before,
+      &::after {
+        content: "";
+        position: absolute;
+        width: 0;
+        height: 1.3px;
+        border-radius: 2px;
+        background-color: #000000;
+        transition: width 0.5s ease, transform 0.3s ease;
+        transform-origin: left center;
+      }
+      // Левая часть галочки
+      &::before {
+        top: 52%;
+        left: 26%;
+        transform: rotate(45deg);
+
+        @media (max-width: 431px) {
+          top: 50%;
+          left: 27%;
+        }
+      }
+
+      // Правая часть галочки
+      &::after {
+        top: 67%;
+        left: 43%;
+        transform: rotate(-45deg);
+        transition-delay: 0.3s;
+      }
+    }
+
+    &:hover {
+      animation: gradientShift 13s infinite;
+
+      @keyframes gradientShift {
+        0% {
+          background-position: 0% 0%, 0% 0%; /* Слева сверху */
+        }
+        50% {
+          background-position: 100% 100%, 0% 100%; /* Вниз вправо */
+        }
+        70% {
+          background-position: 100% 0%, 100% 100%; /* Вверх вправо */
+        }
+        85% {
+          background-position: 0% 100%, 100% 0%; /* Вверх влево */
+        }
+        100% {
+          background-position: 0% 0%, 0% 0%; /* Возвращаемся в начальную точку */
+        }
+      }
+
+      div {
+        img {
+          display: none;
+        }
+
+        &::before {
+          width: 14px;
+
+          @media (max-width: 431px) {
+            width: 10px;
+          }
+        }
+
+        &::after {
+          width: 27px;
+
+          @media (max-width: 431px) {
+            width: 22px;
+          }
+        }
+      }
+    }
+    &:not(:hover) {
+      div {
+        &::before,
+        &::after {
+          transition: none;
+        }
+      }
     }
   }
 
@@ -42,21 +242,55 @@
     display: flex;
     justify-content: center;
 
+    @media (max-width: 960px) {
+      padding: 75px 0 59px 0;
+    }
+
     .header {
       &-container {
         position: relative;
+
+        @media (max-width: 960px) {
+          width: 100%;
+          display: flex;
+          justify-content: center;
+          z-index: 1;
+        }
       }
 
       &-cube {
         position: absolute;
         top: -32px;
         left: -300px;
+
+        @media (max-width: 960px) {
+          top: -165px;
+          left: auto;
+          rotate: 25deg;
+        }
       }
 
       &__logo {
         display: flex;
         flex-direction: row;
         column-gap: 24px;
+
+        @media (max-width: 960px) {
+          width: 100%;
+          flex-direction: row-reverse;
+          justify-content: space-around;
+          img {
+            &:nth-child(1) {
+              width: 129px;
+            }
+            &:nth-child(2) {
+              display: none;
+            }
+            &:nth-child(3) {
+              width: 149px;
+            }
+          }
+        }
       }
 
       &-nav {
@@ -73,6 +307,10 @@
         border-radius: 49px;
         padding: 6px 39px;
 
+        @media (max-width: 960px) {
+          display: none;
+        }
+
         a {
           color: #727272;
 
@@ -94,6 +332,10 @@
     .title {
       &-container {
         position: relative;
+
+        @media (max-width: 431px) {
+          position: static;
+        }
       }
 
       &-bg {
@@ -101,11 +343,29 @@
           position: absolute;
           top: 0;
           left: -43%;
+
+          @media (max-width: 431px) {
+            width: 233px;
+            position: absolute;
+            top: 86px;
+            right: 0;
+            left: auto;
+            overflow: hidden;
+          }
+          img {
+            @media (max-width: 431px) {
+              width: 370px;
+            }
+          }
         }
         &--bottom {
           position: absolute;
           bottom: -70px;
           right: 0;
+
+          @media (max-width: 431px) {
+            display: none;
+          }
         }
       }
 
@@ -119,16 +379,35 @@
         position: relative;
         text-align: right;
 
+        @media (max-width: 431px) {
+          font-size: 85px;
+          max-width: 393px;
+          text-align: right;
+          line-height: normal;
+          padding-top: 40px;
+        }
+
         span {
           color: #ced741;
           left: 0;
           top: -40px;
           position: absolute;
+
+          @media (max-width: 431px) {
+            font-size: 119px;
+            top: -77px;
+          }
         }
 
         p {
           font-size: 98px;
           line-height: 94.37px;
+
+          @media (max-width: 431px) {
+            font-size: 44px;
+            line-height: normal;
+            max-width: 393px;
+          }
         }
       }
 
@@ -141,6 +420,12 @@
         position: relative;
         margin-top: -160px;
 
+        @media (max-width: 431px) {
+          font-size: 393px;
+          line-height: normal;
+          margin-top: 32px;
+        }
+
         span {
           position: relative;
           z-index: 2;
@@ -153,10 +438,20 @@
             left: 30%;
             bottom: 5%;
 
+            @media (max-width: 431px) {
+              width: 321px;
+              left: 13%;
+              bottom: 28%;
+            }
+
             &-shadow {
               position: absolute;
               left: 52.5%;
               bottom: 0%;
+
+              @media (max-width: 431px) {
+                display: none;
+              }
             }
 
             &-cube {
@@ -164,6 +459,11 @@
               z-index: 1;
               right: 5%;
               top: 15.6%;
+
+              @media (max-width: 431px) {
+                width: 112px;
+                top: -3%;
+              }
             }
           }
         }
@@ -177,6 +477,13 @@
         position: absolute;
         left: 10%;
         top: 13%;
+
+        @media (max-width: 431px) {
+          width: 420px;
+          left: 0;
+          top: 10%;
+          z-index: -1;
+        }
       }
 
       &-container {
@@ -191,6 +498,13 @@
         display: flex;
         flex-direction: column;
         align-items: center;
+
+        @media (max-width: 431px) {
+          background-position-x: 25%;
+          height: 1787px;
+          margin-top: -173px;
+          padding-top: 90px;
+        }
       }
 
       &-subtitle {
@@ -202,6 +516,20 @@
         position: relative;
         left: 80px;
         margin-bottom: 46px;
+
+        @media (max-width: 431px) {
+          line-height: 40.48px;
+          position: static;
+          width: 100%;
+          display: flex;
+          flex-direction: column;
+          align-items: flex-end;
+          margin-bottom: 30px;
+
+          p {
+            max-width: 281px;
+          }
+        }
       }
 
       &-content {
@@ -211,10 +539,20 @@
         column-gap: 49px;
         position: relative;
 
+        @media (max-width: 431px) {
+          margin-top: 55px;
+          flex-direction: column;
+          align-items: center;
+        }
+
         &__cube {
           position: absolute;
           left: -170px;
           bottom: -95px;
+
+          @media (max-width: 431px) {
+            display: none;
+          }
         }
 
         &__title {
@@ -227,8 +565,17 @@
           position: relative;
           top: -35px;
 
+          @media (max-width: 431px) {
+            font-size: 136px;
+            line-height: 130.97px;
+          }
+
           span {
             color: #ced741;
+
+            @media (max-width: 431px) {
+              font-size: 101px;
+            }
           }
         }
 
@@ -238,8 +585,21 @@
           line-height: 22.04px;
           color: #ffffff;
 
+          @media (max-width: 431px) {
+            font-size: 23px;
+            line-height: 31.08px;
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+          }
+
           p {
             max-width: 473px;
+
+            @media (max-width: 431px) {
+              max-width: 361px;
+              text-align: center;
+            }
           }
         }
 
@@ -250,16 +610,25 @@
           gap: 15px;
           margin-top: 48px;
 
+          @media (max-width: 431px) {
+            margin-top: 61px;
+            padding-left: 21px;
+          }
+
           .subject {
             font-size: 17px;
             font-weight: 400;
-            line-height: 22.44px;
             text-align: center;
             color: #787878;
             padding: 4.5px 15.5px;
             background-color: #fbfbfb;
             border: 1px solid #ffffff;
             border-radius: 49px;
+
+            @media (max-width: 431px) {
+              font-size: 19px;
+              padding: 3px 20px;
+            }
           }
         }
       }
@@ -267,11 +636,20 @@
   }
 
   &-mission {
+    position: relative;
     .mission {
       &-bg-element {
         position: absolute;
         left: 20%;
         top: -170px;
+        z-index: 1;
+
+        @media (max-width: 431px) {
+          height: 243px;
+
+          left: -26px;
+          top: -161px;
+        }
       }
 
       &-bg {
@@ -279,12 +657,40 @@
         right: 0;
         top: 60px;
         z-index: 1;
+        width: 573px;
+        overflow: hidden;
+
+        @media (max-width: 431px) {
+          top: auto;
+          right: auto;
+          bottom: 13%;
+          width: 100%;
+          z-index: -1;
+          display: flex;
+          justify-content: center;
+
+          img {
+            width: 511px;
+          }
+        }
       }
 
-      &-bg-dop {
-        position: absolute;
-        bottom: 0;
-        width: 100%;
+      &-mobile-cube {
+        display: none;
+        width: 106px;
+        overflow: hidden;
+
+        @media (max-width: 431px) {
+          display: block;
+          position: absolute;
+          right: 0;
+          top: -182px;
+          z-index: 2;
+        }
+
+        img {
+          width: 231.51px;
+        }
       }
 
       &-cube {
@@ -292,6 +698,10 @@
         right: 20%;
         top: -120px;
         z-index: 2;
+
+        @media (max-width: 431px) {
+          display: none;
+        }
       }
 
       &-container {
@@ -306,6 +716,13 @@
         display: flex;
         flex-direction: column;
         align-items: center;
+
+        @media (max-width: 431px) {
+          margin-top: -69px;
+          background-position-x: 72%;
+          padding-top: 75px;
+          height: 2365px;
+        }
       }
 
       &-header {
@@ -314,6 +731,11 @@
         column-gap: 49px;
         position: relative;
 
+        @media (max-width: 431px) {
+          flex-direction: column;
+          align-items: center;
+        }
+
         &__title {
           font-family: "Soyuz Grotesk";
           font-size: 133px;
@@ -322,6 +744,17 @@
           color: #e94e1c;
           position: relative;
           top: -145px;
+
+          @media (max-width: 431px) {
+            font-size: 127px;
+            line-height: 112.74px;
+            position: static;
+
+            span {
+              font-size: 101px;
+              line-height: 89.66px;
+            }
+          }
         }
 
         &__text {
@@ -329,9 +762,16 @@
           font-weight: 300;
           line-height: 37.65px;
           color: #1e1e1e;
+          max-width: 418px;
+          margin-bottom: 71px;
 
-          p {
-            max-width: 418px;
+          @media (max-width: 431px) {
+            text-align: center;
+            margin: 70px 0;
+
+            span {
+              font-weight: 700;
+            }
           }
         }
       }
@@ -343,7 +783,16 @@
         line-height: 59.84px;
         text-align: center;
         color: #333333;
-        margin-top: 71px;
+
+        @media (max-width: 431px) {
+          font-size: 34px;
+          font-weight: 700;
+          line-height: 46.24px;
+        }
+
+        span {
+          color: #e94e1c;
+        }
       }
 
       &-content {
@@ -355,6 +804,7 @@
           rgba(239, 239, 239, 0.5) 79.03%
         );
         border: 0.8px solid #ffffff;
+        border-radius: 20px;
         box-shadow: 14px 18px 29.9px 0px #0000000f;
         margin-top: 43px;
         padding: 58px 38px 0 51px;
@@ -363,12 +813,23 @@
         align-items: center;
         justify-content: space-between;
 
+        @media (max-width: 431px) {
+          width: 392px;
+          height: auto;
+          padding: 47px 32px 64px 32px;
+          gap: 66px;
+        }
+
         &__subjects {
           display: flex;
           flex-wrap: wrap;
           column-gap: 80px;
           row-gap: 45px;
 
+          @media (max-width: 431px) {
+            row-gap: 54px;
+          }
+
           .subject {
             display: flex;
             column-gap: 20px;
@@ -383,6 +844,11 @@
               justify-content: center;
               align-items: center;
               box-shadow: -4px 9px 10px 0px rgba(0, 0, 0, 0.1);
+
+              @media (max-width: 431px) {
+                width: 62.83px;
+                height: 62.83px;
+              }
             }
 
             &__text {
@@ -390,25 +856,44 @@
               font-weight: 350;
               line-height: 20.88px;
               color: #333333;
+
+              @media (max-width: 431px) {
+                max-width: 239px;
+
+                font-size: 27px;
+                font-weight: 350;
+                line-height: 31.32px;
+
+                span {
+                  font-weight: 700;
+                }
+              }
             }
           }
         }
-
+        .club__button {
+          display: none;
+          @media (max-width: 431px) {
+            display: flex;
+          }
+        }
         &__button {
           text-transform: uppercase;
           background: linear-gradient(
-                259.3deg,
-                #dc420e 20%,
-                #f7541e 50%,
-                #dc420e 90%
+                332deg,
+                #dc5a0e 10%,
+                #ff940c 30%,
+                #ff5500 50%,
+                #ff8400 70%,
+                #ff511d 90%
               )
               padding-box,
             linear-gradient(262.84deg, #ff9370 22.62%, #9d300d 74.23%)
               border-box;
+          border: 1px solid transparent;
           width: 367px;
           height: 64px;
           border-radius: 35px 35px 6px 6px;
-          border: 1px solid transparent;
           color: #ffffff;
           font-size: 17px;
           font-weight: 700;
@@ -419,6 +904,12 @@
           flex-direction: row;
           justify-content: center;
           position: relative;
+          transition: background 0.5s ease-in-out;
+          background-size: 200% 200%;
+
+          @media (max-width: 431px) {
+            display: none;
+          }
 
           &::after {
             content: "";
@@ -446,6 +937,58 @@
             img {
               width: 17px;
             }
+
+            &::before,
+            &::after {
+              content: "";
+              position: absolute;
+              width: 0;
+              height: 1.3px;
+              border-radius: 2px;
+              background-color: #000000;
+              transition: width 0.5s ease, transform 0.3s ease;
+              transform-origin: left center;
+            }
+            // Левая часть галочки
+            &::before {
+              top: 52%;
+              left: 26%;
+              transform: rotate(45deg);
+            }
+
+            // Правая часть галочки
+            &::after {
+              top: 67%;
+              left: 43%;
+              transform: rotate(-45deg);
+              transition-delay: 0.3s;
+            }
+          }
+
+          &:hover {
+            animation: gradientShift 13s infinite;
+
+            div {
+              img {
+                display: none;
+              }
+
+              &::before {
+                width: 12px;
+              }
+
+              &::after {
+                width: 22px;
+              }
+            }
+          }
+          &:not(:hover) {
+            div {
+              &::before,
+              &::after {
+                transition: none;
+              }
+            }
           }
         }
       }
@@ -455,25 +998,32 @@
   &-members {
     position: relative;
     .members {
-      &-bg-element {
-        position: absolute;
-        right: 17%;
-        top: 150px;
-      }
-
       &-bg {
         position: absolute;
         left: 0;
         top: 40%;
         z-index: -1;
+
+        @media (max-width: 431px) {
+          width: 100%;
+          z-index: 0;
+          top: auto;
+          bottom: 0;
+          overflow: hidden;
+        }
       }
 
       &-cube {
-        position: absolute;
-        right: 22%;
-        top: 100px;
-        z-index: 1;
-        rotate: 265deg;
+        display: none;
+
+        @media (max-width: 431px) {
+          width: 281px;
+          display: block;
+          position: absolute;
+          top: 13%;
+          left: 2%;
+          rotate: -79deg;
+        }
       }
 
       &-container {
@@ -483,16 +1033,30 @@
         height: 1500px;
         position: relative;
         z-index: 1;
-        margin-top: -500px;
+        margin-top: -450px;
         padding-top: 400px;
         display: flex;
         flex-direction: column;
         align-items: center;
+
+        @media (max-width: 431px) {
+          background-image: url("assets/images/landingClub/bg3-mobile.webp");
+          height: 1918px;
+          padding-top: 522px;
+          margin-top: -554px;
+        }
       }
 
       &-header {
         position: relative;
 
+        @media (max-width: 431px) {
+          align-items: end;
+          display: flex;
+          flex-direction: column;
+          padding: 0 25px;
+        }
+
         &__subtitle {
           font-family: "Soyuz Grotesk";
           font-size: 44px;
@@ -502,6 +1066,11 @@
           color: #ffffff;
           position: relative;
           bottom: -30px;
+
+          @media (max-width: 431px) {
+            position: static;
+            margin-bottom: 50px;
+          }
         }
 
         &__title {
@@ -511,6 +1080,13 @@
           line-height: 118.07px;
           text-align: center;
           color: #ced741;
+
+          @media (max-width: 431px) {
+            font-size: 101px;
+            line-height: 89.66px;
+            text-align: left;
+            text-align-last: right;
+          }
         }
       }
 
@@ -530,6 +1106,10 @@
           border: none;
           box-shadow: 0px 5px 10px 1px rgba(167, 202, 96, 0.3098039216);
 
+          @media (max-width: 431px) {
+            display: none;
+          }
+
           &--right {
             img {
               rotate: 180deg;
@@ -543,6 +1123,14 @@
           align-items: center;
           column-gap: 26px;
 
+          @media (max-width: 431px) {
+            width: 400px;
+          }
+
+          .swiper-wrapper {
+            padding-bottom: 40px;
+          }
+
           .slider {
             &-item {
               width: 302px;
@@ -696,6 +1284,17 @@
         right: 0;
         top: 230px;
         filter: blur(4px);
+
+        @media (max-width: 431px) {
+          width: 201px;
+          overflow: hidden;
+          top: 110px;
+
+          img {
+            width: 300px;
+            rotate: 85deg;
+          }
+        }
       }
 
       &-container {
@@ -710,6 +1309,13 @@
         display: flex;
         flex-direction: column;
         align-items: center;
+
+        @media (max-width: 431px) {
+          margin-top: -312px;
+          padding-top: 245px;
+          height: 4155px;
+          background-image: url("assets/images/landingClub/bg4-mobile.webp");
+        }
       }
 
       &-header {
@@ -720,6 +1326,14 @@
           line-height: 59.84px;
           text-align: center;
           color: #333333;
+
+          @media (max-width: 431px) {
+            line-height: 44px;
+            text-align: left;
+            display: block;
+            max-width: 225px;
+            margin-bottom: 38px;
+          }
         }
 
         &__title {
@@ -729,6 +1343,12 @@
           line-height: 118.07px;
           text-align: center;
           color: #e94e1c;
+
+          @media (max-width: 431px) {
+            font-size: 55px;
+            font-weight: 700;
+            line-height: 48.83px;
+          }
         }
       }
 
@@ -738,6 +1358,11 @@
         margin-top: 60px;
         color: #333333;
 
+        @media (max-width: 431px) {
+          flex-direction: column;
+          margin-top: 0;
+        }
+
         .content {
           &__title {
             font-family: "Soyuz Grotesk";
@@ -757,10 +1382,24 @@
             img {
               position: relative;
               top: -12px;
+
+              @media (max-width: 431px) {
+                width: 36px;
+                height: 39px;
+                margin-left: 23px;
+              }
             }
           }
 
           &-tomorrow {
+            @media (max-width: 431px) {
+              display: flex;
+              flex-direction: column;
+              align-items: flex-start;
+              flex-wrap: wrap;
+              align-content: center;
+            }
+
             .tomorrow {
               &-item {
                 width: 328px;
@@ -777,6 +1416,11 @@
                 padding: 12px 12px 70px 12px;
                 position: relative;
 
+                @media (max-width: 431px) {
+                  width: 383.81px;
+                  padding: 14px 14px 70px 14px;
+                }
+
                 &::after {
                   content: "";
                   background-color: #e0e0e0;
@@ -798,12 +1442,18 @@
                       padding-box,
                     linear-gradient(180deg, #fcfcfc 0%, #cccccc 100%) border-box;
                   border-radius: 10px;
+                  width: 100%;
                 }
 
                 &-info {
                   display: flex;
                   justify-content: space-around;
                   margin: 5.6px 0 20.9px 0;
+
+                  @media (max-width: 431px) {
+                    margin: 17px 0 10px 0;
+                    justify-content: space-between;
+                  }
                 }
 
                 &__title {
@@ -814,6 +1464,12 @@
                   padding: 10px 18px;
                   background-color: #ffffff;
                   border-radius: 284px;
+
+                  @media (max-width: 431px) {
+                    padding: 11px 17px;
+                    font-size: 20px;
+                    line-height: 17.2px;
+                  }
                 }
 
                 &__subtitle {
@@ -824,6 +1480,12 @@
                   padding: 10px 26px;
                   background-color: #ffffff;
                   border-radius: 284px;
+
+                  @media (max-width: 431px) {
+                    padding: 12px 33px;
+                    font-size: 20px;
+                    line-height: 17.2px;
+                  }
                 }
 
                 &__text {
@@ -831,6 +1493,11 @@
                   font-weight: 300;
                   line-height: 22.08px;
                   text-align: left;
+
+                  @media (max-width: 431px) {
+                    max-width: 345px;
+                    margin-left: 20px;
+                  }
                 }
 
                 &__arrow {
@@ -914,6 +1581,10 @@
                 display: flex;
                 flex-direction: column;
                 row-gap: 12px;
+
+                @media (max-width: 431px) {
+                  row-gap: 18px;
+                }
               }
 
               &-item {
@@ -926,6 +1597,30 @@
                 column-gap: 24px;
                 border-radius: 10px;
 
+                @media (max-width: 431px) {
+                  width: 384px;
+                  padding: 10px 10px 35px 10px;
+                  flex-direction: column;
+                  justify-content: center;
+                }
+
+                &__img {
+                  border: 1px solid transparent;
+                  background: linear-gradient(
+                        159.23deg,
+                        #ffffff 0%,
+                        #ffffff 75.83%
+                      )
+                      padding-box,
+                    linear-gradient(180deg, #fcfcfc 0%, #cccccc 100%) border-box;
+                  border-radius: 10px;
+                  width: 196px;
+
+                  @media (max-width: 431px) {
+                    width: 344px;
+                  }
+                }
+
                 &-info {
                   font-size: 16px;
                   font-weight: 400;
@@ -935,15 +1630,33 @@
                   display: flex;
                   align-items: center;
                   margin-bottom: 21px;
+
+                  @media (max-width: 431px) {
+                    margin: 27px 0 30px 0;
+                    column-gap: 39px;
+                    padding: 0 11px;
+                    font-size: 21px;
+                    line-height: 18.06px;
+                  }
                 }
 
                 &__date {
                   display: flex;
                   align-items: center;
                   column-gap: 9px;
+
+                  @media (max-width: 431px) {
+                    column-gap: 12px;
+                  }
+
                   img {
                     width: 15px;
                     height: 16px;
+
+                    @media (max-width: 431px) {
+                      width: 27px;
+                      height: 29px;
+                    }
                   }
                 }
 
@@ -955,6 +1668,11 @@
                   img {
                     width: 12px;
                     height: 16px;
+
+                    @media (max-width: 431px) {
+                      width: 21px;
+                      height: 29px;
+                    }
                   }
                 }
 
@@ -962,12 +1680,24 @@
                   font-size: 21px;
                   font-weight: 700;
                   line-height: 18.06px;
+
+                  @media (max-width: 431px) {
+                    font-size: 27px;
+                    line-height: 29.16px;
+                    padding: 0 11px;
+                  }
                 }
 
                 &__text {
                   font-size: 16px;
                   font-weight: 300;
                   line-height: 16.32px;
+
+                  @media (max-width: 431px) {
+                    font-size: 21px;
+                    line-height: 26.25px;
+                    padding: 0 11px;
+                  }
                 }
               }
             }
@@ -981,6 +1711,15 @@
         line-height: 37.65px;
         color: #1e1e1e;
         margin: 48px 0 30px 0;
+
+        @media (max-width: 431px) {
+          text-align: center;
+
+          span {
+            font-weight: 500;
+            text-align: center;
+          }
+        }
       }
     }
   }
@@ -993,34 +1732,63 @@
         right: 0;
         top: 48%;
         z-index: -1;
+
+        @media (max-width: 431px) {
+          overflow: hidden;
+          width: 703px;
+          top: 31%;
+
+          img {
+            position: relative;
+            right: -85px;
+          }
+        }
       }
 
       &-cube {
         position: absolute;
         bottom: -121px;
         right: 22.3%;
-        width: 202px;
+        width: 173px;
         z-index: 2;
         rotate: 265deg;
+
+        @media (max-width: 431px) {
+          right: auto;
+          left: -17%;
+        }
       }
 
       &-container {
-        background-image: url("assets/images/landingClub/bg5.webp");
+        background: url("assets/images/landingClub/bg5.webp");
         background-repeat: no-repeat;
         background-size: cover;
         height: 1400px;
         position: relative;
         z-index: 1;
-        margin-top: -530px;
-        padding-top: 500px;
+        margin-top: -430px;
+        padding-top: 460px;
         display: flex;
         flex-direction: column;
         align-items: center;
+
+        @media (max-width: 431px) {
+          margin-top: -540px;
+          padding-top: 500px;
+          height: 1862px;
+          background-image: url("assets/images/landingClub/bg5-mobile.webp");
+        }
       }
 
       &-header {
         position: relative;
 
+        @media (max-width: 431px) {
+          display: flex;
+          flex-direction: column;
+          align-items: center;
+        }
+
         &__subtitle {
           font-family: "Soyuz Grotesk";
           font-size: 44px;
@@ -1030,6 +1798,13 @@
           color: #ededed;
           position: relative;
           bottom: -25px;
+
+          @media (max-width: 431px) {
+            line-height: 44px;
+            text-align: left;
+            position: static;
+            max-width: 280px;
+          }
         }
 
         &__title {
@@ -1039,6 +1814,11 @@
           line-height: 118.07px;
           text-align: center;
           color: #e94e1c;
+
+          @media (max-width: 431px) {
+            font-size: 81px;
+            line-height: 71.91px;
+          }
         }
       }
 
@@ -1049,6 +1829,10 @@
         column-gap: 37px;
         margin-top: 108px;
 
+        @media (max-width: 431px) {
+          margin-top: 45px;
+        }
+
         &__button {
           width: 45.15px;
           height: 45.15px;
@@ -1058,6 +1842,10 @@
           border: none;
           box-shadow: 0px 5px 10px 1px rgba(233, 78, 28, 0.31);
 
+          @media (max-width: 431px) {
+            display: none;
+          }
+
           &--right {
             img {
               rotate: 180deg;
@@ -1071,6 +1859,10 @@
           column-gap: 23px;
           width: 1000px;
 
+          @media (max-width: 431px) {
+            width: 430px;
+          }
+
           .slider {
             &-item {
               width: 496px;
@@ -1084,6 +1876,10 @@
               position: relative;
               color: #333333;
 
+              @media (max-width: 431px) {
+                width: 392px;
+              }
+
               &__img {
                 border: 1px solid transparent;
                 background: linear-gradient(
@@ -1094,6 +1890,7 @@
                     padding-box,
                   linear-gradient(180deg, #fcfcfc 0%, #cccccc 100%) border-box;
                 border-radius: 10px;
+                width: 100%;
               }
 
               &__title {
@@ -1101,12 +1898,23 @@
                 font-weight: 700;
                 line-height: 19.78px;
                 margin: 23px 0 23px 0;
+
+                @media (max-width: 431px) {
+                  font-size: 27px;
+                  line-height: 27px;
+                }
               }
 
               &__text {
                 font-size: 16px;
                 font-weight: 300;
                 line-height: 16.32px;
+
+                @media (max-width: 431px) {
+                  font-size: 19px;
+                  line-height: 22.04px;
+                  max-width: 344px;
+                }
               }
             }
           }
@@ -1122,6 +1930,16 @@
         color: #e0e0e0;
         position: absolute;
         bottom: -36px;
+
+        @media (max-width: 431px) {
+          font-size: 117px;
+          line-height: 103.87px;
+          margin: 60px 0;
+          position: relative;
+          bottom: auto;
+          color: #ececec;
+          z-index: 2;
+        }
       }
     }
   }
@@ -1132,41 +1950,84 @@
         position: absolute;
         bottom: 0;
         left: 0;
+        height: 145px;
+        overflow: hidden;
+
+        @media (max-width: 431px) {
+          width: 100%;
+          height: auto;
+          bottom: auto;
+          top: -29%;
+        }
+
+        img {
+          width: 703px;
+
+          @media (max-width: 431px) {
+            position: relative;
+            width: 811px;
+            left: -92%;
+          }
+        }
       }
 
       &-cube {
         position: absolute;
         bottom: 0;
         right: 8%;
+        overflow: hidden;
+
+        @media (max-width: 431px) {
+          width: 142px;
+          right: 0;
+          bottom: 41%;
+        }
       }
 
       &-container {
-        height: 256px;
         background-color: #e0e0e0;
         position: relative;
-        z-index: 1;
-        overflow: hidden;
         display: flex;
-        justify-content: center;
-        padding: 42px 0;
+        z-index: 1;
+        padding: 42px 0 42px 340px;
         column-gap: 90px;
+
+        @media (max-width: 431px) {
+          padding: 62px 38px 45px 49px;
+          flex-direction: column;
+        }
       }
 
       &-logo {
         display: flex;
         flex-direction: column;
-        row-gap: 20px;
+        row-gap: 50px;
+        z-index: 1;
 
-        img:nth-child(1) {
+        @media (max-width: 431px) {
+          align-items: flex-end;
+        }
+
+        img {
           width: 245px;
+
+          @media (max-width: 431px) {
+            width: 251px;
+          }
         }
 
-        img:nth-child(2) {
-          width: 66px;
-        }
+        &--sub {
+          row-gap: 12px;
+          display: flex;
+          flex-direction: column;
 
-        img:nth-child(3) {
-          width: 251px;
+          img:nth-child(1) {
+            width: 66px;
+          }
+
+          img:nth-child(2) {
+            width: 251px;
+          }
         }
       }
 
@@ -1175,6 +2036,11 @@
         flex-direction: column;
         row-gap: 8px;
 
+        @media (max-width: 431px) {
+          margin: 73px 0 51px 0;
+          row-gap: 26px;
+        }
+
         a {
           font-size: 20px;
           font-weight: 400;
@@ -1182,6 +2048,11 @@
           letter-spacing: 0.01em;
           color: #333333;
 
+          @media (max-width: 431px) {
+            font-size: 25px;
+            line-height: 29px;
+          }
+
           &:hover {
             color: #000000;
           }
@@ -1189,12 +2060,22 @@
       }
 
       &-content {
+        @media (max-width: 431px) {
+          display: flex;
+          flex-direction: column;
+        }
+
         span {
           font-family: "Soyuz Grotesk";
           font-size: 20px;
           font-weight: 700;
           line-height: 20.2px;
           color: #e94e1c;
+
+          @media (max-width: 431px) {
+            font-size: 27px;
+            line-height: 27.27px;
+          }
         }
 
         .content {
@@ -1203,6 +2084,11 @@
             column-gap: 15px;
             margin: 26px 0 18px 0;
 
+            @media (max-width: 431px) {
+              margin: 31px 0 58px 0;
+              column-gap: 29px;
+            }
+
             .social-icon {
               border: 0.8px solid #ffffff;
               background: linear-gradient(
@@ -1216,6 +2102,11 @@
               display: flex;
               align-items: center;
               justify-content: center;
+
+              @media (max-width: 431px) {
+                width: 132.84px;
+                height: 106.03px;
+              }
             }
           }
 
@@ -1226,6 +2117,12 @@
             letter-spacing: 0.01em;
             color: #333333;
             margin-right: 19px;
+
+            @media (max-width: 431px) {
+              font-size: 19px;
+              line-height: 22.04px;
+              margin: 0 0 5px 0;
+            }
           }
         }
       }