#industryGrade {margin: 0 0 -110px 0; padding: 100px 0 200px 0; background: #fff;}
#industryGrade h3 {font-weight: 700; font-size: 51px; line-height: 70px; text-align: center; color: #3206B4; max-width: 700px; margin: 0 auto;}
#industryGrade .infiniteCarouselWrapper {padding: 0 40px;}
#industryGrade .infiniteCarouselWrapper .slider ul li {background: none; border-radius: 0; width: 340px; display: flex !important; align-items: center; flex-wrap: wrap; justify-content: center;}
#industryGrade .infiniteCarouselWrapper .slider::before {background: linear-gradient(to right, #fff 0%, rgba(255, 255, 255, 0) 100%);}
#industryGrade .infiniteCarouselWrapper .slider::after {background: linear-gradient(to right, #fff 0%, rgba(255, 255, 255, 0) 100%);}
#industryGrade .infiniteCarouselWrapper .slider ul li img {/* filter: grayscale(1); opacity: 0.4; */ transition: all ease-in-out 0.2s;}
#industryGrade .infiniteCarouselWrapper .slider ul li:hover img {filter: grayscale(0); opacity: 1;}

/**** media queries ****/
@media only screen and (min-width: 0px) and (max-width: 575px) {
    #industryGrade {padding: 100px 0 140px 0;}
    #industryGrade h3 {font-size: 36px; line-height: 50px;}
    #industryGrade .infiniteCarouselWrapper {padding: 0;}
    .infiniteCarouselWrapper .slider::before, .infiniteCarouselWrapper .slider::after {width: 80px;}
    #industryGrade .infiniteCarouselWrapper .slider ul li img {width: 170px;}
}

@media only screen and (min-width: 576px) and (max-width: 991px) {
    #industryGrade h3 {font-size: 40px; line-height: 50px;}
    #industryGrade .infiniteCarouselWrapper {padding: 0;}
    .infiniteCarouselWrapper .slider::before, .infiniteCarouselWrapper .slider::after {width: 80px;}
    #industryGrade .infiniteCarouselWrapper .slider ul li img {width: 180px;}
    #industryGrade .infiniteCarouselWrapper .slider ul li {width: auto;}
}

@media only screen and (min-width: 992px) and (max-width: 1399px) {
    #industryGrade h3 {font-size: 40px; line-height: 54px;}
    .infiniteCarouselWrapper .slider::before, .infiniteCarouselWrapper .slider::after {width: 80px;}
    #industryGrade .infiniteCarouselWrapper .slider ul li img {width: 140px;}
    #industryGrade .infiniteCarouselWrapper .slider ul li {width: auto;}
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    #industryGrade {padding: 60px 0 120px 0;}
    #industryGrade h3 {font-size: 32px; line-height: 42px; max-width: 500px;}
    #industryGrade .infiniteCarouselWrapper .slider ul li img {width: 140px;}
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
    #industryGrade h3 {font-size: 40px; line-height: 50px;}
    #industryGrade .infiniteCarouselWrapper .slider ul li {width: 300px;}
    #industryGrade .infiniteCarouselWrapper .slider ul li img {max-width: 200px;}
}