@charset "utf-8";
@media (min-width: 576px){
    .tab-area .tab-title a {
        padding: 10px 20px;
        background: #ddd;
        color: #333;
    }
}
@media (min-width: 768px){

}
@media (min-width: 992px){
    .header .navbar .navbar_btn, .header .navbar .small-btn-box {
        position: absolute;
        top: 12px;
    }

    .header .navbar .navbar_btn {
        right: 280px;
    }

    .header .navbar .small-btn-box {
        right: 0;
    }
    .header .navbar > .container {
        flex-direction: column;
        position: relative;
    }
    .header .navbar .navbar-nav.nav-1 > li > a::after {
        display: block;
        width: 1px;
        height: 10px;
        background-color: #ccc;
        position: absolute;
        content: "";
        top: calc(50% - 10px / 2);
        right: 0px;
    }
    .header .navbar-nav .nav-link {
        padding: 12px 18px;
    }
    body.home .ab_box .wid-page_unit {
        width: 80%;
        margin: 0 auto;
    }
}
@media (min-width: 1200px){

}
@media (max-width: 1199px) {
    /*body.home   .ab_box {
        background-size: 50%;
    }*/
}
@media (max-width: 991px) {
    .header .navbar > .container {
        max-width: 100%;
    }
}
@media (max-width: 767px) {
    .header .navbar {
        padding: 0 10px;
        background: #fff;
        border-bottom: 0;
        box-shadow: rgb(0 0 0 / 40%) 1px -3px 8px;
    }
    
    body.home .ab_box {
        background-size: 250px auto, 250px auto;
    }
    .editor img {
        width: 100% !important;
        height: auto !important;
    }
}
@media (max-width: 575px) {

}