.mouse_scroll {
    display: table;
    width: 0px;
    position: absolute;
    right: 63px;
    top: 79%;
    cursor: pointer;
    animation: scrolling ease-in-out 1.4s infinite;
}

.m_scroll_arrows {
    display: block;
    width: 5px;
    height: 5px;
    -ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
    transform: rotate(45deg);
    border-right: 2px solid white;
    border-bottom: 2px solid white;
    margin: 0 0 3px 4px;
    width: 16px;
    height: 16px;
}

.unu {
    margin-top: 1px;
}

.unu,
.doi,
.trei {
    -webkit-animation: mouse-scroll 1s infinite;
    -moz-animation: mouse-scroll 1s infinite;
    animation: mouse-scroll 1s infinite;
}

.unu {
    -webkit-animation-delay: 0.1s;
    -moz-animation-delay: 0.1s;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
    animation-delay: alternate;
}

.doi {
    -webkit-animation-delay: 0.2s;
    -moz-animation-delay: 0.2s;
    -webkit-animation-direction: alternate;
    animation-delay: 0.2s;
    animation-direction: alternate;
    margin-top: -6px;
}

.trei {
    -webkit-animation-delay: 0.3s;
    -moz-animation-delay: 0.3s;
    -webkit-animation-direction: alternate;
    animation-delay: 0.3s;
    animation-direction: alternate;
    margin-top: -6px;
}

.mouse {
    height: 42px;
    width: 24px;
    border-radius: 14px;
    transform: none;
    border: 2px solid white;
    top: 170px;
   
}

.wheel {
    height: 5px;
    width: 2px;
    display: block;
    margin: 5px auto;
    background: white;
    position: relative;
    height: 4px;
    width: 4px;
    border: 2px solid #fff;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

.wheel {
    -webkit-animation: mouse-wheel 0.6s linear infinite;
    -moz-animation: mouse-wheel 0.6s linear infinite;
    animation: mouse-wheel 0.6s linear infinite;
}

@-webkit-keyframes mouse-wheel {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(6px);
        -ms-transform: translateY(6px);
        transform: translateY(6px);
    }
}

@-moz-keyframes mouse-wheel {
    0% {
        top: 1px;
    }

    25% {
        top: 2px;
    }

    50% {
        top: 3px;
    }

    75% {
        top: 2px;
    }

    100% {
        top: 1px;
    }
}

@-o-keyframes mouse-wheel {
    0% {
        top: 1px;
    }

    25% {
        top: 2px;
    }

    50% {
        top: 3px;
    }

    75% {
        top: 2px;
    }

    100% {
        top: 1px;
    }
}

@keyframes mouse-wheel {
    0% {
        top: 1px;
    }

    25% {
        top: 2px;
    }

    50% {
        top: 3px;
    }

    75% {
        top: 2px;
    }

    100% {
        top: 1px;
    }
}

@-webkit-keyframes mouse-scroll {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 0.5;
    }

    100% {
        opacity: 1;
    }
}

@-moz-keyframes mouse-scroll {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 0.5;
    }

    100% {
        opacity: 1;
    }
}

@-o-keyframes mouse-scroll {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 0.5;
    }

    100% {
        opacity: 1;
    }
}

@keyframes mouse-scroll {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 0.5;
    }

    100% {
        opacity: 1;
    }
}

@media only screen and (min-width:1359px) and (max-width:1366px){
    .mouse_scroll {
        right: 50px;
    }
}
/*width 1278*/
@media only screen and (min-width:1269px) and (max-width:1278px) {
    .mouse_scroll {
        right: 11px;
    }
}

/* Mobil */

/* iphone 5/5s dikey */
@media only screen and (max-width:359px) {
    .mouse_scroll {
        display: none;
    }
}

/*Galaxy s3*/
@media only screen and (min-width:360px) and (max-width:369px) {
    .mouse_scroll {
        display: none;
    }
}
/*iphone 6/6s dikey*/
@media only screen and (min-width:370px) and (max-width:399px) {
    .mouse_scroll {
        display: none;
    }
}
/*iphone Plus dikey*/
@media only screen and (min-width:400px) and (max-width:479px) {
    .mouse_scroll {
        display: none;
    }
}
/*tablet dikey*/
@media only screen and (min-width:760px) and (max-width:810px) {
    .mouse_scroll {
        display: none;
    }
}
/*iphone 5/5s yatay*/
@media only screen and (min-width:560px) and (max-width:639px) {
    .mouse_scroll {
        display: none;
    }
}
/*Samsung S3 yatay*/
@media only screen and (min-width:640px) and (max-width:659px) {
    .mouse_scroll {
        display: none;
    }
}
/*iphone 4 yatay*/
@media only screen and (min-width:480px) and (max-width:559px) {
    .mouse_scroll {
        display: none;
    }
}
/*iphone 6/6s yatay*/
@media only screen and (min-width:660px) and (max-width:699px) {
    .mouse_scroll {
        display: none;
    }
}

/*iphone Plus yatay*/
@media only screen and (min-width:700px) and (max-width:759px) {
    .mouse_scroll {
        display: none;
    }
}

/*iphone x yatay*/
@media only screen and (min-width:811px) and (max-width:999px) {
    .mouse_scroll {
        display: none;
    }
}
/*tabley yatay*/
@media only screen and (min-width:1000px) and (max-width:1024px) {
    .mouse_scroll {
        right: 4px;
        top: 133%;
    }
    .mouse {
        height: 31px;
        width: 18px;
    }
    .m_scroll_arrows {
        width: 12px;
        height: 12px;
    }
}