@media (max-width: 1450px) {

	.mode.logotypy ul li img {
		max-width: 200px;
	}

	.mode.jury .hovereffect img {
		min-height: 300px;
	}

	.mode.jury .hovereffect {
		min-height: 300px;
	}
	
	main .text-justify,
	main .mode
	{
    text-align: left !important;
  }
	
  .mode.ikony ul,
  .mode.ikony ul li
  {
      display: inline-block;
  }
  
  .mode.ikony ul li {
    margin-bottom: 5px;
  }
	
	.mode.ikony ul li a
	{
    width: 135px;
    height: 175px;
  }
	
	#page_101 .mode.ikony ul li a
	{
    width: 150px;
    height: 160px;
  }
	
	.blog,
	.item-page
	{
    padding-left: 15px;
    padding-right: 15px;
	}
	
	.blog .item-image {
    padding-right: 20px;
	}
	
}

@media (max-width: 1330px) {

  .navbar-nav,
  .navbar-nav li
  {
    display: block;
    vertical-align: top;
  }
  
  .navbar-nav li
  {
    display: inline-block;
    vertical-align: top;
  }
  
  header .navbar-light .navbar-nav li.item-101 a, header .navbar-light .navbar-nav li.item-101 a.nav-link, header .navbar-light .navbar-nav li.item-101 a {
      font-size: 1rem;
  }
  header .navbar-light .navbar-nav li.item-101 a {
      text-indent: -9999px !important;
      font-size: 0px !important;
      padding-top: 15px;
  }
  .mode.navbar div.navbar-nav.search {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  header .navbar-light .navbar-nav a.nav-link, header .navbar-light .navbar-nav a {
      padding: 10px 10px;
  }

}

/* Extra large devices (large desktops) */
@media (max-width: 1199px) {


  .navbar-nav.search {
    display: none;
  }

	.mode.row .dots {
		display: none;
	}

	.mode.informacje .bb {
		border: 0;
	}

	.mode.informacje .row.mx-auto {
		border-bottom: 1px dotted #9b9b9b;
	}

  .mode.aktualnosci ul.menu_items li {
    display: inline-block;
    margin-bottom: 5px;
  }

}

@media (max-width: 1070px) {
  header .container .border, header .container .border {
      border: 0 !important;
  }
}

/* Large devices (desktops) */
@media (max-width: 991px) {

  .navbar-nav.search {
    display: block;
  }

  .mode.navbar span {
    margin-left: auto;
  }

  .mode.navbar ul,
  .mode.navbar ul li {
    display: block;
  }

  header nav form .button {
    margin-left: 97%;
  }


	header .container img.logo,
	header .container img.sww
	{
		margin-bottom: 15px;
	}
	header .navbar-light .navbar-nav .nav-link {
	    padding: 5px;
	}

	.mode.row.najlepsze .parallax {
		max-height: 200px;
	}

	.mode.logotypy ul li img {
		max-width: 150px;
		height: auto;
		max-height: auto;
	}

  .carousel-control-prev {
      left: -50px;
  }
  
  .carousel-control-next {
      right: -50px;
  }
  
  .mode.aktualnosci .wysza {
      width: 100%;
      float: none;
      margin-top: 10px;
  }
  
  .mode.aktualnosci .wysza form {
      text-align: left;
  }
  
  .clear_rwd {
    clear: both;
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
  }
  
	header .container.loga div,
	header .container.loga a img,
	header .container.loga img,
	header .container.loga a
	{
    clear: both !important;
    display: block !important;
    margin: 10px auto !important;
    padding: 0 !important;
    position: static !important;
    top: 0 !important;
    bottom: 0 !important;
    transform: none !important;
	}
	
	header .container.loga {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
	}
  
  .mode.box ul li {
    display: block;
    width: 100%;
    position: static;
  }

	.blog .item-image {
    padding-right: 0px;
    width: 100%;
    max-width: 100%;
    max-height: 100%;
    overflow: auto;
    margin-bottom: 20px;
	}

  .blog .item-image img {
    max-height: 300px;
  }
  
  

}

/* Medium devices (tablets) */
@media (max-width: 767px) {
	.mode.logotypy ul li {
		width: 100%;
		border: 0;
		margin-bottom: 50px;
	}
	.mode.logotypy ul li img {
		max-width: 300px;
		height: auto;
		max-height: auto;
	}
	
  #popek {
    left: 0;
    right: 0;
    width: 95%;
    margin: auto;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  }

	
  .carousel-control-prev {
      left: -20px;
  }
  
  .carousel-control-next {
      right: -20px;
  }
	
  footer .copy p:last-child {
      margin-right: auto;
      margin-left: auto;
      text-align: center;
      float: none;
  }
	
}

@media (max-width: 705px) {

	header .container div,
	header .container a img,
	header .container img,
	header .container a
	{
    clear: both !important;
    display: block !important;
    margin: 20px auto !important;
    padding: 0 !important;
    position: static !important;
    top: 0 !important;
    bottom: 0 !important;
    transform: none !important;
	}
	
  header .mode.tools a.kontrast,
  header .mode.tools a.a1,
  header .mode.tools a.a0,
  header .mode.tools a.a2
  {
    display: none !important;
  }
	
  header .container .col-2,
  header .container .tools
  {
      min-width: 220px;
      max-width: 240px;
  }
	
  .mode.aktualnosci h3 {
      max-width: 100%;
  }
  
  h1, h2, h3, h4, p, strong, a, table, tr, td {
    word-break: break-word;
  }
	
}

/* Small devices (landscape phones) */
@media (max-width: 575px) {
	.mode.logotypy ul li img,
	img.logo
	{
		max-width: 90%;
	}
	
	header .container,
	header .container .col-3,
	header .container .col-2,
	header .container .col-auto,
	header .container .tools
	{
	    min-width: 100%;
	    max-width: 100%;
	    text-align: center;
	}
	
	header .container img,
	header .mode .border img
	{
    margin: auto;
    display: block;
    margin-bottom: 20px;
	}
	
	
	header .container div.row {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
	}
	
	header .container {
    padding-top: 10px;
    padding-bottom: 10px;
  }
	
  header .text-right {
      text-align: center !important;
  }

  a.float-right {
    float: none !important;
  }

}



