.mouse-icon{
    display: none;
}
@media only screen and (min-width: 1025px) {
    .mouse-icon{
        display: block;
        width: 25px;
        height: 45px;
        border: 2px solid #036b2c;
        border-radius: 15px;
        position: fixed;
        left: 50%;
        bottom: 30px;
        z-index: 100;
        text-align: center;
        -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
                transform: translateX(-50%);
        background: #FFF;
        -webkit-transition: opacity 0.5s;
                transition: opacity 0.5s;
    }
    .hide-mouse-icon .mouse-icon{
        opacity: 0;
        filter: alpha(opacity=0);
    }
    .mouse-wheel{
        height: 6px;
        margin: 2px auto 0;
        display: block;
        width: 3px;
        background-color: #036b2c;
        border-radius: 50%;
        -webkit-animation: 1.6s ease infinite wheel-up-down;
        animation: 1.6s ease infinite wheel-up-down;
    }
    @-webkit-keyframes wheel-up-down {
        0% {
            margin-top: 2px;
            opacity: 0;
            filter: alpha(opacity=0);
        }
        30% {
            opacity: 1;
            filter: alpha(opacity=100);
        }
        100% {
            margin-top: 20px;
            opacity: 0;
            filter: alpha(opacity=0);
        }
    }@keyframes wheel-up-down {
        0% {
            margin-top: 2px;
            opacity: 0;
            filter: alpha(opacity=0);
        }
        30% {
            opacity: 1;
            filter: alpha(opacity=100);
        }
        100% {
            margin-top: 20px;
            opacity: 0;
            filter: alpha(opacity=0);
        }
    }
}