/*==========================================
Header Big
==========================================*/
@media screen and (max-width: 1550px) and (min-width: 1025px) {
  header, header.at-home {
    height: 90px; }
    header .main-logo, header.at-home .main-logo {
      margin-top: 8px; }
      header .main-logo a img, header.at-home .main-logo a img {
        width: 100px; }
      header .main-logo .logo-text, header.at-home .main-logo .logo-text {
        line-height: 75px; }
        header .main-logo .logo-text img, header.at-home .main-logo .logo-text img {
          width: 180px; }
    header nav, header.at-home nav {
      margin-top: 23px; }
      header nav > div, header.at-home nav > div {
        margin-left: 5px; }
        header nav > div a, header.at-home nav > div a {
          padding: 0 10px;
          height: 40px;
          line-height: 40px;
          font-size: 18px; }

  body.inner-page .page-container {
    margin-top: 90px; }

  #michelin-sm {
    width: 150px;
    bottom: -23px; }

  #home-news .swiper-container figcaption {
    padding: 20px 40px; }

  .swiper-button {
    bottom: 40px; }

  #home-news {
    padding-top: 0; } }
/*==========================================
Small Screen
==========================================*/
@media screen and (max-width: 1440px) and (min-width: 1281px) {
  .wrap-inner {
    width: 1200px; }

  .banner-wrap {
    padding: 65px 100px; } }
/*==========================================
Old Screen
==========================================*/
@media screen and (max-width: 1280px) and (min-width: 1025px) {
  .wrap-inner {
    width: 1000px; }

  #footer-nav {
    width: 100%; }
    #footer-nav li {
      margin-right: 90px; }

  #footer-contact {
    width: 100%;
    margin-bottom: 20px; }
    #footer-contact li {
      width: 50%;
      float: left; }

  .banner-wrap {
    padding: 50px 50px; }

  #home-banner-2 h1 {
    font-size: 30px;
    font-weight: 600;
    line-height: 50px;
    margin-bottom: 10px;
    color: #ff0000; }
  #home-banner-2 p {
    font-size: 16px;
    line-height: 24px;
    color: #000;
    margin-bottom: 20px;
    text-align: justify; }

  .promotion-list li {
    margin-bottom: 40px; }
    .promotion-list li .img-thumb {
      padding-right: 30px; }

  .right-content {
    width: calc(100% - 300px); }

  .menu-list li {
    width: calc(50% - 15px);
    margin-right: 30px; } }
/*==========================================
Tablet
==========================================*/
@media screen and (max-width: 1024px) and (min-width: 769px) {
  .wrap-inner {
    width: 748px; }

  #footer-nav > li {
    margin-right: 50px; }

  #footer-contact {
    width: 100%;
    margin-bottom: 20px; }
    #footer-contact li {
      width: 50%;
      float: left; }

  .swiper-button {
    bottom: 0;
    left: -110px;
    right: auto; } }
/*==========================================
Tablet - Mobile
==========================================*/
@media screen and (max-width: 1024px) {
  .tablet-show, .tablet-block {
    display: block; }

  .tablet-hide {
    display: none; }

  h1, .undoreset h1 {
    font-size: 32px;
    line-height: 40px;
    margin: 0; }

  h2, .undoreset h2 {
    font-size: 24px;
    line-height: 32px;
    margin: 0; }

  h3, .undoreset h3 {
    font-size: 18px;
    line-height: 30px;
    margin: 0; }

  p, .undoreset p {
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 20px 0; }

  .font-xl {
    font-size: 17px;
    line-height: 24px; }

  #header-anchor {
    top: 60px; }

  header, header-scrolled {
    height: 60px;
    /*background-color:#d96436;*/ }
    header.nav-show, header-scrolled.nav-show {
      background-color: #d96436; }
    header.at-home, header-scrolled.at-home {
      background-color: #d96436; }
      header.at-home .main-logo, header-scrolled.at-home .main-logo {
        display: block; }
    header .wrap, header-scrolled .wrap {
      width: 100%;
      padding: 0 20px; }
    header #head-right, header-scrolled #head-right {
      display: none;
      position: fixed;
      left: 0;
      top: 60px;
      width: 240px;
      height: calc(100% - 60px);
      background-color: #fff;
      border-left: 1px solid #cdcdcd; }
    header .main-logo, header-scrolled .main-logo {
      margin-top: 5px; }
      header .main-logo a > img, header-scrolled .main-logo a > img {
        height: 50px; }
      header .main-logo .logo-text, header-scrolled .main-logo .logo-text {
        line-height: 50px;
        margin-left: 5px; }
        header .main-logo .logo-text img, header-scrolled .main-logo .logo-text img {
          width: 180px; }
    header nav, header-scrolled nav {
      top: 0;
      width: 100%;
      margin-top: 0; }
      header nav:before, header-scrolled nav:before {
        content: "";
        position: fixed;
        top: 60px;
        left: 240px;
        width: 100%;
        height: calc(100% - 60px);
        background-color: rgba(0, 0, 0, 0.7); }
      header nav > div, header-scrolled nav > div {
        margin-left: 0;
        width: 100%; }
        header nav > div a, header-scrolled nav > div a {
          width: 100%;
          line-height: 50px;
          height: 50px;
          border-radius: 0;
          color: #000;
          font-size: 18px; }
          header nav > div a:after, header-scrolled nav > div a:after {
            content: "";
            transform: rotate(-90deg);
            -webkit-transform: rotate(-90deg);
            right: -12px;
            left: auto;
            top: 22px; }
          header nav > div a:hover, header-scrolled nav > div a:hover {
            background: initial; }

  body .page-container {
    margin-top: 60px; }

  body.inner-page .page-container {
    margin-top: 60px; }

  #michelin-sm {
    width: 80px;
    bottom: -13px;
    /*z-index:100;*/ }

  .h1-container {
    height: 70px; }
    .h1-container h1 {
      padding-bottom: 0; }
      .h1-container h1:after {
        display: none; }

  .banner-wrap {
    padding: 30px 20px; }

  #home-news {
    padding: 0; }
    #home-news .swiper-container figcaption {
      padding: 20px 40px; }

  #home-banner-2 h1 {
    font-size: 30px;
    font-weight: 600;
    line-height: 50px;
    margin-bottom: 10px;
    color: #ff0000; }
  #home-banner-2 p {
    font-size: 16px;
    line-height: 24px;
    color: #000;
    margin-bottom: 20px;
    text-align: justify; }

  .about-list {
    width: 100%;
    padding: 20px; }
    .about-list ul li {
      font-size: 18px; }

  .about-link > div {
    top: -60px;
    left: calc(50% - 60px);
    width: 120px;
    height: 120px;
    border: 5px solid #f1a03d;
    background-image: none;
    padding-top: 45px;
    font-size: 18px; }

  .right-content, .sidebar {
    width: 100%; }

  .sidebar {
    padding: 10px;
    margin-bottom: 30px;
    padding-top: 90px; }
    .sidebar .sidebar-dish {
      left: 0;
      top: -50px;
      width: 200px; }
    .sidebar ul {
      display: none;
      margin-top: 0;
      padding: 0; }
    .sidebar.opened ul {
      display: block; }

  .news-list li {
    width: calc(50% - 15px);
    margin-right: 30px; 
    margin-bottom:10px;
  }
    .news-list li h3 {
      width: 100%;
      clear: both;
      text-align: left;
      margin-bottom: 8px; }
    .news-list li .news-date {
      float: left; }

  .menu-list li {
    width: calc(50% - 15px);
    margin-right: 30px;
    margin-bottom: 30px; }

  .about-list.fl-left {
    width: 100%;
    padding: 20px;
    margin-bottom: 30px; }

  #vip-slider {
    width: 100%; }
    #vip-slider .swiper-button {
      right: 40px;
      left: auto; }

  .inner-section.bg04 {
    padding: 30px 0; } }
/*==========================================
NOT Tablet
==========================================*/
@media screen and (min-width: 1024px) {
  .desktop-show {
    display: block !important; } }
/*==========================================
Small Tablet
==========================================*/
@media screen and (max-width: 768px) {
  .wrap-inner, .wrap {
    width: 100%;
    padding: 0 20px; }

  .tablet-show, .tablet-block, .mobile-show, .mobile-block {
    display: block; }

  .tablet-hide, .mobile-hide {
    display: none; }

  #footer-contact {
    float: left; }

  #footer-nav {
    width: 100%;
    height: auto;
    margin-bottom: 20px; }
    #footer-nav > li {
      width: 100%;
      margin-right: 0;
      margin-bottom: 15px;
      height: auto; }
      #footer-nav > li ol {
        position: static; 
      }
      #footer-nav > li ol li {
          float:left;
          width:25%;
      }

  .copyright {
    text-align: center;
    margin-top: 20px; }

  #home-banner-2 {
    background-image: url("../images/home02.jpg");
    height: auto; }
    #home-banner-2 > img {
      display: none; }
    #home-banner-2 .banner-wrap {
      position: static;
      background-color: rgba(255, 255, 255, 0.8);
      height: 100%;
      overflow: hidden; }
      #home-banner-2 .banner-wrap article {
        width: 100%; }

  #home-news .swiper-container .img-thumb, #home-news .swiper-container figcaption {
    width: 100%;
    margin: 0; }
  #home-news .swiper-container article {
    width: 100%; }
  #home-news .swiper-container figcaption {
    padding: 15px; }
    #home-news .swiper-container figcaption .news-date {
      position: static;
      margin-top: 10px; }
  #home-news .swiper-container .swiper-button {
    right: 0;
    bottom: 94%;
    width: 100%; }

  .btn-style01 {
    width: 140px; }

  .about-link {
    width: 100%; }
    .about-link > div {
      top: calc(50% - 60px);
      left: 20px; }

  .about-link-block {
    top: 0;
    margin: 0; }

  #about .about-list {
    margin-bottom: 0; }

  .inner-section {
    padding: 30px 0; }

  .promotion-list li {
    margin-bottom: 40px; }
    .promotion-list li .img-thumb, .promotion-list li figcaption {
      padding: 0 !important;
      width: 100% !important; }
    .promotion-list li .img-thumb {
      max-height: 300px;
      margin-bottom: 20px; }
      .promotion-list li .img-thumb img {
        height: auto; }
      
      .about-text p {
          font-size:16px;
          line-height:24px;
      }
      .about-list ul li, .about-list.fl-left li {
          font-size:16px;
          line-height:24px;
      }
      #contact .contact-info li {
          padding:0;
          padding-left:30px;
          background-position:left top 5px !important;
          font-size:16px;
      }
      #contact .contact-info li span {
          float:none;
          width:100%;
      }
      
      
  .href-over:after {
    display: none !important; } }
/*==========================================
Mobile
==========================================*/
@media screen and (max-width: 480px) {
  #home-banner-1 {
    background: url("../images/home01_m.jpg") no-repeat top center;
    background-size: cover;
    height: 400px; }
    #home-banner-1 > img {
      display: none; } 

    #footer-nav > li ol li {width:50%; margin:0 0 2px 0}

    .news-list li {width:100%;}

}
/*------------------
Style Class
------------------*/
@media screen and (max-width: 1280px) and (min-width: 1025px) {
  .col-lg-1 {
    width: 8.3333%; }

  .col-lg-2 {
    width: 16.6666%; }

  .col-lg-3 {
    width: 25%; }

  .col-lg-4 {
    width: 33.3333%; }

  .col-lg-5 {
    width: 41.6666%; }

  .col-lg-6 {
    width: 50%; }

  .col-lg-7 {
    width: 58.3333%; }

  .col-lg-8 {
    width: 66.6666%; }

  .col-lg-9 {
    width: 75%; }

  .col-lg-10 {
    width: 83.3333%; }

  .col-lg-11 {
    width: 91.66667%; }

  .col-lg-12 {
    width: 100%; }

  .list-lg-i2 > li {
    width: 48%; }
    .list-lg-i2 > li:nth-child(2n) {
      margin-right: 0; }

  .list-lg-i3 > li {
    width: 32.5%;
    margin-right: 1.2%; }
    .list-lg-i3 > li:nth-child(3n) {
      margin-right: 0; }

  .list-lg-i4 > li {
    width: 23%;
    margin-right: 1.2%; }
    .list-lg-i4 > li:nth-child(4n) {
      margin-right: 0; }

  .list-lg-i5 > li {
    width: 19%;
    margin-right: 1.2%; }
    .list-lg-i5 > li:nth-child(5n) {
      margin-right: 0; }

  .list-lg-i6 > li {
    width: 15.6666%;
    margin-right: 1.2%; }
    .list-lg-i6 > li:nth-child(6n) {
      margin-right: 0; } }
@media screen and (max-width: 1024px) and (min-width: 769px) {
  .col-md-1 {
    width: 8.3333%; }

  .col-md-2 {
    width: 16.6666%; }

  .col-md-3 {
    width: 25%; }

  .col-md-4 {
    width: 33.3333%; }

  .col-md-5 {
    width: 41.6666%; }

  .col-md-6 {
    width: 50%; }

  .col-md-7 {
    width: 58.3333%; }

  .col-md-8 {
    width: 66.6666%; }

  .col-md-9 {
    width: 75%; }

  .col-md-10 {
    width: 83.3333%; }

  .col-md-11 {
    width: 91.66667%; }

  .col-md-12 {
    width: 100%; }

  .list-md-i2 > li {
    width: 48%; }
    .list-md-i2 > li:nth-child(even) {
      float: right; }

  .list-md-i3 > li {
    width: 32.5%;
    margin-right: 1.2%; }
    .list-md-i3 > li:nth-child(3n) {
      margin-right: 0; }

  .list-md-i4 > li {
    width: 23%;
    margin-right: 1.2%; }
    .list-md-i4 > li:nth-child(4n) {
      margin-right: 0; }

  .list-md-i5 > li {
    width: 19%;
    margin-right: 1.2%; }
    .list-md-i5 > li:nth-child(5n) {
      margin-right: 0; }

  .list-md-i6 > li {
    width: 15.6666%;
    margin-right: 1.2%; }
    .list-md-i6 > li:nth-child(6n) {
      margin-right: 0; } }
@media screen and (max-width: 768px) {
  .col-sm-1 {
    width: 8.3333%; }

  .col-sm-2 {
    width: 16.6666%; }

  .col-sm-3 {
    width: 25%; }

  .col-sm-4 {
    width: 33.3333%; }

  .col-sm-5 {
    width: 41.6666%; }

  .col-sm-6 {
    width: 50%; }

  .col-sm-7 {
    width: 58.3333%; }

  .col-sm-8 {
    width: 66.6666%; }

  .col-sm-9 {
    width: 75%; }

  .col-sm-10 {
    width: 83.3333%; }

  .col-sm-11 {
    width: 91.66667%; }

  .col-sm-12 {
    width: 100%; }

  .list-sm-i1 > li {
    width: 100%;
    margin-right: 0; }

  .list-sm-i2 > li {
    width: 48%;
    margin-right: 4%; }
    .list-sm-i2 > li:nth-child(even) {
      float: right; }
  .list-sm-i2.list-lg-i3 > li:nth-child(3n) {
    margin-right: 4%; }
  .list-sm-i2.list-lg-i3 > li:nth-child(2n) {
    margin-right: 0%; }

  .list-sm-i3 > li {
    width: 32.5%;
    margin-right: 1.2%; }
    .list-sm-i3 > li:nth-child(3n) {
      margin-right: 0; }

  .list-sm-i4 > li {
    width: 23%;
    margin-right: 1.2%; }
    .list-sm-i4 > li:nth-child(4n) {
      margin-right: 0; }

  .list-sm-i5 > li {
    width: 19%;
    margin-right: 1.2%; }
    .list-sm-i5 > li:nth-child(5n) {
      margin-right: 0; }

  .list-sm-i6 > li {
    width: 15.6666%;
    margin-right: 1.2%; }
    .list-sm-i6 > li:nth-child(6n) {
      margin-right: 0; }

  .list-sm-i2 > li {
    width: 48%; }
    .list-sm-i2 > li:nth-child(2n) {
      margin-right: 0; }

  .list-sm-i3 > li {
    width: 32.5%;
    margin-right: 1.2%; }
    .list-sm-i3 > li:nth-child(3n) {
      margin-right: 0; }

  .list-sm-i4 > li {
    width: 23%;
    margin-right: 1.2%; }
    .list-sm-i4 > li:nth-child(4n) {
      margin-right: 0; }

  .list-sm-i5 > li {
    width: 19%;
    margin-right: 1.2%; }
    .list-sm-i5 > li:nth-child(5n) {
      margin-right: 0; }

  .list-sm-i6 > li {
    width: 15.6666%;
    margin-right: 1.2%; }
    .list-sm-i6 > li:nth-child(6n) {
      margin-right: 0; } }
@media screen and (max-width: 480px) {
  .list-xs-i1 > li {
    width: 100%;
    margin-right: 0%; } }

/*# sourceMappingURL=responsive.css.map */