/*
******************************************************************************
* MEK FENY - FLATICON
******************************************************************************
* media.css
******************************************************************************
*/

@media (max-width: 991px) {
    .header .navbar #hun-map {
        display: none;
    }
    .defpage {
        padding-top: 0;
    }   
}

@media (max-width: 767px) {
    .header .navbar-nav .nav-item {
        margin-top: 0;
        display: flex;
        justify-content: center;
    }

    .header .navbar-collapse {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        background-color: white;
        z-index: 9999;
    }

    .header .navbar-collapse.show {
        display: block;
    }

    .header .navbar {
        z-index: 1000;
    }


    .navbar-brand.center-logo-mobile {
        margin-left: auto;
        margin-right: auto;
        display: flex;
        justify-content: center;
    }

    .defpage {
        padding-top: 0;
    }    

    .search .title-text {
        font-size: 1.75rem;
        color: #ffffff;
        font-weight: 700;
        letter-spacing: 0.2rem;
    }

    .search .mobile-icon {
        display: inline;
        position: absolute;
        right: 3rem;
        top: 2rem;
    }

    .search .desktop-icon {
        display: none;
    }

    .search-topics {
        position: relative;
        z-index: 1000;
        top: 1rem;
        margin: 0 auto;
    }

    .search input {
        width: 80%;
    }

    .search .mobile-input {
        padding-top: 1rem;
    }

    .settlement {
        padding-top: 0;
    }

    .custom-tooltip {
        font-size: 1rem;
        display: none;
        position: absolute;
        background-color: #305000;
        border: 1px solid black;
        color: white;
        padding: 5px;
        border-radius: 5px;
        z-index: 1000;
        max-width: 80%;
    }

    #tooltipA {
        top: 3.2rem;
        left: 2.7rem;
    }

    #tooltipT {
        top: 3.2rem;
        left: 2.7rem;
    }

    .footer .footer-logo-align {
        text-align: center;
    }

    .footer .footer-text-align {
        position: static;
        text-align: center;
        margin-top: 2rem;
    }

    #footer-logo {
        display: none;
    }

    .faq {
        padding-top: 0;
    }

    .info {
        padding-top: 0;
    }

    #county {
        padding-top: 0;
    }

    .contact {
        padding-top: 0;
    }

    .county-table {
        padding-top: 0;
    }
  
    .defpage {
        padding-top: 0;
    }

    #feny-map {
        height: 250px;
    }
}

/* desktop nézetben lejjebb rakjuk a tartalmakat ki a menü */
@media (min-width: 992px) {
    .search .search-header {
        padding-top: 15rem;
    }
    .county-table {
        padding-top: 10rem;
    }

    .menu-desktop-layout {
        width: 100%;
        padding-right: 0px;
        padding-left: 0px;
        margin-right: auto;
        margin-left: auto;
        max-width: 1080px;

        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .menu-desktop-fixed-top {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        z-index: 1030;
        max-width: 1920px;
        margin: 0 auto;
        background-color: white;
    }

}

/* icon sáv mérete + logo */
@media (min-width: 992px ) and (max-width: 1280px){
    .search-topics .custom-card {
        width: 12rem;
        height: 12rem;
        margin: 0 1.5rem;
    }
    .meklogo {
        margin-left: 3rem;
    }

}