/* =============================================
----------------- Responsive  ------------------
==============================================*/

/* Large desktop */
@media (min-width: 1200px) {
	
	#wrapper.boxed {
		width: 1170px;
		margin: 50px auto;
	}

	#wrapper.boxed-long {
		width: 1170px;
	}
	
}


/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
	
	#wrapper.boxed,
	#wrapper.boxed-long {
		width:100%;
		margin:0;
		box-shadow:none;
		-webkit-box-shadow:none;
	}

	#header.transparent,
	.boxed .navbar-fixed-top, 
	.boxed .navbar-fixed-bottom,
	.boxed-long .navbar-fixed-top, 
	.boxed-long .navbar-fixed-bottom {
		width:100%;
	}

}
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {

	#header.transparent {
		padding-top: 0;
	}

	.navbar {
		padding:5px 0;
	}

	.navbar-default.navbar-transparent {
		background-color: rgba(255, 255, 255, 0.2);
	}
 	
 	#wrapper.boxed,
	#wrapper.boxed-long {
		width:100%;
		margin:0;
		box-shadow:none;
		-webkit-box-shadow:none;
	}

	.member {
		margin-bottom:30px;
	}
	
	.timeline.top {
		margin-top:0;
	}
	
	.timeline-date {
		margin-top:0;
		margin-bottom:90px;
	}

	.timeline-container .article {
		margin-bottom: 90px;
	}

	.timeline.left {
		padding-right:15px;
	}

	.timeline.right {
		padding-left:15px;
	}
	
	.article-timeline-date {
		top:-40px;
		left:50%;
		margin-left:-11px;
	}

	.left .article-timeline-date {
		right:auto;
	}

	.right .article-timeline-date {
		left:50%;
	}
	
	.animated-label {
		font-size:14px;
	}
	
	#contact-form .form-control {
		z-index:99;
	}

	.form-group input:focus + .animated-label,
	.form-group input:focus + label + .animated-label,
	.animated-label {
		left:0;
		top:-14px;
	}
	
	.form-group textarea:focus + .animated-label.textarea-label,
	.form-group textarea:focus + label + .animated-label.textarea-label,
	.animated-label.textarea-label {
		left:0;
		top:-22px;
	}

	label.error {
		font-size:13px;
		background: #fff;
		z-index:2;
	}

	#portfolio-filter li a {
		padding:6px 15px;
		margin:0 3px 6px;
		border-left:1px solid #dbdbdb;
	}
	
	#portfolio-filter li a,
	#portfolio-filter li:first-child a,
	#portfolio-filter li:last-child a {
		border-radius:4px;
	}

	.testimonial:before, 
	.testimonial:after {
		font-size:1.25em;
	}

	.social-icons-container li {
	  margin:0 7.5px 15px;
	}

}

 
/* Landscape phones and down */
@media (max-width: 480px) {

	.count-container,
	.circle-progress-container,
	.member-container {
		width:100%;	
	}

	.count-container,
	.circle-progress-container,
	.member {
		margin-bottom:50px;
	}

	.hidden-xss {
		display:none !important;
	}

}



/* Retina Display */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
	
	/* Patterns */

	.pattern4 {
		background-image: url('../images/patterns/pattern4%402x.png');
		-webkit-background-size: 500px 500px;
		background-size: 500px 500px;
	}

	.pattern5 {
		background-image: url('../images/patterns/pattern5%402x.png');
		-webkit-background-size: 400px 400px;
		background-size: 400px 400px;
	}

	.pattern6 {
		background-image: url('../images/patterns/pattern6%402x.png');
		-webkit-background-size: 198px 200px;
		background-size: 198px 200px;
	}

	.pattern7 {
		background-image: url('../images/patterns/pattern7%402x.png');
		-webkit-background-size: 588px 375px;
		background-size: 588px 375px;
	}

	.pattern8 {
		background-image: url('../images/patterns/pattern8%402x.png');
		-webkit-background-size: 150px 150px;
		background-size: 150px 150px;
	}

	.pattern9 {
		background-image: url('../images/patterns/pattern9%402x.png');
		-webkit-background-size: 500px 500px;
		background-size: 500px 500px;
	}

	.pattern10 {
		background-image: url('../images/patterns/pattern10%402x.png');
		-webkit-background-size: 512px 512px;
		background-size: 512px 512px;
	}

	.pattern11 {
		background-image: url('../images/patterns/pattern11%402x.png');
		-webkit-background-size: 500px 300px;
		background-size: 500px 300px;
	}

	.pattern12 {
		background-image: url('../images/patterns/pattern12%402x.png');
		-webkit-background-size: 523px 384px;
		background-size: 523px 384px;
	}

	.pattern13 {
		background-image: url('../images/patterns/pattern13%402x.png');
		-webkit-background-size: 300px 300px;
		background-size: 300px 300px;
	}

	.pattern14 {
		background-image: url('../images/patterns/pattern14%402x.png');
		-webkit-background-size: 40px 40px;
		background-size: 40px 40px;
	}

	.pattern15 {
		background-image: url('../images/patterns/pattern15%402x.png');
		-webkit-background-size: 188px 178px;
		background-size: 188px 178px;
	}

	.pattern16 {
		background-image: url('../images/patterns/pattern16%402x.png');
		-webkit-background-size: 150px 173px;
		background-size: 150px 173px;
	}

	.pattern17 {
		background-image: url('../images/patterns/pattern17%402x.png');
		-webkit-background-size: 190px 191px;
		background-size: 190px 191px;
	}

	.pattern18 {
		background-image: url('../images/patterns/pattern18%402x.png');
		-webkit-background-size: 400px 317px;
		background-size: 400px 317px;
	}

	.pattern19 {
		background-image: url('../images/patterns/pattern19%402x.png');
		-webkit-background-size: 400px 343px;
		background-size: 400px 343px;
	}

	.pattern20 {
		background-image: url('../images/patterns/pattern20%402x.png');
		-webkit-background-size: 100px 98px;
		background-size: 100px 98px;
	}

	.pattern21 {
		background-image: url('../images/patterns/pattern21%402x.png');
		-webkit-background-size: 36px 62px;
		background-size: 36px 62px;
	}

	.pattern22 {
		background-image: url('../images/patterns/pattern22%402x.png');
		-webkit-background-size: 206px 206px;
		background-size: 206px 206px;
	}

	.pattern23 {
		background-image: url('../images/patterns/pattern23%402x.png');
		-webkit-background-size: 387px 201px;
		background-size: 387px 201px;
	}

	.pattern24 {
		background-image: url('../images/patterns/pattern24%402x.png');
		-webkit-background-size: 294px 235px;
		background-size: 294px 235px;
	}

	.pattern25 {
		background-image: url('../images/patterns/pattern25%402x.png');
		-webkit-background-size: 320px 320px;
		background-size: 320px 320px;
	}

	.pattern26 {
		background-image: url('../images/patterns/pattern26%402x.png');
		-webkit-background-size: 500px 375px;
		background-size: 500px 375px;
	}

	.pattern27 {
		background-image: url('../images/patterns/pattern27%402x.png');
		-webkit-background-size: 520px 520px;
		background-size: 520px 520px;
	}

	.pattern28 {
		background-image: url('../images/patterns/pattern28%402x.png');
		-webkit-background-size: 482px 490px;
		background-size: 482px 490px;
	}

	.pattern29 {
		background-image: url('../images/patterns/pattern29%402x.png');
		-webkit-background-size: 700px 700px;
		background-size: 700px 700px;
	}

	.pattern30 {
		background-image: url('../images/patterns/pattern30%402x.png');
		-webkit-background-size: 412px 300px;
		background-size: 412px 300px;
	}
	
	/* End patterns */

}