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

    .contact-section,
    .content-section {
        flex-direction: column;
        padding: 0;
        gap: 15px;
        margin: 1.5rem 0
    }

    .contact-info,
    .content-box {
        width: 100%
    }
}

@media only screen and (max-width:1024px) {
    /* .slider-wrapper .swiper-wrapper {
        height: 15.6rem
    } */

    .card_item,
    .mobile_menu {
        padding: 15px
    }

    .dropdown-menu-box,
    .submenu {
        position: relative;
        display: block;
        opacity: 0;
        max-height: 0;
        overflow: hidden;
        transition: opacity .3s ease-in-out, max-height .3s ease-in-out;
        box-shadow: none;
        margin-left: 20px;
        z-index: 1
    }

    .dropdown-menu-box li:hover {
        color: #fff;
        background-color: #fff !important
    }

    .dropdown-menu-box.open,
    .submenu.open {
        display: block;
        opacity: 1;
        max-height: max-content
    }

    .menu-item-wrapper {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%
    }

    .dropdown-toggle-btn {
        background: 0 0;
        border: none;
        font-size: 18px;
        cursor: pointer
    }

    .media_link {
        height: 300px
    }

    .cookie-popup {
        width: 90%
    }

    .mobile-header {
        display: flex
    }

    .desktop-header {
        display: none
    }

    .inner-page-section {
        padding-bottom: 20px
    }

    .navlist {
        grid-template-columns: repeat(auto-fit, minmax(90px, 1fr))
    }

    .nav_link {
        color: #000;
        font-size: 14px;
        padding: 5px 10px
    }

    .footer_nav {
        justify-content: center;
        flex-wrap: wrap;
        gap: 10px
    }

    .p_text {
        font-size: 14pt;
        text-align: center
    }

    .f_link,
    .program_table td {
        font-size: 12px
    }

    .footer_nav li {
        padding: 5px 0
    }

    .additional_text,
    .program_title,
    .sub_hdng {
        font-size: 16px
    }

    .page_hdng {
        font-size: 22px
    }

    .program_table {
        font-size: 14px
    }

    .width_small {
        width: 15.24527%
    }

    .card_item .speaker_desc {
        font-size: 14px;
        line-height: 22px;
        font-weight: 400
    }

    .accordion-content {
        padding: 20px 10px;
        max-height: 100%;
        overflow: visible
    }

    .location-banner h3 {
        font-size: 16px;
        line-height: 22px
    }

    .exhibitors_cover {
        height: auto
    }

    .viewport-h {
        height: 40vh
    }
}
@media only screen and (min-width:900px) and (max-width:1280px) {
    h2.progression-video-title {
        font-size: 22px !important;
        line-height: 1.15;
    }
}
@media only screen and (min-width:768px) and (max-width:899px) {
    h2.progression-video-title {
        font-size: 18px !important;
        line-height: 1.15;
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {

    .banner-h {
        font-size: 2rem;
        line-height: 1.45em
    }

    /* .slide-item-card:hover {
        transform: scale(1.2)
    } */

    .article-desc {
        font-size: .9em
    }

    .blog-content p {
        line-height: 1.65em;
        font-size: 1em
    }

    .podcast-list {
        flex-wrap: wrap;
        gap: 10px
    }

    .goal-title {
        font-size: 3rem
    }

    .fix_cards .fix_paragraph {
        text-align: left;
        height: 38px;
        -webkit-line-clamp: 2
    }

    .goal-content {
        text-align: left;
        font-size: 1rem
    }

    .profile_text {
        padding: 15px 5px;
        width: 60%
    }

    .profile_text h2 {
        font-size: 20px
    }

    .profile_text p {
        font-size: 12px
    }

    .profile-img {
        width: 40%;
        padding: 10px
    }

    .pocast-search-wraper {
        max-width: 70%
    }
}

@media only screen and (min-width:520px) and (max-width:1024px) {
    .mobile_menu {
        width: 94% !important
    }
}

@media only screen and (max-width:767px) {
    .blog-content p {
        line-height: 1.55;
        font-size: .8em
    }

    .blog-content h2 {
        font-size: 1.55rem;
        line-height: 1.45;
        margin-top: 20px;
        margin-bottom: 18px
    }

    .btn-lists,
    .tags-lists {
        flex-wrap: wrap
    }

    .event-slider .swiper-slide img {
        min-height: 4rem;
        height: 4rem
    }

    #contactForm .common-btn,
    .blog-title-wrapper h2,
    .f_link {
        font-size: 22px;
        margin-bottom: 15px !important;
        margin-top: 15px !important;
    }

    .media_link {
        height: 240px;
        background-size: cover
    }

    .additional_text,
    .card_item h5,
    .event-title,
    .header-banner h2,
    .program_title,
    .sub_hdng {
        font-size: 16px
    }

    .modal-overlay .modal-content {
        padding: 10px
    }

    .doct_intro p {
        text-align: left;
        font-size: 14px
    }

    .banner-h {
        font-size: 1.5rem
    }

    .podcast-text {
        font-size: 20px;
        display: flex;
        align-items: center;
        margin-bottom: 0
    }

    .pod-icon.me-2 {
        margin-right: 0 !important
    }

    .pod-link {
        padding: 5px
    }

    .pod-link i,
    .pod-title {
        display: none
    }

    .pocast-search-wraper {
        max-width: 100%;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        gap: 1rem
    }

    /* .slider-wrapper .swiper-wrapper {
        height: 16.5rem;
    } */

    /* .custom-pagination,
    .swiper-button-next,
    .swiper-button-prev {
        display: none;
        opacity: 0
    } */

    .post-title h6 {
        font-size: 6px;
        line-height: 1.5
    }

    .goal-title {
        font-size: 2.5rem
    }

    .goal-content {
        text-align: left;
        font-size: 1rem
    }

    #contactForm .form-group label,
    .profile_text p,
    .program_table,
    .tab-btn {
        font-size: 12px
    }

    .profile_text {
        padding: 15px 5px;
        width: 60%
    }

    .profile-img {
        width: 40%;
        padding: 10px
    }

    .related-posts .list-style-2 .post-thumb .img-hover-slide {
        min-height: 190px
    }

    .card_item,
    .contact-area {
        padding: 15px
    }

    .header-banner h1 {
        font-size: 24px
    }

    .first_col {
        border-right: 0
    }

    .tab-buttons {
        justify-content: left;
        width: 100%;
        overflow-x: scroll;
        padding-bottom: 1rem;
        margin-bottom: 10px
    }

    .tab-btn {
        width: 100%;
        white-space: nowrap;
        padding: 8px 15px;
        margin: 0 5px;
        border: 1.5px solid
    }

    .first_col {
        margin-bottom: 1rem
    }

    .logo-img {
        width: 100px
    }

    .inner-page-section {
        padding-bottom: 20px
    }

    .navlist {
        grid-template-columns: repeat(auto-fit, minmax(90px, 1fr))
    }

    .nav_link {
        font-size: 14px;
        padding: 5px 20px
    }

    .footer_nav {
        justify-content: center;
        flex-wrap: wrap;
        gap: 10px
    }

    .p_text {
        font-size: 14pt;
        text-align: center
    }

    .page_hdng {
        font-size: 22px
    }

    .program_table td {
        font-size: 10px
    }

    .card_item .speaker_desc {
        font-size: 12.5px;
        line-height: 22px;
        font-weight: 400
    }

    .accordion-content {
        padding: 20px 10px;
        max-height: 100%;
        overflow: visible
    }

    .location-banner h3 {
        font-size: 16px;
        line-height: 22px
    }

    .exhibitors_cover {
        height: 370px;
        margin: 0 auto 1rem;
        display: flex
    }

    .viewport-h {
        height: 40vh
    }

    .about-content p,
    .about-content td {
        font-size: 14px !important;
        line-height: 24px !important
    }

    .about-content h3 span {
        font-size: 16px !important;
        line-height: 24px !important
    }

    .event-swiper .event-image {
        height: 4rem !important
    }
}

@media only screen and (max-width:475px) {
    .nav_link {
        font-size: 12px;
        padding: 10px
    }

    .client-logos {
        width: 130px
    }

    .mini_footer {
        flex-direction: column;
        gap: 10px
    }

    .page_hdng {
        font-size: 20px
    }

    .f_link {
        font-size: 12px
    }
}

@media only screen and (min-width:1920px) {
    .event-img {
        max-height: 750px
    }

    .event-swiper .event-image {
        height: 11rem !important
    }

    .blu-outline,
    .f_link,
    .mini_footer p {
        font-size: 14px
    }

    .event-modal {
        width: 860px !important
    }

    /* .slider-wrapper .swiper-wrapper {
        height: 20rem;
    } */

    .doct_intro p,
    .last_section p {
        font-size: 18px
    }

    .post-title h6 {
        font-size: 12px
    }

    .blog-title-wrapper h2 {
        font-size: 40px
    }

    .exp-all {
        font-size: 16px
    }

    .banner-h {
        font-size: 2.5rem
    }

    .logo-img {
        width: 120px
    }
}

@media only screen and (min-width:1400px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1140px
    }
}