@media (min-width: 1600px) {}

@media (min-width: 1440px) {}

@media (max-width: 1400px) {}

@media (max-width: 1366px) {

    .main-title h2 {
        font-size: 40px;
    }

    .main-title h3 {
        font-size: 30px;
    }

    .main-title h2+p,
    .main-title .btn {
        margin-top: 18px;
    }

    .blog-card .card-image {
        height: 245px;
    }

    .resources-card .card-details .card-title {
        font-size: 18px;
    }

    .single-page-banner .banner-details h1 {
        font-size: 40px;
    }

    .single-resources-details .resources-content h1 {
        font-size: 36px;
    }

    .single-resources-details .resources-content h2 {
        font-size: 32px;
    }

    .single-resources-details .resources-content h3 {
        font-size: 28px;
    }

    .single-resources-details .resources-content p+h1,
    .single-resources-details .resources-content p+h2,
    .single-resources-details .resources-content p+h3,
    .single-resources-details .resources-content p+h4,
    .single-resources-details .resources-content p+h5,
    .single-resources-details .resources-content p+h6 {
        margin-top: 32px;
    }

    .single-resources-details .resources-content p+p {
        margin-top: 22px;
    }

    .single-resources-details .resources-content h1,
    .single-resources-details .resources-content h2,
    .single-resources-details .resources-content h3,
    .single-resources-details .resources-content h4,
    .single-resources-details .resources-content h5,
    .single-resources-details .resources-content h6 {
        margin-bottom: 22px;
    }

    .single-resources-details .resources-content ul,
    .single-resources-details .resources-content ol {
        margin-top: 20px;
        margin-bottom: 20px;
    }


    .free-download-card .card-body {
        padding: 30px;
    }

    .free-download-card .card-title {
        font-size: 22px;
        margin-bottom: 22px;
    }

    .single-blog-row {
        margin-left: -12px;
        margin-right: -12px;
    }

    .single-blog-col {
        padding-left: 12px;
        padding-right: 12px;
    }

    .single-blog-details .blog-info {
        margin-bottom: 38px;
    }

    .single-blog-details .blog-info-title h1 {
        font-size: 34px;
    }

    .single-blog-details .blog-content {
        --h1-size: 38px;
        --h2-size: 34px;
        --h3-size: 28px;
        --h4-size: 20px;
    }

}

@media (min-width: 1200px) {}

@media (max-width: 1200px) {

    .search-page .page-header .page-title,
    .category-page .page-header .page-title {
        font-size: 30px;
        margin-bottom: 20px;
    }

    .main-title h2 {
        font-size: 32px;
    }

    .main-title h3 {
        font-size: 28px;
    }

    .main-title p {
        font-size: 16px;
    }

    .how-it-work-card .card-discription {
        min-height: 108px;
        -webkit-line-clamp: 4;
    }

    .blog-card .card-image {
        height: 200px;
    }

    .blog-card .card-details {
        padding: 10px;
    }

    .blog-card .card-details .card-title {
        font-size: 16px;
        /* height: 45px; */
    }

    .blog-card .card-details .card-discription {
        font-size: 14px;
        min-height: 70px;
    }

    .resources-card .card-details {
        padding: 10px;
    }

    .resources-card .card-details .card-title {
        font-size: 16px;
    }

    .resources-card .card-details .card-discription {
        font-size: 14px;
        min-height: 70px;
    }

    .single-page-banner .banner-back-button {
        margin-bottom: 28px;
    }

    .single-page-banner .banner-details h1 {
        font-size: 34px;
    }

    .single-resources-details .resources-content h1 {
        font-size: 34px;
    }

    .single-resources-details .resources-content h2 {
        font-size: 30px;
    }

    .single-resources-details .resources-content h3 {
        font-size: 26px;
    }

    .single-resources-details .resources-content p+h1,
    .single-resources-details .resources-content p+h2,
    .single-resources-details .resources-content p+h3,
    .single-resources-details .resources-content p+h4,
    .single-resources-details .resources-content p+h5,
    .single-resources-details .resources-content p+h6 {
        margin-top: 28px;
    }

    .single-resources-details .resources-content h1,
    .single-resources-details .resources-content h2,
    .single-resources-details .resources-content h3,
    .single-resources-details .resources-content h4,
    .single-resources-details .resources-content h5,
    .single-resources-details .resources-content h6 {
        margin-bottom: 20px;
    }

    .single-resources-details .resources-content ul,
    .single-resources-details .resources-content ol {
        margin-top: 18px;
        margin-bottom: 18px;
    }

    .free-download-card .card-body {
        padding: 20px;
    }

    .free-download-card .card-title {
        font-size: 18px;
        margin-bottom: 18px;
    }

    .single-blog-details .blog-info-title h1 {
        font-size: 32px;
    }

    .single-blog-details .blog-content {
        --h1-size: 36px;
        --h2-size: 32px;
        --h3-size: 26px;
        --h4-size: 20px;

        --p-font-size: 16px;
        --ul-li-font-size: 16px;
        --ol-li-font-size: 16px;
        --paragraph-gap: 22px;
        --heading-margin-top-after-text: 44px;
    }


}

@media (min-width: 1025px) {}

@media (max-width: 1024px) {
    .main-title h2 {
        font-size: 30px;
    }

    .main-title h3 {
        font-size: 26px;
    }


    .main-title .main-title-inner .title-wrapper-left {
        max-width: 100%;
    }

    .home-page-banner,
    .home-page-banner .banner-container,
    .home-page-banner .banner-item,
    .home-page-banner .banner-item .banner-item-content {
        min-height: 600px;
    }

    .single-page-banner .banner-details h1 {
        font-size: 30px;
    }

    .single-blog-details .blog-content {
        --h1-size: 32px;
        --h2-size: 28px;
        --h3-size: 24px;
        --h4-size: 18px;
        --heading-margin-top-after-text: 38px;
    }

    .week-program-section {
        --week-program-left-width: 170px;
        --week-program-left-height: 131px;
        --week-program-left-padding-right: 40px;
        --week-program-center-line-width: 22px;
        --week-details-name-height: 48px;
    }
}

@media (min-width: 992px) {
    .hideOverflowOnMobile {
        overflow: visible;
    }
}

@media (max-width: 992px) {

    h1 br,
    h2 br,
    h3 br,
    h4 br,
    h5 br,
    span br,
    p br,
    .elementor-widget-text-editor br {
        display: none;
    }

    .hideOverflowOnMobile {
        overflow-x: hidden;
        overflow-y: hidden;
        /* overflow-y: visible; */
        position: relative;
    }

    .main-title h2 {
        font-size: 28px;
    }

    .main-title h3 {
        font-size: 24px;
    }

    .how-it-work-card .card-discription {
        min-height: 82px;
        -webkit-line-clamp: 3;
    }

    .single-page-banner .banner-details h1 {
        font-size: 28px;
    }

    .single-resources-section {
        padding: 70px 0;
    }

    .single-resources-details .resources-content h1 {
        font-size: 32px;
    }

    .single-resources-details .resources-content h2 {
        font-size: 28px;
    }

    .single-resources-details .resources-content h3 {
        font-size: 24px;
    }

    .single-resources-details .resources-content p+h1,
    .single-resources-details .resources-content p+h2,
    .single-resources-details .resources-content p+h3,
    .single-resources-details .resources-content p+h4,
    .single-resources-details .resources-content p+h5,
    .single-resources-details .resources-content p+h6 {
        margin-top: 22px;
    }

    .single-resources-details .resources-content h1,
    .single-resources-details .resources-content h2,
    .single-resources-details .resources-content h3,
    .single-resources-details .resources-content h4,
    .single-resources-details .resources-content h5,
    .single-resources-details .resources-content h6 {
        margin-bottom: 16px;
    }

    .single-resources-details .resources-content ul,
    .single-resources-details .resources-content ol {
        margin-top: 16px;
        margin-bottom: 16px;
    }

    .single-blog-details .blog-info-title h1 {
        font-size: 30px;
    }

    .single-blog-details .blog-image {
        height: 500px;
        margin-bottom: 30px;
    }

    .single-blog-details .blog-content {
        --h1-size: 30px;
        --h2-size: 26px;
        --h3-size: 22px;

        --heading-margin-bottom: 20px;
        --heading-margin-top-after-text: 32px;
    }

}

@media (max-width: 768px) {
    #backToTop {
        bottom: 92px;
    }

    .search-page,
    .category-page {
        padding: 50px 0;
    }

    .search-page .page-header .page-title,
    .category-page .page-header .page-title {
        font-size: 26px;
        margin-bottom: 20px;
    }

    .search-page article,
    .search-page .no-results {
        padding: 20px;
    }

    .main-title h2 {
        font-size: 26px;
    }

    .main-title h3 {
        font-size: 22px;
    }

    .main-title p {
        font-size: 14px;
    }

    .error-image img {
        height: auto;
    }

    .error-text h2 {
        font-size: 30px;
        margin-bottom: 12px;
    }

    .error-text p {
        font-size: 16px;
        margin-bottom: 12px;
    }

    .search-page .page-header .page-title,
    .category-page .page-header .page-title {
        font-size: 26px;
        margin-bottom: 20px;
    }

    .btn {
        border-radius: 10px;
    }

    .btn:not(.btn-sm, .btn-lg, .btn-xs) {
        font-size: 14px;
        padding: 10px 16px;
    }

    .btn.btn-lg {
        font-size: 14px;
        padding: 12px 16px;
    }

    .btn.btn-md {
        font-size: 12px;
        padding: 10px 15px;
    }

    .btn.btn-sm {
        font-size: 12px;
        padding: 6px 12px;
    }

    .btn-icon:not(.btn-sm):not(.btn-lg):not(.btn-xs) {
        width: 34px;
        height: 34px;
        min-width: 34px;
    }

    .btn-icon.btn-lg {
        width: 42px;
        height: 42px;
        min-width: 42px;
    }

    .btn-icon.btn-sm {
        width: 28px;
        height: 28px;
        min-width: 28px;
    }

    .btn-icon.btn-sm i {
        font-size: 14px;
    }

    .btn:not(.btn-sm):not(.btn-lg):not(.btn-xs) img {
        width: 16px;
        height: 16px;
    }

    .btn-icon-text img {
        width: 12px;
        height: 12px;
    }

    .btn:not(.btn-sm):not(.btn-lg):not(.btn-xs) img {
        width: 16px;
        height: 16px;
    }

    .btn-icon-text.btn-lg img {
        width: 18px;
        height: 18px;
    }

    .btn-icon-text.btn-sm img {
        width: 14px;
        height: 14px;
    }

    .btn-icon-text:not(.btn-sm):not(.btn-lg):not(.btn-xs) {
        min-width: auto;
    }

    .btn-icon-text.btn-lg {
        min-width: auto;
    }

    .custom-slick-arrow .slick-prev:before,
    .custom-slick-arrow .slick-next:before {
        font-size: 22px;
    }

    .custom-slick-arrow .slick-prev:not(.slick-arrow-sm, .slick-arrow-md, .slick-arrow-lg),
    .custom-slick-arrow .slick-next:not(.slick-arrow-sm, .slick-arrow-md, .slick-arrow-lg) {
        max-width: 34px;
        width: 34px;
        height: 34px;
        font-size: 20px;
    }

    .home-page-banner,
    .home-page-banner .banner-container,
    .home-page-banner .banner-item,
    .home-page-banner .banner-item .banner-item-content {
        min-height: 500px;
    }

    .single-page-banner {
        padding: 50px 0;
    }

    .single-resources-details .resources-content h1 {
        font-size: 30px;
    }

    .single-resources-details .resources-content h2 {
        font-size: 26px;
    }

    .single-resources-details .resources-content h3 {
        font-size: 22px;
    }

    .single-blog-details .blog-info {
        margin-bottom: 20px;
    }

    .single-blog-details .blog-info .blog-back-button {
        margin-bottom: 12px;
    }

    .single-blog-details .blog-info-title h1 {
        font-size: 26px;
    }

    .single-blog-details .blog-image {
        margin-bottom: 25px;
    }

    .single-blog-details .blog-image {
        height: 420px;
    }

    .single-blog-details .blog-content {
        --h1-size: 28px;
        --h2-size: 24px;
        --h3-size: 22px;

        --paragraph-gap: 20px;
        --heading-margin-top-after-text: 30px;
        --heading-margin-bottom: 18px;
    }


}

@media (max-width: 767px) {

    .card h2,
    .card h3,
    .card h4,
    .card h5,
    .card h6,
    .card p,
    .card-title,
    .card-discription {
        -webkit-line-clamp: inherit !important;
        min-height: auto !important;
    }

    .custom-breadcrumb .elementor-icon-list-items li::before {
        font-size: 14px;
    }

    .home-page-banner,
    .home-page-banner .banner-container,
    .home-page-banner .banner-item,
    .home-page-banner .banner-item .banner-item-content {
        min-height: 330px;
    }

    .elementor-image-box-wrapper,
    .elementor-icon-box-wrapper {
        display: flex !important;
        flex-direction: row !important;
        align-items: flex-start !important;
        gap: 12px !important;
    }

    .elementor-image-box-wrapper .elementor-image-box-title,
    .elementor-image-box-wrapper .elementor-image-box-description {
        text-align: start;
    }

    .content-list-with-border .elementor-icon-list-items .elementor-icon-list-item {
        padding: 8px;
    }

    .footer .footer-link-list .elementor-icon-list-items {
        display: flex;
        flex-wrap: wrap;
        margin: 8px 0;
    }

    .footer .footer-link-list .elementor-icon-list-items .elementor-icon-list-item {
        flex: 0 0 30%;
    }

    .footer .footer-link-list .elementor-icon-list-items .elementor-icon-list-item a {
        text-align: center;
    }

    .blog-card .card-image {
        height: auto;
    }

    .blog-card .card-details .card-title,
    .blog-card .card-details .card-description {
        margin-bottom: 12px;
    }

    .resources-card .card-image {
        height: auto;
    }

    .resources-card .card-details .card-title,
    .resources-card .card-details .card-description {
        margin-bottom: 12px;
    }

    .single-page-banner .banner-details h1 {
        font-size: 24px;
    }

    .goals-card .elementor-image-box-wrapper {
        flex-direction: column !important;
        align-items: flex-start !important;
    }

    .goals-card .elementor-image-box-wrapper .elementor-image-box-img {
        margin-left: 0 !important;
    }

    .week-program-section {
        --week-program-left-width: 130px;
        --week-program-left-height: 171px;
        --week-program-left-padding-right: 0;
        --week-program-bottom-padding-right: 40px;
        --week-program-center-line-width: 2px;
        --week-program-center-line-height: 22px;
        --week-details-name-height: 48px;
    }

    .week-program-section .week-program-details-row {
        flex-direction: row;
    }

    .week-program-section .week-program-details-row .week-program-left {
        padding-right: 0;
        padding-bottom: var(--week-program-bottom-padding-right);
    }

    .week-program-section .week-image img {
        width: 100%;
        height: var(--week-program-left-width);
    }

    .week-program-section .week-details {
        width: 100%;
        height: var(--week-program-left-width);
    }

    .week-program-section .week-program-details-row .week-program-left::after {
        left: 50%;
        top: calc(100% - var(--week-program-bottom-padding-right) + var(--week-program-center-line-height)/2.2);
        transform: translateX(-50%);
        width: var(--week-program-center-line-width);
        height: calc(var(--week-program-bottom-padding-right)/2);
        border-bottom-width: 0;
        border-right-width: 2px;
    }

    .week-program-section .week-program-details-row .week-program-right {
        flex: 0 0 100%;
        width: 100%;
        max-width: 100%;
        position: relative;
    }
}

@media (max-width: 700px) {
    .no-records-found p {
        font-size: 16px !important;
        padding: 14px;
    }

    .main-title h2 {
        font-size: 24px;
    }

    .main-title h2+p,
    .main-title .btn {
        margin-top: 16px;
    }

    .main-title h3+p,
    .main-title p+p {
        margin-top: 12px;
    }

    .main-title p {
        font-size: 12px;
    }

    .form-row {
        margin-left: -8px;
        margin-right: -8px;
    }

    .form-row .form-col {
        padding-left: 8px;
        padding-right: 8px;
    }


}

@media (max-width: 600px) {


    .error-page {
        height: 100%;
        padding: 50px 0;
    }

    .error-text h2 {
        font-size: 24px;
    }


    .single-page-banner .banner-back-button {
        margin-bottom: 14px;
    }

    .single-page-banner .banner-details h1 {
        font-size: 20px;
    }

    .single-resources-section {
        padding: 50px 0;
    }

    .single-resources-details .resources-content h1 {
        font-size: 24px;
    }

    .single-resources-details .resources-content h2 {
        font-size: 22px;
    }

    .single-resources-details .resources-content h3 {
        font-size: 20px;
    }

    .single-resources-details .resources-content ul li,
    .single-resources-details .resources-content ol li {
        font-size: 14px;
    }

    .single-blog-details .blog-info-title h1 {
        font-size: 22px;
    }

    .single-blog {
        padding: 50px 0;
    }

    .single-blog-details .blog-image {
        height: auto;
        margin-bottom: 20px;
    }

    .single-blog-details .blog-content .content-wrapper {
        padding: 26px 15px 15px 15px;
        margin: 15px auto;
    }

    .single-blog-details .blog-content .content-wrapper::after {
        font-size: 140px;
    }

    .single-blog-details .blog-content {
        --h1-size: 26px;
        --h2-size: 22px;
        --h3-size: 20px;
        --h4-size: 18px;
        --h5-size: 16px;
        --h6-size: 14px;

        --p-font-size: 14px;
        --ul-li-font-size: 14px;
        --ol-li-font-size: 14px;
        --paragraph-gap: 18px;
        --heading-margin-top-after-text: 26px;
        --heading-margin-bottom: 16px;
    }

    .week-program-section {
        --week-program-left-width: 110px;
        --week-program-left-height: 151px;
        --week-details-name-height: 38px;
    }

}

@media (max-width: 400px) {}