@charset "utf-8";

/*
Theme Name: Pizzolo - Pizza Delivery & Group Orders HTML5 Template
Author: Metropolitanthemes
Version: 1.0.0

Responsive stylesheet - desktop first: 1399 / 1199 / 991 / 767 / 575
*/

/*======================
(min-width: 1600px)
========================*/
@media (min-width: 1600px) {
  /* 1. General */
  .container {
    max-width: 1440px;
  }
}

/*======================
(min-width: 1960px)
========================*/
@media (min-width: 1960px) {
  /* 1. General */
  .container {
    max-width: 1560px;
  }
  html {
    font-size: 17px;
  }
}

/*======================
(max-width: 1399px)
========================*/
@media (max-width: 1399px) {
  /* 1. General */
  .sec-pt-120 {
    padding-top: 100px;
  }
  .sec-pb-120 {
    padding-bottom: 100px;
  }

  /* 3. Header */
  .top-offer {
    display: none;
  }

  /* 3. Header */
  .header-call {
    display: none;
  }
  .pz-header .wide {
    padding: 0 26px;
  }
  .header-style-three .hm-logo,
  .header-style-three .header-right {
    padding: 0 22px;
  }
  .header-style-two .hm-left .header-call {
    display: flex;
  }
}

/*======================
(max-width: 1199px)
========================*/
@media (max-width: 1199px) {
  /* 3. Header */
  .pz-nav,
  .header-cells {
    display: none;
  }
  .pz-menu-toggle {
    display: inline-flex;
  }
  .header-style-one .header-main .wide {
    display: flex;
    justify-content: space-between;
    height: 80px;
  }
  .header-style-two .header-main .wide {
    height: 80px;
  }
  .header-style-three .header-main {
    grid-template-columns: auto auto;
    justify-content: space-between;
    height: 76px;
  }

  /* 8. Home One */
  .hero-one .hero-copy {
    padding: 80px 40px 120px;
  }
  .hero-sticker {
    width: 104px;
    height: 104px;
    right: 6%;
  }

  /* 8. Home One */
  .group-band {
    grid-template-columns: 1fr 1fr;
  }

  /* 8. Home One */
  .rv-quote {
    padding-right: 140px;
  }
  .rv-photo {
    width: 200px;
  }
  .rv-name {
    padding-left: 120px;
  }

  /* 9. Home Two */
  .party-bar {
    grid-template-columns: auto 1fr;
  }

  /* 10. Home Three */
  .zb-grid {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  /* 11. Inner Pages */
  .info-cells {
    grid-template-columns: 1fr 1fr;
  }

  /* 12. Order Pages */
  .menu-board {
    column-gap: 40px;
  }
  .mr-head {
    flex-wrap: wrap;
  }

  /* 12. Order Pages */
  .go-bill {
    position: static;
  }
  .go-steps {
    grid-template-columns: 1fr 1fr;
  }

  /* 13. Shop */
  .shop-cells {
    grid-template-columns: repeat(3, 1fr);
  }
}

/*======================
(max-width: 991px)
========================*/
@media (max-width: 991px) {
  /* 1. General */
  .sec-pt-120 {
    padding-top: 84px;
  }
  .sec-pb-120 {
    padding-bottom: 84px;
  }
  .sec-pt-90 {
    padding-top: 70px;
  }
  .sec-pb-90 {
    padding-bottom: 70px;
  }
  .pz-split::before {
    display: none;
  }

  /* 1. General */
  .pz-title {
    margin-bottom: 42px;
  }
  .pz-title.is-split {
    display: block;
  }
  .pz-title.is-split .pz-lead,
  .pz-title.is-split > .pz-btn {
    margin-top: 22px;
  }

  /* 8. Home One */
  .hero-one .hero-grid {
    grid-template-columns: 1fr;
    min-height: 0;
  }
  .hero-one .hero-copy {
    padding: 70px 40px 40px;
  }
  .hero-pie {
    height: 460px;
    border-top: 1px solid var(--pz-line);
  }
  .hero-pie .pie-img {
    width: 400px;
  }
  .hero-scroll {
    display: none;
  }
  .hero-arrow {
    top: auto;
    bottom: 18px;
    transform: none;
  }
  .hero-prev:hover,
  .hero-next:hover {
    transform: none;
  }
  .hero-next {
    right: auto;
    left: 74px;
  }

  /* 8. Home One */
  .group-band {
    grid-template-columns: 1fr;
  }
  .gb-photo {
    border-left: 0;
    border-top: 1px solid var(--pz-line);
  }
  .gb-img {
    height: auto;
  }
  .gb-img img {
    min-height: 0;
    height: 420px;
  }
  .group-demo {
    position: relative;
    right: auto;
    bottom: auto;
    width: auto;
    margin: -60px 24px 24px;
  }

  /* 8. Home One */
  .menu-panel {
    grid-template-columns: 1fr;
  }
  .mpn-panel {
    padding: 80px 40px;
  }

  /* 8. Home One */
  .review-switch {
    grid-template-columns: 1fr;
  }
  .rv-quote {
    min-height: 0;
    padding: 80px 40px;
  }
  .rv-photo {
    display: none;
  }
  .rv-name {
    justify-content: flex-start;
    min-height: 84px;
    padding: 0 40px;
  }

  /* 9. Home Two */
  .pie-cells {
    grid-template-columns: repeat(2, 1fr);
  }

  /* 9. Home Two */
  .room-two {
    grid-template-columns: 1fr;
  }
  .room-photo img {
    min-height: 0;
    height: 380px;
  }
  .room-copy {
    border-left: 0;
    border-top: 1px solid var(--pz-line);
    padding: 70px 40px;
  }

  /* 9. Home Two */
  .jt-grid {
    grid-template-columns: 1fr;
  }
  .jt-cell + .jt-cell {
    border-top: 1px solid var(--pz-line);
  }
  .jt-cell {
    padding: 70px 40px;
  }

  /* 10. Home Three */
  .h3-grid {
    grid-template-columns: 1fr;
    min-height: 0;
  }
  .hero-three .hero-copy {
    padding: 70px 40px 50px;
  }
  .h3-photo {
    height: 420px;
    border-left: 0;
    border-top: 1px solid var(--pz-line);
  }
  .hero-three .hero-prev {
    left: 20px;
  }
  .hero-three .hero-next {
    left: 84px;
  }

  /* 10. Home Three */
  .zip-bar .zip-check {
    grid-template-columns: 1fr;
  }
  .zip-bar .form-status {
    position: static;
    margin-top: 4px;
  }

  /* 10. Home Three */
  .hours-three {
    grid-template-columns: 1fr;
  }
  .hours-photo img {
    min-height: 0;
    height: 380px;
  }
  .hours-copy {
    border-left: 0;
    border-top: 1px solid var(--pz-line);
    padding: 70px 40px;
  }

  /* 11. Inner Pages */
  .count-row {
    grid-template-columns: 1fr 1fr;
    row-gap: 30px;
  }
  .count-row li:nth-child(3) {
    padding-left: 0;
    border-left: 0;
  }
  .how-steps {
    grid-template-columns: 1fr 1fr;
  }

  /* 11. Inner Pages */
  .faq-side {
    position: static;
  }

  /* 11. Inner Pages */
  .map-band {
    grid-template-columns: 1fr;
  }
  .map-frame,
  .map-frame iframe {
    min-height: 380px;
  }

  /* 12. Order Pages */
  .menu-board {
    grid-template-columns: 1fr;
  }

  /* 12. Order Pages */
  .rule-steps {
    grid-template-columns: 1fr;
  }

  /* 12. Order Pages */
  .zip-table thead {
    display: none;
  }
  .zip-table tr {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    border-bottom: 1px solid var(--pz-line);
  }
  .zip-table tbody th {
    grid-column: 1 / -1;
  }
  .zip-table td:nth-child(2) {
    grid-column: 1 / -1;
    width: auto;
  }
  .zip-table th,
  .zip-table td {
    border-bottom: 0;
    padding: 10px 18px;
  }

  /* 12. Order Pages */
  .pack-table-wrap {
    overflow: hidden;
  }
  .pack-table thead {
    display: none;
  }
  .pack-table tr {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
  }
  .pack-table tbody th {
    grid-column: 1 / -1;
    padding-bottom: 4px;
    font-size: 18px;
  }
  .pack-table td {
    padding-top: 4px;
    font-size: 13px;
  }
  .pack-table td b {
    font-size: 22px;
  }

  /* 12. Order Pages */
  .pb-summary {
    position: static;
  }
  .choice-grid {
    grid-template-columns: 1fr 1fr;
  }

  /* 13. Shop */
  .shop-cells {
    grid-template-columns: repeat(2, 1fr);
  }

  /* 13. Shop */
  .pd-gallery {
    position: static;
  }

  /* 13. Shop */
  .order-summary {
    position: static;
  }
  .cart-extras {
    grid-template-columns: 1fr;
  }

  /* 14. Journal & Account */
  .account-nav {
    position: static;
  }
  .acc-table thead {
    display: none;
  }
  .acc-table tr {
    display: grid;
    grid-template-columns: 1fr 1fr;
    border-bottom: 1px solid var(--pz-line-soft);
  }
  .acc-table th,
  .acc-table td {
    border-bottom: 0;
    padding: 8px 16px;
  }

  /* 14. Journal & Account */
  .auth-wrap {
    grid-template-columns: 1fr;
  }
  .auth-side {
    min-height: 340px;
  }

  /* 14. Journal & Account */
  .bare-grid {
    grid-template-columns: 1fr;
  }
  .bare-side {
    min-height: 420px;
  }

  /* 15. Subheader */
  .sub-grid {
    grid-template-columns: 1fr;
    min-height: 0;
  }
  .sub-copy {
    padding: 64px 40px 50px;
  }
  .sub-photo {
    height: 300px;
    border-left: 0;
    border-top: 1px solid var(--pz-line);
  }
  .sub-burst {
    left: auto;
    right: 24px;
    bottom: 230px;
  }

  /* 16. Footer */
  .pz-footer {
    padding-top: 80px;
  }
  .footer-box {
    margin: 0 auto;
    max-width: 220px;
  }
}

/*======================
(max-width: 767px)
========================*/
@media (max-width: 767px) {
  /* 1. General */
  /* Bootstrap's widest gutter is wider than the container's side padding on a phone: rows would spill past the screen */
  .g-5,
  .gx-5 {
    --bs-gutter-x: 1.5rem;
  }

  /* 3. Header */
  .header-top {
    display: none;
  }

  /* 3. Header */
  .header-actions .is-wish,
  .header-actions .pz-theme-toggle {
    display: none;
  }
  .header-style-two .hm-left {
    display: none;
  }
  .header-style-two .header-main .wide {
    display: flex;
    justify-content: space-between;
  }

  /* 9. Home Two */
  .hero-two {
    padding: 50px 0 80px;
  }
  .h2-slide {
    padding: 0 16px;
  }
  .h2-photo {
    border-radius: 18px;
  }
  .hero-two .hero-arrow {
    bottom: 18px;
    width: 48px;
    height: 48px;
  }

  /* 9. Home Two */
  .party-bar {
    grid-template-columns: 1fr;
    gap: 18px;
    padding: 22px 20px;
  }

  /* 10. Home Three */
  .zone-map {
    height: 460px;
  }

  /* 10. Home Three */
  .bq-wrap {
    grid-template-columns: 1fr 1fr;
  }
  .bq-slider {
    grid-column: 1 / -1;
    grid-row: 1;
  }
  .bq-prev {
    justify-self: end;
  }

  /* 12. Order Pages */
  .go-friends {
    grid-template-columns: 1fr;
  }

  /* 13. Shop */
  .bag-line {
    grid-template-columns: 70px 1fr auto;
    gap: 12px 16px;
  }
  .bag-line .pz-qty {
    grid-column: 2;
  }
  .bag-line .bl-total {
    grid-column: 3;
    grid-row: 2;
  }
  .bl-img {
    width: 70px;
    height: 70px;
  }
  .bl-remove {
    grid-column: 3;
    grid-row: 1;
  }
  .bag-line.is-wish {
    grid-template-columns: 70px 1fr auto;
  }
  .bag-line.is-wish .pz-btn {
    grid-column: 2;
  }
}

/*======================
(max-width: 575px)
========================*/
@media (max-width: 575px) {
  /* 1. General */
  body {
    font-size: 16px;
  }
  .pz-lead {
    font-size: 17.5px;
  }
  .pz-lines > span {
    white-space: normal;
  }

  /* 1. General */
  .sec-pt-120 {
    padding-top: 70px;
  }
  .sec-pb-120 {
    padding-bottom: 70px;
  }
  .sec-pt-90 {
    padding-top: 60px;
  }
  .sec-pb-90 {
    padding-bottom: 60px;
  }

  /* 1. General */
  .pz-btn {
    height: 50px;
    padding: 0 24px;
  }

  /* 1. General */
  .pz-back-top {
    right: 16px;
    bottom: 16px;
    width: 46px;
    height: 46px;
  }

  /* 3. Header */
  .pz-header .wide {
    padding: 0 16px;
  }
  .header-style-one .header-main .wide,
  .header-style-two .header-main .wide {
    height: 70px;
  }
  .header-style-three .header-main {
    height: 68px;
  }
  .header-style-three .hm-logo,
  .header-style-three .header-right {
    padding: 0 16px;
  }
  .pz-logo img {
    height: 36px;
  }
  .header-actions {
    gap: 6px;
  }

  /* 3. Header */
  .header-style-one.is-sticky .header-main .wide,
  .header-style-two.is-sticky .header-main .wide {
    height: 66px;
  }
  .header-style-three.is-sticky .header-main {
    height: 64px;
  }

  /* 7. Components */
  .menu-row {
    gap: 14px;
  }
  .mr-thumb {
    width: 60px;
    height: 60px;
  }

  /* 8. Home One */
  .hero-one .hero-copy {
    padding: 56px 16px 32px;
  }
  .hero-pie {
    height: 360px;
  }
  .hero-pie .pie-img {
    width: 300px;
  }
  .hero-sticker {
    width: 92px;
    height: 92px;
    top: 6%;
  }
  .hero-tab {
    padding: 14px 18px;
  }
  .hero-tab b {
    font-size: 21px;
  }

  /* 8. Home One */
  .intro-sticker {
    left: 6px;
    width: 100px;
    height: 100px;
  }
  .intro-sticker b {
    font-size: 30px;
  }

  /* 8. Home One */
  .mpn-panel,
  .mpn-list {
    padding-left: 16px;
    padding-right: 16px;
  }

  /* 8. Home One */
  .zip-form {
    grid-template-columns: 1fr;
  }
  .ring-card {
    padding: 28px 22px;
  }

  /* 8. Home One */
  .rv-quote {
    padding: 64px 16px;
  }
  .rv-name {
    padding: 0 16px;
  }

  /* 9. Home Two */
  .pie-cells {
    grid-template-columns: 1fr;
  }
  .pc-cell {
    min-height: 0;
  }
  .pc-cell.is-photo {
    height: 300px;
  }

  /* 9. Home Two */
  .box-pile {
    height: 470px;
  }
  .stack-box:nth-of-type(n) {
    width: 74%;
  }

  /* 9. Home Two */
  .room-copy {
    padding: 60px 16px;
  }

  /* 9. Home Two */
  .jt-cell {
    padding: 60px 16px;
  }

  /* 10. Home Three */
  .hero-three .hero-copy {
    padding: 56px 16px 40px;
  }
  .h3-photo {
    height: 320px;
  }

  /* 10. Home Three */
  .zip-bar .zip-out {
    grid-template-columns: 1fr 1fr;
    row-gap: 16px;
  }

  /* 10. Home Three */
  .hours-copy {
    padding: 60px 16px;
  }

  /* 11. Inner Pages */
  .how-steps {
    grid-template-columns: 1fr;
  }
  .timeline li {
    grid-template-columns: 1fr;
    gap: 8px;
  }

  /* 11. Inner Pages */
  .info-cells {
    grid-template-columns: 1fr;
  }
  .contact-form {
    padding: 28px 20px;
  }
  .map-panel {
    padding: 60px 16px;
  }

  /* 12. Order Pages */
  .mr-ico {
    width: 60px;
    height: 60px;
  }
  .mr-ico .pz-ico {
    width: 36px;
    height: 36px;
  }
  .mr-head .pz-leader {
    display: none;
  }
  .mr-sizes {
    width: 100%;
    margin-top: 6px;
  }

  /* 12. Order Pages */
  .hb-panel {
    padding: 28px 20px;
  }
  .hb-pick {
    grid-template-columns: 1fr;
  }
  .hb-extras {
    grid-template-columns: 1fr;
  }

  /* 12. Order Pages */
  .pc-panel {
    padding: 28px 20px;
  }
  .pc-list {
    grid-template-columns: 1fr;
  }

  /* 12. Order Pages */
  .go-steps {
    grid-template-columns: 1fr;
  }
  .go-settings,
  .go-bill {
    padding: 28px 20px;
  }
  .go-join-row {
    grid-template-columns: 1fr;
  }

  /* 12. Order Pages */
  .pack-table tr {
    grid-template-columns: 1fr 1fr;
  }

  /* 12. Order Pages */
  .pb-steps {
    grid-template-columns: 1fr 1fr;
  }
  .choice-grid,
  .choice-grid.is-two {
    grid-template-columns: 1fr;
  }

  /* 13. Shop */
  .shop-cells {
    grid-template-columns: 1fr;
  }
  .pz-range,
  .shop-sort {
    width: 100%;
  }
  .shop-range {
    width: 100%;
    flex-wrap: wrap;
  }
  .menu-search {
    width: 100%;
  }

  /* 13. Shop */
  .pd-extra-grid {
    grid-template-columns: 1fr;
  }

  /* 14. Journal & Account */
  .blog-post.is-quote,
  .blog-post.is-link {
    padding: 40px 24px;
  }

  /* 14. Journal & Account */
  .article-pair,
  .post-nav {
    grid-template-columns: 1fr;
  }
  .author-box {
    flex-direction: column;
    padding: 26px 20px;
  }
  .comment-form {
    padding: 26px 18px;
  }

  /* 14. Journal & Account */
  .auth-form {
    padding: 36px 20px;
  }
  .auth-copy {
    padding: 30px 20px;
  }

  /* 14. Journal & Account */
  .bare-copy {
    padding: 50px 16px;
  }
  .launch-count span {
    padding: 12px 6px;
  }
  .launch-count b {
    font-size: 34px;
  }
  .bare-news {
    grid-template-columns: 1fr;
  }

  /* 15. Subheader */
  .sub-copy {
    padding: 50px 16px 40px;
  }
  .sub-photo {
    height: 220px;
  }
  .sub-burst {
    width: 86px;
    height: 86px;
    bottom: 170px;
  }

  /* 16. Footer */
  .footer-line {
    display: none;
  }
  .footer-bottom {
    gap: 16px;
  }
}