


/**
 * make listing tool to top of page
 */

amp-addthis[data-widget-type="messages"] {
  position: fixed !important;
  width: 100% !important;
  top: 0;
}
amp-addthis .i-amphtml-addthis-close {
  right: 10px!important;
  top: 10px!important;
  width: 32px!important;
  height: 32px!important;
  opacity: 0.5!important;
  float:right!important;
  cursor: pointer!important;
  position: relative!important;
  z-index: 1!important;
  background-color: transparent!important;
  border: none!important;

}
amp-addthis .i-amphtml-addthis-close:hover {
  opacity: 1!important;
}
amp-addthis .i-amphtml-addthis-close:before, .i-amphtml-addthis-close:after {
  position: absolute;
  content: ' ';
  height: 20px;
  width: 2px;
  background-color: #fff;
}
amp-addthis .i-amphtml-addthis-close:before {
  transform: rotate(45deg);
}
amp-addthis .i-amphtml-addthis-close:after {
  transform: rotate(-45deg);
}


/**
 * Make amp-addthis tool floating if user give data-widget-type
 */
@media only screen and (max-width: 979px) {
  amp-addthis[data-widget-type="floating"] {
    position: fixed !important;
    width: 100% !important;
    height: 50px;
    bottom: 0;
  }
}
@media only screen and (min-width: 979px) {
  amp-addthis[data-widget-type="floating"] {
    position: fixed !important;
    width: 70px !important;
    height: 320px!important;
    top: 200px;
  }
}
