
@media screen and (max-width: 991px) {

	/* GENERAL */

	body {
		padding-top: 60px;
		box-sizing: border-box;
	}

	.sidebar {
		height: auto;
		width: 100%;
	}

	.header {
		min-height: 60px;
		box-shadow: 0 0 4px rgba(0, 0, 0, .2);
	}

	.footer {
		z-index: 9997;
		padding-top: 35px;
		padding-bottom: 25px;
		position: relative;
	}

	.content {
		margin-left: 0;
	}

	/* LOGO */

	.logo {
		margin: 0;
		position: absolute;
		top: 15px;
		left: 15px;
		padding-top: 15px;
		padding-bottom: 15px;
	}

	/* 	NAVIGATION */

	.navigation {
		padding-top: 45px;
		padding-bottom: 10px;
		height: auto;
		max-height: 0;
		overflow: hidden;
		transition-duration: 1.4s;
		-webkit-transition-duration: 1.4s;
	}

	.navigation.opened {
		max-height: 800px;
	}

	.menu {
		margin-top: 40px;
	}

	.menu > li {
		margin-top: 16px;
		margin-bottom: 16px;
	}

	.submenu > li {
		padding-top: 2px;
		padding-bottom: 2px;
	}

	/* TRIGGER */

	.trigger {
		display: block;
	}

	/* SOCIAL ICONS */

	.social-icons {
		margin-bottom: 3px;
	}

	/* PANEL */

	.panel {
		position: relative;
		max-width: none;
		height: auto;
		padding-top: 60px;
		padding-bottom: 60px;
	}

	.panel-inner {
		text-align: center;
	}

	.panel .vertical-container {
		display: block;
		height: auto;
	}

	.panel .vertical-box {
		display: block;
	}

	/* CONTENT (ABOUT ME) */

	.content-about {
		height: auto;
	}

	.about-photo {
		margin-right: 0;
		height: 450px;
	}

	/* CONTENT (CONTACTS) */

	.content-contacts {
		height: auto;
	}

	.contacts-panel .write-me {
		display: none;
	}

	.map-pre-container {
		margin-right: 0;
		height: 350px;
	}

	.contacts-panel {
		padding-top: 60px;
		padding-bottom: 5px;
	}

	.map-pre-container .map {
		height: 110%;
	}

	/* CONTACT FORM */

	.contact-form-panel {
		padding-top: 5px;
		padding-bottom: 35px;
	}

	.form-close {
		display: none;
	}

	.contact-form .submit {
		width: 100%;
	}

	/* IE8 message */

	.ie-message {
		left: 0;
		bottom: 0;
		top: auto;
		width: 100%;
		padding: 30px 15px;
	}

}

@media screen and (max-width: 767px) {

	/* ALBUMS */

	.albums.columns-3 .album {
		width: 50%;
	}

	/* VIDEOS */

	.videos.columns-3 .video {
		width: 50%;
	}

}

@media screen and (max-width: 591px) {

	/* LOGO */

	.logo {
		top: 13px;
		padding-top: 10px;
		padding-bottom: 8px;
		padding-left: 20px;
		padding-right: 20px;
	}

	.logo .name {
		font-size: 0.3125em; /* 5px / 16px */
	}

	.logo .profession {
		display: none;
	}

	/* NAVIGATION */

	.menu,
	.sub-menu {
		text-align: left;
		padding-left: 16px;
	}

	.menu {
		margin-top: 25px;
	}

	/* ALBUMS */

	.albums.columns-2 .album,
	.albums.columns-3 .album {
		width: 100%;
		float: none;
	}

	/* VIDEOS */

	.videos.columns-2 .video,
	.videos.columns-3 .video {
		width: 100%;
		float: none;
	}

}

@media screen and (max-width: 481px) {

	/* PHOTOS */

	.photos .photo-vertical {
		width: 100%;
		float: none;
	}

	/* PRICE CARDS */

	.price-card {
		display: block;
		max-width: none;
		margin-left: 0;
		margin-right: 0;
	}

	.price-card .inner {
		padding-left: 35px;
		padding-right: 35px;
	}

	/* CONTENT (ABOUT) */

	.about-content-inner {
		max-width: none;
	}

	/* CONTENT (CONTACTS) */

	.contacts-content-inner {
		max-width: none;
	}

}