diff --git a/src/components/global/Calendar.tsx b/src/components/global/Calendar.tsx
deleted file mode 100644
index a17e1aa..0000000
--- a/src/components/global/Calendar.tsx
+++ /dev/null
@@ -1,278 +0,0 @@
-// Modules
-import { v4 as uuidv4 } from "uuid";
-import React, { SetStateAction, useMemo, useState } from "react";
-
-// Import helpers
-import {
-  generateDateMatrix,
-  matchLocaleLang,
-  daysLocale,
-  matchDateToDay,
-  monthsLocale,
-  years,
-} from "../../helpers/calendar";
-
-// Icons
-import prev from "../../icons/arrow-prev.svg";
-import next from "../../icons/arrow-next.svg";
-import sharp from "../../icons/sharp.svg";
-
-// Types
-import { dataItem, dateMatrix } from "../../helpers/calendar";
-
-const Calendar = () => {
-  // Static
-  const date = new Date();
-  const today = date.getDate();
-
-  // Inner Types
-  interface dayType {
-    day: number;
-    month: number;
-  }
-  type monthType = [number, React.Dispatch<SetStateAction<number>>];
-  type monthSelectType = [boolean, React.Dispatch<SetStateAction<boolean>>];
-  type dayStateType = [dayType, React.Dispatch<SetStateAction<dayType>>];
-
-  // State
-  const [currentYear, setCurrentYear]: monthType = useState(date.getFullYear()); // Ability to change the year
-  const [currentMonth, setCurrentMonth]: monthType = useState(date.getMonth()); // Ability to change the month
-  const [monthSelect, setMonthSelect]: monthSelectType = useState(false); // Month select controller
-  const [yearSelect, setYearSelect]: monthSelectType = useState(false); // Year select controller
-  const [selectedDay, setSelectedDay]: dayStateType = useState({
-    day: -1,
-    month: -1,
-  }); // Ability to select a day
-
-  // Memoized
-
-  const data: dateMatrix = useMemo(
-    () => generateDateMatrix(currentYear),
-    [currentYear]
-  ); // For better performance: generateDateMatrix() is a demanding algorithm
-
-  const dataDays: dataItem[] = useMemo(() => data[0], [data]); // Same
-
-  const sorted: number[][] = useMemo(
-    () => matchDateToDay(dataDays[currentMonth].data),
-    [dataDays, currentMonth]
-  ); // For better performance: matchDateToDay() is a demanding algorithm
-
-  // Chain memo reaction when currentYear changes
-
-  return (
-    <div className="calendar">
-      <div className="calendar-top">
-        <div
-          className="calendar-prev"
-          onClick={() => {
-            setCurrentMonth((initial) => {
-              if (initial - 1 < 0) {
-                return 11;
-              } else {
-                return initial - 1;
-              }
-            });
-          }}
-        >
-          <img src={prev} alt="" />
-        </div>
-
-        <h4>
-          <span
-            onClick={() => {
-              setMonthSelect((initial) => !initial);
-              setYearSelect(false);
-              setSelectedDay({ day: -1, month: -1 });
-            }}
-          >
-            {matchLocaleLang(currentMonth)}
-          </span>{" "}
-          <span
-            onClick={() => {
-              setYearSelect((initial) => !initial);
-              setMonthSelect(false);
-              setSelectedDay({ day: -1, month: -1 });
-            }}
-          >
-            {data[1] as number}
-          </span>
-        </h4>
-        <div
-          className="calendar-next"
-          onClick={() => {
-            setCurrentMonth((initial) => {
-              if (initial + 1 > 11) {
-                return 0;
-              } else {
-                return initial + 1;
-              }
-            });
-          }}
-        >
-          <img src={next} alt="" />
-        </div>
-      </div>
-      <div className="calendar-bottom">
-        <div
-          className={
-            monthSelect
-              ? "calendar-month-select active"
-              : "calendar-month-select"
-          }
-        >
-          {monthsLocale.map((month, i) => {
-            return (
-              <span
-                className={i === currentMonth ? "active" : ""}
-                key={uuidv4()}
-                onClick={() => {
-                  setMonthSelect(false);
-                  setCurrentMonth(i);
-                }}
-              >
-                {month}
-              </span>
-            );
-          })}
-        </div>
-        <div
-          className={
-            yearSelect
-              ? "calendar-month-select calendar-year-select active"
-              : "calendar-month-select calendar-year-select"
-          }
-        >
-          {years.map((year) => {
-            return (
-              <span
-                className={year === currentYear ? "active" : ""}
-                key={uuidv4()}
-                onClick={() => {
-                  setYearSelect(false);
-                  setCurrentYear(year);
-                }}
-              >
-                {year}
-              </span>
-            );
-          })}
-        </div>
-        <table className="calendar-table">
-          <tbody>
-            <tr className="calendar-table-header">
-              <th>{daysLocale[0]}</th>
-              <th>{daysLocale[1]}</th>
-              <th>{daysLocale[2]}</th>
-              <th>{daysLocale[3]}</th>
-              <th>{daysLocale[4]}</th>
-              <th>{daysLocale[5]}</th>
-              <th>{daysLocale[6]}</th>
-            </tr>
-            {sorted
-              ? sorted.map((arr) => {
-                  if (arr.filter((x) => x === 0).length !== 7) {
-                    return (
-                      <tr key={uuidv4()}>
-                        {arr.map((el) => {
-                          if (el !== 0) {
-                            if (
-                              today === el &&
-                              currentMonth === date.getMonth() &&
-                              currentYear === date.getFullYear()
-                            ) {
-                              return (
-                                <td
-                                  className={
-                                    selectedDay.day === el &&
-                                    selectedDay.month === currentMonth
-                                      ? "active selected"
-                                      : "active"
-                                  }
-                                  key={uuidv4()}
-                                  onClick={(
-                                    e: React.MouseEvent<HTMLElement>
-                                  ) => {
-                                    const target = e.target as HTMLElement;
-                                    const span = target.innerText;
-                                    setSelectedDay({
-                                      day: parseInt(span),
-                                      month: currentMonth,
-                                    });
-                                  }}
-                                >
-                                  <span>{el}</span>
-                                  <div className="event">
-                                    <div className="sharp">
-                                      <img src={sharp} alt="" />
-                                    </div>
-                                    <h5>{`${el} ${matchLocaleLang(
-                                      currentMonth
-                                    )} ${currentYear}`}</h5>
-                                    <span>Нет событий</span>
-                                  </div>
-                                </td>
-                              );
-                            } else {
-                              return (
-                                <td
-                                  className={
-                                    selectedDay.day === el &&
-                                    selectedDay.month === currentMonth
-                                      ? "selected"
-                                      : ""
-                                  }
-                                  key={uuidv4()}
-                                  onClick={(
-                                    e: React.MouseEvent<HTMLElement>
-                                  ) => {
-                                    const target = e.target as HTMLElement;
-                                    const span = target.innerText;
-                                    setSelectedDay({
-                                      day: parseInt(span),
-                                      month: currentMonth,
-                                    });
-                                  }}
-                                >
-                                  <span>{el}</span>
-                                  <div className="event">
-                                    <div className="sharp">
-                                      <img src={sharp} alt="" />
-                                    </div>
-                                    <h5>{`${el} ${matchLocaleLang(
-                                      currentMonth
-                                    )} ${currentYear}`}</h5>
-                                    <span>Нет событий</span>
-                                  </div>
-                                </td>
-                              );
-                            }
-                          } else {
-                            return <td key={uuidv4()}></td>;
-                          }
-                        })}
-                      </tr>
-                    );
-                  } else {
-                    return "";
-                  }
-                })
-              : ""}
-          </tbody>
-        </table>
-        <button
-          type="button"
-          className="calendar-return"
-          onClick={() => {
-            setCurrentMonth(date.getMonth());
-            setCurrentYear(date.getFullYear());
-          }}
-        >
-          Сегодня
-        </button>
-      </div>
-    </div>
-  );
-};
-
-export default Calendar;
diff --git a/src/components/main/CalendarSection.tsx b/src/components/main/CalendarSection.tsx
index 7db855a..8140bc2 100644
--- a/src/components/main/CalendarSection.tsx
+++ b/src/components/main/CalendarSection.tsx
@@ -8,7 +8,6 @@ import { ErrorBoundary } from "react-error-boundary";
 
 // Components
 import VideoPlayer from "../global/VideoPlayer";
-import Calendar from "../global/Calendar";
 import EmptyState from "../global/EmptyState";
 
 // Types
@@ -34,7 +33,10 @@ const CalendarSection = () => {
       },
     ]);
 
-  const widthBounds: boolean = useMediaQuery("(max-width: 750px)");
+  const widthBounds: Record<number, boolean> = {
+    1120: useMediaQuery("(max-width: 1120)"),
+    750: useMediaQuery("(max-width: 750px)"),
+  };
 
   useEffect(() => {
     getVideos(setVideoData, setVideo);
@@ -61,7 +63,9 @@ const CalendarSection = () => {
                 modules={[]}
                 spaceBetween={24}
                 autoHeight={true}
-                slidesPerView={widthBounds ? 2 : 3}
+                slidesPerView={
+                  widthBounds["750"] ? 2 : widthBounds["1120"] ? 4 : 5
+                }
                 loop={false}
               >
                 {videoData[0].id !== -1
@@ -93,11 +97,11 @@ const CalendarSection = () => {
               </Swiper>
             </div>
           </div>
-          <div className="calendars-right">
+          {/* <div className="calendars-right">
             <ErrorBoundary fallback={<EmptyState />}>
               <Calendar />
             </ErrorBoundary>
-          </div>
+          </div> */}
         </div>
       </div>
     </section>
diff --git a/src/styles/_main.scss b/src/styles/_main.scss
index ad8f447..51c327a 100644
--- a/src/styles/_main.scss
+++ b/src/styles/_main.scss
@@ -157,14 +157,11 @@
 
 .calendars {
   padding: 4rem 0 8rem 0;
-  display: grid;
-  grid-template-columns: 91.1rem 1fr;
-  gap: 12rem;
+  display: flex;
 }
 
 .calendars-left {
   width: 100%;
-  max-width: 91.1rem;
   display: flex;
   flex-direction: column;
   gap: 2rem;
@@ -187,11 +184,6 @@
   }
 }
 
-.calendars-right {
-  display: flex;
-  align-items: center;
-}
-
 .swiper-darkener {
   position: absolute;
   top: 0;
@@ -213,20 +205,11 @@
 }
 
 @media screen and (max-width: 1500px) {
-  .calendars-left {
-    max-width: 80rem;
-  }
   .calendars {
     display: flex;
   }
 }
 
-@media screen and (max-width: 1360px) {
-  .calendars-left {
-    max-width: 70rem;
-  }
-}
-
 @media screen and (max-width: 1300px) {
   .slider-prev,
   .slider-next,
@@ -243,11 +226,11 @@
   }
 }
 
-@media screen and (max-width: 1260px) {
-  .calendars-left {
-    max-width: 64rem;
-  }
-}
+// @media screen and (max-width: 1260px) {
+//   .calendars-left {
+//     max-width: 64rem;
+//   }
+// }
 
 @media screen and (max-width: 1200px) {
   .calendars-left {