/* #Media Queries
================================================== */


	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {

	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		.hidden-desktop {
			display: inherit !important;
		}
		.visible-desktop {
			display: none !important ;
		}
		.visible-tablet {
			display: inherit !important;
		}
		.hidden-tablet {
			display: none !important;
		}
		#wrapper {
			width: 100%;
			margin: 0 auto;
		}
		#wrapper .container {
			max-width: 768px;
		}
		.container {
			padding: 0 10px;
		}
		#main-nav {
			padding: 0 25px 0px 0px;
		}
		#main-nav ul li a {
			padding-left: 14px;
			padding-right: 14px;
		}
		.social-icons {
			margin-left: -45px;
			padding-left: 15px;
		}
		.works-item {
			width: 186px;		
			height: 127px;	
		}
		#primary.blog-masonry {
			margin-right: -20px;
		}		
		.features-circle-head h4 {
			font-size: 14px;
		}
		.features-circle-description {
		  font-size: 10px;
		}
		.cta-text, .cta-button {
			width: 100%;
			text-align: center;
		}
		.cta-button {
		 	margin: 5px auto 0px;
		}
		.comment-form input {
			width: 162px;
		}
		.comment-form textarea {
			width: 546px;
		}
		.client-item {
			width: 20%;
		}
		#map-canvas {
			position: absolute;
			top: 0;
			min-height: 625px;
			width: 100%;
			margin-left: -50px;
			padding: 0 40px;
		}
		.team-member2 {
			text-align: center;
		}
		.team-member2 img {
   	 float: none;   	
   	 margin: 0;
  	}
  	.camera_caption > div h2 {
	  font-size: 1.4em;
	  line-height: 1.3;
	}
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		.hidden-desktop {
			display: inherit !important;
		}
		.visible-desktop {
			display: none !important;
		}
		.visible-phone {
			display: inherit !important;
		}
		.hidden-phone {
			display: none !important;
		}		
		.features-head h4 {
			line-height: 40px;
		}
		#logo {
			display: block;
			margin-left: auto;
			margin-right: auto;
			text-align: center;
		}
		.footer-copy p {
			display: block;
			margin: 0 auto;
			text-align: center
		}	
		.works-item {
			width: 300px;	
			height: 204px;	
			margin-right: 0;	
		}
		.client-item {
			width: 50%;
		}
		.columns {
			width: 100%;
		}
		.portfolio-items {
			margin: 0;
		}
		#map-canvas {
			display: none;
		}
		.contact-full {
			min-height: auto;			
		}
		.contact-form {
			padding: 0;
			margin-bottom: 40px;
			-webkit-box-shadow: none;
			box-shadow: none;
		}
		#primary.blog-masonry  {
			margin-right: 0px;
		}
		.features-circle h4 {
			font-size: 14px;
		}
		.features-circle-inner {
			padding: 50px;
		}		
		.cta-text, .cta-button {
			width: 100%;
			text-align: center;
		}
		.cta-button {
		 	margin: 5px auto 0px;
		}
		.comment-form .comment-row {
			margin-left: 0px;
		}
		.comment-form input, .comment-form textarea {
			width: 290px;
		}
		.team-member2 {
			text-align: center;
		}
		.team-member2 img {
   	 float: none;
   	 margin-right: 0px;
  	}
  	.social-icons {
  		width: 100%;
			margin: 0 0 10px -70px;
			display: block;
			padding: 0 70px 0px;
			text-align: center;			
  	}
  	#main-nav {
  		float: none;
  		padding: 0;
  	}
  	#main-nav ul {
  		display: none;
  	}
  	#main-nav select {
			display: block;
			float: none;
			width: 100%;
			margin: 10px auto;
		}
		#wrapper {
			width: 100%;
			margin: 0 auto;
		}
		#wrapper .container {
			max-width: 300px;
		}
		.container {
			padding: 0 10px;
		}		
		#portfolio-nav {
			text-align: center;
		}
		#portfolio-nav li {
			float: none;
		}
		#portfolio-nav li a {
			margin: 0 5px 10px;
		}
		
		.blog-wrapper1, .blog-item {
			margin-left: 0px !important;
		}
		
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		#wrapper {
			width: 100%;
			margin: 0 auto;
		}		
		#wrapper .container {
			max-width: 480px;
		}
		.works-item {
			width: 239px;					
			height: 163px ;	
			margin-right: 1px;
		}		
		.portfolio-items{
			margin-right: -20px;			
		}
		.portfolio-items .columns{
			width: 230px;
			float: left;
		}
		.features-circle .columns {
			width: 230px;
			float: left;
			margin-left: 20px;
			font-size: 14px;
		}
		.features-circle .columns:nth-child(2n+1) {
			margin-left: 0px;
		}
		.features-circle-inner {
			padding: 20px;
		}			
		.comment-form input, .comment-form textarea {
			width: 470px;
		}
		.team-member2 {
			text-align: center;
		}
		.team-member2 img {
   	 float: none;   	 
  	}
  	#main-nav select {
  		height: 28px;
  		width: 220px;
			display: block;
			float: right;
		}
		.social-icons {
  		float: left;
		  margin-left: -45px;
		  margin-bottom: 0px;
		  padding-left: 20px;
		  padding-right: 0px;
		  width: auto;
			text-align: inherit;			
  	}  

	}