/* RESPONSIVE.CSS */

@media screen and (max-width: 1350px) {
    #ac-flyout {
        left: -376px;
        width: 375px;
    }
}

@media screen and (max-width: 1260px) {
    #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:nth-child(4n) {
        margin-right: 0;
    }
    #find-page .text ul li .prodDesc {
        max-width: 300px;
    }
    
    #product-page #content .left-section {
        width: 30%;
    }
    
    #myaccount-page .banner-include {
        width: 70%;
    }
    #myaccount-page .account-info.login-form {
        width: 25%;
    }
	
	#content * .desktop-content {
		display:block !important;
	}
	#content * .mobile-content {
		display:none !important;
	}	
}

@media screen and (max-width: 1250px) {
    #middle-header .middle-header-left-content .logo-section img {
        max-width: 250px;
    }
    #ac-flyout {
        left: -351px;
        width: 350px;
    }
}

@media screen and (max-width: 1150px) {
    #middle-header .drop-down-area li a.drop-down-btn {
        padding-right: 25px;
    }
    #middle-header .drop-down-area a.drop-down-btn:after {
        right: 10px;
    }
    #ac-flyout {
        left: -326px;
        width: 325px;
    }
    #nav .drop-down-area li {
        position: relative;
    }
    #nav .drop-down-area li.open .drop-down-box {
        left: 0;
        overflow-y: auto;
        padding-top: 5px;
        max-height: 400px;
        max-width: 275px;
        width: 275px;
        transform: none;
        columns: auto;
    }
}

@media screen and (max-width: 1125px) {
    #middle-header .drop-down-area li a {
        padding: 0 10px 8px;
    }
    #nav .drop-down-area li.open .drop-down-box {
        max-height: 350px;
    }
    
    #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;   
    }
    
    #myaccount-page .banner-include {
        width: 100%;
    }
    #myaccount-page .account-info.login-form {
        position: relative;
        width: 100%;
        margin: 15px 0;
        left: 0;
        -webkit-columns: 2 200px;
        -moz-columns: 2 200px;
        columns: 2 200px;
        -webkit-column-gap: 5px;
        -moz-column-gap: 5px;
        column-gap: 5px;
    }
}

@media screen and (max-width: 1110px) {
   .cms-edit .button.edit {
         display: none;   
    }
}

@media screen and (max-width: 1075px) {
    #middle-header .middle-header-left-content .logo-section img {
        max-width: 225px;
    }
    #middle-header .drop-down-area li a {
        padding: 0 5px 8px;
    }
    #middle-header .middle-header-right-content .myaccount-section {
        margin-left: 0.5em;
    }
    #nav .login-section .logoutLink,
    .search-section,
    #nav .quickpad-section {
        margin-left: 1.5em;
    }
}

@media screen and (max-width: 1050px) {
    #ac-flyout {
        left: -301px;
        width: 300px;
    }
}

@media screen and (max-width: 1000px) {
    #middle-header .middle-header-left-content .logo-section img {
        max-width: 200px;
    }
    #middle-header .drop-down-area li a,
    #middle-header .middle-header-right-content .myaccount-section a.btn {
        font-size: 13.5px;
    }
}

@media screen and (max-width: 950px) {
    
    a[href*="printablePage"], a[href*="printWindow"] {
        display: none;
    }
   
    #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%;
        height: auto;
    }
    
    body:not(#quickpad-page):not(#printable-page):not([id^='order']) #content TABLE, 
    body:not(#quickpad-page):not(#printable-page):not([id^='order']) #content TABLE TR, 
    body:not(#quickpad-page):not(#printable-page):not([id^='order']) #content TABLE TD, 
    body:not(#quickpad-page):not(#printable-page):not([id^='order']) #content TABLE TH, 
    body:not(#quickpad-page):not(#printable-page):not([id^='order']) #content TABLE TD A:not(.button):not(.btn) {
        width: auto !important;
        white-space: normal;
    }
     
    body#home-page.Galloup #content TABLE,
    body#home-page.Galloup #content TABLE tbody,
    body#home-page.Galloup #content TABLE TR,
    body#home-page.GalloupResponsive #content TABLE,
    body#home-page.GalloupResponsive #content TABLE tbody,
    body#home-page.GalloupResponsive #content TABLE TR {
        display: block;
    }
    body#home-page.Galloup #content TABLE TR,
    body#home-page.GalloupResponsive #content TABLE TR {
        text-align: center;
    }
    body#home-page.Galloup:not(#quickpad-page):not( #printable-page) #content TABLE TD,
    body#home-page.GalloupResponsive:not(#quickpad-page):not( #printable-page) #content TABLE TD {
        display: inline-block;
        width: 32% !important;
        text-align: center;
        float: left;
        margin-right: 2%;
    }
    body#home-page.Galloup:not(#quickpad-page):not( #printable-page) #content TABLE TD:nth-of-type(3n),
    body#home-page.GalloupResponsive:not(#quickpad-page):not( #printable-page) #content TABLE TD:nth-of-type(3n) {
        margin-right: 0;
    }
    body#home-page.Galloup:not(#quickpad-page):not( #printable-page) #content TABLE TD:nth-of-type(3n+1)
    body#home-page.GalloupResponsive:not(#quickpad-page):not( #printable-page) #content TABLE TD:nth-of-type(3n+1) {
        clear: left;
    }
    
    #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;
    }
    
    .logged-in .top-header .header-socials ul li a {
        margin-left: 0;   
    }
    .logged-in .top-header .toplinks, 
    .logged-in .top-header .toplinks a, 
    .logged-in .top-header .toplinks span {
        padding-right: 0;
    }

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

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

    .hamburger,
    .shop-icon {
        display: block;
    }
    #notification-bar .notification-bar-content {
        padding: 0 10%;
    }
    #middle-header .middle-header-right-content .drop-down-area,
    #middle-header .middle-header-right-content .myaccount-section {
        display: none;
    }
    #middle-header {
        display: flex;
        align-items: flex-start;
        justify-content: center;
        padding: 0;
        line-height: normal;
        height: auto;
        background: #fff;
        border-bottom: 1px solid #343434;
    }
    #middle-header .wrap {
        flex-direction: column;
        justify-content: center;
        margin: 0;
        padding: 0;
        width: 100%;
    }
    #middle-header ul, 
    #middle-header ul li {
        height: auto;
    }
    #middle-header a:hover {
        text-decoration: none;
    }
    #middle-header .middle-header-left-content {
        justify-content: center;
        margin: 15px 2.5%;
        width: 80%;
    }
    #middle-header .middle-header-right-content {
        justify-content: space-between;
        padding: 15px 2.5%;
        width: 100%;
        background-image: linear-gradient(90deg,#001a45 0%,#005596 100%)!important;
    }
    #middle-header .middle-header-left-content .logo-section {
        justify-content: center;
    }
    #middle-header .middle-header-left-content .logo-section .logo {
        display: block;
        margin: 0 auto;
    }
    #middle-header .middle-header-left-content .logo-section img {
        max-width: 250px!important;
        max-height: 50px;
    }
    #middle-header .middle-header-right-content .branch-selector-section {
        margin-right: 1.5em;
    }
    #middle-header .middle-header-right-content .branch-selector-section a i {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        width: 1.35em;
        height: 1.35em;
        border-radius: 100px;
        font-size: 1.35em;
        color: #fff;
        background: transparent;
    }
    #middle-header .middle-header-right-content .branch-selector-section a:hover i {
        text-decoration: none;
    }
    #middle-header .middle-header-right-content .branch-selector-section .branchtext {
        display: none;
    }
    #middle-header .middle-header-right-content .shop-section {
        margin-left: 1.5em;
    }
    #middle-header .middle-header-right-content .shop-section a {
        color: #fff;
        font-size: 13px;
        font-weight: 700;
        text-transform: uppercase;
        white-space: nowrap;
    }
    #middle-header .middle-header-right-content .shop-section a:hover {
        text-decoration: none;
        opacity: 1;
    }
    #middle-header .middle-header-right-content .shop-section a i {
        margin-left: 2px;
    }
    .search {
        position: relative;
        float: none;
        margin: 0;
        padding: 0;
        width: 75%;
        z-index: 16000;
    }
    .search input[type="text"] {
        width: 100%;
    }
    .ui-autocomplete.ui-widget-content {
        position: absolute!important;
        left: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        border: 1px solid #343434;
    }
    #nav {
        position: fixed;
        top: 0;
        left: 0;
        margin: 0 0 0 -100%;
        width: 100%;
        text-align: left;
        background: #fff;
        z-index: 15000;
    }
    #nav .wrap {
        flex-direction: column;
        padding: 0;
        height: auto;
        background: #fff;
    }
    #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: #008658; /* change to match your layout */
        text-decoration: 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 #66737a;
    }
    #nav .drop-down-area li a.drop-down-btn {
        margin-right: 0;
    }
    #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 .nav-left-content,
    #nav .nav-right-content,
    #nav .drop-down-area li:hover .drop-down-box,
    #nav .drop-down-area li.open .drop-down-box {
        display: none;
        overflow-y: hidden !important;
        border: none;
        padding: 0;
        max-height: 0;
    }
    #nav.expanded {
        margin-left: 0;
    }
    
    #slideshow {
        padding: 10px 0 15px;
    }
    slick-dots {
        bottom: 0;
    }
    #slideshow h1 {
        font-size: 20px;
        margin-bottom: 5px;
    }
    #slideshow h2 {
        font-size: 18px;
        margin-bottom: 5px;
    }
    #slideshow h3 {
        font-size: 16px;
        margin-bottom: 5px;
    }
    #slideshow h4 {
        font-size: 14px;
        margin-bottom: 5px;
    }
    #slideshow li, #slideshow p {
        font-size: 12px;
        padding-top: 10px;
        margin: 0;
    }
    #slideshow p {
        padding-top: 0;
    }
    
    #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;
    }
    
    .box-image .image img {
        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 {
        border: 1px solid rgba(0, 0, 0, 0.125);
        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: 1px solid #ddd;
    }

    .main-content.has-sidebar {
        display: block;
        width: 100%;
        margin: 0;
    }
    
    #find-page .suggestion-div {
        top: 4.9rem;
    }

    #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: 1.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 .description-info-box,
    #product-page #content .description-price-box {
        float: none;
        display: block;
        max-width: 100%;
    }
    #product-page #content .description-price-box {
        margin-top: 15px;   
    }
    
    #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 #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%;
    }
    

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

    footer .footer-content,
    footer .footer-content .footer-info-section,
    footer .footer-content .footer-info-section .footer-logo, 
    footer .footer-content .footer-info-section .footer-details,
    footer .copyright .copyright-content {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin: 0 auto;
        text-align: center;
    }
    footer .footer-content .footer-info-section .footer-socials {
        align-items: center;
        justify-content: center;
        margin: 0 auto;
        text-align: center;  
    }
    footer .footer-content .footer-links-section {
        padding-top: 2em;
    }
    footer .copyright .copyright-content div, 
    footer .copyright .copyright-content div a {
        align-items: center;
        justify-content: center;
    }
    footer .copyright .copyright-content .text-right {
        padding-top: 10px;
        text-align: center;
    }
    .footer-menu ul {
        float: none;
        margin-left: 0;
        margin-right: 0;
        width: 100%;
        margin-bottom: 1em;
    }
    footer .col {
        text-align: center;
        padding: 0;
    }
    footer .col:first-child {
        padding-top: 2em;
    }
    footer p, 
    .footer-address,
    .footer-menu ul li a {
        font-size: 16px;
    }
    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;
    }
    
    #contactus-page h3 {
        margin-left: 0;
    }
}


@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;
        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, 
    #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: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,
    #selectshipto-page #content #selectship #shipto_datatable {
        width: 100% !important;
        float: none;
    }
    #selectshipto-page TABLE TBODY TR {
        display: flex;
        flex-direction: column;
        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-historyX, table#datatable-historyX thead, table#datatable-historyX tbody,
    table#datatable-history th, table#datatable-history tr,
    table#datatable-historyX th, table#datatable-historyX 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-historyX 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-historyX 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-historyX 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;
    }
    
    /* 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:last-of-type,
    #orderinvoice-page TABLE.orderLineItemTable TR:last-of-type {
        border-top: 1px solid #ddd;
    }
    #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;
    }
    /* buttons */
    #orderinvoice-page .button,
    #orderdetails-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;
    }
    #orderdetails-page .button_sm.specsheet_btn, 
    #orderinvoice-page .button_sm.specsheet_btn {
        margin-left: 0;   
    }
    #orderinvoice-page .button_sm.specsheet_btn {
        float: right;
    }
    #orderdetails-page TABLE.orderLineItemTable span.pageContentsBold, 
    #orderinvoice-page TABLE.orderLineItemTable span.pageContentsBold {
        display: block;
        padding-top: 1em;
        border-top: 1px solid #ddd;
    }
    
    /* 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;
    }
    
     /* BEGIN special class cell display, several pages */
    
    td.descCell {
        clear: left;
        width: 100%;
    }
    td.priceCell, td.amtCell {
        display: block;
        clear: left;
        font-weight: bold;
    }
    td.dataSheetCell {
        clear: left;
    }
    td.dataSheetCell:empty {
        display: none;
    }
    td.ageCell:before,
    td.amtCell:before,
    td.availCell:before,
    td.cpnCell:not(:empty):before,
    td.dateCell:before,
    td.dueCell:before,
    td.idCell:before,
    td.orderedCell:before,
    td.orderedByCell:before,
    td.paidCell:before,
    td.poCell:before,
    td.priceCell:before,
    td.extPriceCell:before,
    td.qtyCell:before, 
    td.reqDateCell:before, 
    td.selectCell:before,
    td.shipCell:before,
    td.shipDateCell:before,
    td.relNumCell: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.orderedCell:before { 
        content: "Ordered:"; 
    }
    td.orderedByCell:before { 
        content: "Ordered By:"; 
    }
    td.paidCell:before { 
        content: "Paid:"; 
    }
    td.poCell:before { 
        content: "PO #:"; 
    }
    td.priceCell:before { 
        content: "Price:"; 
    }
    td.extPriceCell:before { 
        content: "Extended Price:"; 
    }
    td.qtyCell:before { 
        content: "Quantity:"; 
    }
    td.reqDateCell:before { 
        content: "Required:"; 
    }
    td.selectCell:before { 
        content: "Select"; 
    }
    td.shipCell:not(:empty):before { 
        content: "Ship:"; 
    }
    td.shipDateCell:before { 
        content: "Ship Date:"; 
    }
    td.relNumCell:before { 
        content: "Release #:"; 
    }
    td.statusCell:before { 
        content: "Status:"; 
    }
    
    /* END special class cell display */
    
    /* 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 #001821;
    }
    .responsiveTable > tr > td,
    .responsiveTable > tbody > tr > td {
        border-style: none;
        border-bottom: 1px solid #001821;
    }
    .responsiveTable > tr > td:nth-child(1),
    .responsiveTable > tbody > tr > td:nth-child(1) {
        margin-top: -3px;
        border-top: 2px solid #001821;
        background-color: #eceeee;
    }
    .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;
    }
    
    /* CUSTOM Kendall orderprocessing 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;
    }
    
    /* END CUSTOM Kendall orderprocessing page */
      
}

@media screen and (max-width: 750px) {
    #documentprojectdetail-page #content #jobupdate table,
    #documentprojectdetail-page #content #jobupdate table tr,
    #documentprojectdetail-page #content #jobupdate table tr td,
    #documentprojectdetail-page #content #jobupdate table input {
        display: block;
        margin: 2px 0;
        width: 100%;
    }
    #documentprojectdetail-page #content #jobupdate table input.button {
        width: auto;
    }
}

@media screen and (max-width: 650px) {
    .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: 620px) {
    #heading-breadcrumbs .breadcrumb, #heading-breadcrumbs h1 {
        display: block;
        width: 100%;
        max-width: 100%;
        text-align: left;
        margin: 0;
        -ms-word-break: normal;
        word-wrap: normal;
        -webkit-hyphens: none;
        -moz-hyphens: none;
        hyphens: none;
    }
    #heading-breadcrumbs .breadcrumb {
        margin-bottom: 0.5em;
    }
    
    iframe {
        max-width: 100% !important;
    }
    footer .copyright .copyright-content .right-section {
        flex-direction: column;
    }
    footer .copyright .copyright-content .right-section a:before {
        content: none;
    }
}  

@media screen and (max-width: 500px) {
    .hamburger,
    .shop-icon {
        top: 2%;
    }
    #middle-header .middle-header-left-content .logo-section img {
        max-width: 200px!important;
    }
}

@media screen and (max-width: 450px) {
    #find-page .suggestion-div {
        position: relative;
        top: 0.5rem;
        left: 0;
        right: auto;
    }
}

@media screen and (max-width: 950px) {
    #login-page #content {
        background-size: cover;
    }
	#content * .desktop-content {
		display:none !important;
	}
	#content * .mobile-content {
		display:block !important;
	}	
	#content * .mobile-content img {
        max-width: 50%;
        height: auto;
    }
}