@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 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;
    }
}
@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: 15rem;
        padding-bottom: 9rem;
    }
    header.masthead h1 {
        font-size: 3rem;
    }

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

    .search_submit {
        width: 160px !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;
    }
}

@media (min-width: 992px) {
    .content-view .viewer img {
        height: 80vh;
    }
}

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

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

@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%;
    }
}
@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
    }
}

@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
    }
}

@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;
    }
}

@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 (max-width: 767px){
    #mySearcherTab .block_search_fulltext {
        display: inline-block;
        width: 100%;
        border: none !important;
    }
    #mySearcherTab .block_search_fulltext .search_type_options  {
        background: none!important;
        margin-left: 0.5rem;
        border: none !important;
    }
    #mySearcherTab .searchBar_with_icon {
        border: 1px solid #ced4da !important;
    }
}