.menu-btn,
.mobile-logo,
.mobile-contact,
.mobile-order-btn,
.next-step-btn {
  display: none;
}
@media screen and (max-width: 63.9375rem) {
  body {
    font-size: 1.125rem;
  }
  h4,
  .h4 {
    font-size: 1.25rem;
  }
  .mt-section {
    margin-top: 2.5rem;
  }
  .mt-section-sm {
    margin-top: 1.25rem;
  }
  .mb-section-sm {
    margin-bottom: 1.25rem;
  }
  .header {
    width: 100%;
    height: 50px;
    padding: 0 0 0 0.9375rem;
    align-items: center;
    justify-content: flex-start;
  }
  .header:after {
    display: none;
  }
  .header:before {
    height: 100%;
    width: 100%;
  }
  .mobile-logo {
    display: block;
  }
  .mobile-logo img {
    width: 70px;
  }
  .header .mobile-order-btn {
    color: #4f1b63 !important;
    font-size: 1em;
    display: block;
    height: 100%;
    padding: 0.5em 1.2em;
    margin: 0 0 0 auto;
    background-color: #85fd5e !important;
  }
  .menu-btn {
    display: flex;
    color: #fff;
    line-height: 1.25;
    text-align: center;
    width: 80px;
    height: 100%;
    padding: 0;
    background: #4f1b63;
    position: relative;
    overflow: hidden;
  }
  .menu-btn .btn-text {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    flex-shrink: 0;
    transition: transform 0.3s cubic-bezier(0.17, 0.67, 0.53, 1.26);
    transform: translateX(-100%);
  }
  .menu-btn.open .btn-text {
    transform: translateX(0);
  }
  .header-order-btn {
    display: none;
  }
  .menu-main {
    width: 100%;
    height: calc(100% - 3.125rem);
    background-color: #4f1b63;
    padding: 0 0.9375rem 0;
    position: fixed;
    top: 3.125rem;
    left: 0;
    transform: translateX(-100%);
    transition: transform 0.3s cubic-bezier(0.17, 0.67, 0.53, 1.26);
    overflow: auto;
  }
  .menu-main.expanded {
    transform: translateX(0);
  }
  .menu-main:after {
    content: "";
    display: block;
    padding-top: 1.875rem;
  }
  .menu-wrapper {
    flex-direction: column;
    align-items: flex-start;
  }
  .menu-item {
    color: #fff;
    font-size: 1.75rem;
    width: 100%;
    padding: 0.535em 0;
    margin: 0;
  }
  .menu-item + .menu-item {
    border-top: 2px solid rgba(255, 255, 255, 0.05);
  }
  .menu-item:hover,
  .menu-item.active {
    color: #85fd5e;
  }
  .menu-item.with-submenu {
    color: #fff !important;
  }
  .menu-item:before {
    display: none;
  }
  .menu-item-submenu li {
    font-size: initial;
    margin-top: 1rem;
  }
  .submenu-item {
    color: rgba(255, 255, 255, 0.5);
    font-size: 1.25rem;
  }
  .submenu-item:hover,
  .submenu-item.active {
    color: #85fd5e;
  }
  .mobile-contact {
    font-size: 16px;
    display: flex;
    flex-wrap: wrap;
    background-color: #f4f4f4;
    padding: 1.1rem 0.9375rem;
    margin: 0 -0.9375rem;
  }
  .mobile-contact a:not(:first-child) {
    margin-left: 1rem;
  }
  .mobile-contact .fb-btn:before {
    margin: 0;
  }
  .mobile-contact .fb-btn span {
    display: none;
  }
  .mobile-contact br {
    display: none;
  }
  .back-btn {
    display: none;
  }
  /* FRONT PAGE */
  .sidebar {
    width: 100%;
    position: relative;
    margin-top: 3.125rem;
    z-index: unset;
  }
  .sidebar .bentte-logo,
  .sidebar-contact {
    display: none;
  }
  .sidebar-inner {
    width: 100%;
    padding: 5.625rem 0.9375rem;
  }
  .sidebar-content {
    margin: 0;
  }
  .sidebar-content .custom-btn {
    margin-top: 0;
  }
  .order-modal {
    width: 100%;
    left: 0;
    z-index: 110;
  }
  .order-modal .modal-inner {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
  .order-close-area {
    display: none !important;
  }
  .page-content {
    padding-top: 0;
    width: 100%;
  }
  .landing-image {
    position: relative !important;
    width: 100%;
  }
  .landing-image:before {
    content: "";
    display: block;
    padding-top: calc(100% / 16 * 9);
  }
  .global-section {
    padding: 5rem 0;
  }
  .container {
    max-width: none;
  }
  .global-section.with-image {
    font-size: 2.25rem;
  }
  /* PAYMENT PAGE */
  .global-container {
    width: calc(100% - 1.875rem);
  }
  .details-container {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
  .details-form {
    padding-right: 0.9375rem;
  }
  .details-content {
    padding-left: 0.9375rem;
  }
  /* COMMON PAGE */
  .global-container.for-common,
  .global-container.for-footer {
    padding-left: 3.125rem;
    padding-right: 3.125rem;
  }
  /* SERVICE PAGE */
}
@media screen and (max-width: 47.9375rem) {
  .contacts-wrapper {
    justify-content: center;
  }
  .contact-block {
    width: 100%;
    max-width: 25rem;
  }
  .details-container,
  .global-container.for-common {
    padding: 0.9375rem 0.9375rem 3.125rem;
  }
  .global-container.for-footer {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
  .common-logo img {
    width: 80px;
  }
  .steps-wrapper {
    display: none;
  }
  .details-nav {
    margin-top: 0.9375rem;
  }
  .details-nav .custom-btn {
    display: none;
  }
  .details-form {
    width: 100%;
    padding-right: 0;
    border-right: none !important;
  }
  .details-content {
    width: 100%;
    padding-left: 0;
  }
  .next-step-btn {
    display: inline-flex;
  }
  /* FOOTER */
  .new-footer {
    flex-direction: column;
  }
  .footer-logo-wrapper {
    margin-bottom: 1.67em;
  }
  .footer-info-item {
    width: 100%;
  }
}
@media screen and (max-width: 31.25rem) {
  .mobile-contact {
    justify-content: space-between;
  }
  .edys-gallery-grid .edys-gallery-grid-item {
    width: calc(100% / 2 - 1.25rem) !important;
  }
  .form_field {
    width: 100%;
  }
  .payment-select label {
    width: calc(100% / 2 - 1.875rem);
  }
}