/**  			MEDIA QUERIES for CAMINO Background	  **/

/**
*
*		RESPONSIVE BACKGROUND
*
**/

body {
	-webkit-text-size-adjust: auto;
	background: #171717;
}

@media screen and (min-height: 1281px) {

	.site {height: 100%;}
	.wrapper-site { height: 96%}

	div#b2jcontainer_m116 textarea {height: 450px;font-family: inherit;}
}


@media screen and (max-height: 1280px) {

	.site {height: 100%;}
	.wrapper-site { height: 96%}

	div#b2jcontainer_m116 textarea {height: 450px;font-family: inherit;}
}

@media screen and (max-height: 1080px) {

	div#b2jcontainer_m116 textarea {height: 350px;}

}

@media screen and (max-height: 1024px) {

	.wrapper-site { height: 97.5%}

	div#b2jcontainer_m116 textarea {height: 350px;}

}

@media screen and (max-height: 768px) {

	.wrapper-site { height: 94.5%;}

	div#b2jcontainer_m116 textarea {height: 250px;}
	div#b2jcontainer_m116 .control-group {margin-bottom: 5px;}
	div#b2jcontainer_m116 .btn {font-size: 0.9em;padding:0 10px;}

}

@media screen and (max-height: 750px) {

	/*			@-ms-viewport {height: 750px;}*/


	.wrapper-site {height: 97%;}

	div#b2jcontainer_m116 textarea {height: 300px;}
	div#b2jcontainer_m116 .control-group {margin-bottom: 5px;}

}

@media screen and (max-height: 640px) {

	div#flashContent {height: 100%; }
	.wrapper-site {height: 96.5%;}
	.left_column {top: 25%;}

	div#b2jcontainer_m116 textarea {height: 180px;}
	div#b2jcontainer_m116 .control-group {margin-bottom: 5px;}


	background-image: url("../../../images/backgrounds/wall-100.png");

}

@media screen and (max-height: 480px) {

	div#flashContent {height: 154%; }
	.wrapper-site { height: 148%;}


	.left_column {top: 27%;}

	.contact-page	{font-size: 0.8em;
	}

	div#b2jcontainer_m116 textarea {height: 180px;}
	div#b2jcontainer_m116.b2jcontainer {padding: 1em 30px;}
	div#b2jcontainer_m116 .control-group {margin: 1px 0;}

}


@media screen and (max-height: 320px) {

	div#flashContent {height: 176%; }
	.wrapper-site { height: 170%}


	.left_column {top: 31%;}
	.contact-page	{font-size: 0.8em;
	}

	div#b2jcontainer_m116 textarea {height: 140px;}

}



@media screen and (max-width: 1600px) {
	.left_column {font-size: 1.5em;}
}

@media screen and (max-width: 1366px) {
	.left_column {font-size: 1.3em ;}

	.sliderfiximage {width:200px;}
	div.bottom-site{padding:0 10px;font-size: 0.8em;}
}

@media screen and (max-width: 1334px) {
/*	div#nextend-smart-slider-16 .sliderfontcustom6 {font-size:160%;}
	div#nextend-smart-slider-16 .sliderfontcustom7 {font-size:100%;}*/


}

@media screen and (max-width: 1136px) {
	.left_column {font-size: 1.2em }
	.sliderfiximage {width:180px;}
	.impressum {font-size:1em;}

}

@media screen and (max-width: 1024px) {
	.left_column {font-size: 1.1em }
	.sliderfiximage {width:160px;}

}

@media screen and (max-width: 980px) {

	.left_column, div#flashContent {width: 102px; }
	.sliderfiximage {width:140px;}
}


@media screen and (max-width: 768px) {

	.left_column, div#flashContent {width: 102px; }

	.sliderfiximage {width:140px;}
	.impressum {font-size: 0.8em;}

}

@media screen and (max-width: 480px) and (orientation: landscape) {

	.left_column, div#flashContent {width: 102px; }

	.sliderfiximage {width:140px;}
	.impressum {font-size: 0.8em;}

}


@media only screen and (max-width: 320px) and (orientation: portrait) {

	.left_column, div#flashContent {width: 102px; }

	.sliderfiximage {width:140px;}
	.impressum {font-size: 0.8em;}

}



/* ----------- iPhone 4 and 4S ----------- */

/* Portrait and Landscape */
@media only screen
and (min-device-width: 320px)
and (max-device-width: 480px)
and (-webkit-min-device-pixel-ratio: 2) {

}

/* Portrait */
@media only screen
and (min-device-width: 320px)
and (max-device-width: 480px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: portrait) {
}

/* Landscape */
@media only screen
and (min-device-width: 320px)
and (max-device-width: 480px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: landscape) {

}

/* ----------- iPhone 5 and 5S ----------- */

/* Portrait and Landscape */
@media only screen
and (min-device-width: 320px)
and (max-device-width: 568px)
and (-webkit-min-device-pixel-ratio: 2) {

}

/* Portrait */
@media only screen
and (min-device-width: 320px)
and (max-device-width: 568px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: portrait) {
}

/* Landscape */
@media only screen
and (min-device-width: 320px)
and (max-device-width: 568px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: landscape) {

}

/* ----------- iPhone 6 ----------- */

/* Portrait and Landscape */
@media only screen
and (min-device-width: 375px)
and (max-device-width: 667px)
and (-webkit-min-device-pixel-ratio: 2) {

}

/* Portrait */
@media only screen
and (min-device-width: 375px)
and (max-device-width: 667px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: portrait) {

}

/* Landscape */
@media only screen
and (min-device-width: 375px)
and (max-device-width: 667px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: landscape) {

}

/* ----------- iPhone 6+ ----------- */

/* Portrait and Landscape */
@media only screen
and (min-device-width: 414px)
and (max-device-width: 736px)
and (-webkit-min-device-pixel-ratio: 3) {

}

/* Portrait */
@media only screen
and (min-device-width: 414px)
and (max-device-width: 736px)
and (-webkit-min-device-pixel-ratio: 3)
and (orientation: portrait) {

}

/* Landscape */
@media only screen
and (min-device-width: 414px)
and (max-device-width: 736px)
and (-webkit-min-device-pixel-ratio: 3)
and (orientation: landscape) {

}




@media only screen and (max-device-width: 540px) and (orientation: portrait) {

	.left_column, div#flashContent {width: 102px; }

	.sliderfiximage {width:140px;}
	.impressum {font-size: 0.8em;}

}

@media only screen and (max-device-width: 540px) and (orientation: landscape) {

	.left_column, div#flashContent {width: 102px; }

	.sliderfiximage {width:140px;}
	.impressum {font-size: 0.8em;}

	.contact-page {height: 450px;
		font-size: 0.8em;
	}

}