﻿.flex {
    -webkit-flex-flow: column wrap;
    flex-flow: column wrap;
    padding: 0;
  }
.header-left
{
    display:none;
}
.header-logo
{
    margin-left:2px;
}
.header-logo img
{
    width:75px;
}
.search-control
{
    margin-top:2px;
    margin-right:5px;
}
.search-result-item
{
    padding-top:15px;
}
.search-result-item .flex
{
    margin-top:0px;
}
.search-result-item-mobile-table
{
    display:flex;
    flex-direction:column;
}
.search-result-item-group
{
    width:95%
}
  .navigation a { 
    text-align: center; 
    padding: 10px;
    border-top: 1px solid rgba(255,255,255,0.3); 
    border-bottom: 1px solid rgba(0,0,0,0.1); 
  }

.index-image
{
    background-image: url('/images/indexmobile.png');
    height: auto;
}
  .navigation li:last-of-type a {
    border-bottom: none;
   
  }
    .search-input
    {
         justify-content: space-around;
         margin-right:0px;
    }
     .search-input input
    {
            width:95%;
    }

.subject-search-tag
{
    align-items:center;
}
.subject-search
{
    margin-top:5px;
    background-color:white;
}
.subject-search-text
{
    margin-top:0px;
    width:auto;
    background-color:white;
    padding:10px;
}
.subject-search-item
{
    width:auto;
    margin:5px;
}
.subject-search-item td:nth-child(1)
{
    width:35px;
}
.subject-search-item td:nth-child(2)
{
    width:auto;
}
.subject-search-item-title table
{
    width:100%;
}
.subject-search-item-link
{
    display:block;
    padding-left:42px;
    padding-top:5px;
    padding-bottom:5px;
}
.subject-search-tag
{
    margin-top:20px;
}
.subject-search-tag-item
{
    text-align:center;
}
.navigation.flex
{
    margin-left:0px;
}
.navigation li a
{
    padding:10px;
    margin:10px;
    

}
.navigation li:not(:first-child) {display: none;}
/*media all and (max-width: 800px)*/
.navigation li:last-child {
    float: right;
    display: block;
    width: 25px;
    right: 18px;
    position: absolute;
    top: 20px;
}
    .navigation li:last-child a
    {
        padding:0px;
        margin:-10px;
        background-color:rgba(1,1,1,0);
        display:block;
    }
        .navigation li:last-child a:hover
        {
            background-color:ghostwhite;
        }
.navigation.responsive li:not(:first-child) {display: block;}

 
.item-description
{
    width:auto;
    margin-top:0px;
    margin-bottom:0px;

}
.text-section
{
    padding:0px;
}
.text-section-absolute
{
    width:300px;
    position:relative;
}
.keyword-flex-stacked
{
    margin-top:25px;
}
.item-information
{
    width:auto;
    height:100%;
}
.home
{
    display: block;
}
/*Item Detail*/
.contributors
{
    padding-top:25px;
}
.item-detail-header
{
    width:auto;
}
.item-keyword
{
    width:auto;
}
.search-resutl-item-keywords
{
    width:295px;
}
.item-keyword-col1
{
    width:100%
}
.item-image img
{
    width:300px;
    height:auto;
   
}

.detail-keyword-content
{
    width:100%;
    margin-left:0px;
}
.detail-image
{
    margin-left:-5px;
    margin-top:5px;
}
.detail-image-links
{
    margin-left:0px;
    margin-bottom:10px;
    margin-top:10px;
}

.detail-right-content
{
    width:auto;
    margin:0px;
}

.flex-reverse
{
    flex-direction:column-reverse;
}
.detail-header
{
    width:100%;
}

.detail-text-container
{
    width:auto;
    margin-top:10px;
    margin-bottom:10px;
    margin-left:-8px;

}
.detail-text-container-table tr td
{
    display:block;
}
.detail-description-text
{
    column-count:auto;
    margin-bottom:5px;
}
.detail-viewingimage-container
{
    margin-left:0px;
}
.detail-viewingimage-text
{
    width:auto;
}

/*Model*/
.model-viewer
{
    width:99%;
    height:400px;
}

.googleMap
{
    display:none;
}
.googleMap-Bottom
{
    display:block;
}
.google-map
{
    width:98%;
    height:auto;
   border-radius:15px;
}
/*HOW TO ABOUT*/
.howto-left
{
    width:auto;
    padding-bottom:10px;
}
.howto-right
{
    width:auto;
}
.howto-row2-left
{
    width:auto;
}
.howto-row2-right
{
    width:auto;
    padding-left:0px;
    padding-top:0px;
}
.aboutus
{
    flex-direction:column-reverse;
    padding-bottom:50px;
}
.about-left
{
    width:auto;
    padding-left:8px;
    padding-right:5px;
   
}
.about-image
{
    padding:0px;
    padding-bottom:10px;
    margin:auto;
}
    .about-image img
    {
        width:auto;
    }
.tablet-hide
{
    display:block;
}
.tablet-show
{
    display:none;
}