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

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

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

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

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


    /* -----------------------------------------------------------
       Page Specific
    ----------------------------------------------------------- */
    
    /* Home
    ----------------------------------------------------------- */
    /*.records_list > ul > li.panel_media_slide .content h2 {
         font-size: 5vw;
         line-height: 5.2vw;
     }
     .records_list ul li .content h2 {
         font-size: 3.2vw;
         line-height: 3.2vw;
     }*/
     
     .records_list > ul > li.panel_media_slide .content h2 {
          font-size: 5vw;
      }
      .records_list ul li .content h2 {
          font-size: 3.2vw;
          line-height: 3.2vw;
      }
      .records_list.tile_list.scatter_list ul li .content h2 {
          font-size: 2.2vw;
          line-height: 2.5vw;
      }
      
     .records_list > ul > li.panel_media_slide .content h2.dynamic-text-scale.text-wordlength-4 {
          font-size: 4.6vw;
      }
     .records_list > ul > li.panel_media_slide .content h2.dynamic-text-scale.text-wordlength-5 {
          font-size: 4.4vw;
      }
     .records_list > ul > li.panel_media_slide .content h2.dynamic-text-scale.text-wordlength-6 {
          font-size: 4.0vw;
      }

     .records_list > ul > li.panel_media_slide .content h2.dynamic-text-scale.text-wordlength-7 {
          font-size: 4.0vw;
      }
     .records_list > ul > li.panel_media_slide .content h2.dynamic-text-scale.text-wordlength-8 {
          font-size: 3.9vw;
      }
          .records_list > ul > li.panel_media_slide .content.long-word-detected h2.dynamic-text-scale.text-wordlength-8 {
              font-size: 3.8vw;
          }
     .records_list > ul > li.panel_media_slide .content h2.dynamic-text-scale.text-wordlength-9 {
          font-size: 3.8vw;
      }
     .records_list > ul > li.panel_media_slide .content h2.dynamic-text-scale.text-wordlength-10 {
          font-size: 3.6vw;
      }
     .records_list > ul > li.panel_media_slide .content h2.dynamic-text-scale.text-wordlength-11 {
          font-size: 3.5vw;
      }
     .records_list > ul > li.panel_media_slide .content h2.dynamic-text-scale.text-wordlength-12 {
          font-size: 3.3vw;
      }
     .records_list > ul > li.panel_media_slide .content h2.dynamic-text-scale.text-wordlength-13 {
          font-size: 3.2vw;
      }
     .records_list > ul > li.panel_media_slide .content h2.dynamic-text-scale.text-wordlength-14 {
          font-size: 3.1vw;
      }
     .records_list > ul > li.panel_media_slide .content h2.dynamic-text-scale.text-wordlength-15,
     .records_list > ul > li.panel_media_slide .content h2.dynamic-text-scale.text-wordlength-max {
          font-size: 3.0vw;
      }
     
     
     
     
     
     
     
     
     
     
    
}

@media screen and (max-width: 1450px) {
    /*#top_nav.navigation ul li, #top_nav.navigation ul li a, .faux-search-reveal {*/
    /*    font-size: 7.5vmin;*/
    /*    line-height: 7.5vmin;*/
    /*    height: 7vmin;*/
    /*}*/    
    
    #top_nav.navigation ul li, #top_nav.navigation ul li a, .faux-search-reveal {
        font-size: 6.1rem;
        letter-spacing: 0;
        line-height: 6.5rem;
        height: 7.1rem;
        margin-bottom: 0;
    }
    
    
    /*#top_nav.navigation ul li, .faux-search-reveal {*/
    /*    margin-bottom: 1.5vw;*/
    /*}*/
    /*#main-menu-overlay ul li a:link:after,*/
    /*#main-menu-overlay ul li a.active:after,*/
    /*.faux-search-reveal .faux-search-reveal-inner:after {*/
    /*    bottom: 0;*/
    /*}*/
    #top_nav {
        padding-top: 70px;
    }
    #main-menu-overlay ul.quicklink-menu {
        left: 10px;
    }
}

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

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


    /* -----------------------------------------------------------
       Generic
    ----------------------------------------------------------- */
    /*html {
        font-size: 9.5px;
    }*/


    /* -----------------------------------------------------------
       General layout
    ----------------------------------------------------------- */
    .container-inner {
        padding: 0 100px;
    }
    .container-inner-wide {
        padding: 0 65px;
    }
    .h1-label {
        margin-bottom: 50px;
    }
    #main-menu-overlay ul li a:link:after,
    #main-menu-overlay ul li a.active:after,
    .faux-search-reveal .faux-search-reveal-inner:after {
        bottom: 0;
    }
    #top_nav {
        padding: 0 10vw 0 108px;
    }
        
    /*#top_nav.navigation ul li, #top_nav.navigation ul li a, .faux-search {
        font-size: 5.5rem;
        line-height: 7.5rem;
        height: 7.5rem;
    }*/
    #main-menu-reveal {
        left: 232px;
        top: 21px;
    }
    #top_nav.navigation ul li,
    #top_nav.navigation ul li a, .faux-search-reveal {
        font-size: 6.2vmin;
        line-height: 7.7vh;
        height: 6.2vh;
    }
    #footer-logo {
        width: 200px;
        padding-bottom: 30px;
    }
    /* -----------------------------------------------------------
        Global classes
    ----------------------------------------------------------- */
    
        /* Cascade lists
        ----------------------------------------------------------- */
        .detail_list ul li a {
            width: 100%;
            float: none;
        }
        .detail_list ul li .list-item-wrapper {
            width: 100%;
        }
        .detail_list ul li .image {
            width: auto;
            width: 42%;
        }
        .detail_list ul li .image span {
            width: 100%;
            height: auto;
        }
        .detail_list ul li .content {
            width: 50%;
        }

        /* Right ---------------------------------------- */

            /* Positioning variations ---------------------------------------- */
            .detail_list ul li.pull-right.medium,
            .detail_list ul li.pull-right.centre {
                padding: 0 5% 0 0;
            }

            /* Images and content ---------------------------------------- */

            .detail_list ul li.pull-right .subtitle,
            .detail_list ul li.pull-right .link.read_more_link,
            .detail_list ul li.pull-right .image,
            .detail_list ul li.pull-right .content {
                float: right;
                text-align: right;
            }
            .detail_list ul li.pull-right .subtitle,
            .detail_list ul li.pull-right .link.read_more_link {
                clear: both;
            }
            .detail_list ul li.pull-right .image {
                padding: 0 0 0 5%;
                margin: 0;
                box-sizing: border-box;
            }

            .detail_list.records_list ul li .content h2 {
                font-size: 4.5rem;
                line-height: 4.6rem;
            }
            .records_list ul li .content h2 {
                margin: 0 0 20px;
            }
            
            
        /* Related content
        ----------------------------------------------------------- */
        .records_detail_pagination h2, .records_detail_pagination a h2 {
            font-size: 7.1rem;
            line-height: 7.5rem;
        }
            

            
    /* -----------------------------------------------------------
       Page Specific
    ----------------------------------------------------------- */
    
    /* Home
    ----------------------------------------------------------- */
    .records_list > ul > li.panel_media_slide.medium > a {
        width: 55vw;
    }
    .records_list > ul > li.panel_media_slide > a {
        padding: 140px 80px;
    }
    .records_list > ul > li.panel_media_slide .content {
        width: 44vw;
    }
    .records_list > ul > li.panel_media_slide.center .content {
        left: calc(78% - 80px);
    }
    .records_list > ul > li.panel_media_slide.large.right  .content,
    .records_list > ul > li.panel_media_slide.right .content {
        right: calc(88% - 80px);
            left: auto;
    }
    .records_list > ul > li.panel_media_slide.left .content {
        width: 48vw;
    }
    .records_list > ul > li.panel_media_slide.large .content {
        top: 60%;
        left: 80%;
    }
    .records_list > ul > li.panel_media_slide {
        min-height: initial;
    }

        /* Projects list
        ----------------------------------------------------------- */
        #projects-scroll-container .project-item .title-wrapper h2 {
            font-size: 8.2rem;
            letter-spacing: 0.057rem;
            line-height: 7.5rem;
        }

        #projects-scroll-container .image-wrapper {
            -webkit-animation-name: none;
            animation-name: none;
        }
    
        /* Projects detail
        ----------------------------------------------------------- */
        /*.projects-image-gallery .feature_panels > .records_list ul li.panel_image_gallery .panel_header h2 {
            display: none;
        }*/
        .section-projects .video-wrapper::before {
            padding: 0 65px;
        }
        #hero_heading a,
        #hero_heading a:visited .feature_panels .records_list.image_list ul li.panel_hero .hero_heading > h2,
        .feature_panels .records_list.image_list ul li.panel_hero .hero_heading > a > h2 {
            font-size: 10.4rem;
            line-height: 9.4rem;
        }
}
/* ------------------------------------------------------------------------
--------------------------------- Size 3 ----------------------------------
------------------------------------------------------------------------ */

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


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

    .splash-logo {
        bottom: 40px;
        left: 35px;
        font-size: 14vw;
        line-height: 13vw;
    }
    .container-inner {
        padding: 0 60px;
    }
    .container-inner-wide {
        padding: 0 35px;
    }
    .subtitle {
        line-height: 2.2rem;
    }
    .read_more_label {
        top: -10px;
    }
    .link.read_more_link {
        margin-top: 30px;
    }
    .link.read_more_link::before {
        height: 100px;
    }
    .section-news .heading_wrapper h1,
    .section-publications .heading_wrapper h1 {
        font-size: 5.9rem;
        line-height: 6.0rem;
    }
        .section-publications .heading_wrapper.long-word-detected h1,
        .section-news .heading_wrapper.long-word-detected h1,
        .section-news .heading_wrapper h1.text-wordlength-medium,
        .section-publications .heading_wrapper h1.text-wordlength-medium {
            font-size: 4.9rem;
            line-height: 5rem;
        }
        .section-news .heading_wrapper h1.text-wordlength-long,
        .section-publications .heading_wrapper h1.text-wordlength-long {
            font-size: 3.9rem;
            line-height: 4rem;
        }
        
    .h1-label,
    .records_detail_pagination .skip-status,
    .panel_header_inner .status  {
        transform: translate3d(0,0,0);
        margin-bottom: 30px;
    }
    

    
    /* -----------------------------------------------------------
       General layout
    ----------------------------------------------------------- */
    #footer {
        padding: 45px 0 0;
        min-height: 360px;
    }
    #footer #contact_info {
        max-width: 1200px;
        float: left;
        width: 100%;
        clear: both;
    }
    #footer-logo {
        width: 175px;
        padding-right: 0;
    }
    #back_to_top {
        top: 45px;
        right: 30px;
    }

    /* Overlay
    ----------------------------------------------------------- */
    body.cms-frontend-toolbar-active.layout-hero-header.navigation-open #header {
        top: 14px;
    }
    #main-menu-reveal {
        left: 214px;
        top: 23px;
    }
    #header .inner, #header.header_fixed .inner {
        padding: 0 33px;
    }
    #header, #header.header_fixed {
        margin: 0 0 30px;
        padding: 30px 0 0;
    }
    #top_nav {
        padding: 0 30px;
    }
    #top_nav.quicklinks-active {
        padding: 0 30px 0 90px;
    }
    .close-button {
        width: 30px;
        height: 30px;
        right: 40px;
        top: 40px;
    }
    .close-button-block {
      width: 30px;
      height: 15px;
    }
    .close-button-block:before, .close-button-block:after {
        left: calc(52% - 2px);
        display: block;
        width: 2px;
        height: 25px;
    }
    .faux-search-input {
        font-size: 2.9rem;
        line-height: 4.2rem;
    }
    #top_nav.navigation ul li,
    #top_nav.navigation ul li a,
    .faux-search-reveal {
        font-size: 5.7vmin;
        line-height: 7.7vh;
        height: 6.2vh;
    }
    #top_nav.quicklinks-active {
        padding: 0 30px 0 80px;
    }
    #main-menu-overlay #top_nav.navigation ul.quicklink-menu  {
        left:30px;
    }
    
        /* Cascade lists
        ----------------------------------------------------------- */
        .detail_list.records_list ul li .content h2 {
            font-size: 3.7rem;
            line-height: 3.7rem;
        }
        .records_list ul li .content h2 {
            margin: 0 0 15px;
        }

        /* Related content
        ----------------------------------------------------------- */
        .records_detail_pagination h2, .records_detail_pagination a h2 {
            font-size: 6.1rem;
            line-height: 6.5rem;
        }


    /* -----------------------------------------------------------
       Page Specific
    ----------------------------------------------------------- */
    
        /* Home
        ----------------------------------------------------------- */
        .fullscreen-slide .content .inner {
            right: 60px;
            bottom: 60px;
        }
        .records_list > ul > li.panel_media_slide > a {
            width: 60vw;
        }
        .records_list > ul > li.panel_media_slide.medium > a {
            width: 60vw;
        }
        .records_list > ul > li.panel_media_slide > a {
            padding: 80px 55px;
        }
        .records_list > ul > li.panel_media_slide .content {
            width: 42vw;
        }
        .records_list > ul > li.panel_media_slide .date,
        .records_list > ul > li.panel_media_slide .subtitle {
            line-height: 2.5rem;
        }
        .records_list > ul > li.panel_homepage_text .content h2 {
            font-size: 4rem;
            line-height: 5.2rem;
            margin: 0 0 30px;
        }
        .panel_media_slide .restrict-title-height {
            height: 280px;
            min-height: 90px;
        }
        
        .exhibition_list.records_list ul li .content h2 {
            font-size: 2.5rem;
            line-height: 3.5rem;
        }
        /* Projects
        ----------------------------------------------------------- */
        
            /* Projects list
            ----------------------------------------------------------- */
            #projects-scroll-container .image-wrapper img {
                max-height: 80vh;
            }
            #projects-scroll-container .project-item .title-wrapper h2 {
                font-size: 7.2rem;
                letter-spacing: 0.057rem;
                line-height: 6.5rem;
            }
            .records_list > ul > li.panel_media_slide .panel_label {
                right: -91px;
            }
            .project-scroll {
                display: none !important;
            }
            /* Projects detail
            ----------------------------------------------------------- */
            .projects-image-gallery .feature_panels > .records_list ul li.panel_image_gallery .panel_header h2 {
                font-size: 6rem;
                line-height: 6.5rem;
                letter-spacing: 0.06rem;
                max-width: 100%;
            }
            
            #hero_heading a, #hero_heading a:visited .feature_panels .records_list.image_list ul li.panel_hero .hero_heading > h2,
            .feature_panels .records_list.image_list ul li.panel_hero .hero_heading > a > h2 {
                font-size: 9.7rem;
                line-height: 9.1rem;
            }
            #hero_heading .status, #form_wrapper_inner .status, .panel_header_inner .status  {
                margin-bottom: 25px;
            }

            #custom_hero_header .title, #custom_hero_header .subtitle,
            .content_module_inner {
                padding-left: 30px;
            }
            .content_module_inner {
                padding-right: 30px;
            }
            
            .section-projects #content_module.links-panel-active,
            .section-projects #secondary_content_module.links-panel-active {
                padding: 8vh 0 0 0;
            }
            .section-projects .video-wrapper {
                height: 80vmin;
            }
            .section-projects .video-carousel {
                max-height: 80vmin;
            }
            .section-projects .video-carousel-item {
                height: 80vmin;
                width: 100%;
                padding: 55px;
            }
            .section-projects .video-wrapper video {
                max-height: calc(80vmin - 60px);
            }
            .section-projects .video-wrapper::before {
                padding: 0 35px;
            }
            .records_detail_pagination .records_detail_pagination_link {
                min-height: 50vh;
            }
            .projects-image-gallery .fullwidth_image_gallery_list .image-gallery-item {
                padding: 80px 60px;
            }
            .projects-image-gallery .fullwidth_image_gallery_list .image-gallery-item img {
                max-width: 100%;
                max-height: calc(100vh - 120px);
            }
            .projects-image-gallery .feature_panels > .records_list ul li.panel_image_gallery .panel_header h2,
            .section-projects #content_module,
            .section-projects #secondary_content_module {
                max-width: 100%;
            }
            .scrollnav-wrapper-fixed {
                bottom: 28px;
                right: 11px;
            }
            #image_gallery {
                width: 100%;
                float: none;
                position: static;
                display: block;
                height: auto;
            }
            #image_gallery #image_container {
                width: 100%;
                float: none;
                position: static;
                display: block;
                height: auto;
            }
            #image_gallery #content_module {
                width: 100%;
                right: 0;
                display: block;
                position: static;
                height: auto;
                transition: opacity 0.15s linear;
                -webkit-transition: opacity 0.15s linear;
                box-sizing: border-box;
                overflow: auto;
                padding: 40px 0;
            }
            #image_gallery #content_module_inner {
                width: 100%;
                padding: 0 30px 0 30px;
                box-sizing: border-box;
            }
            #image_gallery #content_module .page_stats {
                margin-bottom: 40px;
            }
            #image_gallery #image_container .image {
                padding-top: 165px;
            }
            #image_gallery #content_module .page_stats .ps_pages,
            #image_gallery #content_module .page_stats .ps_pages_indented {
                float: right;
                margin-left: 0;
            }
            #image_gallery #content_module .artist_title_year,
            #image_gallery #content_module .subtitle,
            #image_gallery #content_module .medium,
            #image_gallery #content_module .dimensions,
            #image_gallery #content_module .edition_details,
            #image_gallery .copyright_line {
                max-width: 500px;
                display: block;
            }
            #popup_box .inner {
                width: 100%;
                height: 100vh;
                overflow-y:scroll;
            }
            
            .fancybox-close {
                top: 17px;
                right: 17px;
            }
            .fancybox-skin {
                padding: 50px !important;
            }
}



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


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


    /* -----------------------------------------------------------
       Generic
    ----------------------------------------------------------- */
    #header .inner, #header.header_fixed .inner {
        padding: 0 27px;
    }
    .container-inner {
        padding: 0 25px;
    }
    .container-inner-wide {
        padding: 0 25px;
    }
    #content_module {
        float: none;
        width: 100%;
        margin-bottom: 50px;
    }
    .project-page-section #content_module {
        margin-bottom: 0;
    }
    #sidebar,
    .section-news #sidebar {
        position: static;
        float: none;
        width: 100%;
    }
    .link.read_more_link {
        margin-top: 30px;
        height: 146px;
    }
    .close-truncate {
        top: 108px;
    }
    /*#top_nav.navigation ul li, #top_nav.navigation ul li a, .faux-search {
        font-size: 4.5rem;
        line-height: 5.5rem;
        height: 7.5rem;
    }*/
    #top_nav.navigation ul li, #top_nav.navigation ul li a, .faux-search-reveal {
        font-size: 5.4vmin;
        line-height: 9.1vmax;
        height: 6.4vmax;
    }
    #top_nav.navigation ul li, #top_nav.navigation ul li a, .faux-search-reveal {

    }
    #main-menu-overlay ul li a:link:after, #main-menu-overlay ul li a.active:after, .faux-search-reveal .faux-search-reveal-inner:after {
        height:10px;
    }
    .cursor {
        display: none !important;
    }
    .cursor-area {
        cursor: auto;
        /*pointer-events: none;*/
    }
    
    #back_to_top {
        top: 35px;
        right: 15px;
    }
    #footer #contact_info {
        padding-top: 20px;
    }
    #footer .copyright {
        padding-top: 20px;
        text-align: left;
    }
        
    #footer #contact_info #contact_info_studio {
        width: 100%;
        clear: both;
    }
    #footer #contact_info #contact_info_studio .contacts-list ul li {
        width: 50%;
    }
    #footer #contact_info #contact_info_galleries {
        width: 100%;
        clear: both;
    }
    .heading_wrapper {
        margin-bottom: 30px;
    }

    /* -----------------------------------------------------------
       General layout
    ----------------------------------------------------------- */
    .detail_list ul li {
        margin: 0 0 15vmin 0;
    }
    
    /* Related content
    ----------------------------------------------------------- */
    .records_detail_pagination h2, .records_detail_pagination a h2 {
        font-size: 5.1rem;
        line-height: 5.5rem;
    }
    
    /* -----------------------------------------------------------
        Global classes
    ----------------------------------------------------------- */



    /* -----------------------------------------------------------
       Page Specific
    ----------------------------------------------------------- */
    
    /*  Home
    ----------------------------------------------------------- */
    .records_list > ul > li.panel_media_slide .image span.hover-tilt-bg,
    .records_list > ul > li.panel_media_slide .hover-tilt-bg {
        display: none !important;
    }
    .records_list > ul > li.panel_media_slide .panel-positioning-wrapper.panel-positioning-wrapper.animate-in.visible .content,
    .records_list > ul > li.panel_media_slide .panel-positioning-wrapper.panel-positioning-wrapper.animate-in.visible .panel_label .inner {
        opacity: 1.0;
        transform: translate3d(0,0,0);
        -moz-transition: -moz-transform 5s cubic-bezier(.18, 1, .21, 1), opacity 5s cubic-bezier(.18, 1, .21, 1);
        -o-transition: -o-transform 5s cubic-bezier(.18, 1, .21, 1), opacity 5s cubic-bezier(.18, 1, .21, 1);
        -webkit-transition: -webkit-transform 5s cubic-bezier(.18, 1, .21, 1), opacity 5s cubic-bezier(.18, 1, .21, 1);
        transition: transform 5s cubic-bezier(.18, 1, .21, 1), opacity 5s cubic-bezier(.18, 1, .21, 1);
        -webkit-transition-delay: 0.5s;
        transition-delay: 0.5s;
    }
    .records_list > ul > li.panel_media_slide > a {
        padding: 80px 40px;
    }
    .records_list > ul > li.panel_media_slide .content {
        width: 44vw;
    }
    .records_list > ul > li.panel_media_slide.center .content {
        left: calc(88% - 120px);
    }
    .records_list > ul > li.panel_media_slide.left .content {
        left: calc(100% - 80px);
    }
    /*.records_list > ul > li.panel_media_slide .content h2 {
        font-size: 4.1vw !important;
    }*/
    .detail_list.records_list ul li .content h2 {
        font-size: 3rem;
        line-height: 3.2rem;
    }
    .records_list > ul > li.panel_homepage_text .content, .records_list > ul > li.panel_homepage_text.left .content {
        padding: 15vh 40px 0 40px;
    }
    .records_list > ul > li.panel_homepage_text .content .content-inner {
        padding: 0 30px;
    }
    .records_list > ul > li.panel_homepage_text .content h2 {
        font-size: 3.6rem;
        line-height: 4.7rem;
        margin: 0 0 25px;
    }
    
    /*  Projects grid
    ----------------------------------------------------------- */
    
    body.section-projects.no-page-params #header {
        position: absolute;
        z-index: 1002;
    }
    #projects-scroll-container,
    .scroll-prompt  {
        display: none !important;
    }
    #projects-list-container {
        display: block !important;
        padding-top: 200px;
    }
    /*
    #projects-scroll-container .project-item .title-wrapper span h2 {
        max-width: 100%;
        margin-left: -8vw;
    }
    #projects-scroll-container .project-item .title-wrapper h2 {
        font-size: 5.5rem;
        letter-spacing: 0.057rem;
        line-height: 6rem;
    }
    .project-background-slide
    .records_list.image_track::after,
    .records_list.image_track::before {
        display: none !important;
    }
    #projects-scroll-container .project-frame.project-frame-images {
        height: 100%;
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
        position: fixed;
        width: 100%;
        display: block;
    }
    #projects-scroll-container .image-wrapper {
        opacity:1.0;
    }

    #projects-scroll-container .project-frame.project-frame-text {
        height: 84vh;
        bottom: 0;
    }
    #projects-scroll-container .image-wrapper {
        -webkit-animation-name: none;
    }*/
    .project-background-slides {
        display: none !important;
    }
    
    .records_list > ul > li.panel_media_slide .content h2 {
         font-size: 6vw;
     }
     .records_list ul li .content h2 {
         font-size: 4.2vw;
         line-height: 4.2vw;
     }
     
    .records_list > ul > li.panel_media_slide .content h2,
    .records_list > ul > li.panel_media_slide .content h2.dynamic-text-scale.text-wordlength-4,
    .records_list > ul > li.panel_media_slide .content h2.dynamic-text-scale.text-wordlength-5,
    .records_list > ul > li.panel_media_slide .content h2.dynamic-text-scale.text-wordlength-6,
    .records_list > ul > li.panel_media_slide .content h2.dynamic-text-scale.text-wordlength-7,
    .records_list > ul > li.panel_media_slide .content h2.dynamic-text-scale.text-wordlength-8,
    .records_list > ul > li.panel_media_slide .content.long-word-detected h2.dynamic-text-scale.text-wordlength-8,
    .records_list > ul > li.panel_media_slide .content h2.dynamic-text-scale.text-wordlength-9,
    .records_list > ul > li.panel_media_slide .content h2.dynamic-text-scale.text-wordlength-10,
    .records_list > ul > li.panel_media_slide .content h2.dynamic-text-scale.text-wordlength-11,
    .records_list > ul > li.panel_media_slide .content h2.dynamic-text-scale.text-wordlength-12,
    .records_list > ul > li.panel_media_slide .content h2.dynamic-text-scale.text-wordlength-13,
    .records_list > ul > li.panel_media_slide .content h2.dynamic-text-scale.text-wordlength-14,
    .records_list > ul > li.panel_media_slide .content h2.dynamic-text-scale.text-wordlength-15,
    .records_list > ul > li.panel_media_slide .content h2.dynamic-text-scale.text-wordlength-max {
         font-size: 6.0vw;
     }
     .records_list > ul > li.panel_media_slide .date, .records_list > ul > li.panel_media_slide .subtitle {
         font-size: 1.4rem;
         line-height: 2.2rem;
     }
     .records_list > ul > li.panel_media_slide .content h2 {
         margin-bottom: 15px;
         line-height: 1.1em
     }
    
    
    /*  Projects detail
    ----------------------------------------------------------- */
    .link-panel {
        float: left;
    }
    .link-panel .simple_list {
        padding: 15px 0 0 15px;
        display: inline-block;
        vertical-align: bottom;
    }
    .link-panel:before {
        min-height: 18vw;
    }

    .records_detail_pagination h2,
    .records_detail_pagination a h2,
    #hero_heading a, #hero_heading a:visited .feature_panels .records_list.image_list ul li.panel_hero .hero_heading > h2,
    .feature_panels .records_list.image_list ul li.panel_hero .hero_heading > a > h2 {
        font-size: 9vw;
        line-height: 9.1vw;
    }
    .section-projects .section-film h2 {
        font-size: 10vw;
        line-height: 13.1vw;
        height: 7.5vw;
    }
    .section-projects .video-wrapper::before {
        font-size: 10vw;
        line-height: 13.1vw;
        transform: translate3d(0,-7.5vw,0);
    }
    .section-projects .video-wrapper::before {
        padding: 0 25px;
    }
    .section-film .panel_header {
        height: 7.5vw;
    }
    .exhibition_list.records_list ul li .content {
        width: 100%;
    }
    .exhibition_list.records_list ul li .content .subtitle {
        margin-bottom: 0;
    }
    .exhibition_list.records_list ul li .date-module {
        float: none;
        font-size: 1.7rem;
        line-height: 1.5rem;
    }
    #image_gallery #content_module_inner {
        padding: 0 20px 0 20px;
        box-sizing: border-box;
    }
    .projects-image-gallery .feature_panels > .records_list ul li.panel_image_gallery .panel_header h2 {
        font-size: 5rem;
        line-height: 5.5rem;
    }
    .projects-image-gallery .fullwidth_image_gallery_list .image-gallery-item {
        height: 100vmin;
        width: 100%;
        padding: 70px 50px;
    }
    .projects-image-gallery .fullwidth_image_gallery_list .image-gallery-item img {
        max-width: 100%;
        max-height: calc(100vmin - 140px);
    }
    .gallery-caption-wrapper {
        position: fixed;
        max-width: none;
        width: auto;
        bottom: 30px;
        left: 30px;
        right: 30px;
    }
    .gallery-caption-inner {
        max-width: 400px;
    }

    .fancybox-skin {
        padding: 30px !important;
    }
}





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


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

    /* -----------------------------------------------------------
       Generic
    ----------------------------------------------------------- */
    html {
        font-size: 9px;
    }
    body {
        font-size: 2rem;
        line-height: 3.4rem;
    }
    #main_content {
        padding: 75px 0 0;
    }
    .container-inner {
        padding: 0px 18px;
    }
    .content_module_inner {
        padding-right: 0;
        padding-left: 0;
    }

    
    .section-news .heading_wrapper h1,
    .section-publications .heading_wrapper h1 {
        font-size: 4.5rem;
        line-height: 4.7rem;
    }
        .section-publications .heading_wrapper.long-word-detected h1,
        .section-news .heading_wrapper.long-word-detected h1,
        .section-news .heading_wrapper h1.text-wordlength-medium,
        .section-publications .heading_wrapper h1.text-wordlength-medium {
            font-size: 3.5rem;
            line-height: 3.7rem;
        }
        .section-news .heading_wrapper h1.text-wordlength-long,
        .section-publications .heading_wrapper h1.text-wordlength-long {
            font-size: 2.5rem;
            line-height: 2.7rem;
        }
        .section-news .records_list.tile_list.scatter_list ul {
            width: 80%;
            margin-left: 10%;
            margin-right: 10%;
            float: none;
        }
        
    h1 {
        margin: 0 0 20px 0;
    }
    #top_nav.navigation ul li, #top_nav.navigation ul li a, .faux-search-reveal {
        font-size: 2.6rem;
        line-height: 2.6rem;
        height: auto;
    }
    #header, #header.header_fixed {
        width: 173px;
    }
    #logo a {
        font-size: 2.6rem;
        line-height: 2.6rem;
    }

    #main-menu-overlay ul li a:after,
    #main-menu-overlay ul li a.active:after,
    .faux-search-reveal .faux-search-reveal-inner:after {
        display: none;
    }
    #top_nav.navigation ul li.active a .topnav-text,
    #top_nav.navigation ul li a:hover .topnav-text,
    .faux-search-reveal .faux-search-reveal-inner:hover .topnav-text {
        display: inline;
        text-decoration: none;
        background-image: linear-gradient(#3D54C5 50%, #3D54C5 50%);
        background-repeat: repeat-x;
        background-position: 0 2.2rem;
        background-size: 1px 0.3em;
    }
    #top_nav.navigation ul li .topnav-text,
    .faux-search-reveal .faux-search-reveal-inner .topnav-text {
        color: #fff;
    }
    #main-menu-overlay #top_nav.navigation ul.quicklink-menu {
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
    }

    
    
    
    
    
    
    
    #top_nav.navigation ul li {
        margin-bottom: 12px;
    }
    /* -----------------------------------------------------------
       General layout
    ----------------------------------------------------------- */
    #header .inner, #header.header_fixed .inner {
        padding: 0 8px;
    }
    #header, #header.header_fixed {
        padding: 20px 0 0 9px;
    }
    #main-menu-reveal {
        left: 149px;
        top: 17px;
    }
    #main-menu-reveal .container-btn #bars {
        padding-top: 10px;
    }
    /*#top_nav.navigation ul li, #top_nav.navigation ul li a, .faux-search {
        font-size: 2.5rem;
        line-height: 3.5rem;
        height: 5.5rem;
    }*/
    #top_nav.quicklinks-active {
        padding: 0 30px 0 60px;
    }
    #top_nav {
        padding: 0 30px 30px 30px;
    }
    #top_nav.quicklinks-active {
        padding: 30px 20px 0 20px;
    }
    #main-menu-overlay #top_nav.navigation ul.quicklink-menu {
        left: 20px;
    }
    /*#top_nav.navigation ul li, #top_nav.navigation ul li a, .faux-search-reveal {
        font-size: 5.8vmin;
        line-height: 11.1vmax;
        height: 6.8vmax;
    }*/
    

    
    
    #main-menu-overlay ul li a:link:after, #main-menu-overlay ul li a.active:after, .faux-search-reveal .faux-search-reveal-inner:after {
        height:5px;
    }
    .close-button {
        position: fixed;
        width: 30px;
        height: 30px;
        right: 22px;
        top: 22px;
        background: url('/images/close_mob.png');
        background-size: contain;
    }
    #condensed-list-wrapper .close, .project-close-wrapper .close, #popup_box .close {
        right: 30px;
        top: 30px;
        height: 30px;
        width: 30px;
        background-size: cover;
    }
    .gridview-button-wrapper {
        right: -19px;
    }
    #condensed-list-wrapper-content {
        padding-top: 90px;
    }
    .close-button .in,
    .close-button .out{
        display: none;
    }
    
    #back_to_top {
        top: 25px;
        right: 5px;
    }
    #footer {
        padding: 30px 0 0;
        min-height: 300px;
    }
    #footer-logo {
        width: 125px;
        padding-right: 0
    }
    .panel_header .status,
    #hero_heading .status,
    #hero_heading .status a,
    #hero_heading .status a:visited,
    #form_wrapper_inner .status,
    #form_wrapper_inner .status a,
    #form_wrapper_inner .status a:visited,
    .subtitle,
    .link.read_more_link,
    .cascading-page-header #sub_nav.navigation ul li a {
        font-size: 1.7rem;
    }
    #content.cascading-page-content {
        padding: 10vh 0;
    }
    
    
    #footer #contact_info .contacts-list ul li {
        width: 100%;
    }
    
    
    /* -----------------------------------------------------------
        Global classes
    ----------------------------------------------------------- */
    #content.cascading-page-content {
        padding: 8vh 0;
    }
    .heading_wrapper h1.has_subtitle {
        margin-bottom: 30px;
    }
    .records_list > ul > li.panel_media_slide > a {
        padding: 80px 25px;
    }
    .records_list > ul > li.panel_media_slide > a {
        width: 80vw;
    }
    .records_list > ul > li.panel_media_slide.medium > a {
        width: 80vw;
    }
    .records_list > ul > li.panel_media_slide.large > a {
        width: 85vw;
    }
    /*.records_list > ul > li.panel_media_slide .content h2 {
        font-size: 6.9vw;
        line-height: 6.9vw;
        margin-bottom: 18px;
    }*/
    
    
    /*.records_list > ul > li.panel_media_slide.large .content,
    .records_list > ul > li.panel_media_slide .content {
        width: 80vw;
        top: calc(100% - 20px);
    }*/
    .records_list > ul > li.panel_media_slide.right .content,
    .records_list > ul > li.panel_media_slide.right.large .content,
    .records_list > ul > li.panel_media_slide.left .content,
    .records_list > ul > li.panel_media_slide .content {
        left: auto;
        right: auto;
        width: 100%;
        position: relative;
        /*margin-top: -20px;*/
    }
    .records_list > ul > li.panel_media_slide.left .content,
    .records_list > ul > li.panel_media_slide.right .content.long-word-detected {
        width: 100%;
    }
    .records_list > ul > li.panel_media_slide .content,
    .records_list > ul > li.panel_media_slide .content {
        padding-top: 12px;
        top: auto;
        position: static;
    }
    .records_list > ul > li.panel_media_slide.right.large  {
        padding-right: 20px;
    }
    .records_list > ul > li.panel_media_slide.large.left {
        padding-left: 20px;
    }
    
    /*.records_list > ul > li.panel_media_slide .content ,
    .records_list > ul > li.panel_media_slide.right .content,
    .records_list > ul > li.panel_media_slide.right.large .content {
        left: -20px;
    }
    .records_list > ul > li.panel_media_slide.left .content {
        left: 20px;
    }*/
    
    .detail_list ul li.pull-right.medium,
    .detail_list ul li.pull-right.centre {
        padding: 0;
    }

    .detail_list ul li .list-item-wrapper {
        width: 85%;
        
    }
    .detail_list ul li .list-item-wrapper {
        float: left;
    }
    .detail_list ul li.pull-right .list-item-wrapper {
        float: right;
    }
    .detail_list ul li .content,
    .detail_list ul li .image {
        width: 100%;
        max-width: 100%;
    }
    .detail_list ul li.pull-left.medium,
    .detail_list ul li.pull-left.centre {
        padding: 0;
    }
    .detail_list ul li .image,
    .detail_list ul li.pull-left .image,
    .detail_list ul li.pull-right .image {
        padding: 0;
        margin: 0 0 10px 0;
    }
    .subsection-publications-grid .records_list ul li .image img {
        max-height: 35vh;
    }
    .subsection-publications-grid .records_list ul li.pull-right .image {
        text-align: right
    }
    .subsection-publications-grid .records_list ul li.pull-left .image {
        text-align: left
    }
    .detail_list.records_list ul li .content h2 {
        font-size: 3rem;
        line-height: 3.2rem;
    }
    .link.read_more_link {
        margin-top: 20px;
    }
    .read_more_label {
        -webkit-transform: rotate(90deg) translate(65px, -20px);
        -moz-transform: rotate(90deg) translate(65px, -20px);
        -ms-transform: rotate(90deg) translate(65px, -20px);
        -o-transform: rotate(90deg) translate(65px, -20px);
        transform: rotate(90deg) translate(65px, -20px);
    }
    .link.read_more_link:hover .read_more_label {
        -webkit-transform: rotate(90deg) translate(65px, -20px);
        -moz-transform: rotate(90deg) translate(65px, -20px);
        -ms-transform: rotate(90deg) translate(65px, -20px);
        -o-transform: rotate(90deg) translate(65px, -20px);
        transform: rotate(90deg) translate(65px, -20px);
    }
    /*.records_list > ul > li.panel_media_slide.right.large .content,
    .records_list > ul > li.panel_media_slide.right .content {
        right: 40px;
        left: auto;
    }*/
    .contacts-list ul li {
        display: block;
        width: 100%;
    }
    /* -----------------------------------------------------------
       Page Specific
    ----------------------------------------------------------- */
    
        /* Home
        ----------------------------------------------------------- */
        .fullscreen-slide .content .inner {
            right: 60px;
            bottom: 60px;
        }
        .records_list > ul > li.panel_homepage_text .content, .records_list > ul > li.panel_homepage_text.left .content {
            padding: 15vh 20px 0 20px;
        }
        .records_list > ul > li.panel_homepage_text .content .content-inner {
            padding: 0 20px;
        }
        .records_list > ul > li.panel_homepage_text .content h2 {
            font-size: 3.6rem;
            line-height: 4.7rem;
            margin: 0 0 25px;
        }
        
        
        
        
        
        
        /*  Projects list
        ----------------------------------------------------------- */
        

        
        /*#projects-scroll-container .page-track-right .project-item {
            height: 80vh;
        }*/
        /*#projects-scroll-container .project-item.pull-up {
            padding: 12vh 15% 0 15%;
        }*/
        
        #projects-list-container .subtitle {
            display: none;
        }
        
        /*  Projects detail
        ----------------------------------------------------------- */

        #hero_heading a, #hero_heading a:visited .feature_panels .records_list.image_list ul li.panel_hero .hero_heading > h2,
        .feature_panels .records_list.image_list ul li.panel_hero .hero_heading > a > h2 {
            font-size: 11.4vw;
            line-height: 12.4vw;
            /*font-size: 8.4vw;
            line-height: 8.4vw;*/
        }
        .records_detail_pagination h2,
        .records_detail_pagination a h2 {
            font-size: 6.8vw;
            line-height: 8.8vw;
        }
        .projects-image-gallery .feature_panels > .records_list ul li.panel_image_gallery .panel_header h2 {
            font-size: 3rem;
            line-height: 4rem;
        }
        
        .lead, .lead.subtitle {
            margin-bottom: 20px;
            font-size: 3.1rem;
            line-height: 4.2rem;
        }
        .projects-image-gallery .feature_panels > .records_list ul li.panel_image_gallery .panel_header {
            top: 0;
        }
        .projects-image-gallery .feature_panels > .records_list ul li.panel_image_gallery .panel_header_title {
            padding-left: 20px;
        }
        .projects-image-gallery .fullwidth_image_gallery_list .image-gallery-item {
            height: 100vmin;
            width: 100%;
            padding: 40px 18px;
        }
        .projects-image-gallery .fullwidth_image_gallery_list .image-gallery-item img {
            max-width: 100%;
            max-height: calc(100vmin - 80px);
        }
        .scrollnav-wrapper-fixed {
            display: none;
        }
        /*.projects-image-gallery .feature_panels > .records_list ul li.panel_image_gallery .fullwidth-image-gallery-wrapper {
            padding: 30px 0 40px 0;
        }
        .projects-image-gallery .fullwidth_image_gallery_list .image-gallery-item {
            padding: 40px 18px;
            height: auto;
        }
        .gallery-caption-wrapper {
            display: none !important;
        }*/
        /*.projects-image-gallery .feature_panels > .records_list ul li.panel_image_gallery .records_list.fullwidth_image_gallery_list .content {
            float: none;
            display: block;
            width: 100%;
            height: auto;
            line-height: 1.2rem;
            padding-top: 20px;
        }
        .projects-image-gallery .fullwidth_image_gallery_list .image-gallery-item .gallery-image {
            height: auto;
            position: static;
        }
        .projects-image-gallery .fullwidth_image_gallery_list .image-gallery-item img {
            max-width: 100%;
            max-height: 80vh;
        }*/
        /*.projects-image-gallery .feature_panels > .records_list ul li.panel_image_gallery .panel_header {
            display: block;
            margin: 0 0 30px;
            position: static;
            width: 100%;
            height: auto;
            max-height: none;
        }*/
        .heading_wrapper {
            margin-bottom: 18px;
        }
        /*.restrict-title-height {
            height: 180px
        }
        .panel_media_slide .restrict-title-height {
            height: 180px
        }*/
        #image_gallery #image_container .image {
            padding-top: 85px;
        }
        #image_gallery #content_module_inner {
            padding: 0 15px 0 15px;
        }
        #popup_box .close {
            right: 20px;
            top: 20px;
        }
        .fancybox-close {
            position: fixed;
            top: 17px;
            right: 17px;
        }
        .fancybox-skin {
            padding: 0 !important;
        }
}



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


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


    .detail_list.records_list ul li .content h2 {
        font-size: 2.5rem;
        line-height: 3rem;
    }
}