/* Add viewport to head */

#responsive { top: 1px; }

/* @group Global Width breakpoint 1201px */

/* fixed width -> responsive fluid width */

@media only screen and (max-width: 1201px) {
body { /* reset font size landscape-portraid */
 -webkit-appearance: none; /* WebKit */
-moz-appearance: none; /* Mozilla */
-o-appearance: none; /* Opera */
-ms-appearance: none; /* Internet Explorer */
appearance: none; /* CSS3 */  
 
 -webkit-text-size-adjust: none; /* WebKit */
-moz-text-size-adjust: none; /* Mozilla */
-o-text-size-adjust: none; /* Opera */
-ms-text-size-adjust: none; /* Internet Explorer */
text-size-adjust: none; /* CSS3 */  
}
#container,
#pageHeader {	
	max-width: 100%; /* fixed width - - - > fluid width */	
}
}
/* @end */

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

/* @group Photo Album */

.thumbnail-wrap {
	padding-bottom: 3%;
	margin-right: 7%;
}
.thumbnail-caption { 
  /* margin-top: -3px; */
}
.album-wrapper {
	width: 97%;
	padding-left: 3%;
}
/* @end */

}

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

/* @group Photo Album */

.thumbnail-wrap {
	margin-right: 6.9%;
}
.thumbnail-caption { 
  /* margin-top: -3px; */
}
.album-wrapper {
	width: 90%;
	padding-left: 10%;
}
/* @end */

/* @group Movie album */

.movie-thumbnail-frame {
	width: 39.6%;
	margin: 2.68%;
}

/* @end */

}

@media only screen and (min-width: 720px) {
/* Hide the toolbar on responsive simulation*/
#navcontainer3 {
    display: none !important;
}
}

/* @group ----Main breakpoint (portrait and landscape) 719px  */

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

/* @group CSS3 corners OFF */
#image_page, #pageHeader,
.sidebarContainer_top_back,
.sidebarContainer_bottom_back,
#navcontainer_x_back,
#extraContainer1_back,
#extraContainer2_back {		
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;		
}

/* @end */

/* @group font size */

#sidebarContainer {
	font-size: 1em;
}

#sidebarContainer .sideHeader {
	font-size: 1.55em;
}

#breadcrumbcontainer a,
#breadcrumbcontainer {
	text-align: center;
	font-size: 1.6em;
}

.breadcrumbcontainer2 a,
.breadcrumbcontainer2 {
	text-align: center;
	font-size: 1.0em;
}

.photo-title {
	letter-spacing: 1px;
	font-size: 1.5em;
}

#pageHeader h1 { /* 2.6 */

	font-size: 1.8em;
	line-height: 1em;
}


#pageHeader h2 {
	letter-spacing: 1px;
	line-height: 1.7em;
	font-size: 0.9em;
}

/* size in pixel below */
.exif-data p {
	font-size: 14px;
	line-height: 25px;
}
.photo-links {
	font-size: 18px;
}

#footer, #image_bottom, #image_bottom a {
	font-size: 1.05em;
	line-height: 1.5em;
}

#viewingButton #text {
	font-size: 0.8em;
}

/* eraze  "~" in responsive mode */
#image_bottom p:before {content: "";
}
#image_bottom p:after {content: "";
}
/* eraze  "~" in responsive mode */


/* @end */

/* @group XX OFF CORNERS */
#pageHeader,
#container,
#contentContainer,
#contentContainer #content,
#sidebarContainer,
#sidebarContainer #sidebar,
#sidebarContainer .sideHeader,
#navcontainer2,
.filesharing-item,
.album-title,
.movie-page-title,
#footer     {
	border-radius:0px;
  -webkit-border-radius:0px;
  -moz-border-radius:0px;
}
/* @end */

/* @group header content body image managment */

#sidebarContainer {
	background-image: none;
}
#shadowtop { 
	max-width: 100%;
	background-size: 100% 70px;
}
#shadowpage { 
	max-width: 99%;
	background-size: 100% 22px;
}

/* @end */

/* @group Navcontainers + viewing button + breadcrumcontainer ON/OFF */
#navcontainer, #navcontainer2 { display: none; }

#navcontainer_x_back, #navcontainer_x { display: none; }
#breadcrumbcontainer { display: none;}

.breadcrumbcontainer2 {
	display: block;
}

#navcontainer3menu { display: block;}

#navcontainer3 { 
    display: none;
}

#navcontainer3 ul {
/*    opacity: 0;*/
}

#contentContainer {
    margin-top: 20px;
}

/* @end */

/* @group sidebar content alignment */

#viewingButton #text {
	padding: 0 10px;
}

#pageHeader img {
	padding-right: 12px;
	padding-left: 12px;
}

#top_toolbar, navcontainer_x_back {
	background-image: none;
	background-color: transparent;
}

#shadowpage_x {
	display: none;
}

body {
	margin: 0;
	padding: 0;
}

#shadowpage {
	display: none;
	height: 93px;
	background-position: 0 bottom;
}

#shadowpage {}

#container {
	padding-right: 0;
	padding-left: 0;
}

#contentContainer {
	width: 100%;
	background-image: none;
	position: relative;
	z-index: 1;
	padding-right: 0;
	padding-left: 0;
	margin: 0 0 45px;
}
#contentContainer #content {
	width: 95%;
	padding-right: 2%;
	padding-left: 3%;
	margin-right: 0;
	margin-left: 0;
}
#sidebarContainer {
	clear: left !important;
	float: none !important;
	width: 100%;	
	max-width: 100%;
}
#sidebarContainer #sidebar  {
	width: 95%;
	padding-right: 2%;
	padding-left: 3%;
}
#extraContainer1,
#extraContainer2,
#extraContainer3 {
	padding-right: 3%;
	padding-left: 4%;	
}

#breadcrumbcontainer, #footer p {
	padding: 7px;
}

#breadcrumbcontainer {
	margin-top: 7px;
	text-align: center;
	margin-bottom: 0;
}

#breadcrumbcontainer li {
	float: none;
}
#footer {
	text-align: center;
	padding-left: 0;
	padding-right: 0;
}

/* controls where the navigation should appear */
#navigation_position { top: 1px !important; }

/* @end */

/* @group Blog */

#blog-archives {	
	float: right;
	width: 31%;
	padding: 3%;
}
#blog-categories {
	padding: 3%;
	width: 55%;
	float: left;
}
ul.blog-tag-cloud {
	padding: 3%;
	display: inline-block;
}
#blog-rss-feeds { /* center alignment */
	text-align: center;
}
/* @end */

/* @group Sitemap (same as animation.css) */
.rw-sitemap ul a {
}
.rw-sitemap ul li li a {	
}
.rw-sitemap {
	width: 96.8%;
	margin-left: 3.2%;
	padding-left: 0;
}

/* Z-index FIX */

.rw-sitemap ul li {	
position: relative;
	z-index: 2;	
}

.rw-sitemap ul ul li {	
position: relative;
	z-index: 3;	
}

.rw-sitemap ul ul ul li {	
position: relative;
	z-index: 4;	
}

.rw-sitemap ul ul ul ul li {	
position: relative;
	z-index: 5;	
}

.rw-sitemap ul ul ul ul ul li {	
position: relative;
	z-index: 6;	
}

.rw-sitemap ul ul ul ul ul li {	
position: relative;
	z-index: 7;	
}
/* Z-index FIX */
/* @end */
/* @group Contact Form */
.form-input-field, .form-input-field:focus {width: 80%;
	margin-right: auto;
	margin-left: auto;
}
form {
	margin: 0 auto;
	padding: 0;
	width: 100%;
}
.message-text {
	margin-left: 2%;
	margin-right: 2%;
}
.form-input-button {
	opacity: 1.0;
	position: relative;
	z-index: 1;
}
/* @end */

/* @group Photo Album */

.thumbnail-wrap {
	margin-right: 19.2%;
	/* padding-bottom: 6%; */
}
.thumbnail-caption { 
  /* margin-top: -3px; */
}
.album-wrapper {
	width: 85%;
	padding-left: 15%;
}
.photo-frame{	
    height: auto;
    max-width: 100%; 
    -webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;	
		box-shadow: 0px 0px 5px 0px #232323 ;
  -webkit-box-shadow: 0px 0px 5px 0px #232323 ;
  -moz-box-shadow: 0px 0px 5px 0px #232323 ;  	
}
.exif-data {
    -webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
/* @end */

/* @group Movie album */

.movie-thumbnail-frame {
	margin: 3.8%;
	width: 39.8%;
}
/* @end */
/* check below */

#pageHeader h1 {
	/* elastic effect in responsive mode */
	transition: all 0.2s linear;
	-webkit-transition: All 0.2s linear;	
	-moz-transition: All 0.2s linear;	
	-o-transition: All 0.2s linear;
	transition-delay: 80ms;
    -webkit-transition-delay: 80ms;
	-o-transition-delay: 80ms;
	-moz-transition-delay: 80ms;	
	padding-bottom: 0;
	text-indent: 0;
}
#pageHeader h2 {
	/* elastic effect in responsive mode */
	transition: all 0.2s linear;
	-webkit-transition: All 0.2s linear;	
	-moz-transition: All 0.2s linear;	
	-o-transition: All 0.2s linear;
	text-indent: 0;
}
#pageHeader img {	
/* scale logo in responsive mode */
	max-width:35%;
	height: auto;
}

/* @group left-right borders OFF */

/* border style */

#pageHeader,
#navcontainer_x_back,
#image_page,
.sidebarContainer_bottom_back ,
.sidebarContainer_top_back,
.sidebarContainer_top_back,
.sidebarContainer_bottom_back,
#extraContainer1_back,
#extraContainer2_back
 {
	border-right-style: none;
	border-right-width: 0;
	border-left-style: none;
	border-left-width: 0;
}



/* @end */

#breadcrumbcontainer {
	margin-top: 7px;
	margin-bottom: 2px;
	text-align: center;
}
#footer {
	text-align: center;
	padding-bottom: 5px;
	padding-top: 2px;
}
}
/* @end */

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

#pageHeader img {
	margin-top: 12px;
}

/* @group Movie album */

.movie-thumbnail-frame {
	width: 40%;
	margin: 3.2%;
}
/* @end */
}

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

/* @group FileSharing */

.filesharing-item {
	display: inline;
	width: 96.5%;
	margin-bottom: 20px;
}



/* @end */

/* @group Movie album */

.movie-thumbnail-frame {
	margin: 3.4%;
	width: 40.3%;
}
/* @end */
}

@media only screen and (max-width: 570px) {
/* @group Movie album */
.movie-thumbnail-frame {
	width: 37.7%;
	margin: 4.37%;
}
/* @end */

/* @group Photo Album */

.thumbnail-wrap {
	margin-right: 16%;
}
.album-wrapper {
	padding-left: 13%;
	width: 87%;
}
/* @end */

}

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

/* @group Photo Album */

/* icon over thumbnail OFF */
.thumbnail-frame a:before, .thumbnail-frame a:hover:before { display: none; }

.thumbnail-wrap {
	margin-right: 16%;
}
.album-wrapper {
	padding-left: 10%;
	width: 90%;
}
/* @end */

/* @group Movie album */
.movie-thumbnail-frame {
	margin: 4.15%;
	width: 38.1%;
}

/* @group Contact form */

/* bigger + Centered text */
.form-input-field {
	padding: 12px;
}
form {text-align: center;}
/* @end */
/* @end */

}

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

/* @group font size Contact form text */

form {
	font-size: 1.3em;
}
.form-input-field, .form-input-button {
	font-size: 1.15em;
}

/* @end */

/* controls where the navigation should appear */

#navigation_position { top: 1px !important; }
#breadcrumbcontainer2 { display: none; }

/* @group Photo Album */

.thumbnail-wrap {
	margin-right: 13%;
}
.album-wrapper {
	width: 89.9%;
	padding-left: 10.1%;
}
/* @end */

/* @group Movie album */

.movie-thumbnail-frame {
	width: 37.7%;
	margin: 4.2%;
}

/* @end */

}

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

/* @group Photo Album */

.thumbnail-wrap {
	margin-right: 5%;
}
.album-wrapper {
	width: 74%;
	padding-left: 26%;
}
/* @end */

/* @group Movie album */

.movie-thumbnail-frame {
	margin: 8.5%;
	width: 77.5%;
}

/* @end */

}

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

/* @group Titles + logo centered */

#pageHeader h1 {
	text-align: center;
	text-indent: 0;
}
#pageHeader h2 {
	text-align: center;
	text-indent: 0;
}
/* @end */

/* responsive toolbar title */

#navcontainer3menu:after {
	padding-left: 2%;
}

/* @group Photo Album */

.thumbnail-wrap {
	padding-bottom: 10%; /* iphone vertical - vertical padding */
}

.album-wrapper {
	width: 77%;
	padding-left: 23%;
}
/* @end */

/* @group Movie album */

.movie-thumbnail-frame {
	margin-bottom: 6%;
	margin-left: 11.5%;
	width: 73.2%;
}
/* @end */
}@media only screen and (max-width: 295px) {

/* @group Photo Album */
.album-wrapper {
	width: 79%;
	padding-left: 21%;
}
.thumbnail-wrap {
	padding-bottom: 11%;
}
/* @end */
}

@media only screen and (max-width: 240px) {
#pageHeader img {/* max-width:43%;  */}

/* @group Blog sidebar plugins */
.blog-category-link-enabled, .blog-category-link-disabled {
	padding-left: 23px;
	background-position: 3px;
	font-size: 11px;
	line-height: 15px;	
}
.blog-archive-link-enabled {
	padding-left: 0;
	background-image: none;
}
/* @end */

/* @group PhotoAlbum */
.album-wrapper {
	padding-left: 12%;
	width: 88%;
}

.thumbnail-wrap {
	padding-bottom: 8%;
}

.thumbnail-frame img, .thumbnail-caption  {
width: 100%;
height: auto;
}

/* @end */

/* @group Movie album */

.movie-thumbnail-frame {
	margin: 4%;
	width: 86%;
}


/* @end */
}

/* -------------------------- */

/* @group iPad (portrait and landscape) */

/* -- iPads (landscape)*/

@media only screen 
and (min-width: 768px) 
and (max-width: 1024px) 
and (orientation : landscape) {
}

/* -- iPads (portrait)*/
@media only screen 
and (min-width: 768px) 
and (max-width: 1024px) 
and (orientation : portrait) {
}

/* @end */

/* @group iPhone (portrait and landscape) */

@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) {
/* iPhone 4 */
body {width: 100%; height: auto; }
}

@media only screen and (min-device-width: 640px) and (max-device-width: 1136px) and (-webkit-min-device-pixel-ratio: 2) {
/* iPhone 5 */
body {width: 100%; height: auto; }
}

/* @end */

/* @group max-device-width */

/* @group PhotoAlbum 295x515 portrait*/

@media /* Android  295 x 515 portrait */
only screen and (min-device-width: 295px) and (max-device-width: 515px) and (orientation : portrait){
/* @group PhotoAlbum */
.thumbnail-frame img, .thumbnail-caption  {
width: 100%;
height: auto;
}

/* @end */
}

/* @end */



/* @end */

/* -------------------------- */