/***********************************************
                Table of Contents
***********************************************/
/***********************************************

    01A. Slider
    02B. Slider 225

***********************************************/

/************************* 01A. Slider *************************/
.slider .slick-list {
    margin: 0 auto;
}

.slider .arrow {
    font-size: 30px;
    position: absolute;
    top: -40px;
    right: 0;
}

    .slider .arrow:hover, .slider .arrow:focus {
        color: #0b6666;
        cursor: pointer;
    }

    .slider .arrow.fa-angle-left {
        right: 20px;
    }

@media only screen and (min-width : 900px) {
    .slider .slick-list {
        margin: 0 70px;
    }

    .slider .arrow {
        font-size: 70px;
        top: 50%;
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 15px;
    }

        .slider .arrow.fa-angle-left {
            left: 15px;
            right: auto;
        }
}

/************************* 02B. Slider 225 *************************/
.slider-225 .slick-slide {
    margin: 0 20px 0 0;
    width: 225px;
}

    .doctor-directory .slider-225 .slick-slide {
        font-size: 12px;
        width: 125px;
    }

    .doctor-directory .slider-225 .slick-slide .text strong{
        font-size: 14px;
    }

@media only screen and (min-width : 420px) {
    .doctor-directory .slider-225 .slick-slide {
        width: 170px;
    }
}

@media only screen and (min-width : 600px) {
    .doctor-directory .slider-225 .slick-slide {
        font-size: 15px;
        width: 225px;
    }

        .doctor-directory .slider-225 .slick-slide .text strong{
        font-size: 16px;
    }
}