﻿@media only screen and (min-width: 100px) {

    .slick-next {
        font-size: 51px;
        line-height: 0;
        position: absolute;
        top: 92%;
        display: block;
        width: 45px;
        height: 45px;
        padding: 12px;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        cursor: pointer;
        color: transparent;
        border: none;
        outline: none;
        background: #E6E6E6;
        right: 2%;
    }


    .slider-div .slick-prev {
        font-size: 51px;
        line-height: 0;
        position: absolute;
        top: 92%;
        display: block;
        width: 45px;
        height: 45px;
        padding: 12px;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        cursor: pointer;
        color: transparent;
        border: none;
        outline: none;
        background: #E6E6E6;
        left: 84% !important;
    }

    .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
        color: transparent;
        outline: none;
        background: #117A61;
        cursor: pointer;
    }

    button:hover {
        cursor: pointer;
    }
}
@media only screen and (min-width: 200px) {

    .slick-next {
        font-size: 51px;
        line-height: 0;
        position: absolute;
        top: 92%;
        display: block;
        width: 45px;
        height: 45px;
        padding: 12px;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        cursor: pointer;
        color: transparent;
        border: none;
        outline: none;
        background: #E6E6E6;
        right: 2%;
    }


    .slider-div .slick-prev {
        font-size: 51px;
        line-height: 0;
        position: absolute;
        top: 92%;
        display: block;
        width: 45px;
        height: 45px;
        padding: 12px;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        cursor: pointer;
        color: transparent;
        border: none;
        outline: none;
        background: #E6E6E6;
        left: 84% !important;
    }

    .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
        color: transparent;
        outline: none;
        background: #117A61;
        cursor: pointer;
    }

    button:hover {
        cursor: pointer;
    }
}
@media only screen and (min-width: 300px) {

    .slick-next {
        font-size: 51px;
        line-height: 0;
        position: absolute;
        top: 92%;
        display: block;
        width: 45px;
        height: 45px;
        padding: 12px;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        cursor: pointer;
        color: transparent;
        border: none;
        outline: none;
        background: #E6E6E6;
        right: 2%;
    }


    .slider-div .slick-prev {
        font-size: 51px;
        line-height: 0;
        position: absolute;
        top: 92%;
        display: block;
        width: 45px;
        height: 45px;
        padding: 12px;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        cursor: pointer;
        color: transparent;
        border: none;
        outline: none;
        background: #E6E6E6;
        left: 84% !important;
    }

    .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
        color: transparent;
        outline: none;
        background: #117A61;
        cursor: pointer;
    }

    button:hover {
        cursor: pointer;
    }
}

@media only screen and (min-width: 400px) {

    .slick-next {
        font-size: 51px;
        line-height: 0;
        position: absolute;
        top: 92%;
        display: block;
        width: 45px;
        height: 45px;
        padding: 12px;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        cursor: pointer;
        color: transparent;
        border: none;
        outline: none;
        background: #E6E6E6;
        right: 2%;
    }


    .slider-div .slick-prev {
        font-size: 51px;
        line-height: 0;
        position: absolute;
        top: 92%;
        display: block;
        width: 45px;
        height: 45px;
        padding: 12px;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        cursor: pointer;
        color: transparent;
        border: none;
        outline: none;
        background: #E6E6E6;
        left: 84% !important;
    }

    .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
        color: transparent;
        outline: none;
        background: #117A61;
        cursor: pointer;
    }

    button:hover {
        cursor: pointer;
    }
    
}
@media only screen and (min-width: 800px) {

    .slick-next {
        font-size: 51px;
        line-height: 0;
        position: absolute;
        top: 92%;
        display: block;
        width: 45px;
        height: 45px;
        padding: 12px;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        cursor: pointer;
        color: transparent;
        border: none;
        outline: none;
        background: #E6E6E6;
        right: 2%;
    }


    .slider-div .slick-prev {
        font-size: 51px;
        line-height: 0;
        position: absolute;
        top: 92%;
        display: block;
        width: 45px;
        height: 45px;
        padding: 12px;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        cursor: pointer;
        color: transparent;
        border: none;
        outline: none;
        background: #E6E6E6;
        left: 84% !important;
    }

    .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
        color: transparent;
        outline: none;
        background: #117A61;
        cursor: pointer;
    }

    button:hover {
        cursor: pointer;
    }
}

@media only screen and (min-width: 1200px) {

    .slick-next {
        font-size: 51px;
        line-height: 0;
        position: absolute;
        top: 92%;
        display: block;
        width: 45px;
        height: 45px;
        padding: 12px;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        cursor: pointer;
        color: transparent;
        border: none;
        outline: none;
        background: #E6E6E6;
        right: 2%;
    }


    .slider-div .slick-prev {
        font-size: 51px;
        line-height: 0;
        position: absolute;
        top: 92%;
        display: block;
        width: 45px;
        height: 45px;
        padding: 12px;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        cursor: pointer;
        color: transparent;
        border: none;
        outline: none;
        background: #E6E6E6;
        left: 85.3% !important;
    }

    .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
        color: transparent;
        outline: none;
        background: #117A61;
        cursor: pointer;
    }

    button:hover {
        cursor: pointer;
    }
}

@media only screen and (min-width: 1600px) {

    .slick-next {
        font-size: 51px;
        line-height: 0;
        position: absolute;
        top: 92%;
        display: block;
        width: 45px;
        height: 45px;
        padding: 12px;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        cursor: pointer;
        color: transparent;
        border: none;
        outline: none;
        background: #E6E6E6;
        right: 2%;
    }


    .slider-div .slick-prev {
        font-size: 51px;
        line-height: 0;
        position: absolute;
        top: 92%;
        display: block;
        width: 45px;
        height: 45px;
        padding: 12px;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        cursor: pointer;
        color: transparent;
        border: none;
        outline: none;
        background: #E6E6E6;
        left: 87% !important;
    }

    .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
        color: transparent;
        outline: none;
        background: #117A61;
        cursor: pointer;
    }

    button:hover {
        cursor: pointer;
    }
}
@media only screen and (min-width: 1894px) {

    .slick-next {
        font-size: 51px;
        line-height: 0;
        position: absolute;
        top: 92%;
        display: block;
        width: 45px;
        height: 45px;
        padding: 12px;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        cursor: pointer;
        color: transparent;
        border: none;
        outline: none;
        background: #E6E6E6;
        right: 2%;
    }


    .slider-div .slick-prev {
        font-size: 51px;
        line-height: 0;
        position: absolute;
        top: 92%;
        display: block;
        width: 45px;
        height: 45px;
        padding: 12px;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        cursor: pointer;
        color: transparent;
        border: none;
        outline: none;
        background: #E6E6E6;
        left: 88% !important;
    }

    .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
        color: transparent;
        outline: none;
        background: #117A61;
        cursor: pointer;
    }

    button:hover {
        cursor: pointer;
    }
}



