@media only screen and (min-width: 1200px) and (max-width: 1920px) {
 
}

@media only screen and (min-width: 1200px) and (max-width: 1920px) {
 
}
@media only screen and (min-width: 992px) and (max-width: 1199px) { 


.fix_center{
	width:1024px;
	margin:0 auto;
	 
}
	
section#header_area {
	height: 100%;
}
.mymenu li a {
	color: #fff;
	font-family:lato;
	font-weight: 500;
	font-size: 12px;
	 
}

 .logo_area {
    float: left;
    width: 20%;
    margin-top: 14px;
}
 
.menu_area {
    float: right;
    width: 80%;
}
.menu_area ul li a {
    text-decoration: none;
    color: #282828;
    font-size: 14px;
    font-family: lato;
    line-height: 133px;
    text-transform: uppercase;
    padding-right: 25px;
    font-weight: 700;
}
.image_left {
    width: 49%;
    float: left;
    position: relative;
    height: 100%;
    transition: .5s;
}
.details_right {
    width: 47%;
    float: right;
    background: #62340e;
    padding: 18px 20px;
    height: 100%;
}    
 
.details_right p {
    line-height: 20px;
    font-size: 14px;
    color: #fff;
}
.full_width_another {
    overflow: hidden;
    margin-top: -3px;
    position: relative;
}



.another_details_right {
    width: 45%;
    float: left;
    background: #f7f7f7;
       padding: 26px 20px;
    height: 100%;
    text-align: right;
}
.another_details_right p {
   line-height: 20px;
    font-size: 14px;
    color: #282828;
}
.another_image_left {
    width: 51%;
    float: right;
}


.cetnera_left {
    padding: 25px;
}
.cetnera_right {
    padding: 25px;
}





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

.fix_center{
	width:100%;
	margin:0 auto;
	 
}
 .stricky-fixed {
	position: unset !important;
}
.slicknav_menu {
	display: block;
	position: absolute;
	right: 15px;
	top: 20px;
	z-index: 9999;
	background:none;
}
.slicknav_nav {
	color: #fff;
	margin: 0;
	padding: 0;
	font-size: 0.875em;
	list-style: none;
	overflow: hidden;
	width: 200px;
	background:#000;
}
 
. 
 
.slicknav_menu {
		display:block;
} 
.menu_area {
    display: none;
} 
.img_area {
    width: 100%;
    float: left;
} 
 
.schrijnwerkerij_area_details {
    width: 100%;
    float: unset;
    padding-top: 20px;
    overflow: hidden;
    padding-left: 20px;
} 
 
.BINNENSCHRIJNWERKERIJ_Img {
    width: 33%;
    float: left;
} 
.image_left {
	width: 100%;
	float: unset;
	position: relative;
	height:460px;
	transition: .5s;
} 
.details_right {
    width: 100% !important;
    float: unset;
    background: #62340e;
    height: 460px;
    
} 
 
 
 
 .another_image_left {
    width: 100%;
    float: right;
}
 .single_column {
    float: left;
    width: 47%;
    padding-left: 23px;
}
 
 
 
.another_details_right {
    width: 100%;
    float: left;
    background: #f7f7f7; 
    height: 460px;
    text-align: right;
} 
 
 
.full_width {
    padding: 50px 0 0 0;
    margin: 0;
    overflow: hidden;
    width: 100%;
    height: 920px;
    transition: .5s;
}
 
 
 .bg {
    width: 100%;
    height: 360px;
    background: rgba(98, 52, 14, 0.7);
    position: absolute;
    left: -100%;
    top: 0;
    text-align: center;
    font-size: 22px;
    color: #fff;
    padding-top: 100px;
    transition: .5s;
}
 
 
 
 
 
 
 
 	 
}
@media screen and (min-width: 600px) and (max-width: 800px) {
  
}
@media only screen and (max-width: 767px) {

.fix_center{
	width:767px;
	margin:0 auto;
	 
}   
	 
.stricky-fixed {
	position: unset !important;
}
.slicknav_menu {
	display: block;
	position: absolute;
	right: 15px;
	top: 25px;
	z-index: 9999;
	background:none;
}
.slicknav_nav {
	color: #fff;
	margin: 0;
	padding: 0;
	font-size: 0.875em;
	list-style: none;
	overflow: hidden;
	width: 200px;
	background:#000;
}
 
.slicknav_menu {
		display:block;
} 
 .menu_area {
    display: none;
} 
 
 
.img_area {
    width: 100%;
    float: left;
	height: 460px;
} 
.img_area img {
    width: 100%;
    height: 360px;
}
 
.schrijnwerkerij_area_details {
    width: 100%;
    float: unset;
    padding-top: 20px;
    overflow: hidden;
    padding-left: 20px;
} 
 
.BINNENSCHRIJNWERKERIJ_Img {
    width: 33%;
    float: left;
} 
.image_left {
    width: 100%;
    float: unset;
    position: relative;
    height: 360px;
    transition: .5s;
} 
 
.details_right {
    width: 100%;
    float: unset;
    background: #62340e;
    padding: 50px 0;
    height: 100%;
} 
 
 .another_details_right {
    width: 100%;
    float: unset;
    background: #f7f7f7;
    padding: 56px 0;
    height: 100%;
    text-align: right;
}
 
 .another_image_left {
    width: 100%;
    float: right;
}
 .single_column {
    float: left;
    width: 47%;
    padding-left: 23px;
}
 
  
.full_width {
    padding: 50px 0 0 0;
    margin: 0;
    overflow: hidden;
    width: 100%;
    height: 920px;
    transition: .5s;
}
  
 
 .bg {
    width: 100%;
    height: 360px;
    background: rgba(98, 52, 14, 0.7);
    position: absolute;
    left: -100%;
    top: 0;
    text-align: center;
    font-size: 22px;
    color: #fff;
    padding-top: 100px;
    transition: .5s;
}
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
}

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

@media only screen and (min-width: 320px) and (max-width:480px) {
	
img.realisaties{
	width: 90%;
}

.fix_center{
	width:320px;
	margin:0 auto;
	 
}
.stricky-fixed {
	position: unset !important;
}
.slicknav_menu {
    display: block;
    position: absolute;
    right: 0;
    top: 12px;
    z-index: 9999;
    background: none;
}
.slicknav_nav {
	color: #fff;
	margin: 0;
	padding: 0;
	font-size: 0.875em;
	list-style: none;
	overflow: hidden;
	width: 200px;
	background:#000;
}
 
.slicknav_menu {
		display:block;
} 
.menu_area {
    display: none;
} 



.img_area {
    width: 100%;
    float: left;
} 
.hero_benner img {
    width: 100%;
    height: 250px;
} 
.schrijnwerkerij_area_details {
    width: 100%;
    float: unset;
    padding-top: 20px;
    overflow: hidden;
    padding-left: 0;
} 
.schrijnwerkerij_area_details h2 {
	font-family: lato;
	font-size: 18px;
	color: #62340e;
	text-transform: uppercase;
	font-weight: 700;
} 
.BINNENSCHRIJNWERKERIJ_Img {
    width: 100%;
    float: left;
    margin-bottom: 20px;
}
.image_left {
    width: 100%;
    float: unset;
    position: relative;
    height: 360px;
    transition: .5s;
}
/*
.reads {
    margin-left: 105px !important;
} 
*/ 
.single_imge_hover .one {
    width: 100%;
} 
.single_imge_hover .two {
    width: 100%;
} 
.single_imge_hover .three {
    width: 100%;
} 
.single_imge_hover .four {
    width: 100%;
} 
.single_imge_hover .five {
    width: 100%;
} 
 .single_imge_hover .six {
    width: 100%;
} 
 
 
 
 
 
 
 
 
 
 
.details_right {
    width: 100%;
    float: unset;
    background: #62340e;
    padding: 50px 0;
    height: 100%;
} 
 .bg { 
    height: 62%;
	text-align: center;
    font-size: 14px;
    color: #fff;
  
}
.bgs {
    text-align: center;
    font-size: 14px;
    color: #fff;
}

.single_column {
    float: left;
    width: 100%;
    padding-left: 23px;
    padding-bottom: 20px;
}
 
 .another_details_right {
    width: 100%;
    float: unset;
    background: #f7f7f7;
    padding: 56px 0;
    height: 100%;
    text-align: right;
}
.another_image_left {
    width: 100%;
    float: right;
    height: 360px;
}
 
.single_column {
    float: left;
    width: 100%;
    padding-left: 23px;
}
.logo_area img {
    width: 100%;
    padding: 10px;
} 
 
.copy_right p {
    color: #fff;
    font-size: 12px;
    padding-top: 10px;
    text-align: center;
}


.cetnera_left {
    padding: 10px; 
}

.cetnera_right {
    padding: 10px;
}

.full_width {
    padding: 50px 0 0 0;
    margin: 0;
    overflow: hidden;
    width: 100%;
    height: 920px;
    transition: .5s;
}
 


 .bg {
    width: 100%;
    height: 260px;
    background: rgba(98, 52, 14, 0.7);
    position: absolute;
    left: -100%;
    top: 0;
    text-align: center;
    font-size: 22px;
    color: #fff;
    padding-top: 100px;
    transition: .5s;
}

.bg {
    text-align: center;
    font-size: 14px;
    color: #fff;
}
.details_right p {
    line-height: 20px;
    font-size: 16px;
    color: #fff;
}

.img_area {
    width: 100%;
    float: left;
    height: 272px;
}
.schrijnwerkerij_area_details {
    width: 100%;
    float: unset; 
    overflow: hidden;
    padding-left: 5px;
}
.img_area img {
    width: 100%;
    height: 250px;
}

  
}