.cd-top {
 z-index: 999;
  display: inline-block;
  text-align: center;
  padding-top:15px;
  height: 50px;
  width: 50px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  overflow: hidden;
  /*text-indent: 100%;*/
  white-space: nowrap;
  border-radius: 100%;
  border: 1px solid #0070c4;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s, background-color .3s 0s;
  transition: opacity .3s 0s, visibility 0s .3s, background-color .3s 0s;
}
.cd-top img{width:15px;}
.cd-top.cd-top--show,
.cd-top.cd-top--fade-out,
.cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s, background-color .3s 0s;
  transition: opacity .3s 0s, visibility 0s 0s, background-color .3s 0s;
}
.cd-top.cd-top--show {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top:hover {
  /*background-color: #e2e2e2;*/
  opacity: 1;
}

@media only screen and (min-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 20px;
  }
}

@media only screen and (min-width: 1024px) {
  .cd-top {
    height:50px;
    width: 50px;
    right: 10px;
    bottom: 90px;
  }
}
@media(max-width:667px){
    .cd-top{display:none;}
    .p-top {
        color: #fff;
        position: absolute;
        right: 8px;
        top: 16px;
    }
}