@media only screen and (max-width: 768px) and (orientation: landscape) {
  header.home {
    min-height: 670px;
  }
  .menu-header {
    background: url(../_img/bg-menu-small.webp) no-repeat center center;
  }
}
@media only screen and (orientation: portrait) {
  .home .logo {
    background-size: contain;
  }
}
@media only screen and (orientation: landscape) {
  .cta-container {
    position: relative;
    margin-top: -40vh;
  }
  .home .logo {
    min-height: 100vh;
  }
}
@media only screen and (max-width: 420px) {
  .bottom-cart-container .cart-header {
    width: 100%;
  }
  .login-section .forget a,
  .login-section .forget a:visited {
    font-size: 0.9rem;
  }
}
@media only screen and (max-width: 768px) {
  .dish-info .dish-actions .food-addities .btn.btn-additives::after,
  .dish-info .dish-actions .food-addities .size-btn::after {
    width: 20px;
    height: 20px;
    right: calc(var(--padding-box) / 2);
  }
  .dish-actions .dish-count {
    padding-top: calc(var(--padding-box) / 2);
  }
  .bottom-cart-container .cart-quantity .btn:first-child {
    min-width: 130px;
    max-width: 150px;
  }
  .bottom-cart-container .cart-quantity .btn {
    font-size: 1rem;
  }
  .your-pizza,
  .box-extras {
    flex-direction: column;
  }
  .your-pizza .your-half-pizza,
  .box-extras-container {
    width: 100%;
    padding-top: var(--padding-box) 0;
  }
  .your-pizza .your-half-pizza {
    margin-top: 20px;
  }
  .login-section .login-header {
    left: 0;
    top: -20px !important;
  }
  .cart form input,
  .cart form textarea {
    width: 100%;
    font-size: 1.4rem;
    padding: 4px 10px;
  }
  .cart form .has-icon input {
    width: calc(100% - 40px);
  }
  .cart-section-header.wave .red-header {
    top: 60px;
  }
  .delivery-section,
  .address-section,
  .pay-section {
    padding-top: 80px;
    padding-bottom: 30px;
  }
  .address-section .place-section,
  .delivery-section .delivery-options,
  .pay-section .pay-options {
    flex-direction: column;
  }
  .delivery-section .btn,
  .pay-section .btn {
    margin-bottom: 20px;
  }
  .result-container a {
    font-size: 1.4rem;
  }
  .cart .btn::after {
    width: 25px;
    height: 20px;
    margin: 4px 0 4px 5px;
  }
  .white .btn-back,
  .white .btn-back:visited {
    position: relative;
    display: block;
    padding: 40px 0 0 0px;
    margin: 10px 0 0 30px;
  }
  .cart-section {
    margin-top: 120px;
  }
  .bottom-cart .cart-section {
    margin-top: 0;
  }
  .login-section {
    padding-bottom: 60px;
  }
  .login-section.order .order-send div,
  .login-section .head,
  .login-section form .input-box {
    width: 100%;
    max-width: 100%;
    padding: 0;
  }
  .login-section.order .order-send .loading-bar {
    padding-bottom: 100px;
    padding: 0 0 30vw 0;
  }
  .login-section.order .order-send .loading-bar div {
    padding: 0;
    margin-top: 20px;
  }
  .login-section.order .order-send .loading-bar div:last-of-type {
    padding-left: 5px;
  }
  .login-section.register form {
    padding-bottom: 120px;
    background-size: 120px 140px;
  }
  .login-section.order div .send-info-box .send-info-description.order-number {
    flex-direction: column;
  }
  .login-section.order
    div
    .send-info-box
    .send-info-description.order-number
    span:nth-child(even),
  .login-section.order
    div
    .send-info-box
    .send-info-description.order-number
    span:nth-child(odd) {
    width: 100%;
    padding: 3px 0;
  }
  .login-section.order div .send-info-box {
    padding-top: 25px;
  }
  .login-section .head {
    border-top: 3px solid var(--white-color);
    border-bottom: 0;
  }
  .login-section.order .order-end {
    background: none;
  }
  .top-icons.user-login a.topicon-login span {
    max-width: 40vw;
  }
  .cta-btns-container .cta-btns .qr {
    padding: var(--padding-box);
    padding-top: calc((var(--padding-box) * 2) - 10px);
  }
  .cta-btns-container .cta-btns .qr a {
    font-size: clamp(0.4rem, 15vw, 1.3rem);
  }
  .cta-btns-container .cta-btns .cta-order .btn::before {
    width: 30px;
    padding: 5px;
  }
  .cta-btns-container .cta-btns .cta-order .btn {
    padding: 0px;
  }
  .maps-container .here p {
    font-size: clamp(2.5rem, 9vw, 5.5rem);
  }
  .menu-section-nav .menu-section-nav-btns .btn {
    font-size: 1.5rem;
  }
  .dish-info .dish-actions .food-addities .btn {
    font-size: 1.1rem;
  }
  .bottom-cart {
    min-height: 60px;
  }

  .bottom-cart .bottom-cart-container * {
    padding: calc(var(--padding-box) / 3);
  }
  .dish-info .dish-actions .food-addities .size-btn select {
    font-size: 1.25rem;
  }
  .address-section .place-section {
    font-size: 2rem;
  }
  .jc-bs3-row .jconfirm-box-container {
    background-image: none;
  }
  .jc-bs3-row .jconfirm-box-container .jconfirm-box {
    padding-left: 15px;
  }
  .jconfirm.jconfirm-red-theme .jconfirm-box {
    margin-left: 0;
    width: 100% !important;
    text-align: center;
  }
  .jconfirm.jconfirm-red-theme .jconfirm-box .jconfirm-buttons {
    justify-content: center;
  }
  .login-section form input[type="submit"] {
    margin-right: 0;
  }
  .login-section form .input-box.submit::after {
    top: 60px;
  }
  .menu-list .dishes-list.pizza .dish-box .dish-info > h4 {
    min-height: 20px;
  }
  .extras-list .which-pizza,
  .extras-add-section .add-extras-header {
    left: 50%;
    transform: translateX(-50%);
  }
  .pizza-shape .shape {
    padding: 5px;
  }
  .fa-whole-pizza,
  .fa-two-half-pizza {
    max-width: 50px;
  }
  .pizza-shape .shape span {
    font-size: 1rem;
  }
  .login-section.order .about-us {
    padding-bottom: 60vw;
    background-size: 60% auto;
  }
  .top-menu-nav .menu-section-nav-btns .btn {
    font-size: 1.3rem;
  }
  .about-panorama {
    display: none;
  }
  body.extras .result div {
    padding: 4px 0 3px 30px;
    font-size: 0.9rem;
  }
  body.extras .result div::before {
    width: 25px;
    height: 25px;
  }
  .result-container a.save {
    padding-right: 35px;
  }
  .result-container a.save::after {
    width: 30px;
    height: 30px;
  }
  .result-container a.cancel::before {
    font-size: 1.6rem;
  }
}
@media only screen and (max-width: 1023px) {
  .cta-container .top-path {
    position: relative;
    top: 4px;
    width: 100%;
    height: calc(100vw / 6.25);
    margin: var(--margin-center);
    background: url(../_assets/_layout/cta-path.svg) no-repeat bottom center;
    background-size: 100%;
  }
  .home .logo .intro-video video#intro-video {
    display: block;
  }
  .cilento-map .bottom-contact {
    bottom: 20px;
  }
  .menu-list {
    max-width: 990px;
  }
  .menu-list .dishes-list .dishes-boxes {
    width: 100%;
  }
  .extras-popup .extras-container,
  .result-container {
    max-width: 100%;
  }
  .home .logo video {
    width: auto;
    height: 100%;
    transform: translateX(-25%);
  }
}
@media only screen and (min-width: 1024px) {
  .menu-list {
    max-width: 990px;
  }
  .menu-list .dishes-list .dishes-boxes {
    width: 50%;
  }
  .menu-list .dishes-list .dishes-boxes {
    padding-left: var(--padding-box);
    padding-right: var(--padding-box);
  }
}
@media only screen and (min-width: 1700px) {
  .menu-list {
    max-width: 1200px;
  }
  .menu-list .dishes-list .dishes-boxes {
    width: 50%;
  }
  .menu-list .dishes-list .dishes-boxes {
    padding-left: var(--padding-box);
    padding-right: var(--padding-box);
  }
  .maps-container .here p {
    margin-top: 60px;
  }
  .contact-line {
    display: none;
  }
  .contact-section .places {
    flex-direction: row;
  }
}

@media screen and (min-width: 769px) {
  .address-section {
    background: url(../_img/scooter.webp) no-repeat top right;
    background-size: 70%;
  }
}
@media only screen and (max-width: 500px) {
  .top-menu-nav .menu-section-nav-btns {
    justify-content: space-between;
  }
}