@media (max-width: 1400px) {
    header .navbar-brand{font-size:24px}
    .slider{height:400px}
    .sidebar{min-width:265px;width:265px}
    .sidebar .dropdown-menu{right:295px}
    .left-sidebar .sidebar .dropdown-menu {left: 265px; width: 250px !important}
    .right-sidebar .sidebar  .dropdown-menu {right: 265px; width: 250px !important}
}
@media (min-width: 1200px) {
    .content .filtr-item{flex-basis:32%;width:32%!important}
}
@media (max-width: 1200px) {
    header .navbar-brand{font-size:20px}
    header ul.navbar-nav li a{font-size:13px;padding:15px 10px}
}
@media (max-width: 992px) {
    #chooselang_google_content {margin-top:2px; display:none; overflow:hidden;top:-2px; border-radius:5px; position: absolute; left:-165px; width:156px; height:30px; background: var(--color1);border:0}
    #google_translate_element {margin-top:2px}
    #chooselang_google {display:flex;background: #fff; color: var(--color1)}
    header .topbar .address {overflow-y: scroll;}
    body.nav_sidebar .navbar-brand {display:block}
    body.nav_sidebar #top_navbar {display:none}
    body.nav_sidebar .topbar {margin-top:65px}
    #menu_sidebar {position: fixed; top:0; left:0; width:100%; display:flex; background: #fff; z-index:4;justify-content:space-between}
    #menu_sidebar2 {height:calc(100vh - 115px);overflow-y:scroll;width:100%;-webkit-overflow-scrolling:touch}
    #menu_sidebar2  li a{text-transform: uppercase; }
    .sidebar  .dropdown-toggle::after {display:inline-block}
    #menu_sidebar ul.navbar-nav li a i {line-height:2.5em}
    .sidebar .navbar-nav li {border-bottom:0; }
    .top-tiles .tile a.button{position:static;margin-left:0}
    .slider{height:300px;margin-top:117px}
    .slider .carousel-one{width:500px}
    .page-title{margin-top:117px}
    span.my-i{width:25px;display:inline-block;text-align:center}
    header .search i{font-size:13px}
    #menu_sidebar .navbar-toggler, header .navbar-toggler{padding:5px 12px;color:#000;position:absolute;top:5px;right:10px;background:#fff}
    .navbar-toggler:focus{box-shadow:none}
    header .navbar-toggler i, #menu_sidebar .navbar-toggler i{font-size:30px}
    header .navbar-toggler span, #menu_sidebar .navbar-toggler span{font-size:11px;display:block}
    a.wcag-button{top:10px;right:90px}
    #menu_sidebar nav.navbar, header nav.navbar{padding-top:0}
    header {z-index:4;position:fixed;display:flex;flex-direction:column-reverse;width:100%;top:0;-moz-box-shadow:0 6px 10px rgba(0,0,0,.15);-webkit-box-shadow:0 6px 10px rgba(0,0,0,.15);box-shadow:0 6px 10px rgba(0,0,0,.15)}
    #menu_sidebar ul.navbar-nav li a br, header ul.navbar-nav li a br{display:block}
    .nav>li{float:left;display:block;width:100%}
    #menu_sidebar { padding-top:0;padding-left:12px;}
    #menu_sidebar ul.navbar-nav {}
    #menu_sidebar ul.navbar-nav, header ul.navbar-nav{float:right;width:100%}
    #menu_sidebar ul.navbar-nav li br, header ul.navbar-nav li a br{display:none}
    #menu_sidebar ul.navbar-nav li a, header ul.navbar-nav li a{padding:5px 20px;border-top:1px solid #eee;padding:0 40px;text-align:left; font-size: 14px}
    #menu_sidebar ul.navbar-nav li ul, header ul.navbar-nav li ul{padding:0}
    #menu_sidebar .dropdown-menu, header .dropdown-menu{width:100%!important}
    #menu_sidebar ul.navbar-nav li ul li a, header ul.navbar-nav li ul li a{padding:5px 0 5px 80px !important}
    #menu_top{height:calc(100vh - 115px);overflow-y:scroll;width:100%;-webkit-overflow-scrolling:touch}
    #menu_sidebar ul.navbar-nav li a, header ul.navbar-nav li a{padding:5px 20px}
    #menu_sidebar ul.navbar-nav li a br, header ul.navbar-nav li a br{display:none}
    #menu_sidebar .dropdown-menu, header .dropdown-menu{background:#f6f6f6}
       #menu_sidebar .navbar-brand, header .navbar-brand{text-align:left}
    #clockdiv{font-size:20px}
    .smalltext{font-size:10px}
    h3.mobile-s{padding-left:0!important} 
    .counter-container{flex-direction:column;align-items:center}
    .counter-container .counterimg{height:auto}
    .counter-container .rest{padding-left:0}
    h2.home span {margin: 5px 0}
    .slider-youtube img {display: block}
    .slider-youtube iframe {display: none}
}
@media (max-width: 767px) {
    .content .simplefilter li {margin-top:4px !important}
    .page-content {margin-top:15px}
    .sidebar .tile {margin-bottom:10px}
    .content {padding: 10px}
    #cookie a{display:block}
    #cookie #okbutton{display:block;position:relative}
    #menu_sidebar  .navbar-brand, header nav.navbar .navbar-brand{max-height:57px;overflow:hidden}
    .sidebar{width:100%; padding-top:10px; background: none}
    .sidebar .rss li {text-align:center}
    .right-sidebar{flex-direction:column-reverse}
    .left-sidebar{flex-direction:column-reverse}
    footer .footer-box h4{font-size:15px;line-height:1em}
    footer .footer-box li{font-size:12px}
    .footer-box-text-contact p{font-size:12px}
    body > .container,body footer > .container{margin:0;max-width:100%}
    #mobilenav{z-index:7;border-top:1px solid #ddd;background:#f7f7f7;height:60px;display:flex!important;position:fixed;bottom:0;left:0;width:100%;flex-direction:row;flex-wrap:nowrap;justify-content:space-evenly}
    #mobilenav a{display:block;text-align:center;padding:15px 5px;font-size:12px;color:#333; width:20%}
    #mobilenav a span{display:block;text-align:center;font-size:11px}
    #mobilenav a#a-glowna{margin-top:-10px;background:var(--color1);padding:0;line-height:60px;border-radius:35px;width:70px;height:70px;border:5px solid #f7f7f7;color:#fff;font-size:20px}
    #wcag-options .items{width:100%}
    #wcag-options .items a{width:calc(50% - 10px);margin:5px}
    #spowiedz,#kancelaria,#msza,#wcag-options{visibility:visible!important;bottom:60px;z-index:6;border:0;display:none;padding-top:100px;height:calc(100vh - 164px);width:100%;position:fixed;left:0;overflow-y:auto}
    #kancelaria.show,#spowiedz.show,#msza.show{display:block!important; background: #fff; margin:0px !important}
    .top-tiles .tile .tile-icon {background: none; color: var(--color1)}
    .top-tiles .tile h3 {margin-top:0px}
    .closetile{position:absolute;top:40px;display:block;z-index:5;border-radius:5px;right:25px;border:1px solid var(--color1);padding:5px}
    #wcag-options{right:unset;top:unset;padding-top:20px}
    #wcag-options .closetile{font-size:1em;border:1px solid var(--color1);padding:5px;color:var(--color1);top:10px}
    .social-icons{left:10px;bottom:70px}
    .social-icons a{margin:3px;width:40px;height:40px;text-align:center;border-radius:20px;line-height:40px;font-size:25px}
    .priest img{max-width:100%}
    .content .nav-pills li{width:150px;font-size:11px}
    .content .nav-pills li a{font-size:11px}
    #clockdiv{font-size:15px} 
    header .topbar  .address {display: flex;width: 100%; padding-left: 10px;overflow-y: scroll;
}
}
@media (max-width: 576px) {
    #menu_sidebar  ul.navbar-nav li a:hover, #menu_sidebar ul.navbar-nav li a:hover {background: #fff; color: #000}
    header .topbar .search {width:auto}
    header .topbar .search #chooselang_google>span{display:none}
    header .topbar .search #chooselang_google {margin-right:50px; line-height:30px; border-radius: 15px; width:30px; height:30px;padding:0; justify-content:center}
    header .topbar .search #chooselang_google i{font-size:20px}
    .content .home-office a{font-size:14px}
    footer h4,footer li,footer .footer-box-text-contact{text-align:center}
    footer .copyright p{text-align:center!important;font-size:10px}
    .content .gallery .thumbnail{width:100px;height:100px}
    .content .gallery a.movies:after{line-height:100px}
    .content .nav-pills li a{margin-left:0}
    .content .sortandshuffle{display:block;padding-left:0}
    .content .news p.date{text-align:center}
    .content .list2 > div:first-of-type{padding-right:0}
    .content .transmission{padding:0;margin:0}
    .content .newspaper p{text-align:center}
    .content .pastoral p.date,.content .calendar_last p.date{display:none}
    .content .mod-gallery{padding-top:10px}
    .content .mod-gallery .thumbnail p{height:53px;font-size:1em}
    .content .parishgroups-show .tc{text-align:center}
    .content .parishgroups-show .tc h3{text-align:center}
    .content .priest p{text-align:justify}
    .content .priest,.content .priest h3,.content .priest .strong{text-align:center}
    .content .priest img{float:none;margin:0 auto}
    .content{overflow-x:scroll;width:100vw}
    .topbar .container{padding:0}
    #menu_sidebar, #menu_sidebar a:hover, #menu_top,#menu_top a:hover{background:#fff}
    #menu_sidebar a,  #menu_top a{color:#000}
    #menu_sidebar a i,#menu_top a i{color:#aaa}
    .showmobile,.onlymobile{display:inline-block}
    .hidemobile{display:none}
    .mobilecenter{text-align:center}
    .content h3{font-size:1.5em}
    .content .list2{border-bottom:1px #999 dotted;margin:0;clear:both}
    .content .list2 h3{text-align:center;margin-top:5px;color:var(--color1);margin-bottom:0;font-size:1.2em}
    .content .list2 p{text-align:justify}
    .content .list2 a p{font-size:1em;color:var(--footer-color)}
    .content .list2 img{width:100%}
    .content .list2 p.date,.content .list p.date{text-align:center;font-size:.8em;line-height:1em;padding-bottom:5px}
    .content .btn-group-xs{display:none}
    .list h5,.list p{margin:0;font-size:1em;text-align:center;clear:both}
    .list p.date{display:none}
    .gallery a{width:100px;height:80px}
    .logos{display:none}
    span.address{display:none}
    .video-container{position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden}
    .video-container iframe,.video-container object,.video-container embed{position:absolute;top:0;left:0;width:100%;height:100%}
    .content .nav-pills li a{padding:7px 4px;}
    .slider .carousel-one{display:block;width:100%;right:initial;left:initial; background: none}
    .slider{height:400px;margin-top:99px}
    .slider .carousel-one h1{font-size:24px;line-height:30px}
    .slider .carousel-one p{font-size:14px}
    .slider .carousel-one{padding:20px 0}
    #menu_sidebar .navbar-brand, header .navbar-brand{font-size:13px;text-align:left}
    #menu_sidebar .navbar-brand small, header .navbar-brand small{font-size:10px}
    #menu_sidebar .navbar-brand img,  header .navbar-brand img,header .search .input-group{display:none}
    #menu_sidebar .navbar-toggler, header .navbar-toggler{padding:4px 8px}
    #menu_sidebar .navbar-toggler i, header .navbar-toggler i{font-size:25px}
    a.wcag-button{font-size:30px;right:0;top:61px;background:none;color:#fff}
    a.wcag-button:hover{color:#fff}
    .page-title{padding:10px 0;margin-top:106px;}
    .page-title i{font-size:25px}
    .page-title h1{font-size:15px}
    .page-title h1.subtitle{display:none}
    .homepage_img{float:none;padding-right:0;text-align:center}
    .content-home .row{padding:0 10px}
    .content .search_result h3{text-align:left!important;padding-bottom:3px}
    .content .search_result form button[type="submit"]{border-radius:0;padding:6px 10px}
    .content .sharethis-inline-share-buttons{text-align:center!important;padding-bottom:30px}
    .parafio-intentions .intention-masses p{width:100%;text-align:left;margin-bottom:0}
    .parafio-intentions .intention-masses p span{display:inline;font-weight:700}
    .parafio-intentions .intention-masses ul{padding-left:0}
    .graveyard .gravetile{width:auto}
    .graveyard .gravetile a{padding:16px;min-width:160px;max-width:160px;width:160px}
    .graveyard table{display:block;overflow-y:scroll}
    .graveyard td.departeds{min-width:200px}
    .graveyard td.departeds_years{min-width:150px}
    .graveyard td.status{min-width:200px}
    .graveyard td.free{min-width:200px}
    .graveyard td.link{min-width:150px}
    .graveyard .btn-success{display:block}
    .content .filtr-item{flex-basis:48%;width:48%!important}
    .content .mod-gallery .thumbnail{height:120px!important}
    .content .news>div{padding-left:0}
    .content .news .thumbnail{height:220px!important; background-size: cover; margin:0}
    .image-container{max-width:100%;display:inline-block;margin:0 auto;text-align:center}
    .image-container img{padding:5px;max-width:100%}
    header .topbar .address {font-size: 11px;}
     .content-home .rss_columns>.row {flex-direction:column; padding: 0px}
    .content-home .rss_columns>.row .col,.content-home .row {padding: 5px 0px; margin:0}
   .content h2.home a {text-align:center; display:block}
   .content h2.home a span {float:none}   
   .content img.fleft,.content img.fright {width:100%; float:none}
   header .topbar .address span:first-child {display:none}
}