.publication-list {
	flex-wrap: wrap;
    margin-right: -15px;
}
.publication-list p {
    color: #fff;
    font-size: 12px; 
    line-height: 15px;
    font-family: 'din-2014';
    margin: 0;
    font-weight: 600;
}
/*.publication-list .col-lg-4:nth-child(3) {
    padding-right: 0;
}
.publication-list .col-lg-4:nth-child(6) {
    padding-right: 0;
}*/
.publication-list h6 {
    font-family: 'din-2014';
    text-transform: capitalize;
    font-size: 14px;
    line-height: 13px;
    margin: 0;
    color: #fff;
    font-weight: 100;
}
.publication-list h6 img {
    vertical-align: middle;
}
.publication-list h6 strong {
    color: #fff;
}
.publication-list .flex-column {
    padding: 30px;
    max-width: 190px;
    width: 190px;
}
.publication-list .col-lg-4 {
    margin-bottom: 30px;
}
.energywire {
	background-color: #4a5b6f; 
}
.climatewire {
	background-color: #434ba4; 
}
.ee-daily {
	background-color: #3d6493; 
}
.greenwire {
	background-color: #6d9230; 
}
.eenewspm {
	background-color: #4d7778; 
}
.abouteandenews {
	background-color: #012446; 
}	
@media screen and (max-width: 1024px) {
    .publication-list .col-lg-4 {
        padding-right: 0; 
    } 
    .publication-list {
        margin-right: 0;
    }
    .publication-list .flex-column {
        max-width: 100%;
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .publication-list {
        flex-wrap: wrap;
        display: -webkit-box!important;
        display: -ms-flexbox!important;
        display: flex!important;
        margin-right: -15px;
        margin-left: -15px;
    }
    .publication-list .col-lg-4 {
        margin-bottom: 15px;
        height: 100%;
        padding-right: 15px;
        padding-left: 15px;
    }
    .publication-list .col-lg-4:last-child {
        margin-bottom: 0;
        padding-right: 15px;
    }
    .publication-list .col-lg-4:nth-child(3) {
        padding-right: 15px;
    }
}
@media screen and (max-width: 622px) and (min-width: 414px) {
    .publication-list .flex-column {
        min-height: 100px !important;
        padding: 15px;  
    }
}
@media screen and (max-width: 413px) {
    .publication-list .flex-column {
        max-width: 100%;
        width: 100%;
        min-height: 100px !important;
        padding: 15px;
    }
}

