.section-menu-guide .button-find-out-more {
    text-align: center;
}

    .section-menu-guide .button-find-out-more a {
        padding: 12px 25px;
        background-color: #307fde;
        color: white;
        border: 2px solid #307fde;
        border-radius: 5px;
        transition: all .25s;
    }

        .section-menu-guide .button-find-out-more a:hover {
            background-color: white;
            color: #307fde;
        }

.section-menu-guide .section-chef-menu-guide .bg-grey-texture {
    background-image: url(/images/default-source/my-ph/common/paper-texture-bg.png);
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: top;
    box-shadow: 2px 15px 12px -5px #cfcfcf;
}

.section-menu-guide .section-chef-menu-guide .chef-img img {
    max-height: 600px;
    height: 100%;
    object-fit: cover;
    transform: scale(1.1);
    transform-origin: bottom;
}

.section-menu-guide .section-chef-menu-guide .menu-detail .menu-title {
    font-size: 24px;
    font-weight: 700;
    color: #307fde;
}

.section-menu-guide .section-chef-menu-guide .menu-detail .menu-img {
    box-shadow: 6px 7px 11px lightgrey;
}

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

    .section-menu-guide .section-chef-menu-guide .bg-grey-texture {
        background-image: none;
        box-shadow: none;
    }

    .section-menu-guide .section-chef-menu-guide .chef-img {
        background-image: url(/images/default-source/my-ph/common/paper-texture-bg.png);
    }

    .section-menu-guide .section-chef-menu-guide .menu-detail .menu-img {
        width: 100% !important;
    }

    .section-menu-guide .section-chef-menu-guide .menu-detail .menu-desc {
        width: 100% !important;
        padding: 0px !important;
    }
}

.section-menu-guide .section-chef-menu-guide .menu-item {
    padding: 5px 5px;
    border-radius: 100px;
    margin: 13px;
    transition: background-color .25s ease-out, color .25s ease-out;
}

.section-menu-guide .section-chef-menu-guide .menu-list {
    overflow-y: hidden;
}

.section-menu-guide .section-chef-menu-guide .menu-item:hover, .section-menu-guide .section-chef-menu-guide .menu-item.active {
    background-color: #307fde;
    color: #fff;
    position: relative;
}


.section-menu-guide .section-chef-menu-guide .mobile-menu-list {
    height: 45px;
    font-size: 16px !important;
    padding: 10px !important;
    color: #307fde;
    border-color: #307fde !important;
}

    .section-menu-guide .section-chef-menu-guide .mobile-menu-list:focus {
        border-color: #307fde !important;
    }

.section-menu-guide .section-chef-menu-guide .selectric span {
    color: #307fde;
    padding-left: 16px;
}

.section-menu-guide .section-chef-menu-guide .selectric-wrapper {
    border: 1px solid #307fde;
    background-color: transparent;
}

.section-menu-guide .section-chef-menu-guide .selectric-scroll li {
    color: #307fde;
}

    .section-menu-guide .section-chef-menu-guide .selectric-scroll li:hover {
        color: #fff;
        background-color: #307fde;
    }


.section-menu-guide .section-chef-menu-guide .button-down .fa {
    font-size: 30px;
    margin-top: 10px;
    color: #307fde;
}

.section-menu-guide .section-chef-menu-guide .button-up .fa {
    font-size: 30px;
    margin-bottom: 10px;
    color: #307fde;
}

.section-menu-guide .section-chef-menu-guide .button-up {
    opacity: 0.5;
}

.section-menu-guide .section-chef-menu-guide .button-up,
.section-menu-guide .section-chef-menu-guide .button-down {
    text-align: center;
}

.section-menu-guide .section-chef-menu-guide .menu-list.more-item {
    overflow-y: hidden;
    height: 286px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399.9px) {
    .section-menu-guide .section-chef-menu-guide .menu-list.more-item {
        height: 252px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199.9px) {
    .section-menu-guide .section-chef-menu-guide .menu-list.more-item {
        height: 242px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991.9px) {
    .section-menu-guide .section-chef-menu-guide .menu-list.more-item {
        height: 216px;
    }
}