/*
  GAYLE PRINTZ THEME - MEDIA QUERIES
  ============================================================================
  This file contains all media queries extracted from style.css
  Last Updated: [Current Date]
  Extracted from: style.css
  ============================================================================
*/

/* ============================================================================
   SECTION 2: MOBILE MENU SYSTEM - Media Queries
   ============================================================================ */

/* SECTION 2.1: Mobile Header Layout Reset */
/* SECTION 2.6: Footer Link Hover Effects */
@media screen and (max-width: 980px) {
    .et_pb_row.c-menu-row,
    .c-menu-row .et_pb_column,
    .et_pb_module.c-menu-style,
    .et_pb_menu_inner_container.clearfix {
        position: static; /* Override Divi positioning for mobile */
    }

    .cart-icon-wrap {
        border-right: unset; /* Remove cart border on mobile */
    }

    .footer-links .et_pb_module a {
        width: fit-content;
        display: block;
        position: relative;
    }

    .footer-links .et_pb_module a:before {
        transition: all .18s ease-in-out;
    }

    .et_pb_module.c-menu-style li.menu-item a::before {
        transition: all .18s ease-in-out;

    }
}

/* SECTION 3: MOBILE MENU STYLING - Media Queries */
/* SECTION 3.5: Mobile Search Bar Positioning */
@media screen and (max-width: 980px) {
    .wpdreams_asl_results.asl_w.asl_r .results {
        max-height: calc(100vh - 182px) !important;
    }
}
@media screen and (max-width: 980px) {
    .logged-in .wpdreams_asl_results.asl_w.asl_r .results {
        max-height: calc(100vh - 212px) !important;
    }
}
@media screen and (max-width: 767px) {
    .wpdreams_asl_results.asl_w.asl_r .results {
        max-height: calc(100vh - 165px) !important;
    }
}
@media screen and (max-width: 767px) {
    .logged-in .wpdreams_asl_results.asl_w.asl_r .results {
        max-height: calc(100vh - 211px) !important;
    }
}

@media screen and (max-width: 980px) {
    div#toggle-mobile-search {
        display: none !important;
    }

    .custom-search-bar.mobile-search-bar {
        display: none;
    }
}

@media screen and (min-width: 981px) {
    .wpdreams_asl_results.asl_w.asl_r {
        top: 99px !important;
        position: fixed !important;
        margin: 0;
        left: 0 !important;
        width: 100% !important;
        padding: 30px 0 25px 0;
    }

    .logged-in .wpdreams_asl_results.asl_w.asl_r {
        top: 132px !important;
    }

    body .c-menu-style.et_pb_menu--with-logo .et_pb_menu__menu > nav > ul > li > a {
        padding-top: clamp(10px, 1.64vw, 31px) !important;
        padding-bottom: clamp(10px, 1.64vw, 31px) !important;
    }

    .c-menu-style .et_pb_menu__wrap {
        justify-content: space-around !important;
    }
}

@media screen and (max-width: 980px) {
    .wpdreams_asl_results.asl_w.asl_r {
        margin: 0 !important;
        padding: 16px 0 25px 0 !important;
        width: 100% !important;
        left: 0 !important;
    }

    div[id*='ajaxsearchliteres'].wpdreams_asl_results .results img.asl_image {
        width: 248px !important;
        height: 165px !important;
    }

    .header-icon-wrap .view-mobile {
        display: block;
        text-transform: capitalize;
    }

    .header-icon-wrap .show-text a.header-icon {
        display: flex;
        flex-direction: row-reverse;
        justify-content: flex-end;
        column-gap: 12px;
    }

    body .c-menu-style .et_mobile_menu .account-icon-wrap a.header-icon:hover,
    .header-icon-wrap .show-text a.header-icon:hover {
        opacity: .85 !important;
    }
    .cart-icon-wrap a.header-icon:after {
        width: 25px !important;
        height: 25px !important;
    }
    .my-favorite-wrap a.header-icon:after {
        font-size: 22px !important;
    }
    .my-favorite-wrap a.header-icon {
        margin-bottom: -4px;
    }
    .header-icon-wrap .show-text {
        width: fit-content !important;
        margin-right: 18px !important;
    }
}

@media screen and (max-width: 767px) {
    .wpdreams_asl_results.asl_w.asl_r h3 a.asl_res_url {
        font-size: 18px !important;
    }

    .wpdreams_asl_results.asl_w.asl_r .asl_desc {
        font-size: 16px !important;
    }
    
    .wpdreams_asl_results .results img.asl_image {
        object-position: left;
    }
}

@media screen and (max-width: 580px) {
    .wpdreams_asl_results.asl_w.asl_r .asl_content {
        display: flex;
        flex-wrap: wrap;
    }

    .wpdreams_asl_results.asl_w.asl_r .asl_content h3 {
        width: 100%;
        margin-top: 24px !important;
    }

    div[id*='ajaxsearchliteres'].wpdreams_asl_results .results img.asl_image {
        width: 161px !important;
        height: 107px !important;
    }

    .mobile-search-bar .asl_w_container.asl_w_container_2 {
        width: 100% !important;
    }
}

@media screen and (max-width:980px) {
    .custom-search-icon-button.et_pb_icon {
        right: calc(5% + 45px);
    }
    .custom-search-bar {
        position: absolute;
        width: 100%;
        left: 0;
        top: 100%;
        transition: all .3s ease-in-out;
        padding-left: 5%;
        padding-right: 5%;
        background: #000;
        overflow: hidden;
    }
    button.promagnifier {
        position: absolute;
    }
    .proinput {
        padding-left: 30px !important;
    }
    .custom-search-icon-button.opened span.et-pb-icon:after {
        content: "\4d";
        font-family: 'ETmodules';
        font-size: 30px;
        margin-right: -5px !important;
    }
    .custom-search-icon-button.opened span.et-pb-icon {
        font-size: 0;
    }
    li.separate-menu-item a[role="link"]{
        display: none;
    }
    a.header-icon {
        display: block !important;
    }
    body div.asl_w .probox .proinput input::placeholder {
        color: #fff !important;
    }
    body .wpdreams_asl_results.asl_w.asl_r h3 a.asl_res_url {
        font-size: 20px !important;
    }
    body .wpdreams_asl_results.asl_w.asl_r .asl_desc {
        font-size: 15px !important;
    }
    .under-items .left {
        width: fit-content !important;
    }
}
@media screen and (max-width: 360px) {
    .under-items {
        flex-wrap: nowrap;
        flex-direction: column;
        justify-content: center;
    }
    .product-innerpage .right {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .under-items .left {
        margin: 10px 0 20px;
    }
}

@media screen and (min-width: 981px) and (max-width: 1350px) {
    .separate-menu-item .custom-search-bar .asl_w_container {
        min-width: unset !important;
        width: clamp(100px, 8.5vw, 180px) !important;
    }
    .et_pb_module.c-menu-style .et_pb_menu__logo-wrap {
        margin-right: 0 !important;
        height: 100px !important;
    }
    body div.asl_w .probox .proinput input, body div.asl_w .probox .proinput input::placeholder,
    .et_pb_module.c-menu-style.et_pb_menu ul li a {
        font-size: clamp(14px, 1.2vw, 16px) !important;
    }
    .et_pb_module.c-menu-style .et_pb_menu_inner_container>.et_pb_menu__logo-wrap {
        width: clamp(75px, 9vw, 122px);
    }
    .custom-search-bar {
        padding-right: 5px !important;
    }
    .account-icon-wrap {
        padding: 0 10px !important;
        padding-right: 0 !important;
    }
    .et_pb_module.c-menu-style.et_pb_menu .et-menu>li {
        padding-left: 8px;
        padding-right: 8px;
    }
}
@media screen and (min-width: 981px){
    a.header-icon {
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

/* ============================================================================
   HOMEPAGE CSS - Media Queries
   ============================================================================ */

@media screen and (max-width: 767px) {
    .homepage-showcase img {
        margin-bottom: 16px;
    }
}

@media (max-width: 980px) {
    .home-page-testimonial.et_pb_testimonial .et_pb_testimonial_content p {
        padding: 0 !important;
        margin-bottom: 8px;
    }
}

/* ============================================================================
   THE ARTIST POSTTYPE CSS - Media Queries
   ============================================================================ */

@media screen and (max-width: 980px) {
    img.the-artist-img {
        margin-bottom: 5px;
    }

    span.the-artist-name {
        margin-top: 10px;
    }
}

@media screen and (max-width: 767px) {
    span.the-artist-name {
        font-size: 16px;
    }
}

/* ============================================================================
   THE ARTIST PAGE CSS - Media Queries
   ============================================================================ */

@media screen and (max-width: 980px) {
    .et_pb_module.p-text-gap .et_pb_text_inner p {
        padding: 0 !important;
        margin-bottom: 16px;
    }

    .et_pb_module.p-text-gap .et_pb_text_inner p:first-of-type {
        margin-bottom: 22px !important;
    }
}

@media screen and (max-width: 767px) {
    .et_pb_module.p-text-gap .et_pb_text_inner p:first-of-type {
        margin-bottom: 14px !important;
    }
}

@media screen and (min-width: 981px) {
    .dm-size span.the-artist-quote p {
        font-size: clamp(20px, 1.67vw, 32px) !important;
        line-height: clamp(28px, 2.08vw, 40px) !important;
    }

    .dm-size h3.the-artist-name {
        font-size: clamp(14px, 0.94vw, 18px) !important;
        margin-top: clamp(10px, 0.834vw, 16px);
    }

    .et_pb_column.dm-size {
        margin-right: clamp(14px, 1.87vw, 36px) !important;
    }

    .dm-text-size h2.artist-tab-title {
        font-size: clamp(13px, .834vw, 16px) !important;
    }

    .dm-text-size span.artist-tab-link {
        padding: clamp(8px, 0.834vw, 16px);
    }

    .dm-text-size .et_pb_text_inner h1 {
        font-size: clamp(30px, 2.085vw, 40px) !important;
    }

    .dm-text-size .et_pb_text_inner > p {
        margin-bottom: clamp(10px, 1.98vw, 38px) !important;
    }

    .dm-text-size .tab-contents-wrap .artist-tab-content p {
        font-size: clamp(14px, 0.834vw, 16px) !important;
    }

    .dm-text-size .tab-contents-wrap .artist-tab-content p:not(:last-child) {
        padding-bottom: clamp(16px, 1.25vw, 24px) !important;
    }
}

@media screen and (max-width: 980px) {
    body span.artist-tab-link {
        padding-top: 20px !important;
        padding: 8px !important;
        margin-top: 0 !important;
    }

    .tab-contents-wrap {
        padding-top: 24px;
    }
}

@media screen and (max-width: 767px) {
    .content-tab-bar {
        position: absolute;
        top: 0;
        overflow: hidden;
        opacity: 0;
        z-index: -1;
        pointer-events: none;
    }

    .tab-contents-wrap {
        padding-top: 16px;
    }
}

@media screen and (min-width: 768px) {
    .custom-tab-dropdown {
        display: none;
    }
}

/* ============================================================================
   PRESS PAGE - Media Queries
   ============================================================================ */

@media screen and (max-width: 767px) {
    .new-press-grid {
        grid-template-columns: 100%;
    }

    h2.press-item-title {
        height: fit-content !important;
    }
}
@media screen and (max-width: 600px) {
    .new-press-grid:after {
        display: none;
    }
    .new-press-grid {
        grid-template-columns: 100% !important;
    }
}

@media screen and (max-width: 980px) {
    h2.press-cover {
        text-align: center;
    }

    span.breaked-text {
        display: inline;
        margin-left: 0 !important;
    }

    span.press-cover-author {
        margin-top: 14px;
        display: block;
    }

    span.cover-author-text {
        margin-right: 0 !important;
    }
}

@media screen and (min-width: 981px) {
    .et_pb_post_content.press-contents p {
        text-align: justify;
    }
}

/* ============================================================================
   SITE GRAVITY FORM CSS - Media Queries
   ============================================================================ */

@media screen and (max-width: 980px) {
    h3.sub-title {
        padding-bottom: 16px;
    }
}

@media screen and (max-width: 767px) {
    a.et_pb_button.button-m-size,
    .Subscribe-form input.gform_button.button {
        width: 100%;
    }
}

@media screen and (max-width: 980px) {
    .gform_confirmation_message .thank-wrap p.thank-message {
        font-size: 24px;
    }
}

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

    .contact-form input,
    .contact-form textarea {
        margin-bottom: 16px !important;

    }

    .gform_confirmation_message .thank-wrap p.thank-message {
        font-size: 18px;
    }

    .contact-form .gform_heading h2.gform_title {
        font-size: 32px;
    }
}

/* ============================================================================
   E-COMMERCE PAGES CSS - Media Queries
   ============================================================================ */

/* Cart page */
@media screen and (max-width: 768px) {
    .woocommerce-cart-form .coupon .input-text {
        margin-right: 3% !important;
        width: 47.5%;
    }

    .woocommerce-cart-form .coupon button.button {
        width: 47.5%;
    }
}

@media screen and (max-width: 480px) {
    .woocommerce-cart-form .coupon {
        flex-wrap: wrap;
    }

    .woocommerce-cart-form .coupon .input-text {
        margin-right: 0 !important;
        width: 100%;
    }

    .woocommerce-cart-form .coupon button.button {
        width: 100%;
    }
}

@media screen and (min-width: 769px) {
    tbody tr.woocommerce-cart-form__cart-item.cart_item th.product-name {
        background-color: #fff !important;
        padding: 0 !important;
    }

    tbody tr.woocommerce-cart-form__cart-item.cart_item th.product-name a {
        background-color: #000;
        padding: 18px 10px;
        display: inline-block;
        width: 60%;
        margin: -1px 0 !important;
    }
}

@media screen and (max-width: 768px) {
    .woocommerce-page table.cart .product-thumbnail {
        display: table-cell !important;
        text-align: center !important;
    }

    .woocommerce table.shop_table_responsive tbody th,
    .woocommerce-page table.shop_table_responsive tbody th {
        display: block !important;
    }

    tr.woocommerce-cart-form__cart-item.cart_item td.product-remove a.remove:after {
        margin-left: 0 !important;
    }

    .cart_totals.calculated_shipping tr.cart-subtotal th {
        display: none !important;
    }

    .cart_totals.calculated_shipping tr.woocommerce-shipping-totals.shipping th {
        display: none !important;
    }

    tr.woocommerce-cart-form__cart-item.cart_item td.product-thumbnail {
        width: 40px !important;
        padding: 0 !important;
        min-width: 100px !important;
    }

    table.shop_table.cart thead th:nth-child(1),
    table.shop_table.cart tbody td:nth-child(1) {
        width: 9%;
    }

    table.shop_table.cart thead tr th.product-name {
        width: 45%;
    }

    th.product-thumbnail {
        width: 10%;
    }

    .et_pb_wc_cart_totals_0 table.shop_table_responsive tbody td:before {
        position: relative;
        width: fit-content !important;
        text-align: left;
    }

    tr.woocommerce-shipping-totals.shipping > td {
        display: flex !important;
        gap: 15px;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    tr.woocommerce-cart-form__cart-item.cart_item td.product-price,
    tr.woocommerce-cart-form__cart-item.cart_item td.product-subtotal {
        background: #fff !important;
    }
}

@media screen and (max-width: 500px) {
    table.shop_table.cart thead th:nth-child(6),
    table.shop_table.cart tbody td:nth-child(6) {
        display: none;
    }

    table.shop_table.cart thead th:nth-child(1),
    table.shop_table.cart tbody td:nth-child(1) {
        width: 10%;
    }

    table.shop_table.cart thead tr th.product-price {
        text-align: center;
    }

    tr.woocommerce-cart-form__cart-item.cart_item td.product-thumbnail {
        min-width: 70px !important;
    }

    th.product-name a {
        font-size: 16px;
    }

    tr.woocommerce-cart-form__cart-item.cart_item td {
        padding: 10px 8px !important;
    }

    .woocommerce-cart table.cart .product-thumbnail {
        min-width: 50px !important;
    }
}

@media (max-width: 768px) {
    .woocommerce .u-columns {
        flex-direction: column;
    }
}

@media screen and (max-width: 980px) {
    .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-2 {
        width: 100% !important;
    }
}

@media screen and (max-width: 767px) {
    button.woocommerce-Button.button,
    .woocommerce-address-fields button.button {
        margin-top: 24px;
    }
}

/* ============================================================================
   CUSTOM POP-UP STYLES - Media Queries
   ============================================================================ */

@media screen and (max-width: 767px) {
    .custom-popup-inner {
        width: calc(100% - 55px);
    }

    .custom-popup-inner .et-l {
        width: 100%;
    }
}

/* ============================================================================
   THE GALLERY PAGE CSS - Media Queries
   ============================================================================ */

@media screen and (max-width: 980px) {
    .icvm_gallery .item {
        width: 100%;
    }

    .icvm_gallery .filters-flex-row {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        align-content: flex-start;
    }

    .icvm_gallery .filters-flex-row-left {
        width: 100%;
        align-content: flex-start;
        align-items: flex-start;
    }
}

@media screen and (min-width: 768px) {
    .icvm_gallery .items a:nth-last-child(2).item .sub {
        margin: 0;
    }
}

@media screen and (max-width: 980px) {
    .icvm_gallery .item .sub {
        margin-bottom: 32px;
    }
}

@media screen and (max-width: 768px) {
    .filters_wrap {
        width: 100%;
    }

    .icvm_gallery .item .sub {
        margin-bottom: 24px;
    }
}

@media screen and (max-width: 768px) {
    .sort_main {
        width: 100%;
        margin-bottom: 10px;
    }

    .icvm_gallery .filters-main-wrap {
        height: fit-content;
    }

    button.clear_filters {
        position: relative;
    }
}

@media screen and (max-width: 980px) {
    .overlay-bold-text {
        font-size: 24px;
    }

    .overlay-detail-text {
        font-size: 18px;
    }
}

@media screen and (max-width: 767px) {
    .overlay-bold-text {
        font-size: 20px;
    }
    .icvm_gallery .filters-flex-row-left {
        flex-wrap: wrap !important;
    }
    .sort_main.arts-sortby {
        width: calc(100% - 181px) !important;
        flex: unset !important;
        margin-bottom: 0;
        z-index: 9;
    }
    .sort_main.arts-filter {
        width: 100% !important;
        flex: unset !important;
        margin-bottom: 0;
    }
    .icvm_gallery .filters-flex-row {
        align-items: flex-start !important;
    }
    .icvm_gallery .filters-pagination-select select {
        min-width: 60px;
    }
}
@media screen and (max-width: 320px) {
    .icvm_gallery .filters-buttons {
        flex-wrap: wrap;
    }
}
@media screen and (max-width: 600px) {
    .icvm_gallery .filters-flex-row-left {
        flex-direction: column;
    }

    .icvm_gallery .sort_main {
        width: 100%;
        flex: 0 0 auto;
    }
    ul.filters-buttons li button, ul.filters-buttons li {
        width: 100%;
    }
}

/* ============================================================================
   PRODUCT PAGE CSS - Media Queries
   ============================================================================ */

@media print {
    .c-menu-style .et_pb_menu__wrap,
    .c-menu-style .separate-main-wrap {
        display: none;
    }

    .c-menu-style .et_pb_menu__logo img {
        filter: brightness(0.0);
    }

    .footer-row .et_pb_column.et_pb_column_1_tb_footer.footer-links {
        display: none;
    }

    .et_pb_row.et_pb_row_0_tb_footer.footer-row {
        justify-content: center;
    }

    .footer-row .et_pb_column_0_tb_footer {
        width: 19.2% !important;
        display: flex;
        column-gap: 16px;
        align-items: center;
        justify-content: flex-start;
    }

    .footer-row .et_pb_icon_wrap .et-pb-icon {
        color: #000;
    }

    .print .et_pb_row .et_pb_column.et_pb_column_2 {
        width: 100% !important;
    }

    body.print .et_pb_row .et_pb_column .et_pb_module.et_pb_text.artist-shortcode {
        position: static !important;
    }

    .custom-tab-dropdown {
        display: none;
    }

    .dm-text-size span.artist-tab-link {
        padding: 5px;
    }

    .artist-content-wrap .content-tab-bar {
        border: unset;
    }

    .page-id-295 .print .et_pb_column.et_pb_column_1_3,
    .page-id-238 .print .et_pb_column.et_pb_column_1_3,
    .page-id-8 .print .et_pb_column.et_pb_column_2_5 {
        width: 100%;
        display: flex;
        justify-content: center;
        margin-bottom: 50px;
    }

    .et_pb_module.et_pb_text.Subscribe-form {
        margin-top: 80px !important;
        margin-left: 0 !important;
    }

    a.press {
        display: none;
    }

    .press-article-wrap {
        margin-top: 200px;
    }

    .press-custom-pagination {
        display: none;
    }

    .et_pb_button_module_wrapper a.et_pb_button {
        display: none;
    }

    .Subscribe-form .gform_wrapper .gform-footer input.gform_button.button,
    .contact-form .gform_wrapper .gform-footer .gform_button.button,
    .gform_confirmation_message .thank-wrap a.thank-button {
        display: none;
    }

    .product-innerpage div#content-area {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .et_pb_sticky_module.et_pb_sticky_placeholder {
        opacity: 1 !important;
    }

    .et_pb_sticky_module.et_pb_sticky {
        display: none;
    }

    .icvm_masonry_parent .items a.item {
        position: relative !important;
        float: left !important;
        left: 0 !important;
        top: 0 !important;
    }

    .icvm_masonry_parent .items {
        width: 100% !important;
        height: fit-content !important;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }

    .art-overlay-wrap,
    .filters.filters-main-wrap {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .art-slider-item.art-slider-details .inner-slider-items {
        padding: 75px 8px 30px;
    }

    .Art-details-header {
        top: 15px;
    }
    
    .art-page-row .art-slider-item.slick-slide img.img {
        object-fit: contain !important;
    }
}

@media screen and (min-width: 1024px) {
    .inner-slider-item.slide-had-border {
        border-right: .5px solid #707070;
    }
}

@media screen and (max-width: 767px) {
    .art-page-row .inner-slider-items ul.slick-dots {
        display: none !important;
    }

    .art-page-row .inner-slider-items button.slick-arrow {
        display: flex !important;
    }

    .inner-slider-column.slide-had-border {
        border-right: none !important;
    }

    .art-page-row .inner-slider-items button.slick-arrow:after {
        width: 15px;
        height: 15px;
    }

    div.inner-slider-column {
        padding-left: clamp(10px, 3.15vw, 24px);
    }
}

@media screen and (min-width: 768px) {
    .art-slider-item.art-slider-landscape img.img {
        max-width: 90%;
    }
}

@media screen and (max-width: 285px) {
    a.bottom-slide img {
        width: 90%;
        height: 90%;
        margin: auto;
    }
}

@media screen and (max-width: 767px) {
    .art-slider-item {
        height: fit-content !important;
    }
}

@media screen and (max-width: 980px) {
    .product-innerpage div#content-area {
        padding-top: 32px;
        padding-bottom: 100px !important;
    }

    .art-page-row button.slick-prev.slick-arrow {
        left: 0px !important;
        transform: translate(-100%, -50%);
    }
    .art-page-row button.slick-prev.slick-arrow:hover{
        transform: translate(-100%, -50%) scale(1.2) !important;
    }
    .art-page-row button.slick-next.slick-arrow {
        right: 0 !important;
        transform: translate(100%, -50% );
    }
    .art-page-row button.slick-next.slick-arrow:hover{
        transform: translate(100%, -50%) scale(1.2) !important;
    }

    .art-page-row {
        margin: 0 24px;
    }

    .top-buttons {
        margin: 24px 24px;
    }

    .under-items {
        margin: 24px 24px;
    }

    .arts-bottom-slider.slick-initialized.slick-slider {
        margin: 0 16px;
    }

    h1.prod-title {
        font-size: 40px;
    }

    .art-page-row button.slick-arrow:after,
    .arts-bottom-slider button.slick-arrow:after {
        width: 30px;
        height: 30px;
    }
}

@media screen and (max-width: 767px) {
    .product-innerpage div#content-area {
        padding-bottom: 64px;
    }

    .art-page-row button.slick-arrow:after,
    .arts-bottom-slider button.slick-arrow:after {
        width: 20px;
        height: 20px;
    }

    .under-items .left {
        width: 100%;
        order: 3;
    }

    .under-items {
        flex-wrap: wrap;
    }

    .Art-bottom-header.center {
        width: 100%;
    }

    .under-items .right {
        margin-top: 24px;
        margin-bottom: 16px;
    }
    .product-innerpage.product-unavailable .right .link-wrap {
        width: fit-content;
        margin: auto;
    }
    .product-innerpage.product-unavailable .under-items .left {
        align-items: center;
    }
    .product-innerpage.product-unavailable .under-items .right {
        width: 100% !important;      
    }
    .under-items .left a {
        width: 100%;
        max-width: 100%;
        display: inline-block;
    }
    .product-innerpage.product-unavailable .under-items {
        justify-content: center !important;
    }

    .left .btn-wrap {
        width: 100%;
        max-width: 100%;
    }

    .top-buttons {
        justify-content: center;
    }

    .arts-bottom-slider.slick-initialized.slick-slider {
        margin: 0 16px;
    }

    h1.prod-title {
        font-size: 32px;
    }

    .arts-bottom-slider .slick-list.draggable,
    .arts-bottom-slider .slick-list {
        margin: 0 24px;
    }

    .inner-slider-column.slide-had-border {
        border-right: unset;
    }
}
@media screen and (min-width:981px) {
    .product-innerpage.product-unavailable .under-items .left {
    min-width: 142px;
    }
}

@media screen and (max-width: 980px) {
    .inner-art-honors.empty-slide {
        display: none !important;
    }
}

@media (max-width: 768px) {
    .art-slider-item .mapWrap {
        right: 5px;
        bottom: 5px;
    }

    .art-slider-item .mapWrap .ctrls, .zoom_overlay {
        display: none !important;
    }

    .mapWrap, .mapWrap .map, .art-slider-item .map img {
        max-width: 100px !important;
        max-height: 100px !important;
    }

    .cursor {
        width: 20px !important;
        height: 20px !important;
    }

    .mapWrap .map {
        width: 100%;
        height: 100%;
        position: relative;
    }

    .mapWrap .map img {
        width: 100%;
        height: 100%;
        object-fit: contain; /* maintain image aspect ratio */
        display: block;
    }
}

@media screen and (max-width: 767px) {
    .gform_wrapper.gravity-theme .gfield textarea.medium {
        height: 125px;
    }
}