.menu-examples-box { background: var(--sof-white); border-radius: 20px; padding: 52px 120px; }
.meb-left { flex-grow: 1; position: relative; padding-right: 20px; }
.meb-right { flex-shrink: 0; }
.meb-img-box { width: auto; height: 190px; }
.meb-img { width: 100%; height: calc(100% + 60px); margin-top: -60px; }
.meb-content { line-height: 1.5; }
.meb-content h2 { font-size: 50px; color: var(--sof-red); margin-bottom: 6px; line-height: 1; }
.menu-list li { padding-left: 35px; font-size: 18px; font-weight: 700; position: relative; width: 50%; }
.menu-list li span{font-weight: 400;}
.menu-list { row-gap: 25px; }
.menu-list li:after { position: absolute; content: ''; top: 50%; left: 4px; transform: translateY(-50%); width: 15px; height: 15px; background-color: var(--sof-green); border-radius: 50%; }
.meb-content a { font-weight: 700; }
.meb-additional-info { font-size: 17px; font-weight: 600; color: var(--sof-red); margin-top: 8px; }
.meb-btn { padding: 10px 0; margin-top: auto; }
.menu-examples-box.img-bottom .meb-right { margin-right: 15px; }


@media (max-width:1499.98px) {
    .menu-examples-box { padding: 50px; }
}
/* ========================================== 
! Large devices (desktops, less than 1200px)
=========================================== */
@media (max-width:1199.98px) {
    .menu-list li { width: 100%; }
}
/*==========================================
! Medium devices (tablets, less than 992px)
========================================== */
@media (max-width:991.98px) {
    .menu-examples-box { flex-flow: column; padding: 40px 15px; width: calc(100% + 30px); margin-left: -15px; border-radius: 0; }
    .meb-left { padding: 0; }
    .meb-right { margin-top: 50px; }
    .meb-content h2 { margin-bottom: 15px; }
    .meb-img { height: 100%; margin-top: 0; }
    .meb-img-box { width: 100%; }
    .meb-time { margin-top: 34px; }
    .meb-btn { padding: 0; }
    .meb-additional-info span { display: inline-block; }
    .meb-additional-info span + span { margin-top: 35px; }
    .menu-examples-box.img-bottom .meb-img-box { position: absolute; bottom: 19px; right: 4px; width: 180px; }
    .menu-examples-box.img-bottom .meb-right { margin-right: 0; }
    .menu-examples-box.img-bottom { padding: 44px 30px; width: 100%; margin-left: 0; border-radius: 20px; }
    .menu-list{padding-right: 130px;}
}
/* =================================================  
 ! Small devices (landscape phones, less than 768px)
 ================================================= */
@media (max-width: 767.98px){ 
   
    .menu-examples-box.img-bottom { padding: 37px 14px 60px; width: calc(100% + 30px); margin-left: -15px; border-radius: 0; }
    .meb-content h2 { font-size: 40px; }
}