/* ============================================
   STYLE RESPONSIVE - DU HỌC TOÀN CẦU
   Chỉ style cho màn hình từ 768px trở xuống
   Mobile-first, Professional & Balanced Design
   ============================================ */

/* ============================================
   MOBILE BASE (< 768px)
   ============================================ */
@media (max-width: 480px) {
   .banner h2 {
      font-size: 18px;
      line-height: 24px;
   }

   .banner p {
      font-size: 16px;
   }

   .banner .button {
      width: 150px;
   }

   .banner .button span {
      line-height: 33px;
   }

   .section {
      padding-top: 30px !important;
      padding-bottom: 30px !important;
   }

   .gap-element {
      padding-top: 0 !important;
   }

   .col {
      padding-top: 16px;
      padding-bottom: 0 !important;
   }

   .box_dang_ky .col-inner {
      padding: 0 !important;
   }

   .box_dang_ky .my_register_form_learn  .col-inner {
      padding: 16px !important;
   }

   .why-choose-us-section h5 strong {
      font-size: 22px;
   }

   .why-choose-us-section h3 {
      font-size: 20px !important;
   }

   .why-choose-us-section p {
      font-size: 16px !important;
   }

   .why-choose-us-section .img {
      width: 75% !important;
   }

   .why-choose-us-section .img img {
      
   }

   .why-choose-us-section .text {
      line-height: 20px !important;
      font-size: 14px !important;
   }

   .page .col-inner {
      padding: 0 !important;
   }

   .footer-widgets.footer {
      padding-top: 30px !important;
      padding-bottom: 10px !important;
   }

   .footer-widgets .col {
      padding: 0 !important;
   }


   .contact-register,  .contact-register a {
      color: rgb(238, 243, 180);
   }
   
   .ly_do_chon {
      padding-left: 8px;
   }

   .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
       font-size: 14px;
   }
}