section[data-cattype="243"]{
    padding: 60px 0 80px 0; 
    background-color: #fff;  
}

[data-cattype="243"] h3{ 
	/*display: none; */
	margin-bottom: 18px;
}

[data-cattype="243"] .list-icon{
    display: flex;
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
    width: 100%;;
}
[data-cattype="243"] .list-icon li{
    width: 171px;
    height: 150px;
    margin: 15px 17px;
    position: relative;
    opacity: 0.6;
    filter: grayscale(1);
    background: #fff;
}
[data-cattype="243"].hover-effect .list-icon li:hover{
    filter: grayscale(0); 
    opacity: 1; 
}

[data-cattype="243"] .list-icon li .logo{
    width: 100%;
    height: 100%;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;    
}


/* Typical laptop screen size*/
@media (max-width: 1400px) {
	
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 980px) {
	
}

/* Mobile screen size - landscape view */
@media (max-width: 980px) {

    [data-cattype="243"] .list-icon li{
        width: 15%;
        height: 15vw;
        margin: 5px;
    }
    
}


/* Mobile screen size - landscape view */
@media (max-width: 767px) {

    [data-cattype="243"] .list-icon li{
        width: 27%;
        height: 20vw;
        margin: 5px;
    }

}

/* Mobile screen size */
@media (max-width: 480px) {
      
    section[data-cattype="243"]{
        padding: 30px 0 60px 0; 
        background-color: #fff;  
    }
}