@font-face {
    font-family: "Open Sans";
    src:
      url("/public/v2/font/bundled.open-sans-v27-latin-700.woff2") format("woff2");
}
@font-face {
    font-family: "baloo 2";
    src:
      url("/public/v2/font/bundled.baloo-2-v16-latin-700.woff2") format("woff2"),
}
@font-face {
    font-family: "Open Sans regular";
    src:
      url("/public/v2/font/bundled.open-sans-v27-latin-regular.woff2") format("woff2");
}



@media screen and (max-width: 768px) {
    .head-box {
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
        text-align: center;
    }
    .logoBox{
        display: block;
        height: 30px; 
        color:#fff; 
        font-size: 22px; 
        font-weight: bold;
        margin:auto;
    }
    .logoBox span{
        margin-top:0px;
    }
    .navBox{
        display:none;
    }
    .trendinBox {
        width: 100%;
        padding-left: 10px!important;
        padding-right: 10px!important;
    }
    .trendin_cont .itme  {
        width: 100%;
       
    }
    .trendin_cont .left_img{
        width: 100%;
        height: 200px;
        border-radius: 15px;
    }
    .trendin_cont .itme a{  
        flex-direction: column;  
    }
    .RecenclyPublished {
        display: none;
    }
    .aLLArticles  {
        display: none;
    }
    .foot-box>.line {
        width: 100%;
    }
    .list-item {
        width: 100%;
    }
    .search-head-box {
        display: none;
    }
    .list-box {
        padding-left: 10px;
        padding-right: 10px;
    }
    .newsDetaiBox {
        width: 100%;
    }
    .articleDetail {
        width: 100%;
    }
    .d-recomedList {
        display: none;
    }
    .i-recomedList {
        display: none;
    }
    .postPrevImg {
        width: 108px;
        height: 75px;
    }
    .postDesc {
        display: none;
    }
    .postList {
        width: 100%;
        margin-right: 0;
        padding-left: 14px;
        padding-right: 14px;
    }

    .articleDetail .title {
        font-size: 22px;
        margin-top: 5px;
        margin-bottom: 5px;
        padding: 8px 0;
        color:rgb(21, 21, 21);
        line-height: 28px;
        color:black;
    }
   
    .articleDetail .content {
        font-size: 18px;
        color:rgb(21, 21, 21);
        text-size-adjust: 100%;
        line-height: 31.5px;
        box-sizing:inherit;
    }
    .articleDetail .content  p {
        line-height: 31.5px;
    }

    strong {
        font-weight: bold;
    }

     /* 2024-7-3 */
     .d-recomedPosts {
        width: 100%;
        text-align: center;
    }
    .d-recomedBody {
        width: 100%;
    }
    .d-sharedBox  {
        padding-left: 5px;
        padding-right: 5px;
    }
}