@media screen and (min-width: 1400px) 
{ 
    .container 
    {
        max-width: 1320px;
    }
}

@media screen and (max-width: 1400px) 
{
    .container
    {
        max-width: 1140px;
    }
}

@media screen and (max-width: 1200px) 
{ 
    .container
    {
        max-width: 960px;
    }
}

@media screen and (max-width: 992px) 
{ 
    .container
    {
        max-width: 720px;
    }
}

@media screen and (max-width: 576px) 
{
    .container
    {
        width: 100%;
        padding-inline: 15px;
    }
}


/* HOME Media QUERY */

@media screen and (min-width: 1200px) 
{
    .home .container
    {
        min-height: 100vh;
    }    
}

@media screen and (max-width: 992px) 
{

    .navbar
    {
        height: 90px;
    }

    .home .container
    {
        flex-direction: column-reverse;
        justify-content: center;
        align-items: center;
    }
    
    .home .container > * 
    {
        width: 100%;
        text-align: center;

        display: flex;
        align-items: center;
        justify-content: flex-start;
        flex-direction: column;

        max-width: 100%;
        padding: 0 15px;
    }

    h2 
    {
        padding-block: 40px;
        font-size: 65px;
    }
}

/* CHEFS MEDIA QUERY */

@media screen and (max-width: 992px)
{
    .chefs-section .container .chefs .chef
    {
        width: calc(calc(100% - 30px)/2);

    }
}

@media screen and (max-width: 768px)
{
    .chefs-section .container .chefs .chef
    {
        width: 100%;
    }

}

/* GALLERY MEDIA QUERY */

@media screen and (max-width: 992px)
{
    .gallery-container {  display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
        grid-auto-columns: 1fr;
        grid-auto-rows: 1fr;
        gap: 15px;
        grid-auto-flow: row;
        grid-template-areas:
          "img1 img3"
          "img1 img3"
          "img1 img3"
          "img1 img3"
          "img5 img3"
          "img5 img3"
          "img5 img3"
          "img5 img3"
          "img2 img3"
          "img2 img3"
          "img2 img6"
          "img2 img6"
          "img2 img6"
          "img2 img6"
          "img2 img7"
          "img2 img7"
          "img2 img7"
          "img4 img7"
          "img4 img7"
          "img4 img7"
          "img4 ."
          "img4 ."
          "img4 .";
      }
      
      .img1 { grid-area: img1; }
      
      .img5 { grid-area: img5; }
      
      .img2 { grid-area: img2; }
      
      .img4 { grid-area: img4; }
      
      .img3 { grid-area: img3; }
      
      .img6 { grid-area: img6; }
      
      .img7 { grid-area: img7; }
          
}

/* @media screen and (max-width: 768px)
{
    .gallery-container {  display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
        grid-auto-columns: 1fr;
        grid-auto-rows: 1fr;
        gap: 15px;
        grid-auto-flow: row;
        grid-template-areas:
          "img1"
          "img1"
          "img1"
          "img1"
          "img5"
          "img5"
          "img5"
          "img5"
          "img2"
          "img2"
          "img2"
          "img2"
          "img2"
          "img2"
          "img2"
          "img2"
          "img2"
          "img4"
          "img4"
          "img4"
          "img4"
          "img4"
          "img4"
          "img3"
          "img3"
          "img3"
          "img3"
          "img3"
          "img3"
          "img3"
          "img3"
          "img3"
          "img3"
          "img7"
          "img7"
          "img7"
          "img7"
          "img7"
          "img7";
      }
} */


/* CONTACT US MEDIA QUERY */

@media screen and (max-width: 992px) 
{
    .contact-section form .top input
    {
        width: 100%;
    }
}

@media screen and (max-width: 768px) 
{
    .contact-section .contact-info .block
    {
        width: 100%;
    }
}

/* Footer Media Query */
@media screen and (max-width: 1200px) 
{
    .footer .container .footer-area
    {
        order: 1;
        width: calc(50% - 40px);
    }

    .footer .container .footer-area3
    {
        order: 2;
        width: calc(50% - 40px);

    }

    .footer .container .footer-area2
    {
        order: 3;
        width: 100%;
    }
}