﻿



@media only screen and (min-width : 768px) and (max-width: 992px){
	
	#main-frame{
	width: 760px;
	}
	#menue{
		width: 602px;
	}
	#header{
		width: 760px;
	}

	.comment_form{
		display: none;
	}
	.inline-form{
		width: 100%
	}
		
	#lastname {
	    width: 125px;
	}
	
	#nlmail {
	    width: 280px;
	}	
	.box1{
		width: 25%
	}
	.box2{
		width: 30%
	}	
	.title_services h2{
		font-size: 16px;
	}
	
	#footer-site{
		width: 760px;
	}
	
	/*ADD CLASS */
	.image-about{
		width: 97%;
	}	
	
	#wrapper-center	{
		width: 740px;
	}
	#title-products{
		border-bottom: 3px solid #81d8d0;
	    font: 17px Tahoma;
	    padding-bottom: 5px;
	    
	}
	.thumbnails{
		margin-right: 0px;
	}
	.thumbnail{
		margin-right:20px;
	}
	#googleMap{
		width: 760px !important;
		margin-right: 0px!important;
	}
	.addressBar{
		  right: 145px;
	}
	.single_product{
		margin-right: 0px;
		width: 760px;
	}
	.img_larg_product{
		width: 100%;
	}
	.description_product{
		width: 100%;
		background: none repeat scroll 0 0 #81d8d0;
		 padding-bottom: 30px;
	}
	.project-title{
		width: 25%;
	}

	.project-title h2{
		padding-bottom: 5px;
	}
		.btn_wiz_prev{
		margin-right: 36%;
	}


}
@media only screen and (min-width : 640px) and (max-width: 768px){
	
	#main-frame{
	width: 640px;
	}	
	#menue{
		width: 575px;
	}
	#header{
		width: 640px;
	}
	#logo{
		display: none;
	}
	.comment_form{
		display: none;
	}
	.inline-form{
		width: 100%
	}
		
	#lastname {
	    width: 85px;
	}
	
	#nlmail {
	    width: 200px;
	}	

	.title_services h2{
		font-size: 14px
	}
	.testimonial .whopic strong h2{
		font-size: 12px;
	}
	.linkInfo a {
		font-size: 10px;
	}
	
	#footer-site{
		width: 640px;
	}
	
	/*ADD CLASS */
	.image-about{
		width: 97%;
	}	
	#wrapper-center	{
		width: 620px;
	}
	#title-products{
		border-bottom: 2px solid #81d8d0;
	    font: 17px Tahoma;
	    padding-bottom: 5px;
	}
	.thumbnails{
		margin-right: 0px;
	}
	.thumbnail{
		margin-right: 40px;
	}
	#googleMap{
		width: 620px !important
	}
	.addressBar{
		  right: 100px;
	}
	.single_product{
		width: 640px;
		margin-right: 0px;
		height: 640px;
	}
	.description_product{
		width: 100%
	}
	.project-title{
		width: 25%;
	}
	.project-title h2{
		padding-bottom: 5px;
	}
	.btn_wiz_prev{
		margin-right: 30%;
	}
	body{
		overflow-x:hidden
	}

}
@media only screen and (min-width : 500px) and (max-width: 640px){
	
		#googleMap{
		width: 500px !important;
		margin-right: 0px!important;
	}
	#main-frame{
	width: 500px;
	}	
	#menue{
		width: 500px;
	}
	.menue-list{
		width: 74px;
		padding: 10px 2px;
	}
	#header{
		width: 500px;
	}
	#logo{
		display: none;
	}
	.comment_form{
		display: none;
	}
	.inline-form{
		width: 100%
	}
		
	#lastname {
	    width:48px;
	}
	
	#nlmail {
	    width: 100px;
	}	
	.box1,.box2{
		width: 80%
	}
	.box1{
		height: 200px;
	}

	.title_services h2{
		font-size: 14px
	}
	.testimonial .whopic strong h2{
		font-size: 12px;
	}
	.linkInfo a {
		font-size: 10px;
	}
	
	#footer-site{
		width: 500px;
	}
	
	/*ADD CLASS */
	.image-about{
		width: 97%;
	}	
	#wrapper-center	{
		width: 485px;
	}
	.img_larg_product{
		width: 100%
	}
	#title-products{
		border-bottom: 2px solid #81d8d0;
	    font: 17px Tahoma;
	    padding-bottom: 5px;
	}
	.thumbnails{
		margin-right: 0px;
	}
	.thumbnail{
		margin-right: 40px;
	}

	.addressBar{
		  right: 50px;
	}
	.single_product{
		width: 500px;
		margin-right: 0px;
		height: 695px;
	}
	.description_product{
		width: 100%
	}
	.project-title{
		width: 25%;
	}
	.project-title h2{
		padding-bottom: 5px;
	}
	.btn_wiz_prev{
		margin-right: 30%;
	}
	body{
		overflow-x:hidden
	}	
	

}
@media only screen and (min-width : 960px) and (max-width: 1270px){
	#main-frame { width:900px; }
	.fixed{ width:900px; }
	#googleMap{width:900px!important;margin:0 auto!important}
	.header{ width:900px; }	
	#wrapper-center{width:900px;}
	.MasterFilterPanel{width:200px!important;}
	.ProductFilter{width:670px!important; margin-right:30px!important;}
	.col-img{width:400px!important;}
	.col-info{width:400px!important;}
	
	}
@media only screen and (min-width :768px) and (max-width:959px){
	#main-frame { width:710px; }
	#googleMap{width:710px!important;margin:0 auto!important}
	.fixed{ width:710px; }
	.header{ width:710px; }
	.menu-left, .menu-right{width:300px;}
	.nav ul li{margin:0 10px;}	
	.menu-right	{padding-right:5px;}
	.menu-left{padding-left:5px;}
	.banner-wedding{top:80px;width:91%}
	.banner-engagement{top:80px;width:90%}
	.banner-night{top:230px;width:90%}
	.btn-parallax{right:36%;top:170px;}
	.thumbnails{width: 100%;    text-align: center;    margin: 0 auto;    float: none;}
		#wrapper-center{width:710px;}
	.MasterFilterPanel{width:180px!important;}
	.ProductFilter{width:500px!important; margin-right:30px!important;text-align:center;}
	.thumbnail2{float:none;}
		.col-img{width:400px!important; padding-left: 10px!important;}
	.col-info{width:280px!important;    padding-right: 10px!important;}
	}
@media only screen and (max-width:767px) {
	#googleMap{width:420px!important;margin:0 auto!important}
	.addressBar{right:8px!important}
		#main-frame{ width:420px;}
		#wrapper-center{width:420px;}
	.header{display:none; }
	.fixed{display:none; }
	#toggle{display:block; width: 100%;height: 80px; background: #fff;padding:5px 0 0 0;    border-radius: 24px 24px 0 0;
    border-top: 15px solid #fff;}
	#close-menu,#toggle-menu{    color: #DBBC85; padding: 10px;font-size: 18px;}
	.logo{    float: left;box-shadow: none;border-radius: 0px; height: 40px;width: 80px; background-size: cover;left: 0px;top: 0px;}
	#menu {
	display: none;
	position: absolute;
	top: 50px;
	right: 0;

	width: 100%;
	padding: 15px 0px;
	text-align:center;
	margin: 0;

	list-style: none;
	background: #DBBC85;
	z-index: 10; /* Make sure the z-index is lower than the #page */
}

#menu a {
	display: block;
	color: #fff;
	text-decoration:none;
	padding: 15px 0;
	border-bottom: 1px solid rgba( 255, 255, 255, 0.05 );
	font-family:tahoma;
}
.col_wedding,.col_night{
	width:100%;
	margin:0 auto;
	margin-top:20px;
	float:none;
	padding:0px;
	text-align:center;
	}
	.engagement{padding-bottom:10px;}
	.banner-night{    width: 95%!important; margin-right: 10px;}
	.banner{width:100%;}
	.img-responsive{margin:0 auto;}
	.overlay{text-align:center;}
	.btn-parallax{position:relative;top: 240px;right: 0;}
.box1 , .box2{width:100%;height:auto;text-align:center; float:none;margin:0 auto;}
.testimonial{text-align:justify;    padding-right: 10px;}
#footer-site{width:100%;text-align:center;}
.thumbnails{    width: 100%;
    text-align: center;
    float: none;
    margin: 0 auto;}
	.thumbnail2{    float: none;    margin: 0 auto;}
		.MasterFilterPanel{width:100%!important;}
	.ProductFilter{width:100%!important; margin:0 auto!important;text-align:center;}
	.col-img{width:100%!important;float:none!important; text-align:center!important;padding:0px!important}
	.col-info{width:100%!important;float:none!important; text-align:center!important;padding:0px!important}
	.col-info p{padding:5px;}

	}
@media only screen and (min-width: 320px) and (max-width: 479px) {
		.input{width:240px!important}
	.textarea{width:240px!important}
		#googleMap{width:300px!important;margin:0 auto!important}
	.addressBar{right:0px!important;width:300px!important;}
	.inputContact{width:240px!important;}
	#main-frame{ width:300px;}
	#wrapper-center{width:300px;}
	.banner{width:100%!important;}
	.banner-night{margin-right:0px;top: 220px;}
	.banner-engagement,.banner-wedding{top: 80px;}
	.btn-parallax{    top: 275px;}
		.MasterFilterPanel{width:100%!important;}
	.ProductFilter{width:100%!important; margin:0 auto!important;}	
	.col-img img{width:300px!important;height:auto}
	.image-about{margin:0 auto;width:100%; height:auto;}
	.form_sale p{padding-right:0px;}
	}
@media only screen and (max-width: 319px) {
	.input{width:140px!important}
	.textarea{width:140px!important}
	
	.image-about{margin:0 auto;width:100%; height:auto;}
			#googleMap{width:200px!important;margin:0 auto!important}
	.addressBar{right:0px!important;width:200px!important;}
	.inputContact{width:140px!important;}
	#main-frame{ width:200px;}
	#wrapper-center{width:200px;}
	#slider1_container{width:200px!important;}
	.banner{width:100%!important;}
		.banner-night{margin-right:0px;top: 120px;}
	.banner-engagement,.banner-wedding{top: 45px;}
	.btn-parallax{    top: 340px;}
	#nlmail,#lastname{width:100px;}
	.thumbnail2 img{width:200px;height:auto;}
			.MasterFilterPanel{width:100%!important;}
	.ProductFilter{width:100%!important; margin:0 auto!important;}
	.col-img img{width:200px!important;height:auto}
	}
