.new-list .new-item{
    padding: 30px 0;
    border-bottom: 1px solid #707070FF;
}
.new-list .new-item img{
    height: 200px;
    width: 315px;
    background: #f0f4f7;
    object-fit: cover;
}
.new-list .new-item .right{
    margin-left: 30px;
    position: relative;
}
.new-list .new-item .right .title{
    color: #038BF2FF;
    font-size: 20px;
    padding-bottom: 5px;
    margin-bottom: 10px;
    border-bottom: 1px solid #707070FF;
}
.new-list .new-item .right .sub-title{
    color: #323232FF;
    font-weight: 300;
    font-size: 16px;
}
.new-list .new-item .right .btn{
    position: absolute;
    bottom: 10px;
    border-color: #038BF2FF;
    color: #038BF2FF;
}

@media (min-width: 767px) and (max-width: 991px) {

}
@media (max-width: 767px) {
    .new-list{
        padding-bottom: 0;
    }
    .new-list .new-item img{
        width: 100%;
    }
    .new-list .new-item .left,
    .new-list .new-item .right{
        width: 50%;
    }
    .new-list .new-item .right{
        margin-left: 15px;
    }
    .new-list .new-item .right .title{
        font-size: 1.1em;
    }
    .new-list .new-item .right .sub-title{
        font-size: 1em;
    }
    .new-list .new-item .right .btn{
        font-size: 0.8em;
        padding: 5px 10px;
    }
}
@media (max-width: 574px) {

    .new-list .new-item{
        display: flex;
        flex-wrap: wrap;
        padding: 20px 0;
        width: 95%;
        margin-left: 2.5%;
    }
    .new-list .new-item img{
        width: 100%;
    }
    .new-list .new-item .left,
    .new-list .new-item .right{
        width: 100%;
        display: inline-block;
        margin-left: 0;
    }
    .new-list .new-item .right{
        margin-top: 10px;
    }
    .new-list .new-item .right .title{
        font-size: 1em;
    }
    .new-list .new-item .right .sub-title{
        font-size: 0.8em;
    }
    .new-list .new-item .right .btn{
        position: relative;
        margin-top: 20px;
        font-size: 0.8em;
        padding: 5px 10px;
    }
}
.new-detail .title{
    margin-top: 30px;
    margin-bottom: 20px;
    padding-bottom: 20px;
}
.new-detail .title div:first-child{
    font-size: 20px;
    color: #1f1e1e;
}
.new-detail .title div:last-child{
    font-size: 16px;
    font-weight: 300;
    margin-top: 5px;
    color: #565656;
}
.new-detail .content{
    width: 70%;
    margin-left: 15%;
    margin-top: 50px;
    margin-bottom: 50px;
}
.new-detail .content video{
    background: black;
    width: 100%;
    height: 100%;
}
.new-detail .content img{
    max-width: 100%;
}
.new-detail .bottom{
    margin-top: 20px;
}
.new-detail .bottom .left{
    color: #6e6e6e;
    font-weight: 300;
    font-size: 16px;
}
.new-detail .bottom .left div:last-child{
    margin-top: 5px;
    cursor: pointer;
}
.new-detail .bottom .btn-primary{
    width: 100px;
    border: none;
    outline: none;
    background: linear-gradient(-90deg, #00A8FF, #0B2FCB);
}
@media (max-width: 767px) {
    .new-detail .content{
        width: 95%;
        margin-left: 2.5%;
        margin-top: 20px;
        margin-bottom: 20px;
    }
}
@media (max-width: 574px) {
    .new-detail .content{
        width: 95%;
        margin-left: 2.5%;
        margin-top: 20px;
        margin-bottom: 20px;
    }
}