.html-product-details-page .overview .prices div.septon-msrp {
    color: #519d53;
}

#billing-address-select,
#shipping-address-select {
    padding: 6px 30px 6px 15px;
}

.address-list .buttons span {
    padding-top: 9px;
    display: block;
}
.html-wishlist-page .cart .subtotal .discount.discount-row,
.html-shopping-cart-page .cart .subtotal .discount.discount-row,
.html-checkout-page .cart .subtotal .discount.discount-row {
    font-size: 10px;
    height: 15px;
    width: 100%;
    display: table;
    margin-bottom: 4px;
}
.html-wishlist-page .cart .subtotal .discount.discount-row:last-child,
.html-shopping-cart-page .cart .subtotal .discount.discount-row:last-child,
.html-checkout-page .cart .subtotal .discount.discount-row:last-child {
    margin-bottom: 0;
}
.html-wishlist-page .cart .subtotal .discount.discount-row span,
.html-shopping-cart-page .cart .subtotal .discount.discount-row span,
.html-checkout-page .cart .subtotal .discount.discount-row span {
    font-size: 13px;
    font-weight: normal;
    color: #888;
    font-family: 'Open Sans';
    margin: 0;
    display: table-cell;
}
.html-wishlist-page .cart .subtotal .discount.discount-row span.name,
.html-shopping-cart-page .cart .subtotal .discount.discount-row span.name,
.html-checkout-page .cart .subtotal .discount.discount-row span.name {
    text-align: left;
    padding-right: 10px;
}
.html-wishlist-page .cart .subtotal .discount.discount-row span.name .percentage-ribbon,
.html-shopping-cart-page .cart .subtotal .discount.discount-row span.name .percentage-ribbon,
.html-checkout-page .cart .subtotal .discount.discount-row span.name .percentage-ribbon {
    display: inline-block;
    background: #bd1515;
    color: #fff;
    font-size: 10px;
    border-radius: 4px;
    padding: 2px 4px;
}
.html-wishlist-page .cart .subtotal .discount.discount-row span.amount,
.html-shopping-cart-page .cart .subtotal .discount.discount-row span.amount,
.html-checkout-page .cart .subtotal .discount.discount-row span.amount {
    text-align: right;
}
.html-wishlist-page .cart .subtotal .discount.discount-row span.total,
.html-shopping-cart-page .cart .subtotal .discount.discount-row span.total,
.html-checkout-page .cart .subtotal .discount.discount-row span.total {
    font-weight: 600;
}
.html-product-details-page .overview .prices > div {
    display: table-row;
}
.html-product-details-page .overview .prices > div > label,
.html-product-details-page .overview .prices > div > span {
    display: table-cell;
    padding-top: 4px;
}
.html-product-details-page .overview .prices > div > span {
    padding-left: 10px;
}
.html-product-details-page .overview .prices > div .percentage-ribbon {
    display: inline-block;
    background: #bd1515;
    color: #fff;
    font-size: 10px;
    border-radius: 4px;
    padding: 2px 4px;
}
.html-product-details-page .overview .prices > div.non-discounted-price,
.html-product-details-page .overview .prices > div.product-price {
    font-size: 18px;
}
.html-product-details-page .overview .prices > div.product-price > label,
.html-product-details-page .overview .prices > div.product-price > span {
    padding-top: 8px;
}
td.remove-from-cart {
    text-align: center;
}
td.remove-from-cart label.removefromcartlabel,
td.add-to-cart label.addtocartlabel {
    cursor: pointer;
    border-bottom: 1px dotted #888;
}
td.remove-from-cart input.removefromcartinput {
    display: none;
}
.shopping-cart-page .shoppingcart-buttons-wrapper,
.wishlist-page .shoppingcart-buttons-wrapper {
    position: relative;
    display: inline-block;
    vertical-align: top;
}
.shopping-cart-page .update-qty-wrapper .update-qty-cancel,
.wishlist-page .update-qty-wrapper .update-qty-cancel {
    background-image: url(../img/001-cancel.png);
}
.shopping-cart-page .update-qty-wrapper .update-qty-submit,
.wishlist-page .update-qty-wrapper .update-qty-submit {
    background-image: url(../img/002-checked.png);
}
.shopping-cart-page .shoppingcart-buttons-wrapper span,
.wishlist-page .shoppingcart-buttons-wrapper span {
    position: absolute;
    top: 0;
    left: 0;
    width: 25px;
    height: 24px;
    display: inline-block;
    border: 2px solid #e1e1e1;
    background: #fff url(../img/plus.png) no-repeat center;
    line-height: 20px !important;
    font-size: 0 !important;
    text-align: center;
    color: #000;
}
.shopping-cart-page .shoppingcart-buttons-wrapper .minus,
.wishlist-page .shoppingcart-buttons-wrapper .minus {
    top: auto;
    bottom: 0;
    background: #fff url(../img/minus.png) no-repeat center;
}
.shopping-cart-page .shoppingcart-buttons-wrapper span:hover,
.wishlist-page .shoppingcart-buttons-wrapper span:hover {
    cursor: pointer;
}
.shopping-cart-page .update-qty-wrapper button,
.wishlist-page .update-qty-wrapper button {
    height: 18px;
    width: 18px;
    border: 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 18px 18px;
    background-color: #fff;
}
.shopping-cart-page .update-qty-wrapper .update-qty-submit,
.wishlist-page .update-qty-wrapper .update-qty-submit {
    top: 3px;
}
.shopping-cart-page .update-qty-wrapper .update-qty-cancel,
.wishlist-page .update-qty-wrapper .update-qty-cancel {
    top: 24px;
}
.shopping-cart-page .update-qty-wrapper .update-qty-cancel,
.shopping-cart-page .update-qty-wrapper .update-qty-submit,
.wishlist-page .update-qty-wrapper .update-qty-cancel,
.wishlist-page .update-qty-wrapper .update-qty-submit {
    position: absolute;
    left: 2px;
}
.shopping-cart-page .shoppingcart-buttons-wrapper .qty-input,
.shopping-cart-page .shoppingcart-buttons-wrapper .qty-dropdown,
.wishlist-page .shoppingcart-buttons-wrapper .qty-input,
.wishlist-page .shoppingcart-buttons-wrapper .qty-dropdown {
    width: 45px;
    height: 45px;
    margin-left: 23px
}
.shopping-cart-page .update-qty-wrapper,
.wishlist-page .update-qty-wrapper {
    position: relative;
    display: inline-block;
    vertical-align: top;
    display: none;
}
#addtocartbutton-wishlist {
    display: none;
}
label.td-title.addtocartlabel.disabled {
    opacity: 0.2;
    cursor: not-allowed;
}

.ui-tabs .ui-tabs-nav li:before {
    content: none !important;
}

.ui-tabs .ui-tabs-nav li:hover a {
    color: #1a1a1a;
}

.ui-tabs .ui-tabs-nav .ui-tabs-active a {
    background-color: #1a1a1a;
    color: white !important;
}

.home-page .product-grid,
.home-page .bestsellers {
    padding: 50px 0;
}

.product-details-page .product-specifications {
    width: 100%;
}
.product-details-page .product-specifications .title {
    font-size: 16px;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
    text-align: left;
    margin-bottom: 10px;
}
.product-details-page .product-specifications .product-specs-box {
    margin-bottom: 20px;
}
.product-details-page .product-specifications .product-specs-box .data-table {
    width: 100%;
}
.product-details-page .product-specifications .product-specs-box .data-table td {
    padding: 5px;
    font-size: 12px;
    text-align: left;
}
.cart .cart-item-row .product {
    text-align: left;
}
.ImportExcelButtonWrapper {
    text-align: center;
}
.ImportExcelButtonWrapper a {
    background-color: #000;
    display: inline-block;
    color: #fff;
    padding: 15px 25px;
    border: 0;
    min-width: 150px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
}
.ImportExcelButtonWrapper a:hover {
    background-color: #333;
}
.html-my-reports-page .data-table th {
    background-color: #ffffff;
    text-align: left;
    color: #1a1a1a;
    font-weight: bold;
}
.html-my-reports-page .data-table td .button-2 {
    padding: 5px 15px;
    border: 0;
    background: #1a1a1a;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
    color: #fff;
}
.html-my-reports-page .data-table td .button-2:hover {
    background: #333;
}
.order-details-page .btns-wrapper .back-button {
    background-color: #000000;
    padding: 10px 5px 10px 30px;
    background-image: url(../img/back_icon.png);
    background-repeat: no-repeat;
    background-position: 8px 14px;
    color: #fff;
}
.html-product-details-page .overview .prices > div.product-price > label,
.html-product-details-page .overview .prices > div.product-price > span {
    padding-bottom: 10px;
}
.html-product-details-page .overview .prices .erp-price .amount {
    cursor: pointer;
    color: #000;
    font-weight: bold;
}
.harman-stock-button {
    border: 0;
    background: #000;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    padding: 8px 12px;
    font-size: 12px;
}
.home-page-body .master-wrapper-content .home-page .theme-home-banners {
    margin-bottom: 20px;
}

.instant-search-item .detail {
    line-height: 1;
}

@media (min-width: 769px) {
    .checkout-page .new-shipping-address .inputs label {
        float: none;
    }
}
@media (min-width: 1281px) {
    .checkout-page .new-shipping-address .enter-address {
        padding: 0 25%;
    }
}
.cart .cart-item-row .product-cost-price,
.cart .cart-item-row .product-override-price {
    display: block;
    color: #000;
}
.cart .cart-item-row .undiscounted-unit-price-label,
.cart .cart-item-row .product-cost-price .product-cost-price-value,
.cart .cart-item-row .product-cost-price .product-cost-price-value,
.cart .cart-item-row .product-override-price .product-override-price-label,
.cart .cart-item-row .product-override-price .product-override-price-label {
    display: block;
}
.cart .cart-item-row .undiscounted-unit-price-label,
.cart .cart-item-row .product-cost-price .product-cost-price-label,
.cart .cart-item-row .product-override-price .product-override-price-label {
    text-transform: uppercase;
    font-weight: bold;
    margin-top: 7px;
    font-size: 11px;
    white-space: nowrap;
    color: #000;
}
.cart .cart-item-row .undiscounted-unit-price-value,
.cart .cart-item-row .product-cost-price .product-cost-price-value,
.cart .cart-item-row .product-override-price .product-override-price-value {
    font-weight: normal;
    margin-top: 3px;
    font-size: 12px;
    display: block;
    margin-bottom: 5px;
}
.cart .cart-item-row .product-cost-price .product-cost-price-value input,
.cart .cart-item-row .product-override-price .product-override-price-value input {
    width: 100%;
    text-align: right;
}
.cart-item-row .extra-discount,
.cart-item-row input[type="number"] {
    height: 40px;
    width: 80px;
    border: 1px solid #eee;
    padding: 8px 5px 8px 8px;
    vertical-align: middle;
    text-align: left;
    font-size: 13px;
    color: #666;
}
.html-shopping-cart-page .cart .cart-item-row .unit-price {
    text-align: right;
}
.html-shopping-cart-page .cart .cart-item-row .product-unit-price {
    font-weight: normal;
    font-size: 12px;
    color: #000;
}
.page-body .item-box .product-title {
    height: auto;
}
.alternative-products h6 {
    color: #aaa;
    font-size: 14px;
    margin-bottom: 15px;
    display: block;
    font-weight: normal;
}
.alternative-products .value:after {
    content: "";
    display: table;
    clear: both;
}
.alternative-products .label a {
    font-weight: bold;
    color: #000;
    font-size: 14px;
    line-height: 14px;
    display: inline-block;
    padding: 3px 0 2px 0;
}
.alternative-products .label .availability-block {
    display: block;
    font-size: 12px;
    line-height: 12px;
    padding: 2px 0;
}
.alternative-product {
    border-top: 1px solid #eee;
    padding: 15px 0;
}
.alternative-product:last-child {
    padding: 15px 0 0 0;
}
.add-alternative-to-cart-button {
    position: relative;
    z-index: 1;
    font-weight: bold;
    color: #fff;
    background-color: #4ea35d;
    transition: all .3s;
    padding: 10px 15px;
    border: 0;
    text-transform: uppercase;
    font-size: 11px;
    float: right;
}
.add-alternative-to-cart-button span:before {
    content: '\e91c';
    color: #fff;
    display: inline-block;
    margin: -4px 15px 0 0;
    font-weight: normal;
    font-family: prisma;
    font-size: 18px;
    vertical-align: middle;
}
.alternative-qty-wrapper {
    float: left;
}
.alternative-products-table {
    font-size: 14px;
}
.alternative-products-table .alternative-qty-wrapper {
    float: none;
    display: inline-block;
}
.alternative-products-table .add-alternative-to-cart-button {
    display: inline-block;
    float: none;
    margin-left: 8px;
}
.alternative-products-table tr {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}
.alternative-products-table tr:last-child {
    border-bottom: 0;
}
.alternative-products-table .title-cell {
    padding: 15px 5px 15px 0;
}
.alternative-products-table .price-cell {
    padding: 15px 5px 15px 5px;
    text-align: right;
}
.alternative-products-table .addtocart-cell {
    padding: 15px 0 15px 5px;
    text-align: right;
}
.alternative-products-table .title-cell a {
    font-weight: bold;
    color: #000;
    font-size: 14px;
    line-height: 14px;
    display: inline-block;
    padding: 3px 0 2px 0;
}
.alternative-products-table .title-cell .availability-block {
    display: block;
    font-size: 12px;
    line-height: 12px;
    padding: 2px 0;
}


.order-summary-content th:first-child, 
.order-summary-content th.sku,
.order-summary-content .cart-item-row td:first-child, 
.order-summary-content .cart-item-row td.sku {
    display: table-cell;
}


.cart-collaterals .coupon-code button {
    width: 45%;
}

.cart-collaterals .coupon-code input[type="text"],
.cart-collaterals .coupon-code input[type="email"],
.cart-collaterals .coupon-code input[type="tel"] {
    width: 55%;
}

.cart-options .common-buttons button,
.shopping-cart-page .common-buttons a {
    transition: none;
}

.qty-wrapper span:hover:after,
.alternative-qty-wrapper span:hover:after {
    color: #57b568;
}
.qty-wrapper .decrease:after,
.alternative-qty-wrapper .decrease:after {
    content: '\e93d';
}
.qty-wrapper .increase:after,
.alternative-qty-wrapper .increase:after {
    content: '\e944';
}

.qty-wrapper span,
.alternative-qty-wrapper span {
    position: relative;
    display: inline-block;
    width: 36px;
    height: 36px;
    background: #fff;
    vertical-align: top;
    font-size: 0;
    cursor: pointer;
}
.qty-wrapper span:after,
.alternative-qty-wrapper span:after {
    position: absolute;
    top: 50%;
    left: 50%;
    line-height: 36px;
    text-align: center;
    font-family: prisma; 
    font-size: 12px;
    color: #ddd;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: color .3s;
    transition: color .3s;
}

.item-box .prices {
    height: 34px;
    line-height: 1;
    overflow: hidden;
    display: table;
    width: 100%;
    margin: 5px 0 0 0;
    float: none;
    padding: 0 0 8px 0;
}
.item-box .prices .non-discounted-price,
.item-box .prices .discounted-price {
    display: table-row;
    width: 100%;
    font-size: 14px;
}
.item-box .prices > div > label,
.item-box .prices > div > span {
    display: table-cell;
    padding: 5px 0 0;
    font-size: 12px;
}
.item-box .prices > div > span {
    text-align: right;
}

.item-box .availability .stockmessage,
.widget-shopping-cart-row-stock-column .availability .stockmessage {
    line-height: 16px;
}
.item-box .availability .stocklevel,
.widget-shopping-cart-row-stock-column .availability .stocklevel,
.extended-availability .stocklevel,
.availability-cell .stocklevel {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #666;
    display: inline-block;
}
.item-box .availability .stocklevel.level-0,
.widget-shopping-cart-row-stock-column .availability .stocklevel.level-0,
.extended-availability .stocklevel.level-0,
.availability-cell .stocklevel.level-0 {
    background-color: #ff8a3a;
}
.item-box .availability .stocklevel.level-1,
.widget-shopping-cart-row-stock-column .availability .stocklevel.level-1,
.extended-availability .stocklevel.level-1,
.availability-cell .stocklevel.level-1 {
    background-color: #dfd71f;
}
.item-box .availability .stocklevel.level-2,
.widget-shopping-cart-row-stock-column .availability .stocklevel.level-2,
.extended-availability .stocklevel.level-2,
.availability-cell .stocklevel.level-2 {
    background-color: #57b568;
}
.item-box .availability .stocklevel.level-3,
.widget-shopping-cart-row-stock-column .availability .stocklevel.level-3,
.extended-availability .stocklevel.level-3,
.availability-cell .stocklevel.level-3 {
    background-color: #00bfff;
}

.product-list .item-box .sku {
    margin: 0 10px 10px 10px;
    display: block;
}

.item-box .product-title,
.item-box .title {
    margin: 0 0 10px 0;
    height: 48px;
    font-weight: normal;
    font-size: 14px;
    color: #666;
    overflow: hidden;
}

.product-filters {
    display: none;
}

.store-selector-dropdown ul.store-list {
    display: none;
}


.responsive-nav-wrapper .store-selector-dropdown .active-store img {
    height: 25px;
}
.responsive-nav-wrapper .store-selector-dropdown .active-store.septon img {
    height: 44px;
}

.responsive-nav-wrapper .store-selector-dropdown ul.store-list {
    width: 200px;
    background: white;
    box-shadow: 0 7px 15px rgb(0 0 0 / 15%);
}

.responsive-nav-wrapper .store-selector-dropdown:hover ul.store-list {
    display: block;
    position: relative;
    z-index: 1020;
    top: 0;
    left: 0;
}
.responsive-nav-wrapper .store-selector-dropdown ul.store-list li {
    padding: 10px;
    border-bottom: 1px solid #ccc;
}

.responsive-nav-wrapper .store-selector-dropdown ul.store-list li a:hover {
    background-color: #ccc;
}

.responsive-nav-wrapper .store-selector-dropdown ul.store-list li a {
    display: block;
    font-size: 14px;
    color: #000;
}

.responsive-nav-wrapper .store-selector-dropdown ul.store-list li a img {
    margin-right: 10px;
}

.responsive-nav-wrapper .store-selector-dropdown ul.store-list li a img,
.responsive-nav-wrapper .store-selector-dropdown ul.store-list li a span {
    display: block;
    float: left;
    height: 30px;
    line-height: 30px;
}

.responsive-nav-wrapper .store-selector-dropdown ul.store-list li:after,
.responsive-nav-wrapper .store-selector-dropdown ul.store-list li a:after {
    content: "";
    clear: both;
    display: table;
}

.responsive-nav-wrapper > div > div.active-store {
    background-color: #000;
    border-radius: 50%;
}

.responsive-nav-wrapper > div > div img,
.responsive-nav-wrapper > div span:after,
.responsive-nav-wrapper > div a:after {
    position: absolute;
    top: 50%;
    left: 50%;
    font-family: prisma;
    font-size: 20px;
    color: #fff;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    cursor: pointer;
}

.responsive-nav-wrapper > div > div.active-store,
.responsive-nav-wrapper > div > span,
.responsive-nav-wrapper > div > a {
    position: relative;
    display: block;
    height: 100%;
    font-size: 0;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.responsive-nav-wrapper > div {
    vertical-align: top;
}

.eu-cookie-bar-notification {
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    margin: 0;
    padding: 20px;
    width: 320px;
    background: #f6f6f6;
    text-align: center;
    box-shadow: 0 1px 15px rgba(0,0,0,0.3);
    z-index: 1050;
}

.wishlist-content .buttons #create-quote-from-wishlist {
    white-space: nowrap;
    display: inline-block;
    width: 250px;
}

html.erp-sales-quotation-list-page .search-box button {
    width: 45px;
    height: 45px;
    margin: 0;
    padding: 0;
}

.block-account-navigation .listbox .list > li > a:hover,
.block-account-navigation .listbox .list > li > a:hover:before {
    color: #1a1a1a;
}

.block-account-navigation .listbox .list > li > a:hover:after {
    content: none;
    transform: none;
}

.block-account-navigation .listbox .list > li.active a,
.block-account-navigation .listbox .list > li.active a:before {
    background-color: #1a1a1a;
    color: white;
}

.overview .add-to-cart-button:hover,
.buttons .button-1:hover,
.buttons #create-quote-from-wishlist:hover,
.harman-stock-button:hover,
.product-list .item-box .product-box-add-to-cart-button:hover,
.erp-sales-quotation .buttons .button-2:hover,
.checkout-buttons .checkout-button:hover {
    background-color: #333;
}

.quick-view-button:hover a:after,
.block .tags li a:hover,
.product-tags-all-page li a:hover,
.wishlist-content button.button-2:hover {
    color: #1a1a1a !important;
}

html .wishlist-content button.button-2,
html .wishlist-content button.button-2:before,
html .cart-options .common-buttons button,
html .cart-options .common-buttons button:before {
    color: #888;
}

html .wishlist-content button.button-2:hover,
html .wishlist-content button.button-2:hover:before,
html .cart-options .common-buttons button:hover,
html .cart-options .common-buttons button:hover:before {
    color: #1a1a1a;
}

html .ajax-cart-button-wrapper button {
    height: auto;
}

html .overview-buttons .add-to-wishlist button:before, 
html .variant-overview .add-to-wishlist-button:before {
    content: none;
}

html .overview-buttons .add-to-wishlist button:hover, 
html .variant-overview .add-to-wishlist-button:hover, 
html .overview-buttons .add-to-wishlist button:hover span:before, 
html .variant-overview .add-to-wishlist-button:hover span:before {
    color: #1a1a1a;
}

html .overview .add-to-cart-button:hover span, 
html .variant-overview .add-to-cart-button:hover span, 
html .overview .add-to-cart-button:hover span:before, 
html .variant-overview .add-to-cart-button:hover span:before {
    color: #fff;
}


html .overview-buttons .add-to-wishlist button:hover, 
html .variant-overview .add-to-wishlist-button:hover, 
html .overview-buttons .add-to-wishlist button:hover span:before, 
html .variant-overview .add-to-wishlist-button:hover span:before {
    transition: none;
    transform: none;
}


html .overview .add-to-cart-button, 
html .variant-overview .add-to-cart-button {
    transition: none;
    transform: none;
}

html .overview .add-to-cart-button:hover:before, 
html .overview .add-to-cart-button:before, 
html .variant-overview .add-to-cart-button:before,
html .variant-overview .add-to-cart-button:hover:before, 
html .overview-buttons .add-to-wishlist button:hover:before, 
html .variant-overview .add-to-wishlist-button:hover:before {
    transition: none;
    transform: none;
    background: initial;
}

html .item-type-1 .product-grid .quick-view-button a:before, 
html .bestsellers.product-grid .item-box .quick-view-button a:before {
    content: none !important;
}

html .complete-button button:hover > span,
html .complete-button button:hover > span:before,
html #checkout:hover > span,
html #checkout:hover > span:before {
    color: white;
}

html .complete-button button:before,
html #checkout:before {
    content: none !important;
}

html .productAddedToCartWindowSummary a {
    height: 49px;
}

html .productAddedToCartWindowSummary a:before,
html .productAddedToCartWindowSummary div:before {
    transition: none;
}

html.erp-sales-quotation-details-page #activate-button {
    background-color: #57b568;
}

html .erp-sales-quotation .buttons {
    text-align: left;
    margin-left: 0;
    margin-right: 0;
}

.html-product-details-page .product-details-page .product-essential .harman-availability,
html .quickView .overview .left > div.harman-availability {
    padding: 15px;
}


html .opc input[type="text"],
html .opc input[type="email"],
html .opc input[type="tel"],
html .opc select {
    productSupportLineComment min-width: 350px;
    width: 100%;
    -ms-background-position: right 12px center;
    background-position: right 12px center;
}


@media all and (max-width: 768px) {
    html .erp-sales-quotation .buttons {
        text-align: center;
    }

    .html-product-details-page .product-details-page .product-name {
        padding: 0 10px 10px 10px;
        margin-bottom: 10px;
    }
    .html-product-details-page .product-details-page .product-name .breadcrumb {
        margin-top: 0;
    }
    .html-product-details-page .product-details-page .product-name h1 {
        font-size: 18px;
    }


    .html-product-details-page .product-details-page .product-essential .overview {
        margin: 10px;
        background: #fff;
    }

    .html-product-details-page .product-details-page .product-essential .gallery .picture {
        background: #fff;
        width: 95%;
    }

    .html-product-details-page .product-details-page .product-essential .gallery.sevenspikes-cloudzoom-gallery {
        margin: 0 auto 0 auto;
    }

    .html-product-details-page .product-details-page .product-essential .extended-availability,
    .html-product-details-page .product-details-page .product-essential .extended-availability .label,
    .html-product-details-page .product-details-page .product-essential .harman-availability .label {
        display: block;
        width: 100%;
    }

    .html-product-details-page .product-details-page .product-essential .harman-availability .label {
        margin-bottom: 7px;
    }

    .html-product-details-page .product-details-page .product-essential .prices {
        text-align: left;
        font-size: 14px;
        display: table;
        width: 100%;
    }
    .html-product-details-page .product-details-page .product-essential .prices > div {
        width: 100%;
    }
    .html-product-details-page .product-details-page .product-essential .prices > div > span {
        text-align: right;
    }

    .html-product-details-page .product-details-page .product-essential .prices .non-discounted-price,
    .html-product-details-page .product-details-page .product-essential .prices .product-price {
        font-size: 14px;
    }


    .html-category-page .category-page .product-grid {
        margin-top: 0;
        padding-top: 7px;
    }

    .html-category-page .category-page .product-grid .item-box {
        background: #fff;
    }
    .html-category-page .category-page .product-grid .item-box .details {
        padding: 10px;
    }
    .html-category-page .category-page .product-grid .item-box .details .product-title {
        font-size: 14px;
        border-top: 1px solid #ddd;
        padding-top: 10px;
    }

    .html-category-page .category-page .product-grid .item-box .prices {
        height: auto;
        display: block;
    }

    .html-category-page .category-page .product-grid .item-box .prices .non-discounted-price,
    .html-category-page .category-page .product-grid .item-box .prices .discounted-price {
        display: block;
        width: 100%;
        font-size: 12px;
        border-bottom: 0;
        padding: 0;
        margin-bottom: 5px;
    }
    .html-category-page .category-page .product-grid .item-box .prices label,
    .html-category-page .category-page .product-grid .item-box .prices span {
        display: inline;
        padding: 0;
        margin: 0;
    }


    .html-category-page .sub-category-grid .item-box {
        width: 50%;
        margin-bottom: 15px;
    }

    .html-category-page .sub-category-grid .item-box .title {
        word-wrap: break-word;
        padding: 10px;
        font-size: 12px;
    }

    .html-category-page .sub-category-grid .item-box .sub-categories-list {
        display: none;
    }

    .html-category-page .sub-category-grid .item-box:nth-child(2n) {
        margin: 0;
    }
}

@media all and (max-width: 1024px) {
    .html-wishlist-page .cart .remove-from-cart,
    .html-wishlist-page .cart .add-to-cart {
        border-bottom: none;
        width: 100%;
        height: auto;
    }

    .html-wishlist-page .cart .quantity,
    .html-wishlist-page .cart .subtotal {
        width: 100%;
        float: none;
    }

    .html-wishlist-page .cart .subtotal {
        padding: 10px;
    }

    .html-wishlist-page .cart .remove-from-cart label,
    .html-wishlist-page .cart .add-to-cart label {
        padding: 0;
    }

    .shopping-cart-page .cart-item-row td:first-child,
    .shopping-cart-page .cart-item-row td.sku {
        display: block;
    }

    .html-shopping-cart-page .cart .cart-item-row .remove-from-cart {
        display: block;
        padding: 5px 5px 10px 5px;
        border-bottom: 1px solid #eee;
        width: 100%;
        text-align: center;
        max-width: none;
    }
    .html-shopping-cart-page .cart .cart-item-row .remove-from-cart label {
        padding: 5px;
    }

    .html-shopping-cart-page .shopping-cart-page {
        padding: 10px;
    }

    .html-shopping-cart-page .cart tr.cart-item-row {
        margin-bottom: 10px;
    }

    .html-shopping-cart-page .cart td.product .product-name {
        width: 100%;
        display: block;
        font-size: 14px;
        font-weight: bold;
        color: #333;
        margin: 5px 0;
        line-height: 20px;
    }

    .order-summary-content .cart td, 
    .shopping-cart-page .cart td {
        float: none;
        width: auto;
        padding: initial;
    }

    .shopping-cart-page td.quantity,
    .shopping-cart-page td.product {
        padding: 10px 0;
    }

    .shopping-cart-page td.unit-price .product-override-price {
        padding-top: 10px;
    }

    .html-shopping-cart-page .cart td.product .sku-number,
    .html-shopping-cart-page .cart td.product .widget-shopping-cart-row-stock-column {
        display: block;
        margin-bottom: 5px;
    }

    .html-shopping-cart-page .cart td.subtotal {
        width: 100%;
        background-color: #e0e0e0;
        padding: 10px;
    }
    .html-shopping-cart-page .cart td.subtotal .discount.discount-row span {
        color: #000;
    }

    .html-shopping-cart-page .cart td label {
        margin-bottom: 3px;
    }

    .html-shopping-cart-page .cart .cart-item-row .product-unit-price {
        font-size: 14px;
    }

    .html-shopping-cart-page .cart .harman-availability p > span {
        float: left;
    }

    .html-shopping-cart-page .cart .cart-item-row .unit-price {
        text-align: left;
    }

    .html-shopping-cart-page .cart .cart-item-row .product-override-price input.customer-entered-price,
    .html-shopping-cart-page .cart .cart-item-row .extra-discount {
        width: 100%;
        text-align: left;
    }

    .html-shopping-cart-page .cart-options .checkout-attributes dt {
        float: none;
        width: 100%;
        text-align: left;
    }
    .html-shopping-cart-page .cart-options .checkout-attributes dd {
        float: none;
        width: 100%;
    }

    .cart .cart-item-row td.quantity label,
    .cart .cart-item-row .extra-discount-td label {
        text-transform: uppercase;
        font-weight: bold;
        margin-top: 7px;
        font-size: 11px;
        white-space: nowrap;
        color: #000;
    }

    .cart .cart-item-row td.quantity label,
    .cart .cart-item-row .extra-discount-td label {
        display: block;
    }


    .html-shopping-cart-page .cart-options .checkout-attributes dd input,
    .html-shopping-cart-page .cart-options .checkout-attributes dd textarea {
        min-width: 350px;
        width: 100%;
        padding: 8px 30px 8px 8px;
    }

    .html-shopping-cart-page .cart-options .checkout-attributes dd select {
        min-width: 350px;
        width: 100%;
        background-position: 96% center;
    }
}

@media all and (min-width: 769px) {

    .contact-page label {
        width: calc((100% - 470px)/2);
    }

    td.remove-from-cart label.removefromcartlabel,
    td.add-to-cart label.addtocartlabel {
        display: block;
        height: 24px;
        width: 24px;
        margin: 0px auto;
        background-repeat: no-repeat;
        text-align: left;
        line-height: 24px;
        border: none;
    }

    td.remove-from-cart label.removefromcartlabel {
        background-image: url(../img/icon-trash.png);
    }

    td.add-to-cart label.addtocartlabel {
        background-image: url(../img/to-cart-3.png);
    }

    td.remove-from-cart label.removefromcartlabel span,
    td.add-to-cart label.addtocartlabel span {
        display: none;
    }

    .shopping-cart-page .remove-from-cart,
    .shopping-cart-page .edit-item,
    .wishlist-page .remove-from-cart,
    .wishlist-page .edit-item {
        min-width: 72px;
        max-width: 120px;
        white-space: nowrap
    }


    .product-list .item-box .availability {
        display: inline-block;
        margin: 0;
        border-right: 3px solid #f6f6f6;
        padding: 14px 10px 10px;
        height: 48px;
        width: 8%;
        line-height: 26px;
        vertical-align: middle;
        font-size: 10px;
        text-align: center;
    }

    .product-list .item-box .availability .stocklevel {
        width: 15px;
        height: 15px;
    }

    .product-list .item-box .availability .stockmessage {
        display: none;
    }

    .product-list .item-box .prices .non-discounted-price,
    .product-list .item-box .prices .discounted-price {
        display: inline-block;
        float: left;
        width: 50%;
        padding: 0;
        border-bottom: 0;
    }

    .product-list .item-box .prices > div > label,
    .product-list .item-box .prices > div > span {
        display: block;
        padding: 0;
        width: 100%;
    }

    .product-list .item-box .prices > div > label {
        font-size: 11px;
        line-height: 11px;
    }

    .product-list .item-box .prices > div > span {
        text-align: left;
        line-height: 20px;
    }

    .product-list .item-box [id^="stock-sku-"] {
        display: inline-block;
        margin: 0;
        border-right: 3px solid #f6f6f6;
        padding: 14px 10px 10px;
        height: 48px;
        width: 8%;
        line-height: 26px;
        vertical-align: middle;
        font-size: 10px;
        text-align: center;
    }

    .product-list .item-box [id^="stock-sku-"] .availability {
        display: block;
        border-right: 0;
        padding: 0;
        height: auto;
        width: auto;
    }



}

html .quickView .overview .purchase-area .prices {
    padding: 15px;
}

.productAddedToCartWindowSummary div:hover button {
    color: white !important;
    background-color: #333;
}

.productAddedToCartWindowSummary a:hover {
    color: #1a1a1a !important;
}

.productAddedToCartWindowSummary a:hover:before,
.productAddedToCartWindowSummary div:hover:before {
    content: none;
}

@media all and (min-width: 1025px) {

    html .header {
        position: relative;
        z-index: 1020;
        width: 80%;
        width: -webkit-calc(100% - 190px);
        width: calc(100% - 190px);
    }

    html .nop-jcarousel .slick-dots {
        margin-top: 25px;
    }

    .wishlist-content .cart .product {
        text-align: left;
        width: 100%;
    }

    .wishlist-content .cart .product .sku-number {
        display: block;
    }

    .mini-shopping-cart .item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .mini-shopping-cart .item .picture {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100px;
        flex: 0 0 100px;
        float: none;
    }

    .mini-shopping-cart .item .picture a img {
        position: static;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }

    .mini-shopping-cart .item .product {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }

    .mini-shopping-cart .item .remove-item {
        position: absolute;
        top: 0;
        right: 0;
    }

    html .quickView .overview .left .label + .value {
        text-align: right;
    }

    .create-sales-quotation-page .deals.cart-options {
        width: calc(50% - 2px);
        float: left;
    }

    #flyout-cart.flyout-cart .buttons button:hover {
        background-color: #333;
        color: #fff;
    }

    #flyout-cart.flyout-cart .buttons button:hover span,
    #flyout-cart.flyout-cart .buttons button:hover span:before {
        color: #fff;
    }

    #flyout-cart.flyout-cart .buttons button:hover:before {
        content: none;
    }

    .footer-block .list > li {
        transition: none;
    }

    .cart td {
        min-width: 100px;
    }

    .cart-collaterals .deals > div {
        float: none;
        margin-right: 0;
        width: 100%;
        margin: 0;
        border: 0;
        min-height: 100%;
    }


}

@media all and (min-width: 1281px) {
    .html-my-reports-page .account-page {
        padding: 20px 20px 20px 20px;
    }

    html .slider-gallery .anywhere-slider {
        width: 100%;
    }
}


html .related-products-grid.product-grid .item-grid {
    padding: 20px;
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}

html .related-products-grid.product-grid .item-grid .item-box {
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 0;
    margin: 0;
    clear: none;
    float: none;
    width: auto;
}