/* ===================================
   TABLET
=================================== */

@media (max-width: 1199px) {

    #header .inside {
        padding-left: 280px;
        padding-right: 20px;
    }

    #header .header-logo {
        width: 260px;
    }

    #header .header-mainnav ul {
        gap: 10px;
    }

    #header .header-mainnav a,
    #header .header-mainnav strong {
        font-size: 16px;
    }
}

/* ===================================
   SMARTPHONE
=================================== */

@media (max-width: 767px) {

    #header,
    #header .inside {
        min-height: 80px;
    }

    #header .inside {
        padding: 10px 15px 10px 220px;
    }

    #header .header-logo {
        width: 210px;
        height: 80px;
        padding: 10px 20px;
        border-radius: 0 0 35px 0;
    }

    #header .header-logo img {
        max-height: 60px;
    }

    #header .header-topnav,
    #header .header-mainnav {
        display: none;
    }
}

/* ========================================
   Responsive
======================================== */

@media (max-width: 767px) {

    #main > .inside {
        padding: 30px 20px;
    }

    #main h1 {
        font-size: 34px;
    }

    #main h2 {
        font-size: 27px;
    }

    #main h3 {
        font-size: 22px;
    }
}

@media (max-width: 767px) {
    #footer {
        padding: 35px 0;
    }

    #footer .footer-title {
        margin-bottom: 12px;
    }
}

/* ===================================
   SMARTPHONE SITEMAP
=================================== */

@media (max-width: 767px) {

    .sitemap {
        max-width: 100%;
    }

    .sitemap ul.level_1 > li > a,
    .sitemap ul.level_1 > li > strong {
        font-size: 17px;
    }

    .sitemap ul.level_2 {
        margin-left: 8px;
        padding-left: 14px;
    }

    .sitemap ul.level_2 > li > a,
    .sitemap ul.level_2 > li > strong {
        font-size: 15px;
    }
}