/* Paste ALL your responsive CSS here from style.css:
   - All @media (max-width: ...) blocks
   - All mobile/tablet specific styles
   - No need to keep any responsive code in style.css now */

/* Example:
@media (max-width: 900px) {
    .main-header,
    .boardsmedi-specialities-section,
    .boardsmedi-why-section,
    .boardsmedi-ecg-carousel-section {
        padding-left: 2px;
        padding-right: 2px;
    }
    ...
}
*/

/* Your responsive.css now contains ALL responsive styles for the site! */

/* Responsive for Boardsmedi sections */

/* Banner Section */
@media (max-width: 1100px) {
    .banner-bg {
        flex-direction: column-reverse;
        align-items: flex-start;
        padding: 16px 20px;
        gap: 18px;
    }

    .banner-content h1 {
        font-size: 1.3rem;
    }

    .banner-content p {
        font-size: 1rem;
    }

    .banner-img img,
    .banner-img svg {
        width: 100%;
        border-radius: 10px;
        height: auto;
        max-width: 100%;
    }
}

/* Specialities Section */
@media (max-width: 1100px) {

    .speciality-card {
        min-width: 0;
        max-width: 100%;
        padding: 18px 14px;
        border-radius: 32px;
        flex-direction: row;
        gap: 16px;
    }

    .speciality-icon-fa {
        width: 44px;
        height: 44px;
        min-width: 44px;
        min-height: 44px;
        font-size: 1.3rem;
    }

    .speciality-title {
        font-size: 1.1rem;
    }

    .speciality-count {
        font-size: 0.95rem;
    }

    .speciality-arrow {
        width: 32px;
        height: 32px;
        font-size: 1rem;
    }
}

/* Why Choose Section */
@media (max-width: 900px) {
    .why-container {
        flex-direction: column;
        gap: 24px;
        padding: 0 12px 24px 12px;
    }

    .why-left,
    .why-right {
        min-width: 0;
        width: 100%;
    }

    .why-img-lg,
    .why-img-sm {
        width: 100%;
        border-radius: 10px;
        height: auto;
        max-width: 100%;
    }

    .why-img-sm-group {
        flex-direction: row;
        gap: 8px;
    }

    .why-feature-card {
        min-width: 140px;
        max-width: 100%;
        padding: 18px 10px;
        border-radius: 18px;
    }
}

/* ECG Carousel Section */
@media (max-width: 900px) {
    .container-ecg-carousel {
        padding: 18px 6px 12px 6px;
        border-radius: 14px;
    }

    .ecg-carousel-title {
        font-size: 1.3rem;
    }

    .ecg-carousel-subtitle {
        font-size: 1rem;
    }

    .ecg-carousel-arrow {
        width: 34px;
        height: 34px;
        font-size: 1.2rem;
    }

    .ecg-img-card,
    .ecg-img-card img {
        height: 110px;
        border-radius: 8px;
    }
}

/* Video Section Split */
@media (max-width: 1100px) {
    .boardsmedi-video-section.split {
        flex-direction: column;
        gap: 24px;
        padding: 24px 0 18px 0;
    }

    .video-content-left,
    .video-content-right {
        max-width: 100%;
        width: 100%;
        border-radius: 16px;
        padding: 24px 12px;
    }

    .boardsmedi-video {
        min-height: 160px;
        max-height: 220px;
        border-radius: 12px;
    }

    .video-content-left h3 {
        font-size: 1.2rem;
    }

    .video-content-left p {
        font-size: 1rem;
    }
}

/* CTA Section */
@media (max-width: 900px) {
    .cta-section {
        padding: 24px 8px 18px 8px;
        border-radius: 14px;
    }

    .cta-content h2 {
        font-size: 1.2rem;
    }

    .cta-content p {
        font-size: 1rem;
    }
}

/* Footer */
@media (max-width: 900px) {
    .footer-main {
        flex-direction: column;
        gap: 24px;
        padding: 0 12px 24px 12px;
    }

    .footer-brand img {
        width: 130px;
    }

    .footer-links,
    .footer-contact {
        min-width: 0;
    }

    .footer-bottom {
        flex-direction: column;
        gap: 8px;
        padding: 12px 8px;
    }
}

@media (max-width: 600px) {

    .main-header,
    .boardsmedi-specialities-section,
    .boardsmedi-why-section,
    .boardsmedi-ecg-carousel-section {
        padding-left: 2px;
        padding-right: 2px;
    }

    .specialities-header h2,
    .why-right h2,
    .ecg-carousel-title {
        font-size: 1.1rem;
    }

    .carousel-caption {
        padding: 18px 8px;
    }

    .boardsmedi-video-section,
    .cta-section {
        padding: 12px 2px;
    }

    #scrollToTopBtn {
        right: 12px;
        bottom: 12px;
        width: 38px;
        height: 38px;
        font-size: 1.1rem;
    }
}

@media (max-width: 768px) {
    .top-header {
        display: none;
    }

    .main-header {
        padding: 5px 5px;
    }

    .hamburger span {
        height: 3px;
        width: 26px;
        margin: 3px 0;
    }

    .header_Login {
        display: none;
    }

    .banner-img {
        width: 100%;
        flex: auto;
    }

    .banner-content h1 {
        margin-bottom: 7px;
        line-height: 35px;
        font-size: 22px !important;
    }

    .header_Logo img {
        height: 47px;
    }

    .banner-content h1 {
        font-size: 1.2rem;
    }

    .banner-content p {
        font-size: 0.95rem;
    }

    .speciality-title {
        font-size: 1rem;
    }

    .speciality-count {
        font-size: 0.9rem;
    }

    .why-feature-card {
        min-width: 120px;
        padding: 16px 8px;
    }

    .speciality-card {
        min-width: 0;
        max-width: 94%;
        padding: 10px 8px;
        border-radius: 10px;
        flex-direction: row;
        gap: 16px;
        height: auto;
        /* max-height: 300px!important; */
    }

    .specialities-list {
        gap: 12px;
    }

    .speciality-card {
        /*display: block;*/
    }

    .speciality-icon-fa {
        margin: 0 auto;
    }

    .speciality-count {
        font-size: 12px !important;
    }

    .why-img-lg,
    .why-img-sm {
        height: 220px;
    }

    .why-img-sm-group {
        justify-content: space-between !important;
        gap: 0px;
    }

    .why-img-sm-group img {
        width: 48%;
        height: 138px;
        justify-content: space-between;
    }

    .why-badge {
        font-weight: 700;
        padding: 3px 10px;
        border-radius: 3px;
        font-size: 12px;
        margin-bottom: 10px;
    }

    .why-right p {
        font-size: 13px;
    }

    .why-right h2 {
        font-size: 19px;
    }

    .why-feature-desc {
        font-size: 12px;
    }

    .why-feature-icon {
        margin: 0 auto 6px auto;
    }

    .why-features {
        gap: 10px;
        margin-top: 0;
        padding: 0 7px;
    }

    .boardsmedi-ecg-carousel-section {
        border-radius: 0;
        margin: 0 auto 0 auto;
        max-width: 100%;
        padding: 4px 10px 9px 10px;
    }

    .video-content-left {
        flex: auto;
        max-width: 100%;
        background: #fff;
    }

    .footer-brand {
        flex: auto;
        min-width: 100%;
    }

    .loader-spinner {
        width: 50px;
        height: 50px;
    }

    .loader-text {
        font-size: 13px;
    }

    .boardsmedi-specialities-section,
    .boardsmedi-specialities-section,
    .boardsmedi-why-section,
    .video-content-left,
    .video-content-right,
    .boardsmedi-video-section,
    .ecg-banner-section,
    .ecg-banner-section,
    .ecg-banner-section,
    .boardsmedi-ecg-carousel-section,
    .cta-section,
    .boardsmedi-footer {
        border-radius: 0;
    }

    .boardsmedi-why-section {
        padding: 25px 0 32px 0;
    }
 /*====== abneer ============*/
.home_main_bg_img {
    height: 332px;
    background-size: contain;
    background-repeat: repeat;
    background-position: bottom;
}
 .banner-btn {
    font-size: 12px;
    padding: 9px 15px;
}
.banner-content p {
    font-size: 13px;
    margin-bottom: 13px;
    max-width: 100%;
}
.boardsmedi-banner-section {
    margin-bottom: 0;
}
.banner-content {
    flex: auto;
}
.main-home-page .main-header {
    /*background: #fff;*/
    /*box-shadow: rgb(255 255 255 / 15%) 1.95px 1.95px 2.6px;*/
}

/*================== header ====================*/
 .main-home-page .header_Nav li {
    color: #000000;
}
header.main-header.scrolled .hamburger span {
    background: #000000;
}
header.main-header.scrolled {
    padding: 4px 4px;
    
}
.ecg-carousel-nav {
    display: none;
}
.ecg-banner-content {
    display: block;
    width: 100%;
    max-width: 100%;
    gap: 20px;
    padding: 14px 20px;
}
.ecg-banner-text h2 {
    font-size: 17px;
    margin-bottom: 2px;
    line-height: 31px;
}
.ecg-banner-btn {
    font-size: 14px;
    padding: 7px 18px;
}
.ecg-banner-highlight {
    background: #13c2c7;
    padding: 2px 11px;
    border-radius: 8px;
    margin-right: 2px;
}
.cta-section {
    margin: 0;
}
.specialities-header h2 {
    font-size: 20px!important;
}
.specialities-header p {
    font-size: 14px;
}
.create_test_section .mode-group label, .create_test_section .question-mode-group label {
    margin-right: 3px!important;
    padding: 4px 11px 6px 26px!important;
        margin-bottom: 6px!important;
}
.create_test_section .mode-group input[type="checkbox"] + label::before ,.create_test_section .question-mode-group input[type="radio"] + label::before {
    left: 6px!important;
    top: 9px!important;
    width: 14px!important;
    height: 14px!important;
}
.create_test_section .mode-group input[type="checkbox"]:checked + label::after {
    left: 12px!important;
    top: 12px!important;
    width: 3px!important;
    height: 7px!important;
}
.create_test_section .form-section {
    padding: 15px!important;
    margin-bottom: 13px!important;
}
.create_test_section {
    margin-top: 15px!important;
}
.result-summary-title {
    text-align: left;
    font-size: 18px;
    margin-bottom: 16px;
}
.result-summary-section {
    padding: 23px 3px;
    padding-bottom: 20px;
}
.ekg-title {
    font-size: 13px;
        width: 100%;
}
.ekg-glass-content {
    padding: 7px 8px;
}
.all_result_count {
    min-width: 30px;
}
.all_result_count span {
    font-size: 19px;
}
.btn-glass {
    padding: 5px 6px;
    font-size: 11px;
}
.status-badge {
    top: auto;
    right: 8px;
    padding: 2px 5px;
    font-size: 9px;
    bottom: 6px;
}
.button {
    padding: 8px 11px;
    gap: 2px;
    border: 1px solid #ffffff4d;
    font-size: 13px;
}
.result-stats-grid {
  grid-template-columns: repeat(2, 1fr);
 gap: 10px;
}

.tests-circle-value {
    font-size: 18px;
}
.result-stat-card:nth-child(3) {
  grid-column: 1 / -1!important;
}
.result-stat-card {
    padding: 4px 10px;
}
.tests-circle-progress .bg ,circle#circleProgress{
    r: 40;
}
.circle-inner .percentage {
    font-size: 16px;
}
.circle-inner .label {
    color: #7f8c8d;
}
.tests-circle-label {
    /* position: absolute; */
    font-size: 18px;
}
.circle {
    width: 90px;
    height: 90px;
    margin-top: 12px;
}
.ecg-timer i {
    margin-right: 1px;
}
.ecg-timer {
    font-size: 13px;
}
.ecg-question-number {
    padding: 5px 9px;
    font-size: 14px;
}
.ecg-info-panel {
    gap: 0;
    justify-content: space-between;
    width: 100%;
}
.Mark_and_button_next_prev {
    justify-content: space-between;
    width: 100%;
}
.ecg-mark-section {
    padding: 5px 6px;
    gap: 0;
    font-size: 13px;
}
.button_custom {
    padding: 7px 13px;
    font-size: 13px;
}
.question-box .question-box_items_ad {
    padding: 9px 12px;
}
.question-box .question-box_items_ad h5 {
    font-size: 14px;
}
.ECG_all_button {
    margin-top: 0;
}
.Echo_othe_box_layout {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 1;
    -webkit-column-gap: 24px;
    -moz-column-gap: 24px;
    column-gap: 1px;
}
.echo_text_ans_box_data {
    padding: 10px;
}
.echo_text_ans_box_data h5 {
    font-size: 14px;
}
.echo_text_ans_box_data_list label {
    padding: 1px 0;
    font-size: 13px
}
.echo_text_box_content {
    padding: 16px 14px;
}
.bm-user__avatar {
    width: 25px;
    height: 25px;
}
.bm-user__info {
    gap: 4px;
}
.bm-user.bm-has-submenu span.bm-user__name {
    font-size: 13px;
}
.login_heading {
    font-size: 22px!important;
    margin-bottom: 15px;
}
.login_reponsive  img.img-fluid.rounded-3 {
    width: 65%;
}
.mb-3 {
    margin-bottom: 10px!important;
}
.main_btn_v3 {
    gap: 8px;
    padding: 9px 10px;
    font-size: 15px;
}
.py-5 {
    padding-top: 1rem!important;
    padding-bottom: 0rem!important;
}
.main-home-page .bm-user.bm-has-submenu span.bm-user__name ,.main-home-page .bm-submenu-arrow{
    color: #fff;
}
.main-home-page .scrolled .bm-user.bm-has-submenu span.bm-user__name ,.main-home-page .scrolled .bm-submenu-arrow{
    color: #000;
}
.bm-header.scrolled {
    padding: 7px 12px!important;
}
.ecg-video-card video {
    height: 115px;
    border-radius: 10px;
}
.ecg-banner-section {
    margin-top: 0;
}
.cta-content {
    padding: 30px 0;
}
.why-feature-card {
    max-width: 48%;
    padding: 12px 6px;
}
.why-container {
    margin-bottom: 0;
}
.bm-header__nav {
    z-index: 9;
}
.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
    display: none!important;
}
.ECG_Q_ANS_main_box_title {
    font-size: 18px!important;
    text-align: left!important;
    margin-bottom: 14px!important;
}
.ECG_Q_ANS_main_box_container {
    padding: 18px 12px!important;
}
.ECG_Q_ANS_main_box_option {
    gap: 6px!important;
    padding: 10px 9px!important;
    border-radius: 5px!important;
    min-height: auto!important;
}
.ECG_Q_ANS_main_box_submit_wrapper {
    margin-top: 20px!important;
}
.question-box {
    border-radius: 5px;
}
#myVideo {
    height: 240px;
    object-fit: cover;
}
.angiogram_test_netx_previ_button.mt-3 {
    margin-bottom: 14px;
}
.angiogram_banner {
    margin-top: 0;
    margin-bottom: 0;
}
.question-description img, .Qbank_main_box img {
    height: 225px;
        margin-top: 10px;
            margin-bottom: 15px;
}
.Mark_and_button_next_prev {
    display: block;
}
.ecg-mark-section {
    margin-bottom: 10px;
}
.question-box .question-box_items_ad h5 {
    margin: 0;
}
.ekg_deatils_total_section_main {
    display: block;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-right: 0;
}
.ekg_deatils_total_section_circle {
    width: 100%;
    padding: 15px 13px;
        margin-bottom: 12px;
                height: auto;
}
.ekg_deatils_total_section_circle span {
    font-size: 23px;
}
.ekg_deatils_total_section_circle h4 {
    font-size: 20px;
}
.ECG_Qun_name_heading {
    margin-bottom: 15px;
        padding: 12px 14px;
            border-radius: 5px;
}
.ECG_Qun_name_heading h2 {
    font-size: 14px;
    
}
.ekg_deatils_total_section_stats {
    flex: 3;
    display: flex;
    flex-wrap: wrap;
       gap: 10px;
}
.ekg_deatils_total_section_stat_card {
    border-radius: 5px;
    padding: 9px 17px;
}
.ekg_deatils_total_section_stat_card .content p {
    font-size: 13px;
}
.ekg_deatils_total_section_stat_card i {
    font-size: 22px;
    margin-right: 10px;
}
.answer-box {
    min-width: 100%;
    border-radius: 8px;
    padding: 13px 8px;
}
.answer-columns {
    gap: 8px;
    margin-top: 17px;
}
.container.answer-section {
    padding: 0;
}
.answer-box h4 {
    font-size: 16px;
}
.answer-box li {
    margin-bottom: 6px;
    padding: 6px 12px;
    border-radius: 5px;
    font-size: 14px;
}
.boardsmedi-footer {
    border-radius: 0;
    margin-top: 30px;
}
.ECG_main_caliper_slider .caliper-line-handle {
    width: 1px;
}
.ECG_main_caliper_slider .horizontal-line {
        height: 1px;
}
.ECG_main_caliper_slider .caliper-info {
    font-size: 12px;
}
.march-out-line.left ,.march-out-line.right{
    width: 1px!important;
}
.bar-container {
    height: 19px;
    border-radius: 10px;
    margin: 13px 0;
}
.ekg-glass-card {
    border-radius: 6px;
}
.ekg-glass-container {
    gap: 0;
        padding: 6px 0;
}
.total_Score_headeign_fle p#yourScoreLabel {
    font-size: 15px;
}
.ekg_deatils_total_section_circle_wrapper {
    margin-right: 0;
}


}

.responsive_user_and_toggle i {
   display:none;
}


@media (max-width: 511px) {
    .home_main_bg_img {
    background-image: none;
}

.home_main_reposnosive {
    background-image: url(https://boardsmedi.com/work/public/assets/frontend-new/images/home-hero-mobaile.png)!important; 
     /*background-image: url(https://boardsmedi.com/public/assets/frontend-new/images/home_banner.png)!important; */
    background-size: cover;
    /* height: 100vh; */
    height: 620px;
    background-position-y: top;
    background-repeat: round;
}
.responsive_user_and_toggle i {
    display:block;
    font-size: 21px;
    color: #000;
}

.boardsmedi-banner-section {
        display: block;
        padding-top: 81px;
}
.boardsmedi-specialities-section {
    margin-top: 0;
}
.responsive_user_and_toggle {
    display: flex!important;
}
}