section[data-cattype="317"] {
  overflow: visible; }

[data-cattype="317"] .wrapper_button {
  position: fixed;
  right: 0px;
  top: calc(80% - 176px);
  z-index: 2900;
  width: 80px; }

[data-cattype="317"] .wrapper_button li {
  margin-bottom: 10px;
  border: 3px solid #fff;
  border-radius: 8px;
  width: 80px;
  height: 80px;
  overflow: hidden;
  background-color: #fff; }

[data-cattype="317"] .wrapper_button li > a {
  display: block;
  width: 100%;
  height: 100%;
  background-size: cover; }

[data-cattype="317"] .wrapper_button li > a:hover {
  opacity: 0.8; }

html.reached-top [data-cattype="317"] .wrapper_button {
  top: calc(100% - 176px); }

html.nav-up [data-cattype="317"] .wrapper_button {
  width: 50px; }

html.nav-up [data-cattype="317"] .wrapper_button li {
  width: 50px;
  height: 50px; }

html.reached-bottom section[data-cattype="317"] {
  min-height: auto;
  padding-top: 50px; }

html.reached-bottom [data-cattype="317"] .wrapper_button {
  padding: 10px 20px 10px 20px;
  position: relative;
  width: auto;
  margin: 0 auto;
  text-align: center;
  left: auto;
  right: 0;
  z-index: 1; }

html.reached-bottom body.pageCat-1 section[data-cattype="317"] {
  padding-top: 0px; }

html.reached-bottom body.pageCat-1 section[data-cattype="317"] > hr {
  display: none; }

html.reached-bottom body.pageCat-1 [data-cattype="317"] .wrapper_button {
  padding: 30px 20px 10px 20px; }

html.reached-bottom [data-cattype="317"] .wrapper_button li {
  width: 80px;
  height: 80px;
  margin: 10px 5px;
  /* Typical laptop screen size*/ }

@media (max-width: 1400px) {
  /* Portrait tablet to landscape and desktop */ }

@media (min-width: 768px) and (max-width: 980px) {
  /* Mobile screen size - landscape view */ }

@media (max-width: 767px) {
  /* Mobile screen size */ }

@media (max-width: 480px) {
  [data-cattype="317"] > .container {
    padding: 0; }

  [data-cattype="317"] .wrapper_button {
    position: fixed;
    top: auto;
    bottom: 0;
    width: 100%;
    left: 0;
    right: auto;
    background-color: rgba(223, 117, 85, 0.9);
    text-align: center;
    padding: 5px 0;
    margin: 0; }

  [data-cattype="317"] .wrapper_button li {
    width: 50px;
    height: 50px;
    margin: 5px 10px; }

  html.reached-top [data-cattype="317"] .wrapper_button {
    top: auto;
    bottom: 0; }

  html.nav-up:not(.reached-bottom) [data-cattype="317"] .wrapper_button {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding: 0; }

  html.reached-bottom [data-cattype="317"] .wrapper_button {
    padding: 20px; } }