@media (max-width: 1199px) {

    .lunch-catering .images {
        width: 400px;
    }
    .lunch-catering .menus-list {
        width: calc(100% - 410px);
    }
    .lunch-catering .images .image:nth-child(3n + 2) {
        left: 0;
    }
}

@media (max-width: 991px) {
  
    .catering-event .image {
        min-height: 220px;
    }

    .breakfast-catering .menu-items {
        display: block !important;
        width: auto !important;
        margin: 0 0 70px;
    }
    .breakfast-catering .images {
        display: block;
        width: auto;
        max-width: 90%;
        text-align: center;
        margin: 0 auto;
    }
    .breakfast-catering:after {
        right: auto;
        left: calc(50% - 300px);
    }

    .lunch-catering .images {
        width: 350px;
    }
    .lunch-catering .menus-list {
        width: calc(100% - 355px);
    }
    .lunch-catering .per-person {
        max-width: 400px;
    }
    .lunch-catering .per-person strong {
        font-size: 2em;
    }
    .lunch-catering .menus-list {
        font-size: 12px;
    }
    .lunch-catering .images .image:nth-child(3n + 1) {
        width: 270px;
    }
    .lunch-catering .images .image:nth-child(3n + 2) {
        width: 150px;
    }
    .lunch-catering .images .image:nth-child(3n + 3) {
        width: 180px;
        bottom: -110px;
    }
    .lunch-catering .images {
        margin: 0 0 110px;
    }
    .three-course-catering .menus-list {
        font-size: 12px;
    }
    .three-course-catering .per-person {
        max-width: 400px;
        padding-right: 40px;
    }
    .three-course-catering .per-person strong {
        font-size: 2em;
    }

    .tandoori-platter .inner-box .text-box {
        width: 415px;
        padding: 120px 50px 20px;
    }
    .three-course-catering-1 .menus-list {
        font-size: 12px;
    }
    .three-course-catering-1 ul li span {
        font-size: 0.9em;
    }

    .lunch-catering ul li,
    .three-course-catering ul li,
    .three-course-catering-1 ul li {
        padding: 0 0 0 10px;
    }
    .lunch-catering ul li:before,
    .three-course-catering ul li:before,
    .three-course-catering-1 ul li:before {
        top: 6px;
        width: 6px;
        height: 6px;
    }
    .tandoori-platter ul li {
        padding: 0 0 0 12px;
    }
    .tandoori-platter ul li:before {
        top: 8px;
        width: 6px;
        height: 6px;
    }
    .three-course-catering-1 .per-person {
        max-width: 100%;
    }
    .three-course-catering-1 .per-person strong {
        font-size: 2em;
    }
    .three-course-catering-1 .images {
        margin: 0 0 55px;
    }

}

@media (max-width: 767px) {
 
    .lunch-catering .menus-list {
        display: block !important;
        width: auto !important;
    }
    .lunch-catering .images {
        width: auto;
        display: block;
        margin: 0;
    }
    .lunch-catering .images .image:nth-child(3n + 1),
    .lunch-catering .images .image:nth-child(3n + 2),
    .lunch-catering .images .image:nth-child(3n + 3) {
        display: inline-block;
        vertical-align: middle;
        width: calc(100% / 3 - 4px);
        position: relative;
        left: auto;
        top: auto;
        right: auto;
        bottom: auto;
    }

    .three-course-catering .images {
        width: 100% !important;
        display: block !important;
        margin: 0 0 15px !important;
    }
    .three-course-catering .images .image:nth-child(3n + 1),
    .three-course-catering .images .image:nth-child(3n + 2),
    .three-course-catering .images .image:nth-child(3n + 3) {
        display: inline-block;
        vertical-align: middle;
        width: calc(100% / 3 - 4px);
        margin: 0;
        transform: none;
        padding: 4px;
    }
    .three-course-catering .menus-list {
        display: block !important;
        width: auto !important;
    }

    .three-course-catering-1 .menus-list {
        width: auto !important;
        display: block !important;
    }
    .three-course-catering-1 .images {
        width: auto !important;
        display: block !important;
        margin: 0 0 30px !important;
    }
    .three-course-catering-1 .images .image:nth-child(2n + 1),
    .three-course-catering-1 .images .image:nth-child(2n + 2) {
        width: calc(100% / 2 - 5px) !important;
        position: relative !important;
        margin: 0;
        top: auto;
        bottom: auto !important;
        right: auto;
        left: auto !important;
    }

  .three-course-catering .per-person {
        padding: 10px 0 8px 44px;
    }

    .lunch-catering .per-person,
    .three-course-catering .per-person,
    .three-course-catering-1 .per-person {
        padding: 10px 0 8px 30px;
    }
}

@media (max-width: 567px) {


    .breakfast-catering .menu-items .block {
        width: auto;
        display: block;
        margin-bottom: 20px;
    }
    .breakfast-catering .menu-items h3 {
        display: block;
    }
    .breakfast-catering .images .info {
        position: relative;
        bottom: auto;
        left: auto;
        margin: 0 auto;
    }
    .breakfast-catering:after {
        bottom: -200px;
    }
    .breakfast-catering {
        padding-left: 15px;
        padding-right: 15px;
    }
    .breakfast-catering .images {
        max-width: 100%;
    }
    .header.fix-top .logo {
        text-align: left;
    }
    .lunch-catering .menus-list,
    .three-course-catering .menus-list,
    .three-course-catering-1 .menus-list {
        -webkit-columns: 1;
        -moz-columns: 1;
        columns: 1;
    }
    .tandoori-platter .inner-box .text-box {
        width: auto;
        padding: 30px;
        position: static;
    }
    .tandoori-platter .inner-box {
        padding-top: 50vh;
    }
    .tandoori-platter .per-person {
        width: 130px;
    }
    .tandoori-platter .inner-box:after {
        top: -180px;
    }

    .lunch-catering h2,
    .tandoori-platter .inner-box h2 {
        font-size: 2em;
    }


    .lunch-catering .per-person,
    .three-course-catering .per-person,
    .three-course-catering-1 .per-person {
        margin: 5px 0 10px;
    }
    .three-course-catering .per-person {
        margin-bottom: 30px;
    }
}