/* ==========================================================================
   responsive
========================================================================== */
@media screen and ( max-width: 1200px ){
	h1,
	h2.h1,
	p.h1,
	.error404 .container .txt {
		font-size: 48px;
	}

	footer .main li {
		float: left;
		margin: 0 25px 0 0;
	}
	footer .col {
		margin: 0 20px;
	}
	.widgets li .txt{
		width: 70%;
	}

	.thumb-gallery .photos.contained .slick-prev,
	.home-kitchen .gallery .slick-prev {
    	left: 20px;
	}
	.thumb-gallery .photos.contained .slick-next,
	.home-kitchen .gallery .slick-next {
	    right: 20px;
	}

	.gallery .txt {
		font-size: 30px;
	}
	.gallery .txt .container {
		width: 82%;
	}
	.gallery .txt p {
		padding-right: 35%;
	}

}

@media screen and ( max-width: 1100px ){
	.home-spaces ul.spaces li {
		width: 20%;
	}
	.services ul.services .docs a {
		padding-right: 0;
		border: 0;
	}
	.contact-info p.h1 {
		font-size: 40px;
	}
}

@media screen and ( max-width: 1000px ){

	h1,
	h2.h1,
	p.h1,
	.error404 .container .txt {
		font-size: 44px;
	}

	.introduction .container {
		padding-top: 120px;
	}

	.newsletter .introduction .container {
		padding-top: 150px;
	}

	footer {
		text-align: center;
	}
	footer .main {
		float: none;
	}
	footer .main li {
		display: inline;
		float: none;
		margin: 0 15px;
	}
	footer .secondary {
		clear: both;
		padding-top: 30px;
	}
	footer .col,
	footer .col.contact {
		width: 27%;
		margin: 0 1.5%;
		vertical-align: top;
	}
	footer .col.contact {
		width: 36%;
	}

	.error404 .img-header .txt img {
		margin-top: 30px;
		width: 200px;
	}

	.gallery .txt {
		font-size: 24px;
	}
}
@media screen and ( max-width: 900px ){
	header {
		position: relative;
		background: #000;
	    border:0;
	}
	header .logo {
		width: 120px;
		padding: 18px 0 15px;
	}

	header .nav-toggle {
		display: block;
	}

	.overlay {
		position: fixed;
		z-index: 2;
		top: 0;
		left: 0;
		width: 100%;
		height: 0;
		background: rgba(0,0,0,.95);
		-webkit-transition:.3s ease-in-out;
		-moz-transition:.3s ease-in-out;
		-o-transition:.3s ease-in-out; 
		transition:.3s ease-in-out;
	}
	.overlay.opened {
		height: 100%;
	}
	
	header nav {
		display: none;
		position: absolute;
		z-index: 100;
		top: 100%;
		left: 0;
		width: 100%;
		height: 800px;
		
		color: #fff;
		text-align: center;
	}
	header .other {
		position: static;
	}
	header ul{
		float: none;
		font-size: 20px;
	}
	header nav ul.main {
		float: none;
		padding: 30px 30px 15px;
		font-size: 20px;
	}
	header nav ul.main li,
	header nav ul.secondary li {
		width: 100%;
		margin: 0;
	}
	header nav ul.main li.selected span.ico {
		display: none;
	}
	header nav a {
		padding: 5px 0;
		color: #fff !important;
		border-color: #fff !important;
		border: 0;
	}
	header nav a:hover {
		color: #444;
	}

	header nav ul.secondary {
		padding: 0 30px 15px;
	}

	header nav ul.lang {
		padding: 15px 30px 0;
	}

	header nav ul.social {
		padding-left: 3px;
	}
	header .container {
		position: static;
		border: 0;
	}
	.content {
		padding: 0 0 60px;
	}

	.home-spaces ul.spaces li {
		width: 25%;
	}
	.gallery-footer {
		font-size: 30px;
	}			
	.spaces .space-list li {
		width: 33%;
	}
	.contact-info p.label {
		font-size: 1em;
	}
	.contact-info p.h1 {
		font-size: 30px;
	}
	.services .planning .introduction .container {
		padding: 120px 0 0;
	}
}
@media screen and ( max-width: 800px ){
	/*header .logo {
		width: 150px;
		padding: 20px 15px 15px;
	}
	
	header nav ul.main {
		margin: 20px 0 0;
	}*/
	

	.gallery .txt {
		font-size: 18px;
	}

	.post-preview {
		padding: 20px 0;
	}
	.post-preview .txt {
		width: 100%;
	}
	.post-preview h2 {
		padding: 0 0 15px;
	}
	.post-preview img {
		width: 100%;
		margin: 0 0 20px;
	}
	.post-preview .scerpt {
		margin:0 0 15px; 
	}
	.post-preview ul.social {
		position: static;
	}

	.comments h3 {
		font-size: 28px;
	}
	.comments .field.left,
	.comments .field.right,
	.comments button {
		float: none;
		width: 100%;
	}
}
@media screen and ( max-width: 700px ){
	

	img.separator {
		margin-bottom: 30px;
	}

	h1,
	h2.h1,
	p.h1,
	.error404 .container .txt {
		font-size: 30px;
	}

	footer .col,
	footer .col.contact {
		width: 100%;
		margin: 0 0 20px;
	}
	footer .col.contact {
		margin-bottom: 0;
	}

	.img-header {
		-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 85%);
		clip-path: polygon(0 0, 100% 0, 100% 100%, 0 85%);
	}
	.img-header .masc {
		display: none;
	}

	.introduction {
		margin-bottom: 30px;
		font-size: 20px;
	}
	.introduction .container {
		position: relative;
		padding: 0 !important;
	}
	.introduction .container .txt {
		padding: 0 !important;
	}
	.introduction img.ico {
		display: none;
	}
	.gallery.masked .photos img {
		-webkit-clip-path: polygon(0 0, 100% 15%, 100% 100%, 0 85%);
		clip-path: polygon(0 0, 100% 15%, 100% 100%, 0 85%);
	}
	.gallery .masc,
	.gallery .top {
		background:none;
	}

	.introduction h1,
	.introduction .h1 {
		position: static;
		margin: 0 0 30px;
		padding: 0 !important;
	}
	.introduction p {
		padding: 0 0 25px; 
	}

	.gallery-footer {
		font-size: 24px;
	}	

	.home-spaces ul.spaces li {
		width: 33%;
	}

	.error404 .img-header .txt img {
		margin-top: 20px;
		width: 130px;
	}
	.error404 .introduction h1 {
		margin: 50px 0 0;
		text-align: center;
	}

	.thumb-gallery .nav ul {
		margin: 0;
	}
	.thumb-gallery .nav li{
		margin: 0 0 15px;
		padding: 0 5px;
	}

	.spaces .space-list li {
		width: 50%;
		padding-bottom: 40px;
	}

	.space .text {
		width: 100%;
		margin: 0 0 40px;
	}
	.space .info {
		width: 100%;
	}
	.space .info a.gmaps {
		display: inline-block;
		margin-top: -10px;
		position: static;
		background: url(img/ico-map.png) no-repeat 0 0;
		background-size: 45px auto;
	}

	.services .introduction img {
		max-width: 200px;
	}

	.contact-info div {
		float: none;
	}
	.contact-info .tel-email {
		float: none;
		padding-top: 30px;
	}

	.wedding-nav ul li {
		display: inline-block;
		vertical-align: top;
		width: 48%;
	}
	.wedding .introduction .title {
		width: 100%;
		margin: 0 0 30px;
	}

	.slick-prev,
	.slick-next,
	.slick-prev:hover,
	.slick-next:hover,
	.slick-prev:focus,
	.slick-next:focus,
	.inv-arrows .slick-prev,
	.inv-arrows .slick-next,
	.inv-arrows .slick-prev:hover,
	.inv-arrows .slick-next:hover,
	.inv-arrows .slick-prev:focus,
	.inv-arrows .slick-next:focus {
	    width: 25px;
	    height: 25px;
	    background-size: auto 14px;
	}

	.photos .slick-prev {
    	left: 0;
	}
	.photos .slick-next {
	    right: 0;
	}
	.thumb-gallery .photos.contained .slick-prev{
		left: 10px;
	}
	.home-kitchen .gallery .slick-prev {
    	left: -15px;
	}
	.thumb-gallery .photos.contained .slick-next{
		right: 10px;
	}
	.home-kitchen .gallery .slick-next {
	    right: -15px;
	}
}

@media screen and ( max-width: 600px ){
	footer .main li {
		display: block;
		padding: 0 0 5px;
	}
	
	.home-spaces ul.spaces li,
	.home-services ul.services li,
	.services ul.services li {
		width: 50%;
	}
	.home-services ul.services h3,
	.home-services ul.services p {
		max-width: 100%;
	}

	.gallery .txt .container {
		width: 90%;
	}
	.gallery .txt p {
		margin-top: -10px;
		padding-right: 33%;
	}
	.error404 .img-header .txt img {
		width: 80px;
	}
}
@media screen and ( max-width: 500px ){

	body {
		font-size: 14px;
	}

	h1,
	h2.h1,
	p.h1,
	.img-header p.h1,
	.contact-info p.h1,
	.error404 .container .txt {
		font-size: 22px;
	}

	.blog-detail h1  {
		margin: 30px 0;
		font-size: 20px;
	}

	h2,
	p.h2 {
		font-size: 18px;
	}

	footer .main li {
		margin: 0 7px;
	}

	.introduction {
		font-size: 18px;
	}

	.home-spaces ul.spaces li {
		width: 100%;
		margin: 0 0 40px; 
		padding: 0;
		text-align: center;
	}
	.home-spaces ul.spaces img {
		max-width: 250px;
	}
	.home-spaces ul.spaces li div {
		position: static;
	}
	.home-services ul.services li {
		width: 100%;
		padding-bottom: 10px;
		text-align: center;
	}

	.gallery .txt {
		font-size: 16px;
		text-transform: none;
	}

	.services ul.menus > li {
		width: 100%;
	}
}

@media screen and ( max-width: 500px ){
	.gallery .txt {
		font-size: 14px;
	}
}