/* Responsive effect */ 
/** {
	-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out; 
	-webkit-font-smoothing: antialiased;
}*/
html {
	height:									100%;
	/*-webkit-backface-visibility: 			hidden;
	-webkit-perspective: 					1000;*/
	text-size-adjust: 						none;
	-moz-text-size-adjust: 					none;
	-ms-text-size-adjust: 					none;
	-o-text-size-adjust: 					none;
	-webkit-text-size-adjust: 				none;
}

/* #Media Queries
================================================== */
  
/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	body {min-width:768px;}
	iframe, object, embed { 
		width: 								100% !important; 
		height: 							auto; 
	}
	form {
		width: 								auto !important;
	}
	div#layout {
		width:								100%;
		min-width:							768px;
	}
	div#layout #wrapper {
		width:								724px;
	}
	div#layout #wrapper .container {
		width:								728px;
	}
	div#layout #wrapper .container header {
		width:								728px;
	}
	div#layout #wrapper .container header div.panel_logo { width:728px;}
	div#layout #wrapper .container header div.panel_logo a {margin:	0 0 0 -102px;}
	div#layout #wrapper .container header nav.panel_navigation {width:728px;}
	div#layout #wrapper .container header nav.panel_navigation ul {width:685px;}
	div#layout #wrapper .container div.panel_slider {
		width:								724px;
		height:								277px !important;
		background-size: 					728px auto;
	}
	div#layout #wrapper .container #main div.content {
		width:								724px;
		min-height:							1%;
		height:								auto;
	}
	div#layout section.panel_content {
		width:								724px;
		min-height:							1% !important;
		height:								auto;
	}
	div#layout section.panel_content div.panel_element .resizable_element {
		width:								100% !important;
		height:								auto !important;
	}
	div#layout section.panel_content.col_0 {
		float:								none;
		width: 								722px;
	}
	div#layout section.panel_content.col_1 {
		float:								none;
		width: 								722px;
	}
	div#layout section.panel_content.col_2 {
		float:								none;
		width: 								722px;
	}
	div#layout footer {
		width:								100%;
	}
	div#layout footer nav.panel_footer {
		width: 								728px;
	}
	/* Widget Normale Galerie */
	div.gallery_slider.type_simple div.gallery_container li {
		width:								auto !important;
		height:								auto;
	}
	div.gallery_slider.type_simple div.gallery_container li img {
		width:								100% !important;
	}
}
 
 
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	body {
		min-width:							480px;
	}
	iframe, object, embed { 
		width: 								100% !important; 
		height: 							auto; 
	}
	form {
		width: 								auto !important;
	}
	div#layout {
		width:								100%;
		min-width:							480px;
	}
	div#layout #wrapper {
		width:								436px;
	}
	div#layout #wrapper .container {
		width:								440px;
	}
	div#layout #wrapper .container header {
		width:								440px;
	}
	div#layout #wrapper .container header div.panel_logo {
		width:								440px;
	}
	div#layout #wrapper .container header div.panel_logo a {
		margin:								0 0 0 -234px;
	}
	div#layout #wrapper .container header nav.panel_navigation {
		width:								440px;
		height:								auto;
	}
	div#layout #wrapper .container header nav.panel_navigation ul {
		width:								397px;
		height:								auto;
	}
	div#layout #wrapper .container header nav.panel_navigation ul li {
		float:								none;
		padding:							0;
	}
	div#layout #wrapper .container header nav.panel_navigation ul li:first-child a {
		padding:							0;
	}
	div#layout nav.panel_navigation ul li a, div#layout nav.panel_navigation ul li.active a {
		width:								420px;
		display:							block;
	}
	div#layout #wrapper .container div.panel_slider {
		width:								436px;
		height:								161px !important;
		background-size: 					440px auto;
	}
	div#layout #wrapper .container #main div.content {
		width:								436px;
		min-height:							1% !important;
		height:								auto;
	}
	div#layout section.panel_content {
		width:								436px;
		min-height:							1% !important;
		height:								auto;
	}
	div#layout section.panel_content div.panel_element .resizable_element {
		width:								100% !important;
		height:								auto !important;
	}
	div#layout section.panel_content.col_0 {
		float:								none;
		padding:							0;
		width: 								436px;
	}
	div#layout section.panel_content.col_1 {
		float:								none;
		padding:0;
		width: 								436px;
	}
	div#layout section.panel_content.col_2 {
		float:								none;
		padding:0;
		width: 								436px;
	}
	div#layout footer {
		height:								auto;
	}
	div#layout footer nav.panel_footer {
		width: 								440px;
	}
	div#layout footer nav.panel_footer ul {
		width: 								440px;
		padding: 							10px 0 10px 0;
		float:								none;
	}
	div#layout footer nav.panel_footer ul li {
		float:								none;
		padding:							5px 0 5px 0;
	}
	div#layout footer nav.panel_footer ul li a {
		display:							block;
		float:								none;
	}
	/* Social Button */
	div#layout section.panel_content div.interface {
		display:							none;
	}
}
 
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
	body {
		min-width:							320px;
	}
	iframe, object, embed { 
		width: 								100% !important; 
		height: 							auto; 
		overflow:hidden;
	}
	img {
		width: 								100%;
		height:								auto;
	}
	form {
		width: 								255px;
		margin:								0;
		padding:							0;
	}
	div#layout {
		width:								100%;
		min-width:							320px;
	}
	div#layout #wrapper {
		width:								100%;
	}
	div#layout #wrapper .container {
		width:								279px;
		padding:							0 27px;
	}
	div#layout #wrapper .container header {
		width:								280px;
	}
	div#layout #wrapper .container header div.panel_logo {
		width:								280px;
	}
	div#layout #wrapper .container header div.panel_logo a {
		margin:								0 0 0 -320px;
	}
	div#layout #wrapper .container header nav.panel_navigation {
		width:								280px;
		height:								auto;
	}
	div#layout #wrapper .container header nav.panel_navigation ul {
		width:								236px;
		height:								auto;
	}
	div#layout #wrapper .container header nav.panel_navigation ul li {
		float:								none;
		padding:							0;
	}
	div#layout #wrapper .container header nav.panel_navigation ul li a, div#layout #wrapper .container header nav.panel_navigation ul li.active a {
		width:								260px;
		display:							block;
	}
	div#layout #wrapper .container div.panel_slider {
		width: 								276px;
		height: 							101px !important;
		background-size: 					280px auto;
	}
	div#layout #wrapper .container #main div.content {
		width:								276px;
		min-height:							1% !important;
		height:								auto;
	}
	div#layout section.panel_content {
		width:								276px;
		min-height:							1% !important;
		height:								auto;
	}
	div#layout section.panel_content div.panel_element .resizable_element {
		width:								100% !important;
		height:								auto !important;
	}
	div#layout section.panel_content div.panel_element div.contents div.interface iframe {
		width:								100% !important;
	}
	div#layout section.panel_content.col_0 {
		float:								none;
		padding:							0;
		width: 								276px;
	}
	div#layout section.panel_content.col_1 {
		float:								none;
		padding:0;
		width: 								276px;
	}
	div#layout section.panel_content.col_2 {
		float:								none;
		padding:0;
		width: 								276px;
	}
	div#layout footer {
		height:								auto;
	}
	div#layout footer nav.panel_footer {
		width: 								280px;
	}
	div#layout footer nav.panel_footer ul {
		width: 								280px;
		padding: 							10px 0 10px 0;
		float:								none;
	}
	div#layout footer nav.panel_footer ul li {
		float:								none;
		padding:							5px 0 5px 0;
	}
	div#layout footer nav.panel_footer ul li a {
		display:							block;
		float:								none;
	}
	/* Widget Normale Galerie */
	div.gallery_slider.type_simple div.gallery_container li {
		width:								auto !important;
		height:								auto;
	}
	div.gallery_slider.type_simple div.gallery_container li img {
		width:								100% !important;
	}
	/* Social Button */
	div#layout section.panel_content div.interface {
		display:							none;
	}
}