/************************************************************************************
smaller than 1040
*************************************************************************************/
@media screen and (max-width: 1040px) {

	#pagewrap {
  }


	/* pagewrap */
	#pagewrap {
		width: 100%;
	}

	/* indented */
  #content {
		width: auto;
	}
	
	
	#logo-container {
    width: auto;
  }
	
	#header {
	}

  #site-logo{
		width: 200px;
	}	

  #site-logo img {
    width: 200px;
    height: 53px;
  }


	/* main-nav */

	#main-nav-container .intended {
		width: 100%;
    padding: 0px;
	}

  #main-nav {
  	width: auto;
	}


	/* content */
	#content {
		padding: 3% 35px;
	}

	/*  Set #content without padding, used for imagegalleries. Moves padding to .wrapbox instead */
	.content-no-padding #content {
		padding: 3% 0px;
	}
	.content-no-padding #content .wrapbox {
		padding: 0px 35px;
	}

	/* sidebar */
	#sidebar {
		width: 30%;
	}
	#sidebar .widget {
		padding: 8% 7%;
		margin-bottom: 10px;
	}

	/* footer */
	#footer {
		padding-left: 35px;
		padding-right: 35px;
		width: auto;
		margin: 20px 0px 0px 0px;
		/* rounded corner */
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		/* box shadow */
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		--border-top: 1px solid #e6e6e6;
	}

	/* embedded videos */
	.video embed,
	.video object,
	.video iframe {
		width: 100%;
		height: auto;
		min-height: 300px;
	}

  /* floating boxes */
  .floating-box {
    float: left;
    margin-right: 2%;  
    margin-bottom: 1%;  
    width: 31%;
  }
  
  .floating-box img {
    max-width: 100%;
  }


	


}

/************************************************************************************
smaller than 650																																								650
*************************************************************************************/
@media screen and (max-width: 650px) {
  
	/* fullwidth */  
  #pagewrap {
		width: 100%;
		
	}
  
	/* header */
	#header {
  	margin: 0px;
  	padding: 20px 15px 15px 25px;
	}

  #logo-container {
    padding: 0px 0px;
  }

  #header #menu-button {
    display: block;
  }

  #slideshow h2 {
  	margin-left: 25px;
	}

	#main-nav {
    display: none;
		padding: 0px 25px;
	}


	#main-nav li:first-child {
		margin-left: 0px;
	}
	
	#main-nav li:last-child {
		float: left;
		margin-right: 0px;
	}




	/* main nav */

  #main-nav-container {
    padding: 0px;
    width: auto;
  }

	#main-nav {
	}

  #main-nav a {
    font-size: 1.1em;
		padding: 16px 10px;
  }

  #main-nav li:first-child {
  	margin-left: 0px;
  }

	/* site logo */
	#site-logo {
    width: 161px;
	}
	
  #site-logo img {
  	width: 161px;
  	height: 43px;
  }

	/* content */
	#content {
		width: auto;
		float: none;
		margin: 20px 0;
  	padding: 0px 25px 40px 25px;

	}


	.content-no-padding #content .wrapbox {
		padding: 0px 25px;
	}

	/* sidebar */
	#sidebar {
		width: 100%;
		margin: 0;
		float: none;
	}

	#sidebar .widget {
		padding: 3% 4%;
		margin: 0 0 10px;
	}
  
  #slideshow-inner-container {
  	padding: 20px 25px;
  }
  
  /* Image gallery */
  
  .gallery-item-container,
  .gallery-item-container.even
   {
		float: left;
		width: 100%;
		margin-right: 0;
	}

	.gallery-header .gallery-search-container {
		float: none;
		width: 190px;
		margin-top: 2px;
		margin-right: 10px;
		margin-left: 10px;
		margin-bottom: 12px;
	}


	/* embedded videos */
	.video embed,
	.video object,
	.video iframe {
		min-height: 250px;
	}

  /* floating boxes */
  .floating-box {
    float: left;
    margin-right: 2%;  
    margin-bottom: 1%;  
    width: 48%;
  }
  .floating-box img {
    max-width: 100%;
  }

	/* footer */

	#footer {
		margin: 20px 0px 0px 0px;
		padding: 20px 25px;
		/* rounded corner */
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		/* box shadow */
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}

	.footer-col-1 {
		width: 100%;
		float: none;
	}
	
	.footer-col-2 {
		clear: both;
		width: 100%;
		float: none;
		margin-left: 0;
		margin-top: 20px;
	}
	
	#footer-3{
		width:auto;
	}


	#memberslogoWrap li {
		padding-right:0.75em;
		padding-bottom:1.5em;
	}
	#memberslogoWrap img{
		/*height:auto;*/
		height:64px;
		width:auto;
	}

	#memberslogoWrap .icoAAA img,
	#memberslogoWrap .icoGASELL img{
		height:auto;
		width:auto;
	}

	

	.reference-box .image-container {
		--float: left;
		width: 100%;
	}
	
	.reference-box .image-container img {
		--max-width: 100%;
		---padding: 20px;
		margin-bottom: 12px;
	}
	
	.reference-box .text-outer-container {
		--float: left;
		width: 100%;
	}
	
	.reference-box .text-container {
		padding: 0px 20px 20px 20px;
	}

}

/************************************************************************************
smaller than 480																																							480
*************************************************************************************/
@media screen and (max-width: 480px) {

	/* disable webkit text size adjust (for iPhone) */
	html {
		-webkit-text-size-adjust: none;
	}


	/* Set padding 15px */
	#content {
		padding-left: 15px;
		padding-right: 15px;
	}

	/* header */
	#header {
  	margin: 0px 0px 0px 0px;
  	padding: 10px 15px 5px 15px;
	}

	.content-no-padding #content .wrapbox {
		padding: 0px 15px;
	}
  
  #slideshow-inner-container {
  	padding: 20px 15px;
  }

	#slideshow h2 {
  	margin-left: 15px;
	}

  
	/* main nav */
	#main-nav li {
		float: none;
	}

	#main-nav a {
		font-size: 14px;
    line-height: 10px;
		padding: 12px 10px;
	}


  /* floating boxes */

  .floating-boxes {
  }

  .floating-box {
    float: none;
    margin-right: 2%;  
    margin-bottom: 1%;  
    width: 100%;
  }
  
  .floating-box img {
    max-width: 100%;
  }

	/* references */
	
	
	.reference-box {
	}
	
	.reference-box .image-container {
		--float: left;
		width: 100%;
	}
	
	.reference-box .image-container img {
		--max-width: 100%;
		--padding: 20px;
	}
	
	.reference-box .text-outer-container {
		--float: left;
		width: 100%;
	}
	
	.reference-box .text-container {
		padding: 0px 20px 20px 20px;
	}

	/* footer */
	
	#footer {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 20px 0px;
	}

	--#footer-1 {
		padding: 0 15px;
	}

	#footer-3 {
		padding: 0 15px;
	}


  .latest-pics-header

	.footer-col-1 {
		width: 100%;
		float: none;
	}


	#footer .footer-col-1 h4.latest-pics-header {
    padding: 11px 15px 10px 15px;
    background-color: #f0f0f0;
	}

	
	.footer-col-2 {
		clear: both;
		width: 100%;
		float: none;
		margin-left: 0;
		margin-top: 20px;
	}

	.footer-mainmenu-header {
		display: none;
	}

	ul.footer-mainmenu {
		--margin-top: 20px;	
	}

	ul.footer-mainmenu li {
		float: none;
		padding-right: 0;
		border-top: 1px solid #cdcdcd;
	}

	.footer-mainmenu a {
		background-color: #f0f0f0;
		float: none;
		padding: 11px 15px 10px 15px;
		display: block;
		font-size: 16px;
		font-weight: bold;
		/*
		background-image: url("/clientfiles/images/fade.png");
		background-position: bottom left;
		background-repeat: repeat-x;
		*/
		border-top: 1px solid #f9f9f9;
	}

	.footer-mainmenu a:hover {
		color: black;
		text-decoration: none;
	}


	.footer-mainmenu li:last-child a {
		border-bottom: 1px solid #cdcdcd;
	}


	/* CONTACT */
	
	
	#contact-form .contact-row {
		margin-bottom: 10px;
	}
	
	#contact-form label {
		text-align: left;
		display: block;
	}
	
	#contact-form .contact-textarea {
		width: 280px;
	}
	
	#contact-form .contact-row-aligned * {
		vertical-align: middle;
	}
	
	#contact-form .button {
	}

  /* floating boxes */
  .floating-box {
    float: left;
    margin-right: 0%;  
    margin-bottom: 12px;  
    width: 100%;
  }
  
  .floating-box-image {
  	width: 100%
  }
  
  
  
  .gallery-info-container {
		border-bottom: 1px solid transparent;
	}	
  
  
}


/************************************************************************************
smaller than 440																																							440
*************************************************************************************/
@media screen and (max-width: 440px) {

	
	.image-container {
		width: 99%;
		margin-right: 0%;
	}
	
	.gallery-single-text-1 {
		width: 83%;
	}
	
	.gallery-single-text-2 {
		width: 15%;
	}
	



}