@media screen and (max-width: 320px){
	.input-time {
		margin-bottom: 10px;
	}
	.input-time span {
		text-align: center;
		width: 100%;
	}
}

@media only screen and (min-width:320px) and (max-width:480px){
	#sidebar-wrapper{
  		display: none;
	}
}

@media screen and (min-width: 320px) and (max-width: 768px){
	.rangeYear {
		margin: auto !important;
		width: auto !important;
		margin-bottom: 10px !important;
	}
}

@media screen and (min-width: 480px) and (max-width: 768px){
    .share{
        top: 0 !important;
        left: 48px !important;
        width: 50px !important;
        height: 50px !important;
    }
    .share ul li a {
        line-height: 50px !important;
    }
    .toggle:before{
        line-height: 50px !important;
    }
}

@media only screen and (min-width: 480px){
	#menu-toggle{
  		display: none;
    }
    .w-sm-100 {
        width: 100%;
    }

    .content-view .viewer img {
        height: 40vh;
    }
}

@media only screen and (max-width: 480px){
    footer.footer-below .row a{
        display: block;
        width: 100%;
        padding-bottom: 1rem;
    }
    section.browse_by_item_section .col.icon_card_col .card a .card-body{
        padding-top: 0rem;
        margin-top: -1rem;
    }
    .header-browse .image_browse_by svg {
        width: 90px;
    }
}

@media screen and (max-width: 320px){
    .share{
        top: 79% !important;
        right: 70% !important;
        width: 50px !important;
        height: 50px !important;
    }
    .share ul li a {
        line-height: 50px !important;
    }
    .toggle:before{
        line-height: 50px !important;
    }
}
@media screen and (min-width: 326px) and (max-width: 480px){
    .share{
        top: 0 !important;
        left: 48px !important;
        width: 50px !important;
        height: 50px !important;
    }
    .share ul li a {
        line-height: 50px !important;
    }
    .toggle:before{
        line-height: 50px !important;
    }
    .collection .img-container {
        height: 200px;
    }
}

@media screen and (max-width: 768px){
    footer.footer {
        position: relative;
    }
	.records-type a{
		display: block !important;
		margin-left: .5rem;
		text-align: left !important;
	}
	#sidebarCollapse {
		width: 100% !important;
	}
	.showing-records {
		text-align: center;
		order: 13;
	}
	.order-show {
		display: block !important;
	}
	.order-show div {
		margin-right: 0px !important;
	}
    .order-show > .form-group{
        margin-bottom: 0px;
    }
	.order-show div#sort{
		width: 100% !important;
        max-width: 50%;
	}
    .order-show div#sort:nth-of-type(1){
        float: left;
        padding-right: 5px;
    }
    .order-show label{
        width: 100%;
    }
    .order-show div#sort:nth-of-type(2){
        float: right;
        padding-left: 5px;
    }
    .collection .img-container {
        /* height: 160px; */
    }

    section.browse_by_item_section .col.icon_card_col .card a .card-body{
        padding-top: 0rem;
    }

    .browse_by_item_section .image_browse_by svg {
        max-width: 90%;
    }

    #header #navbarResponsive ul li a {
        border-bottom: 0.1rem solid transparent;
        border-bottom-color: #c4c4c4;
    }

    #header #navbarResponsive ul li ul {
        border:none
    }

    .collection .img-container img {
        object-fit: contain;
    }

    #navbarResponsiveContainer {
        margin-right: 0rem;
    }
}
@media screen and (max-width: 660px){
    .container-iframe{
        height: 420px !important;
    }
	.collection .img-container {
		    /* height: 160px; */
		}
}
@media screen and (min-width: 660px) and (max-width: 950px){
    .container-iframe{
        height: 480px !important;
    }
}
@media (min-width: 768px) {
    /*header.masthead {
        padding-top: 6rem;
        padding-bottom: 18rem;
    }*/
    
    header.masthead h1 {
        font-size: 3rem;
    }

    header.masthead-browse {
        padding-top: 10rem;
        padding-bottom: 9rem;
    }

    .search_submit {
        width: 160px !important;
    }
	
    #search_submit_collection.search_submit {
        width: 200px !important;
    }
	
	.img-container{
        height: 250px;
    }

    .content-view .viewer img {
        height: 65vh;
    }

    section.private-page {
        padding-top: 15rem;
        padding-bottom: 18rem;
    }

    section.private-page h1 {
        font-size: 3rem;
    }

    .header-menu-flex {
		padding-right: 0;
    }

    #navbarResponsiveContainer {
        margin-right: -2rem;
       /* text-overflow: ellipsis;
        overflow: hidden;
        white-space: pre;*/
    }
}

@media (min-width: 992px) {
    .content-view .viewer img {
        height: 80vh;
    }
    
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 1rem;
        padding-left: 1rem;
    }

    #header #navbarResponsiveContainer {
        margin-top: 4.3rem;
    }

    footer .footer_logo {
        max-width: unset;
	    width: 120%;
    }
}

@media (max-width: 992px) {
    #dismiss  {
        display: block !important;
    }
    
    #mapobjects {
        height: 500px;
    }

    .menu-top .header-menu-flex {
        flex-wrap: wrap !important;
    }
    
}

@media (max-width: 576px) {
	.content-view .metadata {
		column-count: 1;
	}

    .custom-banner-text {
        margin: 0 0 0 -.75rem;
    }

    .menu-top .header-menu-flex {
        justify-items: normal !important;
    }

    .header-menu-flex a.logo_link {
        width: 70%;
    }

	.dropdown-menu{
        padding: 0rem 0;
    }

    .navbar-logo-section .pb-4 {
        margin-bottom: -1rem !important;
    }
}

/* Media query menu top - Title / hamburguer button and in the second line the menu container and title font size */
@media (max-width: 991px)
{
    .menu-top .header-menu-flex {
        display: grid !important;
        grid-template-rows: auto auto;
	    justify-items: flex-end;
        /* grid-gap: 10px; */
    }

    .menu-top .header-menu-flex > a, .menu-top .header-menu-flex > button {
        grid-row: 1;
    }

    .menu-top .header-menu-flex > div {
        grid-row: 2;
    }

    header.masthead h1 {
        font-size: 2.5rem!important;
    }

    .card-browse-collection h1 {
		font-size: 3.5rem;
	}

    header.masthead h2 {
        font-size: 1.8rem!important;
    }

    header.masthead h2.collection-title {
		font-size: 2.3rem !important;
	}

    #header #navbarResponsive ul li a {
        border-bottom: 0.1rem solid transparent;
        border-bottom-color: #c4c4c4;
    }

    #header a.nav-link:not(.logged):not(.languages).active {
        /*text-underline-offset: 0.6rem!important;*/
	text-decoration: none!important;
    }

    #navbarResponsiveContainer {
        grid-column: 1 / span 2;
    }

    .container{
        max-width: 100%;
    }

    .logo{
        padding-left: 0.75rem;
    }

    .content-browse-collection {
        margin-top: 3rem !important;
    }
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {  
    /* IE10+ specific styles go here */  
    .img-fluid {
        width: 100%;
    }
}

@media (min-width: 768px) and (max-width: 1200px){
    .content-time .col-calendar span {
        font-size: 0.7rem;
        top: 20%;
    }

    .logo {
        /*padding-left: 0.5rem;*/
        width: 120%;
    }
}

@media (min-width: 1200px) and (max-width: 1400px){
	.content-time .col-calendar span {
        font-size: 0.9rem;
        top: 25%;
    }
}

@media (min-width: 1400px) and (max-width: 1500px){
    .content-time .col-calendar span {
        font-size: 1.1rem;
        top: 25%;
    }
}

.card-header .header-elements {
    padding-top: 1.25rem
}

.page-header-dark .header-elements,.page-header-light .header-elements {
    padding-bottom: 1.25rem
}

.breadcrumb-line .header-elements {
    margin-left: -1.25rem;
    margin-right: -1.25rem;
    padding: 0 1.25rem;
    border-top: 1px solid #ddd
}

.breadcrumb-line-light .header-elements {
    border-color: #ddd
}

.breadcrumb-line-dark .header-elements {
    border-color: rgba(255,255,255,.25)
}

.header-elements .form-group:last-child {
    margin-bottom: 0
}

.footer-elements-toggle,.header-elements-toggle {
    margin-left: auto;
    -ms-flex-item-align: center;
    align-self: center
}

.header-elements-inline {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.header-elements-inline .header-elements {
    display: -ms-flexbox!important;
    display: flex!important;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
    background-color: transparent;
    border: 0;
    margin-left: 0;
    margin-right: 0
}

.header-elements-inline .card-header-tabs .nav-link {
    padding-top: 1.0625rem;
    padding-bottom: 1.0625rem
}

@media (min-width: 576px) {
    .header-elements-sm-inline {
        display:-ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .header-elements-sm-inline .header-elements {
        display: -ms-flexbox!important;
        display: flex!important;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 0;
        background-color: transparent;
        border: 0;
        margin-left: 0;
        margin-right: 0
    }

    .header-elements-sm-inline .card-header-tabs .nav-link {
        padding-top: 1.0625rem;
        padding-bottom: 1.0625rem
    }
    section.browse_by_item_section .row .col.icon_card_col {
        max-width: unset;
    }
    section.browse_by_item_section .col.icon_card_col .card a .card-body .card-title {
        font-size: 1.5rem;
    }

    .header-menu-flex{
        display: grid !important;
        grid-template-columns: auto 1fr auto
    }
}

@media (min-width: 769px) {
    .header-elements-md-inline {
        display:-ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .header-elements-md-inline .header-elements {
        display: -ms-flexbox!important;
        display: flex!important;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 0;
        background-color: transparent;
        border: 0;
        margin-left: 0;
        margin-right: 0
    }

    .header-elements-md-inline .card-header-tabs .nav-link {
        padding-top: 1.0625rem;
        padding-bottom: 1.0625rem
    }

    section.browse_by_item_section .row.home-browse-by-icons {
        max-width: 70%;
        margin: auto;
    }

    #header #navbarResponsiveContainer {
        margin-bottom: -4px;
        width: 100%;
        display: inline-flex;
        flex-basis: 100%;
    }
}

@media (min-width: 992px) {
    .header-elements-lg-inline {
        display:-ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .header-elements-lg-inline .header-elements {
        display: -ms-flexbox!important;
        display: flex!important;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 0;
        background-color: transparent;
        border: 0;
        margin-left: 0;
        margin-right: 0
    }

    .header-elements-lg-inline .card-header-tabs .nav-link {
        padding-top: 1.0625rem;
        padding-bottom: 1.0625rem
    }

    section.private-page {
        padding-top: 15rem;
        padding-bottom: 22rem;
    }

    footer .footer-links {
        justify-content: right;
    }
}

@media (min-width: 1200px) {
    .header-elements-xl-inline {
        display:-ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .header-elements-xl-inline .header-elements {
        display: -ms-flexbox!important;
        display: flex!important;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 0;
        background-color: transparent;
        border: 0;
        margin-left: 0;
        margin-right: 0
    }

    .header-elements-xl-inline .card-header-tabs .nav-link {
        padding-top: 1.0625rem;
        padding-bottom: 1.0625rem
    }
}

@media screen and (min-width: 768px) and (max-width: 991px){
    #navbarResponsiveContainer {
        margin-right: 0rem;
    }

    #header > nav > div > div
    {
        padding-bottom: 1.5em!important;
    }
}

@media screen and (min-width: 576px) and (max-width: 991px){
    .dropdown-menu{
        border: none;
        padding: 0rem 0!important;
    }
}

@media screen and (max-width: 767px){
    #betasite-banner > div > div > div{
        padding-left: 2.5em;
    }
}