/* ========== 1440px / 1280px – fit screen, no overflow ========== */
@media (max-width: 1441px) {
    html { overflow-x: hidden; }
    body { overflow-x: hidden; max-width: 100vw; }  
    .section-py-120 { padding-top: 80px; padding-bottom: 80px; }
    .section-pb-120 { padding-bottom: 80px; }
    .section-pt-120 { padding-top: 80px; }
    .tg-header__area .container { padding-left: 28px; padding-right: 28px; }
    section.bread h1.title, .breadcrumb__content .title { font-size: 38px; }
    .section__title .title { font-size: 32px; }
    .banner__content .title { font-size: 36px; }
    .courses-area .courses__item-thumb img {
    height: auto;
}
.shine__animate-link {height: auto;}
    .tgmenu__search-form{width: 240px;}
}

@media (max-width: 1280px) {
    html { overflow-x: hidden; }
    body { overflow-x: hidden; max-width: 100vw; }  
    .section-py-120 { padding-top: 70px; padding-bottom: 70px; }
    .section-pb-120 { padding-bottom: 70px; }
    .section-pt-120 { padding-top: 70px; }
    .tg-header__area .container { padding-left: 24px; padding-right: 24px; }
    .tg-header__area { padding-left: 0; padding-right: 0; }
    section.bread h1.title, .breadcrumb__content .title { font-size: 34px; }
    .section__title .title { font-size: 28px; }
    .banner__content .title { font-size: 32px; }
    .banner__content { margin: 40px 0 60px; }
    .courses__details-title { font-size: 26px; }
    .footer__area .container { padding-left: 24px; padding-right: 24px; }
    header .xl_container { max-width: 100% !important; padding-left: 24px; padding-right: 24px; box-sizing: border-box; }
}

@media (max-width: 767.98px) {
    section.home-hero .home-hero-content img.text {}

    section.home-about .about-content h3.title {
        font-size: 33px;
        margin-top: 16px;
        margin-bottom: 0;
        position: relative;
        padding-top: 31px;
    }

    section.home-about .about-content p.content {
        line-height: 1.4;
        margin-top: 16px;
        padding: 0 8px;
        position: relative;
        transform: unset;
        padding-bottom: 2px;
    }

    section.home-about .about-content p.content a {
        margin: 30px auto;
        margin-bottom: 15px;
    }

    seciton.categories-area .category-card-home .image-title {
        /* min-height: 150px; */
    }

    seciton.categories-area .category-card-home .image-title h2.title {
        font-size: 22px;
    }

    seciton.categories-area .category-card-home .content {
        padding: 16px;
    }

    section.homevideo-area h4.title {
        font-size:28px;
    }

    section.homevideo-area p.content {
        font-size: 18px;
    }
    section.home-explore p:first-child {
        font-size: 28px;
    }

    section.home-explore {
    background-size: auto 120%;
    padding-top: 100px;
    padding-bottom: 70px;
}

    seciton.categories-area p.subtitle {
        font-size: 18px;
    }section.home-hero .dd-content img.spintext {
        left: unset;
        right: unset;
        width: 100%;
    }
    
    section.home-about .about-content img.dd {/* padding-top: 120px; */position: absolute;bottom: 0;}
    .footer__top .row [class*=col-]:nth-child(2) .footer__widget, .footer__top .row [class*=col-]:nth-child(3) .footer__widget, .footer__top .row [class*=col-]:nth-child(4) .footer__widget {
        margin-left: 0;
    }
    section.about-content .image img {
    position: relative;
    top: unset;
}

section.about-content .text {
    border: unset;
    padding: 0;
}

section.about-content .text.right {
    margin-top: 30px;
}

section.banner-area img.background {min-height: 330px;}

section.home-about.about-page {}

section.home-about.about-page img.dd.img-fluid {/* display: none; */position: absolute;bottom: 0;min-height: 100vh;object-fit: cover;}

section.home-about.about-page p.content {
    top: unset;
    transform: unset;
    position: relative;
    display: block;
    padding-bottom: 40px;
    padding-top: 80px;
}

section.home-about.about-page .about-content {
    height: auto;
}

.faq__content .section__title .title {
    font-size: 26px;
}
 
section.library h3.title {
    margin-top: 24px;
    font-size: 30px;
}

section.library {
    margin-bottom: 30px;
    position: relative;
}
.footer__widget-title {
    text-align: center;
}

.footer__widget-title::before {left: 50%;transform: translateX(-50%);}

.footer__link .list-wrap li {
    text-align: center;
}

.footer__content p {
    text-align: center;
}

.footer__top .logo a {margin: auto;display: table;}

.footer__social {
    display: flex;
    justify-content: center;
}
section.bread h1.title {
    font-size: 36px;
}

section.bread p.desc {
    font-size: 20px;
    line-height: 1.4;
}

section.courses .category-desc h2.title {
    font-size: 36px;
}

section.courses .category-desc p.desc {
    font-size: 20px;
    margin-bottom: 30px;
}

section.courses .course-img {margin-bottom: 24px;display: block;/* max-height: 360px; */width: 100%;height: auto;}

section.courses .course-desc {
    margin-top: 24px;
}

section.courses .course-desc h3 {
    margin-bottom: 24px;
}

section.courses .course-desc .btns {
    gap: 24px;
}

section.courses .course-desc .btns a {
    padding: 12px 23px;
    font-size: 16px;
    border: 1px solid #000;
    border-radius: 16px;
}
.courses__details-sidebar {
    margin-top: 0;
    padding: 16px;
}

.courses__details-content {
    margin-top: 35px;
}

.customtesti {
    /* display: none; */
}
section.library .book {
    margin-top: 36px;
    overflow: unset;
    height: unset;
}

section.library.custom .banner h3.title {
    font-size: 32px;
}

section.modules {
    padding-bottom: 0 !important;
}

section.bread .tune-in {
    font-size: 80px !important;
}
section.library .book {
    margin-top: 36px;
    overflow: unset;
    height: unset;
    padding-bottom: 24px;
    padding-top: 30px;
}

section.library.custom .banner h3.title {
    font-size: 32px;
    margin-bottom: 18px;
}

section.modules {
    padding-bottom: 0 !important;
    margin-top: 24px;
    padding-top: 24px !important;
}

section.bread .tune-in {
    font-size: 80px !important;
}

.tgmobile__menu .header_language_area {
    display: none !important;
}

.tgmobile__search .form-select {
    display: none;
}

.tgmobile__menu .navigation li>a {
    color: #fff;
}

.tgmobile__search button {top: 21px;/* color: #fff; */}

.tgmobile__menu nav {
    background: #4c352a !important;
}

.mobile_menu_login {
    display: none !important;
}

.tgmobile__menu .social-links ul li a {
    border: unset;
}

.tgmobile__menu .social-links ul {display: flex;justify-content: flex-start;}

.tgmobile__menu .social-links ul li a img {filter: unset;}

.tgmobile__menu .social-links ul li {
    margin-left: 0;
}
.tg-header__area .mobile-nav-toggler {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 32px;
}

.tg-header__area .mobile-nav-toggler span {
    height: 3px;
    width: 40px;
    background: #fff;
    display: block;
    border-radius: 2px;
}

.qna-500-char-notice.mb-3 button {
    flex-shrink: 0;
}
section.library.custom .content p {
    padding-bottom: 0px !important;
}
section.podcasts {}

section.podcasts img {
    min-height: 300px;
    object-fit: cover;
}
.customtesti .testimonial__item .testimonial__item-top .testimonial__author .testimonial__author-thumb {
    position: relative;
    width: 100%;
    transform: unset;
    top: unset;
    margin-bottom: -60px;
}

.customtesti .testimonial__item .testimonial__item-top .testimonial__author {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 0;
}

.customtesti .testimonial__item .testimonial__item-top .testimonial__author .testimonial-general-content {
    padding: 20px !important;
    border: 1px solid;
    padding-top: 80px !important;
    margin: 0 8px;
}

.customtesti .testimonial__item .testimonial__item-top .testimonial__author .testimonial-general-content::before {
    display: none;
}

.customtesti .testimonial__item .testimonial__item-top .testimonial__author .testimonial__author-thumb img {
    max-width: 200px;
    margin: auto;
    display: block;
}
.section__title.text-center.mb-50 {
    /* margin: 0 !important; */
}.courses__details-content .nav-tabs .nav-link {
    padding: 14px 20px;
}
seciton.categories-area::before {
    height: 690px;
}

.video__bg {
    background-image: url("../img/custom/dd-parallax-mobile.jpeg") !important;
        background-attachment: scroll;
}

body {
    background: unset;
}

seciton.categories-area h1.title {
    font-size: 34px;
}

.about__year-wrap .count {
    font-size: 33px;
}

.about__video {
    right: 72px;
}

.about__content-four h4.title {
    font-size: 21px;
}
.cta__content-two {
    position: relative;
    gap: 20px;
    transform: unset;
    top: 0;
    padding-bottom: 36px;
}

.cta__content-two .title {
    font-size: 18px;
}
.courses__cost-wrap {
    padding: 14px 8px;
}
section.home-hero {
    padding-bottom: 0;
}

section.home-hero.home {
    padding-bottom: 30px;
}
section.page-desc p {
    font-size: 16px;
}

section.page-desc img {
    height: auto;
    max-height: unset;
    min-height: unset;
}

section.library .book .content {
    display: flex;
        flex-direction: column; 
}
.register-cta .cta__inner-wrap {
    left: 0;
        background: #efe7d4;
}

.cta__content-four .content__left .title {
    font-size: 20px;
        color: #000;
}
.register-cta .cta__inner-wrap a.close-cta {
    color: #000 !important;
}

section.about-area .row {
    flex-direction: column-reverse;
    /* display: flex; */
}

.section-py-120 {
    padding: 0 0 !important;
}
.books-swiper-active .swiper-slide {
    width: 100%;
    opacity: 0;
    transform: unset;
    transition: all 0.4s ease;
}

.books-swiper-active .swiper-slide-active {
    opacity: 1;
    transform: unset;
}
.books-swiper-active {
    overflow: hidden;
    padding: 0;
}section.cta__area-two.cta__bg-two .cta__img img {
    margin: auto;
    display: block;
}

section.cta__area-two.cta__bg-two .cta__img {
    width: 100%;
}.section-pb-120 {
    padding-bottom: 30px;
}

.contact-form-wrap {
    margin-top: 0;
}
.account__check {
    display: flex;
    flex-direction: column;
}  
.books-swiper-active .book .content .image {
    flex-shrink: 1;
    border-radius: 0;
}

.dashboard__top-bg h1.title.text-center.tune-in {
    font-size: 43px !important;
    top: 33% !important;
}

.dashboard__top-bg em.text-center {
    font-size: 16px !important;
    top: 39% !important;
}    
.dashboard__instructor-info-left .thumb {
    width: 80px;
    height: 80px;
}

.dashboard__instructor-info-left {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}
section.page-desc.section-py-120 {
    padding-top: 70px !important;
}
}