/* =Responsive Design
-------------------------------------------------------------- */
@media screen and (max-width: 800px) {

body, 
#container,
#top-menu-container,
#header,
#header-content,
#content-full,
.conwidth,
#footer,
#footer-sidebar,
#creditline,
#slide-container,
img.site-logo, h1.site-title
 {
	max-width: 100%;
	min-width: 0;
}

body {
	padding: 0 5px;
}

#slide-container,
.conwidth,
#top-menu-container {
	display: none;
}

.featured-boxs {
	background: #FFFFFF;
}

.featured-content1,
.featured-content2 {
	width: 100%;
}

.featured-box,
#right-sidebar {
	float: none;
	margin: 0 auto;
	max-width: 100%;
}

#design-main-menu ,
#content {
	float: none;
	width: 100%;
}
    
#footer-sidebar #footer-widgets,
#footer-sidebar #first-footer-widget {
	width: 100%;
	margin: 0 5px;
}

#client img {
    margin: 5px;
    max-height: 50px;
    vertical-align: middle;
    width: 50px;
}

.postmetadata,
.postmetadata:hover {
	max-width: 70%;	
}

}