@media(max-width: 1199px) {

    .main-nav .main-nav__main-navigation {
        display: none;
    }
    .main-nav .side-menu__toggler {
        display: block;
    }

    .section2 .card .card-title{
        font-size: 18px;
    }


}

@media(max-width: 991px) {

    .main-nav .logo-box img{
        width:100px;
    }
    .main-nav .logo-box {
        padding: 10px 0;
    }
    .section1 .card{
        background-image: url(../images/s1-bg.jpg);
        background-size: cover;
        padding:20px ;

    }

    .section1 .card .media img{
        width:80px;
    }
    .section1 .card .title{
        padding-left:20px;
        font-size: 12px;
        position: relative;
        line-height: 260%;
    }
    .section1 .card .title:after{
        height:2px;
    }
    .section1 .card .title strong{
        font-size: 18px;
    }
    .section1 .card p{
        font-size: 12px;
    }

    .site-footer .title{
        font-size: 12px;
    }

    .site-footer p{
        font-size: 10px;
    }

    .breadcrumb{
       display: none;
    }
    .sub-list .list-text2{
        padding:10px;
    }
    .sub-list .list-text2 .time{
        padding:20px 3px;
        width:80px;
    }
    .sub-list .list-text2 .time .day{
        font-size: 28px;
        margin-bottom:10px;
    }
    .sub-list .list-text2 .time .month{
        font-size: 14px;
    }
    .sub-list .list-text2 .time .year{
        font-size: 14px;
    }
    .sub-list .list-text2 .title-box{
        float:left;
        width:calc(100% - 80px);
        padding-left:15px;
    }
    .sub-list .list-text2 .summary{
        font-size: 12px;
        margin-top:10px;
        color:#4b5b76;
    }


}

@media(max-width: 767px) {
    .main-nav {
        border-top: 5px solid #2cabe0;
        padding-top:0;
    }
    .main-nav .logo-box img{
        width:100px;
    }

    .section1 .card{
        background-image: url(../images/s1-bg-sj.jpg);
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: top center;
        padding:20px 20px 60px 20px;
    }

    .block-title.home .block-title-title h5{
        font-size: 24px;
    }
    .section2 .card .card-title{
        font-size: 18px;
    }
    .section2 .card p{
        font-size: 10px;
    }

    .sub-list .list-text2{
        padding:10px;
    }
    .sub-list .list-text2 .time{
        padding:15px 3px;
        width:60px;
    }
    .sub-list .list-text2 .time .day{
        font-size: 24px;
        margin-bottom:10px;
    }
    .sub-list .list-text2 .time .month{
        font-size: 14px;
    }
    .sub-list .list-text2 .time .year{
        font-size: 14px;
    }
    .sub-list .list-text2 .title-box{
        float:left;
        width:calc(100% - 60px);
        padding-left:15px;
    }
    .sub-list .list-text2 .title{
        font-size: 14px;
    }

    .sub-list .list-text2 .summary{
        font-size: 12px;
        margin-top:10px;
        color:#4b5b76;
    }
    .article-box{
        padding:20px 0;
        background: none;
    }
    .article-box.ty{
        margin-top:20px;
    }
    .article .title h2{
        font-size: 18px;
        margin-bottom:10px;
        text-align: left;
    }
    .article .title .publish-info{
        text-align: left;
        font-size: 12px;
    }
    .article .more-article{
        font-size: 12px;
        line-height: 16px;
    }

}

@media(max-width: 625px) {
    .section2 .card p{
        font-size: 10px;
    }
}

@media(max-width: 575px) {
   }

@media(max-width: 480px) {
    


}