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

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

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

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

    header.masthead-browse .header-browse i {
        font-size: 2.5rem;
    }

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

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

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

@media (min-width: 1400px) {
    header.masthead-browse {
        padding-top: 2rem;
        padding-bottom: 3rem;
    }
    
    header.masthead-browse .header-browse i {
        font-size: 3rem;
    }
}