.widget-latest-notice {display: flex;align-items: center;position: static;width: 100%}
.widget-latest-notice>.container {display: flex;align-items: center;}
.widget-latest-notice .widget-title{width: 150px;background-color: var(--color-primary);}
.widget-latest-notice .widget-title h2{font-size: 17px;text-align: center;padding: 30px 40px;color: #fff}
.widget-latest-notice .widget-list{width: 100%;display: flex;align-items: center;justify-content: space-between;padding: 30px 40px;background-color: #000;}
.widget-latest-notice .widget-list a{color: var(--color-primary);}
.widget-latest-notice .widget-list .latest-list p{
    color: #fff;
    max-width: 320px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 17px;
}

/* Desktop ( 1024px ~)*/
@media all and (min-width:1024px) {
    .widget-latest-notice .widget-list{width: 500px;}
    .widget-latest-notice {display: flex;align-items: center;position: absolute;bottom: -25px;width: 100%}
}

/* Laptop ( 1024px ~ 1300px)*/
@media all and (min-width:1024px) and (max-width:1300px) {
}

/* Tablet ( 768px ~ 1023px)*/
@media all and (min-width:768px) and (max-width:1023px) {
    .widget-latest-notice .widget-title{width: 30%;}
    .widget-latest-notice>.container {width: 100%}
}

/* Moble ( ~ 767px)*/
@media all and (max-width:767px) {
    .widget-latest-notice .widget-title{width: 30%;}
    .widget-latest-notice>.container {width: 100%}
    .widget-latest-notice .widget-list .latest-list p{max-width: 230px; font-size: 15px;}
    .widget-latest-notice .widget-list a{font-size: 15px;}
    .widget-latest-notice .widget-list{padding: 15px;}
}