/* ==========================================================================
CSS Queries
========================================================================== */

@media screen and (max-width:640px) {
    .shop-btn { padding: 15px 25px; font-size: 10px; }
	.col-md-3.img
	{
		text-align:center;
	}
	.categories-menu ul
	{ 
		text-align:center;
	}
	.footer-midcol li { list-style:none; display:list-item; margin-right: 15px; color:#FFFFFF; text-transform:uppercase; font-size:16px; font-weight:bold; }
	.social-icons li { list-style:none; display:inline-block; margin-right: 15px; }
}
@media screen and (max-width:1200px) {
    p{font-size: 14px; }
    .thin-sep { display: none; }
    .arrow { display: none; }
    nav { height: auto; width: 100%; background: #02588a; margin: 30px 0 0 0; }
    .nav-wrapper { background-color: #fff; }
    nav ul { width: 100%; display: block; height: auto; padding: 0; }
    nav li { width: 100%; float: left; position: relative; text-align: center; }
    nav ul li a { width: 100%; float: left; position: relative; padding: 25px 0; text-align: center; border-bottom: 1px dotted rgba(255, 255, 255, 0.2); margin: 0px; }
    nav ul li a.last { border-bottom: none; }
    nav ul li.dot { display: none; }
    .responsive-logo { background: url(../img/main-logo-responsive.png) no-repeat center center; width: 220px; height: 60px; position: absolute; top: 20px; left: 10%; }
    .logo-1 { position: absolute; left: 50%; top: 50%; }
    .logo-holder { display: none; }
    .logo-2 { position: absolute; left: 50%; top: 50%; }
    .logo-3 { position: absolute; left: 50%; top: 50%; }
    .footer-leftcol p, .footer-rightcol p { text-align: center; }
    .footer-midcol ul { margin-top: 40px; }
    .submit-btn { margin-top: 10px; }
	.col-md-3.img
	{
		text-align:center;
	}
	.display-on-devices {
		display:block;
	}
	.portfolio li a {
		font-size: 17px;
	}
	.footer-midcol li { margin-right: 15px; color:#FFFFFF; text-transform:uppercase; font-size:16px; font-weight:bold; }
}
@media only screen and (max-width:1200px) {
    nav { border-bottom: 0; }
    nav ul { display: none; height: auto; }
    .pullcontainer { width: 100%; text-align: right; padding: 40px 20px 0 0; }
    .pullcontainer a#pull { display: block; width: 100%; color: #ffffff; }

.col-md-3.img
{
	text-align:center;
}
	
}

/*MEDIA QUERIES FOR PORTFOLIO THUMBNAILS*/
@media (max-width: 768px) { /*FOR 2 COL*/
  .portfolio {
    margin: 0;
  }
  .portfolio li img {
    width: 100%;
  }
  .portfolio li {
    float: left;
    margin: 0 2px 10px 8px;
    width: 46%;
	text-align:center;
  }
.categories-menu ul
{ 
	text-align:center;
}

}

@media screen and (min-width:768px) and (max-width:1920px) {  /*FOR 4 COL*/
  .portfolio {
    margin: 0;
  }
  .portfolio li img {
    width: 100%;
  }
  .portfolio li {
    float: left;
    margin: 0 0px 10px 10px;
    width: 23%;
	text-align:center;
  }

}
@media screen and (max-width: 991px) {
	#menu {
		display:none;
	}
	#menuF{
		opacity:1 !important;
		/*display:none !important;*/
		background-color:#02588a;
	}
	.fixed{
		opacity:1;
		//display:none;
	}
	.categories-menu ul
	{ 
		text-align:center;
	}
}