﻿@media (max-width:800px) {
        .mb-80, .my-80 {
    margin-bottom: 20px !important;
}
        .mb-60, .my-60 {
    margin-bottom: 15px !important;
}
        .mb-50, .my-50 {
    margin-bottom: 10px !important;
}
        .section {
    padding-top: 20px;
    padding-bottom: 20px;
}
        
    .size-50 {
    font-size: 34px !important;
}
        .size-32 {
    font-size: 18px !important;
}
        .size-30 {
    font-size: 22px !important;
}
    .size-28{font-size:20px!important;}
        .size-26 {
    font-size: 16px !important;
}
        .size-22 {
    font-size: 16px !important;
}
    .size-20 {
    font-size: 12px !important;
}
    .size-16 {
    font-size: 12px !important;
}
    .container {
    width: 98%;
    min-width: inherit;
    padding-bottom: 0;
}

    .cscetit1 {
        font-size:28px;
    }
     .cscetit2 {
        font-size:16px;
    }
    .cscedate { display:block;text-align:center;margin-right:0!important;
    }
    .csceadd{
        display:block;text-align:center;margin-right:0!important;
    }
     .cscedate i, .csceadd i{display:none;}
    .grid.grid-4 > li {
    width: 50%;
}
    .grid.grid-6{
        padding:0 2%;
    }
    .grid.grid-6 > li {
    width: 33.33333%;
}
    .grid-space-10 .grid > li {
    padding-left: 0.5%;
    padding-right: 0.5%;
}
    .sectiontit{text-align:center!important;}
    .grid-space-20 .grid > li {
    padding-left: 0px;
    padding-right: 0px;
}
    .left-465 {
    position: relative;
    float: none;
    padding: 0;
    width: 100%;
}
    .left-720 {
    position: relative;
    float: none;
    margin: 10px 0 0 0;
    padding: 0;
    width: 100%;
}
    .side-img-box {
    position: relative;
    width: 100%;
    height: auto;
    background: #fff;
    overflow: hidden;
}
    .img-list {
    margin: 0px 0 0 0px;
}
    .img-list li {
    position: relative;
    float: left;
    margin: 5px 2%;
    width: 46%;
    height: auto;
}
    .img-list li .img-box {
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
}
    .newtext {display:none;
    }
    .inewpic{
        display:none;
    }
        .inewpic .w-250 {width:120px!important;
        }
        .inewpic .h-200 {
    height: 80px !important;
}
        .inewdate{display:none;}
    .inewright {
        padding:10px;
        width:100%!important;
    }
    .h-200 {
    height: auto !important;
}
    #blog_list li{    padding-bottom: 10px!important;
    margin-bottom: 0!important;
    margin-top: 0!important;
    padding-top: 0!important;}
    .iaboutadd{}
    .iaboutadd span{display:block; text-align:center;margin-right:0!important;}
    .iabouttext{padding:0 2%;margin-bottom:10px!important;}
    .iabouttext p{font-size: 14px;
    line-height: 25px;}
    .wrback{display:none;}
    .datalist.grid-5 > li {
    width: 50%!important;
}
    .datalist.grid-5 > li{width: 100%!important;border-bottom: 1px dashed #d2d2d2;}
    .lk2018{text-align:center!important;}
    .lk2018 hr{display:none;}
    .lk2018 .text-left{text-align:center!important;}
    .z2 .p-bg{display:none;}
    .z2 .mk-flexbox{display:block!important;}
    .z2-left{width:100%!important; text-align:center;}
    .z2-left .text-left{text-align:center!important;}
    .z2-right{padding-left:0!important;}

    .touch-slip > ul > li {
    width: 50%!important;
    background-size: cover;
    margin-right:0!important;
    padding:0 0.5%;
    margin-bottom:5px;
}
    .touch-slip > ul > li.active {
    width: 100%!important;
    margin-bottom:5px;
}
    .touch-slip > ul > li:nth-child(6),.touch-slip > ul > li:nth-child(7){margin-bottom:20px;}
    .touch-slip figcaption{
        padding:120px 5px 20px;
    }
    .touch-slip figcaption .absolute {position:relative;
                                      padding:0!important;
                                      text-align:center!important;
    }
    .touch-slip figcaption .text-left{text-align:center!important;}
        .touch-slip figcaption .text-truncate {
            white-space:normal;
        }
}