.card-header {
    cursor: pointer;
}

.card-primary {
    color: #FFF;
}

h5.h5-toggle {
    cursor: pointer;
}

.hide-me-desktop {
    display: none;
    width: 0;
}

.show-me-supersmall {
    display: none;
    width: 0;
}

#checkout_nav_row img {
  max-width: 100%;
  min-width: 30px;
  min-height: 30px;
}

.p-50 {
    width: 50%;
    float: left;
    box-sizing: border-box;
    padding: 4px;
}

.clear {
    float: none;
    clear: both;
}

.center {
    text-align: center;
}

.basic-table {
    border-collapse: collapse;
}

.basic-table td, .basic-table th {
    padding: 1px;
}

.basic-table th {
    background-color: #d4dcde;
}

.basic-table td {
    background-color: #f0f3f5;
}

.watchdog-best-guess, .watchdog-best-guess td {
    background-color: #FFEEBB;
}

#orderlist {
    width: 100%;
}

.orderlist-header {
    font-size: 1.25rem;
    background-color: #f5f5f5;
    padding: .5em 1ex;
    border-bottom: 1px solid rgba(0, 0, 0, .125);
    cursor: pointer;
}

.orderlist-header {
    font-size: 1.25rem;
    background-color: #f5f5f5;
    padding: .5em 1ex;
    border-bottom: 1px solid rgba(0, 0, 0, .125);
    cursor: pointer;
}

.orderlist-header .fa-angle-down {
    display: none;
}

.orderlist-header .fa-angle-up {
    display: initial;
}

.orderlist-header.collapsed .fa-angle-down {
    display: initial;
}

.orderlist-header.collapsed .fa-angle-up {
    display: none;
}

.orderlist-body {
    padding: .5em 1ex 0;
}

.orderlist-status-cell {
    white-space: nowrap;
}

.cartTable .copysmall {
    float: none;
}

.no-overflow {
    overflow: hidden;
}
.checkout-3 .more-cc-details {
    display: none;
}

.res-footer {
    background-color: #f4f4f4;
    text-align: center;
    margin-top: 1rem;
    padding: .5rem 0;
}

.res-footer a {
    color: black;
    font-weight: bold;
}

.res-footer .res-footer-element {
    display: inline-block;
    margin: .5rem 1rem;
}

ul.text-list-container {
  width: 26%;
  display: inline-block;
  vertical-align: top;
}

.shipping-cost-calculator-rate-details-container, .shipping-cost-calculator-admin-container {
  margin-top: 5px;
  margin-bottom: 5px;
}

.shipping-cost-calculator-admin-invalid-label {
  background-color: lightyellow;
}

.shipping-cost-calculator-rate-name {
  color: #6ca424;
}

.shipping-cost-calculator-ship-time, .shipping-cost-calculator-admin-error-list {
  display: inline-block;
}

.subscribe-to-series-from-profile-button {
  border-radius: 5px;
  font-weight: bold;
  color: #c23015;
  border: 1px solid #c23015;
  line-height: 1.5em;
  width: 70%;
  background-color: white;
  cursor: pointer;
  display: block;
}

a.subscribe-to-series-from-profile-button:hover {
  text-decoration: none;

}

#subscribe-to-series-from-profile-help-button {
  display: block;
  margin-top: 10px;
}

#subscribe-to-series-from-profile-help-button-mobile {
  font-size: 4vw;
}

.subscribe-to-series-from-profile-container {
  text-align: center;
}

.checkout-summary-future-stock-item-row, .checkout-summary-future-stock-item-title-container,
.checkout-summary-future-stock-item-price-container, .checkout-summary-future-stock-package-estimate-label,
.checkout-summary-future-stock-package-estimate-rate, .checkout-summary-future-stock-package-estimate-row{
  margin: auto;
}

.checkout-summary-future-stock-item-row {
  padding-top: 5px;
  padding-bottom: 5px;
}

@media screen and (min-width: 865px) {
    .res-menu, .container-fluid.modules-container  {
        display: none;
    }

    .res-table {
        display: table;
        width: 100%;
    }

    .res-table tr {
        width: 100%;
        display: table-row;
    }

    .res-table td, .res-table th {
        display: table-cell;
    }

    .res-table td label, .res-table th label {
        display: none;
    }

    .res-table input, .res-table select {
        width: 100%;
        box-sizing: border-box;
    }

}

.tag-cloud-mod-element {
    float: left;
    margin-right: 5px;
}

.tag-cloud-mod-element a {
    text-decoration: none;
    padding: 10px;
}

.tag-cloud-mod-element a:hover {
    text-decoration: none;
}

.tag-cloud-mod-link, .tag-cloud-mod-element, .tag-cloud-mod-element a {
    display: block;
}

.breadcrumb-arrow {
    padding: 0 .25rem;
}

.breadcrumb-element {
    display: inline-block;
    white-space: nowrap;
}

.breadcrumb-link {
    color: black;
    font-weight: bold;
}

.breadcrumb-link:hover {
    color: #c23015;
    text-decoration: none;
}

#footer-mobile-container {
    display: none;
}

.products_mod_pic {
    float: left;
    width: 40%;
    max-width: 200px;
    margin: 0.75ch;
}

.products_mod_pic_solo {
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
}

.products_mod_title {
    text-align: center;
}

.products_mod_pic img, .products_mod_pic_solo img {
    width: 100%;
}

.products_mod_footer {
    text-align: center;
}

.products_mod_footer div {
    display: inline-block;
}

.products_mod_footer div.buttons-div {
    display: block;
}

@media screen and (max-width: 864px) {
    body {
        background-image: none;
        font-size: 16px;
        line-height: normal;
    }

    .container-fluid.modules-container {
        display: block;
    }

    .main-area .bodytextbold {
        font-size: 16px;
    }

    .main-area .sectionheader {
        font-size: 18px;
        margin: 8px 0;
    }

    .main-area .mobile-inputs {
        width: 100%;
        margin: 4px 0;
        font-size: 16px;
        box-sizing: border-box;
    }

    .main-area .mobile-btn {
        background-color: #c23015;
        color: #FFF;
        width: 100%;
        font-size: 16px;
        border: 0;
        border-radius: 2px;
        padding: 8px;
        max-width: 500px;

    }

    .main-area .mobile-btn-secondary {
        background-color: #999;
    }

    .main-area, #footer_table {
        width: 100%;
    }

    .hide-me-desktop {
        display: block;
        width: auto;
    }

    .hide-me-mobile {
        display: none;
        width: 0;
    }

    #livechat-table, #nav {
        display: none;
    }

    .main-area {
        padding: 4px;
    }

    #header-container {
        width: 100% !important;
    }

    .homebrew-nav .skinny a.go-red {
        color: #c23015;
    }

    .f-l {
        float: left;
    }

    .f-r {
        float: right;
    }

    .p-50 td {
        padding: 6px 0 0 0;
    }

    .homebrew-nav {
        /* overflow: hidden; */
        padding: 4px 12px;
        border-bottom: 1px solid #444;
        position: relative;
    }

    .homebrew-nav .planet-icon, #checkout_nav_row .planet-icon {
        max-height: 52px;
    }

    .homebrew-nav .skinny {
        overflow: hidden;
        position: relative;
        width: 100%;
    }

    .homebrew-nav .skinny .nav {
        font-size: 48px;
        margin: 6px 0 0 18px;
        position: relative;
    }

    .homebrew-nav .skinny .nav .count {
        background-color: #c23015;
        color: #FFF;
        border-radius: 20px;
        position: absolute;
        right: 0;
        font-size: 14px;
        top: 0px;
        padding: 2px 4px;
    }

    .homebrew-nav .skinny a {
        display: block;
        color: #444;
        font-weight: normal;
    }

    .homebrew-nav .res-nav-items {
        background-color: #c23015;
        position: absolute;
        z-index: 30;
        right: -1px;
    }
    .res-nav-items .group {
        position: relative;
        overflow: hidden;
        margin: 2px 0px;
    }
    .res-nav-items .navbox {
        font-size: 24px;
        background-color: #FFF;
        font-family: sans-serif;
        font-weight: bold;
        float: left;
        padding: 10px 20px;
        width: 50%;
        text-align: center;
        height: 60px;
        display: table;
        line-height: initial;
        box-sizing: border-box;
    }
    .res-nav-items .navbox.flatter {
        font-size: 16px;
        height: 47px;
        padding: 4px 20px;
        background-color: #EEE;
    }
    .res-nav-items .navbox:last-child {
        border-left: 2px solid #c23015;
    }
    .res-nav-items .navbox.full-width {
        width: 100%;
        border-left: none;
    }
    .res-nav-items .navbox a {
        display: table-cell;
        vertical-align: middle;
    }
    .res-nav-items .navbox a:hover {
        color: #AAA;
        text-decoration: none;
    }


    /* search overlay elements */
    #search-overlay {
        width: 100%;
        min-height: 300px;
        background-color: #EEE;
        position: absolute;
        left: 0px;
        top: 0px;
        z-index: 22;
    }
    #dark-overlay {
        width: 100%;
        height: 100px;
        min-height: 100%;
        background-color: #333;
        position: absolute;
        left: 0px;
        top: 0px;
        z-index: 21;
        opacity: 0.8;
    }

    #search-overlay .search-text {
        position: absolute;
        top: 102px;
        left: 5%;
        opacity: 1;
        border: 1px solid black !important;
        font-size: 42px;
        outline: none;
        width: 90% !important;
    }

    #search-overlay label[for="search-text"] {
        position: absolute;
        top: 200px;
        left: 100px;
        display: block;
        font-size: 48px;
        height: 100px;
    }

    #search-overlay .search-text::-webkit-input-placeholder {
        /* WebKit browsers */
        color: #BBB;
    }

    #search-overlay .search-text:-moz-placeholder {
        /* Mozilla Firefox 4 to 18 */
        color: #BBB;
    }

    #search-overlay .search-text::-moz-placeholder {
        /* Mozilla Firefox 19+ */
        color: #BBB;
    }

    #search-overlay .search-text:-ms-input-placeholder {
        /* Internet Explorer 10+ */
        color: #BBB;
    }

    #search-overlay .search-form button,
    #search-overlay .search-form a {
        position: absolute;
        top: 200px;
        left: 5%;
        border: 1px solid #c23015;
        font: 42px/42px "Neue Helvetica W01", Helvetica, Arial, sans-serif;
        font-weight: bold;
        padding: 4px 12px;
        cursor: pointer;
        color: #FFF;
        background-color: #c23015;
    }
    #search-overlay .search-form a {
        right: 5%;
        color: #c23015;
        left: initial;
        background-color: #DDD;
    }
    #search-overlay .search-form a:hover {
        text-decoration: none;
    }


    #search-overlay .search-close {
        position: absolute;
        top: 40px;
        right: 2%;
        font-size: 32px;
        color: #000;
    }

    #search-overlay .search-close:hover {
        color:#000!important;
    }

    #subnav-menu {
        position: relative;
        z-index: 10;
        background-color: white;

    }

    #subnav-trigger {
        padding: 0 1ch;
    }

    #subnav-trigger a {
        display: block;
        padding: .5rem 0;
        color: black;
    }

    #subnav-dropdown ul {
        padding: 0;
    }

    #subnav-dropdown ul li {
        list-style: none;
    }

    #subnav-dropdown ul li a {
        color: black;
    }

    #subnav-dropdown a.active {
        color: #C63331;
    }

    #subnav-trigger a:hover, #subnav-dropdown a:hover {
        color: #C63331;
        text-decoration: none;
    }

    #subnav-dropdown {
        position: absolute;
        background-color: white;
        display: none;
        border: 2px solid black;
        border-top: none;
        border-left: none;
        padding: 0 1ch;
    }

    .res-table-mobile, .res-table-mobile tbody, .res-table-mobile thead {
        display: block;
    }

    .res-table-mobile.hide-me-mobile, .res-table-mobile tbody.hide-me-mobile, .res-table-mobile thead.hide-me-mobile {
        display: none;
    }

    .res-table-mobile tr:not(.hide-me-mobile) {
        display: block;
        border-top: 2px solid black;
    }

    .res-table-mobile tr:first-of-type {
        border-top: none;
    }

    .res-table-mobile td, .res-table-mobile th {
        display: block;
    }

    .cartTable .copysmall {
        float: right;
    }

    .cartTable tr.totalsRow td:first-child {
        display: none;
    }

    .cartTable tr.totalsRow td.totalLabel, .cartTable tr.totalsRow td.totalValue {
        width: 50%;
        float: left;
        box-sizing: border-box;
    }

    .cartTable tr.totalsRow td.totalLabel {
        text-align: left;
    }

    .cartTable tr.totalsRow td.totalValue {
        text-align: right;
    }

    .blurb-mod-header, .mod-header {
        display: block;
        text-align: center;
        color: #c23015;
        font-size: 1.3em;
        font-weight: bolder;
    }

    .blurb-mod-text, .blog-area-link-title, .blog-area-link-description {
        display: block;
    }

    .blurb-mod-show-more-toggle {
        cursor: pointer;
        background: #eee;
        text-align: center;
        padding: 10px 0;
        margin: auto 10%;
        border-radius: .25rem;
    }

    .gen-mod-add-to-cart-button, .gen-add-to-cart-button, .gen-mod-working-button, .gen-mod-added-button,
    .gen-mod-add-to-wishlist-button  {
        border-radius: 5px;
        color: white;
        padding: 2px;
        font-size: 0.8em;
        cursor: pointer;
        text-align: center;
        display: block;
        width: 100px;
    }

    .gen-mod-add-to-cart-button-instock {
        background-color: #c23015;
    }

    .gen-mod-add-to-cart-button-preorder, .gen-mod-add-to-wishlist-button {
        background-color: #0b4c87;
    }

    .gen-mod-add-to-cart-button-backorder {
        background-color: #cd641a;
    }

    .gen-mod-add-to-cart-button-outofstock, .gen-mod-add-to-cart-button-inactive {
        background-color: transparent;
        color: black;
        cursor: default;
    }

    .gen-mod-working-button {
        background-color: #676767;
        cursor: default;
    }

    .gen-mod-added-button {
        background-color: #6ca424;
    }

    .gen-mod-added-button a:link, .gen-mod-added-button a:hover, .gen-mod-added-button a:visited {
        color: white;
        text-decoration: none;
    }

    .gen-mod-msrp {
        text-decoration: line-through;
    }

    .gen-mod-price, .gen-mod-discount-percent {
        color: #c23015;
        font-weight: bold;
    }

    .gen-mod-price {
        font-size: 1.2em;
    }

    .gen-mod-msrp, .gen-mod-price {
        display: inline-block;
    }

    .gen-mod-title-link, .gen-mod-desc-trimmed, .gen-mod-brand, .gen-mod-orig-pub-date, .gen-mod-discount-percent,
    .misc-mod-discount-link, .misc-mod-discount-category, .gen-mod-container, .tag-cloud-mod-link {
        display: block;
    }

    .gen-mod-brand, .gen-mod-orig-pub-date {
        font-style: italic;
    }

    .gen-mod-price, .gen-mod-msrp, .gen-mod-title-link {
        line-height: 15px;
    }

    .gen-mod-title-link {
        font-size: 15px;
    }

    .gen-mod-details-container {
        margin-top: 10px;
    }

    .results-mod-container, .gen-mod-flex-container{
        display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
        display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
        display: -ms-flexbox;      /* TWEENER - IE 10 */
        display: -webkit-flex;     /* NEW - Chrome */
        display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
        flex-flow: row wrap;
        -webkit-flex-flow: row wrap;
        justify-content: center;
    }

    .results-mod-element-container, .gen-mod-flex-item {
        margin: 10px auto 0;
    }

    .gen-mod-flex-item {
        padding: 5px;
    }

    .productslist-mod-container {
        margin-bottom: 0;
    }

    .productslist-mod-container-header, .misc-mod-container-header, .gen-mod-container-header, .blog-area-header,
    .customer-comments-container-header, .banners-container-header{
        display: block;
        font-weight: bold;
        font-size: 1.2em;
        color: #c23015;
        text-align: center;
    }

    .productslist-mod-more-container, .productslist-mod-element-container, .misc-mod-element-container,
    .results-mod-element-container, .iscroll-mod-element-container  {
        text-align: center;
    }

    /*Add to cart button. Can apply it more generally (or not) once we get feedback on placement*/
    span.gen-mod-cart-interact-button {
        margin: 5px auto 10px;
    }

    .misc-mod-discount-category {
        text-align: center;
        font-size: 1.1em;
        font-weight: bold;
        color: black;
    }

    .misc-mod-discount-link {
        text-align: center;
    }

    .blog-area-image-link {
        display: block;
        width: 100%;
        max-width: 400px;
        margin: 0 auto 0.75em;
    }

    .blog-area-image-link img {
        width: 100%;
    }

    .blog-area-link-title {
        color: black;
        font-size: 1.1em;
    }

    .blog-area-link-title:hover {
        text-decoration: none;
    }

    .blog-area-link-title span {
        font-weight: normal;
        padding-left: 0.75ch;
        white-space: nowrap;
    }

    .blog-area-link-container a{
        display: block;
    }

    .blog-area-link-description {
        margin-bottom: 10px;
    }

    .banners-container-body {
        margin-top: 10px;
        text-align: center;
    }

    .banners-container, .customer-comments-container, .blog-area-container, .pending-preorders-pitched-header,
    .pending-preorders-open-header {
        margin-top: 10px;
    }

    .banners-element {
        margin-top: 5px;
    }

    .one-of-3 {
        flex: 1 33%;
        -webkit-flex: 1 33%;
    }

    .dod-mod-img-container img, .dod-mod-details-container img {
        max-width: 100%;
        display: block;
    }

    .dod-mod-product-title {
        font-weight: bolder;
        font-size: 1.5em;
        display: block;
    }

    .dod-mod-msrp-container, .dod-mod-price-container, .dod-mod-inventory-container {
        display: block;
    }

    .dod-mod-price-label, .dod-mod-price.dod-mod-price-in-stock, .dod-mod-inventory {
        font-weight: bolder;
        font-size: 1.3em;
        color: #c23015;
    }

    .dod-mod-inventory-label, .dod-mod-percent-off, .dod-mod-msrp-label, .dod-mod-msrp {
        font-weight: bolder;
        font-size: 1.3em;
        color: black;
    }

    .dod-mod-buy-button, .dod-mod-working-button, .dod-mod-added-button {
        font-size: 7vw;
        width: auto;
    }

    .dod-mod-sold-out-img {
        display: block;
        width: 100%;
    }

    .dod-mod-time-label, .dod-mod-time-clock-h, .dod-mod-time-clock-m, .dod-mod-time-clock-s {
        display: inline-block;
        font-weight: bold;
        font-family: Arial Black, Arial, sans-serif;
        color: #3f5e6f;
    }

    .dod-mod-fine-print-header {
        text-align: center;
        font-weight: bold;
        margin-top: 10px;
    }

    .dod-mod-product-description {
        display: block;
    }

    .container-fluid a:not(.btn) {
        color: #000;
    }
    .container-fluid a:hover:not(.btn), a.productslist-mod-container-header {
        color: #c23015;
    }

    .container-fluid a.list-group-item.active {
        color: white;
        -webkit-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out
    }

    .container-fluid a.list-group-item.active:hover {
        background-color: #af261f;
        border-color: #a6241d;
        color: white;
    }

    a.regularlink, a.regularlinksmall, a.regularlinksmallbold {
        line-height: normal;
        color: black;
    }

    a.regularlink:hover, a.regularlinksmall:hover, a.regularlinksmallbold:hover {
        text-decoration: none;
    }

    .one-of-4 {
        flex: 1 25%;
        -webkit-flex: 1 50%;
    }

    .one-of-6 {
        flex: 1 16%;
        -webkit-flex: 1 16%;
    }

    .icon-bar-container {
      margin-bottom: 10px;
    }

    .breadcrumb-container {
        padding: 0 15px;
    }
    .padded-mobile {
      padding: 10px;
    }
    .container-fluid a:not(.btn) {
    color: #000;
    }

    .container-fluid span.gen-mod-added-button a {
      color: #fff;
    }

    .container-fluid span.gen-mod-added-button a:hover {
      color: #fff;
    }

    .container-fluid a:hover:not(.btn), a.productslist-mod-container-header {
    color: #c23015;
    }
    .cart-section-header {
    border-bottom: 1px solid rgba(0,0,0,.125);
    }
    .cart-section-border-bottom {
    border-bottom: 1px solid rgba(0,0,0,.125);
    }
    .cart-section-border-top {
    border-top: 1px solid rgba(0,0,0,.125);
    }
    .card.item-type-backorder {
        background-color: #fcf8e3;
    }
    .card.item-type-preorder {
        background-color: #d9edf7;
    }
    .responsive-cart .card-block img {
        max-width: 100px;
    }

    .brands-index-featured-brands-container {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
    }

    .brands-index-container {
      margin-top: 10px;
      margin-bottom: 10px;
    }

    .brands-index-container-footer, .brands-landing-page-container-footer {
      text-align: right;
      margin: 10px 0;
    }

    .brands-landing-page-blurb-logo {
      float: right;
    }

    .flex-basis-75 {
      flex-basis: 75px;
      -webkit-flex-basis: 75px;
    }

    .flex-basis-100 {
      flex-basis: 100px;
      -webkit-flex-basis: 100px;
    }

    .flex-basis-150 {
      flex-basis: 150px;
      -webkit-flex-basis: 150px;
    }

    .flex-basis-200 {
      flex-basis: 200px;
      -webkit-flex-basis: 200px;
    }

    .flex-basis-250 {
      flex-basis: 250px;
      -webkit-flex-basis: 250px;
    }

    .section-header {
      font-size: 1.4em;
      color: #c23015;
      font-weight: bold;
    }

    .brands-index-prodtype-brands-link-container {
      margin-top: 5px;
      margin-bottom: 5px;
    }

    .res-pre-order-management {
        padding: .5rem;
    }

    .res-pre-order-management .custom-select {
        width: 100%;
    }

    .res-pre-order-management .bodytextbold, .res-pre-order-management .smallbodytext {
        font-size: inherit;
        line-height: inherit;
    }

    .icon-matrix-mod-body div {
      margin: 5px;
    }

    ul.text-list-container {
      list-style: none;
      width: 49%;
    }

    .text-list-container li{
      list-style: none;
      margin-top: 30px;
      line-height: 3vw;
    }

    .text-list-container li a {
      font-size: 1.5em;
      font-weight: normal;
    }

    .text-list-container li a.sidenavselected {
      font-weight: bold;
      font-size: 1.7em;
      color: #c23015;
    }

    .icon-matrix-mod-header {
      display: block;
      text-align: center;
      color: #c23015;
      font-size: 1.1em;
      font-weight: bold;
    }

    #footer-mobile-container {
        text-align: center;
        display: block;
    }

    #footer-mobile-container .footer-mobile-container-nav-link {
        padding: 0 10px;
        border-right: 1px solid black;

        display: inline-block;
    }

    #footer-mobile-container .footer-mobile-container-nav-link:first-child {
        padding-left: 0;
    }

    #footer-mobile-container  .footer-mobile-container-nav-link:last-child {
        border-right: none;
        padding-right: 0;
    }

    #footer-mobile-container .footer-inline-element {
        display: inline-block;
        vertical-align: bottom;
        margin: 0 5px;
    }

    #footer-mobile-container .footer-row {
        margin-top: 5px;
    }

    .footer-banners-container {
        white-space: nowrap;
    }

    .footer-banners-link {
    }

    .footer-banners-link img {
        max-width: 50%;
        padding: 5px;
        -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
        -moz-box-sizing: border-box;    /* Firefox, other Gecko */
        box-sizing: border-box;         /* Opera/IE 8+ */
    }

    .cover-image, .cover-image:hover {
        border: none;
    }

    .shipping-cost-calculator-button {
      cursor: pointer;
      margin-top: 10px;
      margin-bottom: 10px;
      background-color: #ddd;
    }

    .shipping-cost-calculator-legend {
      margin-bottom: 10px;
    }
  #subscribe-to-series-from-profile-button-mobile, #subscribe-to-series-from-profile-already-subscribed-button-mobile {
    width: 100%;
    font-size: 0.9em;
    border: 1px solid #c23015;
    color: #c23015;
    background-color: white;
    cursor: pointer;
    font-weight: bold;
  }

  #subscribe-to-series-from-profile-help-button-mobile {
    font-size: 0.8em;
    margin-top: 10px;
    display: block;
  }

  .product-profile-buy-box-additional-links-container {
    text-align: center;
    padding-bottom: 10px;
  }

}


@media screen and (max-width: 835px) {
    .one-of-6 {
        flex: 1 33%;
        -webkit-flex: 1 33%;
    }

    .fieldsetempty, .fieldsetfilled {
        border: none;
    }

    .flex-basis-75 {
      flex-basis: 75px;
      -webkit-flex-basis: 75px;
    }

    .flex-basis-100 {
      flex-basis: 100px;
      -webkit-flex-basis: 100px;
    }

    .flex-basis-150 {
      flex-basis: 150px;
      -webkit-flex-basis: 150px;
    }

    .flex-basis-200 {
      flex-basis: 200px;
      -webkit-flex-basis: 200px;
    }

    .flex-basis-250 {
      flex-basis: 250px;
      -webkit-flex-basis: 250px;
    }
}

@media screen and (max-width: 700px) {
    .one-of-4, .one-of-3 {
        flex: 1 50%;
        -webkit-flex: 1 50%;
    }

  .flex-basis-75 {
    flex-basis: 75px;
    -webkit-flex-basis: 75px;
  }

  .flex-basis-100 {
    flex-basis: 100px;
    -webkit-flex-basis: 100px;
  }

  .flex-basis-150 {
    flex-basis: 150px;
    -webkit-flex-basis: 150px;
  }

  .flex-basis-200 {
    flex-basis: 200px;
    -webkit-flex-basis: 200px;
  }

  .flex-basis-250 {
    flex-basis: 250px;
    -webkit-flex-basis: 250px;
  }
}

@media screen and (max-width: 650px) {
    .p-50 {
        width: 100%;
    }
}

@media screen and (max-width: 640px) {
  #subscribe-to-series-from-profile-button-mobile, #subscribe-to-series-from-profile-already-subscribed-button-mobile,
  .subscribe-to-series-from-profile-manage-subscriptions-link{
    font-size: 5vw;
  }

  #subscribe-to-series-from-profile-help-button-mobile, .product-profile-buy-box-additional-links-container a {
    font-size: 4vw;
  }
}

@media screen and (max-width: 576px) {
    .dod-mod-sold-out-img {
        width: 80%;
        margin: 0 auto;
    }

    .dod-mod-img-container img {
        margin: 0 auto;
    }
}

@media screen and (max-width: 575px) {
    .res-table-supersmall, .res-table-supersmall tbody, .res-table-supersmall thead {
        display: block;
    }

    .show-me-supersmall {
        display: initial;
        width: auto;
    }

    .hide-me-supersmall {
        display: none;
        width: 0;
    }

    .res-table-supersmall tr:not(.hide-me-supersmall) {
        display: block;
        border-top: 2px solid black;
    }
    .res-table-supersmall.res-table-borderless tr {
        border-top: none;
    }

    .res-table-supersmall tr:first-of-type {
        border-top: none;
    }

    .res-table-supersmall td, .res-table-supersmall th {
        display: block;
    }

    #search-overlay .search-form button,
    #search-overlay .search-form a {
        font-size: 28px;
    }
    .responsive-cart h5 {
        font-size: 16px;
    }

    ul.text-list-container {
      padding-left: 0; /* Overriding a site property from 01-tfaw.css */
      width: 100%;
    }

    .text-list-container li {
      margin-top: 30px;
      line-height: 10vw;
      text-align: center;
    }

    .text-list-container li a {
      font-size: 10vw;
    }

    .text-list-container li a.sidenavselected {
      font-weight: bold;
      font-size: 13vw;
    }
    .res-nav-items .navbox {
        font-size: 16px;
    }
}

@media screen and (max-width: 425px) {
    .nextprevious {
        display: none;
    }
}

@media screen and (max-width: 440px) {
    .one-of-4, .one-of-6 {
        padding: 0 5px;
        flex: 1 50%;
    }

    .one-of-4 {
       -webkit-flex: 1 100%;
    }
}

#sitemap_container > .card-inverse {
  background-color: #333;
  border-color: #333;
}

#sitemap_container > .card-inverse, #sitemap_container > h3 {
  padding: 5px;
  margin: 5px 0;
  text-align: center;
  vertical-align: middle;
}

#sitemap_container .linknormal {
  font-size: 20px;
}

#sitemap_container p {
  margin-bottom: 5px;
}

#sitemap_container .card-inverse {
  margin-top: 1em;
}

.fieldsetfilled .searchwidget-input {
  width: 100%;
  max-width: none;
}

#default_card .row button {
  width: 100%;
  cursor: pointer;
}

#default_card_row .btn.edit-record-button {
  display: none;
}

#address_pulldown_group .custom-select {
  width: 100%;
}
