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

    .phosis__our_team_page_items h2 {
        font-size: 24px;
    }

    #clonedMainMenu ul.align-items-center {
        display: block;
    }

    .navbar-nav .nav-item {
        margin: 10px 10px !important;
    }

    .heading_title h3 {
        font-size: 25px;
    }
}

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

@media screen and (min-width: 992px) {
    nav.navbar.bg-body-tertiary.small-d-menu {
        display: none;
    }

    #menu .align-items-center.mb-2.mb-lg-0.mx-auto.navbar-nav {
        flex-wrap: wrap;
        justify-content: center;
        gap: 10px;
    }
}

/* iPad portrait */
@media screen and (min-width: 768px) and (max-width: 991px) {

    nav.navbar.navbar-expand-lg.large-d-menu {
        display: none;
    }

    .phosis__our_team_page_items h2 {
        font-size: 20px;
    }

    section.agency-faq-carousel-area,
    .phosis_director_page_area {
        padding: 60px 0;
    }

    .phosis_director_page_area {
        padding: 60px 0;
    }

    section.phosis__our_mission_re_entry_blog_area {
        padding-top: 60px;
    }

    .re__entry_blog__section {
        padding: 60px 0;
    }

    .re__entry_blog_content h5 {
        font-size: 24px;
    }




    /* How It Work */
    .meta_widget_items {
        grid-template-columns: 1fr;
        padding: 20px 0;
    }

    .heading_title {
        height: 80px;
    }

    .heading_title h3 {
        font-size: 18px;
    }

    .single_widget_content p {
        font-size: 15px;
        line-height: 1.7;
    }

    .howitwork_page_hero_content h2 {
        font-size: 32px !important;
    }

    .howitwork_page_hero_content h3 {
        font-size: 28px;
    }

    .phosis_buttons a {
        display: block;
        margin-bottom: 15px;
    }

    .contact-form {
        gap: 50px !important;
    }

    .phosis_header_top_left {
        flex: auto;
        width: 30%;
        display: block;
    }

    .phosis_header_top_left img {
        max-width: 200px;
        display: inline-block;
        margin: 0;
    }

    .phosis_header_top_left ul li a {
        color: #fff;
        font-size: 10px;
    }

    .phosis_header_top_left ul {
        margin-left: 0;
    }

    .phosis_header_top_left ul li:last-child {
        display: block;
        margin: 0;
    }

    .phosis_header_top_right {
        flex: auto;
        width: auto;
        display: block;
        text-align: right;
    }

    .phosis_top_social_media ul li a i {
        width: 25px;
        height: 25px;
        line-height: 25px !important;
        font-size: 11px !important;
    }

    .phosis_top_social_media ul li a i {
        width: 25px;
        height: 25px;
        line-height: 25px !important;
        font-size: 11px !important;
    }

    .phosis_buttons_area {
        display: block;
    }

    .phosis_buttons_area a {
        padding: 7px 12px;
        display: inline-block !important;
        font-size: 14px;
        margin: 0 3px;
        border-radius: 1;
    }

    button.navbar-toggler {
        width: 50px;
        height: 40px;
        padding: 0;
        text-align: center;
        line-height: 34px;
        border-width: 2px;
    }

    button.navbar-toggler i {
        height: auto;
    }

    .menu_wrapper .navbar-nav .nav-item {
        margin: 0;
        border: 0;
        border-bottom: 1px solid #1716161f;
    }

    .menu_wrapper .navbar-nav .nav-item:last-child {
        border: 0;
    }

    .menu_wrapper .nav-item .nav-link {
        padding: 4px 0 !important;
        font-size: 15px;
        position: relative;
    }

    .menu_wrapper .dropdown-toggle::after {
        position: absolute;
        right: 15px;
        top: calc(50% - 5px);
        height: 10px;
        vertical-align: unset;
        border-width: 8px;
    }

    ul.dropdown-menu.shadow.show {
        margin: 0;
        padding: 10px 0;
        background: #171616;
        border-radius: 0;
        border: 0;
    }

    .menu_wrapper .dropdown-menu .dropdown-item {
        padding: 4px 15px;
        color: #fff;
        font-size: 14px;
    }

    .menu_wrapper .dropdown-mega .dropdown-menu {
        width: 100%;
        background: #171616;
        color: #fff;
    }

    .menu_wrapper .dropdown-mega .list-group-item {
        font-size: 12px;
    }

    .menu_wrapper .mega-content {
        padding: 0 !important;
    }

    .dropdown-mega h5 {
        border-color: #fff;
    }

    .header-partners span {
        font-size: 14px;
    }

    .header-partners img {
        width: 110px;
    }

    .header-bottom-area,
    .phosis_header_top_area,
    .menu_wrapper {
        padding: 15px 0;
    }

    .hero-area-contents a.video-play-btn {
        padding: 24px 30px;
    }

    .hero-area-contents a.video-play-btn i {
        font-size: 40px;
    }

    .hero-area-contents h3 {
        font-size: 27px;
        margin-bottom: 5px;
    }

    .hero-area-contents h2 {
        font-size: 60px;
    }

    .hero-area-contents p {
        font-size: 14px;
    }

    .hero-area-contents {
        margin-top: 35px;
        margin-bottom: 125px;
    }

    .hero-block-img {
        display: flex;
        justify-content: flex-end;
        align-items: flex-end;
        height: 80%;
    }

    .hero-block-img img {
        width: 90%;
    }

    .agency-box-single-item p {
        font-size: 14px;
    }

    .agency-box-single-item {
        padding: 10px 0;
    }

    .agency-intro-text {
        padding: 10px 0;
    }

    .agency-intro-text p {
        margin: 0;
    }

    .agency-author-intro {
        padding: 35px;
        padding-top: 70px;
    }

    .agency-author-intro h2 {
        font-size: 35px;
        margin-top: 30px;
        margin-bottom: 20px;
    }

    .agency-col-2 p.dropcap::first-letter {
        font-size: 45px;
        line-height: 25px;
    }

    .agency-col-2 p {
        font-size: 14px;
        line-height: 1.5;
    }

    .section-title h2 {
        font-size: 30px !important;
    }

    .agency-how-it-works {
        gap: 10px;
    }

    .agency-counter {
        height: 130px;
        width: 130px;
        line-height: 130px;
        font-size: 45px;
        margin-bottom: 20px;
    }

    .agency-how-it-works-item p {
        font-size: 14px;
    }

    .agency-course-icon h2 {
        font-size: 25px;
    }

    .more-courses {
        margin-top: 20px;
    }

    .agency-section-title h2 {
        font-size: 30px;
    }

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

    .phosis_all_class_tabs .nav-tabs .nav-link {
        font-size: 14px;
    }

    .agency-module-lessons-area {
        grid-template-columns: 1fr 1fr;
        gap: 15px;
    }

    .agency-need-help h2 {
        font-size: 50px;
    }

    .agency-need-help h3 {
        font-size: 20px;
    }

    .agency-need-help a {
        padding: 15px 30px;
        font-size: 16px;
        margin-top: 20px;
    }

    .pricing_box {
        grid-template-columns: 1fr 1fr;
        gap: 30px;
        padding-bottom: 65px;
        max-width: 90%;
    }

    section.simple-classes-area,
    section.agency-need-help-area,
    section.agency-courses-module-list-area,
    .pricing_area,
    section.agency-sign-up-process-area {

        padding: 100px 0;
    }


    .pricing_area {
        padding-bottom: 10px;
    }

    .agency-sign-up-process {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 30px;
    }

    .agency-single-process {
        width: auto;
        margin-top: 10px;
    }

    .process-content {
        padding: 0px 12px;
    }

    .process-title {
        padding: 20px 0;
    }

    .process-content p {
        text-align: center;
        font-size: 14px;
        line-height: 1.5;
    }

    .process-title h2 {
        margin: 0;
    }

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

    section.agency-faq-carousel-area {
        padding: 100px 0;
    }

    .accordion-button {
        font-size: 15px !important;
    }

    .accordion-body {
        font-size: 14px;
    }

    section.agency-mentor-qoute-area {
        padding: 0;
        padding-bottom: 50px;
    }

    .mentor_list {
        grid-template-columns: 1fr 1fr;
        gap: 30px;
        width: 80%;
    }

    footer .copyright span {
        font-size: 14px;
    }

    .tile-grid {
        grid-template-columns: repeat(2, auto);
    }
}

/* iPad Landscape */
@media screen and (min-width: 992px) and (max-width:1200) {


    .phosis_header_top_left {
        flex: auto;
        width: 30%;
        display: block;
    }

    .phosis_header_top_left img {
        max-width: 215px;
        display: inline-block;
        margin: 0;
    }

    .phosis_header_top_left ul li a {
        color: #fff;
        font-size: 10px;
    }

    .phosis_header_top_left ul {
        margin-left: 0;
    }

    .phosis_header_top_left ul li:last-child {
        display: inline;
        margin-left: 5px;
    }

    .phosis_header_top_right {
        flex: auto;
        width: auto;
        display: block;
        text-align: right;
    }

    .phosis_top_social_media ul li a i {
        width: 25px;
        height: 25px;
        line-height: 25px !important;
        font-size: 11px !important;
    }

    .phosis_top_social_media ul li a i {
        width: 25px;
        height: 25px;
        line-height: 25px !important;
        font-size: 11px !important;
    }

    .phosis_top_social_media {
        margin-bottom: 12px;
    }

    .phosis_buttons_area {
        display: block;
    }

    .phosis_buttons_area a {
        padding: 5px 14px;
        display: inline-block !important;
        font-size: 14px;
        margin: 0 3px;
        border-radius: 1;
    }

    button.navbar-toggler {
        width: 50px;
        height: 40px;
        padding: 0;
        text-align: center;
        line-height: 34px;
        border-width: 2px;
    }

    button.navbar-toggler i {
        height: auto;
    }

    .menu_wrapper .navbar-nav .nav-item {
        margin: 0;
        border: 0;
        border-bottom: 0;
    }

    .menu_wrapper .navbar-nav .nav-item:last-child {
        border: 0;
    }

    .menu_wrapper .nav-item .nav-link {
        padding: 10px 15px !important;
        font-size: 15px;
        position: relative;
    }

    .menu_wrapper .dropdown-toggle::after {
        position: relative;
        right: 0;
        top: calc(50% - 3px);
        height: 8px;
        vertical-align: unset;
        border-width: 6px;
    }

    ul.dropdown-menu.shadow.show {
        margin: 0;
        padding: 10px 0;
        background: #171616;
        border-radius: 0;
        border: 0;
    }

    .menu_wrapper .dropdown-menu .dropdown-item {
        padding: 4px 15px;
        color: #fff;
        font-size: 14px;
    }

    .menu_wrapper .dropdown-mega .dropdown-menu {
        width: 100%;
        background: #171616;
        color: #fff;
    }

    .menu_wrapper .dropdown-mega .list-group-item {
        font-size: 12px;
    }

    .menu_wrapper .mega-content {
        padding: 0 !important;
    }

    .dropdown-mega h5 {
        border-color: #fff;
    }

    .header-partners span {
        font-size: 14px;
    }

    .header-partners img {
        width: 110px;
    }

    .header-bottom-area,
    .phosis_header_top_area,
    .menu_wrapper {
        padding: 15px 0;
    }

    .hero-area-contents a.video-play-btn {
        padding: 30px 38px;
    }

    .hero-area-contents a.video-play-btn i {
        font-size: 55px;
    }

    .hero-area-contents h3 {
        font-size: 35px;
        margin-bottom: 5px;
    }

    .hero-area-contents h2 {
        font-size: 70px;
    }

    .hero-area-contents p {
        font-size: 16px;
    }

    .hero-area-contents {
        margin-top: 35px;
        margin-bottom: 145px;
    }

    .hero-block-img {
        display: flex;
        justify-content: flex-end;
        align-items: flex-end;
        height: 90%;
    }

    .hero-block-img img {
        width: 90%;
    }

    .agency-box-single-item p {
        font-size: 16px;
    }

    .agency-box-single-item {
        padding: 14px 0;
    }

    .agency-intro-text {
        padding: 10px 0;
    }

    .agency-intro-text p {
        margin: 0;
        font-size: 14px;
    }

    .agency-author-intro {
        padding: 46px;
        padding-top: 79px;
    }

    .agency-author-intro h2 {
        font-size: 40px;
        margin-top: 35px;
        margin-bottom: 20px;
    }

    .agency-col-2 p.dropcap::first-letter {
        font-size: 50px;
        line-height: 25px;
    }

    .agency-col-2 p {
        font-size: 16px;
        line-height: 1.5;
    }

    .section-title h2 {
        font-size: 40px !important;
    }

    .agency-how-it-works {
        gap: 10px;
    }

    .agency-counter {
        height: 130px;
        width: 130px;
        line-height: 130px;
        font-size: 45px;
        margin-bottom: 20px;
    }

    .agency-how-it-works-item p {
        font-size: 14px;
    }

    .agency-course-icon h2 {
        font-size: 25px;
    }

    .more-courses {
        margin-top: 40px;
    }

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

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

    .phosis_all_class_tabs .nav-tabs .nav-link {
        font-size: 16px;
    }

    .agency-module-lessons-area {
        grid-template-columns: 1fr 1fr;
        gap: 25px;
    }

    .agency-need-help h2 {
        font-size: 65px;
    }

    .agency-need-help h3 {
        font-size: 25px;
    }

    .agency-need-help a {
        padding: 16px 40px;
        font-size: 18px;
        margin-top: 30px;
    }

    .agency-need-help {
        padding: 70px 0;
    }

    .pricing_box {
        grid-template-columns: 1fr 1fr;
        gap: 30px;
        padding-bottom: 65px;
        max-width: 75%;
    }

    section.simple-classes-area,
    section.agency-need-help-area,
    section.agency-courses-module-list-area,
    .pricing_area,
    section.agency-sign-up-process-area,
    section.agency-how-it-works-area,
    section.agency-faq-carousel-area {

        padding: 70px 0;
    }


    .pricing_area {
        padding-bottom: 10px;
    }

    .agency-sign-up-process {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 30px;
    }

    .agency-single-process {
        width: auto;
        margin-top: 10px;
    }

    .process-content {
        padding: 0px 12px;
    }

    .process-title {
        padding: 20px 0;
    }

    .process-content p {
        text-align: center;
        font-size: 16px;
        line-height: 1.5;
    }

    .process-title h2 {
        margin: 0;
        font-size: 31px;
    }

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

    .accordion-button {
        font-size: 17px !important;
    }

    .accordion-body {
        font-size: 16px;
    }

    section.agency-mentor-qoute-area {
        padding: 0;
        padding-bottom: 70px;
    }


    footer .copyright span {
        font-size: 14px;
    }

    .mentor_list {
        grid-template-columns: 1fr 1fr;
        gap: 30px;
        width: 80%;
    }

    .lesson_thumb {
        width: 145px;
        height: 145px;
    }

    .module_content h2 {
        font-size: 20px !important;
    }

    .module_content h3 {
        font-size: 16px !important;
    }



}

/* Mobile Device */
@media screen and (max-width: 767px) {

    nav.navbar.navbar-expand-lg.large-d-menu {
        display: none;
    }

    /* Hero Area */
    .howitwork_page_hero_content {
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .what-we-title h3 {
        font-size: 14px;
    }

    .what-we-title {
        margin-bottom: 50px;
        font-size: 15px;
    }

    .what-we-title h2 {
        font-size: 30px;
        /* text-transform: uppercase; */
    }

    .service-list .section-title h2 {
        font-size: 35px !important;
    }

    section.agency-faq-carousel-area {
        padding-bottom: 50px;
    }

    .phosis_director_page_area .director_page_title h2 {
        font-size: 30px !important;
    }


    .phosis__our_team_page_items h2 {
        font-size: 18px;
        margin-bottom: 20px;
    }

    .team_page_btn a {
        font-size: 16px;
        padding: 10px 30px;
    }

    .phosis_director_page_area {
        padding: 100px 0;
    }

    .phosis__director_page_items {
        padding-top: 30px;
    }

    .phosis_director_page_area .director_page_title h2 {
        font-size: 30px !important;
    }

    section.phosis_director_page_area {
        padding: 100px 0;
    }

    .blog_single_content h5 {
        margin-top: 30px;
    }

    .padding-bottom {
        padding-bottom: 50px;
    }

    section.phosis__our_mission_re_entry_blog_area {
        padding-top: 50px;
    }

    .re__entry_blog__section {
        padding-top: 10px !important;
    }

    .entry_blog_item .re__entry_blog__section {
        padding-top: 50px !important;
        flex-direction: column-reverse;
        display: flex;
        gap: 10px;
    }

    .singleLesson_module_content h2 {
        font-size: 36px;
    }

    .lesson_list ul li.active::after {
        content: none;
    }

    .left_content button {
        width: auto !important;
        padding: 5px !important;
        margin: 0;
    }

    .single_content_wrapper {
        padding: 0 20px;
    }

    .re__entry_blog__section {
        display: block;
        padding: 100px 0;
    }

    .re__entry_blog_img_section {
        margin: 20px 0;
    }

    .re__entry_blog_img_section,
    .re__entry_blog_content {
        width: 100%;
        font-size: 14px;
    }

    .success_story_page_content h3 {
        font-size: 40px !important;
    }

    .success_story_page_content p {
        margin: 0 25px 25px;
        font-size: 18px;
    }

    .phosis_success_stroy_blog_area .row {
        flex-direction: column-reverse !important;
    }

    .phosis_re_entry_support_area {
        padding: 100px 0 !important;
    }

    .re_entry_support_single_items {
        margin: 25px 0 !important;
    }

    .phosis_re_entry_support_area .support_title h2 {
        font-size: 28px !important;
    }

    .re_entry_support_content h3 {
        font-size: 21px !important;
    }

    .our_mission_content h2 {
        font-size: 32px !important;
    }

    .our_mission_content h5 {
        font-size: 24px !important;
    }

    .section-padding {
        padding: 100px 0;
        overflow: hidden;
    }

    .success_single_content {
        margin-top: 40px;
        text-align: center;
    }

    .success_single_content h3 {
        font-size: 24px !important;
    }

    .phosis_success_stroy_blog_area {
        padding: 50px 20px 1px !important;
    }

    .story_blog_single_content {
        padding: 0 !important;
        text-align: left !important;
    }

    .contact-page .section_heading {
        width: 88% !important;
    }

    .story_blog_img {
        width: 180px;
        height: 180px;
        margin-bottom: 20px;
    }

    .howitwork_page_hero_content .video_play_btn i {
        border: 3px solid #fff !important;
        font-size: 25px !important;
    }

    .howitwork_page_hero_content h2 {
        font-size: 38px;
    }

    .howitwork_page_hero_content h3 {
        font-size: 20px;
    }

    .howitwork_page_hero_content p {
        font-size: 15px;
    }

    .programs_btns {
        flex-wrap: wrap;
    }

    .programs_btns a {
        font-size: 16px;
        border-radius: 10px;
        min-width: 65%;
        text-align: center;
    }

    .howitwork_page_hero_content p br {
        display: none;
    }

    .phosis_buttons a {
        display: inline-block;
        margin-bottom: 15px;
        text-align: center;
        margin-right: 0 !important;
    }

    .contact-form {
        display: block !important;
    }

    .contact-thumb {
        margin-top: 30px;
    }

    .contact-thumb {
        height: 280px !important;
    }

    .phosis_header_top {
        display: block;
    }

    .phosis_header_top_left {
        width: auto;
        display: block;
        text-align: center;
    }

    .phosis_header_top_left img {
        max-width: 280px;
        display: inline-block;
        margin: 0;
    }

    .phosis_header_top_left ul li a {
        font-size: 10px;
    }

    .phosis_header_top_left ul {
        margin-left: 0;
    }

    .phosis_header_top_left ul li:last-child {
        display: inline;
        margin-left: 5px;
    }

    .phosis_header_top_right {
        flex: auto;
        width: auto;
        display: flex;
        text-align: center;
    }

    .phosis_top_social_media ul li a i {
        width: 25px;
        height: 25px;
        line-height: 25px !important;
        font-size: 11px !important;
    }

    .phosis_top_social_media ul li a i {
        width: 25px;
        height: 25px;
        line-height: 17px !important;
        font-size: 13px !important;
    }

    .phosis_top_social_media {
        margin: 10px 0;
        /* text-align: center; */
        flex: 1;
    }

    .top_bar span {
        font-size: 14px;
        display: block;
        line-height: 1.3;
        margin-bottom: 10px;
        padding: 0;
    }

    .phosis_buttons_area {
        display: block;
        flex: 2;
    }

    .phosis_header_top_right .phosis_buttons_area {
        display: flex;
        flex: 2;
    }

    .phosis_top_social_media ul li a {
        margin: 0px 0px;
    }

    .phosis_buttons_area a {
        padding: 3px 4px;
        display: inline-block !important;
        font-size: 14px;
        margin: 0 3px;
        border-radius: 1;
    }


    button.navbar-toggler {
        width: 50px;
        height: 40px;
        padding: 0;
        text-align: center;
        line-height: 34px;
        border-width: 2px;
    }

    button.navbar-toggler i {
        height: auto;
        color: #fff;
    }

    .menu_wrapper .navbar-nav .nav-item {
        margin: 0;
        border: 0;
        border-bottom: 1px solid #1716161f;
    }

    .menu_wrapper .navbar-nav .nav-item:last-child {
        border: 0;
    }

    .menu_wrapper .nav-item .nav-link {
        padding: 12px 0 !important;
        font-size: 15px;
        position: relative;
        color: var(--primary);
    }

    .menu_wrapper .dropdown-toggle::after {
        position: absolute;
        right: 15px;
        top: calc(50% - 5px);
        height: 10px;
        vertical-align: unset;
        border-width: 8px;
    }

    ul.dropdown-menu.shadow.show {
        margin: 0;
        padding: 10px 0;
        background: #dcdcdc;
        border-radius: 0;
        border: 0;
    }

    .menu_wrapper .dropdown-menu .dropdown-item {
        padding: 4px 15px;
        color: var(--primary);
        font-size: 14px;
    }

    .menu_wrapper .dropdown-mega .dropdown-menu {
        width: 100%;
        background: #171616;
        color: #fff;
    }

    .dropdown-mega .list-group-item:hover,
    .dropdown-mega .list-group-item.current,
    a.dropdown-item.current {
        color: #000 !important;
        font-weight: 700;
    }

    .menu_wrapper .dropdown-mega .list-group-item {
        font-size: 12px;
    }

    .menu_wrapper .mega-content {
        padding: 0 !important;
    }

    .dropdown-mega h5 {
        border-color: #fff;
        margin: 20px 0;
        margin-bottom: 10px;
        padding-bottom: 5px;
    }

    .header-partners span {
        font-size: 14px;
    }

    .header-partners img {
        width: 110px;
    }

    .header-bottom-area,
    .phosis_header_top_area,
    .menu_wrapper {
        padding: 5px 0;
    }

    .header-bottom-area {
        border-bottom: 15px solid #f2cb04;
    }

    .agency-hero-area .col-sm-4 {
        order: 2;
    }

    .agency-hero-area .col-sm-8 {
        order: 1;
    }

    .hero-area-contents a.video-play-btn {
        padding: 24px 30px;
    }

    .hero-area-contents a.video-play-btn i {
        font-size: 40px;
    }

    .section-bg {
        min-height: 50vh;
    }

    .hero-area-contents h3 {
        font-size: 23px;
        margin-bottom: 5px;
    }

    .hero-area-contents h2 {
        font-size: 46px;
    }

    .howitwork_page_hero_content h5 {
        font-size: 18px;
        margin-top: 10px;
    }

    .hero-area-contents p {
        font-size: 14px;
    }

    .hero-area-contents {
        margin-top: 40px;
        margin-bottom: 90px;
    }

    .hero-block-img {
        display: flex;
        justify-content: center;
        align-items: flex-end;
        height: 82%;
        margin: auto;
    }

    .hero-block-img img {
        width: 70%;
    }

    .agency-box-single-item p {
        font-size: 14px;
    }

    .agency-box-single-item {
        padding: 10px 0;
    }

    .agency-intro-text {
        padding: 10px 20px;
    }

    .agency-intro-text p {
        margin: 0;
    }

    .agency-intro-items {
        flex-direction: column;
    }

    .agency-author-intro {
        padding: 20px;
        padding-top: 265px;
        margin-top: -280px;
    }

    .agency-author-intro h2 {
        font-size: 30px;
        margin-top: 25px;
        margin-bottom: 15px;
    }

    .single_widget_content {
        padding: 30px 20px;
    }

    .agency-col-2 {
        display: block;
    }

    .agency-col-2 .col-6 {
        width: 100%;
        padding: 0;
    }

    .agency-col-2 p.dropcap::first-letter {
        font-size: 45px;
        line-height: 25px;
    }

    .agency-col-2 p {
        font-size: 14px;
        line-height: 1.5;
        margin-bottom: 15px;
    }

    .agency-col-2 p br {
        display: none;
    }

    .agency-col-2 h4 {
        font-size: 25px;
        margin-top: 20px;
    }


    .section-title h2 {
        font-size: 30px !important;
    }

    .agency-how-it-works {
        gap: 25px;
        display: grid;
        grid-template-columns: 1fr;
        width: 80%;
        margin: auto;
    }

    .agency-counter {
        height: 130px;
        width: 130px;
        line-height: 130px;
        font-size: 45px;
        margin-bottom: 20px;
    }

    .agency-how-it-works-item p {
        font-size: 14px;
    }

    .agency-course-icon h2 {
        font-size: 25px;
    }

    .agency-single-course-item {
        flex-direction: column;
    }

    .more-courses {
        margin-top: 20px;
    }

    .agency-section-title h2 {
        font-size: 30px;
    }

    .agency-section-title p {
        font-size: 14px;
        padding: 0px 20px;
    }

    .left_content button.mobile_lesson_sidebar.navbar-toggler.mb-2 {
        width: 100% !important;
        display: block;
        text-transform: uppercase;
        letter-spacing: 2px;
        height: auto !important;
        padding: 12px 0 !important;
        border-color: #b6bc39;
    }

    .left_content button.mobile_lesson_sidebar.navbar-toggler.mb-2 h5 {
        font-size: 16px;
        margin: 0;
        color: #b6bc39;
    }

    .phosis_all_class_tabs .nav-tabs .nav-link {
        font-size: 14px;
        padding: 8px 10px;
    }

    .phosis_all_class_tabs nav {
        margin-bottom: 20px;
    }

    .agency-module-lessons-area {
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .agency-need-help h2 {
        font-size: 26px;
    }

    .agency-need-help h3 {
        font-size: 15px;
        width: 75%;
        margin: auto;
        margin-top: 8px;
    }

    .agency-need-help a {
        padding: 10px 0;
        font-size: 14px;
        margin-top: 30px;
        display: block;
    }

    .pricing_box {
        grid-template-columns: 1fr;
        gap: 30px;
        padding-bottom: 0;
        max-width: initial;
    }

    section.simple-classes-area,
    section.agency-need-help-area,
    section.agency-courses-module-list-area,
    .pricing_area,
    section.agency-sign-up-process-area {

        padding: 100px 0;
    }


    .pricing_area {
        padding-bottom: 50px;
    }

    .agency-sign-up-process {
        display: grid;
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .agency-single-process {
        width: auto;
        margin-top: 10px;
    }

    .process-content {
        padding: 0;
    }

    .process-title {
        padding: 20px 0;
    }

    .process-content p {
        text-align: center;
        font-size: 14px;
        line-height: 1.5;
    }

    .process-title h2 {
        margin: 0;
        font-size: 30px;
    }

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

    section.agency-faq-carousel-area {
        padding: 100px 0;
    }

    .accordion-button {
        font-size: 16px !important;
        line-height: 1.3;
    }

    .accordion-body {
        font-size: 14px;
    }

    section.agency-mentor-qoute-area {
        padding: 0;
        padding-bottom: 50px;
    }

    .mentor_list {
        grid-template-columns: 1fr;
        gap: 30px;
        width: auto;
    }

    footer .copyright span {
        font-size: 12px;
        line-height: 1.5;
    }

    /* How It Work */
    .meta_widget_items {
        grid-template-columns: 1fr;
        padding: 20px 0;
    }

    .heading_title {
        height: 80px;
        width: 90%;
        margin: auto;
    }

    .heading_title h3 {
        font-size: 18px;
    }

    .single_widget_content p {
        font-size: 14px;
        padding: 0;
    }

    /* btn */
    a.donation_btn {

        text-align: center;
        margin-top: 20px;
    }

    .dashobard-sidebar-btn {
        display: block;
    }


    .dashboard-sidebar {
        width: 300px;
        flex: unset;
        position: fixed;
        z-index: 99;
        left: -320px;
        top: 0;
        height: 100vh;
        transition: all .3s ease-in-out;
    }

    .dashboard-sidebar.open {
        left: 0px;
    }

    .dashobard-sidebar-close-btn {
        display: block;
    }

    .dashboard-content {
        margin-left: 0;
    }

    .membership-panel {
        position: relative;
        flex-direction: column;
    }

    .settings .row {
        flex-direction: column-reverse;
    }

    .tile-grid {
        grid-template-columns: repeat(1, auto);
    }


    .lesson_documents ul li {
        flex-direction: column;
    }

    .document_btn {
        display: block;
        text-align: right;
        margin-top: 15px;
        border-bottom: 1px solid;
        padding-bottom: 12px;
    }

    .document_btn a {
        font-size: 13px;
        padding: 5px 14px !important;
    }


    .singleLesson_module_content>span {
        font-size: 14px;
    }

    .header-partners a:last-child {
        width: max-content;
        margin-top: 10px;
        font-size: 14px;
        padding: 3px 14px;
    }

    .agency-intro-box {
        position: relative;
    }

    .title {
        padding: 10px 0;
    }

    .footer_area {
        padding-bottom: 20px;
    }

    .single_footer_item {
        font-size: 14px;
        font-weight: 300;
        margin-bottom: 30px;
    }

    #clonedMainMenu {
        display: block;
    }

    a.donation_btn {
        text-align: center;
        margin-top: 20px;
        display: block;
    }

    .menu_wrapper .nav-item:first-child a.nav-link i {
        display: none;
    }

    .menu_wrapper .nav-item:first-child a.nav-link span {
        display: block;
    }

    .service-list .section-title h2 {
        font-size: 40px !important;
    }

    .service-item {
        margin-bottom: 30px;
        padding: 25px 5vw;
    }

    .service-title,
    .service-item .icon-box {
        margin-bottom: 20px;
    }

    .service-content {
        margin-bottom: 12px;
    }

    .our-services {
        padding: 100px 0;
    }

    .why-trial-class .row {
        flex-direction: column-reverse;
    }

    .what-we-title h3 {
        font-size: 16px;
    }

    .what-we-title h2 {
        font-size: 48px;
    }

    .what-we-title {
        margin-bottom: 20px;
    }

    .why-trial-class {
        padding: 100px 0;
    }

    .why-trail-box {
        margin-bottom: 15px;
    }

    .why-trail-box ul li {
        margin-bottom: 6px;
    }


    .our-program-content h1 {
        font-size: 30px;
    }

    .our-program-banner-area {
        min-height: 40vh;
    }

    .our-program-content {
        font-size: 15px;
        padding: 30px 0;
    }

    .program-cta-area {
        padding: 40px 0;
    }

    .program-cta h2 {
        font-size: 35px;
    }

    .program-cta {
        font-size: 15px;
    }

    .our-program-overview-area {
        padding: 100px 0;
        padding-bottom: 0;
    }

    .service-item .image-box img {
        aspect-ratio: auto;
    }

    .program-content {
        text-align: center;
    }

    .program-title h2 {
        font-size: 30px;
    }

    .program-content-box {
        font-size: 15px;
    }

    .single-program-overview:nth-child(2n+1) .row {
        flex-direction: column-reverse;
    }

    .program-content-box .primary_btn_container {

        margin: auto;
    }

    .single-program-overview .image-anime.reveal {
        width: auto;
        margin-bottom: 30px;
    }

    .single-program-overview {
        margin-bottom: 40px;
    }

    .faq-area {
        padding: 100px 0;
    }

    .faq-section-title h3 {
        font-size: 25px;
    }

    .faq-section-title p {
        padding: 0px 35px;
        font-size: 16px;
    }

    .faq-content {
        padding-left: 30px;
        font-size: 15px;
    }

    .single-partner-cta {
        margin-bottom: 40px;
        padding: 20px;
    }

    .what-we-do {
        padding: 100px 0;
    }

    .what-we-title h2 {
        font-size: 7vw;
    }

    .what-we-image img {
        aspect-ratio: auto;
    }

    .what-we-title h3 {
        font-size: 13px;
    }

    .what-we-title {
        margin-bottom: 30px;
        font-size: 14px;
    }

    .what-we-item {
        margin-bottom: 30px;
    }

    .what-we-item-content {
        font-size: 15px;
    }

    .what-we-item-content h3 {
        font-size: 18px;
        margin-bottom: 8px;
    }

    .cta-box.bg-section.dark-section .row.align-items-center {
        flex-direction: column-reverse;
    }

    .cta-box-image {
        text-align: center;
    }

    .cta-box-image figure {
        margin-bottom: 35px;
    }

    .cta-box-content h2 {
        font-size: 9vw;
    }

    .cta-box.dark-section .row {
        flex-direction: column-reverse;
    }

    .cta-box-image img {
        width: 85%;
        margin-bottom: 0;
    }

    .cta-box-content {
        font-size: 16px;
        margin-bottom: 0;
        text-align: center;
    }

    .donation_form form {
        padding: 20px !important
    }

    .amount-row {
        grid-template-columns: 1fr 1fr;
    }

    .amount-box label {
        padding: 15px 10px;
    }

    .donation_form h2 {
        font-size: 20px;
    }

    .information-box {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    /*  */
    #simply-countdown-losange {
        display: flex;
        /* grid-template-columns: 1fr 1fr 1fr 1fr; */
        justify-content: center;
        gap: 19px;
        /* margin: auto; */
    }

    .simply-countdown-losange>.simply-section {
        width: 80px;
        height: 80px;
        margin: 0;
    }

    .simply-countdown-losange>.simply-section>div .simply-amount,
    .simply-countdown-losange>.simply-section>div .simply-word {
        font-size: 15px;
    }

    .event_content {
        padding: 20px !important;
    }

    .event_info {
        flex-wrap: wrap;
    }


    .our-program-banner-area.fund-raiser-area {
        min-height: 450px;
    }

    .our-program-content.fund-raiser h5 {
        font-size: 16px;
        width: 70%;
        margin: 20px auto;
    }

    .our-program-content.fund-raiser p {
        width: 80vw;
        margin: auto;
        font-size: 16px;
        line-height: 1.3;
    }

    .what-we-do.fund-raiser .what-we-title h2 {
        font-size: 25px;
    }

    .fund-raier-item-box {
        width: 85%;
        margin: auto;
    }

    .fund-raier-item-box ul li {
        font-size: 15px;
    }

    .fund-raiser-why-attend-area .service-item {
        padding: 30px 16px;
        height: auto;
        margin: 20px;
    }

    .fund-raiser-why-attend-area .service-content h3 {
        font-size: 25px;
        margin-bottom: 20px;
        line-height: 1.4;
    }

    .simply-countdown-losange>.simply-section {
        width: 100px !important;
        height: 100px !important;
        margin: 14px !important;
    }


    #simply-countdown-losange {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        justify-content: center;
        gap: 20px;
        /* margin: auto; */
        height: auto;
    }

    .event_location .event_info {
        display: block;
    }

    .event_location .single_box {
        margin-bottom: 20px;
    }

    .event_location .single_box p {
        font-size: 17px;
    }

    .phosis_fundraiser_page_area.event_area.why-fund-raise .event_content h1 {
        font-size: 30px;
    }

    .phosis_fundraiser_page_area.event_area.why-fund-raise .event_content h5 {
        font-size: 16px;
    }

    .phosis_fundraiser_page_area.event_area.why-fund-raise .event_content h4 {
        font-size: 17px;
    }

    .phosis_fundraiser_page_area.event_area.why-fund-raise {
        padding-bottom: 20px;
    }

    .fund-raiser .cta-box-content h2 {
        font-size: 32px;
    }

    .fund-raiser .cta-box-content {
        font-size: 17px;
        margin-bottom: 30px;
        text-align: center;
    }

    .cta-box-list ul {
        gap: 15px 20px;
        justify-content: flex-start;
        text-align: left;
    }

    .cta-box-list ul li {
        font-size: 14px;
    }

    .cta-box-list {
        margin: 15px 0;
    }

    .cta-box-content .primary_btn_container {
        margin: auto;
    }

    .cta-box.bg-section.fund-raiser .row {
        flex-direction: column-reverse;
    }

    .cta-box.bg-section.fund-raiser {
        padding-bottom: 30px;
    }

    #booking_form .information-box {
        grid-template-columns: 1fr;
    }

    #booking_form #donation_form {
        padding: 50px 30px !important;
    }

    .form-group.mt-5.text-center.book-button-box {
        margin-top: 20px !important;
    }

    .re-entry-banner-area .banner_buttons a {
        padding: 12px 10px;
        font-size: 13px;
    }

    .reentry-video-promo-area {
        padding: 100px 0;
    }

    .reentry-video-promo-content {
        font-size: 16px;
    }

    .reentry-video-promo-content h1 {
        font-size: 36px;
        margin-top: 20px;
    }

    .reentry-video-promo-content h3 {
        font-size: 22px;
    }

    .reentry-video-promo-buttons {
        gap: 15px;
    }

    .reentry-video-promo-buttons a {
        padding: 10px 15px;
        font-size: 14px;
    }

    .re__entry_blog_content h5 {
        font-size: 22px;
    }

    .image-anime.reveal {
        width: 100%;
    }

    .banner_buttons a {
        padding: 12px;
        font-size: 14px;
        gap: 7px;
    }

    .what-we-content {
        margin-top: 30px;
    }

    .what-we-item-box .primary_btn_container {
        margin: auto;
    }

    .service-title h3 {
        font-size: 20px;
    }

    .service-title,
    .service-item .icon-box,
    .service-content,
    .service-btn {
        text-align: center;
    }

    .service-content ul {
        justify-content: center;
    }

    .why-trial-box-wrapper {
        width: calc(100% - 0px);
    }

    .primary_btn_container {
        margin: auto;
    }

    .btn-group button {
        padding: 3px 15px;
        font-size: 14px;
    }

    .phosis_buttons_area a.my-carts {
        background: var(--primary);
        height: 35px;
        line-height: 33px;
    }

    /* .menu_wrapper .navbar-nav .nav-item:last-child {
        display: none;
    } */

    .reentry-application-thank-you {
        padding: 100px 0;
    }

    .reentry-application-thank-you .row {
        flex-direction: column-reverse;
    }

    .thank-you-thumb {
        margin-bottom: 30px;
    }

    .thank-you-content h1 {
        margin: 20px 0;
        font-size: 30px;
    }

    .thank-you-content a {
        padding: 5px 10px;
        font-size: 16px;
    }

    .partner-hero-content h1 {
        font-size: 10vw;
    }

    .partner-hero-content h4 {
        font-size: 18px;
    }

    .partner-hero-content {
        font-size: 15px;
        padding: 0px 10px;
    }

    .button-group .btn {
        padding: 10px 20px;
        font-size: 13px;
    }

    .partner-hero-area .row {
        flex-direction: column-reverse;
    }

    .partner-hero-area {
        padding: 100px 0;
    }

    .partner-banner {
        margin-bottom: 30px;
    }

    .phosis-partner-cta-area h1 {
        font-size: 32px;
        margin-bottom: 20px;
    }

    .phosis-partner-cta-area {
        padding: 100px 0;
    }

    .testimonial_area {
        margin-bottom: 50px;
    }

    .testimonial_area_title h2 {
        font-size: 23px;
    }

    .testimonal_items {
        grid-template-columns: repeat(1, auto);
        gap: 15px;
        width: auto;
    }

    .what-we-do.fund-raiser.donation-page .row,
    .cta-box.bg-section.donation-cta .row {
        flex-direction: column-reverse;
    }

    .banner_buttons {
        justify-content: center !important;
    }

    .cta-box.bg-section.donation-cta .cta-box-content h2 {
        font-size: 8vw;
    }

    .donation-gift-area h1 {
        font-size: 30px;
        margin-bottom: 20px;
    }

    .donation-gift-area h4 {
        font-size: 16px;
        margin-bottom: 20px;
    }

    .donation-gift-area {
        padding: 100px 0;
    }

    .button-group.donation-button-group {
        gap: 12px;
        margin-bottom: 20px;
    }

    .button-group.donation-button-group a {
        min-width: 45%;
        padding: 10px 10px;
        font-size: 12px;
    }

    .donation-gift-area small {
        font-size: 12px;
    }

    .donation-gift-area small {
        font-size: 15px;
        width: 80%;
        display: inline-block;
    }

    .donation-gift-area small i {
        margin-right: 5px;
    }

    .grid-template-4 {
        grid-template-columns: repeat(2, 1fr);
    }

    .grid {
        display: grid;
        gap: 30px;
    }

    .sponsor-hero-content {
        text-align: center;
    }

    .sponsor-hero-content h1 {
        font-size: 40px;
        margin-bottom: 10px;
    }

    .sponsor-hero-content h4 {
        font-size: 18px;
        margin-bottom: 35px;
    }

    .sponsor-hero-content ul {
        gap: 5px;
        flex-direction: column;
    }

    .sponsor-hero-area {
        background-position: right center;
        padding: 100px 0;
        background-color: #0009;
        background-blend-mode: overlay;
    }

    .sponsor-packages-area {
        padding: 100px 0;
    }

    .single-sponsor-package {
        height: auto;
        box-shadow: none;
        margin: auto;
        margin-bottom: 20px;
        width: 95%;
        border: 1px solid #ededed57;
    }

    .single-sponsor-package h2 {
        font-size: 25px;
    }

    .sponsor-cta-content {
        padding: 30px 15px;
    }

    .sponsor-cta-content h2 {
        font-size: 7vw;
    }

    .sponsor-cta-content h4 {
        font-size: 15px;
    }

    .sponsorship-why-content h2 {
        font-size: 37px;
    }

    .sponsorship-why-content {
        font-size: 16px;
        margin-top: 30px;
    }

    .sponsorship-why-content .fund-raier-item-box {
        width: auto;
    }

    .download-packet {
        margin: 50px 0;
    }

    .download-packet a {
        font-size: 17px;
    }

    .sponsorship-why-content .fund-raier-item-box ul {
        margin-bottom: 0;
    }

    .spondor-cta .cta-box-content h2 {
        font-size: 7vw;
    }

    .spondor-cta .cta-box-content h4 {
        font-size: 4vw;
    }

    .spondor-cta .cta-box-content {
        margin: 30px 0;
    }

    .cta-box.bg-section.spondor-cta {
        padding-bottom: 0;
    }

    .cta-box.bg-section.spondor-cta .row {
        flex-direction: column-reverse;
    }

    .apply-volunteer-content h1 {
        font-size: 30px;
    }

    .apply-volunteer-content h4 {
        font-size: 14px;
    }

    .two-column {
        display: flex;
        gap: 0;
        flex-direction: column;
    }

    .apply-volunteer-form .form-group {
        margin-bottom: 10px;
    }

    .single-checkbox {
        align-items: flex-start;
    }

    .form-group h2 {
        font-size: 22px;
        margin-top: 20px;
    }

    .apply-volunteer-form {
        padding: 20px;
        margin: 0px 15px;
    }

    .cta-box.bg-section.contact-cta .cta-box-content h2 {
        font-size: 45px;
    }

    .cta-box.bg-section.contact-cta .cta-box-content h4 {
        font-size: 17px;
    }

    .cta-box.bg-section.contact-cta .cta-box-content h4 br {
        display: none;
    }

    .contact-cta .banner_buttons a {

        align-self: center;
    }

    .contact-page h1 {
        font-size: 30px;
        margin-bottom: 10px;
    }

    .contact-page p {
        font-size: 12px;
    }

    .contact-form {
        padding: 20px;
    }

    .single-service-item h2 {
        font-size: 25px;
    }

    .mission-hero-content {
        padding: 100px 0;
    }

    .mission-hero-content h1 {
        font-size: 38px;
        margin-bottom: 20px;
    }

    .mission-hero-content p {
        padding: 0px 20px;
        font-size: 14px;
    }

    .mission-why-content {
        font-size: 15px;
    }

    .mission-why-content ul {
        margin-bottom: 20px;
        padding: 0px 20px;
    }

    .mission-why-content h1 {
        font-size: 32px;
        margin-bottom: 20px;
    }

    .mission-why-area {
        padding: 100px 0;
    }

    .mission-program-title h1 {
        font-size: 34px;
        margin-bottom: 20px;
    }

    .mission-program-title h4 {
        width: 95%;
        font-size: 16px;
    }

    .mission-four-programs {
        grid-template-columns: repeat(1, 1fr);
        gap: 50px;
    }

    .mission-four-programs-area {
        padding-bottom: 50px;
    }

    .cta-box.bg-section.mission-cta .cta-box-content h2 {
        font-size: 32px;
        margin-bottom: 8px;
    }

    .cta-box.bg-section.mission-cta .cta-box-content h4 {
        margin-bottom: 20px;
        font-size: 15px;
    }

    .cta-box.bg-section.mission-cta .cta-box-content .banner_buttons a {
        padding: 12px 30px;
    }

    .cta-box.bg-section.mission-cta .row {
        flex-direction: column-reverse;
    }

    .cta-box.bg-section.mission-cta .cta-box-content {
        margin-top: 30px;
    }

    .mission-why-partner-content h1 {
        font-size: 30px;
        margin-bottom: 20px;
    }

    .mission-why-partner-content img {
        float: unset;
        width: auto;
        margin: 0;
        max-width: 80%;
        margin-bottom: 25px;
    }

    .mission-why-partner-content .text {
        font-size: 15px;
        line-height: 1.4;
        text-align: center;
    }

    .mission-why-partner-content .text p,
    .mission-why-partner-content .text ul li {
        text-align: left;
    }

    .mission-why-partner-content .group_link {
        display: flex;
        margin-top: 20px;
        gap: 15px;
        flex-wrap: wrap;
        flex-direction: column;
    }

    .mission-why-partner-area {
        padding-bottom: 100px;
    }

    .single-program-box h2 {
        justify-content: center;
        font-size: 25px;
        margin-top: 25px;
    }

    .single-program-box {
        font-size: 15px;
    }

    .single-program-box p {
        text-align: center;
    }

    .cta-box.bg-section.mission-cta .cta-box-image img {
        width: 50%;
        margin-bottom: 0;
    }

    .single_footer_item h2 {
        display: inline-block;
    }

    .footer_area .row .col-lg-3:nth-child(1) .single_footer_item {
        text-align: center;
    }

    .footer_area .row .col-lg-3:nth-child(2),
    .footer_area .row .col-lg-3:nth-child(3) {
        width: 50%;
    }

    .footer_area .row .col-lg-3:nth-child(4) {
        width: auto;
        margin: auto;
        text-align: center;
    }

    .single_footer_item .social_media {
        justify-content: center;
    }

    .mission-why-partner-content {
        padding: 0px 20px;
    }

    .single-program-box {
        padding: 0px 8px;
    }

    .top_bar {
        padding: 7px 0;
    }

    .top_bar span {
        font-size: 13px;
        display: block;
        line-height: 1.3;
        margin-bottom: 10px;
        padding: 0;
        letter-spacing: normal;
    }

    .top_bar a.btn {
        font-size: 12px;
    }

    .phosis_header_top_area {
        padding: 15px 0;
    }

    .phosis_header_top_left a {
        display: inline-block;
    }

    .phosis_header_top_left ul {
        line-height: 1;
    }

    .phosis_top_social_media {
        display: none;
    }

    .phosis_buttons_area {
        margin-top: 10px;
    }

    .phosis_buttons_area a.btn-text {
        padding: 0px 0px;
        display: inline-block !important;
        font-size: 12px;
        margin: 0;
    }

    .phosis_buttons_area button.btn:first-child {
        padding: 0px 10px;
        padding-right: 15px;
    }

    .phosis_buttons_area button.btn:last-child {
        padding: 0px 10px;
        padding-left: 15px;
    }

    .btn-group-phosis .btn {
        font-size: 12px;
    }

    .btn-group-phosis .btn::before {
        font-size: 7px;
        width: 16px;
        height: 16px;
        line-height: 16px;
        left: -8px;
    }

    .phosis_header_top_right .phosis_buttons_area {
        display: flex;
        justify-content: center;
    }

    .phosis_buttons_area a.my-carts {
        height: 30px;
        line-height: 28px;
    }

    .my-carts span {
        width: 18px;
        height: 20px;
        font-size: 10px;
        border-radius: 50%;
        right: -13px;
        top: -12px;
        line-height: 21px;
    }

    button.navbar-toggler {
        width: 40px;
        height: 30px;
        padding: 0;
        text-align: center;
        line-height: 27px;
        border-width: 1px;
    }

    .header-partners span {
        font-size: 13px;
        flex: 100%;
    }

    .header-partners img {
        width: 90px;
    }

    .header-partners a {
        padding: 0 !important;
        margin: 0px 5px;
    }

    .header-bottom-area {
        padding: 15px 0;
    }

    .mobile_only {
        display: block;
    }

    #clonedMainMenu .navbar-nav .nav-item {
        margin: 0 !important;
    }

    .offcanvas-body {
        padding: 0;
    }

    .offcanvas-end {
        width: 100%;
    }

    #clonedMainMenu .navbar-nav .nav-item {
        margin: 0 !important;
        padding: 0px 20px;
    }

    #clonedMainMenu>ul>li:nth-last-child(2),
    #clonedMainMenu>ul>li:last-child {
        display: inline-block;
        width: 49%;
        margin: 10px 0px 0 10px !important;
        border: none;
        padding-top: 15px !important;
    }

    #clonedMainMenu>ul>li:nth-last-child(2) a,
    #clonedMainMenu>ul>li:last-child a {
        width: 100%;
        text-align: center;
        font-weight: bold;
        padding: 10px 0;
    }

    .btn-group.btn-group-phosis.btn-full button {
        padding: 10px;
        font-size: 16px;
    }

    .offcanvas-body .btn-group.btn-group-phosis.btn-full {
        padding: 0px 20px;
    }

    .offcanvas-body .btn-group-phosis .btn::before {
        font-size: 12px;
        width: 22px;
        height: 22px;
        line-height: 21px;
        left: -14px;
    }

    .btn-close {
        font-size: 25px;
    }

    .phosis__director_page_items {
        display: block;
    }

    .text-center.director-image {
        margin-bottom: 30px;
    }

    .phosis__director_page_items .director_items_card h4,
    .phosis__director_page_items .director_items_card h5 {
        text-align: center;
    }

    .phosis__director_page_items {
        padding-top: 30px;
        padding: 30px 10px;
    }

    .bod-hero-content h1 {
        font-size: 36px;
    }

    .bod-hero-area {
        height: auto;
        padding: 100px 30px;
        background-color: #00000091;
        background-blend-mode: overlay;
    }

    .bod-hero-content .lead {
        font-size: 15px;
    }

    .author-image {
        float: none;
        margin-top: 15px;
        shape-outside: unset;
        margin: auto;
        margin-bottom: 30px;
    }

    .single-story-content h2 {
        text-align: center;
    }

    .bod-hero-content .banner_buttons {
        margin-top: 25px;
    }

    .success-stories-hero .bod-hero-content .lead {
        font-size: 14px;
    }
}



@media screen and (max-width: 375px) {
    .top_bar {
        padding: 7px 0;
    }

    .top_bar span {
        font-size: 13px;
        display: block;
        line-height: 1.3;
        margin-bottom: 10px;
        padding: 0;
        letter-spacing: normal;
    }

    .top_bar a.btn {
        font-size: 12px;
    }

    .phosis_header_top_area {
        padding: 15px 0;
    }

    .phosis_header_top_left a {
        display: inline-block;
    }

    .phosis_header_top_left ul {
        line-height: 1;
    }

    .phosis_top_social_media {
        display: none;
    }

    .phosis_buttons_area {
        margin-top: 10px;
    }

    .phosis_buttons_area a.btn-text {
        padding: 0px 0px;
        display: inline-block !important;
        font-size: 11px;
        margin: 0;
    }

    .phosis_buttons_area button.btn:first-child {
        padding: 0px 10px;
        padding-right: 15px;
    }

    .phosis_buttons_area button.btn:last-child {
        padding: 0px 10px;
        padding-left: 15px;
    }

    .btn-group-phosis .btn {
        font-size: 11px;
    }

    .btn-group-phosis .btn::before {
        font-size: 7px;
        width: 16px;
        height: 16px;
        line-height: 16px;
        left: -8px;
    }

    .phosis_header_top_right .phosis_buttons_area {
        display: flex;
        justify-content: center;
    }

    .phosis_buttons_area a.my-carts {
        height: 30px;
        line-height: 28px;
    }

    .my-carts span {
        width: 18px;
        height: 20px;
        font-size: 10px;
        border-radius: 50%;
        right: -13px;
        top: -12px;
        line-height: 21px;
    }

    button.navbar-toggler {
        width: 40px;
        height: 30px;
        padding: 0;
        text-align: center;
        line-height: 27px;
        border-width: 1px;
    }

    .header-partners span {
        font-size: 13px;
        flex: 100%;
    }

    .header-partners img {
        width: 90px;
    }

    .header-partners a {
        padding: 0 !important;
        margin: 0px 5px;
    }

    .header-bottom-area {
        padding: 15px 0;
    }

    .mission-hero-content h1 {
        font-size: 25px;
    }

    .mission-hero-content p {
        padding: 0px 5px;
        font-size: 13px;
    }

    .mission-hero-content .button-group {
        margin-top: 10px;
    }

    .button-group .btn {
        padding: 8px 15px;
        font-size: 11px;
    }

    .mission-why-content h1 {
        font-size: 22px;
        margin-bottom: 20px;
    }

    .mission-why-content {
        font-size: 13px;
    }

    .mission-why-partner-content h1 {
        font-size: 22px;
        margin-bottom: 20px;
    }

    .mission-why-partner-content .text {
        font-size: 13px;
    }

    .mission-why-partner-content .group_link {
        display: block;
        margin-top: 20px;
    }

    .mission-why-partner-content .group_link a {
        margin-bottom: 10px;
    }

    .mission-why-partner-area {
        padding-bottom: 80px;
    }

    .mission-why-area {
        padding: 80px 0;
    }

    .mission-program-title h1 {
        font-size: 22px;
        margin-bottom: 20px;
    }

    .mission-program-title h4 {
        font-size: 13px;
    }

    .single-program-box img {
        height: auto;
        object-fit: contain;
        width: 100%;
        margin: auto;
        max-width: 150px;
    }

    .single-program-box {
        font-size: 13px;
        display: block;
    }

    .single-program-box h2 {
        font-size: 18px;
        display: flex;
        margin: 10px 0;
        justify-content: center;
    }

    .single-program-box h2 span {
        height: 12px;
        width: 12px;
    }

    .single-program-box p {
        text-align: center;
    }

    .single-program-box a {
        font-size: 13px;
        text-align: center;
        display: inline-block;
        padding: 10px 20px;
        color: #fff;
    }

    .cta-box.bg-section.mission-cta img {
        width: 100%;
        max-width: 150px;
    }

    .cta-box.bg-section.mission-cta .cta-box-content h2 {
        font-size: 22px;
    }

    .cta-box.bg-section.mission-cta .cta-box-content h4 {
        margin-bottom: 20px;
        font-size: 12px;
    }

    .cta-box.bg-section.mission-cta .cta-box-content .banner_buttons a {
        padding: 7px 13px;
        font-size: 12px;
    }

    .cta-box.bg-section.mission-cta .cta-box-content {
        margin-top: 10px;
    }
}