body{
    background-image: none;
}
.ramka{
    max-width: 98%; margin: 0 1%;
}
.header_imgs, #szukajka span, .left_a, .right_a, .slider .opis{
    display: none;
}
.header_imgs_1{
    display: inline; width: 70%;
    float: right;
}
#logo img{
   width: 100%;
}
#logo{
   width: 27%;
}
#header{
    border-bottom: 5px solid #1d3a6c; height: auto; padding-bottom: 10px;
}
#szukajka{
    width: 70%;  margin: 10px 0 0 0;
    float: right;
}
#szukajka form{
    display: block;
    float: right; overflow: hidden;
}
#menu{
    display: none; width: 100%; margin-bottom: 10px;
}
#menu ul{
    width: 100%;
}
.podmenu{
    display: block!important; margin: 5px 0 0 0px!important; padding:0px 0 4px 0!important; position: relative!important;
    left: 0px!important;
}
#menu li{
    background-image: none; display: block;height: auto; text-align: center; width: auto;
    margin: 0px!important; padding: 0px 0 4px 0!important;
}
#menu li a{
    color: #000; padding: 5px 0; text-shadow: 1px 1px 1px gray;
}
#mainmenu ul{
    display: block; height: auto; margin: 0px!important; padding: 0px!important;
    background: none; width: 100%;
}
#mainmenu ul li{
    width: 100%; text-align: center; margin: 0px!important; padding: 0px!important;  display: block
}
#mainmenu ul li a{
    color: gray; text-shadow: none; font-size: 12px;
}
#show_menu_btn{
    display: block; background: #a82326; color: #fff; text-shadow: 1px 1px 1px #fff; text-align: center;
    padding: 4px; font-size: 12px; margin-bottom: 5px;
}
.slider img{
   float: none!important; width: 100%!important; display: inline;
    max-width: 414px; position: relative;
}
.slider{
    text-align: center;   width: 100%!important;
}
#pre_filmstrip{
    width: 100%!important; height: auto!important; padding: 10px 0; margin: 0 auto; position: relative;
}
#filmstrip{
    width: 100%!important;
}
#filmstrip li{
    width: 96%; margin: 0 2%;
}
.div_l, .div_r{
    display: block;
    float: none; width: 100%;
}
#page{
    padding: 0 2%;
}
.kierunki li{
    max-width: 270px; width: 48%; margin: 0 2% 2% 0; position: relative;

}
.kierunki img.avatar_float{
    width: calc(100% - 2px);
}
.kierunki span{
    padding: 4px 7px; height: 40px; border-bottom-left-radius: 0px; text-shadow: 1px 1px 1px #000;
}
.kierunki .dziubek{
    display: none;
}
#menu2 ul{
    height: auto;
}
#menu2 ul li{
    border: 0px;
}
.footer_float_div{
    width: 100%; display: block;
    float: none; padding: 0 0 20px 0;
}

.fb-like,
.fb-share-button,
.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget iframe {
��� display: none !important;
}
/* ===========================
   PANORAMA – WERSJA MOBILE
   =========================== */

@media (max-width: 850px) {

    /* Ukrycie lewego zdjęcia */
    .cms-left {
        display: none !important;
    }

    /* Prawe zdjęcie skaluje się proporcjonalnie */
    .cms-right {
        width: 100% !important;
    }

    .cms-right img {
        width: 100% !important;
        height: auto !important;
        object-fit: contain !important;
        display: block;
        margin: 0 auto;
    }

    /* Kontener dopasowuje się do zdjęcia */
    .cms-box {
        width: 100% !important;
        height: auto !important;
        display: block !important;
        overflow: hidden;
    }
}