@media screen and (min-width:1690px) and (max-width:1920px) {
    .dl-pausevid__vid {
        width: 45%;
    }

    .delivery-method-item {
        min-height: 365px;
    }
}

@media screen and (max-width:1550px) {
    .dl-pausevid__vid {
        width: 45%;
    }
}

@media screen and (max-width:1380px) {
    .dl-pausevid__vid {
        width: 47%;
    }
}

@media screen and (max-width:1280px) {
    .dl-pausevid__vid {
        width: 53%;
    }
}

@media screen and (max-width:1024px) {
    .dl-pausevid__vid {
        width: 67%;
    }

    .characteristics-item {
        min-height: 220px;
    }

    .medical-services-item {
        min-height: 275px;
    }

    .labor-sign-item {
        min-height: 280px;
    }

    .tbl-private-room-fee tr th {
        padding: 20px 15px;
    }

    .tbl-private-room-fee tr td {
        padding: 20px 15px;
    }

    .hospitalization-menu-list {
        max-width: 80%;
    }
}

@media screen and (max-width:834px) {
    .main-content-text p {
        font-size: 26px;
    }

    .dl-pausevid__vid {
        width: 84%;
    }

    .characteristics-item {
        min-height: 260px;
    }   
    
    .labor-sign-item {
        min-height: 340px;
    }

    .tbl-maternity-delivery-fees tr th, 
    .tbl-maternity-delivery-fees tr td {
        padding: 20px 15px;
    }

    .tbl-private-medical-fees tr th,
    .tbl-private-medical-fees tr td {
        padding: 20px 15px;
    }

    .tbl-private-room-fee tr th,
    .tbl-private-room-fee tr td {
        padding: 20px 15px; 
    }

    .tbl-private-room-fee tr th:first-child,
    .tbl-private-room-fee tr td:first-child {
        width: 13%;
    }

    .tbl-private-room-fee tr th:nth-child(2),
    .tbl-private-room-fee tr td:nth-child(2) {
        width: 17%;
    }

}

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

    .dl-pausevid__vid {
        width: 89%;
    }

    .aboutus-text h4 {
        font-size: 26px;
    }

    .btn-more {
        font-size: 14px;
    }

    #about-yokoyama .row.mgt-40 {
        align-items: flex-start;
    }

    .labor-sign-item {
        min-height: 370px;
    }

    .tbl-private-room-fee tr th:first-child, 
    .tbl-private-room-fee tr td:first-child {
        width: 14%;
    }

    .tbl-private-room-fee tr th:nth-child(2),
    .tbl-private-room-fee tr td:nth-child(2) {
        width: 18%;
    }

    .hospitalization-menu-list {
        max-width: 100%;
    }
}

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

	.ultrasound-video video {
		width: 100%;
		height: 350px!important;
	}

    .sp-none {
        display: none;
    }

    .sp-show {
        display: inline-block;
    }

    .hdr__logo-text2 {
        font-size: 30px;
    }

    #main h2 video {
        height: auto;
        margin-top: 70px;
    }

    #main h2 img {
        height: 330px;
        object-fit: cover;
        margin-top: 70px;
    }

    .banner-lower {
        height: 265px;
        margin-top: 70px;
    }

    .banner-img img {
        height: 265px;
    }

    .banner-txt {
        top: 60%;
    }
    .main-content-text p {
        font-size: 18px;
        line-height: 1.8em;
        margin-top: 80px;
    }

    .dl-pausevid__vid {
        width: 63%;
    }    
    
    .footer-left {
        max-width: 100%;
        margin: 0 0 30px 0;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .footer-right {
        max-width: 100%;
    }

    .information-item {
        align-items: flex-start;
    }

    .information-date {
        margin-right: 20px;
    }

    .visitor-guide-desc {
        text-align: left;
    }

    .guide-item {
        width: calc((100% - 1 * 20px) / 2);
    }

    .about-yokoyama-img {
        margin-bottom: 20px;
    }

    .services-item {
        width: 100%;
    }

    .hospitalization-guide-img {
        margin-top: 40px;
    }

    .fee-guide-item {
        width: 100%;
    }

    .instagram-item {
        width: calc((100% - 1 * 20px) / 2);
    }

    .blog-item {
        max-width: 100%;
        margin: 0 0 30px 0;
    }

    .footer-item {
        max-width: 100%;
    }  
    
    .facility-tab-navigation {
        flex-direction: column;
        border-bottom: none;
    }

    .facility-tab-btn {
        flex: none;
        width: 100%;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        margin-bottom: 2px;
    }

    .facility-tab-btn:first-child {
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

    .facility-tab-btn:last-child {
        margin-bottom: 0;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

    .hospital-policy-desc {
        text-align: left;
    }

    .characteristics-item {
        width: 100%;
        min-height: auto;
    }

    #delivery-method .btn-more {
        margin-top: 140px;
        margin-bottom: -175px;
    }

    .delivery-deco-img1 {
        top: 0;
    }

    .delivery-deco-img2 {
        position: relative;
        width: 45%;
        top: -104%;
    }

    .delivery-method-item {
        width: 100%;
        min-height: auto;
    }

    

    .staff-introduction-img {
        max-width: 100%;
        margin: 0 0 30px 0;
    }

    .staff-introduction-text {
        max-width: 100%;
        margin: 0 0 30px 0;
    }

    .tbl-staff-intro tr th {
        display: block;
    }

    .tbl-staff-intro tr td {
        display: block;
    }

    .facility-content-image-item {
        width: 100%;
    }

    .facility-layout-item {
        width: 100%;
    }

    .tbl-timetable {
        width: 100%;
        min-width: 280px;
    }

    .tbl-timetable tr th,
    .tbl-timetable tr td {
        padding: 8px 4px;
        font-size: 11px;
    }

    .scroll-hint-icon {       
        position: absolute;
        top: 30px!important;
        width: 180px!important;
        min-height: 100px;
    }
	
    .medical-services-item {
        min-height: auto;
    }

    .medical-services-item {
        width: 100%;
    }

	.medical-services-text {
		text-align: left;
	}
	
    .consultation-hours-table {
        width: 800px;
    }

    /* Swap ultrasound image and description/table at 767px */
    #ultrasound-4d .row.mgt-40 {
        display: flex;
        flex-direction: column;
    }

    #ultrasound-4d .row.mgt-40 .col-md-6:first-child {
        order: 2;
    }

    #ultrasound-4d .row.mgt-40 .col-md-6:last-child {
        order: 1;
    }

    .ultrasound-img {
        margin-bottom: 20px;
    }

    .returning-home-img {
        margin-bottom: 20px;
    }

    .returning-home-table tr th {
        width: 30%;
    }

    /* Swap mother class image and description at 767px */
    #mother-class .row.mgt-40 {
        display: flex;
        flex-direction: column;
    }

    #mother-class .row.mgt-40 .col-md-6:first-child {
        order: 2;
    }

    #mother-class .row.mgt-40 .col-md-6:last-child {
        order: 1;
    }

    .mother-class-img {
        margin-bottom: 20px;
    }

    .mother-class-table {
        width: 1000px;
    }

    .mother-class-note {
        width: 100%;
    }

    .things-to-prepare-table {
        display: block;
    }

    .things-to-prepare-table tr th:first-child {
        padding-bottom: 0;
    }

    .things-to-prepare-table tr th:last-child {
        padding-top: 0;
    }

    .things-to-prepare-table tr:first-child {
        /* display: none; */
        padding-bottom: 0;
    }

    .things-to-prepare-table tr:last-child {
        padding-top: 0;
    }

    .things-to-prepare-table tr {
        display: block;
        border-top: 1px solid rgba(242, 89, 133, 1);
        border-bottom: 1px solid rgba(242, 89, 133, 1);
    }

    .things-to-prepare-table tr th,
    .things-to-prepare-table tr td {
        display: block;
        width: 100% !important;
        padding: 10px 20px;
        border: none;
        border-left: 1px solid rgba(242, 89, 133, 1);
        border-right: 1px solid rgba(242, 89, 133, 1);
    }

    .things-to-prepare-table tr td:first-child {
        font-weight: 700;
        color: rgba(51, 51, 51, 1);
        /* border-bottom: 1px solid rgba(242, 89, 133, 0.3); */
        padding-bottom:0;
    }

    .things-to-prepare-table tr td:last-child {
        padding-top: 0;
    }

    .during-hospital-stay-img {
        margin-bottom: 20px;
    }

    /* Transform table to card layout on mobile - full width with 15px padding */
    #during-hospital-stay .row.mgt-40:last-child {
        margin-left: -15px;
        margin-right: -15px;
        width: calc(100% + 30px);
        padding-left: 15px;
        padding-right: 15px;
        box-sizing: border-box;
    }

    #during-hospital-stay .row.mgt-40:last-child .col-md-12 {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
        box-sizing: border-box;
    }

    .during-hospital-stay-table {
        /* display: block; */
        border: none;
        width: 100%;
        max-width: 100%;
        margin: 0;
        box-sizing: border-box;
    }

    .during-hospital-stay-table tr {
        display: block;
        margin-bottom: 0;
        width: 100%;
    }

    /* Header row - pink background with white text, stacked vertically */
    .during-hospital-stay-table tr:first-child {
        display: block;
        background: rgba(242, 89, 133, 1);
        border-radius: 0;
        margin-bottom: 0;
        width: 100%;
    }

    .during-hospital-stay-table tr:first-child th {
        display: block;
        width: 100%;
        background: transparent;
        color: #fff;
        border: none;
        padding: 15px 20px;
        text-align: center;
        font-size: 16px;
        font-weight: 700;
    }

    .during-hospital-stay-table tr:first-child th:first-child {
        border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    }

    /* Data rows - card layout */
    .during-hospital-stay-table tr:not(:first-child) {
        display: block;
        border-top: 1px solid rgba(242, 89, 133, 0.3);
        padding: 0;
        background: #fff;
    }

    .during-hospital-stay-table tr:not(:first-child):last-child {
        border-bottom: 1px solid rgba(242, 89, 133, 0.3);
    }

    .during-hospital-stay-table tr:not(:first-child) td {
        display: block;
        width: 100% !important;
        padding: 15px 20px;
        border: none;
        background: #fff;
    }

    .during-hospital-stay-table tr:not(:first-child) td:first-child {
        color: rgba(51, 51, 51, 1);
        font-weight: normal;
        padding-bottom: 10px;
        text-align: center;
    }

    .during-hospital-stay-table tr:not(:first-child) td:last-child {
        padding-top: 0;
        width: 100% !important;
    }

    /* Download button styling */
    .during-hospital-stay-table .btn-download {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border: 1px solid rgba(242, 89, 133, 1);
        background: #fff;
        color: rgba(242, 89, 133, 1);
        padding: 10px 20px;        
        width: 100%;
        margin: 0;
        text-decoration: none;
        font-size: 14px;
    }

    .during-hospital-stay-table .btn-download img {
        width: auto;
        height: 14px;
        margin-right: 8px;
    }

    /* Hospitalization Menu - Stack vertically on mobile */
    .hospitalization-menu-list {
        flex-direction: column;
        gap: 15px;
    }

    .hospitalization-menu-list li {
        width: 100% !important;
        margin-left: 0 !important;
    }

    .hospitalization-menu-list li a {
        width: 100%;
        padding: 15px;
    }

    .labor-sign-item {
        width: 100%;
        min-height: auto;
    }

    .w80 {
        width: 100%;
    }

    .tbl-maternity-delivery-fees tr th:first-child, 
    .tbl-maternity-delivery-fees tr td:first-child {
        width: 28%;
    }

    .tbl-private-medical-fees {
        /* width: 800px; */
    }

    .tbl-private-room-fee {
        width: 800px;
    }
    

    #about-yokoyama .row.mgt-40 .pr-5,
    #hospitalization-guide .row.mgt-40 .pr-5 {
        padding-right: 15px!important;
    }

    #about-yokoyama .row.mgt-40 .pl-5, 
    #hospitalization-guide .row.mgt-40 .pl-5 {
        padding-left: 15px!important;
    }

    .tbl-private-medical-fees {
        display: none;
    }

    .tbl-private-medical-fees-sp {
        display: inline-table;
    }

    .tbl-private-medical-fees-sp {
        width: 100%;
        border-collapse: collapse;
    }

    .tbl-private-medical-fees-sp .strong {
        font-weight: 500;
    }
    
    .tbl-private-medical-fees-sp tr th {
        background: rgba(242, 89, 133, 1);
        color: #fff;
        padding: 20px 30px;
        font-size: 18px;
        font-weight: 700;
        border-bottom: 1px solid rgba(242, 89, 133, 1);
    }

    .tbl-private-medical-fees-sp tr th:first-child {
        text-align: center;
    }
    
    .tbl-private-medical-fees-sp tr td {
        padding: 20px 30px;
        border-bottom: 1px solid rgba(242, 89, 133, 1);
        background: #fff;
        color: rgba(51, 51, 51, 1);
    }

    .hospitalization-guide-btn .btn-more {
        margin: 0 auto;
    }
	
	.staff-introduction-name .name-en {
		display: block;
		margin-left: 0;
	}
}

@media screen and (max-width:376px) {
    .hdr__logo-text2 {
        font-size: 32px;
    }

    .hdr__navi-tel {
        font-size: 20px;
    }

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

    .banner-txt {
        font-size: 20px;
    }

    .dl-pausevid__vid {
        width: 72%;
    }

    #main h2 video {
        /* height: 250px; */
    }

    /* Download button remains full width at smaller screens */
    .during-hospital-stay-table .btn-download {
        font-size: 13px;
        padding: 8px 15px;
    }

    .tbl-maternity-delivery-fees tr th:first-child, 
    .tbl-maternity-delivery-fees tr td:first-child {
        width: 32%;
    }

    .tbl-medical-document-fee tr th:first-child, 
    .tbl-medical-document-fee tr td:first-child {
        width: 62%;
    }
}


@media screen and (max-width:321px) {
    .hdr__logo-text2 {
        font-size: 22px;
    }

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

    .dl-pausevid__vid {
        width: 82%;
    }

    #main h2 video {
        /* height: 210px; */
    }

    .tbl-timetable {
        min-width: 280px;
    }

    .tbl-timetable tr th,
    .tbl-timetable tr td {
        padding: 6px 3px;
        font-size: 10px;
    }

    .tbl-private-medical-fees-sp tr th {
        padding: 20px 10px;
    }

    .tbl-private-medical-fees-sp tr td {
        padding: 20px 10px;
    }
}


/* Make the form responsive */
@media (max-width: 768px) {
    .form-group {
        flex-direction: column;
        align-items: flex-start;
    }

    .form-group label {
        margin-bottom: 5px;
    }

    .form-group .form-control {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .contact-form {
        width: 100%;
    }

    .form-group p label {
        min-width: auto;
        max-width: 100%;
    }
	
				
	.ultrasound-video {
		margin: 0 1.5rem!important;
	}
}