.header__mobile,
.header,
.footer__mobile {
    display: none;
}

@media only screen and (min-width: 1000px) {
    .header {
        display: block !important;
    }
}

@media only screen and (max-width: 999px) {
    .header__mobile,
    .footer__mobile {
        display: block !important;
    }
    .section {
        flex-wrap: wrap;
        width: var(--width-100) !important;
    }
    .section__left,
    .section__right {
        width: 100% !important;
    }

    
    

    .section4 {
        width: var(--width-100) !important;
        flex-wrap: wrap;
    }

    .section4__title {
        width: var(--width-100) !important;
        font-size: var(--font-size-16) !important;
        box-sizing: border-box !important;
        text-align: var(--center) !important;
    }
    .section5 > img {
        display: none !important;
    }
    .section5__body {
        width: var(--width-100) !important;
        top: 10px !important;
        left: 0 !important;
        position: relative !important;
    }
    .section5__body_title {
        margin: 0px !important;
        font-size: var(--font-size-16) !important;
        background-color: var(--background-color-2A7438) !important;
        color: var(--color-white) !important;
        width: var(--width-100) !important;
        padding: 10px !important;
        box-sizing: border-box !important;
        line-height: 25px;
    }

    .section5__body_list {
        padding: 10px !important;
        gap: 10px !important;
    }

    .section5__body_list_item_title {
        font-size: var(--font-size-12) !important;
    }

    .section5__body_list_item > img {
        height: 70px !important;
    }

    .section6 {
        width: var(--width-100) !important;
        margin-top: 15px !important;
    }
    .section6__title {
        width: var(--width-100) !important;
        font-size: var(--font-size-16) !important;
        box-sizing: border-box !important;
    }

    .section6_list_item {
        width: var(--width-100) !important;
        padding: 10px !important;
        box-sizing: border-box !important;
    }
    .footer{
        margin-bottom: 80px !important;
    }
    .footer__top {
        width: 100% !important;
    }

    .footer__bottom_body {
        width: var(--width-100) !important;
    }

    .footer__bottom_body_title {
        font-size: var(--font-size-20) !important;
        text-transform: uppercase;
        padding: 10px !important;
    }

    .footer__bottom_body_title > img {
        width: 60px !important;
        height: 60px !important;
    }

    .footer__bottom_body_list {
        flex-wrap: wrap !important;
        padding: 0px 10px !important;
    }

    .footer__bottom_body_list_item {
        width: var(--width-100) !important;
    }
    .category {
        width: var(--width-100) !important;
    }
    .category__left {
        display: none !important;
    }

    .category__right {
        width: var(--width-100) !important;
    }

    .body-placeholder {
        padding: 0px 10px !important;
    }

    .img-responsive {
        width: 100% !important;
        height: 225px !important;
    }
    
    .img-gif {
        width: 100% !important;
        height: auto !important;
        border-radius: 8px !important;
    }

    .procedure{
        width: var(--width-100) !important;
    }

    .procedure__title{
        width: var(--width-100) !important;
        font-size: var(--font-size-16) !important;
        box-sizing: border-box;
    }

    .procedure__list_item{
        width: 49% !important;
    }

    .procedure__list_item_title{
        font-size: var(--font-size-18) !important;
    }

    .procedure__list_item > img {
        width: 100px !important;
        height: 100px !important;
    }

    .view {
        text-align: center !important;
        width: 100% !important;
        height: 226px !important;
    }
    .view_button {
        top: 72% !important;
    }
}