/* Mobile Style */
@media only screen and (max-width : 479px) {

    body {
        width: 100%;
	box-sizing: border-box;
	min-width: 0 !important;
        /* font-size: 1em; */
    }

    .container_shim {
        padding: 0;
    }

    div.thumbnail-view-style h1, 
    div.thumbnail-view-style h2,
    div.thumbnail-view-style h3, 
    div.thumbnail-view-style h4 {
        margin-left: -22px;
    }
   
    /* This is for the identifying breakpoints in JS */
    div.mobile-breakpoint {
        display: block;
    }
    
    div.desktop-breakpoint {
        display: none;
    }
    
    div.tablet-breakpoint {
        display: none;
    }

	div.menu_bar_wrap {
        display: none;
    }

    #nested-parent{
        display: none;
    }
    
    /* Left hand menu start */
    div.explore-collection-mobile {
        display: block;
        max-height: 100px;
        overflow: hidden;
        padding: 0 10px 10px 10px;
        background-color: #88172c;
        color: #fff;
        position: relative;
        font-weight: bold;
        cursor: pointer;
    }
    
    div.explore-collection-mobile .explore{
        display: inline-block;
        margin-top: 10px;
    }
    
    img.explore-icon{
        margin-top: 10px;
        display: block;
        float: right;
        padding-left: 5px;
    }

    li.list_item_selected{
        border: 2px solid #af1e2d !important;
        margin-left: -5px !important;
        padding-left: 2px !important;
    }
    
    .thes_menu_catalogue_root .selected{
        background-color: #b2b2b2;
    }
    
    li.thes_menu_selected{
        border: 2px solid #af1e2d !important;
        border-radius: 5px;
        padding-left: 2px !important;
    }
    
    div.col-left-wrap div.thes_menu li.thes_menu_selected span{
        background-color: transparent !important;
    }
    
    div.col-left-wrap div.thes_menu li{
        margin-bottom: 10px;
    }
    
    div.col-left-wrap div.thes_menu li:last-child{
        margin-bottom: 5px;
    }
    
    div.explore-collection-mobile .collections{
        display: block;
        clear: both;
    }
    
    div.col-left-wrap{
        width: 100%;
        display: none;
        border-bottom: 5px solid #af1e2d;
        background-color: #EEE;
    }
    
    div.col-left-wrap div.menu_bar{
        padding-left: 10px;
    }
    
    div.col-left-wrap .thes_menu div.menu_bar{
        padding-left: 0;
    }
    
    div.explore-collection{
        display: none;
    }
    
    div.results-info-wrap div.num-result-display-wrap{
        width: auto;
    }
    
    div.col-left-wrap div.thes_menu{
        margin-right: 2%;
        margin-left: 10px;
    }
    
    div.crumb{
        width: 60%;
        float: left;
    }
    
    #thesmenu_term_info_text,
    div.col-right-wrap h3{
        padding: 0 5px;
    }
    
    #thesmenu_term_info_text{
        padding-bottom: 10px;
    }
    
    #mobile-left-menu-closing{
        width: 0;
        height: 0;
        border-left: 20px solid transparent;
        border-right: 20px solid transparent;
        border-bottom: 20px solid #af1e2d;
        margin: 0 auto;
        cursor: pointer;
    }
    
    div.col-right-wrap h1{
        display: block;
        float: left;
        line-height: 1em;
        margin-left: 5px;
        width: 100%;
    }

    /* Left hand menu end */

    div.menu_bar_wrap div.menu_bar ul li {
        margin: 0 !important;
    }

    div.menu_bar_wrap div.menu_bar ul li:hover {
        display: inline-block;
        padding-right: 0;
        background-color: #D92532;
    }
    
    div.logo_wrap {
        width: 250px;
        top: 5px;
        position: relative;
        margin-left: -6px;
	    float: left;
    }

    div.container {
        overflow: hidden;
    }

    div.container2 {
        width: 100%;
        clear: both;
    }
    
    div.main {
        padding: 0;
        max-width: 479px;
        width: 100%;
    }

	div.crumb {
	    padding: 0 5px;
	}

    div.home-body {
        padding: 0 5px;
    }

    .big-screen {
        display: none;
    }

    div.banner-wrap {
        height: auto;
        width: 100%;
    }

    div.menu_bar_wrap {
        display: none;
    }
    
    div.mobile_menu_button {
	    cursor: pointer;
        float: right;
        margin-right: 10px;
        margin-top: 10px;
        display: block;
    }
    
    div.menu_bar_wrap div.menu_bar {
        margin-top: 20px !important;
        width: 100%;
    }
    
    div.menu_bar_wrap div.menu_bar ul {
        display: block;
        text-align: center;
    }

    div.menu_bar_wrap div.menu_bar ul li {
        background-color: #af1e2d;
        padding: 15px 0;
        width: 100%;
        border-top: 2px solid white;
        list-style: none;
    }

    div.menu_bar_wrap div.menu_bar ul li a:link {
        display: inline-block;
        padding-right: 0;
    }

    div.menu_bar_wrap  div.menu_bar .menu_delimiter {
        display: none !important;
    }
    
	div.footer-textblock-column {
        max-width: 94%;
        padding: 0 3% 0 0;
	}

    div.col-right-wrap {
        width: 100%;
    }

    div.col-right-wrap div.article-body div.article_left{
        float: none;
        width: 100%;
    }
    
    div.col-right-wrap div.article-body{
        margin-left: auto;
        margin-right: auto;
        width: 95%;
    }
    
    div.search_results {
        margin-left: 0;
    }

    div.result-view-wrap {
        display: none;
    }

    td.next_and_prev, td.pagination, td.view_all {
        float: left;
        font-weight: bold;
    }

    div.sort-wrap {
        padding-bottom: 10px;
    }	

    div.search-again-wrap {
        padding-bottom: 10px;
    }

    div.search-link-wrap {
        float: left;
    }

    div.view_all,
    div.view-all-wrap {
        float: right;
    }

    div.link-number-wrap {
        margin-top: 10px;
        margin-bottom: 5px;
    }
    
    div.table_container {
        border-radius: 0;
        width: 100%;
    }

    div.summary_item_container {
        height: auto;
    }

    div.summary_text_box {
        height: auto;
        padding-bottom: 5px;
        position: relative;
        margin-top: 5%;
    }
    
    div.list-view-style div.summary_item_container div.summary_text_box{
        margin-left: 0 !important;
    }

    div.home_search {
        width: auto;
        padding-left: 5px;
        padding-right: 5px;
		margin-top: 30px;
    }
    
    .advanced_search_submit {
        margin-bottom: 5px;
    }

    div.search-form-container .col1, 
    div.search-form-container .col2, 
    div.search-form-container .col3 {
        width: 100%;
    }

    div.search-form-buttons input {
        width: 100%;
        margin: 10px;
    }

    div.search-form-container input {
        box-sizing: border-box;
    }

    div.search-form-container select {
        width: 90%;
    }

    div.search-form-container div.xform-info-text {
        min-width: 16px;
        text-align: right;
        width: 10%;
    }

    div.search-form-container div.checkbox-wrap  input, 
    div.search-form-container div.search-image-wrap  input{
        width: auto;
    }
    
    div.adv-search-form-wrap div.help-article {
        margin-top: 20px;
    }

    div.featured-object {
        margin-left: auto;
        padding-left: 5px;
        padding-right: 5px;
    }

    div.featured-object h3  {
        margin-left: auto;
    }

    .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
        width: 90%;
    }
    
    div.collect_photoL,div.adv_search_link {
        width: auto;
    }

    #simple_search_box {
        width: 60%;
    }

    input.simple_search_submit{
        width: 30%;
        cursor: none;
        float: right;
    }

    /* Object Start */
    div.object_container {
        box-sizing: border-box;
        display: table;
        width: 100%;
    }

    div.object_container h1 {
        display: table-header-group;
    }

    table.result_tools {
        display: none;
    }

    div.result-tools-mobile {
        padding: 0 5px;
        display: table;
    }

    div.result-tools-mobile div.next_and_prev {
        text-align: left;
    }

    div.table_container {
        margin: 0;
    }
    div.summary_item2_container {
        width: 100%;
        height: 100%;
    }

    div.summary_item2_noimage {
        width: 100%;
        height: 100%;
    }

    div.summary_item_container {
        box-sizing: border-box;
        width: 100%;
        float: none;
        margin: 15px auto;
        padding: 0 5px !important;
        background-color: #EEEEEE;
    }
    
    div.summary_item_container .image {
        position: relative;
        text-align: center;
    }

    div.partition_seperator{
        padding-left: 0;
    }

	div.list-view-style {
	    margin-left: 0;
        margin-right: 0;
	}

    div.list-view-style div.summary_item_container div.image_wrapper {
        display: inline-block;
        float: none;
    }

    div.thumbnail-view-style div.no-image-space {
        display: none;
    }
    
    div.no_margin_left_class {
        margin-top: 5% !important;
    }

    div.object_right,
    div.object_left{
        float: left;
        margin: 0 auto;
    }

    div.object_right{
        width: 100%;
    }
    
    div.content-wrap{
        overflow: visible !important;
    }

    div.secondary_image_box {
        text-align: left;
    }
    
    /* Object End */
    
    div.footer-wrap,
    div.footer-menu-wrap, 
    div.copyright-wrap {
        width: 100%;
    }

    div.image-wrap {
        display: table-row;
    }

    div.footer-wrap div.image-wrap img {
        display: table-cell;
    }

    div.footer-wrap div.advert-wrap {
        height: auto;
		padding-left: 5px;
    }

    div.footer-menu-wrap, div.copyright-wrap, div.footer-textblock-wrap {
	    padding-left: 5px;
	}

    .slicknav_btn{
        float: left !important;
        margin-left: 0 !important;
    }

    .slicknav_nav .slicknav_row{
        padding: 0 !important;
        margin: 0 !important;
    }

    .slicknav_nav ul{
        padding-left: 0 !important;
        margin-left: 0 !important;
    }

    ul.archive_hierarchy{
        padding-left: 20px !important;
    }

    div.archive-print-item{
        float: left;
        margin-left: 10px;
    }
}