/* ------------------------------------------------------------------------
--------------------------------- Size 4 ----------------------------------
------------------------------------------------------------------------ */

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


   /* -----------------------------------------------------------
      Generic
   ----------------------------------------------------------- */
   .section-home #header #logo span {
     background-size: 500px !important;
     width: 500px;
   }

}



/* ------------------------------------------------------------------------
--------------------------------- Size 3 ----------------------------------
------------------------------------------------------------------------ */

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


    /* -----------------------------------------------------------
       Generic
    ----------------------------------------------------------- */
    .section-home #header .header-ui-wrapper {
      top: 28px;
    }
    .section-home.type-fullscreen #slideshow.slideshow_navigation_enabled ul li .content {
      bottom: 0;
    }
    body .page_header_enable.scrolling-down #header.header_fixed:not(.header_fixed_no_follow) {
      display: none;
    }

    body.responsive-nav-slide-nav.responsive-nav-side-position-fullscreen #responsive_slide_nav_wrapper .navigation ul li a {
      color: #fff;
    }
    body.responsive-nav-slide-nav.responsive-nav-side-position-fullscreen #responsive_slide_nav_wrapper #top_nav .header_quicksearch_field {
      color: #fff;
      text-transform: uppercase;
      font-family: var(--font-0);
      font-size: 1.5rem;
      text-align: center;
      width: 100%;
    }

    /* -----------------------------------------------------------
       General layout
    ----------------------------------------------------------- */
    #hero_header #hero_heading {
      left: auto;
    }
    #sidebar, .sidebar {
      width: 100%;
      margin-right: auto;
      padding-left: 0;
   }
   section#scroll_section_overview #content_module, section#scroll_section_overview .content_module {
      width: 100%;
   }
   #content_module, .content_module {
      width: 100%;
   }


    /* -----------------------------------------------------------
        Global classes
    ----------------------------------------------------------- */
    #footer .inner {
      padding-left: 0px;
      padding-right: 0px;
   }


    /* -----------------------------------------------------------
       Page Specific
    ----------------------------------------------------------- */
    .section-home #container iframe {
      max-width: none;
   }
    .page-artists #main_content #sidebar {
      display: none;
    }
    .subsection-artists-list {
      min-height: 100vh;
      height: auto;
   }

   .feature_panels .panel_image_text_adjacent .content, .feature_panels .panel_image_text_adjacent .image {
      width: 100%;
   }
   .page-contact .panel_image_text_adjacent .image.restricted-image-container {
      margin-right: auto;
   }
   .page-contact .feature_panels .panel_image_text_adjacent .image {
      padding-left: 0;
   }
   .page-contact .feature_panels .panel_image_text_adjacent .content {
      width: 100%;
   }

   .page-editions #main_content {
      margin-top: -206px;
   }

   #popup_content #image_gallery {
      padding: 0;
   }

   #popup_content::before {
      margin-left: 30px;
      margin-top: 28px;
   }
}



/* ------------------------------------------------------------------------
--------------------------------- Size 2 ----------------------------------
------------------------------------------------------------------------ */


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


    /* -----------------------------------------------------------
       Generic
    ----------------------------------------------------------- */

   body.section-home.type-fullscreen #container:not(.page-scroll) #header.header_transparent:not(.page-scroll) #logo.auto_brightness_disabled .logo-variant-light, 
   body.section-home.layout-hero-header #container:not(.page-scroll) #header.header_transparent:not(.page-scroll) #logo.auto_brightness_disabled .logo-variant-light,
   body.section-home.type-fullscreen #container:not(.page-scroll) #header.header_transparent:not(.page-scroll) #logo.auto_brightness_disabled .logo-variant-dark,
   body.section-home.layout-hero-header #container:not(.page-scroll) #header.header_transparent:not(.page-scroll) #logo.auto_brightness_disabled .logo-variant-dark {
      width: 100%;
   }

   .section-home #logo {
      min-width: 100% !important;
      max-width: 100% !important;
   }

    /* -----------------------------------------------------------
       General layout
    ----------------------------------------------------------- */
    #hero_heading {
      right: 20px !important;
    }


    /* -----------------------------------------------------------
        Global classes
    ----------------------------------------------------------- */
    #footer #contact_info {
      max-width: 100%;
   }
   #footer #mailinglist_form #artlogic_mailinglist_signup_form { 
      min-width: fit-content;
   }

    /* -----------------------------------------------------------
       Page Specific
    ----------------------------------------------------------- */
    .page-editions #header #logo.user-custom-logo-image::after {
      background-size: 203px;
      width: 203px;
   }
    .page-editions .feature_panels.first_panel_full_bleed li.panel_hero .hero_heading {
    min-height: initial;
    position: absolute;
   }
   body.section-editions .feature_panels ul li.panel_hero .hero_heading {
      padding-bottom: 0;
   }
   .page-editions .feature_panels .panel_hero .hero_section {
      height: 100vh;
   }
   .page-editions .feature_panels li.panel_hero .hero_section .inner {
      min-height: 100vh;
   }


   .page-store #header #logo.user-custom-logo-image::after {
      background-size: 203px;
      width: 203px;
   }
   .page-store #header .inner, 
   .page-store #header.header_fixed .inner {
      padding-bottom: 50px;
   }

   #popup_content::before {
      margin-top: 20px;
   }

}





/* ------------------------------------------------------------------------
--------------------------------- Size 1 ----------------------------------
------------------------------------------------------------------------ */


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

    /* -----------------------------------------------------------
       Generic
    ----------------------------------------------------------- */
    #footer.advanced_footer .advanced_footer_item {
      padding: 0 0px 0px 0;
  }


    /* -----------------------------------------------------------
       General layout
    ----------------------------------------------------------- */
    .fullscreen_slideshow ul li .content .inner {
      max-width: 100%;
      left: 20px;
    }


    /* -----------------------------------------------------------
        Global classes
    ----------------------------------------------------------- */



    /* -----------------------------------------------------------
       Page Specific
    ----------------------------------------------------------- */


}





/* ------------------------------------------------------------------------
--------------------------------- Size 0 ----------------------------------
------------------------------------------------------------------------ */


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

   /* -----------------------------------------------------------
      Generic
   ----------------------------------------------------------- */
   .section-home #header #logo span {
      background-size: 400px !important;
      width: 400px;
  }
  #footer ul.topnav {
   display: block;
  }
  #footer ul.topnav li {
   line-height: 1.5;
  }
  #footer ul.topnav {
   padding: 20px 0 0 0;
}


   /* -----------------------------------------------------------
      General layout
   ----------------------------------------------------------- */


   /* -----------------------------------------------------------
       Global classes
   ----------------------------------------------------------- */



   /* -----------------------------------------------------------
      Page Specific
   ----------------------------------------------------------- */
   .section-home .fullscreen_slideshow ul li .image {
      -webkit-animation: none;
      -moz-animation: none;
      -o-animation: none;
      animation: none;
   }


}




/* ------------------------------------------------------------------------
--------------------------------- Size 0 ----------------------------------
------------------------------------------------------------------------ */


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

   /* -----------------------------------------------------------
      Generic
   ----------------------------------------------------------- */
   .section-home #header #logo span {
      background-size: 300px !important;
      width: 300px;
  }
   body .page-scroll #header.header_fixed:not(.header_fixed_no_follow) {
      display: none;
   }
   .scrolling-up #header .inner, .scrolling-up #header.header_fixed .inner {
      display: none;
   }

   /* -----------------------------------------------------------
      General layout
   ----------------------------------------------------------- */
#hero_header:not(.hero-mode-split) .title, #hero_header:not(.hero-mode-split) #hero_heading a, #hero_header:not(.hero-mode-split) #hero_heading a:visited {
   font-size: var(--xlarge-fs);
   margin: 0;
   padding-bottom: 0 !important;
}
#hero_heading {
   right: 0px !important;
   max-width: fit-content;
   padding: 50px 20px 50px 20px !important;
}

blockquote, blockquote span {
   font-size: var(--large-fs) !important;
   line-height: var(--large-lh);
}
   /* -----------------------------------------------------------
       Global classes
   ----------------------------------------------------------- */
   body .records_list.gd_image_cropping_uncropped > ul li img {
      position: relative;
  }

   .records_list.image_list > ul > li {
      margin-bottom: 50px;
  }
  #sub_nav.navigation ul li, 
  #exhibitions_nav.navigation ul li, 
  .list_grid_control.navigation ul li {
   margin: 0 25px 15px 0;
   }

   #footer #social_links {
      margin-top: 30px;
      margin-bottom: 30px;
   }

   .form .form_row .inputField, .form .form_row select, .form .form_row textarea, .form .form_row #captcha input, .form .form_row .g-recaptcha {
      max-height: 44px;
   }
   #contact_form .form .button {
      margin-top: 0px;
  }

   /* -----------------------------------------------------------
      Page Specific
   ----------------------------------------------------------- */
   .section-home .feature_panels .panel_image_text_adjacent .image {
      width: 100%;
  }
   .page-editions .feature_panels .panel_hero .hero_section_placeholder {
      display: none;
   }

   #popup_content::before {
      margin-left: 15px;
   }

   /* ------------------------------------------------------------------------------- */
   /* CONSIGNMENT FORM */
   /* ------------------------------------------------------------------------------- */

   .panel_consignment_form .form-all ul {
      row-gap: 25px;
   }

}