@media only screen and (max-width: 767px) {
html { font-size: 85%; }
.container { width: 90% !important; }
.container-flex { display: block; }
.logo img { width: 190px; }
.thi-title { font-size: 2.4em; }
.menu ul li a { font-size: 16px; font-weight: 600; }
.header .thi-but { color: #ffffff; border: solid 2px #000; background: #000; position: fixed; bottom: 3%; width: 70%; left: 50%; transform: translateX(-50%); text-align: center; font-size: 1.2em; display: flex; align-items: center; justify-content: center; font-weight: 600; }
.header.container-flex { display: flex; }
.banner img { height: 380px; border-radius: 0 }
.banner-content { left: 50%; transform: translateX(-50%); width: 90%; }
.banner-content h3 { font-size: 1.6em; }
.services { padding: 4em 1em; }
.services ul li:nth-child(even) { top: 0; }
.services ul.container-flex { gap: 1em; display: flex; flex-wrap: wrap; }
.services ul li { flex: 1 1 calc((100% / 1) - 2em); padding: 6px; }
.services ul li h3 { font-size: 1.6em; }
.services img { border: solid 2px #000; }
.service-cta aside { gap: 1em; flex-wrap: wrap; text-align: center; justify-content: center; padding: 20px 0; border-radius: 10px; }
.service-cta h4 { padding: 0 50px; line-height: 1.2; }
.service-cta { margin-top: 2em; }
.our-story-content { margin-top: 40px; }
.our-story-content .thi-title { margin: 0; }
.price ul.container-flex { display: flex; gap: 1em; }
.price ul li { flex: 0 1 calc((100% / 1) - 0.5em); border: solid 1px #9d9d9d; padding: 15px; line-height: 1.2; background: #fff; display: flex; align-items: center; justify-content: space-between; }
.price ul li span { margin-top: 0; }
.price ul li h3 { font-size: 1.6em; }
.cta { padding: 3em 0; }
.faq .thi-title { margin: 1em 0 1em 0; }
.career { padding: 3em 0; }
.career-img { margin-top: 3em; }
.career ul li { width: 100%; margin-bottom: 10px; }
.footer ul.footer-info li { width: 100%; margin-bottom: 50px; }
.footer ul.container-flex { margin-top: 10px; }
.copyright { margin-top: 40px; }
.footer { padding: 4em 0 7em 0; }
.footer h3 { font-size: 2em; margin-bottom: 2em; }
.footer ul.footer-info li p { left: 50%; transform: translateX(-50%); font-size: 16px;}
.footer ul.footer-info li:last-child { margin-bottom: 30px; }
.course-agenda p { width: 100%; }
.inner-banner img { height: 230px !important; }
.course-grid > .wp-block-column { margin: 0px !important; }
}
 @media only screen and (max-width: 992px) {
.menu { margin-left: 0; background: #ffffff; position: fixed; left: -100%; top: 0; height: 100%; border-top: solid 3px #f8cf27; width: 100%; transition: 0.1s; }
.open-menu .menu { left: 0; z-index: 99; transition: 0.1s; }
.menu ul { margin-right: 0; margin-top: 3em; width: 100%; }
.menu ul li { display: inline-block; width: 100%; padding: 15px; border-bottom: solid 1px #eee; }
.main-wrapper .border-but { width: 90%; text-align: center; margin: 20px auto 0 auto; display: block; background: #f8cf27; border-color: #f8cf27; }
.toggle-menu { display: inline-block; margin-left: auto; z-index: 99; width: 30px; height: 22px; position: relative; }
.toggle-menu:before { content: ""; width: 100%; height: 100%; border: solid #000; border-width: 2px 0px; position: absolute; top: 0; left: 0; transition: 0.1s; }
.toggle-menu:after { content: ""; width: 100%; height: 2px; background: #000; position: absolute; left: 0; top: 50%; transform: translateY(-50%); transition: 0.1s; }
.open-menu .toggle-menu { height: auto; position: absolute; right: 10px; top: 30px; }
.open-menu .toggle-menu:after { transform: translateY(-50%) rotate(45deg); transition: 0.1s; }
.open-menu .toggle-menu:before { content: ""; width: 100%; height: 2px; border: none; border-width: 2px 0px; position: absolute; top: 0; left: 0; background: #000; transform: rotate(-45deg); transition: 0.1s; }
}
 @media (min-width: 768px) and (max-width: 1023px) {
html { font-size: 80%; }
.container { width: 90% !important; }
.header .thi-but { margin-left: auto; }
.logo img { width: 220px; }
.banner img { height: 480px; }
.banner-content { left: 50%; transform: translateX(-50%); width: 90%; }
.banner-content h3 { font-size: 2em; }
.thi-title { font-size: 3em; }
.services ul.container-flex { flex-wrap: wrap; gap: 1em; }
.services ul li h3 { font-size: 1.8em; }
.services ul li:nth-child(even) { top: 0; }
.services ul li { flex: 0 1 calc((100% / 3) - 0.7em); }
.service-cta { margin-top: 5em; }
.our-story .thi-title { margin: 0; }
.our-story .container-flex { gap: 2em; }
.services { padding: 5em 2em; }
.price ul li {
    padding: 20px 10px;
}
.price ul li strong {
    padding: 5px 12px;
    font-size: 1.2em;
}
.price ul li a {
    padding: 13px 8px;
} 
}
 @media (min-width: 1024px) and (max-width: 1200px) {
html { font-size: 80%; }
p { font-size: 16px; }
.container { width: 90% !important; }
.services ul.container-flex { gap: 1em; }
.services ul li h3 { font-size: 1.3em; }
.banner-content h3 { font-size: 1.5em; }
.thi-title { font-size: 2.5em; }
.price ul li h3 { font-size: 1.4em; }
.price ul li { padding: 20px 15px; }
.logo img { width: 220px; }
.menu ul li a { padding: 0 12px; }
.header .thi-but { font-size: 15px; }
}
 @media (min-width: 1201px) and (max-width: 1800px) {
html { font-size: 80%; }
.container { width: 90%; margin: 0 auto; }
p { font-size: 16px; }
.services ul.container-flex { gap: 1em; }
.services ul li h3 { font-size: 1.3em; }
.footer ul.footer-info li { flex: 0 1 calc((100% / 5) - 1em); padding: 26px 30px 12px 30px; }
}