/* RESPONSIVE.CSS */

@media screen and (max-width: 1715px) {
    .search input[type="text"] {
        width: 400px;
    }
    .footer-logos h4 {
        white-space: normal;
    }
}
    
@media screen and (max-width: 1525px) {
    #homeSpecials ul li,
    #homeSpecials ul li:nth-child(even),
    #homeSpecials ul li:nth-child(odd) {
        width: 30%;
        margin: 2em 1.75%;
    }
    #homeSpecials ul li:nth-child(3n+1) {
        margin-left: 0;
    }
    #homeSpecials ul li:nth-child(3n) {
        margin-right: 0;
    }
}

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

@media screen and (max-width: 1450px) {
    .search {
        transform: translate(-100%, -50%);
    }
}

@media screen and (max-width: 1315px) {
    .search input[type="text"] {
        width: 300px;
    }
    #ac-flyout {
        width: 350px;
        left: -350px;
    }
    .top-login .login-link a,
    .top-cart .cart-link a {
        font-size: 13px;
    }
    .top-buy-online .buy-online,
    .top-buy-online .buy-online:hover {
        width: 150px;
    }
    .nav .drop-down-area li a {
        font-size: 13px;
        padding: 12px 10px;
    }
    .nav .drop-down-area li.open .drop-down-box {
        max-height: 350px;
    }
    .nav .drop-down-area .drop-down-box li a:not(.btn) {
        font-size: 12px;
    }
    .home-brand-slider .slick-slide img {
        max-width: 120px!important;
    }
}

@media screen and (max-width: 1260px) {
    
    #slideshow .text-container {
        padding: 5% 0 0 5%;
    }
    #slideshow .text-container .text {
        padding: 1em;
    }
    #slideshow .text-container .text h1 {
        font-size: 24px;
        margin-bottom: 10px;
        margin-top: 10px;
    }
    #slideshow .text-container .text p {
        font-size: 13px;
    }
    
    footer .one-half {
        width: 100%;
        margin: 0 auto;
    }
    .footer-logo {
        text-align: left;
    }

    #find-page .thumb ul li,
    #find-page .thumb ul li:nth-child(even),
    #find-page .thumb ul li:nth-child(odd) {
        width: 22%;
        margin: 2em 1.75%;
    }
    #find-page .thumb ul li:nth-child(4n+1) {
        margin-left: 0;
    }
    #find-page .thumb ul li:nth-child(4n){
        margin-right: 0;
    }
    #find-page .text ul li .prodDesc {
        max-width: 300px;
    }

    #topcategories ul li,
    #topcategories ul li:nth-child(even),
    #topcategories ul li:nth-child(odd) {
        width: 30%;
        margin: 2em 1.75%;
    }
    #topcategories ul li:nth-child(3n+1) {
        margin-left: 0;
    }
    #topcategories ul li:nth-child(3n) {
        margin-right: 0;
    }

    #homeSpecials ul li,
    #homeSpecials ul li:nth-child(even),
    #homeSpecials ul li:nth-child(odd) {
        width: 48%;
        margin: 2em 1.75%;
    }
    #homeSpecials ul li:nth-child(2n+1) {
        margin-left: 0;
    }
    #homeSpecials ul li:nth-child(2n) {
        margin-right: 0;
    }

    #product-page #content .left-section {
        width: 30%;
    }
}

@media screen and (max-width: 1150px) {
    .search input[type="text"] {
        font-size: 12px;
        width: 275px;
    }
    #ac-flyout {
        width: 350px;
        left: -350px;
    }
}

@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;
    }
}

@media screen and (max-width: 1075px) {
    
    .top-login, .top-cart {
        margin-left: 2em;
    }

    .home-brand-slider .slick-slide img {
        max-width: 100px!important;
    }
    #ac-flyout {
        width: 300px;
        left: -300px;
    }
    #ac-flyout h4,
    #ac-flyout ul li a,
    .ui-autocomplete.ui-menu .ui-menu-item a {
        font-size: 12px;
    }
    #content .sidebar.left {
        width: 25%;
    }
    .main-content.has-sidebar {
        width: 72.5%;
    }
    #narrowByStr, #narrowByPrice, #narrowByAvail {
        left: 10em;
        top: 2.5em;
    }
    .sortby-div {
        margin-top: 2em;
    }
    #find-page .text ul li .prodDesc {
        max-width: 200px;
    }

    #find-page .thumb ul li,
    #find-page .thumb ul li:nth-child(even),
    #find-page .thumb ul li:nth-child(odd) {
        width: 30%;
        margin: 2em 1.75%;
    }
    #find-page .thumb ul li:nth-child(3n+1) {
        margin-left: 0;
    }
   #find-page .thumb ul li:nth-child(3n){
        margin-right: 0;
   }
   #find-page .thumb ul li .prodQty .inputQtyBody {
       width: 1em;
   }

   #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 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: 950px) {

    .cms-edit .button.edit {
        display: none;
    }

    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% 2em 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 #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;
    }

    #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;
    }

    img {
        max-width: 100% !important;
        height: auto;
    }

/*
    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) {
        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,
    #homeSpecials ul li,
    #homeSpecials ul li:nth-child(even),
    #homeSpecials ul li:nth-child(odd),
    #topcategories ul li,
    #topcategories ul li:nth-child(even),
    #topcategories ul li:nth-child(odd) {
        width: 100%;
        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;
    }
    .middle-header {
        padding: 10px 0 0 0;
        height: auto;
        line-height: 1;
        border-bottom: 2px solid #333;
    }
    .top-header,
    .middle-header .right-section {
        display: none;
    }
    .logo {
        display: block;
        margin: 0 auto;
        float: none;
        top: inherit;
        transform: none;
        text-align: center;
        width: 100%;
    }
    .logo img {
        display: inline-block;
        text-align: center;
        max-width: 250px !important;
        height: auto;
        width: auto;
    }
    #dynamicHeader.sticky .logo {
        display: none;
    }
    .ui-autocomplete.ui-widget-content {
        width: 100% !important;
        left: 0 !important;
    }
    .nav {
        position: fixed;
        text-align: left;
        top: 0;
        left: 0;
        width: 100%;
        padding-bottom: 0.5em;
        background: #fff;
        margin: 0 0 0 -100%;
        z-index: 15000;
    }
    .nav a:not(.edit), .nav a:visited:not(.edit) {
        font-size: 24px;
        padding: 10px 0 10px 10px;
    }
    .nav a:hover, .nav a:active,
    .nav a.drop-down-btn:hover, .nav a.drop-down-btn:active {
        color: #fff !important;
        background: #333;  /* change to match your layout */
        text-decoration: none;
    }
    .nav .drop-down-area li:hover div.drop-down-box {
        display: none;
    }
    .nav .cms-edit {
        width: 100%;
    }
    .nav ul, .nav ul.drop-down-area {
        width: 100%;
        display: block;
        padding: 0;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }
    .nav ul li, .nav ul li a {
        display: block;
        margin: 0;
    }
    .nav ul li a {
        padding: 0.5em 0 0.25em 0.5em;
        border-bottom: 1px solid #333;
    }
    .nav .drop-down-area li:hover .drop-down-btn:before,
    .nav .drop-down-area li a.drop-down-btn:after,
    .nav .drop-down-area li.open a.drop-down-btn:after {
        content: "";
        margin: 0;
        border: none;
    }
    .nav .drop-down-area li.open .drop-down-box {
        overflow-y: hidden !important;
        border: none;
        padding: 0;
        max-height: 0;
    }
    .hamburger, .shop-icon {
        display: inline-block;
    }
    .nav.expanded {
        margin-left: 0;
    }
    .nav .divider {
        display: none;
        margin: 0;
        width: 0;
    }

    header.sticky .search {
        margin: 0;
    }
    .search {
        float: none;
        position: relative;
        width: 100%;
        margin: 1em 0 0 0;
        padding: 0;
        left: 0;
        transform: none;
        vertical-align: baseline;
    }
    .search input[type="text"] {
        width: 100%;
        height: 40px;
    }
    .search button[type="submit"] {
        height: 40px;
    }
    #acloading,
    a.scanSearch {
        top: 10px;
    }

    .ui-autocomplete.ui-widget-content {
        max-width: 100% !important;
    }

    .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: 18px;
        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 {
        padding: 12px 20px;
        cursor: pointer;
    }
    #content .categories-list {
        padding-bottom: 1px;
    }
    #content .categories-list > li {
        margin: 4px;
    }

    .main-content.has-sidebar {
        display: block;
        width: 100%;
        margin: 0;
    }

    #find-page .button-bar {
        text-align: center;
    }
    #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: 1em 0 6.5em;
    }
    #find-page .thumb ul li .prodQty .inputQtyBody {
       width: 3em;
   }
    #find-page .thumb ul li .prodPrice {
        padding-top: 0.75em;
    }
     #find-page .text ul li .prodDesc {
        max-width: 225px;
    }

    #find-page .prodbutton {
        position: absolute;
        width: 100%;
        left: 0;
        margin: 3.5em 0 0;
        padding: 0 5%;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }
    #find-page .prodbutton .btn.add-to-cart {
        font-size: 16px;
        width: 100%;
        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;
    }

    #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 #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.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,
    #orderconfirm-page TABLE {
        display: block;
    }
    #ordersummary-page #printready TABLE:first-of-type TR,
    #ordersummary-page #printready TABLE:first-of-type TR TD,
    #orderconfirm-page #printready TABLE:first-of-type TR,
    #orderconfirm-page #printready TABLE:first-of-type TR TD {
        display: block;
        width: 100% !important;
    }
    #ordersummary-page #printready TABLE:first-of-type TABLE TR,
    #orderconfirm-page #printready TABLE:first-of-type TABLE TR {
        display: table-row;
    }
    #ordersummary-page #printready TABLE:first-of-type TABLE TR TD,
    #orderconfirm-page #printready TABLE:first-of-type TABLE TR TD {
        display: table-cell;
        vertical-align: middle;
        width: auto !important;
    }

    #ordersummary-page TABLE .button,
    #orderconfirm-page TABLE .button{
        display: block;
        margin: 4px auto;
    }

    #non-stock-page td {
        max-width: 100%;
    }

    #wishlist-page #content .button-bar {
        display: table;
        margin: 0 0 1em;
        padding: 10px;
    }
    #wishlist-page #content .button-bar .btn {
        margin: 5px 10px;
    }

    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,
    #settings TABLE,
    #newform TABLE TR,
    #acctInfo TABLE TR,
    #settings TABLE TR {
        display: block;
        padding-bottom: 10px;
        width: auto;
    }
    #newform TABLE TD,
    #acctInfo TABLE TD,
    #settings TABLE TD {
        display: block;
        text-align: left;
        width: auto!important;
        vertical-align: middle;
    }
    #newform TABLE TD:first-child,
    #acctInfo TABLE TD:first-child,
    #settings TABLE TD:first-child,
    #settings TABLE TBODY {
        display: block;
    }

    table.border_dark, tr.border_dark, td.border_dark {
        border-width: 0;
        border-style: none;
        border-color: transparent;
        background: transparent;
    }

    #pricesheet-page #content #pricesheets table tr td a {
        white-space: normal;
    }
    
    #quickbuy-page #content #quickbuy-container table#prodDataTable,
    #quickbuy-page #content #quickbuy-container table#prodDataTable thead,
    #quickbuy-page #content #quickbuy-container table#prodDataTable tbody,
    #quickbuy-page #content #quickbuy-container table#prodDataTable th,
    #quickbuy-page #content #quickbuy-container table#prodDataTable td,
    #quickbuy-page #content #quickbuy-container table#prodDataTable tr {
        display: block;
        border: none;
    }
    #quickbuy-page #content #quickbuy-container table#prodDataTable tr {
        margin: 10px 0;
    }
    #quickbuy-page #content #quickbuy-container table#prodDataTable thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    #quickbuy-page #content #quickbuy-container table#prodDataTable tr {
        border: 1px solid #ccc;
    }
    #quickbuy-page #content #quickbuy-container table#prodDataTable td {
        position: relative;
        border: none;
        border-bottom: 1px solid #eee; 
    }

    #cpn-page .btn {
        width: 90%;
    }

    #tagline {
        display: flex;
        justify-content: center;
    }
    #tagline h1, #tagline h2, #tagline h3, #tagline h4, .tagline h1, .tagline h2, .tagline h3, .tagline h4,
    div.mailing-list {
        text-align: center;
    }
    div.mailing-list h3,
    div.mailing-list .required.email,
    div.mailing-list .button {
        margin: 0.5em 0;
        width: 100%;
    }

    footer .accordion-toggle {
        display: block;
        width: 100%;
        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 #333;
    }
    footer .footer-menu:first-child {
        border-top: 2px solid #333;
    }
    footer .footer-menu li,
    footer .footer-menu a {
        font-size: 16px;
        font-weight: 400;
        text-align: left;
        padding: 10px 5px 10px;
    }
    footer .footer-menu > a {
        display: block;
        font-weight: 600;
    }
    footer .footer-menu > a:hover {
        cursor: pointer;
        text-decoration: none;
    }
    footer .footer-menu > a:after {
        content: "";
        width: 7px;
        height: 7px;
        background-color: transparent;
        margin: 0.25em 0 0 0.5em;
        -ms-transform: rotate(225deg);
        -webkit-transform: rotate(225deg);
        transform: rotate(225deg);
        -ms-transform-origin: 50%;
        -webkit-transform-origin: 50%;
        transform-origin: 50%;
        border: solid #333;
        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 {
        text-decoration: underline;
    }
    footer .col {
        text-align: center;
        padding: 0;
        width: 100%;
    }
    footer .six-col,
    footer .four-col {
        padding: 1em 0;
        width: 100%;
    }
    footer .six-col .col,
    footer .four-col .col {
        margin: 0;
        width: 100%;
    }
    .footer-logo {
        display: block;
        text-align: center;
        margin: 2em auto!important;
    }
    .footer-logos {
        padding-top: 2em;
    }
    .footer p,
    .footer-locations a,
    .footer-menu ul li a {
        font-size: 14px;
        line-height: 1.4;
    }

    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;
    }

    footer .copyright .copyright-wrap, .footer .copyright .copyright-wrap,
    footer .copyright .copyright-content, .footer .copyright .copyright-content,
    footer .footer-socials, .footer .footer-socials {
        float: none;
        display: block;
    }
    footer .footer-socials, .footer .footer-socials {
        margin-top: 1em;
    }
    
    #aboutus-page .aboutus-images img {
        max-width: 75px!important;
    }

}


@media screen and (max-width: 900px) {
    
    #slideshow .text-container {
        padding: 5% 0 0 5%;
    }
    #slideshow .text-container .text {
        padding: 10px;
    }
    #slideshow .text-container .text h1 {
        font-size: 18px;
        margin-bottom: 5px;
        margin-top: 5px;
    }
    #slideshow .text-container .text p {
        font-size: 12px;
        margin: 5px 0;
        max-width: 450px;
    }

    .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;
        width: auto;
    }
    #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 {
        padding-top: 4px;
    }
    #wishlist-page tr.grey-bar {
        padding-top: 4px;
        border: 1px solid #ccc;
    }
    #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: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;
        height: auto;
    }
    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;
        vertical-align: top;
        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.availCell:before,
    td.cpnCell:not(:empty):before,
    td.dateCell:before,
    td.dueCell:before,
    td.idCell:before,
    td.orderedByCell:before,
    td.ordernumCell:before,
    td.paidCell:before,
    td.poCell:before,
    td.priceCell:before,
    td.qtyCell:before,
    td.remainingCell:before,
    td.reqDateCell:before,
    td.selectCell:before,
    td.shipDateCell:before,
    td.statusCell:before {
        content: "";
        display: inline-block;
        position: relative;
        vertical-align: top;
        margin-right: 0.5em;
    }
    td.ageCell:before {
        content: "Age:";
    }
    td.amtCell:before {
        content: "Amount:";
    }
    td.availCell:before {
        content: "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.ordernumCell:before {
        content: "Order #:";
    }
    td.paidCell:before {
        content: "Paid:";
    }
    td.poCell:before {
        content: "PO #:";
    }
    td.priceCell:before {
        content: "Price:";
    }
    td.qtyCell:before {
        content: "Quantity:";
    }
    td.remainingCell:before {
        content: "Remaining:";
    }
    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 line-item details and invoice tables initial */
    TABLE.orderLineItemTable TR {
        position: relative;
        display: inline-block;
        width: 100% !important;
    }
    /* clearfix hack */
    TABLE.orderLineItemTable TR:after {
        clear: both;
        content: ".";
        display: block;
        height: 0;
        visibility: hidden;
    }
    TABLE.orderLineItemTable TR TH,
    TABLE.orderLineItemTable TR TD {
        border-color: #ddd;
        border-width: 0 0 1px 0;
        min-height: 2em;
    }
    /* END line-item details and invoice tables initial */

    /* Order Details and Invoice pages */

    body #content TABLE.hideprint {
        width: auto !important;
    }

    #orderdetails-page TABLE TABLE:nth-of-type(-n+2) TD,
    #orderinvoice-page TABLE TABLE:nth-of-type(-n+2) TD {
        display: block;
        margin-top: 0.5em;
    }
    #orderdetails-page TABLE TABLE:nth-of-type(-n+2) TD TABLE TD,
    #orderinvoice-page TABLE TABLE:nth-of-type(-n+2) TD TABLE TD {
        display: table-cell;
    }

    #orderdetails-page TABLE.orderLineItemTable TR:nth-of-type(-n+4) TH,
    #orderinvoice-page TABLE.orderLineItemTable TR:nth-of-type(-n+4) TH {
        position: relative;
        float: left;
        clear: left;
        width: 50%;
    }
    #orderdetails-page TABLE.orderLineItemTable TR:nth-of-type(-n+4) TD,
    #orderinvoice-page TABLE.orderLineItemTable TR:nth-of-type(-n+4) TD {
        position: relative;
        float: right;
        clear: right;
        right: 0;
        width: 50% !important;
    }
    #orderdetails-page TABLE.orderLineItemTable TR:nth-of-type(-n+4):nth-of-type(even),
    #orderinvoice-page TABLE.orderLineItemTable TR:nth-of-type(-n+4):nth-of-type(even) {
        margin: -8em 0 0 0;
        display: block;
    }
    #orderdetails-page TABLE.orderLineItemTable TR:nth-of-type(5),
    #orderinvoice-page TABLE.orderLineItemTable TR:nth-of-type(5) {
        display: none;
    }
    #orderdetails-page TABLE.orderLineItemTable TR:nth-of-type(n+5) TD,
    #orderinvoice-page TABLE.orderLineItemTable TR:nth-of-type(n+5) TD {
        float: left;
        height: auto;
        border: none;
        padding: 0.5em;
    }
    #orderdetails-page TABLE.orderLineItemTable TR:nth-last-of-type(3),
    #orderinvoice-page TABLE.orderLineItemTable TR:nth-last-of-type(3) {
        border-top: 1px solid #ddd;
    }
    #orderdetails-page TABLE.orderLineItemTable TR:nth-of-type(n+5) TD:nth-of-type(4),
    #orderinvoice-page TABLE.orderLineItemTable TR:nth-of-type(n+5) TD:nth-of-type(4){
        clear: left;
    }
    #orderdetails-page TABLE.orderLineItemTable TR:nth-of-type(n+5) TD:last-of-type,
    #orderinvoice-page TABLE.orderLineItemTable TR:nth-of-type(n+5) TD:last-of-type {
        float: right;
        font-weight: bold;
    }
    /* #orderdetails-page special */
    #orderdetails-page TABLE.orderLineItemTable TR:nth-of-type(n+5) TD:nth-of-type(5) {
        clear: left;
    }
    /* #orderinvoice-page special */
    #orderinvoice-page .button {
        float: left;
        clear: left;
        margin: 0.5em 0;
    }
    #orderinvoice-page TABLE.orderLineItemTable TR:nth-of-type(-n+4):nth-of-type(4) {
        margin-top: -10em;
    }
    #orderinvoice-page TABLE.orderLineItemTable TR:nth-of-type(n+5):not(:nth-last-of-type(-n+3)) TD:nth-of-type(2):before {
        content: "Ship:";
        display: inline-block;
        position: relative;
        vertical-align: top;
        margin-right: 0.5em;
    }
    /* END Order Details and Invoice pages */

    /* Order Summary and Order Confirmation pages */
    #ordersummary-page TABLE.orderLineItemTable TR:first-of-type,
    #orderconfirm-page TABLE.orderLineItemTable TR:first-of-type {
        display: none;
    }
    #ordersummary-page TABLE.orderLineItemTable TR:nth-of-type(n+1) TD,
    #orderconfirm-page TABLE.orderLineItemTable TR:nth-of-type(n+1) TD {
        float: left;
        height: auto;
        border: none;
        padding: 0.5em;
    }
    #ordersummary-page TABLE.orderLineItemTable TR:nth-of-type(n+1):not(:nth-last-of-type(-n+4)) TD:first-of-type,
    #orderconfirm-page TABLE.orderLineItemTable TR:nth-of-type(n+1):not(:nth-last-of-type(-n+4)) TD:first-of-type {
        float: none;
    }
    #ordersummary-page TABLE.orderLineItemTable TR:nth-of-type(n+1):not(:nth-last-of-type(-n+4)) TD:nth-of-type(2):before,
    #orderconfirm-page TABLE.orderLineItemTable TR:nth-of-type(n+1):not(:nth-last-of-type(-n+4)) TD:nth-of-type(2):before {
        content: "Available:";
        display: inline-block;
        position: relative;
        vertical-align: middle;
        margin-right: 0.5em;
    }
    #ordersummary-page TABLE.orderLineItemTable TR:nth-of-type(n+1):not(:nth-last-of-type(-n+4)) TD:nth-of-type(4):before,
    #orderconfirm-page TABLE.orderLineItemTable TR:nth-of-type(n+1):not(:nth-last-of-type(-n+4)) TD:nth-of-type(4):before {
        content: "@ ";
        display: inline-block;
        position: relative;
        vertical-align: top;
        margin-right: 0.5em;
    }
    #ordersummary-page TABLE.orderLineItemTable TR:nth-of-type(n+1) TD:last-of-type,
    #orderconfirm-page TABLE.orderLineItemTable TR:nth-of-type(n+1) TD:last-of-type {
        float: right;
        font-weight: bold;
    }
    #ordersummary-page TABLE.orderLineItemTable TR:nth-last-of-type(4),
    #orderconfirm-page TABLE.orderLineItemTable TR:nth-last-of-type(4) {
        border-top: 1px solid #ddd;
    }

    /* END Order Summary and Order Confirmation pages */

    /* 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 */
    
    /* responsiveTables */
    .responsiveTable {
        display: block;
    }
    .responsiveTable > *,
    .responsiveTable > tr, 
    .responsiveTable > tr > td,
    .responsiveTable > tbody > tr,
    .responsiveTable > tbody > tr > td {
        display: block;
        width: 100% !important;
    }
    .responsiveTable > thead {
        display: none;
    }
    .responsiveTable > tr,
    .responsiveTable > tbody > tr {
        height: auto;
        padding: 4px 0;
        border-top: 1px solid #333;
    }
    .responsiveTable > tr > td,
    .responsiveTable > tbody > tr > td {
        border-style: none;
        border-bottom: 1px solid #333;
    }
    .responsiveTable > tr > td:nth-child(1),
    .responsiveTable > tbody > tr > td:nth-child(1) {
        margin-top: -3px;
        border-top: 2px solid #333;
        background-color: #efefef;
    }
    .responsiveTable > tr > td:last-child,
    .responsiveTable > tbody > tr > td:last-child {
        margin-bottom: 0;
        border-bottom: none;
    }
    .responsiveTable td.hasHeaders {
        width: auto !important;
        padding-left: 40%;
    }
    .responsiveTable td.hasHeaders:before {
        content: attr(data-content);
        position: absolute;
        font-weight: 700;
        width: 40%;
        left: 10px;
        top: 4px;
    }

}

@media screen and (max-width: 700px) {
    #slideshow .text-container {
        padding: 2.5% 0 0 6%;
    }
    #slideshow .text-container .text {
        padding: 5px;
    }
    #slideshow .text-container .text h1 {
        font-size: 14px;
    }
    #slideshow .text-container .text p {
        font-size: 11px;
        margin: 5px 0;
        max-width: 350px;
    }
}

@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;
    }
    
    #ordersearch-page form table,
    #ordersearch-page form table tr {
        display: block;
        max-width: 100%;
    } 
    #ordersearch-page form table tr td {
        display: inline-block;
        max-width: 100%;
    }
}

@media screen and (max-width: 500px) {
    #slideshow .text-container {
        padding: 2% 0 0 6%;
    }
    #slideshow .text-container .text {
        padding: 3px;
    }
    #slideshow .text-container .text h1 {
        font-size: 12px;
        margin-bottom: 2px;
        margin-top: 2px;
    }
    #slideshow .text-container .text p {
        font-size: 8px;
        margin: 2px 0;
        max-width: 250px;
    }
}

@media screen and (max-width: 375px) {
    #slideshow .text-container {
        padding: 1% 0 0 6%;
    }
    #slideshow .text-container .text h1 {
        font-size: 11px;
    }
    .logo img {
        max-width: 200px !important;
    }
    #dynamicHeader.sticky .search {
        width: 66%;
    }
}

@media screen and (max-width: 325px) {
    .logo img {
        max-width: 175px !important;
    }
}