/* Full-width content like pimpbunny */
.content {
  max-width: 100% !important;
  padding: 0 20px !important;
}

.navigation {
  max-width: 100% !important;
  padding: 0 20px !important;
}

.video-holder {
  margin-right: 0 !important;
}

/* Footer text padding */
.footer .txt {
  padding: 15px 30px !important;
}

.footer .copyright {
  padding: 10px 0 20px !important;
}

/* Hide tag cloud on all pages */
.tags-cloud {
  display: none !important;
}

/* More padding to match spacing */
.main-container {
  padding-top: 15px !important;
  padding-bottom: 30px !important;
}

/* 6 columns on desktop */
.list-videos .item,
.list-videos-screenshots .item {
  width: calc(16.666% - 10px) !important;
}

.related-videos .list-videos .item {
  width: calc(16.666% - 10px) !important;
}

/* 4 columns on laptop */
@media screen and (max-width: 1600px) {
  .list-videos .item,
  .list-videos-screenshots .item,
  .related-videos .list-videos .item {
    width: calc(25% - 10px) !important;
  }
}

/* 3 columns on tablet */
@media screen and (max-width: 860px) {
  .list-videos .item,
  .list-videos-screenshots .item,
  .related-videos .list-videos .item {
    width: calc(33.33% - 10px) !important;
  }

  /* Hide Porndude on tablet and below */
  .top-links .network {
    display: none !important;
  }

  /* Center language selector when network is hidden */
  .top-links .center-hold {
    justify-content: center !important;
  }

  .top-links .language-holder {
    margin: 0 auto !important;
    float: none !important;
  }
}

/* 2 columns on mobile */
@media screen and (max-width: 640px) {
  .list-videos .item,
  .list-videos-screenshots .item,
  .related-videos .list-videos .item {
    width: calc(50% - 5px) !important;
    margin: 5px 0 0 5px !important;
  }

  .headline {
    text-align: center;
    flex-wrap: wrap;
    justify-content: center;
  }

  .headline h1,
  .headline h2 {
    width: 100%;
  }

  .headline .sort {
    margin: 5px auto;
  }

  .headline .more {
    margin: 5px auto;
  }

  /* Reduce top bar gap on mobile */
  .top-links {
    padding: 5px 0 !important;
  }
}

/* Keep 2 columns at 420px */
@media screen and (max-width: 420px) {
  .list-videos .item,
  .list-videos-screenshots .item,
  .related-videos .list-videos .item {
    width: calc(50% - 5px) !important;
    margin: 5px 0 0 5px !important;
  }
}