/* all mobile devices
========================================================================== */
@media all and (max-device-width: 1024px) {
  html {
    -webkit-text-size-adjust: none;
  }
}

/* > 1330px
========================================================================== */
@media all and (max-width: 1329px) {
  #rb-split {
    background: #fff url("../images/bg-pixels-white.png") fixed repeat-x 50% 0;
    background-size: 487.5px 487.5px;
  }
  .single #rb-split {
    background: #fff;
  }
  .single #rb-split-bg,
  .page #rb-split-bg,
  .search #rb-split-bg,
  .archive #rb-split-bg {
    background: transparent;
  }
  #rb-split #rb-content {
    width: 66.67%;
  }
  #rb-split #rb-skyscraper {
    box-shadow: 0 4px 0 #e6e6e6;
  }
  #rb-sidebar #rb-featured .rb-post {
    background-color: #fff;
    box-shadow: 0 4px 0 #e6e6e6;
  }
}

/* 1024px - 1315px
========================================================================== */
@media all and (min-width: 1024px) and (max-width: 1315px) {
  #rb-nav-social {
    display: none;
  }
}

/* > 1100px
========================================================================== */
@media all and (min-width: 1100px) {
  #rb-directory .rb-item:nth-of-type(4n) {
    margin-right: 0;
  }
  #rb-directory .rb-item:nth-of-type(4n+1) {
    clear: left;
  }
  .rb-post-meta {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .rb-post-published,
  .rb-post-updated,
  .rb-post-categories,
  .rb-post-tags {
    width: 47.5%;
  }
  .rb-post-published {
    order: 1;
  }
  .rb-post-updated {
    order: 3;
  }
  .rb-post-categories {
    order: 2;
  }
  .rb-post-tags {
    order: 4;
  }
}

/* 1024px - 1100px
========================================================================== */
@media all and (min-width: 1024px) and (max-width: 1099px) {
  #rb-directory .rb-item:nth-of-type(3n) {
    margin-right: 0;
  }
  #rb-directory .rb-item:nth-of-type(3n+1) {
    clear: left;
  }
}

/* < 1100px
========================================================================== */
@media all and (max-width: 1099px) {
  #rb-content {
    width: calc(100% - 325px);
  }
  #rb-featured .rb-post h3 {
    font-size: 2em;
  }
  #rb-directory .rb-item {
    width: 29.1666667%;
  }
  #rb-social-together-buttons a {
    display: block;
  }
  #rb-social-together-buttons a:first-of-type {
    margin-bottom: 10px;
  }
  #rb-newsletter #rb-newsletter-close {
    right: 5%;
  }
}

/* > 1024px
========================================================================== */
@media all and (min-width: 1024px) {
  #rb-nav-container {
    display: block !important;
  }
  #rb-mobile-nav,
  #rb-mobile-button,
  #rb-mobile-close {
    display: none !important;
  }
  #rb-directory .rb-item:hover .rb-item-icon img {
    margin: -5px 0 5px;
  }
}

/* < 1024px
========================================================================== */
@media all and (max-width: 1023px) {
  #rb-mobile-button {
    display: block;
  }
  #rb-mobile-button,
  #rb-mobile-close {
    float: right;
    margin-top: 15px;
  }
  #rb-mobile-button a,
  #rb-mobile-close a {
    display: block;
    width: 30px;
    height: 30px;
    text-align: center;
    text-decoration: none;
    color: #afd0e8;
  }
  #rb-nav {
    overflow: visible;
  }
  .home #rb-logo-nav {
    display: block;
  }
  #rb-logo-nav {
    margin-right: 0;
  }
  #rb-nav-container {
    display: none;
    position: fixed;
    top: 60px;
    left: 0;
    width: 100%;
    height: 100%;
    background: #0f72be;
    z-index: 999;
  }
  .admin-bar #rb-nav-container {
    top: 92px;
  }
  #rb-nav .rb-container {
    width: 100%;
    padding: 0 20px;
    box-sizing: border-box;
  }
  #rb-nav ul#rb-nav-menu {
    float: none;
    margin: 95px 0 0;
  }
  #rb-nav ul#rb-nav-menu li {
    display: block;
    margin: 0 0 15px;
    padding-bottom: 15px;
    font: 2.6em/1em "bebas-neue", Helvetica, Arial, sans-serif;
    text-align: center;
    border-bottom: 1px solid #0d66ab;
  }
  #rb-nav ul#rb-nav-social {
    width: 100%;
    float: none;
    margin: 0;
    text-align: center;
  }
  #rb-nav ul#rb-nav-social li {
    margin: 0 20px 0 0;
  }
  #rb-nav ul#rb-nav-social li:last-of-type {
    margin-right: 0;
  }
  #rb-searchform {
    float: none;
    position: absolute;
    top: 0;
    width: 100%;
    height: 80px;
    background: #0d66ab;
  }
  #rb-searchform input[type="search"] {
    float: left;
    width: calc(80% - 40px);
    height: 40px;
    margin: 20px 0 0 20px;
    border-radius: 0;
    -webkit-appearance: none;
  }
  #rb-searchform-toggle {
    float: left;
    width: 20%;
    height: 40px;
    margin-top: 20px;
    line-height: 45px;
  }
  #rb-searchform-toggle-divider {
    height: 40px;
    background: #0d66ab;
  }
  #rb-searchform-menu {
    width: calc(100% - 40px);
    top: 59px;
    left: 20px;
  }
  #rb-searchform-menu ul {
    width: calc(80% - 7px);
  }
  #rb-searchform-menu ul li a {
    text-align: center;
  }
  #rb-featured .rb-post,
  .home #rb-featured .rb-post {
    width: 48.19%;
  }
  #rb-featured .rb-post .g-1 {
    max-width: 100%;
    max-height: 100%;
  }
  #rb-directory .rb-item {
    width: 47.5%;
  }
  #rb-social-forums {
    width: 60%;
  }
  #rb-social-forums ul li {
    width: 100%;
    padding: 10px 0;
  }
  #rb-social-forums ul li:nth-of-type(9),
  #rb-social-forums ul li:nth-of-type(10),
  #rb-social-forums ul li:nth-of-type(11),
  #rb-social-forums ul li:nth-of-type(12),
  #rb-social-forums ul li:nth-of-type(13),
  #rb-social-forums ul li:nth-of-type(14),
  #rb-social-forums ul li:nth-of-type(15),
  #rb-social-forums ul li:nth-of-type(16) {
    display: none;
  }
  #rb-social-together {
    width: 35%;
  }
  #rb-split #rb-content {
    width: 100%;
  }
  #rb-split #rb-sidebar {
    display: none;
  }
  #rb-split h1 {
    margin: -10px 0 25px;
    font-size: 4.8em;
  }
  #rb-archive-title h1 {
    margin-bottom: 0;
  }
  #rb-archive-title h3 {
    margin-bottom: 43px;
  }
  #rb-sidebar .rb-widget {
    margin-bottom: 30px;
  }
  .rb-content .tablesorter-scroll {
    margin-bottom: 30px;
    overflow: scroll;
    border-right: 5px solid #ccc;
  }
  #rb-newsletter p {
    width: 100%;
    margin-bottom: 20px;
    line-height: 18px;
    text-align: center;
  }
  #rb-newsletter #mc_embed_signup {
    float: right;
    width: 100%;
  }
  #rb-newsletter #mc_embed_signup #mc-embedded-subscribe {
    width: 35%;
    margin-left: 5%;
  }
  #rb-footer {
    padding: 30px 0;
  }
  #rb-footer.newsletter-active {
    padding-bottom: 146px;
  }
  #rb-footer p,
  #rb-footer ul {
    font-size: 1.4em;
  }
  #rb-footer #rb-footer-copyright,
  #rb-footer #rb-footer-menu {
    width: 100%;
    text-align: center;
  }
  #rb-footer #rb-footer-copyright {
    margin-bottom: 15px;
  }
  #rb-footer ul#rb-footer-menu {
    text-align: center;
  }
  #rb-footer #rb-footer-social {
    display: none;
  }
}

/* < 782px
========================================================================== */
@media all and (max-width: 782px) {
  .admin-bar #rb-nav {
    top: 46px;
  }
  .admin-bar #rb-nav-container {
    top: 106px;
  }
}

/* < 768px
========================================================================== */
@media all and (max-width: 767px) {
  #rb-intro {
    height: 290px;
  }
  #rb-intro-bg img {
    width: auto;
    height: 100%;
  }
  #rb-intro-content {
    width: 335px;
    height: 250px;
    padding: 20px;
  }
  #rb-intro-content img {
    display: none;
  }
  #rb-intro-buttons a {
    display: block;
    margin: 0;
  }
  #rb-intro-buttons a:first-of-type {
    margin-bottom: 10px;
  }
  main {
    padding-top: 20px;
    background: #fff;
  }
  #rb-content {
    float: left;
    width: 100%;
  }
  #rb-sidebar {
    float: left;
    width: 100%;
  }
  #rb-split #rb-content,
  #rb-split #rb-sidebar {
    padding: 25px 0 0;
  }
  .single #rb-split #rb-content {
    padding-bottom: 25px;
  }
  #skyscraper {
    display: none;
  }
  #rb-featured {
    margin-bottom: 0;
  }
  #rb-featured .rb-post,
  .home #rb-featured .rb-post {
    width: 100%;
    margin: 0 0 20px;
  }
  #rb-featured .rb-post#rb-featured-bigbox {
    display: flex;
    justify-content: space-around;
    align-items: center;
    background: transparent;
    box-shadow: none;
  }
  #rb-featured-bigbox-inner {
    width: 300px;
    height: 250px;
    margin: 0;
  }
  #rb-directory {
    background: #0a4c76;
  }
  #rb-directory .rb-container {
    width: 100%;
  }
  #rb-directory-bg {
    padding-top: 25px;
  }
  #rb-directory .rb-item {
    width: 100%;
    margin-bottom: 20px;
    padding: 0 20px 20px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    box-sizing: border-box;
  }
  #rb-directory .rb-item:last-of-type {
    padding-bottom: 0;
    border-bottom: 0;
  }
  #rb-directory .rb-item-icon {
    width: 60px;
  }
  #rb-directory .rb-item-details {
    width: calc(100% - 85px);
  }
  #rb-social {
    padding-top: 25px;
  }
  #rb-social .rb-container {
    width: 90%;
  }
  #rb-social h2 {
    font-size: 3.2em;
  }
  #rb-social-forums {
    float: left;
    width: 100%;
    margin-bottom: 50px;
  }
  #rb-social-together {
    float: left;
    width: 100%;
    margin-bottom: 25px;
  }
  #rb-social-together img {
    width: 100%;
    max-width: 337px;
    margin-left: auto;
    margin-right: auto;
  }
  #rb-social-forums .rb-button,
  #rb-social-together-buttons a {
    display: block;
    max-width: 292px;
    margin-left: auto;
    margin-right: auto;
  }
  #rb-split {
    background: #fff;
  }
  #rb-split h1 {
    margin: -8px 0 20px;
    font-size: 4em;
  }
  .rb-post-meta {
    margin-bottom: 25px;
    font-size: 1.4em;
  }
  .rb-post-share {
    margin-bottom: 25px;
  }
  #rb-archive-title h1 {
    margin-bottom: 0;
  }
  #rb-archive-title h3 {
    margin-bottom: 20px;
  }
  #rb-archive article .rb-archive-tnail {
    float: none;
    width: 100%;
    margin-bottom: 20px;
    box-shadow: 0 4px 0 #e6e6e6;
  }
  #rb-archive article .rb-archive-content {
    float: none;
    width: 100%;
  }
  .search #rb-archive {
    margin-bottom: 25px;
  }
  .rb-content .alignleft,
  .rb-content .wp-caption.alignleft,
  .rb-content img[align$='left'],
  .rb-content .alignright,
  .rb-content .wp-caption.alignright,
  .rb-content img[align$='right'],
  .rb-content .aligncenter {
    float: none;
    display: block;
    margin: 0 0 25px;
  }
  .rb-content table:not(.tablesorter) tr th,
  .rb-content table:not(.tablesorter) tr td,
  .rb-content table:not(.tablesorter) tr td:nth-of-type(1) {
    display: block;
    width: 100%;
    padding: 25px 0;
  }
  .rb-content table:not(.tablesorter) tr td:nth-of-type(1) {
    padding-bottom: 0;
  }
  .rb-content table:not(.tablesorter) tr td img {
    width: auto;
    height: auto;
    margin: 0 !important;
    box-shadow: none;
  }
  .rb-content table:not(.tablesorter) tr td:nth-of-type(1) img {
    margin: 0 !important;
  }
  #comments .comment:not(.depth-1) {
    margin-left: 20px;
  }
  #comments .comment-author .avatar {
    width: 40px;
    height: 40px;
  }
  #comments .comment-author cite {
    display: inline-block;
    margin: 0 0 3px;
  }
  #comments .reply {
    position: relative;
    top: auto;
    right: auto;
    margin-bottom: 20px;
  }
  #comments #respond .comment-form-author label,
  #comments #respond .comment-form-email label,
  #comments #respond .comment-form-url label {
    display: block;
    float: none;
    width: 100%;
    line-height: 1em;
    margin-bottom: 15px;
  }
  #comments #respond input[type="text"] {
    float: none;
    width: 100%;
  }
  #rb-newsletter .rb-container {
    padding: 15px 0;
  }
  #rb-newsletter p {
    margin-bottom: 15px;
  }
  #rb-newsletter #rb-newsletter-close {
    right: 0;
  }
  #rb-footer {
    padding: 20px 0;
  }
}

/* < 600px
========================================================================== */
@media all and (max-width: 600px) {
  #wpadminbar {
    position: fixed;
  }
}

/* 600px - 1024px
========================================================================== */
@media all and (min-width: 600px) and (max-width: 1023px) {
  #rb-directory .rb-item:nth-of-type(2n) {
    margin-right: 0;
  }
  #rb-directory .rb-item:nth-of-type(2n+1) {
    clear: left;
  }
}

/* < 375px
========================================================================== */
@media all and (max-width: 374px) {
  #rb-intro {
    height: 310px;
  }
  #rb-intro-content {
    width: 280px;
    height: 270px;
  }
}