/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */
header.navbar{position: relative;}
.navbar-brand{width: 70%;}
.container{
	width: 96%;
	margin: 0 auto;
}
#portfolio {margin-top: 112px;}

.port-item{
	width:100%;
}
.portfolio-modal .modal-dialog{margin-top:60px;}

.modal-black{top: 103px; }

.modal-black .nav-tabs-left ul{float:none;}
.modal-black .nav-tabs-left .tab-content{
	float:none;
	width:100%;
}
.modal-black .nav>li>a{padding: 4px 15px 4px 0px;}
.modal-black .tab-pane{padding-top: 40px;}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	header.navbar{
		position: fixed;
	}
	.navbar-brand{width: auto;}

	.port-video video, .port-video iframe{min-height: 200px;}
	
	.container{
		width: 750px;
		margin: 0 auto;
	}
	
	.port-item{
		width: 50%;
	}
	.port-item:nth-child(3), .port-item:nth-child(3){
		width: 50%;	
	}
	
	

	
	.modal-black .nav-tabs-left ul{float:left;}
	.modal-black .nav-tabs-left .tab-content{
		float:right;
		width:70%;
	}
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
	#portfolio {margin-top: 80px;}

	.container, .portfolio-modal .modal-dialog{width: 825px;}
	
	.port-item{
		width: 33%;
	}
	.port-item:nth-child(3), .port-item:nth-child(6){
		width: 34%;	
	}
	.port-video video, .port-video iframe{min-height: 360px;}

	
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	
	

}