@@include('./parts/header_script.html') 
@@include('./parts/header.html')  
<div id="article_content"> 

 
  <section class="mecenter-section-1 hero" data-background="">
    <div class="container container-main" >
      <div class="row">
        <div class="col-lg-12 text-center zindex-1">
           <span data-bind="html: $data['HEADER_MAIN']"></span>  
        </div>
      </div>
         <div class="row ">
      <div class="col-lg-12 text-center zindex-2  mb-lg-9 mt-lg-5 mt-sm-3">&nbsp;
      </div>
       <div class="col-lg-12 text-center zindex-2  mb-lg-7">  
      </div>  
   </div> 
   
    </div>
  </section>
    <!-- /hero-area -->
 

    <section class="mb-80"> 
        <div class="container container-main" >
          <div class="row  ">
            <div class="col-12  col-md-12 col-lg-12 text-center"> 
              <div class="container ml-10 mr-10">
                <section class="row blog-detail">  


                  <div class="row  col-12 mt-12 col-md-12 col-lg-12 ">   
                      <div class="col-12 col-md-12 col-lg-12 "> 
                         <div class="col-lg-12 text-center zindex-2  "> 
                            <div class="col-lg-12 " >  
                                <div class="  header-text-blog-detail text-center " data-bind="render: $data.DETAIL"> </div>  
                               
                            </div>
                          </div> 
                      </div> 
                    </div> 
                  
                </section>
              
              </div>
                
            </div> 
          </div>
        </div>
      
    </section> 

</div>
 
 
 
@@include('./parts/appoint.html') 
@@include('./parts/footer.html')  

<style>
@media (min-width: 1000px) { 
  .footer-section { 
      background-image: url(https://mecenter.co.th/images/assets/banner_bottom_service.png) !important;
  }
    .feature-appoint { 
      background-image: url(https://mecenter.co.th/images/assets/bg_footer_1.png) !important;
  }

  /* .footer-section {
      padding-top: 133px !important;
      margin-top: 0px;
  }*/
}
@media (max-width: 540px) {
    .feature-appoint { 
      background-image: url(https://mecenter.co.th/images/assets/bg_footer_1.png) !important; 
        background-repeat: no-repeat !important;
        background-size: cover !important;
  }
      .footer_logo {
        width: 103px !important;
        margin-top: 90px  !important;
    }


 /* .footer-section {
      padding-top: 133px !important;
      margin-top: 0px;
  }*/
  .footer-section {
        padding-top: 10px !important;
        padding-bottom: 0px !important;
        background-repeat: no-repeat !important;
        background-size: cover !important;
        background-image: url(https://mecenter.co.th/images/assets/bg_footer_mobile_service.png) !important;
        background-position: bottom center !important;
    }
    .mb-4, .my-4 {
    margin-bottom: 0rem !important;
}
}

@media (max-width: 1024px) { 
  .mb-lg-7, .my-lg-7 {
      margin-bottom: 2em !important;
  }
 .mt-lg-5, .my-lg-5 {
      margin-top: 5rem !important;
  }
  .appoint-padding {
      padding-top: 80px;
  }

  .footer-section {
        padding-top: 50px;
        padding-bottom: 0px;
        background-repeat: no-repeat;
        background-size: cover !important;
        background-image: url(https://mecenter.co.th/images/assets/banner_bottom_service_tablet.png) !important;
        margin-top: -42px;
        background-position: left;
    }
   
     .feature-appoint { 
      background-image: url(https://mecenter.co.th/images/assets/bg_footer_1.png) !important;
  }
} 

@media (max-width: 768px) {
    .footer-section {
        padding-top: 74px;
        padding-bottom: 0px;
        background-repeat: no-repeat;
        background-size: contain !important;
        background-image: url(https://mecenter.co.th/images/assets/banner_bottom_service_tablet.png) !important;
        margin-top: -54px;
        background-position: left;
    }
}
</style> 

<script src="js/clipboard.min.js?v=202410220080"></script>
<script type="text/javascript" src="https://mecenter.co.th/pagescript/privacy-policy.js?v=202410220080"></script> 
</body>
</html>