div#content {background: #fff;}
#header, #header>div#middle {background-color: #1b50a0;}
.menu li a, .menu li>span {padding: 0;font-size: 20px;font-family: 'Antonio';}
.menu.align-right, #header>div#middle .logo a {display: flex;align-items: center;}
#header>div#middle .logo a {position: absolute;top: 0;height: 100%;}
#header>div#middle .logo {padding: 0 !important;height: 100%;width: 100%;left: 20px !important;}
#header>div#middle .logo img {max-width: 150px;}
div#main-menu-wrapper {padding: 0 20px;}


/* footer css start */
footer.baba-footer {background-color: #ddd;padding: 50px 0;}
footer.baba-footer img {width: 100%;max-width: 300px;margin: 0 auto;}
footer.baba-footer p {margin: 0 auto;color: #1b50a0;text-transform: uppercase;font-size: 25px;font-weight: bold;}
footer.baba-footer ul {padding: 20px 0 0;list-style: none;display: flex;align-items: center;justify-content: center;}
footer.baba-footer ul li>a {margin: 0 10px;text-transform: uppercase;color: #ad8c3c;font-weight: 700;font-size: 20px;}
footer#footer {display: none;}  
footer.baba-footer ul li>a, footer.baba-footer p {font-family: 'Antonio';letter-spacing: 1px;}
/* footer css end */

/* home css start */

.baba-g-home .module.blank {background-image: url(../../images/home-banner.png);background-size: cover;background-position: center;}
.baba-g-home .menu-sec .menu-card-wrap {display: flex;align-items: flex-start;justify-content: space-between;}
.baba-g-home .menu-sec .menu-card-wrap img {max-width: 150px;height: 150px;object-fit: cover;margin: 0 auto;}
.baba-g-home .menu-sec .menu-card-wrap .menu-card {margin: 0 10px;}
.baba-g-home section {padding: 50px 0;text-align: center;}
.baba-g-home .menu-sec .menu-card-wrap h3 {font-size: 16px;text-transform: uppercase;color: #1b50a0;font-family: 'Antonio';}
.baba-g-home .taste-section h2, .taste-section h3, .instagram-section h3 {text-transform: uppercase;color: #1b50a0;font-size: 28px;font-family: 'Arial Rounded MT';}
.baba-g-home .taste-section h3 {text-align: left;font-size: 8rem;}
.baba-g-home .taste-section .row {align-items: center;display: flex;}
.baba-g-home .monthly-feature-section, .baba-g-home .monthly-feature-section .col-12 {padding: 0;}
.baba-g-home .monthly-feature-section .col-12:last-child {background-color: #ddd;}
.baba-g-home .monthly-feature-section .col-12 {background-color: #1b50a0;display: flex;justify-content: center;flex: 1;flex-direction: column;}
.baba-g-home .monthly-feature-section .row {display: flex;width: 100%;margin: 0 auto;}
.baba-g-home .monthly-feature-section .content-wrap p {color: #fff;text-transform: uppercase;font-size: 3.5rem;line-height: 1.4;font-weight: 600;margin: 20px 0;font-family: 'Antonio';}
.baba-g-home .monthly-feature-section .content-wrap {width: 100%;max-width: 75%;margin: 0 auto;}
.baba-g-home .monthly-feature-section .content-image-wrap {padding-top: 30px;}
.baba-g-home .monthly-feature-section .content-image-wrap h4, .baba-g-home .monthly-feature-section .content-image-wrap h3, .baba-g-home .monthly-feature-section .content-image-wrap p {font-family: 'Arial Rounded MT'; text-transform: uppercase;color: #1b50a0;font-size: 30px;line-height: 1.2;width: 100%;max-width: 80%;margin: 15px auto;}
.baba-g-home .monthly-feature-section .content-image-wrap h3 {font-size: 5rem;}
.baba-g-home .monthly-feature-section .content-image-wrap p.italic-text {font-style: italic;text-transform: none;}
.baba-g-home .instagram-section h3 {text-transform: none;}
.baba-g-home .monthly-feature-section .content-image-wrap p {font-family: 'Antonio';font-size: 3.5rem;width: 100%;max-width: 380px;}
.baba-g-home .monthly-feature-section .content-image-wrap img.top-image {max-width: 400px;margin: 0 auto;}
/* home css end */

/* menu css start */
.baba-g-menu h1 {font-size: 48px;color: #fff;}
.baba-g-menu .menu-section {padding: 50px 0;text-align: center;text-transform: uppercase;background-color: #ddd;}
.baba-g-menu .menu-section h2, .baba-g-menu .menu-section h3, .baba-g-menu .menu-section p, .baba-g-menu .menu-section h4 {color: #1b50a0;font-family: 'Arial Rounded MT';line-height: 1.2;display: block;margin: 0;}
.baba-g-menu .menu-section .menu-card {padding: 20px 20px 100px;}
.baba-g-menu .menu-section .title-wrap {
    width: 100%;
    margin: 0 auto;
    border-bottom: 1px solid #ad8c3c;
    max-width: 280px;
    border-width: medium;
    padding-bottom: 10px;
}
.baba-g-menu .menu-section .row {display: flex;padding: 80px 0 120px;}
.baba-g-menu .menu-section .row .col-12 {flex: 1;background-color: #fff;padding: 0;margin: 0 10px;border: 1px solid #ad8c3c;border-width: medium;border-radius: 15px;}
.baba-g-menu .menu-section .bottom-image {position: absolute;width: 100%;left: 0;right: 0;bottom: -150px;}
.baba-g-menu .menu-section .bottom-image img {max-width: 260px;margin: 0 auto;}
.baba-g-menu .menu-section h4 {font-size: 2.5rem;margin: 0;}
.baba-g-menu .menu-section .title-wrap p {margin: 5px auto;font-size: 16px;}
.baba-g-menu .menu-section p {margin: 0 0 15px;font-size: 16px;}
.baba-g-menu .menu-section .menu-items {padding-top: 20px;}
.baba-g-menu .menu-section h2 {font-size: 5rem;border-bottom: 1px solid #ad8c3c;width: 100%;max-width: 450px;margin: 10px auto;border-width: medium;padding-bottom: 5px;}
.baba-g-menu .menu-section h3>span {font-size: 3rem;padding: 0 15px 0 0;border-right: 1px solid #ad8c3c;border-width: medium;margin: 0 15px 0 0;}
.baba-g-menu .menu-section .step-text-wrap {margin-top: -60px;margin-bottom: 25px;}
.baba-g-menu .menu-section .step-text-wrap p.step-count {color: #fff;width: 50px;margin: 0 auto;background-color: #1b50a0;line-height: 1.5;padding: 12px 0;border-radius: 25px;font-size: 16px;}
.baba-g-menu .menu-section .step-text-wrap p.step-text {margin: 0;}
.baba-g-menu .menu-section .row .menu-column {background-color: transparent;border: none;}
.baba-g-menu .menu-section .row .menu-column .menu-card {background-color: #fff;padding: 20px;margin: 0 10px 15px;border: 1px solid #ad8c3c;border-width: medium;border-radius: 15px;}
.baba-g-menu .menu-section p>span {text-transform: none;font-size: 12px;}
.baba-g-menu .menu-card-wrapper, .baba-g-menu .menu-section .row .menu-column.left-column .menu-card {height: 100%;}
.baba-g-menu .menu-section .step-text {position: relative;width: auto;height: auto;left: 50%;top: 25px;}
.baba-g-menu .menu-section .step-text span {position: absolute;bottom: 0;left: 0;width: 70px;height: 70px;margin-left: -35px;text-align: center;transform-origin: top center;}
.baba-g-menu .menu-section .step-text span:nth-of-type(1)  {transform: rotate(40deg);}
.baba-g-menu .menu-section .step-text span:nth-of-type(2)  {transform: rotate(15deg);}
.baba-g-menu .menu-section .step-text span:nth-of-type(3)  {transform: rotate(-10deg);}
.baba-g-menu .menu-section .step-text span:nth-of-type(4)  {transform: rotate(-35deg);}
.baba-g-menu .menu-section .step-text span {line-height: 60px;transform-origin: bottom center;}
.baba-g-menu .menu-section .step-text-wrap p.step-text span {font-size: 16px;}
.baba-g-menu .menus-sec .menu-card-wrapper {display: flex;flex-wrap: wrap;flex-direction: column;}
.baba-g-menu .menus-sec .menu-card-wrapper .menu-card {flex: 1;width: 100%;}
.baba-g-menu .menus-sec .bottom-image img {display: inline-block;max-width: 200px;}
.baba-g-menu .menus-sec .bottom-image {bottom: 0;}
/* menu css end */



/* media css start */
@media (min-width: 768px) and (max-width: 1023px) {
    .menu.align-right li.show-desktop {display: block !important;}
}
@media (max-width: 991px) {
    .baba-g-menu .menu-section .bottom-image img {max-width: 100px;}
    .baba-g-menu .menu-section .bottom-image {bottom: 0;}
    .baba-g-menu .menu-section .row {padding: 80px 0 0;}
    .baba-g-menu .menus-sec .bottom-image {position: static;}
    .baba-g-home .taste-section h3 {font-size: 6rem;}
    .baba-g-home .monthly-feature-section .content-image-wrap img.top-image {max-width: 300px;}
    .baba-g-home .monthly-feature-section .content-image-wrap h3 {font-size: 3.5rem;}
    .baba-g-home .monthly-feature-section .content-image-wrap p, .baba-g-home .monthly-feature-section .content-wrap p {font-size: 2.5rem;}
}
@media (max-width: 767px) {
    html #header #mobile-menu-wrapper #mobile-nav {display: flex;align-items: center;padding: 10px;background-color: #1b50a0;}
    #header .logo {height: 100%;}
    .baba-g-menu .menu-section .row {display: block;}
    .baba-g-menu .menu-section .row .col-12 {margin-bottom: 30px;}
    .baba-g-menu .menu-section .step-text-wrap {margin: 20px 0;}
    .baba-g-menu .menus-sec .menu-card-wrapper, .baba-g-menu .menu-section .row .menu-column .menu-card {display: block;width: 100%;margin: 0 auto;}
    .baba-g-menu .menu-section .row .menu-column .menu-card {margin: 0 auto 20px;}
    footer.baba-footer ul {display: block;text-align: center;}
    footer.baba-footer img {max-width: 250px;}
    footer.baba-footer p {line-height: 1.2;text-align: center;}
    footer.baba-footer ul li {display: inline-block;margin: 10px 0;}
    
    .baba-g-home .menu-sec .menu-card-wrap img {width: 100px;height: 100px;}
    .baba-g-home section {padding: 30px 0 0;}
    .baba-g-home .taste-section h3 {font-size: 5rem;}
    .baba-g-home .monthly-feature-section .content-image-wrap img.top-image {max-width: 250px;}
}
@media (max-width: 575px) {
    .baba-g-home .menu-sec .menu-card-wrap img {width: 80px;height: 80px;}
    .baba-g-home .menu-sec .menu-card-wrap h3 {font-size: 14px;margin: 0;}
    .baba-g-home .monthly-feature-section .row, .baba-g-home .taste-section .row {display: block;}
    .baba-g-home .monthly-feature-section .content-wrap {max-width: 100%;padding: 0 20px;}
    .baba-g-home .taste-section h3 {text-align: center;}
}
@media (max-width: 480px) {
    .baba-g-home .menu-sec .menu-card-wrap {display: block;}
    .baba-g-home .menu-sec .menu-card-wrap .menu-card {display: inline-block;width: 100%;max-width: 120px;margin: 10px;vertical-align: middle;}
}
/* media css end */