/* Mobile */
@media (min-width: 576px) { 
    body {
        overflow-x: hidden;
    }
    .main .left-image img,
    .main .right-image img {
        opacity: 0;
    }

 }

/* Tablet */
@media (min-width: 768px) { 
    body {
        overflow-x: hidden;
    }
    .main .left-image img ,
    .main .right-image img {
        opacity: 0;
    }
    .main .content .body {
    margin: 1% 7%;
    }
    .main .content .info {
    margin: 0 15%;
    }
    .time-line-info .address p {
    padding: 0 12%;
    }
    .time-line-info .address:last-child p {
    padding: 0%;
    }
    .gallery .content .body {
    margin: 1% 10%; 
    }
    .gallery .content .info {
       margin: 0 10%;
    }
    #gallery {
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 5% 0;
    }
    #gallery > #lander > ul #item a img {
    width: 200px;
    height: 200px;
    }
    #gallery > #lander > ul #item {
    margin: 25px 25px -8px 15px;
    }
    .menu .content .info {
    margin: 0 10%;
    }
    .sub-menu .food .item {
    width: 35%;
    }
    .double-images {
    opacity: 0;
    }
    .double-images:nth-child(2) {
    opacity: 1;
    }   
    .double-images .picture:nth-child(2){ 
    opacity: 0;
    }
    .double-images .picture:nth-child(3){ 
    opacity: 0;
    }   
    .restaurant {
    height: 700px;
    }
    .restaurant > .content > .info p {
    padding: 0 10%;
    }
    .book-a-table .box nav {
        display: none;
    }
    .book-a-table > .box .sub-box {
    margin: 0%;
    }   
    #chefs a:nth-child(2) {
    display: none;
    }
    #chefs a:nth-child(3) {
    display: none;
    }
}
/* desktop L */
@media (min-width: 992px) { 
    body {
        overflow-x: hidden;
    }
    .main .left-image img,
    .main .right-image img {
        height: 90%;
        opacity: 1;
    }

    .main .content .body {
    margin: 1% 15%;
    }
    .main .content .info {
    margin: 0 19%;
    }
    .time-line-info .address p {
    padding: 0 15%;
    }
    .gallery .content .body {
    margin: 1% 10%;
    }
    .gallery .content .info {
    margin: 0 14%;
    }
    #gallery {
    margin: 5% 0;
    } 
    #gallery ul .lander a img {
    width: 335px;
    height: 335px;
    } 
    #gallery > #lander > ul #item a img {
    width: 157px;
    height: 150px;
    }
    .menu .content .info {
    margin: 0 10%;
    }
    .sub-menu .food .item a p {
    /* margin: 0 4%; */
    text-align: left;
    }
    .sub-menu .food > .item a {
    font-size: 16px;
    width: 420px;
    }
    .restaurant > .content > .info p {
    padding: 0 14%;
    }
    .double-images .picture {
    object-fit: cover;
    width: 235px;
    height: 225px;
    }
    .restaurant {
    height: 900px;
    }
    .book-a-table .box nav img {
    height: 602px;
    opacity: 1;
    }
    #chefs img {
    width: 250px;
    height: 250px;
    }
    .products .content .item {
    width: 250px;
    height: 200px;
    }
    .item h3 a {
    font-size: 15px;
    }
    .item h3 p > span {
    margin-right: 41%;
    }
    .download-app .app-icon img {
    width: 125.791px;
    height: 231.709px;
    top: -5px;
    }
    .download-app .text svg {
    top: 5743px;
    }
    .footer .contact-content {
    display: flex;
    justify-content: space-between;
    margin: 0px;
    padding: 0px;
    }
    .download-app .app-store {
    margin: 5% 0;
    width: 100%;
    }
    #gallery > ul {
    justify-content: center;
    }
    .sub-menu .food .item {
    width: 25%;
    margin: 0 9%;
    }
    .double-images {
        opacity: 1;
    }
    .double-images .picture:nth-child(2){ 
        opacity: 1;
    }
    .double-images .picture:nth-child(3){ 
        opacity: 1;
    }   
    .double-images:nth-child(2) {
        opacity: 1;
    }
    .book-a-table .box nav {
        display: block;
    }
    .book-a-table > .box .sub-box {
    margin: 2% 0 0 5%;
    }   
    #chefs a:nth-child(2) {
    display: block;
    }
    #chefs a:nth-child(3) {
    display: block;
    }
}


/* Desktop XL */
@media (min-width: 1200px) { 
    body {
        overflow-x: hidden;
    }
    .gallery .content .body {
    margin: 1% 17%;
    }
    .gallery .content .info {
    margin: 0 18%;
    margin-bottom: 5%;
    }
    #gallery ul .lander a img {
    width: 450px;
    height: 450px;
    margin: 0%;
    }
    #gallery > #lander > ul #item a img {
    width: 210px;
    height: 209px;
    }
    #gallery > #lander > ul {
    margin-left: 5%;
    }
    .sub-menu .food > .item a {
    font-size: 20px;
    width: 450px;
    }
    .double-images .picture {
    width: 300px;
    height: 280px;
    }
    .book-a-table > .box .sub-box {
    height: 359px;
    }
    .form {
    width: 220px;
    }
    #chefs img {
    width: 300px;
    height: 300px;
    }
    .products .content .item {
    width: 310px;
    height: 300px;
    }
    .item h3 a {
    font-size: 23px;
    }
    .item h3 p > span {
    margin-right: 52%;
    }

    .main .left-image img,
    .main .right-image img {
        height: 100%;
        opacity: 1;
    }
    #gallery {
        flex-direction: row;
        align-items: center;    
    }
    #gallery > #lander > ul #item {
        margin: 10px 20px 13px 0px;
    }
    .restaurant {
        height: 1100px;
    }
    .book-a-table .box nav img {
        height: 362px;
        opacity: 1;
    }
    .download-app .text svg {
        top: 6100px;
    }
    .restaurant {
    height: 1100px;
    }
    .double-images {
        opacity: 1;
    }
    .double-images .picture:nth-child(2){ 
        opacity: 1;
    }
    .double-images .picture:nth-child(3){ 
        opacity: 1;
    }   
    .double-images:nth-child(2) {
        opacity: 1;
    }
    .book-a-table .box nav {
        display: block;
    }
    .book-a-table > .box .sub-box {
    margin: 2% 0 0 5%;
    }   
    #chefs a:nth-child(2) {
    display: block;
    }
    #chefs a:nth-child(3) {
    display: block;
    }
    .main .content .body {
    margin: 1% 22%;
    }
}
/* Desktop XXL */
@media (min-width: 1400px) { 
    body {
        overflow-x: hidden;
    }

    #gallery ul .lander a img {
    width: 500px;
    height: 500px;
    margin: 0 21%;
    }

    #gallery > #lander > ul {
    margin-left: 10%;
    }

    #gallery > #lander > ul #item a img {
    width: 229.5px;
    height: 229.5px;
    }
    .sub-menu .food > .item a {
    width: 575px;
    }
    .main .content .info {
    margin: 0px 24% 5% 24%;
    }  
    .sub-menu .food .item a p {
    font-size: 20px;
    }
    .double-images .picture {
    width: 300px;
    height: 270px;
    }
    .book-a-table > .box {
    width: 97%;
    }
    .form {
        position: relative;
        margin: 20px 5%;
        width: 266px; 
    }
    .products .content .item {
        width: 363px;
        height: 300px;
    }
    .item h3 p > span {
    margin-right: 60%;
    }
    .book-a-table .box nav img {
        height: 360px;
        opacity: 1;
    }
    .download-app .text svg {
        top: 6200px;
    }
    .download-app .app-icon img {
        width: 125.791px;
        height: 271.709px;
    }
    .main .left-image img,
    .main .right-image img {
        height: 100%;
        opacity: 1;
    }
    
    #gallery {
        display: flex;
        flex-direction: row;
        margin: 0%;
    }
    #gallery > #lander > ul #item {
        margin: 22px 30px 17px 0px;
    }
    .restaurant {
        height: 1040px;
    }
    .time-line-info .address {
    width: 100%;
    cursor: default;
    padding: 0 25px;
    }
    .sub-menu .food {
        flex-direction: row;
    }
    .sub-menu .food .item {
        width: 23%;
    }
    .time-line-info .address p {
        padding: 0 22%;
    }
    #gallery > ul {
        margin-left: -86px;
    }

    .double-images {
        opacity: 1;
    }

    .double-images .picture:nth-child(2){ 
        opacity: 1;
    }
    .double-images .picture:nth-child(3){ 
        opacity: 1;
    }   
    .double-images:nth-child(2) {
        opacity: 1;
    }
    .book-a-table .box nav {
        display: block;
    }
    .book-a-table > .box .sub-box {
    margin: 2% 0 0 5%;
    }   
    #chefs a:nth-child(2) {
    display: block;
    }
    #chefs a:nth-child(3) {
    display: block;
    }
    .main .content .body {
    margin: 1% 22%;
    }
}

@media (min-width: 1500px) {
    #gallery ul .lander a img {
        margin: 0px 30%;
    }
    .menu .content .info {
        margin: 0 20%;
    }
}