/* ================================================== 
THEME RESPONSIVE
================================================== */
@media screen and (max-width: 1400px) {

}

@media screen and (max-width: 1300px) {
.head-control, .control, .tutor-container {padding: 0 15px!important;}
}

@media screen and (max-width: 1250px) {
.swiper.testimony .swiper-button-prev {left: -15px;}
.swiper.testimony .swiper-button-next {right: -15px;}
/** DEFAULT **/
.b-list .info h4 a {font-size: 1.2rem;}
.b-content {width: 72%;}
.sidebar {width: 28%;}
}

@media screen and (max-width: 1200px) {
#cssmenu > ul > li > a {font-size: .98rem;}
/** DEFAULT **/
.bs-title h2 {font-size: 3.6rem;}
.b-content {width: 70%;}
.sidebar {width: 30%;}
.no-cmt p {font-size: 1.4rem;}
.wpcf7 .c-box .col.gel {width: 36%;}
}

@media screen and (max-width: 1150px) { 
/** BLOG **/
.b-content {padding-right: 40px;}
.no-cmt p {font-size: 1.3rem;}
}

@media screen and (max-width: 1100px) {
.logo {width: 137px; height: 35px;}
#cssmenu > ul {gap: 18px;}
#cssmenu > ul > li > a {font-size: .96rem;}
.btn-end a {padding: 11px 12px;}
.p-title h1 {font-size: 1.65rem;}
.courses-grid {gap: 20px;}
.course-content {padding: 20px 18px;}
.course-item a h4 {font-size: 1.1rem;}
.course-price {font-size: 1rem;}
.course-item a .course-btn {padding: 18px;}
.ts-item {padding: 30px;}
.ts-meta h4 {font-size: 1rem;}
.ts-meta h4 {font-size: .86rem;}
.img-btm {top: -77px!important;}
.f-top .l-foot {width: 38%;}
.f-top .r-foot {width: 62%;}
/** DEFAULT **/
.pages {padding: 20px 0;}
}

@media screen and (max-width: 1024px) { 
#cssmenu > ul {column-gap: 15px;}
.btn-end {margin-left: 25px;}
.btn-end a {padding: 10px;}
.c-title h1 {font-size: 1.8rem;}
.c-title p {font-size: .98rem;}
.course-content, .course-item a .course-btn {padding: 16px;}
.course-item a h4 {font-size: 1.05rem;}
.course-meta {font-size: .825rem;}
.course-item a .course-btn span {font-size: .94rem;}
.ts-text p {font-size: 1.05rem;}
.img-btm {top: -89px!important;}
.f-top {padding: 40px 0;}
.f-top .l-foot {width: 35%;}
.f-top .r-foot {width: 65%;}
.rakan-niaga {margin: 0 -5px;}
.rakan-niaga .row {width: 25%; padding: 0 5px; margin-bottom: 10px;}
/** DEFAULT **/
.cmt-title h3, .comment-title h3 {font-size: 1.2rem;}
.no-cmt p {font-size: 1.2rem;}
.cmt-title p {font-size: .85rem;}
.comment-title p {font-size: .85rem;}
.c-side li a h4 {font-size: .98rem;}
.more-one a .info h4 {font-size: 1.1rem;}
.bs-title h2 {font-size: 2.4rem;}
.b-list .box {margin: 0 -10px;}
.b-list .row {padding: 0 10px;}
.b-list .info h4 a {font-size: 1.05rem;}
.b-list .excerpt p {font-size: .95rem;}
.post-meta {font-size: .8rem;}
.b-single h1 {font-size: 1.6rem;}
.b-content {width: 69%; padding-right: 30px;}
.sidebar {width: 31%;}
.entry-content p, .entry-content ul li, .entry-content ol li {font-size: .98rem; line-height: 1.4;}
.more-one a .info h4 {font-size: 1.2rem; line-height: 1.2;}
.notfound h1 {font-size: 10rem;}
}

@media screen and (max-width: 980px) {
.nav, .swiper-button-prev, .swiper-button-next {display: none;}
.head {padding: 0;}
.h-box {height: 68px;}
.b-menu {display: block; margin-left: 20px;}
.f-top .l-foot {width: 34%;}
.f-top .r-foot {width: 66%;}
.o-sep {margin: 30px 0;}
.p-top {padding-top: 15px;}
.tutor-page-wrap {padding: 20px 0;}
.more-course {margin-top: 30px;}
.tutor-course-details-header h1 {font-size: 1.7rem;}
.tutor-mt-40 {margin-top: 20px!important;}
.img-btm {top: -52px !important;}
/* WOO */
.checkout .check-form {padding-right: 30px;}
/** DEFAULT **/
.b-list .info h4 a {font-size: 1.1rem;}
.b-content {width: 68%; padding-right: 25px;}
.sidebar {width: 32%;}
.b-single h1 {font-size: 1.8rem;}
.entry-content h2, .entry-content h3 {font-size: 1.25rem;}
.entry-content p, .entry-content ul li, .entry-content ol li {font-size: .97rem;}
.no-cmt p {font-size: 1.1rem;}
.wpcf7 input, .wpcf7 textarea, .wpcf7 select {font-size: 1rem;}
.gallery .item {width: 25%;}
.gallery .item {padding: 5px;}
}

@media screen and (max-width: 853px) { 
.f-box {flex-direction: column;}
.f-top .l-foot, .f-top .r-foot {width: 100%; padding: 0;}
.f-top .r-foot {margin-top: 30px;}
.f-top .row-one {width: 30%;}
.f-top .row-two {width: 45%;}
.f-top .row-three {width: 25%;}
.courses-grid {grid-template-columns: repeat(2, 1fr);}
.course-item a h4 {font-size: 1.15rem;}
/** DEFAULT **/
.sidebar {display: none;}
.b-list .row {width: 50%;}
.b-content {width: 100%; padding-right: 0;}
}

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

}

@media screen and (max-width: 600px) {
.f-top {padding: 30px 0;}
.f-top .r-foot {display: none;}
.rakan img {height: 36px;}
.p-title h1 {font-size: 1.55rem;}
.p-title p {font-size: .93rem;}
.courses-grid {grid-template-columns: repeat(1, 1fr);}
.course-item a h4 {font-size: 1.25rem;}
.rakan-niaga .row {width: 50%;}
.s-galeri {grid-template-columns: repeat(2, 1fr);}
/* WOO */
.checkout .box {flex-direction: column;}
.checkout .check-form {width: 100%; padding: 0;}
.checkout .check-order {margin-top: 30px; width: 100%;}
}

@media screen and (max-width: 583px) {
.swiper {overflow: visible!important;}
/** DEFAULT **/
.wpcf7 .box .col {width: 100%;}
.wpcf7 .wpcf7-checkbox .wpcf7-list-item {width: 50%;}
.wpcf7 .wpcf7-checkbox .wpcf7-list-item-label {font-size: .95rem;}
.wpcf7 .button {display: block;}
.wpcf7 .button input {width: 100%;}
.notfound h1 {font-size: 8rem;}
}

@media screen and (max-width: 575px) {
.tutor-modal {padding: 0 10px;}
.tutor-modal-body {padding: 40px 20px!important;}
.tutor-modal button[type="submit"] {width: 100%!important; max-width: inherit!important;}
#tutor-login-form .tutor-btn-ghost {font-size: .85rem; padding: 0!important;}
.tutor-mb-40 {margin-bottom: 20px;}
}

@media screen and (max-width: 480px) {
.btn-end {display: none;}
.h-box {height: 60px;}
.b-menu {margin: -4px 0 0;}
.p-title h1 {font-size: 1.4rem;}
.p-title p {font-size: .9rem;}
.course-categories a {font-size: .9rem; padding: 10px 18px;}
.course-item a h4 {font-size: 1.1rem;}
.tutor-course-details-header {flex-direction: column; align-items: flex-start;}
.tutor-course-details-header h1 {font-size: 1.35rem;}
.tutor-course-details-top {margin-top: 10px!important;}
.tutor-course-details-top .tutor-col {padding: 0!important;}
.tutor-course-details-actions a {font-size: .93rem;}
.tutor-mt-32 {margin-top: 15px!important;}
.tutor-fs-5 {font-size: 1.15rem!important; line-height: 1.4!important;}
.tutor-fs-6 {font-size: .95rem!important; line-height: 1.4!important;}
.tutor-mt-24 {margin-top: 15px!important;}
.tutor-page-wrap {padding: 10px 0;}
.tutor-accordion.tutor-mt-24 {padding: 0 14px;}
.tutor-mt-24 .tutor-accordion-item {padding: 5px 0;}
.tutor-mt-24 .tutor-accordion-item-header {font-size: .97rem!important; line-height: 1.3!important; padding: 10px 24px 10px 0!important;}
.tutor-course-content-list-item-title {font-size: .95rem!important; line-height: 1.4!important;}
.tutor-mt-4 {margin-top: 1px!important;}
.tutor-fs-7 {font-size: .84rem!important;}
.tutor-ml-20 {margin-left: 8px!important;}
.tutor-card-footer, .tutor-course-details-instructors, .tutor-mt-24 .tutor-course-details-widget {padding: 20px!important;}
.tutor-course-details-widget h3 {font-size: 1rem!important;}
.tutor-card-body .tutor-btn-lg {margin-top: 5px!important;}
.tutor-card-md .tutor-card-body {padding: 10px 15px!important; position: fixed; bottom: 0; left: 0; width: 100%; z-index: 999;}
.tutor-fs-4 {font-size: 1.25rem!important;}
.tutor-course-sidebar-card-pricing del {font-size: 1rem!important;}
.more-course-wrap {padding-top: 30px;}
.more-course-wrap h2 {font-size: 1.35rem;}
.tutor-password-strength-checker .show-hide-btn {top: 46%!important; right: 5px!important;}
.c-box {margin: 30px 0!important;}
.tt-title h2 {font-size: 1.4rem;}
.c-top {padding: 40px 0;}
.c-title h1 {font-size: 1.5rem;}
.c-title p {font-size: .93rem; padding: 0 10px;}
.tutor-ratings {display: none!important;}
.tutor-header-right-side {margin: 0!important;}
.tutor-dashboard-header-avatar .tutor-avatar-xl {width: 80px!important; height: 80px!important;}
.tutor-header-left-side .tutor-user-info {margin-left: 15px!important;}
.tutor-header-left-side .tutor-dashboard-header-greetings {font-size: .98rem!important;}
.tutor-header-left-side .tutor-dashboard-header-username {font-size: 1.1rem!important;}
.tutor-alert {padding: 10px!important; display: flex!important; justify-content: space-between; align-items: center;}
.tutor-alert .tutor-alert-text {font-size: .88rem; align-items: center;}
.tutor-alert .tutor-alert-text .tutor-alert-icon {font-size: .95rem !important; margin-right: 6px!important;}
.alert-btn-group a {padding: 6px 10px!important; font-size: .86rem!important;}
.tutor-dashboard-content .tutor-row .tutor-fs-7 {font-size: .95rem!important;}
.tutor-frontend-dashboard-course-progress {margin-top: 20px!important;}
.tutor-frontend-dashboard-course-progress .tutor-row {border-radius: 4px!important; overflow: hidden;}
.tutor-card-image-left {border-radius: 0!important;}
.tutor-course-progress-item .tutor-card-body {padding: 16px!important;}
.tutor-dashboard-content .tutor-course-progress-item .tutor-fs-7 {font-size: .9rem!important; margin-bottom: 15px!important;}
.tutor-nav {gap: 20px;}
.tutor-nav-link {font-size: .95rem!important;}
.rakan-niaga a img {height: 30px;}
.rakan-niaga a .btn {font-size: .8rem;}
.ctc .f-add, .ctc .f-add p, .ctc .f-hour p, .ctc .f-ctc li a  {font-size: .95rem;}
.ts-item {padding: 30px 20px;}
.swiper-pagination-bullet {width: 15px!important; height: 3px!important;}
.img-btm {position: relative!important; top: inherit!important; left: 0!important; bottom: -10px!important;}
.faq {margin-top: -20px;}
.faq-q {padding: 15px 20px 15px 0;}
.faq-q h4, .faq-a p {font-size: .92rem;}
.f-top {padding: 30px 0 20px; margin-bottom: 20px;}
.copy span {display: block;}
.f-note {padding: 0;}
.f-note p {font-size: .75rem;}
.f-end {padding-bottom: 120px;}
.cta a {width: 60px; height: 60px; font-size: 2rem; padding-top: 13px;}
.woocommerce-thankyou-order-received {font-size: 1.15rem;}
.ty-text p {font-size: .95rem;}
/** PAGES **/
#breadcrumbs span, #breadcrumbs a {font-size: .78rem;}
.pages {padding: 20px 0;}
.bs-title {margin-bottom: 15px;}
.bs-title h2 {font-size: 2rem;}
.bs-title h2::before {font-size: 8rem; top: -30px; width: 95%;}
.b-list .row {width: 100%;}
.b-list a h4, .h-blog a h4 {font-size: 1.1rem; line-height: 1.4;}
.b-list .post-meta {font-size: .82rem;}
.b-list a .excerpt p {font-size: .95rem; line-height: 1.35;}
.b-single h1 {font-size: 1.3rem; line-height: 1.3;}
.entry-content h2, .entry-content h3 {font-size: 1.1rem;}
.entry-content p, .entry-content ul li, .entry-content ol li, .related_posts_list li a {font-size: .93rem; line-height: 1.5;}
.sharer h4 {font-size: 1rem;}
.cmt-title h3, .more-post .title h3 {font-size: 1.2rem;}
.cmt-title p {font-size: .8rem;}
.comment-wrapper {display: flex; flex-direction: column; padding: 15px 0 10px;}
.author-gravatar {width: 60px; height: 60px; position: relative;}
.author-gravatar img {border: 4px solid #ddd;}
.comment-right {padding: 0; margin-top: 10px; width: 100%;}
.comment-meta {display: flex; align-items: center;}
.komenName {margin-bottom: 0;}
.cmt-meta {margin-left: 5px;}
.comment-wrp p {font-size: .96rem;}
#respond {padding: 20px;}
.cmtform-one, .more-one .col a, .wpcf7 .box, .wpcf7 .c-box {flex-direction: column;}
#commentform .cmtform-one .col {margin-bottom: 12px;}
#commentform .cmtform-one .col.one, #commentform .cmtform-one .col {width: 100%; padding: 0;}
#commentform .cmtform-one .col.two {padding-left: 0;}
#commentform label {margin-bottom: 5px; font-size: .85rem;}
#commentform input, #commentform textarea {line-height: 1.3;}
.btn-submit input#submit {font-size: 1rem; padding: 14px 0;}
.more-one .thumb {margin-right: 0;}
.more-one .info {margin-top: 12px;}
.more-one a .info h4 {font-size: 1.05rem;}
.more-post .post-meta {margin: 8px 0 10px;}
.wpcf7 .box .row {width: 100%;}
.page-content p, .page-content ul li, .page-content ol li {font-size: .95rem;}
}

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

}

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

}

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

}

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

}