@charset "utf-8";

/*
 * File    : rwd-resources.css
 * Author  : STUDIO-JT (KMS)
 *
 * SUMMARY :
 * 1480px
 * 1200px
 * 860px
 * 540px
 */



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

    /* CONTENT HUB */
    .contenthub-data { margin-top: 68rem; }

    /* TECHNICAL LITERATURE */
    .literature-list { gap: 72rem; margin-top: 72rem; }

    /* QUALITY CERTIFICATE */
    .certificate-info__title { margin-bottom: 72rem; }

    .certificate-info__list > li { gap: 55rem; padding: 0 55rem 55rem; }
    .certificate-info__list-logo { width: 150rem; }

}



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

    /* CONTENT HUB */
    .contenthub-filter__bottom-inner { grid-template-columns: 1fr 1fr 1fr 90rem; padding-top: 42rem; }

    .contenthub-filter__button { gap: 16rem; }

    .contenthub-filter__category-title { margin-bottom: 28rem; }

    .contenthub-data { margin-top: 60rem; }

    /* TECHNICAL LITERATURE */
    .literature-category { gap: 32rem; }

    .literature-category__primary { gap: 15rem; }
    .literature-category__primary p { bottom: 15rem; }

    .literature-category__secondary { gap: 15rem; }

    .literature-list { gap: 62rem; margin-top: 62rem; }

    /* QUALITY CERTIFICATE */
    .certificate-info__title { margin-bottom: 62rem; }

    .certificate-info__list { gap: 32rem; }
    .certificate-info__list > li { gap: 50rem; padding: 0 50rem 50rem; }
    .certificate-info__list-logo { width: 140rem; }
    .certificate-info__list-buttons { gap: 15rem; }

}



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

    /* CONTENT HUB */
    .contenthub-filter__bottom-inner { grid-template-columns: 1fr; gap: 45rem; padding-top: 38rem; padding-bottom: 15rem; position: relative; }
    
    .contenthub-filter__button { gap: 12rem; padding-top: 3rem; }
    .contenthub-filter__button > i { width: 24rem; height: 24rem; }

    .contenthub-filter__category-title { margin-bottom: 22rem; }
    .contenthub-filter__category-title .jt-accent-icon { width: 16rem; }
    .contenthub-filter__category-list .jt-checkbox { flex-direction: row; column-gap: 24rem; }

    .contenthub-filter__reset { gap: 8rem; position: absolute; right: 0; top: 38rem; }

    .contenthub-data { margin-top: 48rem; }

    /* TECHNICAL LITERATURE */
    .literature-category { gap: 24rem; }

    .literature-category__primary { gap: 10rem; margin: 0 -24rem; padding: 0 24rem; overflow-y: hidden; overflow-x: auto; -webkit-overflow-scrolling: touch; }
    .literature-category__primary > li { flex: none; width: 170rem; }
    .literature-category__primary p { bottom: 11rem; }
    html.win .literature-category__primary { padding-bottom: 4rem; overflow: overlay; }
    html.win .literature-category__primary::-webkit-scrollbar { height: 4rem; background: transparent; }
    html.win .literature-category__primary::-webkit-scrollbar-track { background: var(--color-gray-200); border-radius: 99rem }
    html.win .literature-category__primary::-webkit-scrollbar-thumb { background: var(--color-gray-300); border-radius: 99rem; }

    .literature-category__secondary { gap: 10rem; }
    .literature-category__secondary a { padding: 17rem; }

    .literature-list { gap: 55rem; margin-top: 55rem; }

    /* QUALITY CERTIFICATE */
    .certificate-info__title { margin-bottom: 55rem; }

    .certificate-info__list { grid-template-columns: 1fr; gap: 24rem; }
    .certificate-info__list > li { gap: 36rem; padding: 0 24rem 36rem; }
    .certificate-info__list-logo { width: 98rem; }
    .certificate-info__list-text { height: inherit; }
    .certificate-info__list-desc { margin-top: 16rem; }
    .certificate-info__list-buttons { gap: 12rem; }

}



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

    /* CONTENT HUB */
    .contenthub-filter__top { flex-wrap: wrap; gap: 31rem 12rem; }
    .contenthub-filter__bottom-inner { gap: 27rem; padding-top: 28rem; padding-bottom: 0; }

    .contenthub-filter__button { order: 2; gap: 20rem; padding-top: 0; }
    .contenthub-filter__button > i { width: 28rem; height: 28rem; }

    .contenthub-filter__search { width: 100%; }

    .contenthub-filter__category-list .jt-checkbox { flex-direction: column; row-gap: 16rem; }

    .contenthub-filter__top .contenthub-filter__reset { display: flex; position: relative; top: inherit; right: inherit; order: 3; }
    .contenthub-filter__bottom .contenthub-filter__reset { display: none; }

    .contenthub-data { margin-top: 45rem; }

    /* TECHNICAL LITERATURE */
    .literature-category { gap: 20rem; }

    .literature-category__primary { margin: 0 -20rem; padding: 0 20rem; }
    .literature-category__primary > li { width: 140rem; }
    .literature-category__primary p { bottom: 8rem; }
    .literature-category__primary > li.literature-category--current:after { box-shadow: inset 0 0 0 2rem var(--color-black); }

    .literature-category__secondary a { padding: 14rem 17rem; }
    .literature-category__secondary > li.literature-category--current:after { box-shadow: inset 0 0 0 2rem var(--color-black); }

    .literature-list { gap: 48rem; margin-top: 48rem; }
    .literature-list__name { margin-bottom: 17rem; }

    /* QUALITY CERTIFICATE */
    .certificate-info__title { margin-bottom: 48rem; }

    .certificate-info__list { gap: 20rem; }
    .certificate-info__list > li { gap: 30rem; padding: 0 20rem 30rem; }
    .certificate-info__list-logo { width: 85rem; }
    .certificate-info__list-desc { margin-top: 12rem; }
    .certificate-info__list-buttons { grid-template-columns: 1fr; gap: 5rem; }

}