/* Minification failed. Returning unminified contents.
(90,17): run-time error CSS1039: Token not allowed after unary operator: '-main_color'
(407,19): run-time error CSS1039: Token not allowed after unary operator: '-breadcrumbs_top'
 */
html._popup_opened body {
    overflow: hidden !important;
}

/*For EMCTemlate*/
@media (orientation: landscape) and (min-width: 600px) and (max-width: 850px){
    .card .card-body {
        display: contents;
    }

    .filters-panel {
        min-width: 100%;
        max-width: 100%;
    }
}

@media (hover: hover) {
    .list-product-title-container {
        height: 230px;
    }

        .list-product-title-container h2 {
            max-height: 152px;
            overflow-y: hidden;
            margin-bottom: 20px !important;
            padding-right: 10px;
        }   
}

@media (max-width: 768px) {
    .row.col-12 .order-sm-12 {
        padding: 10px 0px !important;
    }
}

@media (max-width: 410px) {
    .stock_info_text {
        display: block;
        margin: 0px;
        width: fit-content;
    }
}

@media (max-width: 600px) {
    .sticky-navbar {
        position: relative;
        top: 0;
        width: 100%;
        z-index: 100;
    }

    .navbar-main {
        margin-top: 0;
    }

    .navbar-main .container {
        width: 100%;
    }


    .sideBar {
        display: flex;
        flex-flow: column;
    }
}

.homepage-layout .row{
    margin: 5px 0 5px 0;
    padding: 0px;
}

.state-select {
    color: #444444;
    background-color: #f0f0f0 !important;
    border-radius: 0;
    border: none;
}


#paywall-card-modal .modal-dialog {
    max-width: 900px !important;
}

.condition-margin {
    margin-left: 10px;
}

.navbar-main .navbar-toggler {
    background-color: transparent;
    color: var(--main_color);
    padding: 0;
    margin: 0;
    top: 0;
    max-height: 90px;
    height: 90px;
    width: 100px;
}

@media (max-width: 300px) {
    .navbar-toggler {
        width: 25px !important;
    }
}

.breadcrumb-list {
    flex: 0 0 50%;
    max-width: 50%;
    padding-right: 15px;
}

.breadcrumb-header {
    flex: 0 0 50%;
    max-width: 50%;
    padding-left: 15px;
}

@media (max-width: 768px) {
    .breadcrumb-header {
        display: none;
    }

    .breadcrumb-list {
        flex: 0 0 100%;
        max-width: 100%;
        padding-right: 15px;
        padding-left: 15px;
    }

    .cart-buttons .buttons-area {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 20px;
    }

    .cart-buttons .buttons-area a {
        float: right !important;
    }

    .cart-list-items-table, .cart-list-items-table table {
        display: none !important;
    }

    .cartListInner .totalAmountArea {
        border: 1px solid lightgray;
        margin-top: 30px !important;
    }
}

@media (min-width: 767px) {
    .small-width {
        display: none;
    }

    #hidden-overflow {
        overflow: hidden !important;
    }
}

@media (hover: none) {
    .products-list-item {
        border: 2px solid lightgrey !important;
        transition: 0.5s all;
        margin: 0px;
    }

    .product-column .category-item {
        border: 2px solid rgba(211,211,211,1) !important;
        border-bottom: 0 solid transparent !important;
    }
}

@media (hover: none) {
    .artwork-grid-image-block {
        border: 1px solid lightgray;
    }   
}

.modal .modal-body h3 {
    text-align: center;
}

@media (min-width: 769px) {
    .cart-items-mobile {
        display: none !important;
    }
    .modal .modal-body h3 {
        text-align: left;
    }
}

.cart-items-mobile {
    padding: 0 15px 0 15px;
}

.cart-items-mobile .cart-item-product-name {
    font-size: 14px !important;
    width: 100%;
    text-align: center;
}

.cart-header-button-mobile {
    color: black;
    height: 40px;
    margin-top: 10px;
}

.cart-item-price {
    font-size: 16px;
}

.cart-items-mobile .cart-item-info {
    text-align: center;
}

.cart-items-mobile .count-input {
    justify-content: center;
}

@media (max-width: 450px) {

    #quick-header-description-id {
        width: 100%;   
    }
    .quick-slider-box {
        grid-template-columns: repeat(7, 40px);
    }

    .modal-body {
        overflow-x: hidden;
    }
}

@media (max-width: 330px) {
    /*.related-products-button-prev {
        min-width: 15px !important;
    }
    .related-products-button-next {
        min-width: 15px !important;
    }*/
    .related-products-button {
        width: 5px;
    }

    .product-column {
        padding: 20px;
    }
}

@media (max-width: 600px) {
    .sticky-breadcrumbs__on {
        position: relative;
        top: 0;
        width: 100%;
        z-index: 100;
    }
}

@media (max-width: 825px) {
    .artwork-gallery-window {
        background-color: white;
        position: absolute;
        z-index: 1000;
        padding-top: 50px !important;
        margin: 0 !important;
        margin-bottom: 60px !important;
        top: 0 !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
    }

    .artwork-gallery-close {
        border: none !important;
        transform: none !important;
        width: 40px !important;
        height: 40px !important;
    }
}

@media (max-width: 600px) {

    .artwork-gallery-treeview {
        width: 100% !important;
        max-width: 100% !important;
        margin-right: 0 !important;
        height: auto !important;
        flex: 0 0 100%;
    }
    .artwork-gallery-window {

        display: flex;
        flex-wrap: wrap;
        overflow-y: auto !important;

    }

    .artwork-gallery-scroll {
        width: 100%;
        flex: 0 0 100%;
        height: auto;
        overflow-y: unset !important;
        margin-bottom: 100px !important;
    }
}

@media (hover : none) {
    .artwork-image-select {
        opacity: 1 !important;
    }

    .artwork-gallery-image-tint {
        display: none;
    }

/*    .artwork-gallery-color-image-tint {
        display: none;
    }*/
}

@media (min-width: 768px) and (max-width: 1000px) {
    .pageHeader ol.breadcrumb li a {
        font-size: 9px !important;
    }

    .pageHeader ol.breadcrumb .active {
        font-size: 9px !important;
    }
}

.paywall-card-modal .my-dialog,
.modal-dialog,
.login-modal .my-dialog,
#vue_forgot_modal_template .my-dialog,
.register-modal .my-dialog {
    max-width: 925px !important;
    min-width: 925px !important;
}

@media (min-width: 768px) and (max-width: 1024px) {
    .paywall-card-modal .my-dialog,
    .login-modal .my-dialog,
    .register-modal .my-dialog,
    #vue_forgot_modal_template .my-dialog {
        max-width: 700px !important;
        min-width: 700px !important;
    }
}
@media (min-width: 650px) and (max-width: 768px) {
    .paywall-card-modal .my-dialog,
    .login-modal .my-dialog,
    .register-modal .my-dialog,
    #vue_forgot_modal_template .my-dialog {
        max-width: 600px !important;
        min-width: 600px !important;
    }
}
@media (min-width: 550px) and (max-width: 650px) {
    .paywall-card-modal .my-dialog,
    .login-modal .my-dialog,
    .register-modal .my-dialog,
    #vue_forgot_modal_template .my-dialog {
        max-width: 500px !important;
        min-width: 500px !important;
    }
}

@media(max-width: 768px) {
    .artwork-gallery-image-tint {
        display: none;
    }

    /*.navbar-default .navbar-collapse li.dropdown .dropdown-menu {
        position: relative !important;
        top: 0;
    }*/

}

.d-none1 {
    display: none !important;
}

@media (min-width: 850px) {

    .d-none1 {
        display: block !important;
    }

}

@media (max-width: 849px) {
    .w-100-1 {
        max-width: 100%;
        flex: 0 0 100%;
    }
}

/*@media (min-width: 480px) {
    .navbar-default .navbar-collapse li.dropdown .dropdown-menu {
        position: absolute !important; 
    }
}*/

@media (max-width: 650px) {
    .sticky-breadcrumbs__on {
        position: fixed;
        top: var(--breadcrumbs_top);
    }
}

.mobile-orders-list {
    display: none;
}

@media (max-width: 650px) {
    .mobile-orders-list {
        display: block;
    }
}

@media (max-width: 899px) {
    .artwork-file-requirements {
        min-width: 100% !important;
    }
}

@media (max-width: 991px) {
    .aboutUsInfo .control-label {
        text-align: left;
    }
}


@media (min-width: 769px) {
    .mobile-item {
        display: none !important;
    }
}

@media (max-width: 768px) {
    .not-mobile-item {
        display: none !important;
    }
}

@media (max-width: 650px) {
    .modal-with-buttons {
        height: calc(100vh - 200px);
    }
}

.no-margin-element {
    margin: 0px;
}

@media (max-width: 650px) {
    #adaptive-menu {
        width: 100%;
        max-width: 650px;
    }

    .container .row.col-12 {
        margin: 0px;
    }
}