/*!!!!!!!MEDIA QUERIES!!!!!!*/

/*Between iphone 5 and right up to ipads*/

@media only screen and (max-width:767px) and (min-width: 320px) {
    .header-logo-img {
        width: 270px;
    }
    .signin-text {
        display: none;
    }
    .signin-btn {
        font-size: 30px;
    }
    .signin-btn-container {
        padding: 0px
    }
    .hide-xs {
        display: none;
    }
    .search-btn {
        width: 40px;
    }
    .search-results-count {
        margin-top: 0px;
        margin-bottom: 0px;
        font-size: 20px !important;
    }
    .padblock {
        padding: 0px;
    }
    .faq-page-btn {
        font-size: 15.6px;
    }
    .footer {
        height: 230px;
    }
    .wrapper {
        min-height: calc(100vh - 230px);
    }
    .biblio-summary-main-content {
        border-left: none;
        padding-left: 0px;
    }
    .no-col-padding-right-mobile {
        padding-left: 0px;
    }
    .no-col-padding-left-mobile {
        padding-left: 0px;
    }
    ul.biblio-page-ul>li {
        padding-left: 0px;
        padding-right: 0px;
        margin-left: -3px;
        margin-right: -3px;
    }
    .search-sidebar-filter-title {}
    /*Gets rid of the margins around the pagination buttons*/
    div>ul.pagination {
        margin-top: 0px;
        margin-bottom: 0px;
    }
    .repository-services-container {
        display: block;
    }
    .security-host-row-content {
        padding-top: 0px;
        padding-bottom: 0px;
        padding-right: 0px;
        padding-left: 0px;
    }
    .security-host-page-title {
        font-weight: 300;
        font-size: 35px;
    }
    .security-host-text {
        font-size: 14px;
    }
    .security-host-row-content {}
    .security-host-title {
        background-color: #1E6E91;
        color: white;
        text-transform: uppercase;
        font-size: 25px;
        text-align: center;
        padding: 0px;
    }
    .containerStyle {
        max-width: none !important;
    }
    #or-repository-container {
        text-align: left !important;
    }
    .search-box {
        padding-bottom: 3px;
    }
    .homepage-search-btn {
        height: 35px !important;
    }
    .homepage-searchbar {
        height: inherit !important;
        font-size: 16px !important;
    }
    .homepage-adv-search-btn {
        top: 10px !important;
    }
    .homepage-search-btn {
        width: 40px !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    .signin-btn-icon {
        opacity: 1;
    }
    .header-logo-img-homepage {
        padding-top: 5px;
        margin-top: 0px;
    }
    .adv-search-date-container-advsearch {
        display: inline-block;
    }
    .tiny-col-padding{
        padding-left:15px !important;
        padding-right:15px !important;
    }
    .user-account-input{
        width:100% !important;
    }
    .successCheck-account, .errorCheck-account{
        padding-top:20px;
    }
    .no-col-padding-right-xs{
        padding-right:0px !important;
    }
    .no-col-padding-left-xs{
        padding-left:0px !important;
    }
}


/*Small Devices, Iphone 5 to like iphone plus*/

@media only screen and (max-width:479px) and (min-width: 320px) {
    .nav-menu li {
        border-right: none;
    }
    .homepage-signin-bar {
        text-align: center;
    }
    .nav-menu {
        margin-bottom: 0px;
    }
    .main-header {
        background-image: linear-gradient(to bottom, #1B6A8D 0, #1B6A8D 100%);
        border-bottom: 1px solid;
        border-bottom-color: #4989A5 !important;
        min-height: 30px;
    }
    .header-search-container {
        padding-left: 0px;
        padding-right: 0px;
    }
    .header-container-fluid {
        padding-left: 0px;
        padding-right: 0px;
    }
    .right-text-tiny {
        text-align: right;
    }
    .left-text-tiny {
        text-align: left;
    }
    .first-signin-text {
        border-right: none;
    }
    .signin-btn-container {
        padding-right: 5px !important;
        padding-left: 5px !important;
        padding-top: 1px !important;
        padding-bottom: 1px !important;
    }
    .header-logo-img-homepage {
        width: 300px;
    }
    .small-screen-collapse{
        display:none;
    }
    .tiny-center-text{
        text-align:center !important;
    }
    .header-side-text{
        border-left:none;
    }
}


/* Extra Small Devices, Phones */

@media only screen and (max-width:767px) and (min-width: 480px) {
    .nav-menu li {
        border-right: none;
    }
    .biblio-page-header {
        text-align: center;
    }
    .homepage-signin-bar {
        text-align: center;
    }
    .nav-menu {
        margin-bottom: 0px;
    }
    .main-header {
        background-image: linear-gradient(to bottom, #1B6A8D 0, #1B6A8D 100%);
        border-bottom: 1px solid;
        border-bottom-color: #4989A5 !important;
        min-height: 30px;
    }
    .header-search-container {
        padding-left: 0px;
        padding-right: 0px;
    }
    .header-container-fluid {
        padding-left: 0px;
        padding-right: 0px;
    }
    .center-text-xs{
        text-align:center !important;
    }
    .right-text-xs {
        text-align: right;
    }
    .left-text-xs {
        text-align: left;
    }
    .small-screen-collapse{
        display:none;
    }
    .tiny-center-text{
        text-align:center !important;
    }
    .header-side-text{
        border-left:none;
    }
}


/* Small Devices, Tablets IPAD*/

@media only screen and (max-width:991px) and (min-width: 768px) {
    .nav-menu li {
        border-right: none;
    }
    .biblio-page-header {
        text-align: center;
    }
    .homepage-signin-bar {
        text-align: center;
    }
    .nav-menu {
        margin-bottom: 0px;
    }
    .main-header {
        background-image: linear-gradient(to bottom, #1B6A8D 0, #1B6A8D 100%);
        border-bottom: 1px solid;
        border-bottom-color: #4989A5 !important;
        min-height: 30px;
    }
    .header-search-container {
        padding-left: 0px;
        padding-right: 0px;
    }
    .header-container-fluid {
        padding-left: 0px;
        padding-right: 0px;
    }
    .hide-sm {
        display: none !important;
    }
    .nav-menu-item {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
    .footer {
        height: 245px;
    }
    .wrapper {
        min-height: calc(100vh - 245px);
    }
    .footer-homepage {
        height: 195px;
    }
    .homepage-wrapper {
        min-height: calc(100vh - 195px);
        /*height of footer*/
    }
    .nav-menu-item-text {
        font-size: 13px !important;
    }
    .biblio-main-content {
        border-left: none;
        padding-left: 0px;
        border-right: none;
    }
    .active-menu-item-text {
        font-size: 14px !important;
    }
    .navbar .navbar-collapse {
        margin-bottom: -2px;
    }
    .search-for-sidebar-row {
        border-bottom: none;
    }
    .biblio-summary-main-content {
        border-left: none;
        padding-left: 0px;
    }
    .no-col-padding-right-mobile {
        padding-left: 0px;
    }
    .no-col-padding-left-mobile {
        padding-left: 0px;
    }
    .right-text-sm {
        text-align: right;
    }
    .left-text-sm {
        text-align: left;
    }
    .center-text-sm{
        text-align:center;
    }
    .search-results-count {
        margin-top: 0px;
        margin-bottom: 0px;
    }
    /*Gets rid of the margins around the pagination buttons*/
    div>ul.pagination {
        margin-top: 0px;
        margin-bottom: 0px;
    }
    .navbar-logo-img {
        display: none
    }
    .adv-search-date-container-homepage {
        display: inline-block;
    }
    .containerStyle {
        max-width: none !important;
    }
    .navbar-datepicker{
        max-width:45%;
    }
    .small-screen-collapse{
        display:none;
    }
    .small-screen-no-col-padding-left{
        padding-left:0px;
    }
    .small-screen-no-col-padding-right{
        padding-right:0px;
    }
    .header-side-text{
        border-left:none;
    }
}


/* Medium Devices, Desktops */

@media only screen and (max-width:1199px) and (min-width: 992px) {
    .nav-menu li {
        border-right: 1px solid rgba(255, 255, 255, 0.2);
    }
    .biblio-page-header {
        text-align: right;
    }
    .homepage-signin-bar {
        text-align: right;
    }
    .navbar-logo-img {
        display: none;
    }
    .hide-md {
        display: none !important;
    }
    .right-text-md {
        text-align: right;
    }
    .left-text-md {
        text-align: left;
    }
    .center-text-md {
        text-align: center;
    }
    .nav-menu-item-text {
        font-size: 13px !important;
    }
    .publication-date-start-container-homepage input {
        max-width: 190px !important;
    }
    .publication-date-end-container-homepage input {
        max-width: 190px !important;
    }
    #repository-github-img {
        width: 314px;
    }
    #repository-gitlab-img {
        width: 314px;
    }
    .small-screen-collapse{
        display:block;
    }
}


/* Large Devices, Wide Screens */

@media only screen and (min-width: 1200px) {
    .nav-menu li {
        border-right: 1px solid rgba(255, 255, 255, 0.2);
    }
    .biblio-page-header {
        text-align: right;
    }
    .navbar-logo-img {
        display: none;
    }
    .hide-lg {
        display: none !important;
    }
    .right-text-lg {
        text-align: right !important;
    }
    .left-text-lg {
        text-align: left;
    }
    .publication-date-start-container input {
        max-width: 150px;
    }
    .publication-date-end-container input {
        max-width: 150px;
        margin-left: 10px;
    }
    .homepage-searchbar-container {
        padding-left: 37px;
    }
    .homepage-adv-search-dropdown {
        left: 22px !important;
    }
    .navbar-datepicker{
        max-width:45%;
    }
    .small-screen-collapse{
        display:block;
    }
    .no-col-padding-left-lg{
        padding-left:0px !important;
    }
    .no-col-padding-right-lg{
        padding-right:0px !important;
    }
    .user-account-input{
        width:60% !important;
    }
}

@media only screen and (max-width:1724px) and (min-width:1200px) {
    .publication-date-start-container-homepage input {
        max-width: 150px !important;
    }
    .publication-date-end-container-homepage input {
        max-width: 150px !important;
    }
}

@media only screen and (min-width:1725px) {
    .publication-date-start-container-homepage input {
        max-width: 250px !important;
    }
    .publication-date-end-container-homepage input {
        max-width: 250px !important;
    }
}

@media only screen and (max-width:1312px) and (min-width:1200px) {
    .to-span {
        margin-left: 0px;
    }
    .publication-date-start-container-homepage {
        padding-right: 0px !important;
    }
    .publication-date-end-container-homepage {
        text-align: right !important;
    }
}

@media only screen and (max-width:1520px) and (min-width:1200px) {
    #repository-services-header-container {
        padding-left: 15%;
    }
}

@media only screen and (min-width:1440px) {
    .special-lg-2 {
        width: 25%;
    }
    .special-lg-8 {
        width: 50%;
    }

}