#gotop{z-index:999; position: fixed;   margin:0; right: 30px; bottom: 30px;   border-radius:50% 50%
    display: block; text-decoration: none; -webkit-border-radius: 5px; -moz-border-radius: 5px;
    border-radius:50% 50%; display: none; background-color: #155000;   }

#gotop a{display:block;  width: 55px; height: 55px; background-image:url("../img/gotop.png"); background-repeat:no-repeat;
 background-position:center center;  transition: 0.3s all}
#gotop i{ -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease;
    transition: all 0.3s ease;  }
#gotop:hover{  background:#155000}
#gotop:hover a { background-position:center 10px; transition: 0.3s all}

/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
#gotop { right:20px; bottom: 30px; border-radius:50% 50% }
#gotop a{display:block;  width: 45px; height: 45px; ; }
}
@media (max-width: 768px) {
}
@media (max-width: 640px) {
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}