@media only screen and (min-width: 320px) and (max-width: 480px) {
    .vertical_event_banner_side_image {
        height: fit-content;
        width: fit-content;
        margin: 0 auto;
    }

    /* .upcoming_event_card {
        position: unset;
    } */

    .aboutus_headline_container {
        flex-direction: column;
    }

    .fmc-stat-item {
        width: 100%;
    }

    .fmc-hero-stats {
        flex-direction: column;
    }

    .fmc-hero-title {
        font-size: 1.5em;
    }

    .trend-content-main {
        width: unset !important;
    }

    .trend-image {
        margin: 0 auto;
    }

    .circles_bg_section {
        padding: 1em 0;
    }

    .counter-card.active {
        transform: translateY(0);
    }

    .scoreboard_side_imagebox {
        height: 13em;
    }

    .our_mission_vision_sidepic_box {
        width: 100%;
    }

    .timeline_line,
    .timeline_dot {
        left: 20px;
    }

    .timeline_content {
        width: calc(100% - 50px);
        margin-left: 50px !important;
        margin-right: 0 !important;
        text-align: left !important;
        padding-left: 2em !important;
        padding-right: 2em !important;
    }

    .timeline_item {
        margin-bottom: 1em;
    }

    .about-us {
        margin-bottom: 0;
    }

    .marquee-text span {
        font-size: 2em;
    }

    .marquee-content-layer {
        padding: 8px 0;
    }

    .logo-link {
        height: 3em !important;
    }

    .header-wrapper {
        padding: 2em 0 !important;
    }

    .logo-center {
        position: absolute;
        left: 0em;
        top: 0.5em;
    }

    .hero_banner_image_slide_div {
        height: 10em;
        width: 96%;
    }

    .hero-section {
        height: 490px;
    }

    .heroSwiper .swiper-button-prev,
    .heroSwiper .swiper-button-next {
        width: 28px;
        height: 28px;
    }

    .swiper-button-prev,
    .swiper-container-rtl .swiper-button-next {
        left: 0.5em;
    }

    .swiper-button-next,
    .swiper-container-rtl .swiper-button-prev {
        right: 0.5em;
    }

    .hero-content h2 {
        font-size: 2.5em;
    }

    .breadcrumb-main .breadcrumb-outer .breadcrumb-content h2 {
        margin-top: 2em !important;
    }

    .cicu_yblf_members_description_box>.table_container>table,
    .apply_job_btn {
        width: 100% !important;
    }

    .videos_banner_image {
        padding: 5em !important;
    }

    .cicu_yblf_members_container .trustedby_indian_businesses_title::before,
    .cicu_yblf_members_container .trustedby_indian_businesses_title::after {
        width: 1%;
    }

    .photos_grid_imagebox {
        overflow: hidden;
        height: 100px;
    }

    .cicu_wef_membership_text_with_imagebox {
        margin-bottom: 2em;
        flex-direction: column;
    }

    .courses_smallpic_imagebox {
        height: 7em;
    }

    .notfound .notfound-404 h1 {
        font-size: 9em;
        letter-spacing: -16px;
    }

    .jobs_listing_sticky_parent_container {
        position: static;
        height: auto;
        overflow-y: visible;
    }

    .course_registeration_contact_link_container .trustedby_indian_businesses_title::before,
    .course_registeration_contact_link_container .trustedby_indian_businesses_title::after {
        width: 5%;
    }

    .trustedby_indian_businesses_title::before,
    .trustedby_indian_businesses_title::after {
        width: 20%;
    }

    .lightbox-image-wrapper {
        height: 12em;
        width: 100%;
        max-width: 90vw;
    }

    .job_posting_requirements_container {
        flex-direction: column;
        justify-content: flex-start;
        gap: 0.3em !important;
        align-items: flex-start !important;
    }

    .breadcrumb-main .breadcrumb-outer .breadcrumb-content h2 {
        line-height: 1;
        font-size: 1.5em;
    }

    .banner .slider .swiper-container .swiper-slide .slide-inner .swiper-content {
        height: unset;
    }

    .footer_padding_rightleft {
        padding: 0 .75rem;
    }

    .fmc-hero-content,
    .navbar-header {
        padding: 0;
    }

    .dropdown-menu>li>a {
        padding: 10px 15px !important;
    }

    .office_bearers_details_container {
        grid-template-columns: repeat(1, 1fr);
    }

    .breadcrumb-content {
        padding-top: 5em !important;
    }

    .breadcrumb-main {
        padding: 2em;
    }

    .newsletter_pdf_iconbox::after,
    .preheader_links_container,
    .entry-date,
    .become_member_updates_images_container,
    .slick-dots,
    .social_media_icons_anchor>i,
    .navbar_header_btns_container,
    .navigation_bar_div,
    .header_logo_headline_box {
        display: none !important;
    }

    .president_message_author_container {
        flex-direction: column;
        gap: 1em;
    }

    .horizontal_trend-item {
        flex-direction: column;
    }

    .header_logo_image_box {
        height: 4em;
        width: 6em;
    }

    .top_logo_navigation_bar {
        padding: 0.5em 0;
    }

    .slicknav_nav {
        top: 80px !important;
    }
}

@media only screen and (min-width: 481px) and (max-width: 768px) {
    .vertical_event_banner_side_image {
        height: fit-content;
        width: fit-content;
        margin: 0 auto;
    }

    /* .upcoming_event_card {
        position: unset;
    } */

    .aboutus_headline_container {
        flex-direction: column;
    }

    .fmc-hero-title {
        font-size: 2em;
    }

    .circles_bg_section {
        padding: 1em 0;
    }

    .counter-card.active {
        transform: translateY(0);
    }

    .scoreboard_side_imagebox {
        height: 26em;
    }

    .our_mission_vision_sidepic_box {
        width: 100%;
    }

    .timeline_line,
    .timeline_dot {
        left: 20px;
    }

    .timeline_content {
        width: calc(100% - 50px);
        margin-left: 50px !important;
        margin-right: 0 !important;
        text-align: left !important;
        padding-left: 2em !important;
        padding-right: 2em !important;
    }

    .timeline_item {
        margin-bottom: 1em;
    }

    .about-us {
        margin-bottom: 0;
    }

    .marquee-text span {
        font-size: 2em;
    }

    .marquee-content-layer {
        padding: 8px 0;
    }

    .logo-link {
        height: 3em !important;
    }

    .header-wrapper {
        padding: 2em 0 !important;
    }

    .logo-center {
        position: absolute;
        left: 0em;
        top: 0.5em;
    }

    .hero_banner_image_slide_div {
        height: 15em;
        width: 96%;
    }

    .hero-section {
        height: 490px;
    }

    .hero-content h2 {
        font-size: 3em;
    }

    .breadcrumb-main .breadcrumb-outer .breadcrumb-content h2 {
        margin-top: 1em !important;
    }

    .cicu_yblf_members_description_box>.table_container>table,
    .apply_job_btn {
        width: 100% !important;
    }

    .videos_banner_image {
        padding: 5em !important;
    }

    .cicu_wef_membership_text_with_imagebox {
        margin-bottom: 2em;
        flex-direction: column;
    }

    .jobs_listing_sticky_parent_container {
        position: static;
        height: auto;
        overflow-y: visible;
    }

    .notfound .notfound-404 h1 {
        font-size: 9em;
        letter-spacing: -16px;
    }

    .lightbox-image-wrapper {
        max-width: 90vw;
        height: 18em;
        width: 100%;
    }

    .breadcrumb-main .breadcrumb-outer .breadcrumb-content h2 {
        line-height: 1;
        font-size: 2em;
    }

    .banner .slider .swiper-container .swiper-slide .slide-inner .swiper-content {
        height: unset;
    }

    .footer_padding_rightleft {
        padding: 0 .75rem;
    }

    .fmc-hero-content,
    .navbar-header {
        padding: 0;
    }

    .dropdown-menu>li>a {
        padding: 10px 15px !important;
    }

    .office_bearers_details_container {
        grid-template-columns: repeat(1, 1fr);
    }

    .breadcrumb-content {
        padding-top: 5em !important;
    }

    .breadcrumb-main {
        padding: 2em;
    }

    .preheader_links_container,
    .entry-date,
    .become_member_updates_images_container,
    .navbar_header_btns_container,
    .social_media_icons_anchor>i,
    .navigation_bar_div,
    .slick-dots,
    .header_logo_headline_box {
        display: none !important;
    }

    .horizontal_trend-item {
        flex-direction: column;
    }

    .header_logo_image_box {
        height: 4em;
        width: 6em;
    }

    .top_logo_navigation_bar {
        padding: 0.5em 0;
    }

    .slicknav_nav {
        top: 80px !important;
    }
}

@media only screen and (min-width: 769px) and (max-width: 992px) {
    .vertical_event_banner_side_image {
        height: fit-content;
        width: fit-content;
        margin: 0 auto;
    }

    /* .upcoming_event_card {
        position: unset;
    } */

    .circles_bg_section {
        padding: 1em 0;
    }

    .counter-card.active {
        transform: translateY(0);
    }

    .scoreboard_side_imagebox {
        height: 16em;
    }

    .our_mission_vision_sidepic_box {
        width: 100%;
    }

    .timeline_line,
    .timeline_dot {
        left: 20px;
    }

    .timeline_content {
        width: calc(100% - 50px);
        margin-left: 50px !important;
        margin-right: 0 !important;
        text-align: left !important;
        padding-left: 2em !important;
        padding-right: 2em !important;
    }

    .timeline_item {
        margin-bottom: 1em;
    }

    .about-us {
        margin-bottom: 0;
    }

    .marquee-text span {
        font-size: 2em;
    }

    .marquee-content-layer {
        padding: 8px 0;
    }

    .logo-link {
        height: 3em !important;
    }

    .header-wrapper {
        padding: 2em 0 !important;
    }

    .logo-center {
        position: absolute;
        left: 0em;
        top: 0.5em;
    }

    .hero_banner_image_slide_div {
        height: 23em;
        width: 96%;
    }

    .hero-section {
        height: 490px;
    }

    .hero-content h2 {
        font-size: 3.1em;
    }

    .breadcrumb-main .breadcrumb-outer .breadcrumb-content h2 {
        margin-top: 1em !important;
    }

    .cicu_yblf_members_description_box>.table_container>table,
    .apply_job_btn {
        width: 100% !important;
    }

    .videos_banner_image {
        padding: 5em !important;
    }

    .cicu_wef_membership_text_with_imagebox {
        margin-bottom: 2em;
        flex-direction: column;
    }

    .jobs_listing_sticky_parent_container {
        position: static;
        height: auto;
        overflow-y: visible;
    }

    .notfound .notfound-404 h1 {
        font-size: 9em;
        letter-spacing: -16px;
    }

    .breadcrumb-main .breadcrumb-outer .breadcrumb-content h2 {
        line-height: 0.9;
    }

    .banner .slider .swiper-container .swiper-slide .slide-inner .swiper-content {
        height: unset;
    }

    .footer_padding_rightleft {
        padding: 0 .75rem;
    }

    .fmc-hero-content,
    .navbar-header {
        padding: 0;
    }

    .dropdown-menu>li>a {
        padding: 10px 15px !important;
    }

    .office_bearers_details_container {
        grid-template-columns: repeat(2, 1fr);
    }

    .breadcrumb-content {
        padding-top: 5em !important;
    }

    .breadcrumb-main {
        padding: 2em;
    }

    .preheader_links_container,
    .become_member_updates_images_container,
    .entry-date,
    .navbar_header_btns_container,
    .navigation_bar_div,
    .slick-dots,
    .social_media_icons_anchor>i,
    .header_logo_headline_box {
        display: none !important;
    }

    .horizontal_trend-item {
        flex-direction: column;
    }

    .header_logo_image_box {
        height: 4em;
        width: 6em;
    }

    .top_logo_navigation_bar {
        padding: 0.5em 0;
    }

    .slicknav_nav {
        top: 80px !important;
    }
}