@media (max-width: 1440px) {
  .second-section-item > div {
    min-width: unset;
  }

  .second-mockup-img {
    width: 100%;
  }
}

@media (max-width: 1024px) {
  body.admin-bar header {
    top: 46px; /* Отступ вниз, чтобы не перекрывал админ-бар */
  }

  .second-section-item > div {
    min-width: 375px;
  }

  .second-mockup-img {
    width: 100%;
  }
  .news-list {
    flex-flow: column;
    width: 100%;
    gap: 24px;
  }

  .header-left-container {
    display: flex;
    flex-flow: row;
    gap: 8px;
  }

  .mobile-get-the-app-container {
    padding: 8px 16px;
    background: rgba(222, 255, 127, 1);
    border-radius: 16px;
  }

  .mobile-get-the-app-container p {
    font-family: Arimo;
    font-size: 13px;
    font-weight: 500;
    line-height: 16.9px;
    text-align: left;
  }

  .burger-menu-container {
    width: 32px;
    height: 32px;
    background: #e0e0e2;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    z-index: 2000;
  }

  header.black .burger-menu-container {
    background: #1b1b1d;
  }

  .header-container.only-mobile {
    position: relative;
  }

  .news-item {
    width: 100%;
    gap: 12px;
    max-width: unset;
  }

  .mobile-h2 {
    font-family: Arimo;
    font-size: 48px;
    font-weight: 600;
    line-height: 57.6px;
    letter-spacing: -0.02em;
    text-align: center;
  }

  .mockup-image {
    width: 100%;
    height: 540px;
    object-fit: contain;
  }

  .top-line,
  .bot-line {
    flex-flow: column;
  }

  .texting-2-2 {
    width: 100%;
    position: relative;
    z-index: 3;
  }

  .third-map-content h2 {
    width: 100%;
    font-family: Arimo;
    font-size: 32px;
    font-weight: 600;
    line-height: 38.4px;
    letter-spacing: -0.02em;
    text-align: center;
  }

  .map-locations {
    width: 100%;
  }

  .map-locations img {
    overflow: hidden;
    height: 270px;
    width: auto;
    object-fit: cover;
  }

  .locations-list-container ul {
    width: 100%;
  }

  .footer-body {
    flex-flow: column;
    gap: 32px;
    padding: 0;
  }

  .subscribe-form {
    width: 100%;
  }

  .cta-text {
    width: 100%;
  }

  .third-top-part h1 {
    width: 80%;
    margin-bottom: 32px;
  }

  .second-section-content {
    flex-flow: column;
  }

  .second-section-image-container {
    position: relative;
    width: 100%;
  }

  .second-section-texting-container {
    width: 100%;
  }

  .mobile-padding-16 {
    padding: 16px 16px 0 16px;
  }

  .texting-1-1 {
    width: 100%;
  }

  .texting-1-1 .t1-reg.brand-yellow,
  .texting-1-2 .t1-reg.brand-yellow,
  .texting-2-1 .t1-reg.brand-yellow,
  .texting-2-2 .t1-reg.brand-yellow {
    font-family: Arimo;
    font-size: 12px;
    font-weight: 400;
    line-height: 15.6px;
    letter-spacing: -0.02em;
    text-align: left;
  }

  .texting-1-1.text-part,
  .texting-1-2.text-part,
  .texting-2-1.text-part,
  .texting-2-2.text-part {
    gap: 8px;
  }

  .texting-1-1 .h4,
  .texting-1-2 .h4,
  .texting-2-1 .h4,
  .texting-2-2 .h4 {
    font-family: Arimo;
    font-size: 16px;
    font-weight: 600;
    line-height: 20.8px;
    letter-spacing: -0.01em;
    text-align: left;
  }

  .long-img-1-1 {
    left: 0;
  }

  .cell {
    display: flex;
    flex-flow: column;
    gap: 32px;
    height: 100%;
  }

  .img-style {
    position: relative;
  }

  .padding-24 {
    padding: 0;
  }

  .long-img-1-2 {
    border-radius: 24px;
  }

  .locations-list.t1-med {
    font-family: Arimo;
    font-size: 14px;
    font-weight: 400;
    line-height: 16.8px;
    letter-spacing: -0.01em;
    text-align: left;
  }

  .third-map {
    height: 100%;
  }

  .third-section-content {
    gap: 96px;
  }

  .faq-content .h1 {
    font-family: Arimo;
    font-size: 48px;
    font-weight: 600;
    line-height: 57.6px;
    letter-spacing: -0.02em;
    text-align: center;
  }

  .faq-content {
    gap: 32px;
    padding: 0;
  }

  .faq-list {
    width: 100%;
    padding: 0 12px;
    border-radius: 16px;
  }

  .faq-item {
    padding: 16px 0;
    gap: 8px;
  }

  .faq-item .h4 {
    font-family: Arimo;
    font-size: 14px;
    font-weight: 600;
    line-height: 16.8px;
    text-align: left;
  }

  .faq-texting.t1-reg {
    font-family: Arimo;
    font-size: 12px;
    font-weight: 400;
    line-height: 15.6px;
    letter-spacing: -0.02em;
    text-align: left;
  }

  .third-section-content {
    padding: 48px 8px;
    border-radius: 24px;
  }

  .third-images-big {
    width: 100%;
  }

  .main {
    padding: 0;
    gap: 96px;
  }

  .second-section,
  .latest-news,
  .cta-section {
    padding: 0 16px;
  }

  .latest-news-content .h1,
  .third-top-part .h1,
  .section-swaping-button .h1 {
    font-family: Arimo;
    font-size: 38px;
    font-weight: 600;
    line-height: 45.6px;
    letter-spacing: -0.02em;
    text-align: center;
  }

  .latest-news-content {
    gap: 24px;
  }

  .texting-container {
    gap: 8px;
  }

  .phone-image {
    width: 75%;
  }

  .functions-image {
    scale: 1;
    left: 55%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
  }

  .swaping-button-container {
    display: flex;
    flex-flow: row;
  }

  .swaping-button-container .h3 {
    font-family: Arimo;
    font-size: 14px;
    font-weight: 500;
    line-height: 16.8px;
    text-align: center;
  }

  .changing-button .h3 {
    font-family: Arimo;
    font-size: 14px;
    font-weight: 500;
    line-height: 16.8px;
    text-align: center;
  }

  header {
    padding: 0;
  }

  .cta-text {
    font-family: Arimo;
    font-size: 48px;
    font-weight: 600;
    line-height: 57.6px;
    letter-spacing: -0.02em;
    text-align: center;
  }

  .cta-bg {
    backdrop-filter: blur(5px);
    background-size: contain;
  }

  .cta-content .button-container {
    width: 100%;
    display: flex;
    flex-flow: column;
    align-items: center;
    gap: 8px;
  }

  .see-all-news {
    width: 100%;
    justify-content: center;
    width: fit-content;
  }

  .fit-content-mobile {
    width: fit-content;
  }

  .footer-body-links-container {
    display: flex;
    flex-flow: column;
  }

  .footer-body-left {
    flex-flow: column;
    gap: 32px;
    align-items: center;
  }

  .footer-body-links-container {
    gap: 24px;
    align-items: center;
    text-align: center;
  }

  .footer-body-links-list {
    text-align: center;
    align-items: center;
  }

  .footer-body-right .t1-reg {
    font-family: Arimo;
    font-size: 12px;
    font-weight: 400;
    line-height: 15.6px;
    letter-spacing: -0.02em;
    text-align: left;
  }

  .footer-content {
    gap: 32px;
  }

  .footer-input {
    width: 100%;
  }

  .social-link-item {
    padding: 12px;
    border-radius: 12px;
    background: #0000000d;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .social-link-container {
    display: flex;
    flex-flow: row;
    gap: 12px;
    width: 100%;
    justify-content: center;
  }

  .footer-logo-main-container {
    display: flex;
    flex-flow: column;
    gap: 24px;
  }

  .cta-section {
    position: relative;
  }

  .cta-bg {
    height: 100%;
    filter: blur(5px);
  }

  .footer-content {
    padding-bottom: 24px;
  }

  .cta-section {
    display: flex;
    flex-flow: column;
    gap: 96px;
  }

  .cta-content {
    gap: 32px;
  }

  .second-section-item {
    flex-flow: column;
    align-items: center;
    gap: 16px;
  }

  .second-section-content {
    gap: 96px;
  }

  .burger-menu-container {
    padding: 12px;
    border-radius: 12px;
    width: 40px;
    height: 40px;
    transition: 0.3s ease;
  }

  .header-link-item {
    /* padding: 11.5px 16px; */
  }

  .bg-dark {
    background: #080809;
  }

  .second-mockup-img {
    padding: 0 54px;
  }

  .second-section-item > div {
    /* background: linear-gradient(
      0deg,
      #ebebec 13.77%,
      rgba(235, 235, 236, 0) 100%
    ); */
  }

  .gradient-text-blue {
    background: linear-gradient(250deg, #ffffff 11.82%, #a4c2de 83.29%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }

  .footer-body-right {
    padding: 0 16px;
  }

  .post-content .latest-news-head {
    width: 100%;
  }

  .pt-200 {
    padding-top: 116px;
  }

  .post-content {
    padding-left: 16px;
    padding-right: 16px;
  }

  .latest-news-head {
    width: 100%;
  }

  .post-texting-content {
    padding: 0;
  }

  .latest-news-head h2 {
    font-family: Arimo;
    font-size: 32px;
    font-weight: 600;
    line-height: 38.4px;
    letter-spacing: -0.02em;
    text-align: center;
  }

  .post-content {
    gap: 32px;
  }

  .latest-news-head .t1-med {
    font-family: Arimo;
    font-size: 14px;
    font-weight: 400;
    line-height: 16.8px;
    letter-spacing: -0.02em;
    text-align: center;
  }

  .form-row {
    flex-flow: column;
    width: 100%;
  }
  .form-inputs-container {
    width: 100%;
  }

  .form-container {
    width: 100%;
  }

  .form-row .popup-input,
  .form-row span {
    width: 100%;
  }
  .popup-form-item,
  .popup-form-item > div {
    width: 100%;
  }

  .modal-switcher-option p {
    font-family: Arimo;
    font-size: 14px;
    font-weight: 400;
    line-height: 18.2px;
    letter-spacing: -0.02em;
    text-align: center;
  }

  .modal-header-texting h3 {
    font-family: Arimo;
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: -0.02em;
    text-align: left;
  }

  .modal-header-texting p {
    font-family: Arimo;
    font-size: 14px;
    font-weight: 400;
    line-height: 16.8px;
    letter-spacing: -0.02em;
    text-align: left;
  }

  .modal-container {
    gap: 16px;
  }

  .form-container {
    gap: 16px;
  }

  .bottom-inputs {
    display: flex;
    flex-flow: column;
    gap: 16px;
  }

  .modal-container {
    overflow-y: scroll;
    height: fit-content;
    padding: 12px;
    padding-top: 20px;
  }
  .modal-container::-webkit-scrollbar {
    display: none;
  }

  .bottom-inputs .wpcf7-submit {
    width: fit-content;
    align-self: center;
  }

  .menu-modal {
    display: flex;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 999;
    /* background: #fff; */
    position: fixed;
    transform: translateY(-150%);
    transition: 0.5s ease;
  }

  .menu-modal-container {
    width: 100%;
    height: calc(100% - 76px);
    display: flex;
    flex-flow: column;
    justify-content: center;
    padding: 24px 16px;
  }

  .menu-modal-footer {
    display: flex;
    flex-flow: column;
    gap: 48px;
    align-items: center;
  }

  .copyright-part {
    display: flex;
    flex-flow: row;
    gap: 12px;
    justify-content: center;
  }

  .social-part-container {
    display: flex;
    flex-flow: row;
    gap: 12px;
  }

  .menu-modal-body {
    display: flex;
    flex-flow: column;
    gap: 32px;
    align-items: center;

    margin-top: auto;
    margin-bottom: auto;
  }

  .menu-modal-body a {
    width: fit-content;
    align-self: center;
  }

  .menu-part {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    list-style: none;
  }

  .menu-part a {
    padding: 8px 0;
  }

  .menu-modal-footer .copyright-part .copyright-part-link {
    font-family: Arimo;
    font-size: 12px;
    font-weight: 500;
    line-height: 14.4px;
    letter-spacing: -0.02em;
    text-align: left;
    color: #9999a0;
  }

  .popup-social-item {
    padding: 12px;
    background: #0808090d;
    border-radius: 12px;
    aspect-ratio: 1;
    height: 48px;
    box-sizing: border-box;
    width: 48px;
  }
  .popup-social-img {
    width: 24px;
    height: 24px;
  }

  .menu-modal .header-link-item {
    /* padding: 16px 20px; */
  }

  .menu-part a {
    font-family: Arimo;
    font-size: 24px;
    font-weight: 500;
    line-height: 28.8px;
    letter-spacing: -0.02em;
    text-align: left;
    text-decoration: none;
    color: #9999a0;
  }

  .menu-part .current-menu-item,
  .menu-part .current-page-ancestor {
    background-color: transparent;
  }

  .menu-part .current-menu-item a,
  .menu-part .current-page-ancestor a {
    color: #080809;
  }

  .bg-dark .menu-part .current-menu-item a,
  .bg-dark .menu-part .current-page-ancestor a {
    color: #fff;
  }

  .menu-modal.opened-menu {
    transform: translateY(0);
  }

  .display-block {
    display: block;
  }

  .functions-image {
    width: 110%;
  }

  .scroll-to-explore-container {
    padding-bottom: 64px;
  }

  /* editor styles */
  .editor-content a {
    color: #4985be;
    text-decoration: none;
  }

  .editor-content a:hover {
    color: #0f71cc;
  }

  .editor-content h1 {
    margin-bottom: 32px;
  }

  .editor-content h2 {
    font-size: 26px !important;
    margin-bottom: 24px;
  }

  .editor-content h3 {
    font-size: 24px !important;
    margin-bottom: 24px;
  }

  .editor-content h4 {
    font-size: 18px !important;
    margin-top: 16px;
    margin-bottom: 8px;
  }

  .editor-content p {
    font-size: 14px;
  }

  .editor-content ul,
  .editor-content ol {
    margin-bottom: 12px;
    list-style: inside;
  }

  .editor-content ul li,
  .editor-content ol li {
    margin-bottom: 8px;
    font-size: 14px;
  }

  .editor-content table {
    border-radius: 8px;
  }

  .editor-content table th,
  .editor-content table td {
    padding: 8px;
    font-size: 12px;
  }
  /* explore page styles */
  .explore-page {
    padding-top: calc(48px + 64px);
  }

  .explore-page-container {
    grid-template-columns: 1fr;
    margin: 0 16px;
  }

  .explore-page-title.h2 {
    text-align: center;
    font-size: 32px;
  }

  .explore-page-title.h2 + p.subtitle {
    text-align: center;
    font-size: 14px;
  }

  /* sidebar styles */
  body.admin-bar .explore-sidebar {
    top: calc(76px + 46px);
  }

  .explore-sidebar {
    top: 76px;
    left: 0;
    max-width: 100%;
    z-index: 11;
    height: auto;
  }

  .mobile-sidebar-header {
    height: 64px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 16px;
    border-bottom: 1px solid #e0e0e2;
    background-color: #f5f5f5;
  }

  .mobile-sidebar-header a {
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-decoration: none;
    color: #1b1b1d;
  }

  .sidebar-accordion svg {
    transform: rotate(-90deg);
    transition: transform 0.2s ease-out;
  }

  .sidebar-accordion.open svg {
    transform: rotate(0deg);
  }

  .sidebar-nav {
    padding: 0;
    background-color: #f5f5f5;
    height: 100vh;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
  }

  .sidebar-nav__content {
    padding: 16px;
    padding-bottom: 100px;
  }

  .sidebar-nav__content > ul {
    padding: 0;
  }

  /* contact us page */

  .contact-content {
    padding: 0 16px;
  }

  .contact .social-list a {
    width: 100%;
  }

  .contact .contact-block {
    flex-direction: column;
    gap: 32px;
    padding: 24px;
  }

  .contact .contact-block-text h3 {
    text-align: center;
  }

  .contact .contact-block-text p {
    text-align: center;
  }

  .contact-form-wrapper .wpcf7-submit {
    width: 100%;
  }

  /* Pricing Page */

  .pricing .pricing-block {
    margin-top: 24px;
    gap: 24px;
  }

  .pricing .pricing-list {
    flex-direction: column;
    align-items: center;
  }

  /* update footer */

  .footer-body-list .t2-semi {
    margin-bottom: 12px;
  }

  .footer-body-list {
    margin-bottom: 24px;
    align-items: center;
  }

  .footer-body-links-list .menu-item a {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  /* Comments section */
  .comments-sections-content {
    gap: 32px;
  }

  .comments-sections-content .swiper-wrapper {
    align-items: stretch;
    height: auto;
  }

  .comment-item {
    height: auto;
  }

  .comment-text {
    -webkit-line-clamp: unset;
  }

  .footer-bottom {
    flex-wrap: wrap;
  }
}

@media (max-width: 768px) {
  .second-section-item > div {
    width: 100%;
    min-width: unset;
    overflow: hidden;
  }
}

/* MOBILE LANG CONTAINER */

@media (max-width: 1024px) {
  .mobile-lang-container {
    position: absolute;
    top: 96px;
    right: 24px;
  }

  .mobile-lang-list-container {
    max-height: 70%;
    display: flex;
    flex-flow: column;
    gap: 32px;
    padding: 12px;
    border-radius: 24px;
    background: #1B1B1D;
    position: absolute;
    bottom: 56px;
    width: 90%;
    left: 50%;
    transform: translateX(-50%) translateY(200%);
    opacity: 0;
    pointer-events: none;

    transition: 0.3s ease;
  }

  .mobile-lang-list-container.active {
    transform: translateX(-50%) translateY(0);
    pointer-events: all;
    opacity: 1;
  }

  .mobile-lang-list-container-head {
    display: flex;
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 0 4px;
  }

  .mobile-lang-list-container-head p {
    font-family: Arimo;
    font-weight: 500;
    font-size: 18px;
    leading-trim: Cap height;
    line-height: 130%;
    letter-spacing: -1%;
    color: #fff;
  }

  .mobile-lang-list-container-exit {
    border-radius: 100px;
    width: 44px;
    height: 44px;
    aspect-ratio: 1;
    background: #252527;
    position: relative;
  }

  .mobile-lang-list-container-exit svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
  }

  .mobile-lang-list-container-body {
    display: flex;
    flex-flow: column;
    gap: 8px;
    width: 100%;
  }

  .header-lang-list-item{
    display: flex;
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    padding: 12px 8px;
    position: relative;
    gap: 8px;
  }

  .header-lang-list-item::after {
    content: '';
    width: 24px;
    height: 24px;
    aspect-ratio: 1;
    position: absolute;
    background: #343436;
    border-radius: 100px;
    box-shadow: 0 0 0 0 #fff inset;
    transition: 0.3s ease;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
  }

  .header-lang-list-item.active::after {
    background: #fff;
    box-shadow: 0 0 0 8px #343436 inset;
  }

  .header-lang-list-item-title {
    color: #5F5F64;
    transition: 0.3s ease;
  }

  .header-lang-list-item.active .header-lang-list-item-title {
    color: #fff;
  }

  .header-lang-list-item-flag {
    width: 32px;
    height: 24px;
  } 

  .header-lang-current {
    pointer-events: all;
  }

  .header-lang-current:hover .current-lang {
    color: #9999A0;
  }
  
  .header-lang-current svg path {
    transition: 0.3s ease;
  }
  
  .header-lang-current:hover svg path {
    fill: #9999A0;
  }

  .mobile-lang-list-container-overlay {
    width: 100%;
    height: 100%;
    background: #080809;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    transition: 0.3s ease;

    pointer-events: none;
  }

  .mobile-lang-list-container-overlay.active {
    opacity: 0.8;
    pointer-events: all;
  }
}