.widget-latest-work .widget-list li {padding: 8px 10px;}
.widget-latest-work .widget-list li a{display: flex;justify-content: space-between;align-items: center;}
.widget-latest-work .widget-list li a>p{display: block;}
.widget-latest-work .widget-list li a>p.title{font-size: 17px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.widget-latest-work .state-view{padding: 3px 12px;border-radius: 50px;font-size: 14px;font-weight: 500;color: var(--color-white);min-width: 70px;text-align: center;}
.widget-latest-work .state-view.wait{background-color: var(--color-danger);}
.widget-latest-work .state-view.working{background-color: var(--color-warning);}
.widget-latest-work .state-view.complete{background-color: var(--color-success);}

.latest-right-area{display: flex;justify-content: space-between;align-items: center;}
.latest-right-area .date-text{font-size: 17px;min-width: 100px;margin-right: 10px;}


/* Desktop ( 1024px ~)*/
@media all and (min-width:1024px) {

}

/* Laptop ( 1024px ~ 1200px)*/
@media all and (min-width:1024px) and (max-width:1200px) {
    .widget-latest-work .widget-list li a>p.title{font-size: 16px;}
    .latest-right-area .date-text{font-size: 16px;}

}

/* Tablet ( 768px ~ 1023px)*/
@media all and (min-width:768px) and (max-width:1023px) {
    .widget-latest-work .widget-list li a>p.title{font-size: 16px;}
    .latest-right-area .date-text{font-size: 16px;}

}

/* Moble ( ~ 767px)*/
@media all and (max-width:767px) {
    .widget-latest-work .widget-list li a>p.title{font-size: 13px;}
    .latest-right-area .date-text{font-size: 13px;margin-right:0;}
    .widget-latest-work .state-view{font-size: 11px;}
}