/* mediaqueries */

@media all and (max-width: 1200px) {

}

@media all and (max-width: 1023px) {
	#main-navigation li a {
		padding-left: 22px;
		padding-right: 22px;
	}
	
	.recent-works {
		margin-left: 0;
		margin-right: 0;
	}
	
	.our-clients {
		margin-left: 0;
		margin-right: 0;
	}
	
	.add-form select, .add-form input[type="text"], .add-label label {
		width: 265px;
	}
}

@media all and (max-width: 990px) {
	.social-nav {
		margin-left: 0;
	}
	
	.page-content {
		margin-top: 166px;
	}
	
	.add-form select, .add-form input[type="text"], .add-label label {
		width: 192px;
	}
}

@media all and (max-width: 767px) {
	header.header {
		border-bottom: 1px solid #DDDDDD;
	    box-shadow: 0 0 2px 1px #CCCCCC;
	}
	
	.navbar-collapse.in {
	  overflow-y: visible;
	}
	
	.navbar-toggle {
		background:#26b1e6;
		margin-right: 0;
	}
	
	.sub-menu {
		width: 100%;
	}

	#main-navigation li {
	  display: block;
	  float:none;
	  border-color:transparent;
	  border-bottom: 1px solid #dcd5ce;
	}
	
	.box-info {
		margin-bottom: 60px;
	}
	
	.row .col-xs-12:last-child .box-info {
		margin-bottom: 40px;
	}
	
	h2 {
		text-align: center;
		font-size:23px;
	}
	
	.footer-nav {
	  margin: 0 0 45px;
	  max-width: 100%;
	}
	
	.map-bg {
		margin:0 0 45px;
	}
	
	.box-info {
		min-height: 0;
	}
	
	.social-nav {
		margin-left: 20px;
	}
	
	.page-content {
		margin-top: 140px;
	}
	
	.add-form select, .add-form input[type="text"] {
		width: 87%;
		margin: 0 10px 10px 0;
	}
	
	.add-label label {
		display:none;
	}
}

@media all and (max-width: 599px) {
	.recent-works a {
		border-width: 5px;
	}
	
	.member-info {
	  padding: 0 20%;
	}
	
	.page-content {
		margin-top: 0;
	}
	
	.social-nav {
	  margin-left: 0;
	  float: none;
	}
	
	.navbar-fixed-top {
		position: inherit;
	}
}

@media all and (max-width: 479px) {
	.logo-container img {
	  width: 250px;
	}
	
	.member-info {
	  padding: 0 10%;
	}
}

@media all and (max-width: 399px) {
	.logo-container img {
	  width: 210px;
	}
}
