#aspnetForm {overflow: hidden;}
.mobilemenu, .menuWrap {display: none;}
#wyszukiwarkaPanelBox #lstWojewodztwa {width: 96%!important;}

@media (max-width: 900px) { 
    #wrapper {width: 100%; margin-top: 0px;}
    
    .bannery {width: 100%;}
    .bannery #logo {width: 30%;}
    .bannery .banner {width: 70%;}
    
    .mMain {width: 100%;}
    .mMain .mLewyPanel {width: 35%;}
    .mMain .mLewyPanel #wyszukiwarkaPanelBox {width: 100%!important;}
    
    .mMain .mMainContent {width: 65%; padding-left: 0px;}
    .mMain .mMainContent .akt {width: 48%; margin-left: 1%;}
    
    #footer {width: 96%; padding: 10px 2%;}
    .dvOswiadzczenie {width: 100%!important;}
    
    /* ---- wyszukiwarka --- */
    #wyszukiwarkaPanelBox #imgWyszukiwarka {width: 100%;}
    #wyszukiwarkaPanelBox .rodzajWysz {width: 100%!important;}
    #wyszukiwarkaPanelBox #txtRodzajBudynkuMieszkanie {width: 85%!important;}
    #wyszukiwarkaPanelBox #lstWojewodztwa {width: 96%!important; position: relative!important;}
    #wyszukiwarkaPanelBox input.txtLocations {width: 90%!important;}

    .otherSearch .wysz_Row.dvCena, .wysz_Row.dvCenaM2, .wysz_Row.dvPowierzchnia, .wysz_Row.dvPokoje {height: 50px;}
    .otherSearch .wysz_RowLeft span::before {content: "od"; font-size: 10px; margin-right: 8px; color: #666;}
    .otherSearch .wysz_RowRight {clear: left; padding-top: 5px; margin-left: 81px;}
    
    /* ---- lista ofert --- */
    #NavigationTop, .sortPanel {width: 100%!important;}
    .OfertaLista {height: 200px;}
    .OfertaLista .tableListaOfe .tabtdabsoluteList3 {position: absolute; top: 95px; left: 114px;}
    .OfertaLista .tableListaOfe tfoot {position: absolute; top: 180px; left: 0px;}
    .WidokTabelka, .WidokGaleria {display: none;}
    
    /* ---- metryka oferty --- */
    #mainBox {width: 100%;}
    #mainBox div.blok2 table {width: 100%;}
    #mainBox #agentDane td.dane, #mainBox #agentDane td.dane table {width: 100%!important;}
    #mainBox #dvPodobneOferty {width: 100%!important;}
    
    #divPhotos .scroll1, #divPhotos .scroll2 {display: none;}
    #galContainer {width: 100%!important; height: 100%!important; float: none!important;}
    #galContainer .gallery {width: 100%; height: 100%; float: none;}
    #galContainer .gallery div {margin: 1px;}
    
    #lightbox-container-image-box, #lightbox-image {width: 100%!important;}
    #lightbox-container-image-data-box {width: 98%!important;}
    
    .mainBox {width: 100%;}
}

@media (max-width: 768px) { 
    div.OfertaSpecjalna {float: none!important; width: 100%;}
    .mMain .mLewyPanel {width: 50%;}
    .mMain .mMainContent {width: 50%; padding-left: 0px;}
    .mMain .mMainContent .akt {width: 100%; margin-left: 0px; float: none;}
    
    .mainMenu table {border-collapse: collapse; width: 100%;}
    .mainMenu table td a {padding: 0px 5px; font-size: 12px;}
    
    #gorneMenu {display: none;}
    .mobilemenu {display: block; float: right;}
    .mobilemenu .openmobile {height: 40px;}
    
    .menuWrap {
        width: 200px;
        position: absolute;
        right: -200px;
        z-index: 100;
        background-color: #3a3a3a;
        /*border: 1px solid #888;*/
        height: 100%;
        display: block;
    }
    .menuWrap .closemobile {margin: 5px; float: right; clear: both; height: 20px;}
    .menuWrap .menuMenu ul {padding-left: 20px;}
    .menuWrap .menuMenu ul li {font-size: 16px; list-style-type: none; line-height: 26px;}
    .menuWrap .menuMenu ul li a {color: #FFF;}
    
    /* ---- lista ofert --- */
    .OfertaLista {height: 400px;}
    .OfertaLista .tableListaOfe .tabtdabsoluteList2 {position: absolute; top: 110px; left: 10px;}
    .OfertaLista .tableListaOfe .tabtdabsoluteList3 {position: absolute; top: 195px; left: 10px;}
    .OfertaLista .tableListaOfe tfoot {position: absolute; top: 280px; left: 0px;}
    .OfertaLista .showMapList {position: absolute; top: 20px; left: 0px;}
    
    .ContactClass .mLewyPanel, .ArtClass .mLewyPanel {display: none;}
    .ContactClass .mMainContent, .ArtClass .mMainContent {width: 100%;}
    
    .OfferClass #form_wysz, .OfferClass #RodzajeOfertPanel, .OfferClass #daneKontaktowe, OfferClass #dvOfertyOgladane {display: none;}
}

@media (max-width: 480px) { 
    .mMain .mLewyPanel {width: 100%; float: none;}
    .mMain .mMainContent {width: 100%; padding-left: 0px; float: none;}
    .mMain .mMainContent .akt {width: 100%; margin-left: 0px; float: none;}
    
    .mainMenu table td a {
        padding: 0px 2px;
        font-size: 10px;
    }
    
        /* ---- lista ofert --- */
    .OfertaLista {height: 200px;}
    .OfertaLista .tableListaOfe .tabtdabsoluteList2 {position: relative; top: auto; left: auto;}
    .OfertaLista .tableListaOfe .tabtdabsoluteList3 {position: absolute; top: 95px; left: 114px;}
    .OfertaLista .tableListaOfe tfoot {position: absolute; top: 180px; left: 0px;}
    .WidokTabelka, .WidokGaleria {display: none;}
}