@media screen and (max-width: 1920px) {

.kv-decor .person {
    width: 50px;
  }
	

  .person-left {
    left: 10px;
   
  }
  .person-right {
    right: 10px;
   
  }
}

@media screen and (max-width: 1040px) {
	
.kv .highlight-points {
      margin: 0 auto 10px;
      max-width: 100%;
      animation: pulseGift 6s ease-in-out 1;
    }	
  
.gift-img.desktop {
    display: none;
  }
.gift-img.mobile {
    display: block;
  }
.kv .main-p {
    font-size: 30px;
  }	
	.person-top {
    top: 380px;
    left: -8%;
    transform: translateX(50%);
		
}
	.person-left {
    left: -80px;
   
  }
  .person-right {
    right: -80px;
   
  }
	
	
}

/* max-width: 768px */
@media screen and (max-width: 768px) {
  .kv {
    padding: 20px 10px;
    background-size: contain;
  }
  .kv-decor .person {
    width: 100px;
  }
	
	.deco-1 {
		margin-top: 20px;
	}
  .person-left {
    left: 10px;
   
  }
  .person-right {
    right: 10px;
   
  }
  .kv-decor .person-top {
    display: none;
  }
  .kv .main-title {
    max-width: 100%;
    margin-top: 70px;
  }

  .kv .main-p {
    font-size: 30px;
  }

  .kv .highlight-points {
    max-width: 100%;
  }

  .kv .gift-row {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
.gift-card {
    width: 100%;
    max-width: 550px;
  }
   .gift-img.desktop {
    display: none;
  }
  .gift-img.mobile {
    display: block;
  }
	
 .gift-card img {
      max-width: 80%;
      height: auto;
	  margin-top: -40px;	
    }	


  .section-title {
    max-width: 80%;
  }

 .line {
    padding: 24px 16px;
    margin: 20px auto 40px;
    border-radius: 16px;
   
    max-width: 100%;
  }


  .line-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  
    border-radius: 12px;
    padding: 0; 
  }

  
  .line-box > img {
    width: 100%;
    max-width: 200px;    
    height: auto;
    margin-bottom: 16px;
  }

 
  .line-text {
    font-size: 18px;
    line-height: 1.5;
    max-width: 90%;
  }
  .line-text p {
    margin-bottom: 16px;
  }

 
  .line-text img {
    width: 100%;
    max-width: 340px;   
    height: auto;
    display: block;
    margin: 0 auto;
  }

  .points {
    padding: 30px 20px;
    margin: 40px auto;
  }
	
.note-p {
    text-align: center;
    font-size: 18px;
    color: #333;
    padding-top: 8pt;	
 
	}
	
	.points-p {
     
      padding: 10px 10px;
      
    }
	

  .note,
  .highlight-p {
    font-size: 18px;
    line-height: 1.4;
  }

  .points-title {
    max-width: 80%;
  }

  .points-50 {
    max-width: 80%;
  }

  .decor-left,
  .decor-right {
    
    width: 40px;
  }

  .decor-left {
    left: 5px;
  }

  .decor-right {
    right: 5px;
  }

  .decor-person,
  .decor-person-right {
    width: 100px;
    bottom: 0;
  }

  .section-cta .btn {
    font-size: 18px;
    padding: 12px;
    margin: 10px auto;
  }

  .section-collapse {
    padding: 8px;
  }
	
	.decor-person,
  .decor-person-right {
    display: none !important;
  }

  /*QA*/
    .section-collapse {
      max-width: 1100px;
      margin: 50px auto;
      width: 88%;
      text-align: left;
      padding: 16px;
    }
    details {
      margin-bottom: 20px;
      background: #ffffff;
      color: #444141;
      padding: 10px 8px;
      border-radius: 10px;
      font-size: 20px;
      border: 2px solid #ecd8a2;
    }
    summary {
      font-weight: bold;
      cursor: pointer;
    }
    .answer{
      font-size: 16px;
}
    .answer li {
        list-style-position: inside;
        text-indent: -1em;
        padding-left: 1em;
    }
/*QA end*/
  

  .footer {
    font-size: 14px;
  }

  .info {
    padding: 30px;
  }

  .info-photo {
    flex-direction: column;
    align-items: center;
    padding: 0 20px;
  }

  .info-photo img {
    width: 70%;
    padding-left: 0;
  }

  .footer-item {
    padding-right: 0;
    margin-left: 0;
    text-align: center;
  }

  .footer-item span {
    margin-left: 5px;
  }

  .copyright {
    padding: 8px;
  }

  .side-btn {
    width: 40px;
    height: 40px;
    font-size: 10px;
    padding: 4px;
  }

  .side-buttons {
    right: 6px;
    bottom: 160px;
    gap: 8px;
  }

  .to-top-btn-img {
    width: 45px;
    height: 45px;
  }

  .to-top-btn {
    bottom: 60px;
    right: 12px;
    padding-top: 20px;
  }
  
@media screen and (max-width: 480px) {
 .kv .main-p {
    font-size: 20px;
  }
  .kv .highlight-points {
    max-width: 100%;
  }
   .kv-decor .person-top {
    display: none;
  }

.line-chat-bubble {
        display: inline-block;
        background-color: #4caf50;
        border-radius: 20px;
        padding: 16px 20px;
        color: #fff;
        font-size: 20px;
        line-height: 1.5;
        text-align: left;
        max-width: 600px;
        margin: 0 auto;
        position: relative;
}
.decor-left,
.decor-right {
  position: absolute;
  top: 250px;
 
  	
}	

.decor-person,
  .decor-person-right {
    display: none !important;
  }

}