
@media (min-width: 320px) and (max-width: 480px) {
	.navbar-default .navbar-brand img
	{
		width: 75%;
		padding: 10px;
	}
	.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:focus
	{
		padding-top: 13px;
		padding-bottom: 11px;
	}
	.nav
	{
		 background: #454545; 
	}
	.navbar-default .navbar-collapse,
	{
		z-index: 9999;
	}
	.sticky .nav
	{
		background: none;
	}
	.links .cell-4
	{
		margin-left: 0%;
	}
	#isotope .col-md-4 {
		width: 90%;
		margin-left: 19px;
	}
}
@media (min-width: 560px) and (max-width: 599px){
	#isotope .col-md-4
	{
		width: 50%;
		float: left;
	}
	[class*="cell-"], .masonry .post-item, .masonry.nobar .post-item, .masonry .post-image img
	{
		clear: none;
	}
	.links .cell-4 {
		margin-left: 11%;
		float: left;
		width: 35%;
	}
}
@media (min-width: 600px) and (max-width: 960px){
	[class*="cell-"], .masonry .post-item, .masonry.nobar .post-item, .masonry .post-image img
	{
		clear: none;
	}
	.links .cell-4 {
		margin-left: 11%;
		float: left;
		width: 35%;
	}
	#isotope .col-md-4
	{
		width: 45%;
		margin-left: 3.5%;
		float: left;
	}
}
@media (min-width: 320px) and (max-width: 767px) {
	.col-md-4, .col-md-3, #isotope .col-md-4 {
		float: left;
		/*width: 50%;*/
	}
	#contact .col-md-4
	{
		width: 100%;
	}
	#services .col-md-4, #about .col-md-4
	{
		height: auto !important;
		margin-bottom: 12%;
	}
	#about .col-md-4 h4
	{
		margin-top: 2%;
	}
	#isotope-filter button
	{
		display: block;
		/*float: right;*/
		background: #0990CF;
		margin-bottom: 10px;
		margin-left: 20px;
		margin-top: 16px;
	}
	/* ================================= */
	/* ========== 21. ISOTOPE FILTERING SCRIPT ========== */
	/* ================================= */
	#isotope {
	width:100%;
	margin-top:0;
	z-index: 0;
	}

	/*.isotope-item {
	z-index:2;
	}

	.isotope-hidden.isotope-item {
	pointer-events:none;
	z-index:1;
	}

	.isotope,.isotope .isotope-item {
	-webkit-transition-duration:.5s;
	-moz-transition-duration:.5s;
	-ms-transition-duration:.5s;
	-o-transition-duration:.5s;
	transition-duration:.5s;
	}

	.isotope {
	-webkit-transition-property:height, width;
	-moz-transition-property:height, width;
	-ms-transition-property:height, width;
	-o-transition-property:height, width;
	transition-property:height, width;
	}

	.isotope .isotope-item {
	-webkit-transition-property:0 opacity;
	-moz-transition-property:0 opacity;
	-ms-transition-property:0 opacity;
	-o-transition-property:0 opacity;
	transition-property:transform, opacity;
	}

	#isotope-filter {
	list-style:none;
	position:relative;
	float:right;
	margin-top:-60px;
	}

	#isotope-filter ul {
	display:block;
	visibility:hidden;
	opacity:0;
	height:0;
	overflow:hidden;
	width: 92%;
	margin: 0 auto;
	transition-property:opacity;
	transition-duration:.25s;
	transition-delay:.25s;
	
	-webkit-transition-property:opacity;
	-webkit-transition-duration:.25s;
	-webkit-transition-delay:.25s;
	}

	#isotope-filter .dropdown-menu {
	padding:0;
	margin:0;
	list-style:none outside none;
	text-transform:none;
	background-color:rgba(0,0,0,0);
	color:#777;
	border:0 none;
	border-radius:0;
	box-shadow:none;
	background-clip:padding-box;
	z-index: 10;
	}*/

	#isotope-filter:hover ul {
	opacity:1;
	visibility:visible;
	height:auto;
	border-radius:2px;
	}

	#isotope-filter li a {
	background-color:#0990CF;
	color:#FFF;
	border:0;
	outline:0;
	padding-top:8px;
	padding-bottom:8px;
	font-size:12px;
	font-weight:700;
	float: left;
	margin: 0px 5px 7px 5px;
	padding: 10px;
	border-radius: 5px;
	width: 46%;
	}

	#isotope-filter li a:hover,#isotope-filter li a:focus {
	background-color:#2f3640;
	outline:0;
	}

	#isotope-filter li:last-child a:hover,#isotope-filter li:last-child a:focus {
	border-bottom-left-radius:2px;
	border-bottom-right-radius:2px;
	}

	#isotope-filter li:first-child a:hover,#isotope-filter li:first-child a:focus {
	border-top-left-radius:2px;
	border-top-right-radius:2px;
	}	
}

@media (min-width: 768px) and (max-width: 1024px) {
	
	#isotope-filter li a
	{
		margin: 0 5px 10px;
	  	width: 18.6%;
	  	padding: 1%;
	  	font-size: 13px;
	  	text-align: center;
	}
	.nav {
		background: #454545;
	}
	[class*="cell-"], .masonry .post-item, .masonry.nobar .post-item, .masonry .post-image img
	{
		clear: none;
	}
	.links .cell-4 {
		margin-left: 11%;
		float: left;
		width: 34%;
	}
	#isotope .col-md-4 {
		float: left;
		width: 50%;
		margin-left: 0%;
	}
	.features-ipad
	{
		display: block;
	}
	.features-ipad .list 
	{
		width: 50%;
		float: left;
	}
	.features-desktop
	{
		display: none;
	}
}


