@media (min-width: 576px) {

    /*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
    ::-webkit-scrollbar {
        width: 10px;
        height: 10px;
        overflow: auto
    }

    /*定义滑块 内阴影+圆角*/
    ::-webkit-scrollbar-thumb {
        background-color: #e6e6e6;
        min-height: 25px;
        min-width: 25px;
        border: 1px solid #e0e0e0
    }

    /*定义滚动条轨道*/
    ::-webkit-scrollbar-track {
        background-color: #f7f7f7;
        border: 1px solid #efefef
    }
}

/*分页*/
.pagination .active span {
    background: #ff4040;
    color: #ffffff;
}

.pagination {
    flex-wrap: wrap;
}

* {
    font-family: -apple-system,BlinkMacSystemFont,Source Han Sans CN,PingFang SC,Hiragino Sans GB,noto sans,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
}

.widget_categories li a {
    width: 100%;
}


@media (min-width: 1600px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1200px;
    }
}

@media (min-width: 1800px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1400px
    }
}

@media (min-width: 2400px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 2200px;
    }

    .fun-fact span {
        font-size: 18px;
        padding: 10px 40px
    }

    .kfact span {
        font-size: 18px
    }

    .theme-btn.theme-btn-small {
        font-size: 16px
    }

    .why-tabs .nav-item .nav-link {
        font-size: 18px
    }

    body {
        font-size: 18px
    }

    p {
        height: 81px !important
    }

    .bs-widget-title {
        font-size: 25px
    }

    .tagcloud a {
        font-size: unset !important
    }

    .kblog-text-link a {
        font-size: unset !important
    }

    .widget_categories li a {
        font-size: unset !important
    }

    .widget-title {
        font-size: 1.5rem !important
    }

    .widget p {
        font-size: unset !important
    }

    .widget ul li a {
        font-size: unset !important
    }

    .widget-contact li {
        font-size: unset !important
    }

    .kblog-img span {
        font-size: 18px !important
    }

    .kblog-meta span {
        font-size: unset !important
    }

    .contact-info-text span {
        font-size: unset !important
    }
}

@media (min-width: 2800px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 2400px;
    }
}


@media (min-width: 3200px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 2800px;
    }
}

@media (min-width: 3600px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 3200px;
    }
}

@media (min-width: 4000px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 3600px;
    }
}