/**
*
*  c33
*  3 NEWS for Home
*
**/

/*======= 320  padding l,r  5  = 310 ===*/

.c33 {
    overflow: hidden;
    margin-bottom: 2em;
}


.c33 ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}


.c33 h3 {
    margin-top: 10px;
    margin-bottom: 20px;
    line-height: 1em;
}

.c33 h3 a {   
    line-height: 1em;
   font-size: 0.8em;
       color: var(--hlBlue);
}

.c33 .news .article h3 {
   margin-top: 10px;
    margin-bottom: 20px;
     line-height: 1em;
         color: var(--hlBlue);
}


.c33 .news .article .news-img-wrap img {
    width: 100%;
    height: auto;
}

.c33 .news-list-date {
    float: none;
}


/*======= 480 ========= MEDIA QUERIES ======= Rand 6 = 460 ===*/

@media only screen and (min-width: 480px) {}

/*======= 760========= MEDIA QUERIES ======== Rand 16 = 728 ===*/

@media only screen and (min-width: 760px) {

 
}

/*======= 960 ======== MEDIA QUERIES ======== Rand 22 = 916 ===*/

@media only screen and (min-width: 960px) {

.c33 .slides {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.c33 .slides li {
    flex: 0 0 calc(50% - 10px);
    min-width: 0;
    box-sizing: border-box;
}

.c33 .news .footer {
    border-top: none;
}

}

/*======= 1254 ======= MEDIA QUERIES ======== Rand 28 = 1198 ==*/

@media only screen and (min-width: 1254px) {

.c33 .slides li {
    flex: 0 0 calc((100% - 40px) / 3);
    min-width: 0;
    box-sizing: border-box;
}

}

/*======= 2512 ======= MEDIA QUERIES ==== Rand 151-45 = 2396 ==*/

@media only screen and (min-width: 2512px) {}

/*END-c33*/