/* GLOBAL MOBILE FIXES */
@media (max-width: 991px) {
    
    body {
        overflow-x: hidden;
    }

    h1, h2, h3 {
        font-size: clamp(20px, 5vw, 32px);
        line-height: 1.3;
        text-align: center !important;
    }

    p, li, small {
        font-size: 16px;
        line-height: 1.6;
    }

    /* Fix images overflowing */
    img.img-fluid {
        max-width: 100% !important;
        height: auto !important;
    }

    /* Remove fixed widths */
    .case-item {
        width: 100% !important;
        max-width: 200px;
        margin: 0 auto;
        text-align: center;
    }

    /* Fix centered items */
    .col-lg-4, .col-lg-6, .col-lg-sample {
        text-align: center;
    }

    /* Button alignment */
    .btn {
        width: 90%;
        max-width: 280px;
        margin: 10px auto;
        display: block;
    }

    /* Fix flowchart margin */
    .containercompare table {
        width:100%;
        overflow-x: auto;
        display: block;
    }

    /* Fix margin-left used for desktop alignment */
    [style*="margin-left"] {
        margin-left: 0 !important;
    }

    .comparison-table {
        font-size: 14px;
        width: 100%;
    }
	

	
}

/* Phones under 300px */
@media (max-width: 380px) {
.hero-header {
    height:169px;
}

.container, .container-fluid, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm {
	padding: 10px;
}

.col-lg-4, .col-lg-6, .col-lg-sample {
	text-align: left;	
}
.btn { font-size:1rem;}
.back-to-top { display:none!important;}

.footer {
    background: url(https://www.forte-science.co.jp/stem-expert-check/img/stemlogoestform.png) no-repeat;
    height: 500px;
}
.bg-dark { background-color:#ffffff!important;}
.footer .copyright { font-size:15px;}
.containercompare { transform: scale(0.85); /* 0.85 = 85% size */}
.disclaimer { transform: scale(0.96); border-radius: 12px;}

.comparison-table th, .comparison-table td {padding: 17px 6px;}
.navbar-toggler {display: none;}


}



/* Phones under 600px */
@media (max-width: 600px) {
    small {
        display: block;
        margin-top: 5px;
        text-align: center;
    }

    /* FAQ button text wrap fix */
    .accordion-button {
        font-size: 15px;
        line-height: 1.4;
        white-space: normal;
    }



	
}