@media (min-width:800px) {
    .fb_vsude:hover{
        right: 0;
    }
}


@media (max-width:1200px) {



    .slideText{
        top:18%;
    }

    .slideNadpis{
        font-size: 30px;
        margin-bottom:10px;
    }

    .slidePopis{
        font-size:20px;  
    }

    .slideTlacitko{
        margin-top:15px;
        padding:5px 9px;
    }

    .slideTecky{
        bottom:10px;
    }



}

@media (max-width:1100px) {
    .instaObal{
        justify-content: space-around;
    }

    .instaPost{
        width:46%;
    }

}



@media (max-width:980px) {
    .obal{
        padding:20px;
    }


    .obalIndexFoto .galerieFotkyFotka{
        width:calc((100% - 40px) / 3) ;
    }

    .onasText{
        padding:10px;
        width:100%;

    }

    .onasObrazek{
        width:100%;
    }

    .onasBox{
        flex-direction:column;  
        margin-bottom:30px;
    }

    .onasBox2{
        flex-direction:column-reverse;
    }


    .kostkyObal{
        flex-wrap:wrap;
        justify-content: space-around;
    }


    .kostkaObal{
        width:48%;
        margin-bottom:13px;
    }

    .mobileMenu{

        display:flex;
        flex-direction:column;
        justify-content: space-between;
        width: 33px;
        height: 26px;
        cursor:pointer;
    }

    .mobileMenu .iconBar{
        width: 100%;
        height: 2px;
        border-radius:1px;
        background-color: white;
    }

    .menuObsah2{
        display:none;
        position:absolute;
        flex-direction:column;
        font-size:15px;
        top:70px ;
        z-index:101;
        background-color:rgba(0,0,0,0.8);
        color:white;
        border-radius:10px;
        text-align:center;
        width:150px;
    }

    .menuObsah2 .menuItem{
        padding:0px;
        width:100%;
        justify-content:center;
        border-top-left-radius:0;
        border-bottom-right-radius:10px;  

    }

    .menuObsah2 .menuItemMenu .dropdownAkce{
        border-top-left-radius:10px;
        border-bottom-right-radius:0px;  
        border-top-right-radius:0px;
    }

    .menuObsah2 .menuItem .dropdownshow{
        top:0;
        left:-150px;
        background-color:rgba(0,0,0,0.8);
        border-top-left-radius:10px;
        border-bottom-left-radius:10px;
    }

    .menuObsah1 .menuItemMapa{
        display:none;
    }

    .menuObsah1{
        right:20px;
        top:10px;
    }

    .menu{
        height:117px;
        padding:10px 20px;
    }

    .menuObsah2.mobileVisible{
        display:flex;
    }

    .menuObsahLine .menuItemSoc1.menuItem{
        margin-left:0px;
    }

    .footerObal{
        flex-wrap:wrap;
        padding:20px;
    }

    .footerSloup{
        max-width:48%;
        width:48%;
        margin-bottom:40px;
    }

    .footerObal2{
        padding:20px;
    }

    .slideSipka .material-icons{
        font-size:50px;
        display:flex;
        justify-content:center;
    }

    .slideSipka{
        width:30px;

    }


    .rezervaceKostka{
        width:100%;
        margin-bottom:40px;
    }


    .kontaktObal{
        flex-direction:column;
    }

    .kontaktObal .galerieBox{
        width:100%;
        margin-right:0;
    }

    .kontaktObal .galerieBoxNadpisText{
        width:100%;
    }


    .galerieKontakt{
        display:none;
    }

    .obalGalerie{
        flex-direction:column-reverse;
    }

    .obalGalerieLevy{
        margin-right:0;
    }

    .obalGaleriePravy{
        width:100%;
    }

}  


@media (max-width:720px) {


    .instaPost{
        width:100%;
    }



    @media (max-width:650px){
        .kostkaOtviraciDen{
            width:100%
        }

    }




}

@media (max-width:680px) {

    .kontaktKostkyObal{
        flex-direction:column;
    }

    .kontaktKostka{
        width:100%;
        margin-bottom:30px;
    }

    .kontaktKostka:last-child{
        margin-bottom:0;
    }

    .kontaktBoxLevy .galerieKontaktRadekKont{
        margin-top:5px;
    }

    .menuNavi{
        flex-direction:column;
        align-items:center;
    }

}

@media (max-width:500px) {

    .obal{
        padding:20px 10px;
    }

    .menu{
        padding:5px 10px;
        height:107px;
    }

    .menuObsah1{
        top:5px;
        right:10px;
    }

    .footerSloup{
        max-width:100%;
        width:100%;
        margin-bottom:40px;
    }

    .footerObal{
        padding:10px;
    }

    .footerObal2{
        padding:10px;
        flex-wrap:wrap;
        justify-content: center;
    }

    .footer2Pravy{
        width:100%;
        justify-content: center;
        margin-top:12px;
    }


    .footer2Btn{
        padding:0px 10px;
    }

    .slideText{
        top:10%;
    }

    .slideSipka .material-icons{
        font-size:35px;
    }

    .galerieBoxNadpisText{
        width:100%;
    }

    .menuSekce{
        padding:20px 5px;
    }

    .menuTable{
        margin-top:15px;
    }


    .kostkaObal{
        width:100%;
        margin-bottom:40px;
    }

    .galerieFotkyFotka{
        width:calc((100% - 10px) / 2) ;
        padding-bottom:10px;
    }

    .galerieObsah{
        padding:10px;
    }


    .rezervaceObsah{
        padding:10px;
    }

    .rezervaceKostkaAkce .rezervaceInputObalRadek.rezervaceInputObalRadekNahore{
        flex-direction:column;
    } 

    .rezervaceInputAkce{
        width:100%;
    }



}