.publication-wrap{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;

    .publication-left{
        width:calc(100% - 720px);
        padding-right:20px;
        max-width:630px;
    }
    .publication-right{
        width:720px;
    }
        ul.logo-grid {
            margin:0;
            padding:0;
            list-style-type:none;
            position: relative;
            & li{
                margin:0;
                padding:0;
                width:100%;
                display:flex;
                flex-wrap:wrap;
                position: relative;
            }
            & li:before{
                position: absolute;
                content: "";
                width: 100%;
                height: 1px;
                background: #FFFFFF;
                background: linear-gradient(179deg, rgba(255, 255, 255, 1) 6%, rgba(14, 117, 255, 1) 44%, rgba(255, 255, 255, 1) 88%);
                left: 0;
            }
            & li:first-child:before{
                display:none;
            }  
        }
        ul:after{
          position: absolute;
        content: "";
        height: 100%;
        width: 1px;
        background: #FFFFFF;
        background: linear-gradient(179deg, rgba(255, 255, 255, 1) 6%, rgba(14, 117, 255, 1) 44%, rgba(255, 255, 255, 1) 88%);
        right: 0;
        top: 0;
        margin-right: 33.33%;
        }
        ul:before{
            position: absolute;
        content: "";
        height: 100%;
        width: 1px;
        background: #FFFFFF;
        background: linear-gradient(179deg, rgba(255, 255, 255, 1) 6%, rgba(14, 117, 255, 1) 44%, rgba(255, 255, 255, 1) 88%);
        left: 0;
        top: 0;
        margin-left: 33.33%;
        }
        .logo-item{
            width:33.33%;
            padding:50px 15px;
            margin:auto;
            text-align:center;
            & img{
                filter:invert(0) grayscale(100);
            }
        }
}

/*------- media ------*/

@media(max-width:1599.98px) {

}

@media(max-width:1439.98px) {
    .publication-wrap {
        .publication-right {
            width: 600px;
        }
        .publication-left{
            width: calc(100% - 600px);
            padding-right: 20px;
            max-width: 630px;  
        }
    }
}

@media(max-width:1199.98px) {
      .publication-wrap {
        .publication-right {
            width: 45%;
        }
        .publication-left {
            width: calc(100% - 45%);
            padding-right: 20px;
            max-width: 630px;
        }
        .logo-item{
            padding: 40px 15px; 
        }
    }  
}

@media(max-width:991.98px) {
 .publication-wrap {
        .publication-right {
            width: 100%;
        }
        .publication-left {
            width:100%;
            padding-right: 0px;
            max-width:100%;
            margin-bottom:25px;
        }
        .logo-item{
            padding: 40px 15px; 
        }
    }    
}

@media(max-width:767.98px) {
    
}

@media(max-width:575.98px) {
        .publication-wrap {
        .logo-item {
            padding: 20px 15px;
            font-size:12px;
        }
    }
}