@media (min-width: 768px) and (max-width: 1200px) {
	.container {
		width: 100%;
	}
}

@media (min-width: 1000px) and (max-width: 1670px) {
	#extras {
		opacity: 0.4;
	}

	#extras:hover {
		opacity: 1;
	}
}

@media (min-width: 768px) and (max-width: 1000px) {
	#navigation .nav > li > a {
		font-size: 13px;
		padding: 10px 6px;
	}
}

@media (min-width: 980px) and (max-width: 1150px) {
	.carousel-caption h3 {
		font-size: 45px;
	}

	.member-thumb {
		width: auto;
	}
}

@media (max-width: 1500px) {
	#facebook .container .logoFB img {
		width: 100%;
	}

	#facebook .container .FBStyl {
		width: 70%;
	}

	#facebook .container .row {
		width: 85%;
	}
}

@media (max-width: 1140px) {
	#facebook .container .row {
		width: 100%;
	}
}

@media (max-width: 1000px) {
	#facebook .FBStyl, 
	#facebook .Pogoda, 
	#facebook, #pogoda {
		float: none;
		margin: 0 auto;
		text-align: center;
		width: 100%;
	}

	#pogoda .Pogoda {
		width: 100%;
	}

	#facebook .logoFB, 
	#pogoda .PogodaT, 
	#pogoda .Pogoda:after {
		display: none;
	}

	#facebook .fb_iframe_widget iframe {
		position: relative !important;
	}

	#facebook .container {
		float: none;
		width: 100%;
	}

	#facebook .container .row {
		float: none;
		text-align: inherit;
	}

	#pogoda .container {
		width: 100%;
	}
}

@media (max-width: 979px) {
	.service-item {
		margin: 0 auto 30px;
		/*text-align: center;*/
		width: 85%;
	}

	.fa-2x {
		font-size: 1.5em;
	}

	.carousel-caption h2 img {
		width: 100%;
	}

	#extras .extrasBox {
		padding: 1.2em 1.4em 1.2em 2em;
	}

	#extras .extrasBox .extrasTitle {
		display: none;
	}

	#extras .extrasBox.Aktualnosci {
		text-indent: -99999px;
	}

	#facebook .service-desc.logoFB {
		display: none;
	}
}

/*============================================================
	Tablet (Portrait) Design for a width of 768px
==============================================================*/

@media (min-width: 768px) and (max-width: 979px) {


/* slider */

.carousel-caption h2 {
  font-size: 55px;
}

.carousel-caption h3 {
  font-size: 36px;
}

/* services */

.service-item {
	margin: 0 auto 30px;
	/*text-align: center;*/
	width: 85%;
}

.service-icon {
  float: none;
  margin: 0 auto 15px;
  text-align: center;
  width: 50px;
}

.service-desc {
  margin-left: 0;
  position: relative;
  top: 0;
}

/* works */

.work-item {
  width: 33%;
}

/* team */

.member-thumb .overlay h5 {
  margin: 25px 0;
}

.member-thumb {
  margin: 0 auto;
}

/* fatcs */

#facts {
background-position: center top !important;
}
.counters-item {
  margin-bottom: 30px;
}

.counters-item i {
  margin: 0 0 15px;
}

.counters-item strong {
  font-size: 45px;
}

/* contact */

.contact-form .name-email input {
  margin-right: 0;
  width: 100%;
}

.footer-social {
  margin-top: 45px;
}

/* footer */

.footer-single {
  margin-bottom: 30px;
}

}


/*============================================================
	Mobile (Portrait) Design for a width of 320px
==============================================================*/

@media only screen and (max-width: 767px) {
	#extras {
		display: none;
	}

	.navbar-nav li a.current, .navbar-nav li a:focus, .navbar-nav li a:hover {
		border: none;
	}

	#navigation {
		min-height: 50px;
	}

	.navbar-brand h1 img {
		width: 60%;
	}

	.sec-sub-title p {
	  font-size: 14px;
	}

	/* slider */
	.carousel-caption h2 {
	  font-size: 35px;
	}

	.carousel-caption h3 {
	  font-size: 22px;
	}

	.carousel-caption p {
	  font-size: 14px;
	}

	.social-links {
	  margin-top: 20%;
	}

	/* services */

	/*.service-item {
	  margin: 0 auto 30px;
	  text-align: center;
	  width: 280px;
	}*/

	.service-icon {
	  float: none;
	  margin: 0 auto 15px;
	  text-align: center;
	  width: 50px;
	}

	.service-desc {
	  margin-left: 0;
	  position: relative;
	  top: 0;
	}

	/* works */

	.work-item {
	  left: 5% !important;
	  width: 90%;
	}

	/* team */

	.team-member {
	  margin-bottom: 30px;
	}

	.team-member:last-child {
	  margin-bottom: 0;
	}

	.member-thumb {
	  margin: 0 auto;
	}

	/* facts */

	#facts {
	background-position: center top !important;
	}

	.counters-item {
	  margin-bottom: 30px;
	}

	/* contact */
	.contact-address {
	  margin-bottom: 30px;
	}

	.footer-social {
	  margin-top: 20px;
	  text-align: center;
	}

	.footer-social li {
	  display: inline-block;
	}

	.footer-social li a {
	  margin: 0 10px;
	}

	/* footer */

	.footer-single {
	  margin-bottom: 30px;
	}

	/*#facebook .fb_iframe_widget, 
	#facebook .fb_iframe_widget span, 
	#facebook .fb_iframe_widget iframe {
		width: 100% !important;
	}*/

	.navbar-nav > li > a {
		line-height: 26px;
	}

	#facebook .container .FBStyl, 
	#facebook .container .FBStyl .service-item {
		width: 100%;
	}

	.navbar-fixed-top .navbar-collapse, 
	.navbar-fixed-bottom .navbar-collapse {
		max-height: 100%;
	}
}


/*============================================================
	Mobile (Landscape) Design for a width of 480px
==============================================================*/

@media only screen and (min-width: 480px) and (max-width: 767px) {
	/* services */

	/*.service-item {
	  margin: 0 auto 30px;
	  text-align: center;
	  width: 325px;
	}*/

	.service-icon {
	  float: none;
	  margin: 0 auto 15px;
	  text-align: center;
	  width: 50px;
	}

	.service-desc {
	  margin-left: 0;
	  position: relative;
	  top: 0;
	}

	/* works */

	.work-item {
	  left: inherit !important;
	  width: 50%;
	}
}

@media only screen and (max-width: 600px) {
	.devider:before, .devider:after {
		content: "__________";
	}
}

@media only screen and (max-width: 330px) {
	.navbar-brand {
		width: 75%;
	}
}