@media(min-width: 600px) {
      * {
            padding: 0;
            margin: 0;
            padding-left: 1px;
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
                  "Helvetica Neue", Arial, sans-serif;
            ;
      }

      .mobile-nav-bar {
            display: none;
      }

      img {
            width: 150px;
      }

      .navBar .img img {

            max-width: 300px;
            cursor: pointer;
      }

      .navBar {
            display: flex;
            justify-content: space-around;
            align-items: center;
            height: 80px;
      }

      .navBar .navLargScreen ul {
            display: flex;
            gap: 10px;
      }

      .navBar .navLargScreen ul li {
            list-style: none;
      }

      .navBar .navLargScreen ul li a {
            text-decoration: none;
            font-size: 1.1rem;
            color: darkslategray;
            transition: all 2s ease;
      }

      .navBar .navLargScreen ul li a:hover {
            color: #F4CE14;
            text-decoration: underline;
            transition: all 1s ease;
      }
      .navBar .card-shoping {
            font-size: 1.4rem;
            cursor: pointer;
      }

      main .first-part {
            padding: 0.6rem 0;
            display: grid;
            grid-template-columns: 1fr 1fr;
            background-color: #617C78;
            justify-items: center;
            gap: 0.5rem;
      }

      main .first-part .heading {
            grid-column: span 2;
            position: relative;
            right: 12.4rem;

      }

      main .first-part .heading h1 {
            color: #F4CE14;
      }

      main .first-part .reserve-table {
            grid-column: span 2;
      }

      main .first-part .description {
            grid-column: span 2;
            display: flex;
            column-gap: 5rem;
      }

      main .first-part .description p {
            max-width: 250px;
            width: 100%;
            font-size: 1rem;
            color: white;
      }

      main .first-part .description img {
            width: 250px;
            height: 180px;
            border-radius: 2px;
      }

      main .first-part .reserve-table button {
            position: relative;
            right: 13.3rem;
            bottom: 2.4rem;
            width: 150px;
            height: 32px;
            border-radius: 3px;
            border: none;
            font-size: 1.1rem;
            background-color: #F4CE14;
            cursor: pointer;
            transition: all 2s ease;
      }

      main .first-part .reserve-table button:hover {
            background-color: lab(59.2% 1.57 62.92);
            transform: scale(1.1);
            transition: all 2s ease;
      }

      main .part-tow-Delivery {
            display: flex;
            flex-direction: column;
            padding: 1.5rem 0;
            justify-self: center;
            row-gap: 1.5rem;
            text-align: center;
      }

      main .part-tow-Delivery .h-three {
            justify-self: center;
      }

      main .part-tow-Delivery .Delivery-bar-menu {
            display: flex;
            gap: 1rem;
      }

      main .part-tow-Delivery button {
            font-size: 1rem;
            padding: 0.3rem;
            border-radius: 5px;
            border: none;
            background-color: #EDEDED;
            cursor: pointer;
            color: #333333;
            box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.2);
            text-align: center;
            transition: all 1s ease;
      }

      main .part-tow-Delivery button:hover {
            background-color: #F4CE14;
            transition: all 1s ease;
            transform: scale(1.1);
      }

      main section {
            padding: 0 30px;
            padding-top: 30px;
      }

      main section .cards {
            display: grid;
            grid-template-columns: 1fr 1fr;
            justify-self: center;
            gap: 2rem;
            margin-bottom: 2rem;
      }

      main section .cards .card {
            display: flex;
            flex-direction: column;
            box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
            justify-self: center;
            height: 300px;
            max-width: 200px;
            width: 100%;
            padding: 1rem;
            transition: transform 0.3s, box-shadow 0.3s;
            cursor: pointer;
            text-align: center;
            z-index: -100px;
      }

      main section .cards .card p:first-of-type {
            text-align: start;
            padding: 10px;
            font-size: 0.8rem;
      }

      main section .cards .card h5 {
            padding: 10px;
      }

      main section .cards .card a {
            font-size: 1rem;
      }

      main section .cards .card:hover {
            transform: translateY(8px);
            box-shadow: 1px 2px 8px 8px rgba(0, 0, 0, 0.2);
      }

      main section .cards .card img {
            width: 100%;
            border-radius: 5px;
      }

      strong {
            color: red;
            font-size: 1rem;
      }

      main article .gourmet {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 1rem;
            background-color: #617C78;
            padding: 2rem 0;
      }

      main article .gourmet .spanAllRow {
            grid-column: span 2;
            text-align: center;
            font-size: 1.3rem;
            color: #F4CE14;
            position: relative;
            bottom: 0.6rem;
      }

      main article .feedback {
            display: flex;
            flex-direction: column;
            align-items: center;
            padding: 1rem;
            gap: 0.8rem;
      }

      main article .feedback .feedDetails {
            width: 200px;
            text-align: start;
            color: white;
      }

      main article .feedback .name {
            color: #F4CE14;
      }

      main article .feedback img {
            width: 220px;
      }

      main footer section {
            padding:5rem 0;

      }

      main footer section .about-little-lemon {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 4rem;
      }

      main footer section .about-little-lemon .heading h5 {
            font-size: 1.5rem;
            color: #F4CE14;
      }

      main footer section .about-little-lemon .heading h6 {
            color: black;
            font-size: 1.1rem;
      }

      main footer section .about-little-lemon .dis {
            width: 400px;

      }

      main footer section .about-little-lemon .dis p {
            font-size: 1.1rem;
            color: darkslategray;
      }

      main footer section .about-little-lemon .about-img {
            display: flex;
            flex-direction: row;
            gap: 1rem;
      }

      main footer section .about-little-lemon .about-img img {
            width: 300px;
            border: 1px solid black;
      }

      main footer article .last-part {
            display: flex;
            flex-direction: row;
            justify-content: center;
            gap: 4rem;
            padding: 5rem 0;
      }

      main footer article .last-part .logo-agin {
            display: flex;
            flex-direction: column;
            gap: 1rem;
      }

      main footer article .last-part .logo-agin img {
            max-width: 80px;
      }

      main footer article .last-part .contact-us {
            display: flex;
            flex-direction: column;
            gap: 0.2rem;
      }

      main footer article .last-part .dormant-navigation {
            display: flex;
            flex-direction: column;
            gap: 0.2rem;
      }

      main footer article .last-part .social-media-links {
            display: flex;
            flex-direction: column;
            gap: 0.2rem;
      }

      main footer article .last-part a {
            font-size: 0.8rem;
      }

      main footer article .last-part a:hover {
            color: #F4CE14;
            transform: scale(1.2);
            transition: all 1s ease;
            text-decoration: none;
      }
}