.yrarrows {
font-family:arial;
position: fixed;
right: 10px;
top: 40%;
-opacity: 0.5;
transition: 0.5s ease all;
-o-transition: 0.5s ease all;
-moz-transition: 0.5s ease all;
-webkit-transition: 0.5s ease all;
}
.yrarrows .top, .yrarrows .bottom {
font-size: 24px;
padding: 5px;
background:#555555;
font-weight: bold;
color: #DDDDDD !important;
text-decoration: none !important;
width: 32px;
display: block;
height: 32px;
text-align: center;
-border-radius: 8px;
line-height: 32px;
margin-bottom: 5px;
}
a.top:hover, a.bottom:hover{background-color:#888888;}
.yrarrows:hover {
-opacity: 0.9;
}

@media screen and (max-width: 1100px) {
    .left-mobile-sb{
        display: none;
    }

    .right-mobile-sb{
        display: none;
    }
  }