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



.container{
width:760px;
}


#topmenu {
	height:auto !important;
}


.box_wide{
	width:90% !important;
	margin:auto !important;
} 



.box_left{
	float:none !important;
	margin:auto !important;
}
.box_right{
	float:none !important;
	margin-left:auto !important;
	margin-right:auto !important;
	margin-top:20px !important;
}
.big_spacer{
	margin-top:40px !important;
}
.normal_spacer{
	margin-top:40px !important;
}

.contact1{
	height:auto; 
	overflow:visible;
}
.contact2{
	height:auto; 
	overflow:visible;
	margin-top:20px !important;
}




/****** gallery *******/
#thumbnails{
margin:0px 0px 0px 0px;
width:230px;
}
.thumbnail img{
max-width:100px;
}
#medium_image_container{
	max-width:500px !important;
	max-height:420px !important;
}
#medium_image_bgnd{
	max-width:500px !important;
	max-height:420px !important;
}
#medium_image{
	max-width:500px !important;
	max-height:420px !important;
}


#XX_social_networks_rhs{
	position:fixed;
	bottom:0px;
	left:0px;
	z-index:200;
	background-color:#333333;
	padding:5px 5px 0px 0px;
}


}






/* iphone landscape  */
@media screen and (max-width: 568px) {
#main_container{
min-height:200px;
}

.container{
width:560px;
}

#bgnd{
display:none;
	}


#topmenu a{
	margin:0px 7px 0px 7px;
}







/****** gallery *******/
#thumbnails{
margin:0px 0px 0px 0px;
width:100px;
}
.thumbnail img{
max-width:80px;
}
#medium_image_container{
	max-width:350px !important;
	max-height:300px !important;
}
#medium_image_bgnd{
	max-width:350px !important;
	max-height:300px !important;
}
#medium_image{
	max-width:350px !important;
	max-height:300px !important;
}
#medium_image_title{
	max-width:350px !important;
}
#medium_image_text{
	max-width:350px !important;
}
#gallery_buttons{display:none;}

}


/* general smart phone landscape  */
@media screen and (max-width: 480px) {
.container{
width:475px;
}

}



/* phone portrait */
@media screen and (max-width: 320px) {
.container{
width:315px;
}

.container_box{
	width:305px;
	padding:25px 5px 40px 5px;
}



/****** gallery *******/
#gallery{padding-left:2px; padding-right:2px;}
#thumbnails{
margin:0px 0px 0px 0px;
width:315px;
}
.thumbnail img{
max-width:50px;
}
#medium_image_container{
	max-width:310px !important;
	max-height:260px !important;
}
#medium_image_bgnd{
	max-width:310px !important;
	max-height:260px !important;
}
#medium_image{
	max-width:310px !important;
	max-height:260px !important;
}
#medium_image_title{
	max-width:310px !important;
}
#medium_image_text{
	max-width:310px !important;
}

}