@media screen and (max-width: 670px) {
  .wdfb_event_title {
    width: 85%;
  }
}

@media screen and (max-width: 640px) {
  h1 {
    font-size: 24px;
  }

  .table-download {
    display: none;
  }

  .webinar-content h1 {
    font-size: 36px;
  }

  .page-content.search #searchform .search-input {
    width: 430px;
  }

  .custom-speakers a img {
    margin: 3px;
  }
}

@media screen and (max-width: 580px) {
  .page-content.search .search-input {
    width: 90% !important;
    background-position: center right !important;
  }

  #searchform label {
    display: block;
  }

  .table-format {
    display: none;
  }

  .archive-container article img {
    float: none;
    display: block;
    margin: 0 auto 15px;
  }

  .archive-container .newsletter-content .button {
    display: block;
    width: 38px;
    margin: auto;
  }
}

@media screen and (max-width: 500px) {

  .details .deal-button {
    float: none;
    width: 193px;
    margin: 1em auto;
    box-sizing: border-box;
  }

  .webinar-coming-up {
    width: 100%;
    box-sizing: border-box;
  }

  .latest-webinar-content h2 {
    font-size: 28px;
  }

  .latest-webinar-content .alignleft {
    float: none;
    margin: 0;
    margin-bottom: 10px;
  }

  .latest-webinar-content img {
    display: block;
    margin: auto;
  }

  .webinar-requests {
    width: 100%;
  }

  .webinar-content h1 {
    font-size: 30px;
  }

  .carousel-wrapper {
    width: 430px;
  }

  #more-carousel .owl-item {
    width: 181px !important;
    margin: 0 6px;
  }

  .hero-wrapper {
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
  }

  .webinars-table-header #searchform {
    margin-left: 0;
  }

  .webinars-table-header a {
    display: block;
    margin-bottom: 10px;
  }

}

@media screen and (max-width: 470px) {
  .wdfb_event_title {
    width: 75%;
  }

  .alignleft {
    float: none;
    margin: auto;
    margin-bottom: 10px;
    display: block;
  }

  .alignright {
    float: none;
    margin: auto;
    display: block;
    margin-bottom: 10px;
  }

  .carousel-wrapper {
    width: 285px;
  }

  #more-carousel .owl-item {
    width: 250px !important;
    margin: 0 6px 0 7px;
  }

  #webinar-tabs .webinar-tab {
    padding: 20px 15px 37px;
  }

  #searchform.top-search .search-input {
    width: 140px !important;
  }
}

@media screen and (max-width: 420px) {
  .table-watch {
    display: none;
  }

  .app-title-content h1 {
    font-size: 27px;
  }

  .app-title-content h2 {
    font-size: 20px;
  }

  .video-container {
    width: 100%;
  }

  .learn-more {
    left: 122px;
  }

  .cta-button {
    display: block;
    float: none;
    width: 151px;
  }
  .cta-content h2 {
    display: block;
    margin: 10px 0 0 0;
  }

  #searchform.top-search .search-input {
    width: 120px !important;
  }

  .video-js-box,
  .vjs-poster,
  .video-js,
  .video-player {
    max-width: 100% !important;
  }
}

@media screen and (max-width: 370px) {
  .column .container img,
  .page-content.newsletter section article img {
    float: none;
    margin: 0 auto 10px;
    display: block;
  }

  .footer-lists ul {
    width: 100%;
  }


  .archive-container .search-thumbnail {
    display: block;
    width: 100px;
    margin: 0 auto 10px;
    float: none;
}
  /* NEWSLETTER SINGLE */

  .content-inner {
    text-align: center;
  }

  .content-inner p {
    text-align: left;
  }

  .most-talked ul {
    padding: 5px 20px;
  }

  .most-talked .button {
    margin: 10px 0;
    display: table;
  }

  .features {
    height: auto;
  }

  .learn-more {
    left: 28%;
  }

  #searchform.top-search .search-input {
    width: 70px !important;
  }

  .search-button {
    /*display: none;*/
  }

  #searchform input[type="text"] {
    width: 225px;
  }
}

@media screen and (max-width: 320px) {
  #bbpress-forums li.bbp-header li.bbp-topic-title,
  #bbpress-forums li.bbp-body li.bbp-topic-title {
    width: 47%;
  }

  #bbpress-forums li.bbp-header li.bbp-topic-freshness,
  #bbpress-forums li.bbp-body li.bbp-topic-freshness {
    width: 30%;
  }

  #bbpress-forums li.bbp-body li.bbp-topic-title {
    margin-top: 7px;
    text-align: center;
    word-wrap: break-word;
  }

  #webinar-tabs ul li.tab {
    padding: 10px 24px;
  }

  .carousel-wrapper {
    width: 270px;
  }

  #more-carousel .owl-item {
    width: 234px !important;
    margin: 0 7px 0 7px;
  }

  .cta-content,
  .app-title-content {
    padding-left: 15px;
  }

  .learn-more {
    left: 24%;
  }

  .cite {
    padding-left: 104px;
  }

  .features-wrapper blockquote p {
    margin-top: 0;
    padding-left: 104px;
  }

  .app-page-title-wrapper .cta-button {
    max-width: 247px;
    font-size: 19px;
  }
}