/*########################
 *###### RESPONSIVE ######
 ########################*/

@media (min-width: 992px) and (max-width: 1199px) {
	.item-news h2 {
		height: 3em;
	}
	.item-news > a > .news-art {
		top: 55%;
	}
	.about-promise h3 {
		font-size: 20px;
	}

}
@media (min-width: 768px) and (max-width: 991px) {
	.navbar-brand img {
		width: 90%;
	}
	.primary-news img {
		width: auto;
		max-width: 100%;
		height: auto;
	}
	.news-holder {
		padding-left: 0;
		padding-right: 0;
	}
	.second-news {
		margin-top: 15px;
	}
	footer {
		text-align: center;
	}
	.up {
		margin-top: 15px;
		margin-bottom: 15px;
	}
	.item-news, .item-news > .cover {
		height: 250px;
	}
	.item-news > a > .news-art {
		top: 70%;
	}
	.about-promise ol {
		font-size: 1.2em;
	}
	.photo {
		height: auto;
	}


}

@media (min-width: 1225px) and (max-width: 1364px) {
	
	.slider {
		height: 406px;
	}

}

@media (min-width: 1367px) and (max-width: 1468px) {
	
	p.news-text {
		display: none;
	}


}





@media (max-width: 1440px) {

	.carousel, .carousel .item {
		height: 400px;
	}

	.news-art > a {
		font-size: 14px;
	}
	.news-art p.news-text {
		display: none;
	}
	#news, #news .item {
		height: 207px;
	}
	.carousel-inner > .item > img, .carousel-inner > .item > a > img {
		height: 400px;
	}
	
	.fish h2 {
		font-size: 18px;
	}
	.fish > div {
		height: 140px;
	}
	

	.sticky-kontakt a {
		width: 90px;
		padding: 5px;
		font-size: 12px;
	}


}

@media (min-width: 320px) and (max-width: 767px) {
	body {
		
	}
	header.affix + section + div + div,
	header.affix + div + section  {
		padding-top: 190px;
	}
	
	.menu-wrap {
		display: inline-block;
	}
	.logo2 {
		right: 20px;
	}
	.logo2 img {
		
		margin-top: 10px;
	}
	.navbar-nav > li > a {
		border-right: none;
	}
	#topSlider {
		visibility: hidden;
		display: none;
	}
	#news, #news .item, .news-art, .nabor-wrap > div {
		height: 240px;
	}
	.nabor-wrap {
		border-left: none;
	}
	.nabor-wrap > div {
		height: 400px;
	}
	.news-photo > a {
		height: 220px;	
	}
	.news .container .row {
		height: auto;
	}
	.navbar {
		min-height: 10px;
	}
	.navbar-toggle, .navbar-toggle .icon-bar, p.menu, .menu-wrap {
		visibility: visible;
		display: inline-block;
		padding-left: 10px;
	}
	.menu-wrap {
		padding-top: 10px;
		padding-bottom: 10px;
		text-align: right;
	}
	.navbar-brand {
		left: 15px;
	}
	.navbar-collapse {
		text-align: left;
	}
	.navbar-toggle .icon-bar {
		display: block;
	}
	.navbar-nav {
		display: block;
	}
	.navbar-nav > li {
		display: block;
	}
	.navbar-nav > li > a {
		padding: 20px;
		border-bottom: 1px solid #80a68f;
		font-size: 1.5em;
	}
	.dropdown-menu > li > a {
		color: #eee;
	}
	.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
		background: #C00;
		color: #FFF;
	}
	.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
		background: #FFF;
		color: #000;
	}



	.promise {
		text-align: center;
	}
	.promise img {
		position: relative;
		width: 50%;
		display: inline-block;
	}
	.promise-wrap {
		text-align: center;
	}
	.promise-wrap img {
		display: inline-block;
	}
	.site-map > div > div > ul > li > a {
		margin-top: 20px;
	}
	footer {
		text-align: center;
	}
	footer .col-md-1, footer .col-md-2, footer .col-md-3 {
		margin-top: 20px;
	}
	.photo {
		height: auto;
	}
	.news-list > li > div > a {
		font-size: 14px;
	}
	.news-art p, .news-art a.read-more {
		font-size: 12px;
	}
	.news-list > li > div {
		height: 260px;
	}

	.nabor-wrap > div {
		height: 91% !important;
	}

	.title {
		margin-left: 50px;
	}
	.news-holder {
		padding-right: 0;
	}
	.primary-news a {
		overflow: inherit;
	}
	.primary-news a > .news-art {
		bottom: auto;
		top: 100%;
	}
	.primary-news img {
		height: auto;
		max-width: 100%;
	}
	.news {
		margin-top: 15px;
	}
	.news h3 {
		padding-left: 15px;
		padding-right: 15px;
	}
	.sponsors {
		margin-bottom: 0;
	}

	.news-holder {
		height: auto;
		margin-bottom: 15px;
	}
	.item-news {
		height: auto;
	}
	.primary-news a > .news-art {
		position: relative;
		height: auto;
		font-size: 18px;
	}
	.item-news > .cover {
		height: 250px;
	}
	.item-news > a > .news-art {
		font-size: 18px;
		top: 62%;
		padding: 15px;
	}
	.funfacts {
		padding-bottom: 0;
	}
	.milestone-counter {
		margin-bottom: 30px;
	}
	.box-holder > a {
		height: 400px;
	}
	.box-holder > a > div > img {
		margin-top: 180px;
	}
	.news .news-art span {
		padding-left: 0;
	}
	.news-art p {
		font-size: 14px;
	}

	.about-promise a, .about-promise h3 {
		display: inline-block;
		text-align: center;
		width: 100%;
	}
	.about-promise h3 {
		font-size: 20px;
	}	

	.about-promise img {
		display: inline-block;
	}
	.about-promise::before {
		background: none;
	}
	.about-wrap {
		background: rgba(25,151,93, 0.5);
		padding-top: 15px;
		padding-bottom: 30px;
	}
	.about-promise ol {
		padding-top: 30px;
		font-size: 1.2em;
		text-align: left;
	}	
	.about-promise ol > li {
		margin-bottom: 10px;
	}
	
}
@media (min-width: 320px) and (max-width: 659px) {
	
	.title {
		font-size: 28px;
	}
	.navbar-brand {
		
	}
	.navbar-brand img {
		
	}

	.logo2 {
		right: 20px;
	}
	.call-to-action {
		margin: 0;
	}
	.call-to-action .btn {
		font-size: 0.8em;
	}


	p.menu {
		padding-left: 0px;
	}
	.news-photo {
		display: none;
	}
	#news, #news .item, .news-art, .nabor-wrap > div {
		height: 180px;
	}
	.news-art > a, .news-art p.lead {
		padding-left: 15px;
		padding-right: 15px;
	}
	.news-art a.read-more {
		left: 35px;
	}
	.about-wrap {
		padding-left: 20px;
	}
	.promise img {
		top: 0;
		margin-top: 20px;
		width: 80%;
	}
	.news .news-art, .news-list > li > div {
		height: 180px;
	}
	
	.news-art, .news-list > li > div {
		height: auto;
	}
	.thumb {
		display: none;
	}
	.site .col-md-9 {
		margin-bottom: 20px;
	}
	.site .col-md-9 img {
		max-width: 100%;
		height: auto;
	}

	.news .container {
		-webkit-box-shadow: none;
		box-shadow: none;
	}
	.title {
		margin-left: 0;
		display: none;
	}
	.sticky-kontakt, .sticky-kontakt.show {
		display: none !important;
	}
	.dropdown-menu > li > a {
		font-size: 1.5em;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.search {
		display: block;
		float: none;
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.search .form-control {
		display: inline-block;
		width: 87%;
		vertical-align: middle;
	}
	.search .btn {
		display: inline-block;
		vertical-align: middle;
	}
	.patron a {
		width: 32%;
	}
	.patron a > img {
		
	}
	.nowe a {
		width: 30%;	
	}	
	.nowe a > img {
		
	}
	.istagram, .facebook {
		display: none;
	}
}
@media (min-width: 320px) and (max-width: 599px) {
	.logo2 {
		position: inherit;
		right: auto;
		top: auto;
	}
	.lang {
		padding-top: 10px;
		padding-right: 30px;
		padding-bottom: 15px;
	}
	.call-to-action {
		position: absolute;
		left: 0;
		right: 0;
		top: -47px;
		margin: 0;
		width: 100%;
	}
	.call-to-action div {
		float: none;
		width: 35%;
		display: inline-block;
	}
	.call-to-action div + div {
		width: 65%;
	}
	.call-to-action a {
		margin-right: 0;
		width: 100%;
	}

	.navbar-header {
		padding-top: 45px;
		min-height: 110px;

	}
	.navbar-brand {
		height: auto;
		float: none;
		display: block;
		top: 0;
		padding: 0;
	}
	.sponsors {
		margin-bottom: 0;
	}

	.box-holder > a > div > img {
		margin-top: 250px;
	}

	.reviews {
		background: rgba(255, 255, 255, 0.3);
		position: relative;
		padding-top: 45px;
		padding-bottom: 30px;
		text-align:  center;

	}

	.reviews img {
		display: inline-block;
		width:  30%;
		margin-bottom: 30px;
	}

	.reviews p {
		color: #FFF;
		font-size: 13px;
		font-style: italic;
		margin-bottom: 15px;
		font-weight: 400;
		padding-left: 30px;
		padding-right: 30px;
	}

}