.section_brands{
    margin-top: 110px;
    margin-bottom: 120px;
}

/***list logo***/
.list_logo{
    display: grid;
}

.list_logo img{
    max-width: 60%;
    height: auto;
    transition: all ease 0s;
    filter: invert(71%) sepia(34%) saturate(2754%) hue-rotate(211deg) brightness(106%) contrast(96%);
    width: 100%;
    max-height: 52%;
    transition: all ease 0.4s;
}

.list_logo a:hover img{
    filter: none;
}

.list_logo a:hover img{
    transform: scale(1.1);
}

.list_logo svg{
    max-width: 60%;
    height: auto;
    transition: all ease 0s;
    width: 100%;
    max-height: 52%;
    transition: all ease 0.4s;
}

.list_logo svg,
.list_logo path,
.list_logo polygon{
    fill: #415bd7;
    transition: all ease 0.5s !important;
}

.list_logo a:hover svg,
.list_logo a:hover path,
.list_logo a:hover polygon{
    fill: #fff;
}

.list_logo a:hover svg{
    transform: scale(1.1);
}


.list_logo > a{
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 160px;
    position: relative;
}

.list_logo > a span{
    transition: all ease 0.1s;
}

.list_logo > a > .top_left{
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    border-top: 2px solid #415AD5;
    border-left: 2px solid #415AD5;
}

.list_logo > a > .top_right{
    position: absolute;
    top: 0;
    right: -2px;
    width: 20px;
    height: 20px;
    border-top: 2px solid #415AD5;
    border-right: 2px solid #415AD5;
}

.list_logo > a > .bottom_left{
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 20px;
    height: 20px;
    border-bottom: 2px solid #415AD5;
    border-left: 2px solid #415AD5;
}

.list_logo > a > .bottom_right{
    position: absolute;
    bottom: -2px;
    right: -2px;
    width: 20px;
    height: 20px;
    border-bottom: 2px solid #415AD5;
    border-right: 2px solid #415AD5;
}

.list_logo > a:hover > .top_left{
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    z-index: 99;
}

.list_logo > a:hover > .top_right{
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    z-index: 99;
}

.list_logo > a:hover > .bottom_left{
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
    z-index: 99;
}

.list_logo > a:hover > .bottom_right{
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    z-index: 99;
}    

.list_logo > .product_brands_12 img{
    max-width: 70%;
}

.list_logo > .product_brands_13 img{
    max-width: 75%;
}

.list_logo > .product_brands_15 img{
    max-width: 75%;
}

.list_logo > .product_brands_17 img{
    max-width: 53%;
}

.list_logo > .product_brands_18 img{
    max-width: 55%;
}

.list_logo > .product_brands_19 img{
    max-width: 49%;
}

.list_logo > .product_brands_12 svg{
    max-width: 70%;
}

.list_logo > .product_brands_13 svg{
    max-width: 75%;
}

.list_logo > .product_brands_15 svg{
    max-width: 75%;
}

.list_logo > .product_brands_17 svg{
    max-width: 53%;
}

.list_logo > .product_brands_18 svg{
    max-width: 55%;
}

.list_logo > .product_brands_19 svg{
    max-width: 49%;
}

@media only screen
and (max-width : 1024px){
    .section_brands{
        margin-top: 80px;
        margin-bottom: 80px;
    }
    
    .list_logo{
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    }
}

@media only screen
and (max-width : 550px){
    /*.list_logo{
        grid-template-columns: minmax(0, 1fr) !important;
    }*/
}