/* RESPONSIVE.CSS */
@media screen and (max-width: 1715px) {
    header .search {
        width: 500px;
    }
}
@media screen and (max-width: 1600px) {
    header .search {
        width: 400px;
    }
}
@media screen and (max-width: 1660px) {
    #find-page .thumb ul li,
    #find-page .thumb ul li:nth-child(even),
    #find-page .thumb ul li:nth-child(odd) {
        width: 28.5%;
        margin: 2em 1.25%;
    }
    #find-page .thumb ul li:nth-child(3n+1) {
        margin-left: 0;
    }
    #find-page .thumb ul li:nth-child(3n){
        margin-right: 0;
    }
    #topcategories ul li,
    #topcategories ul li:nth-child(even),
    #topcategories ul li:nth-child(odd) {
        width: 22%;
        margin: 2em 1.75%;
    }
    #topcategories ul li:nth-child(4n+1) {
        margin-left: 0;
    }
    #topcategories ul li:last-child {
        margin-right: 0;
    }
    #homeSpecials ul li,
    #homeSpecials ul li:nth-child(even),
    #homeSpecials ul li:nth-child(odd) {
        width: 22%;
        margin: 2em 1.75%;
    }
    #homeSpecials ul li:nth-child(4n+1) {
        margin-left: 0;
    }
    #homeSpecials ul li:last-child {
        margin-right: 0;
    }
}

@media screen and (max-width: 1425px) {
    header .search {
        width: 300px;
    }
}

@media screen and (max-width: 1275px) {
    header .search {
        width: 240px;
    }
}

@media screen and (max-width: 1285px) {
    .nav .drop-down-area li.open .drop-down-box {
        max-height: 265px;
    }
}

@media screen and (min-width: 1261px) and (max-width: 1565px) {
    #find-page .thumb ul li,
    #find-page .thumb ul li:nth-child(even),
    #find-page .thumb ul li:nth-child(odd) {
        width: 27.5%;
        margin: 2em 1.25%;
    }
    #find-page .thumb ul li:nth-child(3n+1) {
        margin-left: 0;
    }
    #find-page .thumb ul li:nth-child(3n){
        margin-right: 0;
    }
}

@media screen and (max-width: 1260px) {
    #find-page .thumb ul li,
    #find-page .thumb ul li:nth-child(even),
    #find-page .thumb ul li:nth-child(odd) {
        width: 42%;
        margin: 2em 1.75%;
    }
    #find-page .thumb ul li:nth-child(2n+1) {
        margin-left: 0;
    }
    #find-page .thumb ul li:nth-child(2n){
        margin-right: 0;
    }
    #find-page .text ul li .prodDesc {
        max-width: 300px;
    }
    #product-page #content .left-section {
        width: 30%;
    }
}

@media screen and (max-width: 1225px) {
    header .logo {
        margin-right: 2.5%;
    }
    header .top-logout {
        margin-left: 2.5%;
    }
    header .top-cart {
        margin-left: 2.5%;
    }
    header .top-links {
        margin-left: 2.5%;
    }
    header .top-account {
        margin-left: 2.5%;
    }
    .nav {
        margin-left: 2.5%;
    }
    .nav .drop-down-area .drop-down-box .mfr-drop-down-box {
        width: 250px;
    }
    .nav .drop-down-area .drop-down-box .mfr-drop-down-box li a span, ul.catDDThumbs li a span {
        height: 64px;
        width: 64px;
    }
}

@media screen and (max-width: 1125px) {
    #topcategories ul li,
    #topcategories ul li:nth-child(even),
    #topcategories ul li:nth-child(odd) {
        width: 30%;
        margin: 15px 2%;
        font-size: 16px;
    }
    #topcategories ul li:nth-child(3n+1) {
        margin-left: 0;
    }
    #topcategories ul li:nth-child(3n) {
        margin-right: 0;
    }
    #topcategories ul li .catDDHead {
         font-size: 16px;
    }
    #homeSpecials ul li,
    #homeSpecials ul li:nth-child(even),
    #homeSpecials ul li:nth-child(odd) {
        width: 30%;
        margin: 15px 2%;
        font-size: 16px;
    }
    #homeSpecials ul li:nth-child(3n+1) {
        margin-left: 0;
    }
    #homeSpecials ul li:nth-child(3n) {
        margin-right: 0;
    }
    #homeSpecials ul li .catDDHead {
         font-size: 16px;
    }
}

@media screen and (max-width: 1150px) {
  header .logo {
      margin-right: 2%;
  }
  header .top-logout {
      margin-left: 2%;
      padding: 20px 0;
      font-size: 14px;
  }
  header .top-cart {
      margin-left: 2%;
      padding: 20px 0;
      font-size: 14px;
  }
  header .top-links {
      margin-left: 2%;
      padding: 20px 0;
      font-size: 14px;
  }
  header .top-account {
      margin-left: 2%;
      padding: 20px 0;
      font-size: 14px;
  }
  .nav {
      margin-left: 2%;
      padding: 20px 0;
      font-size: 14px;
  }
  header .search {
      width: 220px;
  }
  header .search input[type="text"] {
      font-size: 12px;
  }
  .top-account .drop-down-area li ul.drop-down-box,
  .nav .drop-down-area li ul.drop-down-box {
      min-width: 170px;
  }
  .top-account .drop-down-area li ul.drop-down-box li,
  .nav .drop-down-area li ul.drop-down-box li {
      font-size: 12px;
  }
  .nav .drop-down-area .drop-down-box .mfr-drop-down-box {
      width: 200px;
  }
  .nav .drop-down-area .drop-down-box .mfr-drop-down-box li a span, ul.catDDThumbs li a span {
      width: 55px;
      height: 55px;
  }
}


@media screen and (max-width: 1075px) {
    #content .sidebar.left {
        width: 25%;
    }
    .main-content.has-sidebar {
        width: 72.5%;
    }
    .sortby-div {
        margin-top: 2em;
    }
    #find-page .text ul li .prodDesc {
        max-width: 170px;
    }
    #find-page .items.viewby {
        margin: 0;
    }
    #find-page .text ul li .image {
        padding: 0 50px 0 105px;
    }
    #product-page #content #tabs A {
       padding: 6px 12px;
        font-size: 12px;
    }
    .quickbuy-promo-link,
    .prodconfig-promo-link {
        display: block;
        float: none !important;
        margin: 0 auto 5px !important;
    }
    #content TABLE,
    #content TABLE TR,
    #content TABLE TD,
    #content TABLE TH,
    #content TABLE TD A {
        max-width: 100% !important;
    }
    #content ul.catDDThumbs > li {
        width: 46.25%;
        margin: 5px 3%;
    }
    #content ul.catDDThumbs li:nth-child(2n+1) {
        margin-left: 0;
    }
    #content ul.catDDThumbs li:nth-child(2n) {
        margin-right: 0;
    }
    #content ul li .catDDList ul li {
        padding: 0 0 0.75em 0;
    }
    ul.catDDThumbs li .catDDHead {
        font-size: 18px;
    }
    ul.catDDThumbs li .catDDList {
        font-size: 15px;
    }

    #product-page #content #tabs A {
        padding: 4px 5px;
    }
    #shopcart-page #content TABLE,
    #shopcart-page #content TABLE TD.button-bar,
    #wishlist-page #content TABLE,
    #wishlist-page #content TABLE TD.button-bar {
        width: 100%;
    }
    #shopcart-page .inputField {
        display: inline-block;
        vertical-align: middle;
    }
    #wishlist-page #content TABLE TD TEXTAREA {
        width: 95%;
    }
}
@media screen and (max-width: 1025px) {
  header .search {
      width: 200px;
  }
  header .top-logout {
      font-size: 13px;
  }
  header .top-cart {
      font-size: 13px;
  }
  header .top-links {
      font-size: 13px;
  }
  header .top-account {
      font-size: 13px;
  }
  .nav {
      font-size: 13px;
  }
}

@media screen and (max-width: 950px) {
    .cms-edit .button.edit {
        display: none;
    }
    .nav .cms-edit {
        display: block;
    }
    a[href*="printablePage"], a[href*="printWindow"] {
        display: none;
    }
    .four-col .col {
        width: 47.5%;
        margin: 0 2% 2em 2%;
    }
    .four-col .col:nth-child(2n+1) {
        margin-left: 0;
    }
    .four-col .col:nth-child(2n+0) {
        margin-right: 0;
    }
    .three-col .col {
        width: 30%;
        margin: 0 2%;
    }
    .three-col .col:nth-child(3n+1) {
        margin-left: 0;
    }
    .three-col .col:nth-child(3n+0) {
        margin-right: 0;
    }
    .two-col .col {
        width: 47.5%;
        margin: 0 2%;
    }
    .two-col .col:nth-child(2n+1) {
        margin-left: 0;
    }
    .two-col .col:nth-child(2n+0) {
        margin-right: 0;
    }
    #find-page .text ul li .prodDesc {
        float: right;
        text-align: right;
        max-width: 325px;
        margin-top: -108px;
        height: 3em;
        overflow: hidden;
    }
    #find-page .text ul li .prodPrice {
        clear: right;
        margin-top: -55px;
    }
    #find-page .product-table-header ul li:nth-child(3n) {
        text-align: right;
        width: 60%;
        padding-right: 0.25em;
    }
    #find-page .product-table-header ul li:nth-child(3n):after {
        content: " / ";
    }
    #find-page .text ul li .prodDesc {
        max-width: 225px;
    }
    #product-page #content .left-section,
    #product_content.horizontal .left-section,
    #product-page #content #product_content.horizontal .description,
    #product-page #content #product_content.horizontal .product-description {
        width: 100%;
        float: none;
    }
    #product-page #content .price-box,
    #product-page #content .addtl-desc-box,
    #product-page #content #product_content.horizontal .price-box,
    #product-page #content .button-box,
    #product-page #content #product_content.horizontal .button-box,
    #product-page #content .product-tabs {
        float: none;
        clear: both;
        width: 100%;
        margin-bottom: 20px;
    }
    #compare-page TABLE.comparespecsborder TD:first-child,
    #compare-page TABLE.comparespecsborder TR:first-child TD {
        font-size: 12px;
    }
    .ui-autocomplete.ui-widget-content {
        max-width: 100% !important;
    }
    #content * {
        -ms-word-break: break-all;
        word-wrap: break-word;
        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        hyphens: auto;
    }
    #content h1,
    #content h2,
    #content h3,
    #content h4,
    #content h5,
    #content h6 {
        -ms-word-break: normal;
        word-wrap: normal;
        -webkit-hyphens: manual;
        -moz-hyphens: manual;
        hyphens: manual;
    }
    header .logo img {
        max-width: 100% !important;
        height: auto;
        display: inline-block;
        width: auto;
        text-align: center;
    }
    body:not(#quickpad-page):not(#printable-page) #content TABLE:not(.fc-border-separate),
    body:not(#quickpad-page):not(#printable-page) #content TABLE:not(.fc-border-separate) TR,
    body:not(#quickpad-page):not(#printable-page) #content TABLE:not(.fc-border-separate) TD,
    body:not(#quickpad-page):not(#printable-page) #content TABLE:not(.fc-border-separate) TH,
    body:not(#quickpad-page):not(#printable-page) #content TABLE:not(.fc-border-separate) TD A:not(.button):not(.btn) {
        width: auto !important;
        white-space: normal;
    }
    #quickpad-page #content .inputFieldBody {
        width: 3em;
    }
    #quickpad-page #content table td:nth-child(2) .inputFieldBody {
        width: 9.25em;
    }
    #quickpad-page #content #fileup-div {
        display: none;
    }
    .one-fourth, .one-half, .one-third, .one-fifth, two-fifths, one-sixth,
    .two-col .col, .three-col .col, .four-col .col,
    #content ul.catDDThumbs li {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }
    #topcategories ul li,
    #topcategories ul li:nth-child(even),
    #topcategories ul li:nth-child(odd),
    #homeSpecials ul li,
    #homeSpecials ul li:nth-child(even),
    #homeSpecials ul li:nth-child(odd) {
        width: 48%;
        margin-left: 0;
        margin-right: 0;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }
    #content ul.catDDThumbs li .image {
        border: none;
    }
    #home-page .col {
        text-align: center;
    }
    #home-banners ul li {
        width: 100%;
        margin: 2em 0;
    }
    header .top-logout,
    header .top-cart,
    header .top-links,
    header .top-account {
        display: none;
    }
    header .logo {
        text-align: center;
        width: 100%;
        display: block;
        margin: 10px auto 0;
    }
    header.passage .nav {
        margin-left: 0;
    }
    #dynamicHeader.sticky .logo {
        display: none;
    }
    #dynamicHeader.sticky.noecommerce .logo {
        display: block;
    }
    .ui-autocomplete.ui-widget-content {
        width: 100% !important;
        left: 0 !important;
    }
    .nav {
        border-bottom: none;
    }
    .nav > .wrap > ul > li:hover > a {
        border-top: 0;
    }
    .nav .drop-down-area li a {
        display: none;
        border-top: 0;
    }
    .nav .drop-down-area li a.drop-down-btn:after {
        display: none;
    }
    .nav ul li i.fa {
        display: inline-block;
        vertical-align: baseline;
        text-align: center;
        width: 1em;
        margin-right: 0.25em;
    }
    .nav ul li.open .drop-down-box {
        overflow-y: hidden !important;
        border: none;
        padding: 0;
        max-height: 0;
    }
    .nav .drop-down-area .drop-down-box {
        display: none;
    }
    .nav .drop-down-area li:hover .drop-down-btn:before {
        display: none;
    }
    .hamburger, .shop-icon {
        display: inline-block;
    }
    .nav.expanded {
        margin-left: 0;
    }
    a.scanSearch {
        display: inline-block;
    }
    header .search {
        float: none;
        position: relative;
        width: 100%;
        margin: 20px 0;
        padding: 0;
    }
    header .search input[type="text"] {
        width: 100%;
    }
    #slideshow .text-box {
        top: 60%;
        margin-left: 14%;
    }
    #slideshow .text-box .text .btn {
        font-size: 12px;
        padding: 2px 5px;
    }
    .slick-dots li button {
      width: 15px;
      height: 15px;
    }
    #homeSpecials h1,
    #homeSpecials h2,
    #homeSpecials h3,
    #homeSpecials h4,
    #topcategories h1,
    #topcategories h2,
    #topcategories h3,
    #topcategories h4,
    .prodspecials .col {
        text-align: center;
    }
    .prodspecials li .image {
        display: block;
        margin: 0 auto;
    }
    div.top-page {
        bottom: 125px;
    }
    #to-page TABLE,
    #to-page TABLE TR,
    #to-page TABLE TD,
    #to-page TABLE TH,
    #to-page TABLE A,
    #to-page TABLE IMG {
        display: block;
        line-height: 1.4;
        max-width: 100%;
    }
    #to-page TABLE {
        margin-bottom: 1em;
    }
    #to-page TD .catDDHead,
    #to-page .catDDHead {
        font-size: 16px;
        line-height: 1.4;
    }
    ul.catDDThumbs li .catDDList {
        font-size: 18px;
    }
    #content .sidebar.left {
        display: block;
        float: none;
        width: 100%;
        margin-top: 10px;
    }
    #content .categories-area {
        position: relative;
        width: 100%;
        margin-bottom: 1em;
        padding: 0;
    }
    #content .categories-area h3 {
        text-align: center;
        padding: 4px 0;
    }
    #content .categories-area h3.accordion-toggle {
        border: 1px solid #999;
        background-color: rgba(0, 0, 0, 0.03);
        padding: 12px 20px;
        cursor: pointer;
    }
    #content .categories-list {
        padding-bottom: 1px;
    }
    #content .categories-list > li {
        margin: 4px;
        border-top: 1px solid #999;
    }
    #content .categories-list > li:last-child {
        border-bottom: 1px solid #999;
    }
    #content .categories-list.scrollable div.refinements ul > li > A, #content .categories-list.scrollable div.refinements ul > li > A:link, #content .categories-list.scrollable div.refinements ul > li > A:visited {
        border: none;
    }
    .main-content.has-sidebar {
        display: block;
        width: 100%;
        margin: 0;
    }
    #find-page .button-bar {
        text-align: center;
    }
    #find-page .button-bar .btn {
        width: 35%;
        margin: 0 auto;
        padding: 10px 5px;
    }
    #find-page .btn.reorder, #find-page .btn.add-to-group, #find-page .btn.wishlist {
        display: none;
    }
    #find-page .narrowby-div select#narrowby {
        display: block;
    }
    #find-page .thumb ul li,
    #find-page .thumb ul li:nth-child(even),
    #find-page .thumb ul li:nth-child(odd) {
        width: 100%;
        margin: 0 0 1em 0;
        padding: 0;
    }
    #find-page .thumb ul li .image,
    #find-page .thumb ul li .availDisplay {
        padding: 5px 5%;
    }
    #find-page .thumb ul li .prodDesc,
    #find-page .thumb ul li .prodQty,
    #find-page .thumb ul li .prodPrice {
        padding: 5px 5%;
    }
    #find-page .thumb ul li .prodPrice span.value,
    #find-page .thumb ul li .availDisplay span.value {
        position: relative;
    }
    #find-page .thumb ul li .prodQty .inputQtyBody {
       width: 3em;
    }
    #find-page .text ul li .prodDesc {
        max-width: 225px;
    }
    #find-page .prodbutton,
    #product-page .prodbutton {
        width: 100%;
        left: 0;
        margin: 2.5em 0 1em;
        padding: 0;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }
    #find-page .prodbutton .btn.add-to-cart,
    #product-page .prodbutton .btn.add-to-cart {
        display: block;
        font-size: 16px;
        width: 55%;
        margin: 0 auto;
        text-align: center;
        padding: 10px 12px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }
    #narrowByStr, #narrowByPrice, #narrowByAvail {
        left: 11.5em;
        top: 2em;
    }
    .sortby-div {
        margin-top: 1em;
    }
    #find-page .items-box .items,
    #find-page .items-box .pagination-box,
    #find-page .product-table-header {
        display: none;
    }
    #find-page .items-box .items:first-child {
        display: block;
        width: 100%;
        text-align: center;
    }
    #narrowByStr input, #narrowByPrice input, #narrowByAvail input {
        max-width: 50%;
    }
    .button {
        font-size: 12px;
        padding: 4px 12px;
    }
    .button_sm {
        font-size: 11px;
        padding: 4px 12px;
    }
    #mfr-page #content ul.catDDThumbs li {
        width: 48%;
    }
    #mfr-page ul.catDDThumbs li a span {
        width: 50%;
        height: auto;
    }
    #product-page .pageDescription {
        float: left;
        clear: left;
        width: auto;
    }
    #product-page #content .pdp_prods_list .availDisplay .value {
        position: relative;
    }
    #product-page .image-box img {
        max-width: 200px!important;
        max-height: 200px!important;
    }
    #product-page #big-image {
        min-height: 100px;
        margin: 0;
        padding: 0;
    }
    #product-page .your-price {
        padding-bottom: 0;
    }
    #product-page .stardiv {
        float: none;
        display: inline-block;
        vertical-align: middle;
    }
    #product-page #content .cart-buttons {
         display: inline;
    }
    #product-page #content .left-section,
    #product_content.horizontal .left-section,
    #product-page #content #product_content.horizontal .description,
    #product-page #content #product_content.horizontal .product-description {
        width: 100%;
        float: none;
    }
    #product-page #content .price-box,
    #product-page #content .addtl-desc-box,
    #product-page #content #product_content.horizontal .price-box,
    #product-page #content .button-box,
    #product-page #content #product_content.horizontal .button-box,
    #product-page #content .product-tabs {
        float: none;
        clear: both;
        width: 100%;
        margin-bottom: 20px;
    }
    #content .button-box {
        text-align: center;
    }
    #product-page #content FORM INPUT.inputQtyBody {
        font-size: 15px;
        padding: 5px;
    }
    #content .button-box a.btn {
        font-size: 16px;
        margin: 10px 5px 0;
    }
    #compare-page TABLE.comparespecsborder TD:first-child,
    #compare-page TABLE.comparespecsborder TR:first-child TD {
        font-size: 12px;
    }
    #cpn-page .dataTables_length,
    #cpn-page .dataTables_filter {
        font-size: 16px;
    }
    .dataTables_wrapper .dataTables_filter {
        margin-top: 1em;
    }
    #content table.dataTable thead th,
    #content table.dataTable thead td {
        padding: 10px 18px 10px 4px;
    }
    #product-page #content .button-box a.btn.wish-list,
    #product-page #content .button-box a.btn.add-to-cart,
    #shopcart-page #content .button-bar .btn.checkout,
    #cpn-page #content .button-box .btn.add-to-cart,
    #cpn-page #content .button-box .btn.checkout {
        width: 90%;
        text-align: center;
        padding: 10px 12px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }
    #product-page #content .button-box a.btn.add-to-cart {
        margin: 20px 0 10px;
    }
    #product-page #content .button-box .addThisButtons {
        display: block;
        width: 100%;
        text-align: center;
        padding: 0.5em 0;
    }
    #product-page #content .button-box .addThisButtons a {
        float: none;
    }
    #product-page #content #tabs {
        width: 100%;
    }
    #product-page #content #tabs A {
        font-size: 15px;
        width: 100%;
        display: block;
        padding: 10px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }
    #product-page #content #tabs A.active:last-of-type {
        border-bottom: 1px solid #999;
    }
    #product-page #content .detail {
        left: 7px;
    }
    #reorderpad-page #content table#datatable-ropad .inputQtyBody {
        width: 2.5em;
    }
    #reorderpad-page select#acctShipTo {
        max-width: 100%;
    }
    #orderprocessing-page #content span.right {
        float: none;
    }
    #non-stock-page #content table input[type="text"] {
        height: 2.25em;
        padding: 0 2px;
    }
    #non-stock-page #content table input[type="text"],
    #non-stock-page #content table select {
        margin-bottom: 8px;
    }
    #non-stock-page #content table.nonstock-table th h4 {
        font-size: 12px;
        -ms-word-break: break-all;
        word-wrap: break-word;
        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        hyphens: auto;
    }
    #non-stock-page #content table.contact-info,
    #non-stock-page #content table.contact-info tr,
    #non-stock-page #content table.contact-info th,
    #non-stock-page #content table.contact-info td {
        display: block;
    }

    #savecart-page #content table th {
        display: none;
    }
    #savecart-page #content table,
    #savecart-page #content table tbody,
    #savecart-page #content table tr,
    #savecart-page #content table td {
        display: block;
        width: 100%;
    }
    #savecart-page #content table td:first-child {
        font-weight: bold;
    }
    #savecart-page #content table table table tr,
    #savecart-page #content table table table td {
        text-align: center;
    }
    #savecart-page #content table table table td:nth-last-child(3) {
        padding-bottom: 3.25rem;
    }
    #savecart-page #content table table table td:last-child,
    #savecart-page #content table table table td:nth-last-child(2) {
        display: inline-block;
        margin-top: -4.5rem;
    }
    .checkoutlogin {
        text-align: center;
        width: 100% !important;
    }
    .checkoutor {
        text-align: center;
        width: 100% !important;
        margin: 0 !important;
    }
    #checkout-page .inputFieldBody {
        max-width: 85%;
    }
    #checkout-page textarea.inputFieldBody {
        max-width: 96%;
    }
    #checkout-page .innersuc {
        border: 2px solid green;
        background: transparent;
        color: green;
        font-size: 12px;
    }
    #checkout-page input[type="submit"] {
        font-size: 16px;
        width: 100%;
        text-align: center;
        padding: 10px 12px;
        margin-top: 0.5em;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }
    #payment-page TABLE {
        table-layout: fixed;
    }
    #payment-page TABLE TR {
        display: block;
    }
    #payment-page TABLE TH,
    #payment-page TABLE TD {
        width: auto !important;
    }
    #payment-page TABLE TD {
        display: inline-block;
        vertical-align: middle;
        max-width: 100%;
        margin-right: 1em;
    }

    #ordersummary-page TABLE {
        display: block;
    }
    #ordersummary-page TABLE TD {

    }
    #ordersummary-page #printready TABLE:first-of-type TR,
    #ordersummary-page #printready TABLE:first-of-type TR TD {
        display: block;
        width: 100% !important;
    }
    #ordersummary-page #printready TABLE:first-of-type TABLE TR {
        display: table-row;
    }
    #ordersummary-page #printready TABLE:first-of-type TABLE TR TD {
        display: table-cell;
        vertical-align: middle;
        width: auto;
        max-width: 100%;
        padding: 2px !important;
    }
    #ordersummary-page TABLE .button {
        display: block;
        margin: 4px auto;
    }
    #non-stock-page td {
        max-width: 100%;
    }
    form[name="keysearchbox"] table td {
        display: inline-block;
        background: transparent;
        border-style: none;
    }
    form[name="keysearchbox"] table,
    form[name="keysearchbox"] table tr,
    form[name="keysearchbox"] table td:first-child {
        display: block;
        background: transparent;
        border-style: none;
    }
    form[name="keysearchbox"] table .button_sm {
        font-size: 12px;
        padding: 6px 12px;
    }
    .listnav {
        margin: 0;
        max-width: 100%;
    }
    .listnav h2.accordion-toggle {
        text-align: center;
        cursor: pointer;
    }
    #content .listnav ul li {
        list-style: none;
    }
    #content .listnav ul li a {
        display: block;
        width: 100%;
        text-align: center;
        font-size: 18px;
        padding: 0.25em 0;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    .listnav br:last-child {
        display: none;
    }
    #newform TABLE,
    #acctInfo TABLE,
    #newform TABLE TR,
    #acctInfo TABLE TR {
        padding-bottom: 10px;
    }
    #newform TABLE TD,
    #acctInfo TABLE TD {
        display: inline-block;
        text-align: left;
        vertical-align: middle;
    }
    #newform TABLE TD:first-child,
    #acctInfo TABLE TD:first-child {
        display: block;
    }
    table.border_dark, tr.border_dark, td.border_dark {
        border-width: 0;
        border-style: none;
        border-color: transparent;
        background: transparent;
    }
    #cpn-page .btn {
        width: 90%;
    }
    #tagline, .tagline {
        text-align: center;
        width: 100%;
    }
    div.mailing-list {
        text-align: center;
    }
    #tagline h1, #tagline h2, #tagline h3, #tagline h4, .tagline h1, .tagline h2, .tagline h3, .tagline h4 {
        text-align: center;
    }
    #tagline div.tagline-email {
        text-align: center;
        margin: auto;
    }
    div.mailing-list .required.email {
        width: 40%;
        line-height: normal;
    }
    footer .wrap {
        padding: 2.5em 0 2.5em;
    }
    footer h4 {
        text-align: center;
        padding-top: 1em;
    }
    footer .footer-menu:last-child {
        margin-bottom: 20px;
    }
    footer .footer-info {
        display: block;
        text-align: center;
        margin-left: 0;
        padding: 10px 0;
    }
    footer .accordion-toggle {
        display: block;
        width: 100%;
        padding: 5px 0;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }
    footer .accordion-content {
        position: relative;
        padding-bottom: 10px;
        width: 100%;
    }
    footer .footer-menu {
        border-bottom: 2px solid #d2232a;
        padding: 5px 0;
    }
    footer .footer-menu:first-child {
        border-top: 2px solid #d2232a;
    }
    footer .footer-menu ul li,
    footer .footer-menu ul li a {
        text-align: left;
        padding: 10px 5px 10px;
    }
    footer .footer-menu > a {
        display: block;
        text-align: left;
    }
    footer .footer-menu > a:hover {
        color: #d2232a;
        text-decoration: none;
        cursor: pointer;
    }
    footer .footer-menu > a:after {
        content: "";
        width: 8px;
        height: 8px;
        background-color: transparent;
        margin: 0.25em 0.25em 0px 0.25em;
        -ms-transform: rotate(225deg);
        -webkit-transform: rotate(225deg);
        transform: rotate(225deg);
        -ms-transform-origin: 50%;
        -webkit-transform-origin: 50%;
        transform-origin: 50%;
        border: solid #d0d0d0;
        border-width: 3px 0 0 3px;
        z-index: 100;
        float: right;
        -webkit-transition: -webkit-transform .3s ease;
        transition: -webkit-transform .3s ease;
        transition: transform .3s ease;
        transition: transform .3s ease, -webkit-transform .3s ease;
    }
    footer .footer-menu > a.active:after {
        margin-top: 0.45em;
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    footer .footer-content a {
        font-weight: 400;
    }
    footer .footer-menu ul {
        float: none;
        margin-left: 0;
        margin-right: 0;
        width: 100%;
    }
    footer .footer-menu ul li {
        padding: 2px 15px;
    }
    footer .footer-menu ul li a:hover {
        color: #d2232a;
        text-decoration: none;
    }
    footer .photo-stream {
        display: none;
    }
    footer a.twitter, footer a.facebook, footer a.linkedin, footer a.google, footer a.youtube,
    footer a.twitter:visited, footer a.facebook:visited, footer a.linkedin:visited, footer a.google:visited, footer a.youtube:visited {
        margin: 0 0.75em;
    }
    footer .copyright {
        text-align: center;
    }
    #aboutus-page .splitscreen {
        width: 100%;
        margin: 10px auto;
    }
    #myaccount-page .ar-info section {
        width: 100%;
        margin-bottom: 20px;
    }
    #dynamicHeader.sticky #notification-bar {
        display: none;
    }
    #notification-bar,
    #notification-bar .wrap {
        margin: 0;
        background: transparent;
    }
    #notification-bar .wrap {
        padding: 0 12.5%;
    }
    #notification-bar div,
    #notification-bar div a {
        color: #d2232a;
        font-size: 10px;
    }
    #notification-bar div.close-box {
        left: 10%;
        right: inherit;
    }

    #aboutus-page #content .timeline-wrap .timeline-items2 .timeline-item2 {
        flex-direction: column;
    }
    #aboutus-page #content .timeline-items2 .timeline-item2 .timeline-image2,
    #aboutus-page #content .timeline-items2 .timeline-item2 .timeline-content2 {
        width: 100%;
    }
    #aboutus-page #content .timeline-items2 .timeline-item2 .timeline-content2.timeline-text-left p {
        text-align: left;
        padding-right: 0;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    #aboutus-page #content .timeline-items2 .timeline-item2 .timeline-content2.timeline-text-right p {
        padding-left: 0;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    /* Printable Page Overrides */
    #printable-page #content {
        left: inherit!important;
        margin: 0 5%;
        width: auto!important;
    }
}


@media screen and (max-width: 900px) {
    .accountHeader:first-child {
        text-align: left;
    }
    .accountHeader:nth-child(2) {
        text-align: right;
    }
    .acctCol1, .acctCol2 {
        width: 100%;
        display: block;
        float: none;
        padding: 0;
    }
    .acctCol1:after, .acctCol2:after {
        clear: both;
        content: ".";
        display: block;
        height: 0;
        visibility: hidden;
    }
    .acctCol1 .left, .acctCol2 .right {
        padding: 0;
    }
    .acctCol1 .right, .acctCol2 .right {
        margin-right: 10px;
    }

    /* BEGIN shopcart and wishlist pages responsive */
    #shopcart-page #content TABLE,
    #shopcart-page #content TABLE TBODY,
    #shopcart-page #content TABLE TR,
    #wishlist-page #content TABLE,
    #wishlist-page #content TABLE TBODY,
    #wishlist-page #content TABLE TR {
        width: 100%;
        position: relative;
        display: block;
    }
    #shopcart-page #content TABLE.pageContents,
    #wishlist-page #content TABLE.pageContents {
        border-bottom: 1px solid #ccc;
        margin-bottom: 1em;
    }
    #shopcart-page #content TABLE.pageContents TR:not(.grey-bar),
    #wishlist-page #content TABLE.pageContents TR:not(.grey-bar) {
        border: 1px solid #ccc;
    }

    #shopcart-page #content TABLE.pageContents TD,
    #wishlist-page #content TABLE.pageContents TD {
        font-size: 15px;
        padding: 6px 4px;
    }
    #shopcart-page #content TABLE TD A,
    #wishlist-page #content TABLE TD A {
        font-size: 18px;
    }

    #shopcart-page #content .button-bar,
    #wishlist-page #content .button-bar {
        text-align: center;
    }

    #shopcart-page TABLE.pageContents tr,
    #wishlist-page TABLE.pageContents tr {
        display: block;
        width: 100%;
    }
    /* clearfix hack */
    #shopcart-page TABLE.pageContents tr:after,
    #wishlist-page TABLE.pageContents tr:after,
    #selectshipto-page #selectship tr:after {
        clear: both;
        content: ".";
        display: block;
        height: 0;
        visibility: hidden;
    }
    #shopcart-page TABLE.pageContents td,
    #wishlist-page TABLE.pageContents td,
    #wishlist-page TABLE.button-bar td {
        display: inline-block;
        height: auto !important;
        border-style: none;
        background-image: none;
        text-align: center;
    }
    #shopcart-page .pageContents td a,
    #wishlist-page .pageContents td a {
        display: inline-block;
        -ms-word-break: break-all;
        word-wrap: break-word;
        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        hyphens: auto;
    }
    #shopcart-page .pageContents td.priceCell,
    #shopcart-page .pageContents td.priceCell {
        margin-left: 0.5em;
    }
    #shopcart-page .pageContents td.extPriceCell {
        float: right;
        clear: left;
        font-weight: bold;
        margin-right: 0.5em;
    }
    #shopcart-page .pageContents td.removeCell,
    #wishlist-page .pageContents td.removeCell {
        float: right;
        clear: right;
        margin-right: 0.5em;
    }
    #shopcart-page .pageContents td.removeCell a:before {
        content: "Delete item";
        font-size: 12px;
        display: inline-block;
        vertical-align: middle;
        margin-right: 1em;
    }
    #shopcart-page .pageContents td.removeCell a img {
        display: inline-block;
        vertical-align: middle;
    }
    #shopcart-page tr.grey-bar,
    #wishlist-page tr.grey-bar {
        padding-top: 4px;
    }
    #shopcart-page tr.grey-bar td:nth-last-child(2),
    #wishlist-page tr.grey-bar td:nth-last-child(2),
    #shopcart-page tr:nth-last-child(2) td:nth-last-child(2),
    #wishlist-page tr:nth-last-child(2) td:nth-last-child(2) {
        float: right;
    }
    #shopcart-page tr.grey-bar th,
    #shopcart-page tr.grey-bar .btn,
    #shopcart-page td.border_dark > br,
    #wishlist-page tr.grey-bar th,
    #wishlist-page tr.grey-bar .btn,
    #wishlist-page td.border_dark > br {
        display: none;
    }
    #wishlist-page #content TABLE TABLE.button-bar TD:nth-last-child(2) {
        float: none;
    }
    #wishlist-page #content TABLE TABLE.button-bar TD:last-child {
        display: none;
    }
    #wishlist-page #content TABLE TABLE.button-bar TR {
        text-align: center;
    }
    /* END shopcart and wishlist pages responsive */

    /* BEGIN selectshipto page responsive */
    #selectshipto-page TABLE {
        width: 100% !important;
        float: none;
    }
    #selectshipto-page TABLE TR {
        display: block;
        width: 100%;
        text-align: left;
        clear: both;
        margin-bottom: 1em;
    }
    #selectshipto-page TABLE TH {
        display: none;
    }
    #selectshipto-page TABLE#datatable TR {
        display: block;
        padding: 0.25em;
    }
    #selectshipto-page TABLE#datatable TD {
        display: inline-block;
        text-align: left;
        height: auto !important;
        padding: 0 0.25em;
        border-style: none;
        background-image: none;
    }
    #selectshipto-page TABLE#datatable TD:first-child {
        display: block;
        font-weight: bold;
        padding: 0.25em;
    }
    #selectshipto-page TABLE#datatable TD:nth-child(2) {
        display: block;
        padding: 0.25em;
    }
    #selectshipto-page TABLE#datatable TD:nth-child(3) {
        display: block;
    }
    #selectshipto-page TABLE#datatable TD:last-child {
        display: block;
        float: right;
        text-align: right;
        margin: 0.25em;
    }
    /* END selectshipto page responsive */

    /* BEGIN prodgroups, openbids, openorders, openbos, orderhistory, acctinquiry page responsive */
    form[name="acctShip"] div.r {
        float: none;
    }
    #printready span {
        float: none !important;
    }
    #openbids-page select.inputFieldBody,
    #openorders-page select.inputFieldBody,
    #orderhistory-page select.inputFieldBody,
    #acctinquiry-page select.inputFieldBody,
    #openbos-page select.inputFieldBody {
        display: block;
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    table#datatable-groups, table#datatable-groups thead, table#datatable-groups tbody,
    table#datatable-groups th, table#datatable-groups tr,
    table#datatable-bids, table#datatable-bids thead, table#datatable-bids tbody,
    table#datatable-bids th, table#datatable-bids tr,
    table#datatable-orders, table#datatable-orders thead, table#datatable-orders tbody,
    table#datatable-orders th, table#datatable-orders tr,
    table#datatable-history, table#datatable-history thead, table#datatable-history tbody,
    table#datatable-history th, table#datatable-history tr,
    table#datatable-acctinq, table#datatable-acctinq thead, table#datatable-acctinq tbody,
    table#datatable-acctinq th, table#datatable-acctinq tr,
    table#datatable-openBos, table#datatable-openBos thead, table#datatable-openBos tbody,
    table#datatable-openBos th, table#datatable-openBos tr {
        position: relative;
        display: block;
    }
    table#datatable-groups tr,
    table#datatable-bids tr,
    table#datatable-orders tr,
    table#datatable-history tr,
    table#datatable-acctinq tr,
    table#datatable-openBos tr {
        border: 1px solid #ccc;
    }
    table#datatable-groups tr td,
    table#datatable-bids tr td,
    table#datatable-orders tr td,
    table#datatable-history tr td,
    table#datatable-acctinq tr td,
    table#datatable-openBos tr td {
        display: inline-block;
        position: relative;
        border: none;
        min-height: 1em;
        text-align: left !important;
    }
    table#datatable-groups thead tr,
    table#datatable-bids thead tr,
    table#datatable-orders thead tr,
    table#datatable-history thead tr,
    table#datatable-acctinq thead tr,
    table#datatable-openBos thead tr {
        position: absolute;
        top: 0;
        left: -9999px;
    }
    table#datatable-groups thead tr .button.check-all {
        position: absolute;
        top: 8px;
        left: 10008px;
        z-index: 10;
    }
    table#datatable-groups tr.dtrg-group:nth-of-type(1) td {
        padding-top: 3em;
    }
    td.descCell {
        display: block !important;
    }
    td.priceCell, td.amtCell {
        display: block;
        font-weight: bold;
    }
    td.ageCell:before,
    td.amtCell:before,
    td.totalAvailCell:before,
    td.branchAvailCell:before,
    td.cpnCell:not(:empty):before,
    td.dateCell:before,
    td.dueCell:before,
    td.idCell:before,
    td.orderedByCell:before,
    td.paidCell:before,
    td.poCell:before,
    td.priceCell:before,
    td.qtyCell:before,
    td.reqDateCell:before,
    td.selectCell:before,
    td.shipDateCell:before,
    td.statusCell:before {
        content: "";
        display: inline-block;
        position: relative;
        margin-right: 0.5em;
    }
    td.ageCell:before {
        content: "Age:";
    }
    td.amtCell:before {
        content: "Amount:";
    }
    td.totalAvailCell:before {
        content: "Total Availability:";
    }
    td.branchAvailCell:before {
        content: "Branch Availability:";
    }
    td.cpnCell:empty {
        display: none !important;
    }
    td.cpnCell:not(:empty):before {
        content: "Your Part #:";
    }
    td.dateCell:before {
        content: "Order Date:";
    }
    td.dueCell:before {
        content: "Due:";
    }
    td.idCell:before {
        content: "ID:";
    }
    td.orderedByCell:before {
        content: "Ordered By:";
    }
    td.paidCell:before {
        content: "Paid:";
    }
    td.poCell:before {
        content: "PO #:";
    }
    td.priceCell:before {
        content: "Price:";
    }
    td.qtyCell:before {
        content: "Quantity:";
    }
    td.reqDateCell:before {
        content: "Required:";
    }
    td.selectCell:before {
        content: "Select";
    }
    td.shipDateCell:before {
        content: "Ship Date:";
    }
    td.statusCell:before {
        content: "Status:";
    }
    /* END prodgroups, openbids, openorders, openbos, orderhistory, acctinquiry page responsive */

    /* BEGIN User Management page */
    #usermanagement-page table#datatable, #usermanagement-page table#datatable thead, #usermanagement-page table#datatable tbody,
    #usermanagement-page table#datatable th, #usermanagement-page table#datatable tr {
        position: relative;
        display: block;
    }
    #usermanagement-page table#datatable tr {
        border: 1px solid #ccc;
    }
    #usermanagement-page table#datatable td {
        display: inline-block;
        position: relative;
        border: none;
        min-height: 1em;
        text-align: left !important;
    }
    #usermanagement-page table#datatable thead tr {
        position: absolute;
        top: 0;
        left: -9999px;
    }
    td.nameCell:before {
        content: "User:";
        display: inline-block;
        position: relative;
        margin-right: 0.5em;
    }
    td.loginCell {
        display: block !important;
    }
    td.loginCell:before {
        content: "Account Login?";
        display: inline-block;
        position: relative;
        margin-right: 0.5em;
    }
    #pass1Label {
        white-space: nowrap;
    }
    /* END User Management page */

    #orderprocessing-page select.inputFieldBody {
        display: block;
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    #orderprocessing-page table#datatable-bids,
    #orderprocessing-page table#datatable-bids thead, #orderprocessing-page table#datatable-bids tbody,
    #orderprocessing-page table#datatable-bids th, #orderprocessing-page table#datatable-bids tr {
        position: relative;
        display: block;
    }
    #orderprocessing-page table#datatable-bids tr {
        border: 1px solid #ccc;
    }
    #orderprocessing-page table#datatable-bids tr td {
        display: inline-block;
        position: relative;
        border: none;
        min-height: 1em;
        text-align: left !important;
    }
    #orderprocessing-page table#datatable-bids thead tr {
        position: absolute;
        top: 0;
        left: -9999px;
    }
}

@media screen and (max-width: 750px) {
    #notification-bar .wrap {
        padding: 0 15%;
    }
    #notification-bar div.close-box {
        left: 12.5%;
    }
}

@media screen and (max-width: 640px) {
    .dataTables_wrapper .dataTables_length,
    .dataTables_wrapper .dataTables_filter,
    .dataTables_wrapper .dataTables_info,
    .dataTables_wrapper .dataTables_paginate {
        float: none;
        text-align: left;
    }
}

@media screen and (max-width: 500px) {
    #notification-bar {
        display: none;
    }
}