/* Responsive */

@media (max-width: 1024px) {
    .box_solang.d-none {
        display: block !important;
    }
    
    .box_solang.d-none a {
        margin: 0 5px;
    }

  .min_width{width: 80px;}

  button.booking_mn {

    padding: 5px;

    font-size: 14px;

    font-family: RB;

}

  .w-menu {

    margin: 0;

}



.wrap__content_top {

    margin: 0;

}



  .footer-top .wrap-content > div {

    width: 100%;

}

.flex_header {

    background: var(--color-main);

}



.footer-top {

    padding: 2rem 0;

}



.flex-footer {

    padding: 2rem 0;

}





.box-footer ul li {

}



.box-footer ul {

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

}



.flex-header > div {

    display: block;

}

.logo_res {}

  .slideshow {

    margin: 0;

}

.wrap-home {

    overflow: hidden;

}

    #hamburger {

    display: block;

  }

  .menu-head {

    display: none;

  }

  .wrap-menu {

    display: none;

  }

.box-footer {

    width: 100% !important;

}



.flex-footer {

    flex-wrap: wrap;

    border-radius: 10px;

}



.box-footer:nth-child(2) {

}



.box-footer:nth-child(3) {

}



.box-footer:nth-child(1) {

}



.info-map iframe {

    border-radius: 0;

    max-width: 100%;

}



.header {

    /* background: var(--color-main); */

    padding: 10px;

}





  .padding-top-bottom {

    padding: 1.5rem 0;

  }



  #hamburger {

    display: block;

  }

  .menu-head {

    display: none;

  }

  .wrap-menu {

    display: none;

  }

  .cart-head {

    padding: 5px;

    font-size: 12px;

  }

  .header {

    padding: 0;

  }

  .flex-product-main {

    display: block;

  }

  .flex-product-main .left-product {

    position: fixed;

    z-index: 999;

    top: 0px;

    left: 0px;

    transform: translateX(-250px);

    bottom: 0px;

    overflow-x: hidden;

    background: #fff;

    box-shadow: 0px 0px 5px #000;

    transition: all 0.5s;

  }

  .flex-product-main .left-product.show {

    transform: translateX(0px);

  }



  .flex-product-main .right-product {

    width: 100%;

  }



  .grid-product {

    display: grid;

    grid-template-columns: repeat(3, 1fr);

    gap: 20px;

  }

  .filter {

    display: block;

  }

}

@media (max-width: 992px) {

    .newsletter-button input, .title_album > a > p {

    font-size: 14px;

}



.album-image a {

    border-radius: 10px;

}



.news_dt-time p {

    font-size: 14px;

}



.pic-news_dt > p {

    display: none;

}



.pic-news_dt.posr {

    padding: 0;

    margin-bottom: 10px;

}



.news_dt-time span {

    font-size: 25px;

}



.news_dt-time {

    bottom: 0;

    padding: 5px;

    border-radius: 5px;

}



h2.title-footer {

    font-size: 35px;

    text-shadow: 2px 4px 0px #80161A;

}



.footer-map iframe {

    height: 350px;

}

    .title-feedback span {

    font-size: 34px;

}



.title-feedback h2 {

    font-size: 30px;

    line-height: 1.2;

}



.title-feedback {

    text-align: center;

}



.fb_left {

    width: 40%;

}



.fb_right {

    background: none !important;

    padding: 0;

    width: 57%;

}



.feedback_item {

    align-items: center;

}



.feedback-name {

    font-size: 16px;

    line-height: 1.5;

    font-family: 'RB';

}

    .title_dk h2 {

    font-size: 30px;

}



.title_dk p {

    font-size: 14px;

}



.title_dk {

    margin-bottom: 15px;

}



.newsletter-input {

    width: 100%;

}



.newsletter-input.w-100 textarea {

    margin-bottom: 15px;

}



.wrap-album:after, .wrap-album:before, .wrap__feedback:before {

    display: none;

}



.feedback_right {

    margin-top: 2rem;

}



.prolist_left {

    text-align: center;

    padding: 0 0 15px;

}



.prolist_left span {

    font-size: 36px;

}



.prolist_left h2 {

    font-size: 25px;

    line-height: 1.5;

}



h3.name-product a {

    font-size: 15px;

    min-height: 42px;

}



.product .price-new, .product .price-product {

    font-size: 15px;

}



.info-product {

    min-height: auto;

    padding: 0 5px 5px;

}



.wrap__mn:before, .wrap__mn:after {

    display: none;

}



.mn_bottom {padding: 0;background: none;}



.tablinks {

    font-size: 14px;

}



.mn_top {

    margin-bottom: 10px;

}



.video-vi iframe {

    height: 250px;

}



.form__dangki {

    padding: 20px 10px;

    background: var(--color-main);

    border-radius: 10px;

}



.feedback_left {

    padding: 0;

}

.icon-about.posa {

    position: unset;

}



.photo-about, .icon-about {

    width: 50%;

}



.icon_pic:before {

    display: none;

}



.text-about {

    display: none;

}



.about-left {

    align-items: center;

}



.flex-res-jbetween-about.posr {

    flex-direction: column-reverse;

    padding: 0;

}



.title-about h2 {

    font-size: 26px;

}



.title-about p {

    margin: 0;

    font-size: 24px;

    line-height: 1.3;

}



.desc-about {

    padding: 0;

    font-size: 14px;

    margin-bottom: 15px;

    line-height: 1.9;

}

  .swiper-slide.swiper-slide-active .pic-news_dt a {

    border-radius: 10px 10px 10px 10px;

    transition: 0.5s;

}

.swiper-slide .pic-news_dt a {

    border-top-right-radius: 10px;

}



    .news-left {

    width: 100%;

  }

  .news-right {

    width: 100%;

    margin-top: 30px;

    padding: 10px;

  }

    .row-gallery-detail{display: none;}

    .info-footer {

}

    .footer-top .wrap-content {

    display: block;

}

.box-footer ul li a {

    font-size: 14px;

}



.pic-footer a {

    max-width: 172px;

    margin: auto;

}



    .title-footer {

    font-size: 26px;

    margin-bottom: 8px;

}

    .info-footer:before {

    display: none;

}

.box-footer:nth-child(1) .logo_ft {

    display: block !important;

    max-width: 80%;

    margin: auto auto 10px;

}

.box-footer:nth-child(2) .logo_ft {

    display: none;

}



.index-album {

    display: none;

}



.index-album_res {

    display: block !important;

}

}

@media (max-width: 769px) {





.col-ser, .col-repair, .col-pro {

    padding: 0 5px 10px;

}



.row.row-ser, .row-repair, .row.row-pro {

    margin: 0 -5px;

}



a.name-service {

    font-size: 14px;

}



.info-service {

    min-height: 42px;

    margin: 7px 0 0;

}



.title-detail h1, .news-left .title-detail h1 {

    font-size: 28px;

    margin-bottom: 0;

    text-shadow: 1px 0px 0px #FF751A;

}

.w-other, .other-index {

    min-height: auto;

}

.title-detail {

    margin: 0 0 1rem;

}



a.name-news_dt {

    font-size: 14px;

    line-height: 1.5;

    min-height: 42px;

    margin-bottom: 0;

}



.desc-news_dt {

    font-size: 14px;

    min-height: 66px;

}

    .title-main p {

    font-size: 16px;

    line-height: 1.5;

    padding-top: 5px;

}



.title-main p {

    padding: 5px 0;

    line-height: 1.2;

}



.info-footer:after {

    display: none;

}



.info-footer {

}



.fanpage_footer {

    background: no-repeat;

    height: auto;

}



.fb_iframe_widget span {

}



.modal-body .dangki > div {

}



.col-20 {

    padding: 0 5px 10px;

}



.row-20 {

    margin: 0 -5px;

}



.title-main {

    margin-bottom: 1rem;

}



.video-index .video-js.vjs-fluid:not(.vjs-audio-only-mode), .video-js.vjs-16-9:not(.vjs-audio-only-mode), .video-js.vjs-4-3:not(.vjs-audio-only-mode), .video-js.vjs-9-16:not(.vjs-audio-only-mode), .video-js.vjs-1-1:not(.vjs-audio-only-mode) {

    height: 250px;

}



.wrap-home .title-main span {

    font-size: 20px;

}



.title-main h1, .title-main h2, .wrap-feedback .title-main h2 {

    font-size: 30px;

    line-height: 1.2;

}





.about-right, .about-left{

    width: 100%;

    padding: 0;

    margin: 0.5rem 0;

}



  .gutter-x-20 {

    --bs-gutter-x: 10px;

  }

 

  .flex-video {

    flex-wrap: wrap;

  }

  .wr-video {

    width: 100%;

  }

  .wr-form {

    width: 100%;

    margin-top: 20px;

  }

  .item-news {

    padding: 5px;

  }

  .ds-news h3 {

    font-size: 14px;

  }

  .text-cart {

    display: none;

  }

  .grid-pro-detail {

    display: block;

  }

  .grid-pro-detail .left-pro-detail {

    width: 100%;

    padding: 0px;

    border-right: none;

  }

  .slick_photo1 {

    text-align: center;

  }

  .grid-pro-detail .right-pro-detail {

    width: 100%;

  }

  .grid-product,

  .grid-news {

    display: grid;

    grid-template-columns: repeat(2, 1fr);

    gap: 10px;

  }



  .info-footer .flex-footer {

    flex-wrap: wrap;

    gap: 0;

  }

  .box-footer {

    width: 100% !important;

    margin-top: 20px;

  }

  .swiper-slide.swiper-slide-active .item-combo {

    margin: 0;

    transition: 0.5s;

}



.swiper-slide.swiper-slide-next .item-combo {

    margin-top: 0;

    transition: 0.5s;

}



.swiper-slide .item-combo {

    transition: 0.5s;

    margin-top: 0;

}

.photo-partner {

    border-radius: 10px;

}

}

@media (max-width: 567px) {

   

}