@media screen and (min-width:0px){
    #cookies_info{ width:100%; max-width:1000px;     box-sizing: border-box; }
    #panel_adm{ box-sizing:border-box;}
    .wiecej_xxx a:hover{ left:0; color:#444;}
}

@media screen and (max-width: 1020px) and (min-width:850px){
    #srodek, #rama{ width: 830px; }
    #panel_1{ display: none; }
} 

@media screen and (min-width:850px){
    .mobileOnly{ display:none; }
    #menu{ display: block !important; } 
    #reklama_1_mobile {display: none !important;}
    #rama {background-color: #fff;}
    #reklama_1 {background-color: transparent;}
}

@media screen and (max-width: 850px) and (min-width:0px){
    
    body{ background-color: transparent !important; }
    #rama {background-color: transparent;}
    #reklama_1_mobile {background-color: transparent;}
    /* ------------- ------------ ------------ */
    /* ------------- DIPLAYS NONE ------------ */
    /* ------------- ------------ ------------ */
	
    .menuCover{ display: none; }
    #srodek, #rama{ width:100%; }
    .deskOnly, #wyszukiwarka, #reklama_1, #panel_1,
    #facebook2_2, #googleplus2_2, #twitter2_2, #esensja_2,
    .goraLink, #menu .cssMenu li ul,
    ul.cssMenu li.deskOnly, .userbox, .staticBaner, #panel_adm_title,
    #panel_adm + iframe, .wykop, #komentarze, .kulturowskaz_link,
    .socialShare, .backToTop, 
    tr.searchIn, tr.attrDesk, .rightColumnHeader,
	#cookies_info.h, .trlink2kw	{ display: none !important; }
    
	.rslides_nav{ top:20%; }
	
	#cookies_info{
		position:fixed;
		bottom:0;
		left:0;
		border:none; 
		background: rgba(255,255,255,0.7);
		display: block;
		z-index: 10;
		padding: 0px 10px;
		border-top: 1px solid #4850a0;
	}

    #polecamy{ margin:0; }
    .patronaty .afloPat{ clear:both; margin-bottom:10px; width:100%; display: block;  }
    .patronaty {     
        text-align: left;
        font-size: 16px;
        line-height: 20px;}
    .patronaty img { float:left; margin-right:20px; }
	.patronaty .simpleItem{ overflow:hidden; clear:both; margin-top:15px; }
	.patronaty .afloPat, .patronaty .afloPatTmp, .patronaty h2, .patronaty br { display:none !important; }

    .buyContainer{ padding-bottom: 20px; }
    .buyLinks{ overflow: hidden; display: flex; flex-wrap: wrap; text-align: center; justify-content: center; }
    .buyLink, .buyLinkSpecial{ box-sizing: border-box; margin: 0 1%; width:31.3%; padding:5px; box-sizing: border-box;  border:1px solid #D2D2D2; border-radius:5px; margin-bottom:10px;  }
	.buyLinkSpecial .buyLink{ margin:0; width:100%; padding:0; border:none; }
	
    .buyLink img{ max-width:100%; }
	.buyLink span.price{ display:block; }
    .buyLink:hover{ border-color: #CCC; }

    a,
    .show_hide.bez_bold.cred,
    a.cred,
    a.link2kw { color: #4850A0 !important; }
    .show_hide{ float:right; }
    #rama{ position:relative; }
    #panel_3, #panel_4 { padding:10px; box-sizing: border-box;  }
    
    body, table, form, #tekst .text, #tekst .t-subtitle,
    #tekst, #panel_tekst_2 .sekcja h1,
    h3.itemTypeTitle, h3, #panel_2 .sekcja h1,
    #panel_3 h1, #panel_4 h1,
	span.tn-link
    { font-family: 'Lato', Arial, Tahoma !important; }
	
	div.t-navi{ 
		margin: 0 0 10px;
		float: right;
		width: 100%;
		text-align: right;
		padding: 5px 0px 0px;
		border-top: 1px solid #eee;
		border-bottom: 1px solid #eee;
		font-weight: normal;
	}
	span.tn-link{ 
		color: #4850A0;
		display: inline-block;
		width: 25px;
		height: 25px;
		line-height: 25px;
		font-size: 12px;
		text-align: center;
		background: #f3f3f3;  
		margin-bottom:5px;
	}
	span.tn-link:hover{ color:#fff; background: #4850A0; }
	span.tn-link:hover a{ color: #fff !important; }
	span.tn-link-active,
	span.dots, span.dots:hover,
	span.tn-link-active:hover{ cursor:none;  color: #222; background:#fff; font-weight:bold; }
	span.dots{ background: none; width: auto; cursor:none; }
	
    div.t-titauth { margin-left:0px; }
    .t-titauth img.ico { display: none; }
    .show_hide.bez_bold.cred img{ display: none; }
    #tekst .t-subtitle, 
	.mobileOnly .t-subtitle,
    #panel_tekst_3 h1,
    .subsectionTitle,
    #panel_tekst_2 h2,
    #panel_2 .sekcja h1,
    #panel_3 h1, #panel_4 h1,
	#panel_tekst_2 .sekcja h1,
	.panel h3{
        margin: 0;
        margin-left: 0 !important;
        padding-left: 0 !important;
        font-size: 25px;
		line-height:28px;
        font-weight: normal;
        margin-bottom: 10px;
        color: #444444 !important;
        background: none !important;
        font-variant: unset !important;
        width: 100% !important;
        box-sizing: border-box;
    }
	#panel_tekst_2 .lead .ikona{ height:auto; }
	
	#tekst .text.t-subtitle, 
	#tekst .text.t-subtitle a{ 
		font-size:20px; 
		line-height:24px; 
		font-variant: unset; 
		font-weight: normal !important; 
		}
	
	.panel h3, .panel h3 a{ font-size:16px; text-align:left; }
	#panel_tekst_3 h2{
		background: none;
		color: #444;
		padding-top: 20px;
		border-top: 1px solid #ddd;
		margin-top: 20px;
		border-bottom: 1px solid #ddd;
		padding-bottom: 20px;
		    width: 100% !important;
	}
    h3.title{ 
        font-size: 18px;
        text-align: left;
         margin:0 0 10px;
        font-weight:normal;
        }
    h3.title a{ 
        display: block;
    }
    h3.title span{ font-size: 16px; display: block; color:#444;}
    #panel_2 .lead h4, #panel_tekst_2 .lead h4, .data { color: #444; }

    div.t-first:first-line { font-variant: none !important; }
    #tekst .t-subtitle.mm a{
        color:#4850a0;
        font-size: 20px !important;
        font-weight: normal !important;
        font-variant: none !important;
        font-variant: unset !important;
    }

    .rslides_tabs {
        position: absolute;
        left: 0px;
        top: 20px;
        margin: 0;
        padding: 0;
        width: 100%;
        text-align: center;
        z-index: 3;
    }
	
	/* ------------------- ----- -------------- */
	.gsc-table-cell-thumbnail{ width:60px; }
	
    #panel_adm { overflow:hidden;     background-color: #4850A0;}
    #panel_adm form {
        display: block;
        width: 50%;
        box-sizing: border-box;
        float: left;
        padding: 0 5px;
    }
    #panel_adm form input[type="submit"]{
        display: block;
        background: transparent;
        width: 100%;
        padding: 9px 0px;
        color: #fff;
        border-radius: 5px;
        border: 1px solid #fff;
        cursor:pointer;
    }
    #panel_adm form input[type="submit"]:hover{
        background-color: #fff;
        color: #4850A0;
    }
    
    .mobileHeader{
        background: #4850A0;
        height:96px;
        overflow: hidden;
    }

    .mobileLogo{ 
        height: 96px;
        display: block;
        float: left;
        padding-left: 18px;
        padding-top: 18px;
        width: calc(100% - 100px);
        box-sizing: border-box;
        text-align: left;
    }
    .mobileLogo img{vertical-align: top; max-width: 100%;}

    .mobileMenuTrigger{
        display: block;
        width:90px;
        height:96px;
        float:right;
        background: url(/img/mobile-menu-bg.png) top center no-repeat;
    }
    .mobileMenuTrigger:hover,  .mobileMenuTrigger.active{
        background-color: #EAEAEA;
        background-position: center 100%;
    }
    #FBox{ max-width:100%; margin: 0 auto; left:0%; padding-top: 30px; }
    #FBox_content{ width:90%; }
    #FBox_content iframe{
        max-width: 100%;
        overflow: hidden;
    }

    .menuCover{
        position: fixed;
        width:100%;
        height:calc(100% - 96px);
        top:96px;
        left:0;
        background: rgba(255,255,255,0.8);
        z-index: 90;
    }
    #menu{
        display: block;
        position:absolute;
        top:106px;
        right:-400px;
        max-width:280px;
        width: 280px;
        background: #4850A0;
        height: 100%;
        z-index: 100;

        -webkit-transition: all 300ms ease-in-out;
        -moz-transition: all 300ms ease-in-out;
        -o-transition: all 300ms ease-in-out;
        transition: all 300ms ease-in-out;
    }
    #menu.active{ right:0px; }
    #menu::after{
        content:'';
        border-top:0px solid transparent;
        border-left:10px solid transparent;
        border-right:10px solid transparent;
        border-bottom:10px solid #4850A0;
        position: absolute;
        right:34px;
        top:-10px;
    }
    #menu ul.cssMenu li a{ 
        display: block; text-align: right; padding-right: 18px; 
        text-decoration: none; color:#fff !important; 
        background: none;
        font-weight:400;
        font-size: 26px;
        margin-bottom: 7px;
        margin-top: 7px;
        cursor:pointer;
    }
    #menu ul.cssMenu li a:hover{ text-decoration:underline; }  
    /* #menu ul.cssMenu li a u{ text-decoration: none; } */
    #menu ul.cssMenu li{ display: block; float:none; }

    #panel_2 .sekcja{ background:none; }
    #panel_2, #panel_3, #panel_4{ width:100%; float:none;}
    #panel_2 .lead, .sekcja .lead, #panel_tekst_2 .lead { width: 31%; margin: 1%;}
    .rslides img{ width:auto; margin-left:-20%; }

    #rama #srodek #panel_2{ width:100%; max-width:100%; }
	
	#srodek .panel{ max-width:100%; width: 100%; background:#fff;} 
    .sekcja table{ table-layout:fixed; width:100%; } 
    #panel_tekst_2 .sekcja{ background:#fff; }
    
    #panel_3 p span.info,
    #panel_4 p span.info,
    #panel_tekst_3 p span.info{    width: calc(100% - 40px); }

    #zobacz_koniecznie{     
        height: auto;
        overflow: auto;
        line-height: 18px;
        font-size: 13px;
        padding: 10px;
        text-align: center;  }
    .zobacz-tytul{ font-size:14px;}
    #zobacz_koniecznie img, .zobacz-autor{ display: none; }
    .zobacz-prefix{ display: block; font-size:14px; }
    .rslides_container .caption2{
        font-size: 12px;
        line-height: 15px;
        display: block;
        padding-top: 11px;
        padding-bottom: 0px;
        margin-bottom: 5px;
        text-overflow: ellipsis;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;

    }
    .rslides_container{ margin-bottom:10px; }
    div.t-bold{ color:#444; }
    #panel_tekst_3 { width:100%; box-sizing: border-box; padding:20px; }
    div.showHideContainer{ padding-bottom: 20px; }

    .itemAuthorTitle{ text-align: center; }
    .itemAuthorTitle .autor,
    #tekst .itemAuthorTitle .autor{  
        color: #909090 !important;
        text-align: center !important;
        font-variant: unset !important;
        padding: 10px 0 0;
        margin-bottom: 0;
     }
     #tekst .itemAuthorTitle h3.itemTypeTitle{ 
        text-align: center;
        font-size: 22px;
        color: #444;
        font-weight: normal;
        margin: 5px auto 10px;

      }
    .itemAuthorTitle .intro{ text-align: center;  }
	
	.hb-google-336, .mobileAdvert{ text-align:center;}
	div.t-annot{ text-align:left; }
	
	
	.shorter{font-size:14px; }
	.shorter .icon{ display:none; }
	.shorter span.info{ display:block; margin-bottom:10px; font-size:12px; width: 100% !important; }
	.shorter span.info a{ display:inline-block; font-size:14px; font-weight:normal; margin-bottom:2px }
} 
/*  and (max-width: 850px) and (min-width:0px) */


@media screen and (max-width: 750px) and (min-width:0px){
    #panel_2 .lead,
    #panel_3 .lead,
    .sekcja .lead,
    #panel_tekst_2 .lead{ width: 100%; margin: 0; position: relative; clear:both; padding-top: 15px;}
    #panel_3 .lead{ padding-left: 10px; margin-bottom: 10px; }
    #panel_3 #wiesci p{ padding-left: 0; }
    #panel_2 .lead .ikona,
    #panel_3 .lead .ikona,
    .lead .ikona{ float:left; position: relative; height:auto;  width: 105px;  text-align: left !important;}
    #panel_2 .lead img.iko,
    #panel_3 .lead img.ico,
    .lead img.ico,
    .lead img.iko {
        float: left;
        position: absolute;
        background: #F5F5F5;
        border-radius: 20px;
        width: 24px;
        height: 24px;
        left: -10px;
        top: -17px;
        padding: 4px;
        margin: 0;

        display: none; 
    }
	
	#tekst .text iframe{
		width:100%;
		max-width:600px;
		height:300px;
	}
	
    #panel_2 .lead p,
    #panel_2 .lead h4,
    #panel_2 .lead .data,
    #panel_3 .lead p,
    #panel_3 .lead h4,
    #panel_3 .lead .data,
    .lead p, 
    .lead h4,
    .lead .data{
        text-align: left;
        float: right;
        width: calc(100% - 105px);
        box-sizing: border-box;
        margin: 0 0 5px 0;
		color:#444;
    }

     a.wiecej{clear: both; margin-bottom: 20px; position: static; }

     #stopka {
        background: #4850A0;
        margin-top: 30px;
        padding: 15px 10px;
        color: #fff;
        line-height: 16px;
     }

	 .YTframe{
		width: 100% !important;
		height: 250px !important;
	 }
	     
     
    #panel_2 .sekcja form .filtr{
        height: auto;
        overflow: hidden;
        position: relative;
        min-height: 50px;
    }
    .filtr input{
        text-indent: -9999px;
        width: 50px;
        height: 50px;
        background: #fff url('https://esensja.pl/img/ico-search.png') center center no-repeat;
        border:1px solid #4850A0;
        border-radius:5px; 
        position: absolute;
        top:5px;
        right:5px;
    }
    div.filterShow {
        margin: 3px 0;
        width: calc(100% - 55px);
        box-sizing: border-box;
        float: none;
        padding-right: 5px;
        padding-left: 5px;
    }
    select.filterShow,
    div.filterShow select{ 
        width: 98%;
        box-sizing: border-box;
        float: left;
        padding: 2px;
        height: 22px;
        border-radius: 3px;
        margin: 1px 0;
    }
    #tekst .nointro {
        margin: 0px 0;
        padding: 2px 0;
        border-top:none; 
    }
	div.text {
		font-size: 14px;
		line-height: 20px;
    }
    
    .pageObject .t-title{ display: none; } /* powtorzony tytuł */

	/*
} 

@media screen and (max-width: 750px) and (min-width:0px){
	*/
	
    #tekst .img_box, #tekst .img_box_right, #tekst .img_box_left, 
    #obiekt1 .img_box, #obiekt1 .img_box_right, #obiekt1 .img_box_left,
	.info_box.img_box_right, .info_box.img_box_left{ 
        float:none; 
        margin:0;
        width:100%;
        max-width:100%; 
        text-align: center;
        background: none; /* #f5f5f5; */
        padding: 6px 0px;
        margin-bottom: 20px;
    } 

	/*
    #panel_tekst_2 .sekcja h1 {
        text-align: center;
        font-size: 20px;
        margin: 0;
        margin-bottom: 20px;
        margin-top: 10px;
        color:#000;
    }
	*/
	
    #tekst .info_box .tlo2,
    #obiekt1 .info_box .tlo2,
	.info_box.img_box_right .tlo2,
	.info_box.img_box_left .tlo2{
        background: none;
        color: #444;
    }
	
	.info_box.img_box_right h2,
	.info_box.img_box_left h2{
		line-height:28px;
	}
	

    #tekst .img_box_left, #tekst  .img_box_right,
    #obiekt1 .img_box_left, #obiekt1  .img_box_right{
        margin: 10px auto;
        text-align: center;
        width: 100% !important;
        box-sizing: border-box;
    } 
    #tekst .img_box_left img, #tekst  .img_box_right img,
    #obiekt1 .img_box_left img, #obiekt1  .img_box_right img{
        width:auto;
        max-width:100%;
    }
    #tekst .img_info, 
    #obiekt1 .img_info { text-align: center; }

    #tekst .info_box.img_box_right, 
    #obiekt1 .info_box.img_box_right,
	.info_box.img_box_right,
	.info_box.img_box_left { overflow: hidden; background: none;  }
    
    #tekst .info_box.img_box_right tr.tlo2,
    #obiekt1 .info_box.img_box_right tr.tlo2,
	.info_box.img_box_right tr.tlo2,
	.info_box.img_box_left tr.tlo2 { 
        display:none !important; 
    }

    #tekst .info_box.img_box_right a.img,
    #obiekt1 .info_box.img_box_right a.img,
	.info_box.img_box_right a.img,
	.info_box.img_box_left a.img{ 
        width:36%;
        margin:0;
        padding:0;
        box-sizing: border-box;
        display:block;
        float:left;
		/* padding-right:4px; */
    }

    #tekst .info_box.img_box_right table,
    #obiekt1 .info_box.img_box_right table,
	.info_box.img_box_right table,
	.info_box.img_box_left table{
        display: block;  box-sizing: border-box; text-align: left;
		width: 60% !important;
    }

    #tekst .info_box .tlo2,
    #tekst .info_box.img_box_right table,
    #obiekt1 .info_box .tlo2,
    #obiekt1 .info_box.img_box_right table,
    .info_box.img_box_right .tlo2,
    .info_box.img_box_right table,
    .info_box.img_box_left .tlo2,
    .info_box.img_box_left table{  width: 60%; float:right; text-align: left; }

    #tekst .info_box .itemImgTitle, 
    #obiekt1 .info_box .itemImgTitle,
	.info_box.img_box_right	.itemImgTitle, 
    .info_box.img_box_left .itemImgTitle{ margin-top: 0;}

    #tekst .info_box.img_box_right table tr,
    #obiekt1 .info_box.img_box_right table tr,
	.info_box.img_box_right table tr,
	.info_box.img_box_left table tr{
        display: flex;
        overflow: hidden;
        padding-bottom:5px;
        clear:both;

    }

    #tekst .info_box.img_box_right table td,
    #obiekt1 .info_box.img_box_right table td,
	.info_box.img_box_right table td,
	.info_box.img_box_left table td,
	#tekst .info_box table td,
	#tekst .info_box table td.val	{
        display: inline;
        padding:0 10px 0 0;
    }

    .titleAutors, .titleBr, .lsaaquo, .itemAttrsTable .trAttr_Tytul { display: none; }

    .itemAttrsTable { text-align: left; }
    .itemAttrsTable tr{ display: flex; overflow: hidden; }
    .itemAttrsTable tr td{ display: inline-block; padding-right: 5px; }

    #tekst .info_box table tr,
    #obiekt1 .info_box table tr
    { display: flex; }

    #tekst .info_box table td, 
    #obiekt1 .info_box table td 
    { display:inline-block; position: relative; text-align:left; line-height: 14px;}

    /* #tekst .info_box table td:first-child::after{ content:':'; position: absolute; right: -2px; top:2px;  } */
    
    #tekst .info_box table td.val,
    #obiekt1 .info_box table td.val
    { font-size:12px;  }

} /* and (max-width: 750px) and (min-width:0px) */

@media screen and (max-width: 550px) and (min-width:0px){
    .buyLink, .buyLinkSpecial{ width:48%; }
	
	.info_box.img_box_right h2,
	.info_box.img_box_left h2{
		font-size:23px !important; 
	}
}

@media screen and (max-width: 450px) and (min-width:0px){
    .mobileHeader{ height:64px; }
    .mobileLogo{ padding-top:14px; padding-left:14px; height:64px; }
    .mobileLogo img{ max-height: 37px; max-width:225px;     width: 100%;}
    .mobileMenuTrigger{
        height:64px;
        width: 60px;
        background-size: 60px 128px;
    }
    .menuCover{ height: calc(100% - 60px);  top: 64px; }
    #menu{ top:71px;}
    #menu::after{ right:18px; }
    #menu ul.cssMenu li a{
        font-size: 24px;
        margin-bottom: 0px;
    }
} /* and (max-width: 450px) and (min-width:0px) */