.ContactCarousel {
    display:flex;
    justify-content: flex-start;
    max-width: 1152px;
    margin: 0 auto;
    margin-top:30px;


    @component SocialList {
        max-width:140px;
        display:block;
        
        img {
            max-width:30px;
            margin:5px 10px 5px 0;
            margin-top:10px;
            @media only screen and (max-width : 575px) {    
                max-width:20px;
            }
        }
    
        li {
            display:inline-block;
        }
    }
}

    @media only screen and (max-width : 575px) {


    .ContactCarousel { 
        display:flex;
    }
    }

    @media only screen and (min-width : 576px) and (max-width : 767px) {


    .ContactCarousel { 
        display:flex;
    }
    }

    .ContactCarousel.is-static .ContactCarousel-ArrowButton {
            display:none;
        }

    .ContactCarousel.is-static .ContactCarousel-TeamList {
            margin-left:40px;
            margin-right:40px;
            justify-content: space-around;
        }
    .ContactCarousel.is-static .ContactCarousel-ContactList {
            justify-content: flex-start;
        }
    .ContactCarousel .ContactList-name {
        font-size: 1.25rem;
        color: black;
        font-weight: 600;
        margin: 0;
        text-align:left;
    }

    @media only screen and (max-width : 575px) {

    .ContactCarousel .ContactList-name {
            font-size: 1.125rem
    }
        }

    .ContactCarousel .h4 {
        font-size: 1.125rem;
        color: black;
        font-weight: 600;
    }

    @media only screen and (max-width : 575px) {

    .ContactCarousel .h4 {
            font-size: 1rem
    }
        }


.ContactCarousel-ArrowButton {
        width: 40px;
}


.ContactCarousel-Arrow {
        flex: 0 0 auto;
}


.ContactCarousel-ContactListOuter {
        flex: 1 0 0px;
        overflow: hidden;
        position: relative;
}


.ContactCarousel-ContactList {
        display:flex;
        justify-content: space-around;
        align-items:baseline;
}


@media only screen and (min-width : 576px) and (max-width : 767px) {


    .ContactCarousel-ContactList {    
            justify-content: center;
    }
        }


@media only screen and (max-width : 575px) {


    .ContactCarousel-ContactList {    
            justify-content: center;
            margin: 0 auto;
    }
        }


.ContactCarousel-ContactList--previous {
            -webkit-transform: translate(-100%, 0);
                    transform: translate(-100%, 0);
            position:absolute;
            top:0;
            left:0;
            width:100%;
            margin-right:10px;
}


.ContactCarousel-ContactList--next {
            -webkit-transform: translate(100%, 0);
                    transform: translate(100%, 0);
            position:absolute;
            top:0;
            left:0;
            width:100%;
}


.ContactCarousel-ContactMember {

        width:33.333333%;
        padding: 0 15px 0 0;
        text-align:left;
        flex: 0 0 auto;
}


@media only screen and (max-width : 575px) {


    .ContactCarousel-ContactMember {    
            width:100%;
            padding:0;
    }
        }


@media only screen and (min-width : 576px) and (max-width : 767px) {


    .ContactCarousel-ContactMember {    
            width:55%;
            padding:0;
    }
        }


@media only screen and (min-width : 768px) and (max-width : 991px) {


    .ContactCarousel-ContactMember {   
            width:42%;
    }
        }


.ContactCarousel-ContactMember p {
            line-height:24px;
        }


.ContactCarousel--Partners {
        justify-content: center;
}

.js-prev-btn {
        margin-right:15px;
    }