@media screen and (max-width: 1360px) {
  .site-footer .footer .menu_grorup ul.footer_menu li {
    padding: 0 10px; }

  .site-footer .footer .menu_grorup ul.social_menu {
    margin-left: 20px; }
    .site-footer .footer .menu_grorup ul.social_menu li {
      padding: 0 10px; } }
/*mobile*/
@media screen and (max-width: 575px) {
  section.instagram {
    padding-top: 0; }

  /* .global-css */
  .banner {
    min-height: 250px; }

  .location-find > .title {
    padding-bottom: 44px; }

  .double_cta_banner {
    padding: 50px 0; }
    .double_cta_banner .container {
      max-width: 545px; }
    .double_cta_banner .row > div {
      margin-bottom: 15px; }
    .double_cta_banner .bg img {
      height: 335px; }
    .double_cta_banner .col-content {
      padding: 10px 25px !important;
      text-align: center; }
      .double_cta_banner .col-content h2 {
        font-size: 18px; }
      .double_cta_banner .col-content .description {
        min-height: initial !important;
        font-size: 10px !important; }
      .double_cta_banner .col-content img {
        margin-bottom: 20px !important;
        max-height: 35px; }
      .double_cta_banner .col-content .cta-button-container {
        position: absolute;
        bottom: 10px;
        left: 0;
        width: 100%; }

  img {
    max-width: 100%; }

  .banner .img-banner {
    max-width: 300px; }

  .double_cta_banner .row > div:first-child {
    margin-bottom: 24px; }

  .input-form > div {
    display: block !important;
    margin-bottom: 0 !important; }
    .input-form > div > * {
      margin-bottom: 8px;
      text-align: left; }

  .input-form {
    margin-bottom: 0 !important; }
    .input-form form {
      padding: 35px 15px !important; }
      .input-form form .top .title {
        font-size: 30px;
        letter-spacing: 2.15px; }
      .input-form form .top .description {
        font-size: 12px;
        line-height: 16px; }

  .iwt-container {
    margin-bottom: 0 !important; }
    .iwt-container .iwt-member {
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
    .iwt-container img {
      max-width: 100%; }
    .iwt-container .col-img {
      max-width: 100% !important; }
    .iwt-container .tab-content > .description {
      font-size: 12px;
      line-height: 16px; }
    .iwt-container .col-text {
      padding-left: 0 !important;
      padding-right: 0 !important;
      text-align: center !important; }
      .iwt-container .col-text .title {
        margin: 32px 0 24px 0;
        font-size: 16px;
        line-height: 24px; }
      .iwt-container .col-text .description {
        margin-bottom: 32px;
        font-size: 12px;
        line-height: 16px;
        padding: 0 15px; }

  .global-css .text-before-date {
    font-size: 13px; }

  iframe {
    min-height: auto !important; }

  /*end global*/
  /*header*/
  .header_desktop {
    padding: 15px; }
    .header_desktop .logo {
      max-width: 146px; }
    .header_desktop .main_menu {
      display: none !important;
      position: absolute;
      z-index: 1;
      background-color: white;
      width: 100%;
      left: 0;
      padding-left: 15px;
      top: 60px; }
    .header_desktop .main_menu.active {
      display: block !important; }
    .header_desktop .main-menu-show {
      display: block;
      position: absolute;
      top: 20px;
      right: 25px; }
    .header_desktop .menu_right {
      position: absolute;
      top: 25px;
      right: 69px; }
      .header_desktop .menu_right .find_us a {
        border: none !important;
        padding: 0 !important; }
        .header_desktop .menu_right .find_us a span {
          display: none; }
      .header_desktop .menu_right .find_us i {
        margin: 0 !important; }
      .header_desktop .menu_right .book_now {
        display: none; }

  /*end header*/
  /*footer*/
  .footer {
    padding: 20px 0 !important; }
    .footer img {
      max-width: 100% !important; }
    .footer .logo_group > a {
      max-width: 58px; }
    .footer ul.footer_menu {
      display: none !important; }
    .footer ul.social_menu {
      margin-left: 10px !important; }
      .footer ul.social_menu::before {
        margin-right: 0 !important; }
      .footer ul.social_menu li {
        padding: 0 10px !important; }

  .site-footer {
    padding: 0 15px !important; }
    .site-footer .copyright ul.copyright_menu li:first-child {
      border-right: 1px solid #cccccc;
      padding-right: 66px;
      padding-left: 0; }
    .site-footer .copyright ul.copyright_menu li:last-child {
      padding-right: 0;
      padding-left: 66px; }
    .site-footer .copyright ul.copyright_menu li a {
      font-size: 8px;
      font-weight: 300;
      line-height: 16px;
      text-transform: uppercase;
      font-family: 'mb-empire-book',sans-serif; }
    .site-footer .copyright {
      display: block !important;
      text-align: center;
      margin-left: -15px;
      margin-right: -15px;
      padding: 15px 0 !important; }
      .site-footer .copyright ul.copyright_menu {
        padding-bottom: 15px;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        margin-bottom: 20px;
        border-bottom: 1px solid #cccccc;
        margin-left: 0 !important;
        margin-right: 0 !important; }
      .site-footer .copyright .tex_cop p {
        margin-bottom: 5px; }

  /*end footer*/
  /* .club-sign-in */
  .club-sign-in {
    padding: 0; }
    .club-sign-in .form {
      padding: 39px 28px 16px 28px; }
    .club-sign-in .row3 {
      display: block !important;
      text-align: right; }
    .club-sign-in .form .text-before-date ~ .select {
      display: inline-block;
      margin-bottom: 8px;
      text-align: left;
      max-width: 65%; }
    .club-sign-in .submit {
      display: block;
      text-align: center; }
      .club-sign-in .submit * {
        text-align: center; }
    .club-sign-in .text-before-date {
      float: left; }
    .club-sign-in .popup {
      position: static;
      max-width: 100%;
      padding: 0 28px; }
    .club-sign-in .popup button {
      display: none; }

  /*end .club-sign-in */
  /* .club-sign-up */
  .club-sign-up .long-input-style,
  .club-sign-up .short-input-style {
    max-width: initial; }
  .club-sign-up .note-and-button .note {
    padding: 0 25px;
    font-size: 12px;
    line-height: 16px;
    margin: 24px 0 0 0; }
  .club-sign-up .note-and-button {
    text-align: center;
    margin: 0 15px; }
  .club-sign-up .note-and-button .button-bar * {
    display: inline-block;
    margin: 0 15px;
    margin-bottom: 16px; }
  .club-sign-up .benefits-content {
    padding: 0 16px; }
  .club-sign-up .benefits-content .content {
    padding: 25px 11px 30px 11px; }
  .club-sign-up .benefits-content .content img {
    max-height: 39px; }
  .club-sign-up .benefits-content .content .title {
    font-size: 12px;
    font-weight: 700;
    line-height: 15px;
    margin: 16px 0 8px 0; }
  .club-sign-up .benefits-content .content .description {
    font-size: 10px;
    font-weight: 300;
    line-height: 15px; }
  .club-sign-up .benefits-content > div {
    min-height: initial;
    padding: 8px; }
  .club-sign-up .form {
    margin-top: 12px;
    margin-bottom: 0; }
  .club-sign-up .form form {
    padding: 25px 28px; }
  .club-sign-up .form form .top img {
    margin-bottom: 24px; }
  .club-sign-up .form .top .description {
    font-size: 12px;
    font-weight: 300;
    line-height: 16px;
    margin-bottom: 24px;
    padding: 0 15px; }
  .club-sign-up .form {
    margin-top: 12px; }
    .club-sign-up .form .row6 > * {
      max-width: initial; }
    .club-sign-up .form .submit {
      text-align: center;
      display: block; }
  .club-sign-up .form form {
    padding: 25px 28px; }
  .club-sign-up .form form .top .description {
    margin-bottom: 24px;
    font-size: 12px;
    font-weight: 300;
    line-height: 16px; }
  .club-sign-up .input-form > div {
    display: block;
    margin-bottom: 0; }
    .club-sign-up .input-form > div > * {
      margin-bottom: 8px;
      text-align: left; }
  .club-sign-up .input-form .row4 {
    text-align: right; }
    .club-sign-up .input-form .row4 span {
      float: left; }
    .club-sign-up .input-form .row4 .select {
      display: inline-block;
      max-width: 65%;
      clear: both; }
  .club-sign-up .input-form .row6 > * {
    max-width: 100% 0; }
  .club-sign-up .input-form .submit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .club-sign-up .input-form .submit button {
      text-align: center; }

  /* end club-sign-up */
  /*.club-dashboard*/
  .club-dashboard .text30px700 {
    font-size: 20px;
    line-height: 20px; }
  .club-dashboard .text20px700 {
    font-size: 12px;
    line-height: 16px; }
  .club-dashboard .text15px800 {
    text-align: center;
    padding: 0;
    margin-bottom: 14px;
    font-size: 10px;
    line-height: 24px; }
  .club-dashboard .text15px700 {
    font-size: 12px;
    font-weight: 700;
    line-height: 15px; }
  .club-dashboard .text15px300 {
    font-size: 10px;
    line-height: 15px; }
  .club-dashboard .text13px800 {
    font-size: 10px;
    line-height: 24px; }
  .club-dashboard .part1 {
    padding-top: 24px;
    padding-bottom: 32px; }
    .club-dashboard .part1 .welcome {
      padding: 26px; }
    .club-dashboard .part1 .info-club-member {
      margin-top: 32px;
      padding: 0px 15px;
      text-align: center; }
      .club-dashboard .part1 .info-club-member .hot-drinks {
        padding: 17px 0 17px 0;
        width: 100%;
        height: inherit;
        margin-bottom: 16px; }
        .club-dashboard .part1 .info-club-member .hot-drinks img {
          max-height: 46px;
          margin: 0 5px; }
        .club-dashboard .part1 .info-club-member .hot-drinks .title {
          padding: 0;
          margin-bottom: 4px;
          text-align: center; }
      .club-dashboard .part1 .info-club-member .your-point, .club-dashboard .part1 .info-club-member .next-reward {
        height: inherit;
        padding: 4px 10px 11px 10px;
        margin: 0 10px 0 0;
        display: inline-block; }
        .club-dashboard .part1 .info-club-member .your-point .title, .club-dashboard .part1 .info-club-member .next-reward .title {
          padding: 0;
          margin-bottom: 4px;
          text-align: center; }
        .club-dashboard .part1 .info-club-member .your-point .text-box, .club-dashboard .part1 .info-club-member .next-reward .text-box {
          width: inherit;
          font-size: 16px;
          letter-spacing: 1.15px;
          line-height: 24px; }
      .club-dashboard .part1 .info-club-member .next-reward {
        margin: 0 !important; }
      .club-dashboard .part1 .info-club-member .box {
        width: 25px;
        height: 41px;
        font-size: 40px;
        letter-spacing: 2.87px;
        line-height: 24px;
        margin: 0 4px; }
  .club-dashboard .benefits > img {
    max-width: 286px; }
  .club-dashboard .benefits .benefits-content {
    padding: 0;
    margin: 0; }
    .club-dashboard .benefits .benefits-content > div {
      min-height: initial;
      margin-bottom: 7px; }
    .club-dashboard .benefits .benefits-content .content {
      padding: 25px 5px; }
      .club-dashboard .benefits .benefits-content .content img {
        max-height: 39px; }
      .club-dashboard .benefits .benefits-content .content .title {
        margin: 16px 0 8px 0; }
  .club-dashboard .form {
    margin: 12px 0 15px 0; }
    .club-dashboard .form form {
      padding: 40px 15px 32px 15px; }
      .club-dashboard .form form .top .description {
        font-size: 12px;
        font-weight: 300;
        line-height: 16px; }
      .club-dashboard .form form .row3 {
        text-align: right; }
        .club-dashboard .form form .row3 span {
          float: left; }
        .club-dashboard .form form .row3 .select {
          display: inline-block;
          clear: both; }
      .club-dashboard .form form .row5 input {
        max-width: initial; }
      .club-dashboard .form form .submit {
        display: block;
        text-align: center;
        margin-top: 16px; }
        .club-dashboard .form form .submit > * {
          text-align: center; }
  .club-dashboard .terms .terms-content {
    padding: 24px 15px;
    font-size: 10px;
    line-height: 17px; }

  /*end club-dashboard*/
  /*thank*/
  .club-sign-up-thankyou, .club-thankyou-update {
    padding: 0 15px; }
    .club-sign-up-thankyou .title, .club-thankyou-update .title {
      font-size: 38px;
      letter-spacing: 2.72px;
      line-height: 40px; }
    .club-sign-up-thankyou .description, .club-thankyou-update .description {
      font-size: 12px;
      line-height: 16px;
      margin: 31px 0 25px 0; }

  /*end thank*/
  /*franchise*/
  .franchise .banner-3 img {
    width: initial; }
  .franchise .frm_form_field.frm_half {
    max-width: 100% !important; }
  .franchise .tab-faq {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 24px 15px; }
    .franchise .tab-faq > * {
      padding: 0; }
    .franchise .tab-faq .nav-tabs {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      font-size: 8px;
      font-weight: 800;
      line-height: 14px;
      margin-bottom: 24px;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
      .franchise .tab-faq .nav-tabs li {
        border-bottom: none;
        padding: 0; }
        .franchise .tab-faq .nav-tabs li a {
          font-size: 8px;
          font-weight: 800;
          line-height: 14px;
          padding: 0 4px; }
      .franchise .tab-faq .nav-tabs li:not(:last-child) a {
        border-right: 1px solid #c4c4c4; }
    .franchise .tab-faq .p-style {
      font-size: 12px;
      line-height: 16px; }
    .franchise .tab-faq h3 {
      font-size: 37px; }
    .franchise .tab-faq #menu2 ul {
      padding: 0; }
      .franchise .tab-faq #menu2 ul li {
        padding: 15px 25px 0 25px; }
    .franchise .tab-faq #menu1 h3 {
      font-size: 16px;
      line-height: 24px; }
    .franchise .tab-faq #menu1 small {
      font-size: 12px;
      line-height: 14px; }
    .franchise .tab-faq #menu1 section .container {
      padding: 0; }

  /*end franchise*/
  /*.store-feedback*/
  .store-feedback .long-input-style {
    max-width: 100%; }
  .store-feedback .form {
    margin: 0; }
    .store-feedback .form form {
      padding: 24px 15px; }
      .store-feedback .form form .top .title {
        font-size: 30px;
        letter-spacing: 2.15px; }
      .store-feedback .form form .top .description {
        font-size: 12px;
        font-weight: 300;
        line-height: 16px; }
      .store-feedback .form form .star-rating {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        margin-bottom: 24px !important; }
      .store-feedback .form form .submit {
        text-align: center; }
        .store-feedback .form form .submit button {
          text-align: center; }

  /*end store feedback*/
  /*.function-page*/
  .function-page .long-input-style {
    max-width: 100%; }
  .function-page .select {
    max-width: 100%; }
  .function-page .under-banner .description {
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    margin: 24px 0; }
  .function-page .under-banner .button-bar {
    margin: 0; }
    .function-page .under-banner .button-bar button {
      margin-bottom: 24px !important; }
  .function-page .form form {
    padding: 32px 15px; }
    .function-page .form form .row3 {
      display: block;
      text-align: right; }
      .function-page .form form .row3 .select {
        max-width: 70%; }
      .function-page .form form .row3 span {
        float: left; }
      .function-page .form form .row3 > div {
        clear: both;
        display: inline-block; }
      .function-page .form form .row3 div:last-child {
        max-width: 100%; }
        .function-page .form form .row3 div:last-child .select-styled {
          max-width: 100%; }
    .function-page .form form .submit {
      text-align: center; }
      .function-page .form form .submit button {
        text-align: center; }
  .function-page .frm_form_fields .frm_form_field.date .frm_error,
  .function-page .frm_form_fields .frm_form_field.month .frm_error {
    width: 100%;
    text-align: right; }

  /*end function*/
  /*menu-page*/
  .menu-page .select-bar {
    display: block;
    text-align: center;
    margin-bottom: 0; }
    .menu-page .select-bar .select {
      text-align: left;
      margin-bottom: 24px;
      display: inline-block; }
  .menu-page .super-title .title {
    font-size: 12px;
    line-height: 16px;
    padding: 0 8px; }

    /**end menu/


    /*take away*/
  .take-away {
    min-height: 375px;
    padding-bottom: 370px;
    padding-top: 100px; }
    .take-away .text15px700 {
      font-size: 12px;
      font-weight: 700;
      line-height: 20px; }
    .take-away > .content {
      padding: 0 15px; }
      .take-away > .content > .description {
        font-size: 12px;
        font-weight: 700;
        line-height: 16px; }
      .take-away > .content .location-box {
        position: absolute;
        -webkit-box-shadow: 0 5px 25px 1px rgba(55, 58, 64, 0.14);
                box-shadow: 0 5px 25px 1px rgba(55, 58, 64, 0.14); }
        .take-away > .content .location-box .content {
          padding: 25px; }
          .take-away > .content .location-box .content .button-bar {
            text-align: center; }
            .take-away > .content .location-box .content .button-bar .row2 {
              display: block;
              text-align: center; }
              .take-away > .content .location-box .content .button-bar .row2 span {
                display: block;
                margin: 16px 0; }
              .take-away > .content .location-box .content .button-bar .row2 button {
                display: -webkit-inline-box;
                display: -ms-inline-flexbox;
                display: inline-flex; }
              .take-away > .content .location-box .content .button-bar .row2 a {
                display: inline-block; }

  /*end take away*/
  /*location-find*/
  .location-find .list-category-item {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important; }
    .location-find .list-category-item li {
      margin-bottom: 15px; }
    .location-find .list-category-item a {
      width: 90px !important;
      height: 24px !important;
      font-size: 10px !important;
      padding: 0px !important; }
  .location-find .table-location .big-title {
    font-size: 30px !important; }

  /*end location-find*/
  /*policy*/
  .page-privacy {
    padding: 0;
    background-color: white; }

  /*end policy*/
  /*.contact-us*/
  .page-contact {
    padding: 0 !important;
    background-color: white; }

  /*end contact-us*/
  /*blog*/
  .blog_page .container {
    max-width: 100%; }
  .blog_page .section-blog .container > .row > div {
    margin-bottom: 30px; }
    .blog_page .section-blog .container > .row > div .post-content .post-title {
      font-size: 12px; }
    .blog_page .section-blog .container > .row > div .post-content .cate-date {
      font-size: 11px; }

  /*end blog*/
  /*post_detail*/
  .post_detail .button-bar {
    display: block;
    margin-bottom: 22px; }
  .post_detail .container {
    max-width: 100%; }
  .post_detail .section-blog .container {
    max-width: 400px; }
  .post_detail .detail-content {
    padding: 15px !important; }
    .post_detail .detail-content h3, .post_detail .detail-content h4, .post_detail .detail-content p {
      font-size: 12px !important;
      line-height: 16px !important; }

  /*end post_detail*/
  /*location-detail-store*/
  .location-detail-store .text15px700 {
    font-size: 12px; }
  .location-detail-store .text20px800 {
    font-size: 12px;
    line-height: 16px; }
  .location-detail-store .text15px300 {
    font-size: 12px;
    font-weight: 800;
    line-height: 16px; }
  .location-detail-store .location-box {
    top: 80% !important;
    width: 100%;
    height: initial !important;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 0 15px; }
    .location-detail-store .location-box > .content {
      -webkit-box-shadow: 0 5px 25px 1px rgba(55, 58, 64, 0.14);
              box-shadow: 0 5px 25px 1px rgba(55, 58, 64, 0.14);
      padding: 32px 16px !important; }
    .location-detail-store .location-box .big-title .content {
      margin: 8px 0 !important;
      font-weight: bold !important; }
    .location-detail-store .location-box .view-map {
      position: relative !important; }
    .location-detail-store .location-box .button-bar .row2 a {
      max-width: 100%; }
  .location-detail-store .dots {
    display: none !important; }
  .location-detail-store .header-banner img {
    max-height: 375px !important;
    height: 360px !important; }
  .location-detail-store .text-and-image {
    padding: 0 15px !important; }
  .location-detail-store .sb-container {
    display: none; }
  .location-detail-store .short-description {
    margin: 25px 0 !important; }
  .location-detail-store .book-functions-part {
    margin-bottom: 300px; }
    .location-detail-store .book-functions-part > img {
      min-height: 375px !important; }
    .location-detail-store .book-functions-part .content-container {
      top: 80%;
      padding: 0 20px; }
      .location-detail-store .book-functions-part .content-container .content {
        padding: 30px 15px;
        background-color: white;
        -webkit-box-shadow: 0 5px 25px 1px rgba(55, 58, 64, 0.14);
                box-shadow: 0 5px 25px 1px rgba(55, 58, 64, 0.14); }
  .location-detail-store .super-title {
    background: transparent;
    margin-bottom: 30px; }
    .location-detail-store .super-title img {
      background: transparent; }
    .location-detail-store .super-title .line {
      display: none; }
  .location-detail-store .food-photos img {
    max-width: 48% !important; }
  .location-detail-store .new-blog .container {
    max-width: 400px; }
  .location-detail-store .new-blog .row > div {
    margin-bottom: 30px; }

  /*end location-detail-store*/
  /*home page*/
  .home_page .banner_top.banner_slider,
  .home_page .check_out_latest.desktop {
    display: none; }
  .home_page .banner_top_mobile {
    position: relative; }
    .home_page .banner_top_mobile .banner-dots {
      position: absolute;
      left: 50%;
      right: 50%; }
    .home_page .banner_top_mobile ul {
      list-style: none;
      padding: 0;
      margin-right: 0; }
    .home_page .banner_top_mobile li {
      width: 100%; }
    .home_page .banner_top_mobile .tab_cont {
      -webkit-box-shadow: none;
              box-shadow: none; }
      .home_page .banner_top_mobile .tab_cont .col-image {
        max-width: 100% !important; }
      .home_page .banner_top_mobile .tab_cont .col-content h2 {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 5px;
        margin-top: 24px; }
      .home_page .banner_top_mobile .tab_cont .col-content img {
        max-height: 39px;
        margin-bottom: 8px;
        display: inline-block; }
      .home_page .banner_top_mobile .tab_cont .col-content h3 {
        margin-bottom: 24px;
        font-size: 10px; }
    .home_page .banner_top_mobile .tab_title {
      display: none !important; }
  .home_page .sec_page_items .page_item_box .col-content {
    max-width: 100%;
    -webkit-box-flex: initial;
        -ms-flex: initial;
            flex: initial;
    padding: 15px;
    text-align: center;
    width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .home_page .page_item_box .col-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .home_page .page_item_box .col-content img {
      max-height: 30px;
      margin-top: 24px;
      display: inline-block !important; }
    .home_page .page_item_box .col-content > div > * {
      margin-bottom: 15px !important; }
    .home_page .page_item_box .col-content .text-right {
      text-align: center !important; }
  .home_page .col-image {
    -webkit-box-flex: 1 !important;
        -ms-flex: auto !important;
            flex: auto !important; }
  .home_page .section_cook_slider .cook_cont {
    position: absolute;
    top: 400px;
    padding: 40px 0;
    margin-left: auto;
    margin-right: auto;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    max-width: initial; }
    .home_page .section_cook_slider .cook_cont > div {
      max-width: 266px; }
  .home_page .section_cook_slider .slick-dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 380px; }
  .home_page .section_cook_slider .sec_cook_item {
    padding: 200px 0;
    position: relative; }
  .home_page .check_out_latest.mobile .col-12 {
    padding-left: 0 !important;
    padding-right: 0 !important; }
  .home_page .check_out_latest.mobile .row > div:last-child {
    text-align: center; }
    .home_page .check_out_latest.mobile .row > div:last-child .button {
      margin: 24px 0; }
    .home_page .check_out_latest.mobile .row > div:last-child .checkout-slick {
      text-align: left; }
  .home_page .check_out_latest.mobile {
    padding-top: 40px; }
  .home_page .col-header {
    text-align: center;
    padding: 0 15px 0 30px; }
    .home_page .col-header .title-h2 {
      display: block !important;
      font-size: 30px !important; }
      .home_page .col-header .title-h2 span {
        display: block; }
    .home_page .col-header h3 {
      font-size: 8px !important;
      line-height: 14px !important; }
  .home_page .instagram .title {
    display: block;
    text-align: center; }
    .home_page .instagram .title span {
      font-size: 25px;
      line-height: 30px; }
  .home_page .instagram h4 {
    font-size: 8px;
    text-align: center; }
  .home_page .instagram #sbi_images > div:not(:first-child) {
    display: none; }
  .home_page .instagram .desktop-ins {
    display: none; }

  /*end home page*/
  /*about-page*/
  .about-page .title-introduce {
    font-size: 12px;
    line-height: 16px;
    margin: 26px 0; }
  .about-page .section-about {
    margin-bottom: 24px; }
    .about-page .section-about img {
      max-height: 24px; }
    .about-page .section-about .subtitle,
    .about-page .section-about .content-about {
      font-size: 12px;
      line-height: 16px; }
    .about-page .section-about .img-about {
      max-height: initial; }
  .about-page .sec_page_items {
    padding-bottom: 0 !important; }
    .about-page .sec_page_items .group-title {
      margin-bottom: 32px !important; }
      .about-page .sec_page_items .group-title > img {
        max-height: 38px; }
      .about-page .sec_page_items .group-title .subtitle {
        font-size: 12px;
        line-height: 16px; }
    .about-page .sec_page_items .page_item_box .col-content {
      padding: 32px 15px;
      max-width: 100%;
      -webkit-box-flex: 1;
          -ms-flex: auto;
              flex: auto;
      text-align: center; }
      .about-page .sec_page_items .page_item_box .col-content .description {
        margin: 0;
        text-align: center;
        font-size: 12px !important;
        line-height: 16px !important; }
        .about-page .sec_page_items .page_item_box .col-content .description h2 {
          font-size: 12px;
          margin-bottom: 24px; }
    .about-page .sec_page_items .page_item_box .col-image {
      max-width: 100%; }
  .about-page .btn-section a {
    margin: 0 !important; }

  .sec_page_items .page_item_box .col-content .description {
    max-width: 100%; }

  /*end about-page*/
  .home_page .mobile {
    display: block !important; } }
/*end mobile*/
.home_page .mobile {
  display: none; }

@media screen and (max-width: 375px) {
  .cta_layout_1 {
    padding: 0 26px; } }
@media screen and (max-width: 350px) {
  .site-footer .copyright ul.copyright_menu li:first-child {
    padding-right: 50px;
    padding-left: 0; }
  .site-footer .copyright ul.copyright_menu li:last-child {
    padding-right: 0;
    padding-left: 50px; }

  .location-detail-store .header-banner .location-box .content .button-bar .row1 {
    display: block;
    margin-bottom: 20px; }
    .location-detail-store .header-banner .location-box .content .button-bar .row1 a {
      width: 100%;
      max-width: 100%; }
    .location-detail-store .header-banner .location-box .content .button-bar .row1 .link-functions-page {
      margin-left: 0; } }
/*1200 - 992*/
@media screen and (max-width: 1199px) and (min-width: 992px) {
  /*global css*/
  .benefits-content {
    padding: 0 !important; }
    .benefits-content .text15px300 {
      font-size: 13px !important; }
    .benefits-content > div {
      min-height: initial !important; }
    .benefits-content .content {
      padding: 15px !important; }

  .iwt-container .col-img {
    max-width: 45%; }
  .iwt-container .iwt-member .col-text {
    padding-left: 50px !important; }
  .iwt-container .iwt-member.reverse .col-text {
    padding-right: 50px !important; }

  .double_cta_banner {
    padding: 50px 0; }
    .double_cta_banner .col-content {
      padding: 20px 30px !important; }
      .double_cta_banner .col-content .description {
        min-height: initial !important; }
      .double_cta_banner .col-content img {
        margin-bottom: 20px !important;
        max-height: 50px; }
      .double_cta_banner .col-content .cta-button-container {
        position: absolute;
        bottom: 20px; }

  /*end global css*/
  /*header*/
  .header_desktop .logo {
    max-width: 200px; }
  .header_desktop .menu_right .find_us a {
    padding: 6px !important; }
  .header_desktop .menu_right .find_us i {
    margin-right: 10px !important; }
  .header_desktop .menu_right .book_now a {
    padding: 10px !important; }

  /*end header*/
  /*footer*/
  .footer {
    padding: 20px 0 !important; }
    .footer img {
      max-width: 100% !important; }
    .footer .logo_group > a {
      max-width: 100px; }
    .footer .menu_grorup {
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end; }
      .footer .menu_grorup ul#menu-footer li a {
        font-size: 11px !important; }
    .footer ul.footer_menu li {
      padding: 0 10px !important; }
    .footer ul.social_menu {
      margin-left: 10px !important; }
      .footer ul.social_menu::before {
        margin-right: 0 !important; }

  /*end footer*/
  /*club-dashboard*/
  .club-dashboard .info-club-member > * {
    padding: 10px !important; }
  .club-dashboard .info-club-member .your-point {
    margin: 0 10px !important; }

  /*end club-dashboard*/
  /*franchise*/
  .franchise .nav.nav-tabs a {
    font-size: 11px; }
  .franchise .iwt-container .iwt-member .text24px800 {
    font-size: 20px; }
  .franchise .iwt-container .iwt-member .text15px300 {
    font-size: 12px; }
  .franchise .iwt-container .iwt-member .col-text {
    padding-left: 25px !important; }
  .franchise .iwt-container .iwt-member.reverse .col-text {
    padding-right: 25px !important;
    padding-left: 0 !important; }
  .franchise .tab-content h3 {
    font-size: 30px;
    margin: 20px 0; }
  .franchise .tab-content #home .description .p-style {
    font-size: 13px; }

  /*end franchise*/
  /*location-find*/
  .location-find .list-category-item {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important; }
    .location-find .list-category-item li {
      margin-bottom: 15px; }

  /*end location-find*/
  /*home page*/
  .home_page .check_out_latest .col-12 {
    padding-left: 30px;
    padding-right: 34%; }
  .home_page .banner_top .item .col-image {
    max-width: calc(100% - 350px); }
  .home_page .sec_page_items .col-image {
    max-width: 45%; }

  /*end home page*/
  /*about-page*/
  .about-page .col-image {
    max-width: 50% !important; }

  /*end about-page*/
  .home_page .mobile {
    display: none !important; } }
/* end 1200 - 992*/
/*768 - 991*/
@media screen and (max-width: 991px) and (min-width: 768px) {
  /*global css*/
  .benefits-content {
    padding: 0 !important; }
    .benefits-content .text15px300 {
      font-size: 12px;
      line-height: 18px; }
    .benefits-content .text15px700 {
      font-size: 13px;
      line-height: 18px; }
    .benefits-content > div {
      min-height: initial !important; }
    .benefits-content .content {
      padding: 15px !important; }
      .benefits-content .content .title {
        margin: 10px 0 !important; }
      .benefits-content .content img {
        max-width: 70px; }

  .form form .long-input-style {
    max-width: 49%; }
  .form form .short-input-style {
    max-width: 32%; }

  iframe {
    min-height: 350px !important; }

  .iwt-container {
    max-width: 100%;
    padding: 0 30px; }
    .iwt-container .iwt-member .col-text {
      padding-left: 30px !important; }
      .iwt-container .iwt-member .col-text .content {
        max-width: 360px; }
    .iwt-container .iwt-member.reverse .col-text {
      padding-right: 30px !important;
      padding-left: 0 !important; }

  .double_cta_banner {
    padding: 50px 0; }
    .double_cta_banner .container {
      max-width: 100%; }
    .double_cta_banner .cat_banner {
      min-height: 295px; }
      .double_cta_banner .cat_banner .bg {
        height: 295px; }
        .double_cta_banner .cat_banner .bg img {
          height: 100%;
          -o-object-fit: cover;
             object-fit: cover; }
    .double_cta_banner .col-content {
      padding: 20px 10px !important; }
      .double_cta_banner .col-content h2 {
        font-size: 15px !important; }
      .double_cta_banner .col-content .description {
        min-height: initial !important;
        font-size: 13px !important; }
      .double_cta_banner .col-content img {
        margin-bottom: 20px !important;
        max-height: 40px; }
      .double_cta_banner .col-content .cta-button-container {
        position: absolute;
        bottom: 20px; }

  /*end global css*/
  /*header*/
  .header_desktop .logo {
    max-width: 200px; }
  .header_desktop .menu-item a {
    font-size: 12px !important; }
  .header_desktop .menu_right {
    width: 100%;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
    .header_desktop .menu_right .find_us a {
      padding: 6px !important; }
    .header_desktop .menu_right .find_us i {
      margin-right: 10px !important;
      font-size: 15px !important; }
    .header_desktop .menu_right .book_now a {
      padding: 6px !important; }

  /*end header*/
  /*footer*/
  .site-footer .footer {
    padding: 20px 0 !important;
    display: block !important; }
    .site-footer .footer img {
      max-width: 100% !important; }
    .site-footer .footer .logo_group > a {
      max-width: 100px; }
    .site-footer .footer .menu_grorup {
      justify-content: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
    .site-footer .footer ul.social_menu {
      margin-left: 10px !important; }
      .site-footer .footer ul.social_menu::before {
        margin-right: 0 !important; }

  /*end footer*/
  /*club-sign-up*/
  .club-sign-up .note-and-button .note {
    padding: 0 15px;
    font-size: 17px;
    line-height: 30px; }
  .club-sign-up .input-form .row4 .select {
    max-width: 27%; }

  /*end club-sign-up*/
  /*club-dashboard*/
  .club-dashboard .text30px700 {
    font-size: 25px;
    line-height: 20px; }
  .club-dashboard .text20px700 {
    font-size: 15px;
    line-height: 25px; }
  .club-dashboard .info-club-member {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: distribute;
        justify-content: space-around; }
    .club-dashboard .info-club-member img {
      max-height: 40px; }
    .club-dashboard .info-club-member > * {
      padding: 10px !important;
      height: auto !important; }
    .club-dashboard .info-club-member .your-point {
      margin: 0 10px !important; }
    .club-dashboard .info-club-member .title {
      margin-bottom: 10px; }
    .club-dashboard .info-club-member .box {
      width: 30px !important;
      height: 45px !important;
      font-size: 35px; }
  .club-dashboard .form, .club-dashboard .terms {
    margin-bottom: 30px; }
  .club-dashboard .row3 .select {
    max-width: 27% !important; }

  /*end club-dashboard*/
  /*franchise*/
  .franchise .tab-faq > div {
    padding-right: 0; }
  .franchise .nav.nav-tabs a {
    font-size: 10px; }
  .franchise .iwt-container .iwt-member, .franchise .iwt-container .iwt-member.reverse {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 25px; }
    .franchise .iwt-container .iwt-member .text24px800, .franchise .iwt-container .iwt-member.reverse .text24px800 {
      font-size: 20px; }
    .franchise .iwt-container .iwt-member .text15px300, .franchise .iwt-container .iwt-member.reverse .text15px300 {
      font-size: 12px; }
    .franchise .iwt-container .iwt-member .col-text, .franchise .iwt-container .iwt-member.reverse .col-text {
      padding: 0 15px !important;
      text-align: center; }
      .franchise .iwt-container .iwt-member .col-text .description, .franchise .iwt-container .iwt-member .col-text .content, .franchise .iwt-container .iwt-member.reverse .col-text .description, .franchise .iwt-container .iwt-member.reverse .col-text .content {
        max-width: 100% !important; }
    .franchise .iwt-container .iwt-member .col-img, .franchise .iwt-container .iwt-member.reverse .col-img {
      max-width: 100%;
      margin-bottom: 15px; }
  .franchise .tab-content .p-style {
    font-size: 14px; }
  .franchise .tab-content h3 {
    font-size: 25px;
    margin: 20px 0; }
  .franchise .tab-content #home .description .p-style {
    font-size: 13px; }
  .franchise .tab-content #menu2 .list-faq {
    padding: 0 15px !important; }

  /*end franchise*/
  /*function-page*/
  .function-page .form form {
    padding: 32px 15px; }
    .function-page .form form .row3 {
      display: block;
      text-align: right; }
      .function-page .form form .row3 span {
        float: left; }
      .function-page .form form .row3 > div {
        clear: both;
        display: inline-block;
        text-align: left; }
        .function-page .form form .row3 > div:not(:last-child) {
          margin-bottom: 25px; }
      .function-page .form form .row3 div:last-child {
        max-width: 100%; }
        .function-page .form form .row3 div:last-child .select-styled {
          max-width: 100%; }
    .function-page .form form .submit {
      text-align: center; }
      .function-page .form form .submit button {
        text-align: center; }

  /*end function-page*/
  /*location-find*/
  .location-find .list-category-item {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important; }
    .location-find .list-category-item li {
      margin-bottom: 15px; }

  /*end location-find*/
  /*blog*/
  .blog_page .container {
    max-width: 100%; }
  .blog_page .section-blog .container > .row > div {
    margin-bottom: 30px; }

  /*end blog*/
  /*post_detail*/
  .post_detail .container {
    max-width: 770px; }

  /*end post_detail*/
  /*location-detail-store*/
  .location-detail-store .text-and-image {
    padding: 0 15px !important; }
  .location-detail-store .location-box {
    top: 80% !important;
    width: 100%;
    height: initial !important;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .location-detail-store .sb-container {
    left: 10px !important; }
  .location-detail-store .food-photos img {
    max-width: 48% !important; }
  .location-detail-store .new-blog .row > div {
    margin-bottom: 30px; }

  /*end location-detail-store*/
  /*home page*/
  .home_page .check_out_latest .col-12 {
    padding-left: 30px;
    padding-right: 34%; }
  .home_page .banner_top .item .col-image {
    max-width: calc(100% - 350px); }
  .home_page .sec_page_items .col-image {
    max-width: 50%; }
  .home_page .sec_page_items .page_item_box .col-content {
    max-width: 50%;
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
    padding-left: 15px; }
  .home_page .sec_page_items .page_item_box .items .col-content {
    max-width: 50%;
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
    padding-right: 15px; }
  .home_page .page_item_box .col-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .home_page .page_item_box .col-content img {
      max-height: 70px; }
    .home_page .page_item_box .col-content > div > * {
      margin-bottom: 15px !important; }
  .home_page .check_out_latest .col-12 .col-header .title-h2 {
    font-size: 30px; }
  .home_page .check_out_latest .post_box {
    height: 100%;
    background-color: white; }

  /*end home page*/
  /*about-page*/
  .about-page .col-image {
    max-width: 50% !important; }
  .about-page .sec_page_items .page_item_box .col-content {
    padding-left: 40px;
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
    max-width: 50%; }
  .about-page .sec_page_items .page_item_box .items .col-content {
    padding-right: 40px; }

  /*end about-page*/
  .home_page .mobile {
    display: none !important; } }
/*end 768 - 991*/
/*576 - 767*/
@media screen and (max-width: 767px) and (min-width: 576px) {
  /*global css*/
  .global-css .text-before-date {
    max-width: 49px;
    font-size: 13px; }

  .banner .img-banner {
    width: auto !important; }

  .benefits-content {
    padding: 0 !important; }
    .benefits-content > div {
      margin-bottom: 15px; }
    .benefits-content .text15px300 {
      font-size: 12px;
      line-height: 18px; }
    .benefits-content .text15px700 {
      font-size: 13px;
      line-height: 18px; }
    .benefits-content > div {
      min-height: initial !important; }
    .benefits-content .content {
      padding: 15px !important; }
      .benefits-content .content .title {
        margin: 10px 0 !important; }
      .benefits-content .content img {
        max-width: 70px; }

  .form form .long-input-style {
    max-width: 49%; }
  .form form .short-input-style {
    max-width: 32%; }

  iframe {
    min-height: 300px !important; }

  .iwt-container {
    max-width: 100%;
    padding: 0 30px; }
    .iwt-container .iwt-member {
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
      .iwt-container .iwt-member .col-text {
        padding: 0 15px !important;
        text-align: center; }
        .iwt-container .iwt-member .col-text .content {
          max-width: 100%;
          text-align: center;
          margin: 15px 0 25px 0; }
      .iwt-container .iwt-member .col-img {
        max-width: 100%; }

  .double_cta_banner {
    padding: 50px 0; }
    .double_cta_banner .container {
      max-width: 545px; }
    .double_cta_banner .row > div {
      margin-bottom: 15px; }
    .double_cta_banner .col-content {
      padding: 10px 25px !important;
      text-align: center; }
      .double_cta_banner .col-content .description {
        min-height: initial !important; }
      .double_cta_banner .col-content img {
        margin-bottom: 20px !important; }
      .double_cta_banner .col-content .cta-button-container {
        position: absolute;
        bottom: 10px;
        left: 0;
        width: 100%; }

  /*end global css*/
  /*header*/
  .header_desktop .logo {
    max-width: 150px; }
  .header_desktop .menu-item a {
    font-size: 10px !important; }
  .header_desktop .main_menu li {
    padding: 5px !important; }
  .header_desktop .menu_right {
    width: 100%;
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important; }
    .header_desktop .menu_right .find_us a {
      padding: 3px !important; }
    .header_desktop .menu_right .find_us i {
      margin-right: 5px !important;
      font-size: 15px !important; }
    .header_desktop .menu_right .book_now a {
      padding: 3px !important; }

  /*end header*/
  /*footer*/
  #colophon {
    padding: 0 10px; }

  .footer {
    padding: 20px 0 !important; }
    .footer img {
      max-width: 100% !important; }
    .footer .logo_group > a {
      max-width: 100px; }
    .footer .menu_grorup {
      -webkit-box-pack: end !important;
          -ms-flex-pack: end !important;
              justify-content: flex-end !important; }
    .footer ul.footer_menu li {
      padding: 0 5px !important; }
      .footer ul.footer_menu li a {
        font-size: 11px !important; }
    .footer ul.social_menu {
      margin-left: 10px !important; }
      .footer ul.social_menu::before {
        margin-right: 0 !important; }
      .footer ul.social_menu li {
        padding: 0 10px !important; }

  .site-footer .copyright {
    padding: 15px 0 !important; }

  /*end footer*/
  /*club-sign-up*/
  .club-sign-up .note-and-button .note {
    padding: 0 15px;
    font-size: 15px;
    line-height: 25px;
    margin: 20px 0; }
  .club-sign-up .input-form .row4 .select {
    max-width: 29%; }

  /*end club-sign-up*/
  /*club-dashboard*/
  .club-dashboard .text30px700 {
    font-size: 25px;
    line-height: 20px; }
  .club-dashboard .text20px700 {
    font-size: 15px;
    line-height: 25px; }
  .club-dashboard .part1 {
    padding: 30px 15px 0 15px; }
  .club-dashboard .info-club-member .hot-drinks {
    margin-right: auto;
    margin-left: auto;
    display: block;
    max-width: 397px; }
    .club-dashboard .info-club-member .hot-drinks .title {
      text-align: center !important; }
  .club-dashboard .info-club-member img {
    max-height: 40px; }
  .club-dashboard .info-club-member > * {
    padding: 10px !important;
    height: auto !important;
    margin-bottom: 10px !important; }
  .club-dashboard .info-club-member .your-point {
    margin: 0 10px 0 0 !important; }
  .club-dashboard .info-club-member .title {
    margin-bottom: 10px; }
  .club-dashboard .info-club-member .box {
    width: 30px !important;
    height: 45px !important;
    font-size: 35px; }
  .club-dashboard .form, .club-dashboard .terms {
    margin-bottom: 30px; }
  .club-dashboard .row3 .select {
    max-width: 27% !important; }

  /*end club-dashboard*/
  /*franchise*/
  .franchise .tab-faq {
    padding: 0; }
  .franchise .nav.nav-tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .franchise .nav.nav-tabs a {
      font-size: 13px;
      padding: 0 10px; }
    .franchise .nav.nav-tabs li {
      padding: 10px 0;
      border: none; }
      .franchise .nav.nav-tabs li:not(:last-child) a {
        border-right: 1px solid #cccccc; }
  .franchise .iwt-container .iwt-member, .franchise .iwt-container .iwt-member.reverse {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 25px; }
    .franchise .iwt-container .iwt-member .text24px800, .franchise .iwt-container .iwt-member.reverse .text24px800 {
      font-size: 20px; }
    .franchise .iwt-container .iwt-member .text15px300, .franchise .iwt-container .iwt-member.reverse .text15px300 {
      font-size: 12px; }
    .franchise .iwt-container .iwt-member .col-text, .franchise .iwt-container .iwt-member.reverse .col-text {
      padding: 0 15px !important;
      text-align: center; }
      .franchise .iwt-container .iwt-member .col-text .description, .franchise .iwt-container .iwt-member .col-text .content, .franchise .iwt-container .iwt-member.reverse .col-text .description, .franchise .iwt-container .iwt-member.reverse .col-text .content {
        max-width: 100% !important; }
    .franchise .iwt-container .iwt-member .col-img, .franchise .iwt-container .iwt-member.reverse .col-img {
      max-width: 100%;
      margin-bottom: 15px; }
  .franchise .tab-content .p-style {
    font-size: 14px; }
  .franchise .tab-content h3 {
    font-size: 25px;
    margin: 20px 0; }
  .franchise .tab-content #home .description .p-style {
    font-size: 13px; }
  .franchise .tab-content #menu2 .list-faq {
    padding: 0 15px !important; }
    .franchise .tab-content #menu2 .list-faq ul {
      padding: 0 !important; }
      .franchise .tab-content #menu2 .list-faq ul li {
        padding: 15px 25px 0 25px !important; }

  /*end franchise*/
  /*function-page*/
  .function-page .short-input-style + div {
    max-width: 100%; }
  .function-page .form form {
    padding: 32px 15px; }
    .function-page .form form .row3 {
      display: block;
      text-align: right; }
      .function-page .form form .row3 .select {
        max-width: 80%; }
      .function-page .form form .row3 span {
        float: left;
        max-width: initial; }
      .function-page .form form .row3 > div {
        clear: both;
        display: inline-block;
        text-align: left; }
        .function-page .form form .row3 > div:not(:last-child) {
          margin-bottom: 25px; }
      .function-page .form form .row3 div:last-child {
        max-width: 100%; }
        .function-page .form form .row3 div:last-child .select-styled {
          max-width: 100%; }
    .function-page .form form .submit {
      text-align: center; }
      .function-page .form form .submit button {
        text-align: center; }
  .function-page .button-bar .to-form-button {
    margin-top: 20px !important; }
  .function-page .under-banner .description {
    margin: 25px 0 !important; }

  /*end function-page*/
  /*location-find*/
  .location-find .container {
    max-width: 100%; }
  .location-find .list-category-item {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important; }
    .location-find .list-category-item li {
      margin-bottom: 15px;
      padding: 0 15px !important; }

  /*end location-find*/
  /*policy*/
  .page-privacy {
    padding: 0;
    background-color: white; }

  /*end policy*/
  /*store feedback*/
  .store-feedback .form {
    margin: 0; }
    .store-feedback .form .title {
      font-size: 33px; }
    .store-feedback .form .description {
      font-size: 12px; }

  /*end store feedback*/
  /*.contact-us*/
  .page-contact {
    padding: 0 !important;
    background-color: white; }

  /*end contact-us*/
  /*blog*/
  .blog_page .section-blog .container > .row > div {
    margin-bottom: 30px; }
    .blog_page .section-blog .container > .row > div .post-content .post-title {
      font-size: 12px; }
    .blog_page .section-blog .container > .row > div .post-content .cate-date {
      font-size: 11px; }

  /*end blog*/
  /*post_detail*/
  .post_detail .container {
    max-width: 100%; }
  .post_detail .section-blog .container {
    max-width: 400px; }

  /*end post_detail*/
  /*location-detail-store*/
  .location-detail-store .location-box {
    top: 80% !important;
    width: 100%;
    height: initial !important;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .location-detail-store .location-box > .content {
      -webkit-box-shadow: 0 5px 25px 1px rgba(55, 58, 64, 0.14);
              box-shadow: 0 5px 25px 1px rgba(55, 58, 64, 0.14); }
  .location-detail-store ul.slick-dots {
    margin-right: 10px !important; }
  .location-detail-store .text-and-image {
    padding: 0 15px !important; }
  .location-detail-store .sb-container {
    left: 10px !important; }
  .location-detail-store .food-photos img {
    max-width: 48% !important; }
  .location-detail-store .new-blog .container {
    max-width: 400px; }
  .location-detail-store .new-blog .row > div {
    margin-bottom: 30px; }

  /*end location-detail-store*/
  /*home page*/
  .home_page .banner_top.banner_slider,
  .home_page .check_out_latest.desktop {
    display: none; }
  .home_page .banner_top_mobile {
    position: relative; }
    .home_page .banner_top_mobile .banner-dots {
      position: absolute;
      left: 50%;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%);
      margin-top: -20px; }
    .home_page .banner_top_mobile ul {
      list-style: none;
      padding: 0;
      margin-right: 0; }
    .home_page .banner_top_mobile li {
      width: 100%; }
    .home_page .banner_top_mobile .tab_cont {
      -webkit-box-shadow: none;
              box-shadow: none; }
      .home_page .banner_top_mobile .tab_cont .col-image {
        max-width: 100% !important; }
      .home_page .banner_top_mobile .tab_cont .col-content h2 {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 5px;
        margin-top: 24px; }
      .home_page .banner_top_mobile .tab_cont .col-content img {
        max-height: 39px;
        margin-bottom: 8px;
        display: inline-block; }
      .home_page .banner_top_mobile .tab_cont .col-content h3 {
        margin-bottom: 24px;
        font-size: 10px; }
    .home_page .banner_top_mobile .tab_title {
      display: none !important; }
  .home_page .sec_page_items .page_item_box .col-content {
    max-width: 100%;
    -webkit-box-flex: initial;
        -ms-flex: initial;
            flex: initial;
    padding: 15px;
    text-align: center;
    width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .home_page .page_item_box .col-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .home_page .page_item_box .col-content img {
      max-height: 30px;
      margin-top: 24px;
      display: inline-block !important; }
    .home_page .page_item_box .col-content > div > * {
      margin-bottom: 15px !important; }
    .home_page .page_item_box .col-content .text-right {
      text-align: center !important; }
  .home_page .col-image {
    -webkit-box-flex: 1 !important;
        -ms-flex: auto !important;
            flex: auto !important; }
  .home_page .section_cook_slider .cook_cont {
    position: absolute;
    top: 400px;
    padding: 40px 0;
    margin-left: auto;
    margin-right: auto;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    max-width: initial; }
    .home_page .section_cook_slider .cook_cont > div {
      max-width: 266px; }
  .home_page .section_cook_slider .slick-dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 380px;
    max-height: 15px; }
  .home_page .section_cook_slider .sec_cook_item {
    padding: 200px 0;
    position: relative; }
  .home_page .check_out_latest.mobile .col-12 {
    padding-left: 0 !important;
    padding-right: 0 !important; }
  .home_page .check_out_latest.mobile .row > div:last-child {
    text-align: center; }
    .home_page .check_out_latest.mobile .row > div:last-child .button {
      margin: 24px 0; }
    .home_page .check_out_latest.mobile .row > div:last-child .checkout-slick {
      text-align: left; }
  .home_page .check_out_latest.mobile {
    padding-top: 40px; }
  .home_page .col-header {
    text-align: center;
    padding: 0 15px 0 30px; }
    .home_page .col-header .title-h2 {
      display: block !important;
      font-size: 30px !important; }
      .home_page .col-header .title-h2 span {
        display: block; }
    .home_page .col-header h3 {
      font-size: 8px !important;
      line-height: 14px !important; }
  .home_page .instagram {
    padding-top: 30px; }
    .home_page .instagram .title {
      display: block;
      text-align: center; }
      .home_page .instagram .title span {
        font-size: 25px;
        line-height: 30px; }
    .home_page .instagram h4 {
      font-size: 8px;
      text-align: center; }
    .home_page .instagram #sbi_images > div:not(:first-child) {
      display: none; }
    .home_page .instagram .desktop-ins {
      display: none; }

  /*end home page*/
  /*about-page*/
  .about-page .title-introduce {
    font-size: 12px;
    line-height: 16px;
    margin: 26px 0; }
  .about-page .section-about {
    margin-bottom: 24px; }
    .about-page .section-about img {
      max-height: 24px; }
    .about-page .section-about .subtitle,
    .about-page .section-about .content-about {
      font-size: 12px;
      line-height: 16px; }
    .about-page .section-about .img-about {
      max-height: inherit; }
  .about-page .sec_page_items {
    padding-bottom: 0 !important; }
    .about-page .sec_page_items .group-title {
      margin-bottom: 32px !important; }
      .about-page .sec_page_items .group-title > img {
        max-height: 38px; }
      .about-page .sec_page_items .group-title .subtitle {
        font-size: 12px;
        line-height: 16px; }
    .about-page .sec_page_items .page_item_box .col-content {
      padding: 32px 15px;
      max-width: 100%;
      -webkit-box-flex: 1;
          -ms-flex: auto;
              flex: auto;
      text-align: center; }
      .about-page .sec_page_items .page_item_box .col-content .description {
        margin: 0;
        text-align: center;
        font-size: 12px !important;
        line-height: 16px !important; }
        .about-page .sec_page_items .page_item_box .col-content .description h2 {
          font-size: 12px;
          margin-bottom: 24px; }

  .sec_page_items .page_item_box .col-content .description {
    max-width: 100%; }

  /*end about-page*/
  .home_page .mobile {
    display: block; } }
/*end 576 - 767*/
.home_page .banner_top_mobile .tab_cont .col-content h2, .home_page .banner_top_mobile .tab_cont .col-content h3 {
  font-family: 'mb-empire-bold',sans-serif; }
.home_page .banner_top_mobile .tab_cont .col-content h2 {
  font-weight: 900; }

@media (max-width: 768px) {
  .instagram .group-title {
    margin-bottom: 20px; }
    .instagram .group-title .title {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
    .instagram .group-title .subtitle {
      display: none; }

  .check_out_latest .col-header .title-h3 {
    max-width: 250px;
    margin: auto; }

  .section_cook_slider .sec_cook_item .cook_cont .sec_cook_logo {
    margin-right: auto;
    margin-left: auto; }
  .section_cook_slider .sec_cook_item .cook_cont .title-h2 {
    margin-bottom: 10px; }

  .home_page .banner_top_mobile .tab_cont .col-content h3 {
    text-transform: uppercase; } }
@media (max-width: 575px) {
  .header_desktop .logo {
    max-width: 170px; }
    .header_desktop .logo .logo-top img {
      -webkit-transform: inherit;
              transform: inherit; }
  .header_desktop .main-menu-show {
    top: 19px;
    font-size: 20px;
    background-color: transparent; }

  body .section.mb-hidden {
    display: none !important; }

  .mb-show {
    display: block; }

  .home_page .section_cook_slider .sec_cook_item {
    background-image: none !important;
    padding: 0; }
  .home_page .section_cook_slider .sec_cook_item__image {
    height: 350px; }
    .home_page .section_cook_slider .sec_cook_item__image img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover;
      -o-object-position: center;
         object-position: center; }
  .home_page .section_cook_slider .cook_cont {
    position: inherit;
    top: inherit;
    min-height: inherit; }
  .home_page .section_cook_slider .slick-dots {
    top: 320px; } }