/* -- PC SCREEN -- */

@media (max-width : 1366px), (max-width : 1200px) {
	
#wrapper {
	margin: 0 auto;
	width: 100%;
	max-width: 1200px;
	position: relative;
}

#content {
	width: 100%;
	max-width: 1200px;
	float: left;
}
	
#header {
	min-width: 1366px;
    margin: 0 auto!important;
    text-align: center!important;
}
	
.footer {
		width: 960px;
		padding: 15px;
}

}

/* -- MOBILE DEVICES -- */
.show-menu,
.menu input[type=checkbox] {
	display: none;
}

.menu input[type=checkbox]:checked ~ .rpv-menu {
	display: block;
}

@media (max-width : 1024px),
(max-width : 959px) {
	
	#navigation {
		overflow-x: hidden!important;
		max-width: 100%!important;
		background: #251e26;
	}
    
    .container {
        background: transparent!important;
        border-bottom: 0px!important;
        padding: 0;
    }
	
	.navi {
        text-align: left!important;
        padding: 10px;
    }
	
	.navi ul {
		position: static;
		display: none;
	}

	.navi ul li,
    .navi li a {
		width: 100%;
	} 
	
	.navi li:after {
	content: ''!important;
	margin-left: 0;
}

	.show-menu {
		font-size: .85em;
		display: block;
		text-transform: none;
		color: #fff;
		text-align: left;
		padding: 5px 12px!important;
	}

	.navi {
		padding: 0;
		text-align: left;
	}

	.navi .container {
		padding: 0;
		width: 100%;
	}

	.menu {
		display: block;
	}

	.menu li {
		margin: 0;
		border-right: none!important;
	}
	
	.menu a {
		display: block;
		text-align: left!important;
		padding: 8px!important;
        color: #fff!important;
	}

	.menu a:hover {
        color: #fff!important;
        background: #708c99;
}
    
    .menu span,
    #desktop-navigation,
    hr.mobile {
        display: none!important;
} 
}

@media only screen and (max-width: 1024px), only screen and (max-device-width: 966px) {
	
body {
	font-size: 100%!important;
}

body,
#wrapper,
#content,
.maintable,
#footer,
.head {
	overflow-x: hidden!important;
}

#wrapper {
	width: 100%!important; 
	margin: 0 auto!important;
}

#content {
	width: 96.33%!important; 
	margin: 0 auto!important;
    float: none!important;
}
    
img.head {
	width: 100%!important;
	height: auto;
	margin: 0!important;
	padding: 0!important;
	display: block!important;
}  

.maintable  {
	width: 100%;
}

.navmenu {
	font-size: 100%;
}

#gallery,
#sidebar {
	display: block;
	clear: both;
	float: none!important;
	width: 90%;
	max-width: 100%;
	margin: 0 auto;
}

#gallery .menutop {
	max-width: 60vw!important;
}

.category_icon a img,
.category_icon a img:hover {
	width: 10vw!important;
}

.thumbnails {
	margin:0!important; 
	padding:1vw 0!important; 
	width: 0.1vw!important;
}

.thumbnails .image, 
.thumbnails .thumbnail {
	height: auto; 
	display:inline; 
	max-width:10vw;
}

#header { 
	display: none;
}

embed,
iframe,
object,
video {
	max-width: 100%;
}

.footer {
	width: 98%!important;
	padding: 20px 0;
}
	
.sidebar-projects img {
    height: 45vh!important;
}

.family-image img,
.partner-image img,
.side-socials a img,
.side-socials a img:hover {
	width: 15.2vw!important;
}

.navmenu {
	padding:2px!important; 
}

.navmenu img {
	margin: 0px!important;
}

}