:root {
    --zindex-header: 10000;
    --zindex-debug: 20000;
    --zindex-imgpreview: 11000;
    --zindex-producinfo: 99;
    --zindex-productframe: -10;
    --zindex-notificator: 12001;
    --zindex-notificator-bg: 12000;
    --zindex-selectpanel: 11000;
    --zindex-loading: 12000;
    --min-width: 320px;
    --text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white, 2px 2px 4px rgba(255,255,255,0.6), 2px -2px 4px rgba(255,255,255,0.6), -2px -2px 4px rgba(255,255,255,0.6), -2px 2px 4px rgba(255,255,255,0.6);
}

body {font-family: 'Roboto', sans-serif; }
body.no-scroll { overflow: hidden;}

:focus-visible { outline-color: orange; }

button { background-color: var(--color-theme-btn-pri); color: #fff; border-radius: 3px; border: none; }
button:hover { opacity: 0.7;}
.main-content button { padding: 5px 10px; margin: 5px; }

.img-general { max-width: 35px; max-height: 35px; margin: 4px; }
.div-content-desc .img-general { max-width: 100px; max-height: 100px; }
.div-content-desc > div { display: inline-block; margin-left: 10px; }

i.fa > span { font-family: 'Roboto', sans-serif; margin-left: 3px; }

.div-cart-quantity > i { color: #fff; padding: 4px; text-align: center; height: 100%; width: 22px; } 
.div-cart-quantity { display: flex; height: 22px; line-height: 20px; }
.div-cart-quantity input.ipt-product-qty { margin: 0; padding: 1px 2px; border: 1px solid lightgray; text-align: center; height: 100%; width: 40px; }

.product-container .div-cart-quantity:before { content: 'Qty in Cart'; margin-right: 4px; }
.product-container .div-cart-quantity.div-prebook-quantity:before { content: 'Qty'; margin-right: 4px; }


.div-disabled { pointer-events: none; }
.div-cart-quantity.div-disabled { opacity: 0.5; }

.div-maintenance { position: fixed; bottom:0; left: 0; width: 100%; height: 100px; max-height: 20vh; z-index: var(--zindex-debug); font-size: 24px; background-color: rgba( 255, 200, 200, .5 ); color: red; padding: 5px; cursor: pointer;}

/* .header-container { height: 160px; max-height: calc(100vw - 460px / 2 ); } */
.header-container { height: max-content; position: sticky; top: 0; z-index: var(--zindex-header); }

.header { width: 100%; min-width: var(--min-width); background-color: white; }
/* .header { width: 100%; min-width: var(--min-width); z-index: var(--zindex-header); background-color: white; } */
.header .top {border-bottom: 1px solid #ddd; padding-bottom: 10px;}
.header .logo img {max-width: 100%; max-height: 120px;}
.header .phone {margin-right: 15px} 
.header .search {position: relative; display: inline-blockx; float: right;}
.header .search a {color:#000; position: absolute; right:8px; top:5px;}
.header .shop-dropdown {list-style: none; margin: 0; margin-top: 20px; padding: 0;}
.header .shop-dropdown i {font-size: 30px; color:#006699;}
.header .shop-dropdown .badge {position: absolute; right: 0; top: -5px;}

.user-panel { width: 100%; display: flex; justify-content: space-between; column-gap: 10px; background-color: var(--color-theme-bg-pri); }
.user-panel > div { display: flex; justify-content: center;}
.user-panel div.user-panel-search-item a { text-decoration: none; color: #fff; }
.user-panel div.user-panel-search-item { margin: 2px; }
.user-panel div.user-panel-search-item #search_in_title { background: #ededed; border:0; border-radius: 5px; width: 250px; height: 28px; padding: 5px 24px 5px 5px; }
.user-panel div.user-panel-search-item .fa-search { color: var(--color-theme-pri); }

.user-panel div.user-panel-item { border: 1px solid var(--color-theme-bg-pri); white-space: nowrap;}
.user-panel div.user-panel-item > a:hover { text-decoration: none; color: #fff; }
.user-panel div.user-panel-item > a { text-decoration: none; color: #fff; }
.user-panel div.user-panel-item:hover { border: 1px solid #fff; }

.user-panel div.user-panel-item.div-menu { display: none; }

.header .dropdown-menu { top: auto; margin: 0; max-height: calc(100vh - 50px); overflow-y: auto;}
.header .dropdown-menu a { color: var(--color-theme-pri); }
.header .dropdown-menu > div { min-width: 100px; }
.header .dropdown-menu > div.dropdown-subitem a > div { padding-left: 30px; }
.header .dropdown-menu > div:has(a):hover { background-color: var(--color-theme-bg-pri); }
.header .dropdown-menu > div:has(a):hover a { color: #fff; text-decoration: none;  }
.header a > div, .header .dropdown-menu > div:not(:has(a)) { padding: 5px 10px; width: 100%; }
.header .dropdown-menu > div.dropdown-sep { height: 1px; width: 100%; padding: 0; margin-inline: auto; margin-block: 0; background-color: var(--color-theme-pri); }
.header .dropdown-menu > div.dropdown-sep:first-child, .header .dropdown-menu > div.dropdown-sep:last-child { display: none; }

.dropdown-state .dropdown-menu div { padding: 1px 10px 0px 10px; }
.dropdown-state .dropdown-menu div:hover { background-color: var(--color-theme-bg-pri); color: #fff; }

.menu-panel { width: 100%; display: flex; justify-content: space-around; column-gap: 10px; align-items: center; }
.menu-panel { background-image: var(--header-background-image-url); background-size: 100% 100%; }
.menu-panel .logo { max-width: 40%; }
.menu-panel .account-info { display: none; color: var(--color-theme-pri); text-shadow: var(--text-shadow); }
.menu-panel .account-info > div { width: 100%; text-align: right; }

.mainmenu nav { margin-left: -15px;}
.mainmenu li {  display: inline-block;  position: relative; padding: 5px; }
.mainmenu ul li > div > a { text-decoration: none; color:#333;  display: block; font-size: 17px; font-weight: bold; line-height: 20px; padding: 5px; }
.mainmenu ul li:hover > div > a {color: var(--color-theme-pri); }

.mainmenu ul li.active > div > a { background-color: var(--color-theme-bg-pri); color: white; }
.mainmenu ul li.active:hover > div > a { background-color: var(--color-theme-pri); }
.mainmenu ul li > div > a  i{font-size:12px;}

.item-clickable:hover { cursor: pointer; opacity: 0.8; }

.div-home-intro { color: var(--color-theme-pri); padding: 10px; border-bottom: 1px solid #ccc; margin-bottom: 5px; }
.div-home-intro p { margin: 0; }

.home-carousel .item img {max-height: 200px;margin: 0 auto;}
.carousel-control.left, .carousel-control.right {background-color: none; background-image: none;}
.carousel-control span { color:#006699;}
.new-products {background-color: #f6f7fb; padding-top: 70px; padding-bottom: 70px;}
.new-products h3 {text-align: center; font-family: 'Roboto', cursive; font-size:32px; color:#4c4c4c; font-weight: bold;text-transform: capitalize;}
.new-products .carousel-inner h1 {font-size:18px; text-align: center; font-weight: bold;}
.new-products .carousel-inner a { color:#4c4c4c; text-decoration: none;}
.new-products .carousel-inner .price {display: block; text-align: center; color:#006699; font-weight: bold;}
.new-products .carousel-control i {color:#006699;}
.blog-posts { padding-top: 70px; padding-bottom: 70px;}
.blog-posts h3 {text-align: center; font-family: 'Roboto', cursive; font-size:32px; color:#4c4c4c; font-weight: bold;text-transform: capitalize;}
.blog-posts .carousel-inner img {margin-bottom: 10px;}
.blog-posts .carousel-inner h1 {font-size:24px; text-align: center; font-family: 'Roboto', cursive; margin: 0; margin-bottom: 10px;}
.blog-posts .carousel-inner a { color:#4c4c4c; text-decoration: none;} 
.blog-posts .carousel-inner .description { color:#888888; text-decoration: none; text-align: center; font-size: 14px;} 
.blog-posts .carousel-inner .time {display: block; text-align: center;} 
.blog-posts .read-more {color: #6d604c;display: block; text-align: center; font-size: 14px;font-weight: 600;letter-spacing: 5px;padding-top: 20px;text-align: center;text-transform: uppercase;}
.shop-dropdown { list-style : none; margin : 0; padding : 0; }
.dropdown-cart { height : auto; max-height : 250px; overflow-x : hidden; width : 265px; padding: 10px; }
.shop-dropdown a.dropdown-toggle { color : #333; font-size : 13px; }
.shop-dropdown a.dropdown-toggle:hover { text-decoration : none; }
.dropdown-cart li .item { display : block; margin : 3px 0; }
.dropdown-cart li .item:hover { background-color : #f3f3f3; }
.dropdown-cart li .item:after { clear : both; content : " "; display : block; font-size : 0; height : 0; visibility : hidden; }
.dropdown-cart li .item-in { float : left; }
.dropdown-cart li .item-in img { height : 50px; width : 50px; }
.dropdown-cart li .item-in a.item-info span { font-size : 12px; }
.dropdown-cart li .item-in a.item-info .product-name { display: block; }
.dropdown-cart .go-checkout {background-color: #e3e3e3;border: 1px solid #e3e3e3;color: #333;font-size: 1.4rem;font-weight: 700;padding: 13px 15px;transition: all 0.5s ease-out 0s;width: 100%;text-transform: uppercase;border-radius: 25px;}
.dropdown-cart .go-checkout:hover { background-color: #006699; color:#fff; }
.dropdown-cart .item-x-absolute { position : absolute; right : 10px; }
.dropdown-cart li .item-in .left-side { float : left; width : 50px; }
.dropdown-cart li .item-in .right-side { border-bottom : 1px solid #f1f1f1; float : left; margin-left : 2px; width : 170px; }
.dropdown-cart .item-info .prices span { color : #fe3a3a; display : inline !important; }
.dropdown-cart .item-info .prices, ul.dropdown-cart .item-info .currency { color: #666; display: inline !important; font-size: 16px; font-weight: bold; }


#view-product h1 { margin: 0; padding: 0; text-transform: capitalize; color:#444444; font-size: 24px; margin-bottom: 10px;}
#view-product .view-product-container { display: flex; column-gap: 20px; row-gap: 20px; align-items: center;}
#view-product .view-product-container .view-product-image-wrapper { width: 300px; }
#view-product .view-product-container .view-product-info { width: 100%; }
#view-product .view-product-container .view-product-info-details { display: grid; grid-template-columns: minmax(0px, 120px) auto; }
#view-product .view-product-container .view-product-info-details > div { min-height: 24px; line-height: 24px;}
#view-product .view-product-container .product-attr-description { margin-top: 10px; }
#view-product .product-info {background-color: #f6f7fb; padding: 10px;}
#view-product .product-info .product-info-header { display: flex; justify-content: space-between; font-size: 20px;}
#view-product .manage-buttons { padding-top: 10px; padding-bottom: 10px;}
#view-product #description {background-color: #f6f7fb; padding: 10px;}
#view-product #description .header {background-color: #f4f4f4; margin-top: -10px; margin-left: -10px; margin-right: -10px; padding: 20px;}
#view-product #description .header .title { color:#fff; background-color: #006698; padding: 20px; margin-left: -20px;}
#view-product .top-part { margin-bottom: 20px; }

.inner-nav {background-color: #f1f1f1; padding: 1px; margin-bottom: 10px;}
.inner-nav .active {color:#006698;}
.orders-from-category {margin-bottom: 20px;}
.orders-from-category h2 {color: #4c4c4c;font-size: 28px;font-weight: bold;text-transform: capitalize; font-family: 'Roboto', cursive; text-align: center;}

.main-content { margin-inline: 20px; min-width: var(--min-width); }
.main-content.main-content-user { max-width: 800px; margin-inline: auto; padding-inline: 10px; }
.main-content.main-content-table { max-width: 1200px; margin-inline: auto; padding-inline: 10px; }

.div-group { border: 2px solid lightgrey; padding: 10px; margin-block: 5px; }

.dropdown { display: inline; }

.price-item::before { content: '$'; padding-right: 2px; }
.price-item.price-unit-price.spn-unit-price::after { content: '/u'; }
.price-item.price-unit-price.spn-pack-price::after { content: '/pk'; }
.price-item.price-unit-price::before { content: ''; }
.price-item.price-unit-price { font-size: 0.9em; color: var(--color-theme-sec); }
.product-inner .price-item.price-unit-price { font-size: 0.9em; color: var(--color-theme-sec); }

.discount-item::after { content: '%'; padding-left: 1px; }
.discount-item { font-weight: bold; padding-inline: 3px;}
td:has(>span.price-item) { text-align: right; }
td:has(>span.qty-item) { text-align: right; }

.price-item .discount-item { margin-left: 10px; padding-inline:5px; border-radius: 3px; background-color: yellow; color: blue; }

.bbd-item { font-weight: bold; color: red; }
.div-cart-title .bbd-item:not(:empty)::before { content: 'BBD:'; padding-right: 3px; }
.div-my-cart .bbd-item:not(:empty)::before { content: 'BBD:'; padding-right: 3px; }
.div-product-bbd .bbd-item:not(:empty)::before { content: 'BBD:\a'; white-space: pre-wrap; }

.bbd-discount-item { padding-inline: 3px;}
.bbd-discount-item::after { content: '%'; padding-left: 1px; }

.dated-discount-item { font-weight: bold; color: red; }
.dated-discount-item::before { content: 'Dated Special' }

/* list-items */

.list-items { display: inline-block; position: relative; padding: 0; margin: 0; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; }
.list-items .div-item-one { position: relative; width: 100%; height: 100%; }
.list-items:has(.div-item-one:hover) { border-color: var(--color-theme-bg-pri); cursor: pointer; }
.div-items_carousel .list-items { width: calc(100vw - 250px); max-width: 240px; min-width: 160px; height: calc(100vw - 210px); max-height: 280px; min-height: 200px; }
.div-items_carousel .list-items .product-inner .div-item-one { height: calc(100vw - 225px); max-height: 265px; min-height: 200px; }
.div-items_carousel .list-items:has(.product-inner) { height: auto; }

/* .div-items_carousel  */
.list-items .div-carousel-image img{ width: 100%; }
.list-items .div-carousel-image-caption { position: absolute; bottom: 10px; width: 100%; text-shadow: var(--text-shadow); padding-top: 50px; padding-inline: 10px; font-weight: bold; font-size: 1.3em; text-transform: uppercase; text-align: center; color: var(--color-theme-pri); }

/* products */

#div-view-product { background-color: rgba( 0, 0, 0, .5 ); position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: var(--zindex-imgpreview); overflow-y: auto; }
#div-view-product > div { margin: 5% auto; width: 90%; max-width: 1000px; background-color: white; }
#div-view-product .view-product-action-panel { position: relative; width: 100%; padding: 5px 10px; border-bottom: 2px solid var(--color-theme-bg-pri); display: flex; flex-wrap: wrap; justify-content: space-between;}
#div-view-product .view-product-action-panel div.view-product-action { display: inline-block; margin-inline: 5px; font-size: 20px; color: var(--color-theme-pri); }
#div-view-product .div-view-product-details {  padding: 20px; }

/* products (defualt -- grid view) */

.clickable-for-selection { cursor: pointer; }
.list-items .product-selected-frame { display: none; z-index: var(--zindex-productframe);  position: absolute; top: -5px; left: -5px; width: calc(100% + 10px); height: calc(100% + 10px); background-color: blue; }
.list-items:has(.product-inner.product-selected) .product-selected-frame { display: block; }
/* .product-inner h3 {text-transform: uppercase; text-align: center;  font-weight: bold;  padding-top: 5px;margin: 5px 0;  margin-bottom: 5px;display: block;font-size: 12px;} */

.product-inner { padding: 3px; }
.product-inner .div-item-one { position: relative; width: 100%; height: 265px; }
.product-inner:has(.cart-quantity-set) { background-color: lightyellow; }

.product-inner .div-product-image-caption { position: absolute; bottom: 0; padding-top: 50px; padding-inline: 10px; font-weight: bold; text-shadow: var(--text-shadow); }
.product-inner .div-product-image-caption .product_sku { vertical-align: top; text-align: right; }
.product-inner .div-product-image-caption .product_size { vertical-align: top;}

.product_sku { color: var(--color-theme-sec); }
.product_title { color: var(--color-theme-pri); }
.product_size { color: var(--color-theme-sec); }
.product_sku, .product_title, .product_size { display: inline; }

.product-inner .div-product-stock { position: absolute; top: 5px; left: -5px; z-index: var(--zindex-producinfo); }
.product-inner .div-product-stock span.stock { display: inline-block; margin-right: 6px; padding: 1px 7px; font-family: Poppins,"Helvetica Neue",Helvetica,Arial,Sans-serif; font-size: 12px; font-weight: 400; text-transform: uppercase; letter-spacing: 1px; transform: rotate(-16deg); border-radius: 4px; }

.product-inner .div-product-bbd { position: absolute; top: 2px; left: 5px; padding: 5px; border-radius: 3px; background-color: rgba( 255, 255, 255, .8 ); }
.product-inner .div-product-dated-discount { position: absolute; bottom: 50px; left: 5px; padding: 5px; border-radius: 50%; width: 35%; aspect-ratio: 1; font-size: 1.2em; display: flex; text-align: center; align-items: center; background-color: rgba( 255, 255, 0, .8 ); text-shadow: none; }

.product-inner .div-product-price { position: absolute; top: 2px; right: 5px; padding: 5px; border-radius: 3px; background-color: rgba( 255, 255, 255, .8 ); z-index: var(--zindex-producinfo); }

.product-inner .price {display: inline; text-align: center; color:#006699; font-weight: bold;}
.product-inner .price.price-discount {color:#ff0000; }
.product-inner .old_price {display: inline; text-align: center; color: gray; text-decoration: line-through; margin-right: 5px; }

.product-inner .div-product-stock span.price { display: inline-block; margin-right: 6px; padding: 1px 7px; font-family: Poppins,"Helvetica Neue",Helvetica,Arial,Sans-serif; font-size: 12px; letter-spacing: 1px; transform: rotate(-16deg); border-radius: 4px; }

.product-inner .div-product-discount { position: absolute; top: 50px; right: 15px; background-color: yellow; color: blue; padding: 5px 10px; border: 2px blue solid; border-radius: 15px; }
.product-view-list .product-inner .div-product-discount { padding: 0 5px; border: none; border-radius: 8px; }
.product-view-grid .product-inner .div-product-discount { z-index: var(--zindex-producinfo); }

.product-inner .div-product-action { margin: 0 auto; width: fit-content;}
.product-inner .div-product-action .div-product-action-stock { display: none;}

.product-inner .div-product-cart-action { display: flex; justify-content: center; column-gap: 5px; }

.product-selection { position: absolute; left: 0; bottom: 0; padding: 5px; width: fit-content; height: fit-content; }
.div-product-my-list { position: absolute; right: 0; bottom: 0; padding: 5px; width: fit-content; height: fit-content; }

/* .product-inner > div:has(.div-product-image-caption:hover), .product-inner > div:has(.div-product-image:hover) { border-color: var(--color-theme-bg-pri); opacity: 0.7; } */

/* featured products */

.product-view-grid.product-view-featured { position:relative; height: 350px; }
.product-view-grid.product-view-featured .product-container { display: flex; overflow: hidden; }

.div-items_carousel { width: max-content; position: relative; margin-inline: auto; }
.div-items_carousel .product-inner { display: inline-block; }
.div-carousel-container .list-items:not(:first-child) { margin-left: 5px; }
.div-carousel-container .list-items:not(:last-child) { margin-right: 5px; }
.div-carousel-container { overflow: hidden; position: relative; margin-block: 5px; }
.view-select-container { display: flex; flex-wrap: wrap; column-gap: 10px; }

/* .product-grid-list */

.product-view-grid .product-container { display: grid; grid-template-columns: 16.67% 16.67% 16.67% 16.67% 16.67% 16.67%; column-gap: 10px; row-gap: 10px; justify-items: center; margin: auto; }
.content-general { width: 1440px; margin-inline: auto; padding-inline: 8px; }

.product-view-grid .div-showhide-image { display: none; }
.product-view-grid .product-inner .div-product-details { display: none; }
.product-view-grid .product-inner .div-product-action { margin-top: 5px; }

/* 500px is used to make use that image width will fill up the product grid for images of small width  */
.product-view-grid .product-inner .div-product-image img { width: 500px; }
.div-items_carousel .product-inner .div-product-image img { width: 500px; }

.product-view-grid .product-inner .price-item.price-unit-price { display: block; text-align: right; }

/* .product-view-list */

.product-view-list .product-container { margin-inline: auto; }
.product-view-list .list-items { display: block; margin-bottom: 10px; margin-inline: auto; }
.product-view-list.content-loggedin .list-items { max-width: fit-content; }

.product-view-list .product-inner { padding: 5px; }
.product-view-list .product-inner .div-item-one { height: auto; display: flex; }

.product-view-list.content-public .product-inner { display: flex; flex-wrap: nowrap; }
.product-view-list.content-public .product-inner .div-item-one { width: max-content; }

.product-view-list.content-loggedin .product-inner { display: grid; grid-template-columns: max-content 180px 200px max-content; column-gap: 5px;}
.product-view-list.content-loggedin .product-inner { padding-left: 20px; padding-right: 30px; }


.product-view-list .product-inner .div-product-image { margin: 3px; width: 110px; display: inline-block; }
.product-view-list .product-inner img { width: 100px; height: 100px; margin: 5px; }
.product-view-list .product-inner .div-product-image-caption { position: relative; padding-top: 0; align-self: center;  width: 300px; }
.product-view-list.content-loggedin .product-inner .div-product-image-caption { min-width: 220px; max-width: 450px; width: 450px; }

.product-view-list .product-inner .div-product-stock { position: relative; top: auto; left: auto; bottom: auto; right: auto; width: calc(12vw); min-width: 125px; align-self: center; }
.product-view-list .product-inner .div-product-stock span.stock { transform: none; text-transform: none; }
.product-view-list .product-inner .div-product-bbd { position: relative; top: auto; left: auto; bottom: auto; right: auto; padding: 0 0 0 25px; align-self: center; }
.product-view-list .bbd-item:not(:empty)::before { content: 'BBD:'; }
.product-view-list .product-inner .div-product-dated-discount { position: relative; bottom: auto; left: auto; display: inline-block; padding: 0px 8px; border-radius: 3px; width: auto; aspect-ratio: auto; font-size: 1em; }
.product-view-list .product-inner .div-product-price-container { position: relative; top: auto; left: auto; bottom: auto; right: auto; width: 200px; min-width: 110px; align-self: center; justify-self: right; }
.product-view-list .product-inner .div-product-price { position: relative; top: auto; left: auto; bottom: auto; right: auto; padding: 0; float: right !important; }
.product-view-list .product-inner .div-product-discount { display: inline-block; position: relative; top: auto; left: auto; bottom: auto; right: auto; }
.product-view-list .product-inner .div-product-action { align-self: center; }
.product-view-list .product-inner .div-product-cart-action { justify-content: start; width: 180px; }


.product-view-list .div-showhide-image { display: inline-block; }

.product-view-list .product-inner .div-product-details { margin: 10px; align-self: center;}
span.product-attr { white-space: nowrap; }
span.product-attr:not(:first-child)::before { content: ' | '; color: #ccc; }


.product-view-list .product-inner .product_sku { display: inline-block; width: 50px;} 
.product-view-list .product-inner .product_title { display: inline-block; } 
.product-view-list .product-inner .product_size { display: block; }
.product-view-list.content-loggedin .product-inner .product_size { display: inline-block; }

.product-view-list.content-loggedin .product-inner .product_title { width: calc(100% - 160px); } 
.product-view-list.content-loggedin .product-inner .product_size { width: 100px; }

.product-view-list .product-selection { position: absolute; left: 0; bottom: 0; padding: 5px; width: fit-content; height: fit-content; }


.product-view-list.content-loggedin .product-inner .div-product-stock { display: none; }
.product-view-list.content-loggedin .product-inner .div-product-action .div-product-action-stock { display: block;}

.product-view-list.content-loggedin.product-view-hide-image .product-inner .div-item-one { align-self: start; }
.product-view-list.content-loggedin.product-view-hide-image .product-inner .div-product-action { align-self: start; }
.product-view-list.content-loggedin.product-view-hide-image .product-inner .div-product-price-container { align-self: start; }


/* no images */

.product-view-list.product-view-hide-image .product-inner > div { grid-template-columns: max-content auto auto auto; }
.product-view-list.product-view-hide-image .div-product-image { display: none; }
.div-cart-wrapper.product-view-hide-image .div-cart-image { display: none; }
.div-item-wrapper.product-view-hide-image .div-cart-image { display: none; }

.main-content .product-list-options div { display: inline-block; }

.product_sku::before { content: '#'; }

.content-header { display: flex; justify-content: space-between; column-gap: 10px; flex-wrap: wrap; margin-block: 3px; }
.content-header-title { font-size: 1.8em; font-weight: bold; color: var(--color-theme-pri); }

.content-search { justify-content: left; align-items: center; column-gap: 10px; padding-block: 3px; }
.content-search input { border: 1px solid lightgray; border-radius: 4px; width: 270px; max-width: 40vw; }
.content-search > div > * { margin-right: 5px; }

.div-margin-top { margin-top: 10px; }
.div-center { width: fit-content; margin-inline: auto; }


i.icn-add-to-list { color: gray; }
i.icn-add-to-list.my-list-product { color: blue; }

span.stock { color: white; padding: 1px 7px; }
span.stock-out { background-color: gray; }
span.stock-out::before { content: 'In stock soon'; }
span.stock-normal { display: none; }
span.stock-normal.stock-normal-text { display: inline; background-color: darkgreen; }
span.stock-normal.stock-normal-text::before { content: 'In Stock'; }
span.stock-low { background-color: orange; }
span.stock-low::before { content: 'Low stock'; }
span.stock-almost { background-color: red; }
span.stock-almost::before { content: 'Almost sold out'; }

.avail-stock { margin-top: 10px; }
.avail-stock-error { color: darkred; }
td:has(div.avail-stock-error) { background-color: #f2dede; }

.spn-nowrap { white-space: nowrap; }

div.flex-container { display: flex; flex-wrap: wrap; column-gap: 10px;}
div.inline { display: inline; }
div.inline.flex-container { display: inline-flex; }

.product-attr-title { font-weight: bold; text-transform: none; }

.user-panel-item span.cart-qty { color: white; background-color: red; border-radius: 10px; padding: 3px 7px; text-align: center; vertical-align: middle; line-height: 1; min-width: 10px; font-size: 12px; font-weight: bold;}

.div-my-store-items:empty {visibility: hidden;}

.div-my-cart-items { left: auto; right: 0; height : auto; max-height : calc(100vh - 150px); overflow-x : hidden; width : 40vw; min-width: 200px; padding: 10px;}
.div-my-cart-items li .item { display : block; margin : 3px 0; }
.div-my-cart-items li .item:hover { background-color : #f3f3f3; }
.div-my-cart-items li .item:after { clear : both; content : " "; display : block; font-size : 0; height : 0; visibility : hidden; }
.div-my-cart-items li .item-in { float : left; }
.div-my-cart-items li .item-in img { height : 50px; width : 50px; }
.div-my-cart-items li .item-in a.item-info span { font-size : 12px; }
.div-my-cart-items li .item-in a.item-info .product-name { display: block; }
.div-my-cart-items .go-checkout {background-color: #e3e3e3;border: 1px solid #e3e3e3;color: #333;font-size: 1.4rem;font-weight: 700;padding: 13px 15px;transition: all 0.5s ease-out 0s;width: 100%;text-transform: uppercase;border-radius: 25px;}
.div-my-cart-items .go-checkout:hover { background-color: #006699; color:#fff; }
.div-my-cart-items .item-x-absolute { position : absolute; right : 10px; }
.div-my-cart-items li .item-in .left-side { float : left; width : 50px; }
.div-my-cart-items li .item-in .right-side { border-bottom : 1px solid #f1f1f1; float : left; margin-left : 2px; width: calc(40vw - 110px); min-width: 150px; white-space: normal;}
.div-my-cart-items .item-info .prices span { color : #fe3a3a; display : inline !important; }
.div-my-cart-items .item-info .prices, ul.div-my-cart-items .item-info .currency { color: #666; display: inline !important; font-size: 16px; font-weight: bold; }
.div-my-cart-items:empty { visibility: hidden;}

#checkout-page { margin-bottom: 20px;}
#checkout-page #goOrder {background-color: #f6f7fb; padding: 10px;}
#checkout-page #goOrder .form-control { border:1px solid #ebebeb; border-radius: 0; box-shadow: none;}
#checkout-page #goOrder label {font-size: 12px; color:#444444;}
#checkout-page .go-order { display: block; line-height: 50px; background: #006698;border: medium none;color: #ffffff;font-size: 17px;font-weight: 600;height: 50px;margin: 20px 0 0;padding: 0;text-transform: uppercase;transition: all 0.5s ease 0s;width: 100%;}
#checkout-page h4 {font-family: 'Roboto', cursive;color: #4c4c4c;font-size: 28px;font-weight: bold;text-transform: capitalize;}
.relative {position: relative;}
.remove-product { left : 0; position : absolute; top : 0; }
.btn-green {background-color: #006698; color:#fff;}
#shopping-cart { margin-bottom: 20px;}
.btn-black {background-color: #2f2f2f; color:#fff;}
.btn-black:hover {color:#f1f1f1;}
.blog-list .caption { color : #666; }
.blog-list small span { margin-right : 7px; }
.blog-list small, .blog-list small a, .blog-preview-time { color : silver; }
.blog-list .caption h5 { font-size : 16px; }
.blog-list img { width : 100%; }
#blog .thumbnail { border-radius : 0; }
.blog-preview-time { display : inline-block; margin-bottom : 10px; }
.blog-description { color : #666; font-size : 13px; }
.blog-artchive { list-style : none; margin-bottom : 20px; padding-left : 0; }
.blog-artchive .item { background : transparent none repeat scroll 0 0; border-color : -moz-use-text-color -moz-use-text-color #ccc; border-image : none; border-style : none none dotted; border-width : 0 0 1px; moz-border-bottom-colors : none; moz-border-left-colors : none; moz-border-right-colors : none; moz-border-top-colors : none; padding : 10px 0px; padding-left : 10px; }
.blog-artchive .item a { color : #666; }
.blog-home-left-categ { margin-bottom : 20px; }
.blog-list .description {height: 125px;overflow: hidden;}
.blog-list h5 {height: 40px; overflow: hidden;}
.blog-list .img-container {height: 400px; overflow: hidden;}
#shop-page { margin-bottom: 20px; }
#shop-page .categories {border:1px solid #006699; border-radius: 5px;}
#shop-page .categories .body {padding: 10px;}
#shop-page .categories .title {background-color: #006699; padding: 10px; color:#fff; text-transform: uppercase;}
#shop-page .categories ul { list-style : none; padding : 0; margin:0; }
#shop-page .categories ul li, div.filter-sidebar ul li a { margin-bottom : 4px; }
#shop-page .categories ul li a { color : #6d6d6d; display : inline-block; font-size : 13px; }
#shop-page .categories ul li a.selected, div.filter-sidebar ul li a:hover { color : #1e88e5; }
#shop-page .categories ul li, div.filter-sidebar ul li { list-style-type: none; }
#shop-page .categories ul, div.filter-sidebar ul { padding-inline-start: 0; }
/* #shop-page .product-inner .img-responsive {margin: auto auto;} */
#shop-page .bootstrap-select > .dropdown-toggle.bs-placeholder, #shop-page .bootstrap-select > .dropdown-toggle.bs-placeholder:active, #shop-page .bootstrap-select > .dropdown-toggle.bs-placeholder:focus, #shop-page .bootstrap-select > .dropdown-toggle.bs-placeholder:hover {color:#fff;}
#products-side h1 {font-family: 'Roboto', cursive; margin: 0; margin-bottom: 20px;}
.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover, .pagination > li > a, .pagination > li > span {color:#006699;}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {background-color: #006699; border:1px solid #006699; color:#fff;}

.img-product {
    display: inline-block;
    max-width: 100%;
    height: auto;
    padding: 4px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    transition: all .2s ease-in-out;
}
.img-product.img-product-selected { border: 2px solid blue; }
.img-product-current { cursor: pointer; }

.view-product-image-current  { position: relative; }
.view-product-image-current .banner-scroll { width: 30px; }
.view-product-image-current .banner-scroll div { width: 30px; }
.view-product-image-all { position: relative; display: block; overflow: hidden; }
.view-product-image-all .banner-scroll { width: 20px; }
.view-product-image-all .banner-scroll div { width: 20px; height: 20px; line-height: 20px; font-size: 18px; }
.view-product-image-all .image-carousel-container { width: max-content; margin-block: 5px; position: relative; }
.view-product-image-all .image-carousel-container .img-product { cursor: pointer; }
.view-product-image-all .image-carousel-container > div { display: inline-block; width: 60px; height: 60px; }

#modalImagePreview { background-color : rgba(0,0,0,0.5); display : none; height : 100%; left : 0; right: 0; bottom: 0; outline: 0; box-sizing: border-box; overflow : auto; padding-top : 100px; position : fixed; top : 0; width : 100%; z-index : var(--zindex-imgpreview); }
#modalImagePreview .modal-contentx { text-align: center; display : block; margin : auto; max-width : 700px; width : 80%; position: relative; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, .2); border-radius: 6px; outline: 0; box-sizing: border-box; }
#modalImagePreview #caption { color : #ccc; display : block; height : 150px; margin : auto; max-width : 700px; padding : 10px 0; text-align : center; width : 80%; }
#modalImagePreview .modal-contentx, #modalImagePreview #caption { animation-duration : 0.6s; animation-name : zoom; webkit-animation-duration : 0.6s; webkit-animation-name : zoom; }
#modalImagePreview .close { opacity: 1; color : #f1f1f1; font-size : 40px; font-weight : bold; position : absolute; right : -10px; top : -40px; transition : 0.3s; }
#modalImagePreview .close:hover,#modalImagePreview .close:focus { color : #bbb; cursor : pointer; text-decoration : none; }
#modalImagePreview img {max-width: 100%;}
.img-series {    bottom: -17px;    color: #fff;    font-size: 14px;    position: absolute;    right: 0;}

.image-preview-header { display: flex; justify-content: space-between; color: var(--color-theme-pri); font-size: 18px; }
.image-preview-header div { padding: 5px; }

.banner-scroll { position: absolute; top: 0; width: 100px; height: 100%; display: flex; color: blue; background-color: rgba(255,255,255,0.8); visibility: hidden; }
.div-carousel-container:hover .banner-scroll { visibility: visible; cursor: pointer; }
.banner-scroll.banner-scroll-hide { display: none; }
.banner-scroll-left { left: 0px; }
.banner-scroll-right { right: 0px; }

.banner-scroll div { width: 100px; height: 100px; line-height: 100px; text-align: center; vertical-align: middle; font-size: 36px;  margin: auto; }

.banner-scroll.touchscreen { display: none; }

.footer { display: flex; justify-content: space-evenly; background-color: #f4f4f4; padding-block: 10px;}
.footer .footer-column { width: 35%; text-align: center; }

#notificator { display: none; position: fixed; margin-block: auto; bottom: 0; width: 100%; z-index: var(--zindex-notificator); }
#notificator div.notificator_wrapper { display: flex; justify-content: space-between; width: 75%; margin-inline: auto; }
#notificator-overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.8; background-color: white; z-index: var(--zindex-notificator-bg); }
#notificator div.notificator_close i.fa { font-size: 20px; }

#notificator:has(div.notificator_wrapper.alert-danger) { height: 300px; width: 50%; inset: 0; margin: auto; }
#notificator div.notificator_wrapper.alert-danger { width: 100%; height: 100%; }

.div-productimg-table { width: 80px; height: 80px; display: flex; justify-content: center; }
.div-productimg { aspect-ratio: 1 / 0.8;}
.div-productimg div { width: 100%; height: 100%; display: flex; justify-content: center;}
.div-productimg img { max-width: 100%; max-height: 100%; margin: auto;}

i.fa.clickable { padding: 4px; text-align: center; border-radius: 2px;}
i.fa.clickable:hover { cursor: pointer; opacity: 0.8}
i.fa.clickable-pri { background-color: var(--color-theme-btn-pri); color: #fff; }
i.fa.clickable-sec { background-color: var(--color-theme-btn-sec); color: #fff; }
i.fa.clickable-normal { background-color: var(--color-theme-bg-pri); color: #fff; }

i.fa.clickable.icn-select { color: gray; padding: 0; font-size: 20px; }
i.fa.clickable.icn-select.selected { color: blue; }

i.fa.clickable-btn:first-child:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; }
i.fa.clickable-btn:last-child:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; }
i.fa.clickable-btn:first-child { margin-left: 0; }
i.fa.clickable-btn+i.fa.clickable-btn { margin-left: -1px; }
i.fa.clickable-btn { font-size: 14px; position: relative; float: left; padding: 5px 8px; line-height: 1.3; border-radius: 3px; }
i.fa.clickable-btn { color: #777;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    background-color: #e7e7e7;
    background-image: linear-gradient(to bottom, #eeeeee, #dddddd);
    background-repeat: repeat-x;
    border-color: #dddddd #dddddd #b3b3b3 #b7b7b7;
    border: 1px solid #cccccc;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
}
i.fa.clickable-btn.clickable-btn-active { color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
    outline: 0;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    background-image: none;
}


.select-panel { width: 100%; display: flex; flex-wrap: wrap; column-gap: 40px; row-gap: 10px; align-items: center; position: fixed; top: 0; right: 0; z-index: var(--zindex-selectpanel); border-bottom: 3px solid black; padding: 10px; font-size: larger; color: var(--color-theme-pri); background-color: var(--color-theme-bg-sec); min-height: 20vh; }

.select-panel input { width: 50px; }
.select-panel > div div { display: inline-block; }
.select-panel .clickable { padding: 5px; border: 1px solid var(--color-theme-pri); border-radius: 5px;}
.select-panel .clickable:hover { color: white; background-color: var(--color-theme-bg-pri); cursor: pointer;}

.current-customer { background-color: lightyellow; font-weight: bold;}

.content-body input { padding: 4px 8px; margin: 4px 8px 4px 0; max-width: 350px; background-color: #F7F7F7; font-family: roboto; border: 1px solid #d9d9d9; box-sizing: border-box;  -moz-box-sizing: border-box; }
.content-body input:read-only { background: lightgray; }
input::placeholder { color: gray; }
input:required::placeholder { color: red; }

.content-body select, .content-body textarea {
    padding: 4px 8px;
    font-size: 14px;
    line-height: 1.4;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.content-body select {
    height: 30px; 
}

.content-body-desc {
    color: var(--color-theme-pri);
    font-size: 1.1em;
    padding: 10px 8px; 
}

.content-outline {
    margin-bottom: 10px; 
}

.content-header select {
    padding: 2px 4px;
    font-size: 14px;
    line-height: 1.4;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}


.content-body textarea {
    height: auto;
    width: 100%;
}

/* .content-body textarea {
    display: block;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
} */

.content-general .page-image img { height: 80px; width: 80px; }

.text-em { font-size: 1.3em; font-weight: bold;}
.text-notes:before { content: '*'; padding-right: 2px; }
.text-red { color: red; }
.text-sec { color: var(--color-theme-sec); }

.flex-justify { display: flex; column-gap: 10px; justify-content: space-between; flex-wrap: wrap; }
.flex-justify-nowrap { display: flex; column-gap: 10px; flex-wrap: nowrap; align-items: top; }
.flex-right { display: flex; column-gap: 10px; justify-content: end; flex-wrap: wrap; }
.flex-left { display: flex; column-gap: 10px; justify-content: start; flex-wrap: wrap; }

#dynPage p { margin: 0 0 10px; }
#dynPage h1, h2, h3, h4, h5, h6 { margin-top: 15px; margin-bottom: 5px; }
#dynPage h1 { font-size: 36px; }
#dynPage h2 { font-size: 24px; }
#dynPage h3 { font-size: 20px; }
#dynPage h4 { font-size: 18px; }
#dynPage h5 { font-size: 16px; }
#dynPage h6 { font-size: 14px; }

#askus-box { position: fixed; right: 20px; bottom: 20px; width: 80px; height: 80px; border-radius: 40px; background-color: var(--color-theme-bg-pri); z-index: var(--zindex-selectpanel); }
#askus-box .askus-box-control-title { display: flex; flex-direction: column; justify-content: center; align-items: center; height: 80px; width: 80px; color: white; font-size: 18px; cursor: pointer}
#askus-box .askus-box-control-hide { display: none; color: white; font-size: 14px; cursor: pointer; padding: 3px 10px; }
#askus-box .askus-box-main { display: none; }
#askus-box .askus-box-main .askus-box-message { width: 100%; height: 100%; }
#askus-box .askus-box-main input, #askus-box .askus-box-main textarea { resize: none; width: 100%; }

#askus-box.box-active { display: flex; flex-direction: column; width: 300px; max-width: calc(100vw - 50px); height: 400px; max-height: calc(100vh - 100px); border-radius: 4px;}
#askus-box.box-active .askus-box-control { display: flex; justify-content: space-between; align-items: center;}
/* #askus-box.box-active .askus-box-control {} */
#askus-box.box-active .askus-box-main { padding: 3px; flex: auto; display: flex; flex-direction: column; row-gap: 3px; }
#askus-box.box-active .askus-box-control-title { flex-direction: row; height: 40px; width: 100%; column-gap: 10px; cursor: unset; }
#askus-box.box-active .askus-box-control-hide { display: block; }
#askus-box.box-active .askus-box-div-message { flex: auto; }


#div-loading i.fa { font-size: 120px; color: blue; }
#div-loading, .div-loading { display:flex !important; justify-content:center; align-items:center; position:absolute; top:0; left:0; bottom:0; right:0; z-index:1000; background-color:rgba(255,255,255,.8); }

.login-help { margin: 5px; }
.footer-bottom { margin: 10px; }

.media-info { position: fixed; bottom: 0; left: 0; color: white; background-color: black; opacity: 0.5; padding: 2px 5px; z-index: var(--zindex-debug); }
.media-info::after { content: 'default'; }


.div-select-list-box { display: block; background-color: rgba( 0, 0, 0, .5 ); position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: var(--zindex-imgpreview); }
.div-select-list-box > div { margin: 5% auto; padding: 8px; width: 90vw; max-width: 1000px; height: fit-content; background-color: white; position: relative; }

.div-select-list-box .div-select-filter { display: inline-block; color: var(--color-theme-pri); margin: 5px 0 0 10px; border: 1px lightgray solid; border-radius: 3px; padding: 2px 5px;}
.div-select-list-box .div-select-filter:hover { cursor: pointer; opacity: 0.8; }
.div-select-list-box .div-select-filter.selected { color: white; background-color: var(--color-theme-bg-pri); }

.div-select-list-clickable { border: 1px solid lightgray; padding: 1px 1px 1px 4px; }

.div-select-list-box .div-select-list { display: block; margin-top: 10px; border-top: 1px lightgray solid; border-bottom: 1px lightgray solid; max-height: calc(90vh - 150px); min-height: 60px; overflow-y: auto; }
.div-select-list-box .div-select-list-item { display: none; color: var(--color-theme-pri); margin-top: 3px; padding: 2px; font-weight: bold; }
.div-select-list-box .div-select-list-item.filtered.searched { display: block; }
.div-select-list-box .div-select-list-item.selected { background-color: #cef; }
.div-select-list-box .div-select-list-item:hover { cursor: pointer; color: white; background-color: var(--color-theme-bg-pri); }
.div-select-list-box .div-select-list-item:hover .spn-select-list-item-desc { color: lightgray; }
.div-select-list-box .spn-select-list-item-desc { color: var(--color-theme-sec); font-weight: normal; }

.div-select-list-box .div-select-list-action { position: absolute; top: 0; right: 0; display: inline-block; margin-inline: 5px; font-size: 20px; color: var(--color-theme-pri); }


@media (min-width: 1000px) {
    .media-info::after { content: 'min-width: 1000px'; }

    .header-container { height: 174; }
}

@media (min-width: 1280px) and (max-width: 1479px) { 
    .media-info::after { content: 'min-width: 1280px | max-width: 1479px'; }

    .product-view-grid .product-container { grid-template-columns: 20% 20% 20% 20% 20%; }
    .content-general { width: 1200px; margin-inline: auto;}
}

@media (min-width: 1000px) and (max-width: 1279px) { 
    .media-info::after { content: 'min-width: 1000px | max-width: 1279px'; }

    .product-view-grid .product-container { grid-template-columns: 25% 25% 25% 25%; }
    .content-general { width: 960px; margin-inline: auto;}
}

@media (min-width: 760px) and (max-width: 999px) { 
    .media-info::after { content: 'min-width: 760px | max-width: 999px'; }
    
    .product-view-grid .product-container { grid-template-columns: 33.33% 33.33% 33.33%; }
    .content-general { width: 720px; margin-inline: auto;}    
}

@media (min-width: 520px) and (max-width: 759px) {
    .media-info::after { content: 'min-width: 520px | max-width: 759px'; }


    .product-view-grid .product-container { grid-template-columns: 50% 50%; }
    .content-general { width: 480px; margin-inline: auto;}

    #view-product .view-product-container { flex-direction: column; }
}

@media screen and (max-width: 519px) {
    .media-info::after { content: 'max-width: 519px'; }

    .div-center { margin-inline: 10px; }

    .main-content { margin-inline: 0; }
    .product-view-grid.product-view-featured .content-body { margin-inline: 0px; }

    .user-panel div.user-panel-search-item #search_in_title { width: 100%; min-width: 120px; }

    .product-view-grid .product-container { grid-template-columns: calc(50% - 5px) calc(50% - 5px); }
    .content-general { width: 100%; }

    .product-view-grid .product-inner .div-item-one { height: calc( 265px - (520px - 100vw) * 0.5); min-height: 200px; }

    #view-product .view-product-container { flex-direction: column; }
    #view-product .view-product-container .view-product-image-wrapper { width: min(calc(100vw - 80px), 300px); }
    /* #view-product .view-product-container .view-product-info-details { display: grid; grid-template-columns: auto; } */
    /* #view-product .view-product-container .product-attr-value { margin-bottom: 8px; margin-left: 8px; } */
}

@media screen and (max-width: 459px) {
    .product-view-grid .product-container .div-product-action { height: 40px; }
    .product-view-grid .product-container .div-product-cart-action { position: absolute; bottom: 5px; left: 0; width: 100%; }
    .product-view-grid .product-container .div-cart-quantity:before { position: absolute; top: -20px; }
}

/* menu */

@media screen and (max-width: 759px) {

    .header .search {float:none;}
    .mainmenu { display: none; }

    .user-panel div.user-panel-item.div-menu { display: block; }
    .user-panel .hide-on-smallscreen { display: none; }
    .menu-panel .account-info { display: block; }
}

/* for .product-view-list.content-public */

@media screen and (max-width: 759px) {
    .product-view-list.content-public .product-inner { display: flex; row-gap: 5px; flex-wrap: wrap; }
}

/* for .product-view-list.content-loggedin */

@media (min-width: 1000px) and (max-width: 1279px) { 

    .product-view-list.content-loggedin .product-inner { grid-template-columns: auto 180px 120px auto; }
    .product-view-list.content-loggedin .product-inner .div-product-image-caption { width: 440px; }
    .product-view-list.content-loggedin .product-inner .product_title { width: 262px; }

    .product-view-list.content-loggedin .product-inner .div-product-price-container { width: 120px; }
    .product-view-list.content-loggedin .product-inner .div-product-price-container .div-product-discount { float: right; }
}

@media screen and (max-width: 999px) {

    .product-view-list.content-loggedin .product-inner { padding-left: 0; display: flex; flex-wrap: nowrap; justify-content: flex-start;}

    .product-view-list.content-loggedin .product-inner .product_sku { display: inline; width: auto; }
    .product-view-list.content-loggedin .product-inner .product_title { display: inline; width: auto; }
    .product-view-list.content-loggedin .product-inner .product_size { display: inline; width: auto; }

    .product-view-list.content-loggedin .product-inner .div-product-price-container { width: 120px; }
    .product-view-list.content-loggedin .product-inner .div-product-price-container .div-product-discount { float: right; }

}

@media (min-width: 580px) and (max-width: 999px) { 
    .product-view-list .content-general { width: calc(100vw - 40px); }

    .product-view-list.content-loggedin .product-inner .div-product-image-caption { width: calc(100vw - 480px); max-width: 400px; padding-left: 25px; padding-right: 0; }    
    .product-view-list.content-loggedin.product-view-hide-image .product-inner .div-product-image-caption { width: calc(100vw - 370px); max-width: 400px; padding-left: 25px; padding-right: 0; }

    .product-view-list.content-loggedin .product-inner .div-product-action { height: auto; min-width: 155px; margin: 0; }
}

@media screen and (max-width: 699px) { 
    .product-view-list.content-loggedin:not(.product-view-hide-image) .content-general { width: 100%; }

    .product-view-list.content-loggedin:not(.product-view-hide-image) .product-inner { flex-wrap: wrap; }
    .product-view-list.content-loggedin:not(.product-view-hide-image) .product-inner .div-product-image-caption { width: calc(100vw - 90px); max-width: 430px; padding-left: 10px; padding-right: 0; }
    .product-view-list.content-loggedin:not(.product-view-hide-image) .product-inner .div-product-action { height: auto; margin: 5px 0 0 15px; width: 180px; }
}

@media screen and (max-width: 579px) {
    .product-view-list .content-general { width: 100%; }

    .product-view-list.content-loggedin .product-inner { flex-wrap: wrap; }

    .product-view-list.content-loggedin.product-view-hide-image .product-inner .div-product-image-caption { width: calc(100vw - 40px); max-width: 430px; padding-left: 10px; padding-right: 0; }
    .product-view-list.content-loggedin.product-view-hide-image .product-inner .div-product-action { height: auto; margin: 5px 0 0 15px; width: 180px; }
    .product-view-list.content-loggedin.product-view-hide-image .product-inner .div-product-price-container { margin-top: 5px; }
}

@media screen and (max-width: 409px) {
    .product-view-list.content-loggedin .product-inner { padding-right: 0; }
    .product-view-list.content-loggedin .product-inner .div-product-image-caption { width: 100%; }
    .product-view-list.content-loggedin .product-inner .div-product-price-container { width: 70px; min-width: 0; }
    .product-view-list.content-loggedin .product-inner .div-product-price-container .div-product-discount { font-size: 0.8em; }
}

.div-view-product-details .container { width: auto; }