@media (max-width: 1440px) {
    /* index */
    h1, .h1 { font-size: 2.5rem; }
    h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { line-height: 1.4; }
    .container.detectIndex .title h2 { font-size: 1.6rem; }

    .detectText { font-size: 2rem; font-weight: 600; }
    /* pagespeed */ /* compare */
    .compare .col-filmStrip { flex: 0 0 20%; max-width: 20%; }
}

@media (max-width: 1380px) {
    /* pagespeed */ /* complete */
    .speedAvg { font-size: 60px; }

    /* pagespeed */ /* compare */
    .compare .speedAvg { font-size: 40px; margin-right: 20px; }
}

@media (max-width: 1200px) {
    /* font */
    h1, .h1 { font-size: 2.5rem; }
    h2, .h2 { font-size: 1.5rem; }
    .display-4 { font-size: 2rem; margin-top: 1rem !important; }

    /* card */
    .card-body { padding: 1rem; }

    /* pagespeed */ /* complete */
    .speedAvg { font-size: 50px; }

    /* pagespeed */ /* video */
    #filmStripUnit { float: none; display: block; text-align: right; }

    /* pagespeed */ /* compare */
    .compare #filmStripUnit { display: unset; }

    /* lighthouse */ /* complete */
    .scoreSvg svg { width: 200px!important; height: 200px!important; }
    .scoreAvg { font-size: 70px; }

    /* lighthouse */ /* compare */
    .compare .scoreSvg { margin-right: 20px; }
    .compare .scoreSvg svg { width: 120px!important; height: 120px!important; }
    .compare .scoreAvg { font-size: 30px; }

    /* compare */
    .compare-span span { float: none; display: block; }
    .compare-span .win-crown { float: right; margin: 0; }
    .compare-span .progress { margin-top: 0.5rem!important; }

    /* index */
    .detectText { padding: 10px 20px; font-size: 2rem; }
    /* .container.detectIndex .title { width: 90%; } */
    /* .container.detectIndex .backgroundGIF { top: 30%; right: 0; } */
}

@media (max-width: 992px) {
    /* font */
    h1, .h1 { font-size: 2rem; }
    h2, .h2 { font-size: 1.2rem; }
    .displayTitle { font-size: 1.6rem; }

    /* container */
    .content { margin-left: unset; }

    /* list */
    .list-group-item { padding: 0.75rem 0; }

    /* display */
    /* .new-line { display: block; } */

    /* lighthouse */ /* complete */
    .scoreSvg svg { width: 150px!important; height: 150px!important; }
    .scoreAvg { font-size: 50px; }

    /* compare */
    .compare .compare-path { margin-right: 30px; }
    .compare .compare-path svg { width: 120px; height: 120px; }
    .compare .compare-span .win-crown { margin: 0 20px; }

    /* container title */
    .container .title form { width: 100%; }

    /* home */
    .home .btn-glass { font-size: 18px; padding: 10px 20px; }

    /* regions */
    .regions form { width: unset; }
    .select2-container .select2-search--inline .select2-search__field { margin-left: 0px !important; }
    .select2-container--open .select2-dropdown--below, .select2-container--open .select2-dropdown--above { font-size: 18px; padding: 14px 12px!important; }

    /* enterKeyword */
    .enterKeyword form { width: unset; }
}

@media (max-width: 768px) {
    body { font-size: 1rem; }
    h4, .h4 { font-size: 1rem; }

    /* container */
    .container .title { width: 100%; position: unset; }

    /* modal */
    .modal-body { padding: 1rem 1.5rem; }

    /* pagespeed */ /* compare */
    .compare .col-filmStrip { flex: 0 0 90%; max-width: 90%; }
    .compare .speedAvg { font-size: 20px; }
    .compare #filmStripUnit { font-size: 4rem; }

    /* keyword */ /* complete */
    .keyword .keywordText { font-size: 1.4rem; }
    .keyword .keywordSize { font-size: 1.4rem; }

    /* compare */
    .compare .compare-span .win-crown { margin: 0; }
    .compare .imageScreenshot .iconPlay { padding: 0; }

    /* regions */
    .select2-open, .select2-close { margin: -60px 10px 0 0; }

    /* menu */
    li.nav-item { margin: 10px 15px 0; }

    /* index */
    h1, .h1 { font-size: 1.5rem; }
    .container.detectIndex .title h2 { font-size: 1rem; }
    .detectText { font-size: 1rem; padding: 15px 0; }
    /* .container.detectIndex { padding-right: 0; } */

    .card-guide { font-size: 1rem; }

    blockquote { margin-inline-start: 10px;  margin-inline-end: 10px; }
}