/* Screens Resolution : 767px
-------------------------------------------------------------------------- */
@media only screen and (max-width: 735px) {
	
	/* ---------------------------------
	1. PRIMARY STYLES
	--------------------------------- */
	body{font-size: 4.5vw}

	p{ line-height: 1.4vw; }

	h1{ font-size: 15.5vw; }
	h2{ font-size: 13vw; }
	h3{ font-size: 12.5vw; }
	h4{ font-size: 10.5vw; }
	h5{ font-size: 8vw; }

	.filler {
		height: 40vw;
	}
	/* ---------------------------------
	2. COMMONS FOR PAGE DESIGN
	--------------------------------- */

	.section{ padding: 50px 0 20px; }

	.section .heading{ padding-bottom: 20px; }
	
	.section .heading .heading-bottom{ margin-top: 10px; }

	
	/* ---------------------------------
	3. MENU
	--------------------------------- */
	
	header{ top: 0; border-bottom: 1px solid rgba(255,255,255, .1); }
	
	header .logo{ margin: 10px 0; height: 0.2vw; }
	
	
	/* BOTTOM AREA */
	
	header .main-menu{ text-align: left; display: none; float: none; clear: both; max-height: 400px;
		overflow: auto; border-top: 1px solid #ccc; background: #333; }
	
	header .main-menu > li{ display: block; float: none; border-bottom: 1px solid #444; }
	
	header .main-menu > li:last-child{ border-bottom: 0; }
	
	header .main-menu li > a{ display: block; border: 0; line-height: 1vw; height: auto; padding: 15px; background: none;
		font-size: 5vw;}
	
	
	/* DROPDOWN  */
	
	header .main-menu li.drop-down > ul.drop-down-menu{ position: static; box-shadow: none; }
	
	header .main-menu li.drop-down > ul.drop-down-inner li:first-child{ border-top: 1px solid #444;}
	
	/* DROPDOWN HOVER */
	
	header .main-menu li.drop-down > ul.drop-down-menu li a{ padding-left: 25px; }
	
	header .main-menu li.drop-down > ul.drop-down-inner li a{ padding-left: 35px; }


	/* NAV ICON */
	#navbar{height: 8vw}
	.menu-nav-icon{ display: inline-block; float: right; font-size: 7vw;
		padding-top: 1vw; }
	#nave_hoch{font-size: 8vw; line-height: 0vw; padding-top: 1vw;
		margin: 0;
		position: absolute;
		top: 50%;
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);}


	.section .heading .icon{font-size: 4vw;margin-top: 2vw;color: rgba(74, 112, 35, 1);}


	.contact-area h3 {font-size: 12vw}

	ul#mine {list-style-type: disc;
		padding-left: 4.5vw;
		color: #555;
		padding-right: 2vw;
		padding-top: 3vw;
		padding-bottom: 0vw;}
	ul#mine li {padding-bottom: 0}

	.largeHead {font-size: 8vw;}
	#largeHead {font-size: 9vw}
	/* ---------------------------------
	7. WEDDING DETAILS AREA
	--------------------------------- */

	.wedding-details{ margin-left: 15px; overflow: visible; }
	
	.wedding-details:after{ left: 0; margin-left: 0px; }

	.w-detail{ width: 100%; padding: 0 0 0 30px; margin: 0 0 30px; }

	.w-detail.left,
	.w-detail.right{ text-align: left; float: none; }

	.w-detail.right:after,
	.w-detail.left:after{ left: 0; margin-left: -9px; }


	.w-detail .icon{ font-size: 4vw; line-height: 1vw; color: rgba(74, 112, 35, 1); }
	h4.programTitle { font-size: 4.5vw; line-height: 4.45vw}
	p.programSub {font-style: italic; font-size: 3.3vw;line-height: 3.3vw;}
	p.program {font-size: 3.5vw; line-height: 3.5vw; padding-right: 1vw}

	p.longText{font-size: 4.5vw;
		line-height: 4.75vw;}

	.rowTile{
		float: bottom;
		grid-template-columns: 100%;
		padding-bottom: 2vw;
		align-content: center
	}

		#ZEUGENANNOUNCE{
		padding-left:2vw;
		padding-right:1vw;
		padding-top:3.5vw;
		font-weight: bold;
		font-size: 4.75vw;
		line-height: 4.8vw;
	}

	/* ---------------------------------
	9. CONTACT AREA
	--------------------------------- */

	.contact-area {height: 100%}
	.contact-area .contact-wrapper{ width: 100%; height: 50%; float: none!important; padding-bottom: 2vw; padding-right: 3vw; padding-left: 2vw}
    .map-area{ height: 250px; width: 100%; position: static;  }
	.map-area2{ height: 250px; width: 100%; position: static;  }

	.contact-area .imgWall {
		padding-bottom: 4vw;
	}
	/* ---------------------------------
	10. VIEW GALLERY
	--------------------------------- */

	.galery-area .gallery-btn{ margin-top: 10px; }


	/* ---------------------------------
	11. FOOTER
	--------------------------------- */
	
	footer ul > li > a{ padding: 10px 7px;  }
	
	footer .newsletter .email-area{ width: 90%; }

	.contact-area .phone{ margin: 2.5vw 0; font-size: 8vw; color: inherit } /* rgba(74, 112, 35, 1); }*/

	#hcon{
		font-size: 5vw;
		line-height: 4.8vw;
		padding-bottom: 2vw;
	}


}