/************************************************************************************
smaller than 1024px
*************************************************************************************/
@media screen and (max-width: 1024px) {
	.slidesm { display:block !important;}
	.slidelg, .flex-control-nav { display:none !important}
}

/************************************************************************************
smaller than 768px
*************************************************************************************/
@media screen and (max-width: 980px) {
	.logo { margin:0.2em 0 0.8em 0; text-align:center;}
	nav { position:relative; display:block; width:auto !important; margin-top:-0.9em;}
  .flexnav.flexnav-show { border:solid 1px #ccc !important;}
  .bbcom_desktop_smartphones_pinnedNavigation_a .navigation-content { left: 0%; margin-left: 0px; width:100%;}
  .bbcom_desktop_smartphones_pinnedNavigation_a .navigation li { float:none !important; text-align:center; display:block !important;}
.bbcom_desktop_smartphones_pinnedNavigation_a .fixed-bg { height:auto !important; background-color:#d23a2c;}
.bbcom_desktop_smartphones_pinnedNavigation_a .navigation { float:none;}
.red-bg { background:none !important;}

  	.proj-nav ul { display: none; width:100%; background:none; z-index:99999;}
	.proj-nav select { display: inline-block; width:100%;
		background-color:#d23a2c;
		border:none;
		border-radius:0;
		outline:none;
		display: inline-block;
		-webkit-appearance:none;
		-moz-appearance:none;
		appearance:none;
		cursor:pointer;
		text-align:center;
		font-size:1.5em;
		color:#fff;
		padding:0.8em 0;
		-webkit-box-shadow: -1px 5px 4px -4px rgba(0,0,0,0.75);
		-moz-box-shadow: -1px 5px 4px -4px rgba(0,0,0,0.75);
		box-shadow: -1px 5px 4px -4px rgba(0,0,0,0.75);
		background: url(../images/arrow_down.png) right center no-repeat #d23a2c;  /*Adds background-image*/
		text-indent: 0.01px; /* Removes default arrow from firefox*/
      	text-overflow: "";  /*Removes default arrow from firefox*/
	}
	.proj-nav select option { font-weight:normal; border-bottom:solid 1px #db4436;}
	.url-link { display:none; }
	.mail-element { display:none; margin:0 !important; }
}

/************************************************************************************
smaller than 768px
*************************************************************************************/
@media screen and (max-width: 768px) {
.mail-element { display:none; margin:0 !important; }
.img-hide, .url-link { display:none !important; }
.home-projects { margin-bottom:1em; }
.project-name { font-size:10px !important; margin:0 0 0 10px !important; padding:0; }
 hr.mini { font-size:10px !important; border:solid 1px; margin:10px 0 5px 10px !important; padding:0; }
 .power-by, .copy-right { float:none; text-align:center;}
}

/************************************************************************************
smaller than 480px
*************************************************************************************/
@media screen and (max-width: 480px) {
.icon-features ul li { background: url(../images/footer-arrow.png) left center no-repeat; padding-left:0.8em; line-height:18px;}
.icon-features ul li span { display:none !important}
.project-left { float:none !important; margin:0 auto; padding-bottom:1em !important;}
#project-nav select {
margin-left:0%;
	width:100%;
	margin-bottom:1em;
	padding:5px;
	display: inline-block;
	border:solid 1px #000;	
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px;
    color:#000;  
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
}
.sub-heading, .section-heading { font-size:1.6em !important; }
h4 { font-size:1em; padding:0 0em; line-height:20px; }
.url-link { display:none; }
.mail-element { display:none; margin:0 !important; }