@charset "utf-8";

/*
 * File    : rwd-technologies.css
 * Author  : STUDIO-JT (JSH)
 *
 * SUMMARY :
 * 1680px
 * 1480px
 * 1200px
 * 1023px
 * 860px
 * 540px
 */



/* **************************************** *
 * 1680px
 * **************************************** */
@media (max-width: 1680px){

}



/* **************************************** *
 * 1480px
 * **************************************** */
@media (max-width: 1480px){

}



/* **************************************** *
 * 1200px
 * **************************************** */
@media (max-width: 1200px){

    /* ANALYZE */
    .analyze-blueprint { margin-top: 200rem; }

    /* CERTIFICATION */
    .certification-list { gap: 60rem 40rem; }

    /* TEST LAB */
    .article__section-head:has(.testlab-banner) { margin-bottom: 32rem; }
    .testlab-banner { margin: 48rem 0 64rem; }

}



/* **************************************** *
 * 1023px
 * **************************************** */
@media (max-width: 1023px){

    /* TECHNOLOGIES */
    .technologies-intro__list > li > ul > li { padding-left: 18rem; }
    html.ios .technologies-intro__list > li > ul > li:before { margin-top: -.5rem; }

    .technologies-case__image + .technologies-case__image { margin-top: 24rem; }

    /* ANALYZE */
    .analyze-gallery { gap: 24rem; }
    .analyze-gallery__item-data > li > b { width: 56rem; }

    .analyze-blueprint { margin-top: 160rem; }

    /* TEST LAB */
    .testlab-support__container { gap: 24rem; }

    .testlab-example { padding: 40rem; }
    .testlab-example__head { align-items: center; }
    .testlab-example__head-title br { display: none; }
    .testlab-example__head-image { max-width: inherit; width: 50%; }

    .testlab-kiln .article__section-head .article__section-desc br { display: none; }

    .testlab-faq__list > li br { display: none; }

}



/* **************************************** *
 * 860px
 * **************************************** */
@media (max-width: 860px){

    /* TECHNOLOGIES */
    .technologies-case__image + .technologies-case__image  { margin-bottom: 20rem; }
    
    /* ANALYZE */
    .analyze-gallery { gap: 20rem; }
    .analyze-gallery__item-content { padding: 30rem 30rem 20rem 30rem; }
    .analyze-gallery__item-data { max-width: inherit; }

    .analyze-gallery--bearing-cap { grid-template-columns: 1fr; }
    .analyze-gallery--bearing-cap .analyze-gallery__item { flex-direction: row; }
    .analyze-gallery--bearing-cap .analyze-gallery__item-content { flex: 1; padding: 30rem; }
    .analyze-gallery--bearing-cap .analyze-gallery__item-image { width: 50%; padding: 20rem; }

    .analyze-blueprint { margin-top: 140rem; }

    /* TEST LAB */
    .article__section-head:has(.testlab-banner) { margin-bottom: 28rem; }
    .testlab-banner { margin: 40rem 0 54rem; }

    .testlab-support__desc br { display: none; }

    .testlab-step__list > li { flex-direction: column; align-items: start; padding: 30rem 0; gap: 12rem; }
    .testlab-step__list > li > b { padding-left: 40rem; }
    .testlab-step__list > li > p { width: 100%; padding-left: 40rem; }

    .testlab-kiln.article .article__section-head .article__section-desc br { display: none; }

    .testlab-data__gallery { grid-template-columns: repeat(2, minmax(0, 1fr)); }

    #lab-equipment .testlab-data > li > b { width: 50%; }
    
    .testlab-example__head { flex-direction: column; align-items: start; }
    .testlab-example__head-title p { margin-top: 12rem; }
    .testlab-example__head-image { width: 100%; max-width: 380rem; }

    .testlab-example__head-image--desktop { display: none; }
    .testlab-example__head-image--mobile { display: block; }

    .testlab-example__step-image--desktop { display: none; }
    .testlab-example__step-image--mobile { display: block; }

    #brush-test-line .testlab-example__head-image .jt-lazyload { padding-top: 42.93%; }
    #brush-test-line .testlab-example__step-image { max-width: 340rem; }
    #brush-test-line .testlab-example__step-image .jt-lazyload { padding-top: 102.4%; }

    #high-speed-cleaning-line .testlab-example__head-image .jt-lazyload { padding-top: 50.68%; }
    #high-speed-cleaning-line .testlab-example__step-image { max-width: 340rem; }
    #high-speed-cleaning-line .testlab-example__step-image .jt-lazyload { padding-top: 80%; }

    .testlab-faq__list { grid-template-columns: auto; }
    .testlab-faq__list > li { min-height: 100rem; padding: 30rem; }
    .testlab-faq__answer { padding: 30rem; }
    .testlab-faq__answer br { display: none; }

    /* CERTIFICATION */
    .certification-list { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 60rem 20rem; }

}



/* **************************************** *
 * 540px
 * **************************************** */
@media (max-width: 540px){

    /* TECHNOLOGIES */
    .technologies-intro__list > li { flex-direction: column; gap: 8rem; }
    .technologies-intro__list > li > b { width: 100%; }
    .technologies-intro__list > li > b br { display: none; }
    .technologies-intro__list > li > ul > li { padding-left: 16rem; }
    html.ios .technologies-intro__list > li > ul > li:before { margin-top: -1rem; }

    /* ANALYZE */
    .analyze-gallery { gap: 20rem; }
    .analyze-gallery__item-content { padding: 20rem; }

    .analyze-gallery--bearing-cap .analyze-gallery__item { flex-direction: column; }
    .analyze-gallery--bearing-cap .analyze-gallery__item-content { flex: 1; }
    .analyze-gallery--bearing-cap .analyze-gallery__item-image { width: 100%; padding: 0; }
    .analyze-gallery--journal-cross, .analyze-gallery--notch-stress, .analyze-gallery--york-torque { grid-template-columns: 1fr; }

    .analyze-blueprint { margin-top: 120rem; }

    /* TEST LAB */
    .article__section-head:has(.testlab-banner) { margin-bottom: 24rem; }
    .testlab-banner { margin: 32rem 0 48rem; }

    .testlab-support__container { flex-direction: column; gap: 20rem; }

    .testlab-step__list > li { gap: 8rem; }
    .testlab-step__list > li > b { padding-left: 34rem; }
    .testlab-step__list > li > p { padding-left: 34rem; }
    .testlab-step__list > li > p br { display: none; }

    .testlab-data > li { flex-direction: column; gap: 4rem; padding: 20rem 0; }
    .testlab-data > li > b { width: 100%; }
    .testlab-data__content ul > li { padding-left: 16rem; }
    .testlab-data__gallery { grid-template-columns: 1fr; gap: 12rem; }

    #lab-equipment .testlab-data > li > b { width: 100%; }

    .testlab-example { padding: 40rem 30rem; margin-top: 40rem; }
    .testlab-example__head { gap: 12rem; }
    .testlab-example__head-title p { margin-top: 8rem; }
    .testlab-example__step { padding: 30rem 20rem 20rem; }
    .testlab-example__step-image { margin: 20rem auto; }
    .testlab-example__attachment { margin-top: 20rem; }
    .testlab-example__attachment > a { width: 100%; padding: 12rem 16rem 12rem 24rem; gap: 8rem; }
    .testlab-example__attachment .jt-icon { position: relative; top: -1rem; width: 20rem; height: 20rem; }

    .testlab-faq__list { gap: 12rem; }
    .testlab-faq__list > li { min-height: 80rem; padding: 24rem 30rem; }
    .testlab-faq__answer { padding: 24rem 30rem; }

    /* CERTIFICATION */
    .certification-list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 40rem 12rem; }

}