﻿.entry-items {
    width: 835px;
    margin: 10px auto 0;
    padding-bottom: 100px;
}

.top-banner {
    max-width: 835px;
}

.slick-slide {
    margin-left: 5px;
}

.entry-item {
    display: block;
    margin-bottom: 5px;
}

    .entry-item img {
        width: 100%;
        height: 100%;
    }

.entry-small-items, .entry-medium-items, .entry-large-items {
    margin-left: -5px;
}

    .entry-small-items .entry-item {
        width: 205px;
        height: 205px;
    }

    .entry-medium-items .entry-item {
        width: 415px;
        height: 130px;
    }

    .entry-large-items .entry-item {
        width: 835px;
        height: 140px;
    }

.slick-prev:before {
    content: ' ';
    font-size: 0;
    width: 10px;
    height: 10px;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-right: 7px solid #5b5b5c;
}

.slick-next:before {
    content: ' ';
    font-size: 0;
    width: 10px;
    height: 10px;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 7px solid #5b5b5c;
}

.slick-dotted.slick-slider {
    margin-bottom: 15px;
}

.slick-dots {
    bottom: -10px;
}

    .slick-dots li {
        width: 10px;
        height: 10px;
        margin: 0;
    }

        .slick-dots li button {
            width: 10px;
            height: 10px;
        }

            .slick-dots li button:before {
                color: #5b5b5c !important;
                width: 10px;
                height: 10px;
                line-height: 10px;
            }


@media screen and (max-width: 950px) {
    .entry-items {
        width: 635px;
    }

    .top-banner {
        max-width: 635px;
    }

    .entry-small-items .entry-item {
        width: 155px;
        height: 155px;
    }

    .entry-medium-items .entry-item {
        width: 315px;
        height: 99px;
    }

    .entry-large-items .entry-item {
        width: 635px;
        height: 107px;
    }
}

@media screen and (max-width: 635px) {
    .entry-items {
        width: 435px;
    }

    .top-banner {
        max-width: 435px;
    }

    .entry-small-items .entry-item {
        width: 105px;
        height: 105px;
    }

    .entry-medium-items .entry-item {
        width: 215px;
        height: 68px;
    }

    .entry-large-items .entry-item {
        width: 435px;
        height: 73px;
    }

    .home-wrapper #species .specie, .home-wrapper #species .separator {
        font-size: 80%;
    }
}

@media screen and (max-width: 435px) {
    .entry-items {
        width: 315px;
    }

    .top-banner {
        max-width: 315px;
    }

    .entry-small-items .entry-item {
        width: 75px;
        height: 75px;
    }

    .entry-medium-items .entry-item {
        width: 155px;
        height: 49px;
    }

    .entry-large-items .entry-item {
        width: 315px;
        height: 53px;
    }
}