﻿
/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
    .box4.Details {
        height: 170px;
    }

    .modal-dialog {
        max-width: 500px;
        margin: 8.75rem auto !important;
    }
}
/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199.98px) {
    .homePublications {
        margin-top: 50px;
    }

    .album .thumbImage {
        height: 185px;
    }

    .album {
        height: 285px;
    }
    
}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991.98px) {
    .homePublications {
        margin-top: 50px;
    }

    .collapse:not(.show) {
        display: block !important;
    }

    .navbar-toggler {
        display: none;
    }
    .nav{
        padding:0!important;
    }
}

@media (max-width: 767.98px) {
    .nav {
        padding: 0 !important;
    }
    .dropdown-menu.show {
        display: block;
        float: none !important;
        position: relative!important;
        top: 0!important;
        border: none!important;
        background-color: #fdfdfd !important;
    }
    .nav-item .dropdown-item, 
    .nav-item .dropdown-item:hover, 
    .nav-item .dropdown-item:visited, 
    .nav-item .dropdown-item:focus {
        padding: .25rem 3rem!important;
    }
    .list img {
        max-width: 320px;
        margin-bottom: 30px;
    }

    .homePublications {
        margin-top: 50px;
    }

    .menuPadding {
        padding: 0 !important;
    }

    .nav {
        padding-top: 15px !important;
        border-top: 1px solid #cfa93a;
        margin-top: 0;
    }

    .nav-item {
        width: 100% !important;
    }

        .nav-item .nav-link {
            background-image: none;
            padding: 5px 30px;
            border-bottom: 1px dotted #d1d1d1;
        }

            .nav-item .nav-link:hover {
                color: #bf9928;
            }

        .nav-item:last-child {
            margin-bottom: 15px;
        }

    .navbar {
        position: absolute;
        width: 100%;
        z-index: 100;
        background-color: #f5f5f5;
        top: 12px !important;
        left: 0 !important;
        right: 0 !important;
        padding: 0 !important;
        box-shadow: 1px 5px 5px rgba(0,0,0,0.25);
    }

    .navbar-toggler {
        background-color: #0A4F2D !important;
        position: absolute;
        top: -50px;
    }

    .container {
        max-width: 100% !important;
    }

    .language {
        right: 28px;
    }

    .homePublications a {
        margin-top: 15px;
        display: inline-block;
    }

    .album .thumbImage {
        height: 215px;
    }

    .album {
        height: 310px;
    }
}

/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767.98px) {
}

/*Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
    .gallery > div > div {
        height: auto;
    }

    .gallery img {
        width: 100%;
    }

    .footer .lowerMenu {
        margin-top: 0;
        padding: 0;
        padding-top: 0px;
        border-top: 1px dotted rgba(255,255,255,0.25);
        padding-top: 10px;
        margin-top: -10px;
    }

    .footerdata,
    .footerdata .text-right {
        text-align: center !important;
    }

    .album .thumbImage,
    .album {
        height: auto;
    }

    .box4.Details {
        height: auto;
    }
}
