/*--------------------------------------------------------------
Kraska - Header
--------------------------------------------------------------*/
#header {
    padding: 0;
    height: 81px !important;


}


#main-navigation {}

.menu-glowne-container {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-flex: 1;
    -ms-flex: 1 100%;
    flex: 1 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    background-color: #997042;
}



.menu-glowne-container {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-flex: 1;
    -ms-flex: 1 100%;
    flex: 1 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    background-color: #997042;
}

.logo {
    display: block;
    position: absolute;
    z-index: 120;
    top: 22px;
    left: 21px;
    width: 297px
}

.logo-tlo {
    z-index:102;
}

.logo-mobile {
    display: block;
    position: absolute;
    z-index:201;
    top: 18px;
    left: 21px;
    width: 245px;

}

.logo-mobile-tlo {
    z-index:80;
    position: absolute;
   
}




.gorny-button {
    margin: 19px;
    padding: 4px 24px 6px 24px;
    background-color: #FFF;
    border-radius: 9px;
    border: 0;
}

.gorny-button:hover {
    background-color: #cfe4dd;

}

.gorny-button-serce {
    padding-right: 17px;
}

.gorny-button-serce-link * {
    color: #161515;
}




.gorny-button-mobilny {
    display: block;
    position: absolute;
    top:16px;
    right:75px;
    z-index:120;
    padding: 2px 17px 3px 15px;
    border-radius: 9px;
    border: 0;
    background-color: #FFF;
    font-size: 15px;
}


.gorny-button-mobilny:hover {
    background-color: #cfe4dd;

}

.gorny-button-mobilny-serce {
    padding-right: 10px;
}

.gorny-button-mobilny-serce-link * {
    color: #161515;
}




/*
############################  SZEROKOSC powżej 1100 PX  #######################
*/

@media (min-width:1100px) {
    
    .gorny-button-mobilny {
        display: none;
    }

    .logo_mobile, .logo-mobile-tlo {
        display:none;
    }

    .logo, .logo-tlo {
        display:block;
    }

    #menu_glowne {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    #main-menu-container * {
        display: none;
        height: 0px;
    }

    .menu-glowne-child {
        height: 81px;
        margin: 0;
    }

    .menu-glowne-child1 {
        width: 402px;
    }



    .menu-glowne-child2 {
        -webkit-box-flex: 2;
        -ms-flex: 2 0px;
        flex: 2 0px;
        position: relative;

    }

    .menu-glowne-child3 {
        width: 236px;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
        position: relative;
    }

    .menu-glowne-linki {

        width: 570px;

        position: absolute;
        top: 25px;
        left: 50%;
        -webkit-transform: translate(-50%, 0%);
        transform: translate(-50%, 0%);
    }

    .odstep-pod-naglowkiem {
        overflow: visible;
        height: 150px;
    }
    

}




/*
############################  SZEROKOSC Poniżej 1099px #######################
*/

@media (max-width: 1099px) {
    
    .gorny-button-mobilny {
        display: block;
    }
    
    #menu_glowne {
        display: none;
    }
    #menu_glowne {
        display: none !important;
    }

    #main-menu-container * {
        display: block;
    }

    .odstep-pod-naglowkiem {
        overflow: visible;
        height: 110px;
    }


    .logo_mobile, .logo-mobile-tlo {
        display:block;
    }

    .logo, .logo-tlo {
        display:none;
    }


}





/*
############################  SZEROKOSC Poniżej 540px  #######################
*/

@media (max-width:540px) {
.gorny-button-mobilny span {
    display:none;
}
.gorny-button-mobilny-serce {
    padding-right: 0;
    padding-top:2px;
}
}



/*
############################  SZEROKOSC Poniżej 410px  #######################
*/

@media (max-width:410px) {
    .gorny-button-mobilny {
        right:12px;
        top:84px;
        background-color: #efece8;
        z-index:100;
    }

}




/*
############################  SZEROKOSC Poniżej 330px  #######################
*/

@media (max-width:330px) {
    .logo-mobile {
        width: 190px;
        
    }
    
    
}



.container {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 67px;
    z-index: 100;

}

#mobile-nav-button {
    background-color: #997042;
    z-index: 300 !imporetant;
}

#main-menu-container {
    background-color: #997042;
}

#main-navigation {
    background-color: #997042;
}




.glowna-odstep-gorny {
    position: relative;
    width: 100%;
    height: 150px;
    overflow: visible;

}