@media (min-width: 992px) and (max-width: 1200px) {
	
	
	.navbar-nav  {
        padding: 0;
    }


    .navbar-nav > li > a:hover,
    .navbar-nav > li > a.active {
      
        padding: 10px 25px 10px;
    }
        

}


@media (min-width: 769px) and (max-width: 991px) {

    
    .navbar-nav-main li:first-child a {
      margin-left: 0;
    }

    .malinowice {
      margin-top: 0px; 
      position: relative; 
      left:0px;
    }

    .brzekowice {
      margin-top: 0px;
    }

    .sarnow {
      margin-top: 0px; 
      position: relative; 
      left:0px;
    }

    .publikacja {
      margin-top: 0px;
    }

    .navbar-nav-main {
      position: relative!important;
      left: 0px;
    }

    .block-scizka {
        border: 4px solid #000;
        height: 100px;
        border-width: 0 0 4px 0;
    }

    .block-scizka p {
        width: 80%;
        font-size: 28px;
    }

    .block-scizka img {
        padding: 12px 12px;
    }


    .main-baton {
        width: 100%;
        height: inherit!important; 
        border-left: 4px solid #000;
    }

    .navbar-nav  {
        display: table;
        overflow: hidden;
        top: -30px;
    }


    .navbar-nav li a {
        font-size: 16px;
    }

    .navbar-nav > li > a:hover,
    .navbar-nav > li > a.active {
        padding: 10px 25px 10px;
    }

    .navbar-brand {
        padding: 0px 0 0px;
        margin: 30px 0 0;
        width: 40%;
    }
    .bg-plytki {
        margin-top: 30px;
        margin-left: 0px;
        border: 4px solid #000;
        border-width: 0px 4px 0px 4px;
    }

    .navbar-brand > img {
        display: block;
        padding: 12px 12px
    }

    .top-line {
        position: absolute;
        background: #ccc;
        border-bottom: 4px solid #000;
        height: 31px;
    }


    div.main-content {
        margin: 28% 0% 0%;
    }

    .col-right {
        overflow: hidden;
        padding-left: 0px;
    }
	
    .main-content-txt ul {
        margin-left: 0px;
    }

    .scenariusz-block {
        min-height: 93px;
    }

    .sc-bl-1 h3 {
        height: 87px;
    }

    .sc-bl-2 h4 {
        height: 131px;
        line-height: 28px;
    }

    .sc-bl-3 {
        height: 81px;
    }

    .sc-bl-3 img {
        width: 80%;
    }

    .personal {
        padding: 0px 0px 0px 10px;
        overflow: hidden;
    }


}



@media (min-width: 481px) and (max-width: 768px) {
        
    
    .malinowice {
      margin-top: 0px; 
      position: relative; 
      left:0px;
    }

    .brzekowice {
      margin-top: 0px;
    }

    .sarnow {
      margin-top: 0px; 
      position: relative; 
      left:0px;
    }

    .publikacja {
      margin-top: 0px;
    }


    ul.navbar-nav-main {
      position: relative;
      left: 0px;
    }

    ul.navbar-nav-main li a {
      padding: 22px 30px;
    }



    .block-scizka {
        border: 4px solid #000;
        border-width: 0 0 4px 0;
    }
    
    .block-scizka img {
        padding: 12px 12px;
    }
    

    .main-baton {
        width: 100%;
        height: inherit!important; 
    }


    .navbar-nav li:first-child {
        display: none;
    }


    .navbar-nav  {
        display: table;
        overflow: hidden;
        top: -36px;
        right: 11px;
    }


    .navbar-nav > li {
        display: table-cell; 
    }


    .navbar-nav > li > a {
        font-size: 14px;
        padding: 11px 14px;
    }

    .navbar-nav > li > a:hover,
    .navbar-nav > li > a.active {
      
        padding: 11px 14px;
    }

    

    .navbar-brand {
        padding: 0px 0 0px;
        margin: 30px 0 0;
        width: 40%;
    }


    .bg-plytki {
        margin-top: 30px;
        margin-left: 0px;
        border: 4px solid #000;
        border-width: 0px 4px 0px 4px;
    }

    .navbar-brand > img {
        display: block;
        padding: 12px 12px
    }

    .top-line {
        position: absolute;
        background: #ccc;
        border-bottom: 4px solid #000;
        height: 31px;
    }


    div.main-content {
        margin: 34% 0% 0%;
    }

    .main-content-txt h2 {
        font-size: 24px;
    }

    .col-right {
        overflow: hidden;
        padding-left: 0px;
    }

    .main-content-txt h4 {
        font-size: 16px;
    }

    .main-content-txt h3 {
        font-size: 16px;
    }
    
    .main-content-txt ul {
        margin-left: 0px;
    }

    .step-blocks {
         padding: 0 0; 
         margin: 16px 0;
    }


    .main-content-txt h2 img {
        top: 0px;
    }

    ul.menu-level2 li {
    display: block;
    border-right: 0px solid #000;
    border-bottom: 1px solid #999;
    margin: 0 0 0 0;
    }

    ul.menu-level2 li a {
        color: #000;
        display: block;
        font-size: 18px;
        line-height: 22px;
    }

    .navbar-nav > li.ikony > button img {
        width: 40px;
        padding: 6px 10px 6px 6px;
    }


    .scenariusz-block {
      min-height: 51px;
      border-bottom: 1px solid #000;
      display: block;
      overflow: hidden;
    }

    .sc-bl-1,
    .sc-bl-2,
    .sc-bl-3 {
      display: block;
      line-height: 0;
      vertical-align: middle;
    }


    .sc-bl-1 h3 {
        height: 29px;
        font-size: 2em;
        padding: 12px 0;
        margin: 0;
    }

    .sc-bl-1 img {
        padding: 5px 12px;
    }

    .sc-bl-2 h4 {
        height: 71px;
        line-height: 22px;
    }

    .sc-bl-3 {
        height: 50px;
    }

    .personal {
        padding: 0px 0px 0px 10px;
        overflow: hidden;
    }



}




 @media (min-width: 321px) and (max-width: 480px) {

    .navbar-nav > li.kontakt {
        display: none;
    }
    
    .malinowice {
      margin-top: 0px; 
      position: relative; 
    }

    .brzekowice {
      margin-top: 0px;
    }

    .sarnow {
      margin-top: 0px; 
      position: relative; 
      left:0px;
    }

    .publikacja {
      margin-top: 0px;
    }

    ul.navbar-nav-main {
      position: relative;
      left: 0px;
    }

    ul.navbar-nav-main li a {
      padding: 8px 22px 8px;
    }

    ul.navbar-nav-main li.ikony > button img {
        padding: 12px 12px 12px 12px;
    }

    .block-scizka {
        border: 4px solid #000;
        height: 100px;
        border-width: 0 0 4px 0;
    }

    .block-scizka p {
        width: 80%;
        font-size: 20px;
    }


    .main-baton {
        width: 100%;
        height: inherit!important; 
    }


    .navbar-nav > li:first-child {
        display: none;
    }


    .navbar-nav  {
        display: table;
        overflow: hidden;
        top: -36px;
        right: 11px;
    }

    .navbar-nav > li {
        display: table-cell; 
    }


    .navbar-nav > li > a {
        font-size: 15px;
        padding: 11px 12px;
    }

    .navbar-nav > li > a:hover,
    .navbar-nav > li > a.active {
        padding: 11px 12px;
    }



    .navbar-brand {
        padding: 0px 0 0px;
        margin: 30px 0 0;
        width: 40%;
    }


    .bg-plytki {
        margin-top: 30px;
        margin-left: 0px;
        border: 4px solid #000;
        border-width: 0px 4px 0px 4px;
    }

    .navbar-brand > img {
        display: block;
        padding: 12px 12px
    }

    .top-line {
        position: absolute;
        background: #ccc;
        border-bottom: 4px solid #000;
        height: 31px;
    }


    div.main-content {
        margin: 38% 0% 0%;
    }

    .main-content-txt h2 {
        font-size: 24px;
    }

    .col-right {
        overflow: hidden;
        padding-left: 0px;
    }

    .main-content-txt h4 {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 12px;
    }
    
    .main-content-txt ul {
        margin-left: 16px;
    }

    .step-blocks {
         padding: 0 0; 
         margin: 16px 0;
    }


    .main-content-txt h2 img {
        top: 0px;
    }

    ul.menu-level2 li {
        display: block;
        border-right: 0px solid #000;
        border-bottom: 1px solid #999;
        margin: 0 0 0 0;
    }

    ul.menu-level2 li a {
        color: #000;
        display: block;
        font-size: 15px;
        line-height: 19px;
    }

    ul.navbar-nav-main li.ikony > button img {
        padding: 12px 12px 12px 12px;
    }

    ul.navbar-nav li.ikony button img {
        width: 44px;
        padding: 6px 8px 6px 8px;
        border: none;
    }


    .scenariusz-block {
      min-height: 51px;
      border-bottom: 1px solid #000;
      display: block;
      overflow: hidden;
    }


    .sc-bl-1,
    .sc-bl-2,
    .sc-bl-3 {
      display: block;
      line-height: 0;
      vertical-align: middle;
    }


    .sc-bl-1 h3 {
        height: 29px;
        font-size: 2em;
        padding: 12px 0;
        margin: 0;
    }

    .sc-bl-1 img {
        padding: 5px 12px;
    }

    .sc-bl-2 h4 {
        height: 71px;
        line-height: 22px;
    }
    .sc-bl-3 {
        height: 50px;
    }

    .personal {
        padding: 0px 0px 0px 10px;
        overflow: hidden;
    }


 }


@media (min-width: 321px) and (max-width: 480px) { 


    .navbar-nav-main {
      position: static!important;
      z-index: 9999;
      left: 0px;
    }

    ul.navbar-nav-main {
      position: relative;
      left: 0px;
    }

    ul.navbar-nav-main li a {
      padding: 9px 12px 9px;
      margin-left: -4px;
    }

    ul.navbar-nav-main li.ikony > button img {
        padding: 12px 12px 13px 12px;
    }

    
    ul.menu-level2 li {
        display: block;
        border-right: 0px solid #000;
        border-bottom: 1px solid #999;
        margin: 0 0 0 0;
    }

    ul.menu-level2 li a {
        color: #000;
        display: block;
        font-size: 15px;
        line-height: 19px;
    }

    .malinowice {
        left: 0px;
    }

    .block-scizka p {
        width: 80%;
        font-size: 20px;
    }


    .main-content-txt h2 img {
        position: relative;
        top: -16px;
        margin-right: 12px;
        width: 20%;
        margin-bottom: 22px;
    }

    .main-content-txt h2 {
        font-size: 18px;
    }

    .main-content-txt p {
        text-align: left;
        font-size: 16px;
        line-height: 20px;
    }

    .main-content-txt ul li {
        font-size: 16px;
        letter-spacing: 0px;
        line-height: 22px;
    }

    .main-content-txt a {
        font-family: 'Sen', sans-serif;
        font-size: 16px;
    }

    ul.przystanki li a {
        font-size: 17px;
    }

    .scenariusz-block {
      min-height: 51px;
      border-bottom: 1px solid #000;
      display: block;
      overflow: hidden;
    }

    .wspolfinansowanie p {
        line-height: 16px;
        margin: 6px 0 14px;
    }



    .sc-bl-1,
    .sc-bl-2,
    .sc-bl-3 {
      display: block;
      line-height: 0;
      vertical-align: middle;
    }


    .sc-bl-1 h3 {
        height: 29px;
        font-size: 2em;
        padding: 12px 0;
        margin: 0;
    }

    .sc-bl-1 img {
        padding: 15px 6px;
    }

    .sc-bl-2 h4 {
        height: 71px;
        line-height: 18px;
        font-size: 0.7em;
    }

    .sc-bl-3 {
        height: 50px;
    }

    .sc-bl-3 img {
        width: 100%;
        padding-top: 10px;
    }

    .personal {
        padding: 0px 0px 0px 10px;
        overflow: hidden;
    }

}


@media (max-width: 320px) {


    .kolej {
        border-top: none; 
        margin-top: -4px;
        left: 0px;
    }

    .klinkiernia {
        margin-top: -4px;
        
    }

    .malinowice {
        margin-top: -4px; 
        left: 0px;
    }

    .brzekowice {
      margin-top: -4px;
      left: 0px;
    }

    .sarnow {
      margin-top: -4px; 
      left: 0px;
    }

    .publikacja {
      margin-top: -4px;
    }

    .block-scizka p {
        width: 80%;
        font-size: 20px;
    }



    .navbar-nav-main {
      position: static!important;
      z-index: 9999;
      left: 0px;
    }

    ul.navbar-nav-main {
      position: relative;
      left: 0px;
    }

    ul.navbar-nav-main li a {
      font-size: 18px;
      padding: 9px 12px 9px;
      margin-left: -4px;
    }

    ul.navbar-nav-main li.ikony > button img {
        padding: 10px 12px 9px 12px;
        width: 48px;
    }

    
    ul.menu-level2 li {
        display: block;
        border-right: 0px solid #000;
        border-bottom: 1px solid #999;
        margin: 0 0 0 0;
    }

    ul.menu-level2 li a {
        color: #000;
        display: block;
        font-size: 15px;
        line-height: 19px;
    }

    .malinowice {
        left: 0px;
    }


    .main-content-txt h2 img {
        position: relative;
        top: -16px;
        margin-right: 12px;
        width: 20%;
        margin-bottom: 22px;
    }

    .main-content-txt h2 {
        font-size: 18px;
    }

    .main-content-txt p {
        text-align: left;
        font-size: 16px;
        line-height: 20px;
    }

    .main-content-txt ul li {
        font-size: 16px;
        letter-spacing: 0px;
        line-height: 22px;
    }

    ul.przystanki li a {
        font-size: 17px;
    }

    .scenariusz-block {
      min-height: 51px;
      border-bottom: 1px solid #000;
      display: block;
      overflow: hidden;
    }


    .sc-bl-1,
    .sc-bl-2,
    .sc-bl-3 {
      display: block;
      line-height: 0;
      vertical-align: middle;
    }


    .sc-bl-1 h3 {
        height: 29px;
        font-size: 2em;
        padding: 12px 0;
        margin: 0;
    }

    .sc-bl-1 img {
        padding: 15px 6px;
    }

    .sc-bl-2 h4 {
        height: 71px;
        line-height: 18px;
        font-size: 0.7em;
    }

    .sc-bl-3 {
        height: 50px;
    }

    .sc-bl-3 img {
        width: 100%;
        padding-top: 10px;
    }

    .personal {
        padding: 0px 0px 0px 10px;
        overflow: hidden;
    }



}