@media (max-width:1579px) {
    .hero_sec figure{ margin-right: -5%; padding-top: 30px;}
    .hero_sec::before { height: 152px; background-size: 110% 100%;}
    .hero_sec h1{ font-size: 46px;}
    .nature_sec .nature_block{ padding-left: 20px; padding-right: 20px;}
    .nature_sec .nature_block .btns{ white-space: nowrap;}
}

@media (max-width:1199px) {
    .nav_sec .navbar-light .navbar-nav .nav-item{ margin-right: 20px;}
    .nav_sec .navbar-light .navbar-nav .nav-link{ font-size: 14px;}
    .nav_sec .navbar-brand{ width: 300px !important;margin-left: 15px;}
    .nav_button{ font-size: 14px;}
    .nav_sec .dropdown-menu .dropdown-item{ font-size: 14px;color:#000}
    .hero_sec h1{ font-size: 40px;}
    .hero_sec .owl-carousel .owl-nav button{ width: 30px; height: 30px;}
    .hero_sec::before { height: 80px;  bottom:0px !important  }
    .nature_sec .nature_block figure{ width: 200px; height: 200px;}
    .nature_sec .nature_block P{ font-size: 16px;}
    .nature_sec .nature_block h3{ font-size: 18px;}
    .about_sec figure::before { width: 413px; height: 134px;    }
    .about_sec figure::after { width: 281px; height: 160px;}
    .about_sec p{ font-size: 16px;}
    .global_title{ font-size: 40px;}
    .parent_sec .parent_block p{ font-size: 16px;}
    .feature_sec .feature_block{ padding: 60px 25px;}
    .feature_sec .feature_block h3{ font-size: 20px;}
    .service_item h3{ font-size: 18px;}
    .enroll_sec::after { height: 120px; background-size: 110% 100%;}
    .enroll_sec figure::after { width: 220px; height: 140px; bottom: -64px; left: -42px;    }
    .footer_logo img{ width: 280px;}

    .team_item .detail .name{ font-size: 16px; margin-bottom: 10px;}
.team_sec .global_title{ margin-bottom: 40px;}
.team_item .detail{ padding-left: 15px; padding-right: 15px;}

.inner_banner h1{ font-size: 40px;}
}

/************ Main **************/
@media (max-width: 991px) {
    .header_sec{  background: #fff; position: relative;}
.top_add{ gap: 10px;}
.top_add li{ display: flex; align-items: center;}
.top_add img{ width: 16px; max-height: 16px; object-fit: contain; object-position: center center;}
.nav_sec{ padding: 10px 0;}
.navbar-toggler{ background:none; border:none; position:relative; right:0; top:0; height: 33px; box-shadow:none !important;}
.navbar-toggler:focus,.navbar-toggler:active { outline: 0;}
.navbar-toggler span {display: block; background-color:#000; height:3px; width:25px; margin-top:4px; margin-bottom:4px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg);-o-transform: rotate(0deg);  transform: rotate(0deg); position: relative; left: 0;opacity: 1;}
.navbar-toggler span:nth-child(1),.navbar-toggler span:nth-child(3) { -webkit-transition: transform .35s ease-in-out; -moz-transition: transform .35s ease-in-out; -o-transition: transform .35s ease-in-out; transition: transform .35s ease-in-out;}
.navbar-toggler:not(.collapsed) span:nth-child(1) { position: absolute; left: 12px; top: 10px; -webkit-transform: rotate(135deg);  -moz-transform: rotate(135deg); -o-transform: rotate(135deg);transform: rotate(135deg); opacity: 0.9;}
.navbar-toggler:not(.collapsed) span:nth-child(2) {height: 12px; visibility: hidden; background-color: transparent;}
.navbar-toggler:not(.collapsed) span:nth-child(3) {position: absolute;left: 12px;top: 10px;-webkit-transform: rotate(-135deg);-moz-transform: rotate(-135deg); -o-transform: rotate(-135deg);transform: rotate(-135deg);opacity: 0.9;}  
.nav_sec .navbar-light .navbar-nav{ padding: 10px 0;}
.nav_sec .navbar-light .navbar-nav .nav-link::before { display: none;}
.nav_sec .navbar-light .navbar-nav .nav-link{ padding: 8px 0; border-bottom: 1px solid rgba(0,0,0,0.1);}
.nav_button{ width: 100%; text-align: center; display: block; transform:inherit;}
.nav_sec .navbar-nav .dropdown-menu{ background: transparent;}
.nav_sec .dropdown-menu .dropdown-item{ border-bottom: 1px solid rgba(0,0,0,0.1); background: transparent !important;color: #000;}
.hero_sec figure{ margin-right: 0; padding-top: 0;}
.hero_sec h1 { font-size: 30px; padding: 0 20px; margin-bottom: 30px;}
.hero_cap{ transform: translateY(-50%);}
.nature_sec .nature_block figure { width: 170px; height: 170px;}
.nature_sec .nature_block h3{ font-size: 16px;}
.nature_sec .nature_block P{ font-size: 14px; line-height: 21px;}
.btns{ font-size: 16px; padding: 9px 30px 12px;}
.global_title{ font-size: 30px; margin-bottom: 30px;}
.nature_sec{ padding: 100px 0 10px;}
.about_sec{ padding: 40px 0;}
.about_sec figure{ padding: 60px 30px 60px 0;}
.about_sec figure::before { width: 280px; height: 84px;}
.about_sec figure::after { width: 200px; height: 120px;}
.about_sec p{ font-size: 14px; line-height: 21px;}
.parent_sec .global_title{ margin-bottom: 30px;}
.parent_sec .parent_block p{ font-size: 14px; line-height: 21px;}
.parent_sec{ padding: 40px 0;}
.parent_sec .owl-carousel .owl-dots{ margin-top: 30px;}
.parent_sec .parent_block h6{ font-size: 16px;}
.feature_sec{ padding: 40px 0 10px;}
.feature_sec .global_title{ margin-bottom: 30px;}
.feature_sec .feature_block{ border-width: 5px; padding: 30px 15px;}
.feature_sec .feature_block h3{ font-size: 16px;}
.feature_sec .feature_block p{ font-size: 14px; line-height: 21px;}
.services_sec{ padding: 40px 0;}
.service_item{ padding: 15px 15px 30px 15px;}
.service_item h3{ font-size: 16px;}
.service_item p{ font-size: 14px; line-height: 21px;}
.services_sec .owl-carousel .owl-nav button{ width: 30px; height: 30px;}
.services_sec .item{ padding: 10px 10px 30px 10px;}
.counter_sec{ padding: 40px 0 10px;}
.counter_item{ font-size: 16px; border-width: 18px; max-width: 200px; height: 200px;}
.counter_item strong{ font-size: 60px; line-height: 60px;}
.counter_item::before { top: -18px; bottom: -18px; right: -18px; left: -18px;}
.gallery_sec{ padding: 40px 0;}
.gallery_sec .btns{ margin-top: 0;}
.blog_sec{ padding: 40px 0 10px;}
.blog_sec .global_title{ margin-bottom: 30px;}
.blog_block{ padding: 15px 15px 30px 15px;}
.blog_block h3{ font-size: 16px;}
.blog_block p{ font-size: 14px; line-height: 21px;}
.logo_sec{ padding-bottom: 30px;}
.enroll_sec{ padding: 40px 0 100px;}
.enroll_sec::after { height: 80px;}
.enroll_sec p{ font-size: 14px; line-height: 21px;}
.map_sec{ padding: 40px 0;}
.map_sec p{ font-size: 14px;}
.map_sec p strong{ font-size: 16px;}
.map_info iframe{ height: 350px;}
.footer_logo img{ width: 240px;}
footer{ padding: 40px 0;}
footer p{ font-size: 14px; line-height: 21px;}
ul.footer_link li{ font-size: 14px;}
footer h3{ font-size: 18px;}
.checkbox-container {
    display: block; /* Use flexbox */
}

.team_sec{ padding: 40px 0;}
.team_sec .global_title{ margin-bottom: 30px;}
.team_sec .left_block figure{ margin-bottom: 20px;}
.team_sec .left_block p{ font-size: 14px; line-height: 21px;}
.team_item .detail p{ font-size: 14px; line-height: 21px;}
.team_sec .owl-carousel .owl-item{ padding-left: 10px; padding-right: 10px;}

.inner_banner{ padding: 30px 0;}
.inner_banner h1{ font-size: 30px;}
.about_sec.about_detail{ padding-bottom: 40px;}
.faq_sec{ padding: 40px 0;}
.faq_sec .accordion-button{ font-size: 16px;}
.faq_sec .accordion-body p{ padding: 0 0 0 20px; font-size: 14px; line-height: 21px;}
.faq_sec .accordion-body{ padding: 10px 0 15px 30px;}
.get_sec .info{ font-size: 14px; margin-bottom: 30px;}
.get_sec{ padding-top: 40px;}
.c_from{ padding: 30px;}
}

@media (max-width: 767px) {
html { -webkit-text-size-adjust:none;}
.container{ width:90%; margin:0 auto; padding:0; max-width: inherit;}
.hero_sec::before { height: 60px;}
.hero_sec h1{ padding: 0; margin-bottom: 20px; font-size: 25px;}
.hero_sec figure{ margin: 0; text-align: center;}
.hero_sec figure img{ width: 100%; max-width: 300px; display: inline-block !important;}
.nature_sec{ padding-top: 40px;}
.nature_sec .nature_block{ margin-top: 70px; height: auto;}
.about_sec{ text-align: center;}
.about_sec figure{ padding: 60px 30px 60px; width: 100%; max-width: 300px; margin: 30px auto 0 auto;}
.enroll_sec{ padding-bottom: 80px;}
.enroll_sec figure{ margin-top: 30px;}
.enroll_sec figure::after{ display: none;}
.enroll_sec::after { height: 60px;}
.map_info{ margin-bottom: 30px;}
.footer_logo{ margin-bottom: 0; text-align: center;}
footer{ padding-bottom: 0;}
.copyright{ margin-top: 30px; padding: 15px 0; text-align: center; border-top: 1px solid rgba(255,255,255,0.1);}
.feature_sec .feature_block h3{ font-size: 18px;}
.nature_sec .nature_block h3{ font-size: 18px;}
.parent_sec .parent_block h6{ font-size: 18px;}
.blog_block h3{ font-size: 18px;}
.child_live{margin-left: 0px;}
.checkbox-container {
    display: block; /* Use flexbox */
}

.team_sec .left_block{ max-width: 100%; margin-bottom: 30px; text-align: center;}

ul.breadcrumb_info li{ font-size: 12px;}
.c_from textarea.form-control{ height: 120px;}
.c_from .form-control{ padding: 0; height: 48px;}
.c_from .input-group{ margin-bottom: 10px;}
.c_from{ padding: 20px 20px;margin:15px;}
}

/************ iphone **************/
@media (max-width:575px) {
html { -webkit-text-size-adjust:none;}
.top_nav{ gap: 10px;}
.top_social{ margin-right: 10px;}
.hero_sec figure img{ max-width: 250px;}
.hero_sec h1{ font-size: 18px; font-weight: bold; background: rgba(255,255,255,0.8); padding: 10px;}
.hero_sec::before { height: 40px;}
.enroll_sec::after { height: 40px;}
.hero_cap{ padding: 0 40px; z-index: 5;left:0;}

}