/* Responsive */

@media (max-width: 1024px){   
    .title-main h1,.title-main h2,.title-main span { font-size: 40px;}
    .bgswiper .swiper-button-prev{left: -12px;}
    .bgswiper .swiper-button-next{right: -12px;} 
    .bgswiper .swiper-pagination {}
    .grid-news,.grid-product,.album-destop{ gap: 10px; }  
    .btn-number span {display: none;}
    /* menu */
    .menu ul li a { font-size: 13px; padding: 10px 6px 8px;}
    .menu-main,.header-top {width: calc(100% - 190px) !important;}
    .logo-header { margin-top: -5%;}
    /* header */ 
    .search {width: 300px;}
 

    /* dịch vụ cấp 1 */
    .wrap-service {padding: 30px 0;}
    .service-left { margin-bottom: -55px;}
    .image-service-list {width: 75px;}
    .service-list h3 {width: calc(100% - 90px);font-size: 16px;}
    
    /* tin tức */ 
    .item-newshome h3 {font-size: 15px;} 
    .detail-right .info-newshome h3 { font-size: 13px; font-weight: 500;} 
    
    /* Nơi Gửi Gấm Niềm Tin & sức Khỏe */
    .grid-trust { column-gap: 20px;row-gap: 30px;}

    /* Lợi Ích Khác Biệt */ 
    .benefit-left,.benefit-right{width: calc(50% - 5px);} 

    /* Phương Pháp Bó Thảo Dược Gia Truyền */ 
    .method-left {width: calc(40% - 5px);}
    .method-right {width: calc(60% - 5px);}
    .method{padding: 25px 15px;margin: 5px;box-shadow: 3px 3px 5px #00000030;}
    .method:hover {box-shadow: 3px 5px 10px #636B2Fbb;}
     
    /* Điều Trị Nhanh Chóng, Hiệu Quả Tức Thời */
    .bgphone { padding: 40px 35px;}

    /* feedback */  
    .feedback{gap: 20px;border: 1px solid var(--main3);border-radius: 20px;}
    .image-feedback{width: 50%;}   
    .icon-feedback{width: 70px;margin-bottom: 10px;}   
    .feedback h3 {font-size: 17px;line-height: 1.25;margin-bottom: 5px;}
    .feedback p {font-size: 14px;line-height: 1.5;margin-bottom: 5px;}
 
    .name-footer {margin-bottom: 10px;font-weight: 900;text-transform: uppercase;}
}
@media (max-width: 1001px){
    .menu-res{display:block !important;}
    #hamburger { display: block; } 
    .mb-none { display: none !important; } 
    .mb-block { display: block !important; } 
 
    .scrollToTop { bottom: 80px; right: 10px; } 
    footer { margin-bottom: 50px; } 

    .header-top {width: 100% !important;}
}
@media (max-width: 850px){ 
    .mgb-res{ margin-bottom: 30px; }
    .title-main h1,.title-main h2,.title-main span { font-size: 30px;}
    .title-main .slogan-text{ font-size: 16px;}
    .title-detail h1,.title-detail h2,.title-detail span { font-size: 30px;} 
 

    /* tin tức nổi bật */  
    .title-detail-right span{font-size: 16px;}
    .img-newshome {width: 40%;}   
    .item-newshome h3 {font-size: 14px;} 
    .item-newshome p {font-size: 13px;line-height: 1.5;}  
    
    .detail-right .item-newshome{gap: 5px;}
    .detail-right .img-newshome {width: 40%;}  
    .detail-right .info-newshome h3 { font-size: 13px; line-height: 1.25;margin-bottom: 0px;-webkit-line-clamp:3;} 
      
 
    .newslist h3 {width: calc(100% - 60px); font-size: 14px;line-height: 1.25;font-weight: 500;}
  
     
    /* Lợi Ích Khác Biệt */ 
    .benefit-left{width: 100%;margin: 0 auto 20px;} 
    .benefit-right{width: 100%;} 

    /* Nơi Gửi Gấm Niềm Tin & sức Khỏe */
    .grid-trust { column-gap: 20px;row-gap: 20px;}
    .trust-items {grid-column: 5 span; border-radius: 10px;border: 1px solid var(--main);  }
    .trust-items::before {width: calc(100% + 6px);height: calc(100% + 6px);content: '';border-radius: 10px;bottom: -3px;right: -3px;}
    .trust-items2 {grid-column: 4 / 15;}
    .trust-video {grid-column: 8 span;}
    .bgtrust{border-radius: 10px;padding: 15px 8px;margin: -8px 0 8px 8px;} 
    .border-trust::after {width: calc(100% - 4px);height: calc(100% - 4px);border-radius: 8px;bottom: -6px;left: 2px; }
    .border-trust::before {width: 100%;height: 100%;border-radius: 7px;bottom: -8px;left: 0;} 
    .trust-items h3 {font-size: 14px;}  

    /* Phương Pháp Bó Thảo Dược Gia Truyền */    
    .method{padding: 15px 10px;} 
    .image-method{margin-bottom: 10px;} 
    .method h3{font-size: 15px;margin-bottom: 10px;}  
    .method p{font-size: 13px;line-height: 1.75;}   
  

    /* Quy Trình Thăm Khám & Điều Trị */    
    .process-left .title-main h2{margin-bottom: 10px;width: 80%;}
    .process{gap: 5px;}  
    .numb-process{width: 100px;height: 100px;} 
    .numb-process span {font-size: 22px;margin-top: 20px;}
    .info-process h3{font-weight: 600;font-size: 16px; margin-bottom: 3px;}  
    .info-process p{font-size: 14px; margin-bottom: 3px;}  
    .info-process span{font-size: 13px; }   
    .process.q1{margin-left: -80px;} 
    .process.q3{margin-left: 30px;} 
    .process.q5{margin-left: -80px;} 


    /* feedback trang trong */   
    .icon-feedback-inside{width: 70px;}  
    .info-feedback-inside {gap: 5px;}
    .feedback-inside h3 {font-size: 15px;line-height: 1.5;}
    .feedback-inside p {font-size: 13px;line-height: 1.5;}
    .feedback-inside span {font-size: 12px;line-height: 1.25;}
    
    
    /* feedback */  
    .feedback{gap: 10px; border: 1px solid var(--main3);border-radius: 20px;}
    .feedback::before {position: absolute;width: 32px;height: 32px;content: '';top: 20px;right: 20px;background: url(../images/d6.webp) no-repeat;background-size: contain;animation: 2s tada infinite;}
    .image-feedback{width: 50%;}   
    .icon-feedback{width: 70px;margin-bottom: 5px;}   
    .feedback h3 {font-size: 16px;line-height: 1.25;margin-bottom: 3px;}
    .feedback p {font-size: 13px;line-height: 1.5;margin-bottom: 3px;}
    .feedback span {font-size: 12px;}
    
    /* Hệ thống chi nhánh */ 
    .item-branch {gap: 10px;padding: 5px 5px 5px 10px;margin: 3px;box-shadow: 0px 0px 3px #00000030;} 
    .img-branch{position: relative;width: 160px;height: 160px;}  
    .img-branch .scale-img{ border-radius: 10px;}  
    .ds-branch h3 {font-size: 14px;font-weight: 600;}
    .name-branch{gap: 5px;margin-bottom: 10px;}
    .item-branch:hover {box-shadow: 0px 0px 3px #04C008bb;}  
    .info-branch {color: var(--text);font-size: 13px;} 
    
    .btn-datlich span { font-size: 16px; }


     /* dịch vụ cấp 1 */
    .wrap-service {padding: 30px 0;}
    .service-left {width: 40%; margin-bottom: -30px;}
    .service-right {width: 60%;}
    .image-service-list {width: 75px;}
    .service-list h3 {width: calc(100% - 90px);font-size: 16px;}

    /* footer */
    .name-footer { font-size: 25px;  }
}
@media (max-width: 768px) {   
    .grid-news,.grid-product  { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }  
    .swiper-button-prev,.swiper-button-next{width: 30px;height: 30px;} 
    .bgswiper .swiper-pagination {}
    .bghotline{display: none;}
    /* tiêu chí */  
    .criteria h3 { font-size: 14px; margin-bottom: 3px;} 
    .criteria p { font-size: 13px;}

    /* footer  */
    .footer1-news{width: 100%;margin-bottom: 1rem;} 
    .footer2-news{width: calc(50% - 12px);margin-bottom: 1rem;}
    .footer3-news{width: calc(50% - 12px);margin-bottom: 1rem;} 
  
    .process.q1,.process.q2,.process.q3,.process.q4,.process.q5{margin-left: 0px;}  

    /* dịch vụ cấp 1 */
    .title-service-list {margin-bottom: 10px;}
    .title-service-list h2 {font-size: 25px;} 
    .image-service-list{width: 50px; }    
    .service-list {gap: 5px;padding: 5px; }
    .service-list h3 {width: calc(100% - 56px);font-size: 16px;} 

    
    .method-left {width: 100%;max-width: 500px;margin: 0 auto 20px;}
    .method-right {width: 80%;margin: auto;}
    
    /* feedback */    
    .feedback{border-radius: 10px;} 
    .image-feedback .scale-img{border-radius: 10px 0 0 10px;} 
    .feedback::before {display: none;}
    .image-feedback{width: 35%;}    
    .icon-feedback{width: 40px;margin-bottom: 0;}  

     /* Nơi Gửi Gấm Niềm Tin & sức Khỏe */
    .grid-trust { column-gap: 20px;row-gap: 20px;}
    .trust-items {grid-column: 6 span;} 
    .trust-video {grid-column: 18 span;} 
    .trust-image:last-child img{width: 56px;height: 40px !important;}
    .trust-items p {font-size: 12px;line-height: 1.25;}

    /* Điều Trị Nhanh Chóng, Hiệu Quả Tức Thời */
    .bgphone {padding: 20px;background: #fff9f2;}
} 
@media (max-width: 700px){
    .swiper-button-prev,.swiper-button-next,.bgswiper .swiper-pagination{display: none ;} 
 
    .title-main h1,.title-main h2,.title-main span { font-size: 22px;} 
    .title-detail h1,.title-detail h2,.title-detail span { font-size: 22px;} 
    .title-main .slogan-text{ font-size: 18px;}
    .title-main .slogan{ font-size: 14px;}

    .grid-product, .grid-news { display: grid; grid-template-columns: repeat(2, 1fr); gap: 5px; } 
 
     /* dịch vụ cấp 1 */ 
    .service-list h3 {font-size: 14px;} 

      /* Nơi Gửi Gấm Niềm Tin & sức Khỏe */
    .trust-items {grid-column: 18 span;}

    /* Lợi Ích Khác Biệt */   
    .benefit {padding: 20px 12px;}
    .image-benefit{margin-bottom: 5px;}
    .benefit h3 {font-size: 14px;line-height: 1.25;-webkit-line-clamp: 2;margin-bottom: 3px;}
    .benefit p {font-size: 13px;-webkit-line-clamp: 3; } 
   
    .image1-benefit{width: 100%;height: unset;margin-left: auto;margin-bottom: 10px;}
    .image2-benefit{width: calc(50% - 7px);height: unset;position: unset;padding: 0px;border-radius: unset;background: unset;margin-right: 5px;display: inline-block;}
    .image3-benefit{width: calc(50% - 7px);height: unset;margin-top: 0;margin-left: 5px;display: inline-block;}
    .image1-benefit .scale-img, .image2-benefit .scale-img,.image3-benefit .scale-img{border-radius: 5px;}  

    /* News Detail */
    .item-news {border-radius: 10px;border: none;padding: 0px;margin: 0px;}
    .item-news::before {display: none;}
    .img-news {width: 100%;}  
    .img-newshome .scale-img{border-radius: 10px;}
    .item-news .info-news { width: 100%;padding-top: 10px;} 
    .info-news h3 {font-size: 13px;font-weight: 500;margin-bottom: 5px;height: 33px;} 
    .info-news p {font-size: 12px;line-height: 1.5;margin-bottom: 5px;height: 54px;} 
    .bottom-info-news{padding-top: 8px;margin-top: 0;}
    .news-time{color: var(--text2);font-size: 13px;}
    .news-time i{color: var(--main);font-weight: 900;font-size: 16px;} 

    .btn-news{display: none;}

    /* feedback */   
    .bgfeedback{padding: 0 15px;}
    .feedback{border-radius: 10px;} 
    .image-feedback{width: 100%;}  
    .image-feedback .scale-img{border-radius: 10px 10px 0 0;} 
    .icon-feedback{width: 60px;}  
    .info-feedback {flex: 1;padding: 10px;}
    .feedback h3 {font-size: 15px;line-height: 1.25;font-weight: 700;margin-bottom: 5px;color: var(--main);text-transform: capitalize;}
    .feedback p {font-size: 14px;line-height: 1.25;color: var(--text);-webkit-line-clamp: 5;}
    .feedback span {font-size: 14px;line-height: 1.25;color: var(--main3);}

    /* Dịch vụ */  
    .title-service-list h2 {font-size: 22px;} 
    .service-left{width: 100%;margin-bottom: -50px;}
    .service-right{width: 100%;margin-bottom: 20px;} 

    .btn-datlich{width: 100%;}

    /* Hệ thống chi nhánh */ 
    .item-branch {gap: 5px;padding: 5px;border-radius: 5px;margin: 2px;box-shadow: 0px 0px 2px #00000030;} 
    .img-branch{width: 100%;height: unset;}  
    .img-branch .scale-img{ border-radius: 5px;}  
    .ds-branch {padding: 10px 5px 0;}
    .ds-branch h3 {font-size: 14px;line-height: 1.25;}
    .name-branch{gap: 5px;margin-bottom: 10px;}
    .item-branch:hover {box-shadow: 0px 0px 2px #04C008bb;}  
    .info-branch {color: var(--text);font-size: 13px;} 

    /* Quy Trình Thăm Khám & Điều Trị */    
    .process-left,.process-right{width: 100%;}
    .process{gap: 5px;}  
    .numb-process{width: 80px;height: 80px;} 
    .numb-process span {font-size: 20px;margin-top: 12px;}
    .info-process h3{font-size: 14px;margin-bottom: 1px;}  
    .info-process p{font-size: 13px;margin-bottom: 1px;}  
    .info-process span{font-size: 12px; }   

    .bgservice{margin-bottom: 20px;}
    .newslist {box-shadow: unset;padding: 3px;display: flex;gap: 5px;margin: 0px;border: 1px solid var(--line);} 
    .image-newslist{width: 40px;}    
    .newslist h3 {width: calc(100% - 46px);font-size: 13px;line-height: 1.25;font-weight: 500;}
    .newslist:hover {border-color: #04C008bb;} 

    .btn-main {margin: 0 auto 10px;}

    /* Hỏi đáp */ 
    .category.active .question .whychoose_desc{margin-top: 5px;padding-top: 10px;}
    .whychoose_number {font-size: 16px;line-height: 1;margin-right: 5px;}  
    .bg_whychoose_name{gap: 5px;padding: 10px;margin: -10px;} 
    .whychoose_name{font-size: 14px;line-height: 1.25}
    
    .method{margin: 2px;}
    .image-method{width: 60px;height: 60px;}
    .method-right {width: 100%;margin: auto;}
    .method h3{font-size: 14px;line-height: 1.25;-webkit-line-clamp:2;margin-bottom: 5px;}  
    .method p{font-size: 13px;line-height: 1.25;}   

    /* footer  */
    .footer1-news{width: 100%;} 
    .footer2-news{width: 100%;}
    .footer3-news{width: 100%;}   
    .copyright,.statistic { font-size: 13px;font-weight: 300; } 
}
@media (max-width: 369px) { }