@import url("../../1352/css/media-query.css");


@media all and (max-width: 1080px), screen and (max-device-width: 1080px) and (orientation : portrait) {
    /*  for munster */
   /* body.mun #locations-list .location-item-div {
        height: 45px;
    }
    body.mun #locations-list .location-item-div .logo {
        min-width: 260px;
        min-height: 45px;
    }
        body.mun #locations-list .location-item-div:hover {
            height: auto !important;
        }*/
}

@media all and (max-width: 991px), screen and (max-device-width: 991px) and (orientation : portrait) {
    /*  for munster */
  /*  body.mun #locations-list .location-item-div {
        height: auto !important;
    }

        body.mun #locations-list .location-item-div .logo {
            min-width: 300px;
            min-height: 52px;
        }*/
    #locations-list .location-item-div a {
        opacity: 1;
    }
    #locations-list .location-item-div,
    #locations-list .location-item-div .location-link {
        height: auto !important;
    }
        #locations-list .location-item-div .location-link,
        #locations-list .location-item-div .logo,
        #locations-list .location-item,
        #locations-list .location-item-div,
        #locations-list .location-item-div a {
            -webkit-transition: var(--transition-mobile);
            transition: var(--transition-mobile);
            transition-delay: var(--transition-delay);
        }
        /*  mobile layout */
    #locations-list {
        flex-wrap: wrap;
        /*flex-direction: column;*/
        /*align-items: center;*/
        row-gap: 10px;
        column-gap: 10px;
        margin-bottom: 0px;
    }
        #locations-list .location-item {
            -webkit-box-shadow: var(--box-shadow);
            -moz-box-shadow: var(--box-shadow);
            box-shadow: var(--box-shadow);
            height: auto;
        }
            #locations-list .location-item-div.inactive a {
                /*background-color: #bfbfbf !important;
                border-color: #bfbfbf !important;*/ 
                opacity: 0.5;
            }

}

@media all and (max-width: 768px), screen and (max-device-width: 768px) and (orientation : portrait) {

    #locations-list {
        flex-wrap: nowrap;
        flex-direction: column !important;
        margin-top: 40px;
        align-items: center;
    }

}

@media all and (max-width: 568px), screen and (max-device-width: 568px) and (orientation : portrait) {
}

@media all and (max-width: 480px), screen and (max-device-width: 480px) and (orientation : portrait) {
}

@media all and (max-width: 410px), screen and (max-device-width: 410px) and (orientation : portrait) {

        #locations-list .location-item-div .logo {
            min-width: 260px;
            min-height: 45px;
        }
}

@media all and (max-width: 375x), screen and (max-device-width: 375px) and (orientation : portrait) {

    #locations-list .location-item-div .logo {
        min-width: 240px;
        min-height: 43px;
    }
}

