.menu-desktop .sub-menu .menu-title {
    font-weight: 400!important
}

@media screen and (max-width:767px) {
    .list-view {
        margin: 0!important;
        padding: 10px 15px!important;
        line-height: 30px!important
    }
    .list-view a {
        font-size: 13px!important
    }
    .input-search {
        width: 100%!important
    }
    .label-date {
        width: 100%!important
    }
    .input-datesplit {
        width: 65px!important;
        margin-top: 5px
    }
    .input-datesplit-y {
        width: 100px!important;
        margin-top: 5px
    }
    .banner {
        display: none!important;
        background-color: #fff;
        background-image: none
    }
    .banner-index {
        display: inline!important;
        background-color: #fff;
        background-image: none
    }
    .banner-pc {
        display: none
    }
    .banner-mobile {
        display: block!important
    }
    .div-indent-1 p,
    .div-indent-2 p,
    .text-indent-2,
    .text-indent-3,
    .text-indent-3 p {
        text-indent: 10px
    }
    .div-indent-4 p,
    .div-indent-5 p,
    .div-indent-6 p,
    .text-indent-4,
    .text-indent-5,
    .text-indent-6 {
        text-indent: 20px
    }
    .div-indent-7 p,
    .text-indent-7 {
        text-indent: 30px
    }

    .syllView {
        padding-top: 10px!important
    }

    .syllView img {
        width: 100% !important;
    }
}

/* @media screen and (max-width:767px) {
    
} */

@media (min-width:769px) {
    .syllView {
        border: 1px solid #d4d3d3;
        display: inline-block;
        padding: 4px 5px 3px;
        width: 100%;
        border-radius: 12px;
    }
}

@media (min-width:992px) {
    .offset-lg-2 {
        margin-left: 16.666667%
    }
}

@media (min-width:768px) {
    .offset-md-2 {
        margin-left: 16.666667%
    }
}

.offset-1 {
    margin-left: 8.333333%
}

.mb-1,
.my-1 {
    margin-bottom: .25rem!important
}