@media screen and (max-width: 767px) {
    :root {
        --btn-padding: 10px 20px;
        --heading-margin-bottom: 30px;
    }
    h2 { font-size: 21px; margin: 0 0 15px 0;}
    h5 { font-size: 16px;}
    p { font-size: 14px; line-height: 1.8;}

    .navbar-collapse { align-items: center; position: absolute; left: 0; right: 0; top: 103px; z-index: 99; background-color: var(--bg-platinum-grey); border-top: solid 1px var(--border-color-green); padding-top: 8px; padding-bottom: 15px; }
    .navbar-expand-lg .navbar-nav .nav-link { padding: 7px 15px 7px 0px; }
    .navbar-toggler { border: 2px solid #000000; padding: 4px 10px;}
    .navbar-toggler:focus { box-shadow: none; border-color: var(--border-color-green);}

    .mobile-header { background-color: var(--bg-white); }
    .mobile-header .navbar-brand { margin-right: 0;}
    .mobile-header .navbar-brand img { width: 85px;}
    .btn-custom-outline { border: solid 1px var(--border-color-green);}
   
    .top-header::before { display: none;}
    .slider-section { position: relative; height: 500px; padding: 40px 0; text-align: center; z-index: 9; }
    .carousel-control-next, .carousel-control-prev { z-index: 9; }
    .slider-section a { font-size: 16px; margin: 30px 0; }
    .slider-section h1 { font-size: 21px; text-align: center; margin: 0 0 15px 0;}
    .slider-section ul { display: none;}
    .slider-section p { font-size: 14px; text-align: center; }
    .form { background-color: rgb(0 43 122); padding: 30px 15px; backdrop-filter: blur(10px); border-radius: 10px; }
    .form h4 { font-size: 18px; color: #ffffff; text-align: center; }
    .slider-section:before { display: none; }

    .step-section { margin: 40px 0; }

    .service-wrape { padding: 40px 0; margin: 0; }
    .service-wrape h2 { font-size: 21px; }
    .service-wrape .card a .card-content h4 { font-size: 16px; }
    .service-wrape .card a .card-image img { border-radius: 5px; }

    .about-wrape { padding: 40px 0; }
    .about-wrape h2 { text-align: center;}
    .about-wrape p { text-align: justify;}
    .about-wrape .about-wrape-image img { height: 300px; } 
    .about-wrape .about-wrape-image .about-wrape-image-2 { display: none;}
    .about-wrape .btn-custom-outline { margin: 30px auto 30px auto; text-align: center; display: block; width: 100%; }

    .get-quote-wrape { padding: 40px 0; margin: 0;}
    .get-quote-wrape h4 { font-size: 24px; margin: 0 0 20px 0; }
    .get-quote-wrape h4::after { display: none;}
    .get-quote-wrape h5 { margin: 0 0 20px 0; font-size: 16px; }

    .profile-wrape { padding: 40px 0; text-align: center; }
    .profile-wrape .dr-photo img { width: 100% !important; margin: 0 auto; }
    .profile-wrape h2 { margin: 20px 0 15px 0; }
    .profile-wrape ul li { font-size: 16px; letter-spacing: 0; padding-left: 30px; margin: 0 0 10px 0; }
    .profile-wrape ul li::before { height: 2px; width: 20px; left: 0; top: 12px; }
    .profile-wrape .univ-logo { display: block; width: 100%; text-align: center; }
    .profile-wrape .univ-logo img { width: 160px; border-right: none; padding: 0px 0px 15px 0; }
    .profile-wrape .btn-custom { width: 100%; margin: 10px 0 0 0; }
    
    .fact-section { margin: 0; padding: 40px 0; }
    .fact-section .fact-detail h1 { font-size: 30px; }
    .fact-section .fact-detail { text-align: center; padding: 20px 15px; border-right: 1px dashed var(--border-color-green); border-bottom: 1px dashed var(--border-color-green); }
    .border-none { border-right: none !important;}

    .advantage-section { padding: 40px 0; }
    .advantage-grid { grid-template-columns: repeat(1, 1fr); }
    .advantage-detail { padding: 24px 0; border-bottom: 1px solid #e8e5e4; border-right: none; }
    .advantage-detail:last-child { border-bottom: none; padding-bottom: 0; }

    .slick-prev { left: -10px; }
    .slick-next { right: -10px; }
    .slick-list.draggable { padding: 0 30px 0 0 !important; }

    footer { padding: 35px 0 0 0; }
    footer p { font-size: 15px; }
    .bootom-footer { padding: 10px 0; margin: 15px 0 0 0; }

  }