nav.mobile-menu,
#header .nav-block .mobile-header,
.mobile-title-wrap {
	display: none;
}
body .hide-on-desktop,
body section.section.hide-on-desktop {
	display: none;
}

/* Content Resizer */
@media only screen and (max-width: 1800px) {
    .content {
		width: calc(100% - 352px);
    }
    body:not(.albums-template--slider) .page-title-wrap {
        left: 70px;
    }
    .back-wrap {
        left: calc(100% - 126px);
    }
    body:not(.albums-template--slider) .page-title-wrap h1 {
        font-size: 30px;
        line-height: 40px;
    }
    body:not(.albums-template--slider) .page-title-wrap h1 span {
        font-size: 14px;
        line-height: 18px;
		margin: 0 0 6px 0;
    }
}

@media only screen and (max-width: 1679px) {
    body:not(.albums-template--slider) .page-title-wrap {
        left: 50px;
    }
    .back-wrap {
        left: calc(100% - 126px);
    }
}

@media only screen and (max-width: 1600px) {
	.content {
		width: calc(100% - 312px);
	}
    body:not(.albums-template--slider) .page-title-wrap {
        left: 40px;
    }
    .back-wrap {
        left: calc(100% - 116px);
    }
}
@media only screen and (max-width: 1200px) {
	.content {
		width: calc(100% - 272px);
	}
    body:not(.albums-template--slider) .page-title-wrap {
        left: 30px;
    }
    .back-wrap {
        left: calc(100% - 106px);
    }
}

@media only screen and (max-width: 960px) {
	.albums-template--carousel .albums-carousel-wrap .albums-carousel.is-vertical,
	.content {
		width: calc(100% - 176px);
		margin: auto 40px auto auto;
	}
	body.home-template .content {
		width: calc(100% - 280px);
		margin: auto;
	}
}

/* Laptop Styles */
@media only screen and (max-width: 1440px) {
	body {
		font-size: 0.9em;
	}
	input, textarea {
		font-size: 13px;
	}
	body .hide-on-laptop,
	body section.section.hide-on-laptop {
		display: none;
	}
	
	/* --- Grid --- */
	.row {
		display: flex;
		flex-direction: row;
		margin: 0 -15px;
	}
	.col {
		margin: 0 15px;
	}

	.col.col-12 {
		width: calc(100% - 30px);
	}
	.col.col-9 {
		width: calc(75% - 30px);
	}
	.col.col-8 {
		width: calc(66.66% - 30px);
	}
	.col.col-6 {
		width: calc(50% - 30px);
	}
	.col.col-4 {
		width: calc(33.33% - 30px);
	}
	.col.col-3 {
		width: calc(25% - 30px);
	}
	.col.col-2 {
		width: calc(16.665% - 30px);
	}

	/* --- Section --- */
	.content {
		padding-top: 50px;
		padding-bottom: 40px;
	}
	section.section {
		margin-bottom: 100px;
		display: block;
		width: 100%;
	}
	.content section.section:last-child {
		margin-bottom: 0;
	}
	
	/* --- Content General --- */
	p.intro {
		margin-bottom: 60px;
	}
	.page-title-wrap.is-loaded h1 {
/*		padding-left: 30px;*/
	}
	.page-title-wrap.is-loaded h1 span {
    	transform: translateX(-30px);
	}
	
	/* --- Contacts Page --- */
	.contact-details__list li {
		padding-left: 48px;
		min-height: 30px;
	}
	.contact-icon {
		font-size: 20px;
		line-height: 31px;
		width: 36px;
		height: 36px;
		border-radius: 18px;
		transform: translateY(-1px);
	}
}

/* Tablet Landscape Styles */
@media only screen and (max-width: 1200px) {
	.cursor {
		display: none;
	}
	body .hide-on-tablet,
	body .hide-on-tablet-land,
	body section.section.hide-on-tablet,
	body section.section.hide-on-tablet-land {
		display: none;
	}
	body .hide-on-desktop,
	body .hide-on-laptop,
	body section.section.hide-on-desktop,
	body section.section.hide-on-laptop {
		display: block;
	}
	
	/* --- Grid --- */
	.row {
		display: flex;
		flex-direction: row;
		margin: 0 -10px;
	}
	.col {
		margin: 0 10px;
	}

	.col.col-12 {
		width: calc(100% - 20px);
	}
	.col.col-9 {
		width: calc(75% - 20px);
	}
	.col.col-8 {
		width: calc(66.66% - 20px);
	}
	.col.col-6 {
		width: calc(50% - 20px);
	}
	.col.col-4 {
		width: calc(33.33% - 20px);
	}
	.col.col-3 {
		width: calc(25% - 20px);
	}
	.col.col-2 {
		width: calc(16.665% - 20px);
	}

	/* --- Media Grid --- */
	.grid {
		margin: -15px;
		display: flex;
		flex-wrap: wrap;
	}
	.grid .grid-item {
		margin: 15px;
	}
	.grid-1cols .grid-item {
		width: calc(100% - 30px);
	}
	.grid-2cols .grid-item {
		width: calc(50% - 30px);
	}
	.grid-3cols .grid-item {
		width: calc(33.33% - 30px);
	}
	.grid-4cols .grid-item {
		width: calc(25% - 30px);
	}
	.grid-5cols .grid-item {
		width: calc(20% - 30px);
	}
	
	.gallery-bricks {
		margin: -15px;
	}
	.gallery-bricks .gallery-item {
		margin: 15px;
	}
	.gallery-bricks.is-1x2 .gallery-item {
		width: calc(50% - 30px);
	}
	.gallery-bricks.is-1x2 .gallery-item:nth-child(3n) {
		width: calc(100% - 30px);
	}
	.gallery-bricks.is-2x3 .gallery-item.is-large {
		width: calc(50% - 30px);
	}
	.gallery-bricks.is-2x3 .gallery-item.is-small {
		width: calc(33.33% - 30px);
	}

	/* --- Header --- */
	nav.nav ul.main-menu > li {
		margin: 0 0 0 30px;
	}
	
	/* --- Section --- */
	#home-contacts p.intro {
		margin-bottom: 50px;
	}
	#home-works p.intro,
	section.section {
		margin-bottom: 100px;
		display: block;
		width: 100%;
	}
	.has-bottom-padding .content {
		padding-bottom: 60px;
	}
	.has-top-padding .content {
		padding-top: 60px;
	}
	.content section.section:last-child {
		margin-bottom: 0;
	}

	/* --- Typography --- */
	.is-dropcap::first-letter,
	h1 {
		font-size: 50px;
		line-height: 55px;
		margin: 0 0 35px 0;
	}
	h1 span {
		font-size: 14px;
		line-height: 18px;
		margin: 0 0 0 0;
	}
	.albums-slider .album-item__explore,
	.home-link span:last-child,
	.back span:last-child,
	h2 {
		font-size: 35px;
		line-height: 40px;
		margin: 0 0 30px 0;
	}
	h2 span {
		font-size: 12px;
		line-height: 15px;
		margin: 0 0 1px 0;
	}
	.slider-prev,
	.slider-next,
	h3 {
		font-size: 30px;
		line-height: 35px;
		margin: 0 0 35px 0;
	}
	h3 span {
		font-size: 12px;
		line-height: 15px;
		margin: 0 0 1px 0;
	}
	h4 {
		font-size: 24px;
		line-height: 29px;
		margin: 0 0 29px 0;
	}
	h4 span {
		font-size: 12px;
		line-height: 15px;
		margin: 0 0 0 0;
	}
	h5 {
		font-size: 20px;
		line-height: 25px;
		margin: 0 0 25px 0;
	}
	h5 span {
		font-size: 10px;
		line-height: 13px;
		margin: 0 0 0 0;
	}
	h6 {
		font-size: 18px;
		line-height: 23px;
		margin: 0 0 23px 0;
	}
	h6 span {
		font-size: 10px;
		line-height: 13px;
		margin: 0 0 0 0;
	}
	.is-dropcap::first-letter {
		margin: 4px 15px 0 0;
	}

	.slider-prev,
	.slider-next {
		margin: 0;
		bottom: 60px;
	}
	#coming-soon h2 {
		font-size: 60px;
		line-height: 65px;
	}
	
	/* --- Elements --- */
	/* Testimonials */
	.testimonials-grid {
		margin: -20px -15px;
	}
	.testimonials-grid .testimonials-item {
		margin: 20px 15px;
		width: calc(33.33% - 30px);
	}
	.testimonials-grid .testimonials-item__author {
		position: relative;
		min-height: 80px;
		justify-content: flex-end;
	}
	.testimonials-grid .testimonials-item__author--image {
		position: absolute;
		left: 0;
		top: 0;
	}
	.testimonials-grid .testimonials-item__author img {
		width: 80px;
		height: auto;
	}
	.testimonials-grid .testimonials-item__author--name {
		position: relative;
		z-index: 5;
	}
	.testimonials-grid .testimonials-item__content {
		margin: -20px 0 0 0;
	}
	
	/* Services */
	.services-block {
		padding-top: 100px;
		padding-bottom: 60px;
	}
	.service-item__content-inner {
		padding: 40px 30px 34px 30px;
	}
	.service-item .service-item__image {
		width: calc(40% - 20px);
		box-shadow: none;
	}
	.service-item .service-item__content {
		width: calc(60% + 20px);
		box-shadow: 0 0 15px rgba(0,0,0,0.2);
	}
	
	/* Counter */
	.counter-label {
		font-size: 12px;
		line-height: 18px;
	}
	.counter-value {
		font-size: 60px;
		line-height: 70px;
	}
	
	/* --- Home Video --- */
	.home-background video {
		max-width: none;
		max-height: 100vh;
	}
	
	/* --- Maintenance --- */
	.maintenance-wrap #contacts-wrap .col-2 {
		display: none;
	}
	.maintenance-wrap #contacts-wrap .col-8 {
		width: calc(100% - 20px);
	}
	
	.albums-carousel-wrap .album-item__title:before {
		top: 18px;
	}
	
	.albums-slider-wrap .album-item__explore span {
		font-size: 12px;
		line-height: 15px;
		margin: 0 0 1px 0;
	}
	.albums-slider-wrap .album-item__explore:before,
	.albums-slider-wrap .album-item__title:before {
		top: 18px;
	}
	.progress-item-wrap {
		padding: 0 20px;
	}

	.service-card-grid .service-card {
		width: calc(100% - 40px);
	}
	.progress-counter {
		font-size: 24px;
		line-height: 29px;
		transform: translateX(3px);
	}
}
	
/* Tablet Portrait Styles */
@media only screen and (max-width: 960px) {
	body .hide-on-desktop,
	body .hide-on-laptop,
	body .hide-on-tablet-land,
	body section.section.hide-on-desktop,
	body section.section.hide-on-laptop,
	body section.section.hide-on-tablet-land {
		display: block;
	}
	body .hide-on-tablet-port,
	body section.section.hide-on-tablet-port {
		display: none;
	}
	
	.hide-on-tablet-port.hide-on-phone {
		display: none!important;
	}
	.row-fullheight {
		min-height: 0!important;
	}
	
	/* --- Media Grid --- */
	#home-works .grid-2cols .grid-item,
	#home-works .grid-3cols .grid-item,
	#home-works .grid-4cols .grid-item,
	#home-works .grid-5cols .grid-item {
		width: calc(50% - 30px);
	}
	
	/* --- Grid --- */
	.row:not(.keep-on-tablet) {
		display: flex;
		flex-direction: column;
		margin: 0;
	}
	.row:not(.keep-on-tablet) .col {
		margin: 0 0 30px 0;
	}
	.row:not(.keep-on-tablet) .col:last-child {
		margin: 0;
	}
	.grid.small-gap {
		margin: 10px 0;
	}
	
	.row:not(.keep-on-tablet) .col.col-12,
	.row:not(.keep-on-tablet) .col.col-9, 
	.row:not(.keep-on-tablet) .col.col-8, 
	.row:not(.keep-on-tablet) .col.col-6, 
	.row:not(.keep-on-tablet) .col.col-4, 
	.row:not(.keep-on-tablet) .col.col-3, 
	.row:not(.keep-on-tablet) .col.col-2,
	.small-gap.grid-1cols .grid-item,
	.small-gap.grid-2cols .grid-item,
	.small-gap.grid-3cols .grid-item,
	.small-gap.grid-4cols .grid-item,
	.small-gap.grid-5cols .grid-item,
	.no-gap.grid-1cols .grid-item,
	.no-gap.grid-2cols .grid-item,
	.no-gap.grid-3cols .grid-item,
	.no-gap.grid-4cols .grid-item,
	.no-gap.grid-5cols .grid-item {
		width: 100%;
	}

	/* --- Header --- */
	header#header .header-inner {
		padding: 30px 30px 30px 73px;
	}
	nav.nav ul.main-menu > li {
		margin: 0 0 0 30px;
	}
	
	#header .nav-block nav {
		display: none;
	}
	#header .nav-block .mobile-header {
		display: block;
	}
	
	.mobile-header a {
		display: inline-block;
		width: 30px;
		height: 30px;
	}
	.mobile-menu-button {
		font-size: 32px;
		line-height: 30px;
	}
	a.aside-toggler {
		margin-left: 15px;
	}
	a.aside-toggler span {
		top: 16px;
	}
	
	/* --- Mobile Menu --- */
	nav.mobile-menu {
		position: fixed;
		right: 0;
		top: 0;
		width: 384px;
		height: 100%;
		background: #000000;
		display: block;
		z-index: 333;
		pointer-events: none;
		transform: translateX(100%);
		transition: transform 0.5s;
	}
	.mobile-menu-shown nav.mobile-menu {
		pointer-events: auto;
		transform: translateX(0);
	}
	.mobile-menu-shown .menu-overlay {
		opacity: 0.5;
		pointer-events: auto;
	}
	.mobile-menu-shown .page-title-wrap {
		transform: rotate(-90deg) translateY(-192px);
	}

	body.is-locked.mobile-menu-shown nav.mobile-menu {
		pointer-events: none;
	}
	.mobile-menu-inner {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		overflow-y: scroll;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: flex-start;
	}
	.mobile-menu-content {
		max-width: 100%;
		padding: 40px 40px;
		margin: auto 0;
		width: 100%;
	}
	nav.mobile-menu ul {
		padding: 0;
		margin: 0;
	}
	nav.mobile-menu ul li {
		padding: 0;
		margin: 0;
		list-style: none;
	}
	nav.mobile-menu ul.main-menu > li {
		padding-top: 10px;
	}
	nav.mobile-menu ul ul.sub-menu {
		padding: 0 0 0 20px;
	}
	nav.mobile-menu ul ul.sub-menu li {
		padding: 10px 0 0 20px;
		border-left: 1px solid rgba(255,255,255,0.15);
	}
	nav.mobile-menu ul ul.sub-menu > li:last-child {
		padding-bottom: 10px;
	}
	nav.mobile-menu a.aside-toggler {
		display: none!important;
	}
	nav.mobile-menu ul.main-menu li a {
		color: rgba(255,255,255,0.5);
		display: block;
	}
	nav.mobile-menu ul.main-menu > li > a {
		margin-bottom: 10px;
	}
	nav.mobile-menu ul.main-menu li.current-menu-parent > a,
	nav.mobile-menu ul.main-menu li.current-menu-item > a,
	nav.mobile-menu ul.main-menu li.current-menu-ancestor > a {
		color: rgba(255,255,255,1);
	}
	
	a.mobile-menu-close {
		position: fixed;
		right: 20px;
		top: 20px;
		width: 30px;
		height: 30px;
		z-index: 10;
		transition: opacity 0.3s;
	}
	body.is-locked a.mobile-menu-close {
		opacity: 0;
	}
	a.mobile-menu-close:before {
		content: '';
		width: 30px;
		height: 30px;
		position: absolute;
		right: 0;
		top: 0;
		color: rgba(255, 255, 255, 0.5);
		font-size: 24px;
		line-height: 30px;
		font-family: "LineAwesome";
		transition: color 0.3s;
		color: #fff;
		content: '\f191';
		text-align: right;
	}
	
	.aside-shown.albums-template--carousel .albums-carousel-wrap,
	.aside-shown.albums-template--slider .albums-slider-wrap,
	.aside-shown main.content-wrap,
	.aside-shown .home-wrap,
	.aside-shown header#header,
	.mobile-menu-shown.albums-template--carousel .albums-carousel-wrap,
	.mobile-menu-shown.albums-template--slider .albums-slider-wrap,
	.mobile-menu-shown main.content-wrap,
	.mobile-menu-shown .home-wrap,
	.mobile-menu-shown header#header {
		pointer-events: none;
		transform: translateX(-192px);
	}
	
	/* --- Contact Form --- */
	.contact-form .row.small-gap {
		flex-direction: column;
	}
	.contact-form .row.small-gap .col.col-4 {
		width: 100%;
		margin: 0;
	}
	
	/* --- Footer --- */
	.footer-inner {
		padding-left: 40px;
		padding-right: 40px;
	}
	
	/* --- Albums Listing --- */
	.albums-carousel .album-item__title h2 {
		font-size: 30px;
		line-height: 35px;
	}
	.albums-carousel .album-item__title h2 span {
		font-size: 12px;
		line-height: 14px;
	}
	.albums-carousel-wrap .album-item__title:before {
		top: 17px;
	}
	.slider-prev {
		left: 40px;
	}
	.slider-next {
		right: 40px;
	}
	
	/* --- Media Grid --- */
	.grid-2cols .grid-item,
	.grid-3cols .grid-item,
	.grid-4cols .grid-item,
	.grid-5cols .grid-item {
		width: calc(50% - 30px);
	}
	
	/* --- Elements --- */
	.testimonials-grid {
		margin: -20px -15px;
	}
	.testimonials-grid .testimonials-item {
		margin: 20px 15px;
		width: calc(50% - 30px);
	}
	
	/* --- Maintenance --- */
	.maintenance-wrap .contact-details {
		text-align: center;
		padding-top: 80px;
	}
	.maintenance-wrap .contact-details .contact-details__list {
		margin: 0 auto;
		text-align: left;
		display: inline-block;
	}
	.maintenance-wrap #contacts-wrap .col-8 {
		width: 100%;
	}
	.to-top-wrap {
		display: none;
	}
	.maintenance-wrap .to-top-wrap {
		display: flex;
		left: calc(100% - 91px);
	}
	.maintenance-wrap .content {
    	width: calc(100% - 352px);
    	margin: auto ;
	}
	
	.progress-item-wrap {
		padding: 0 20px;
	}
	.progress-counter {
		font-size: 20px;
		line-height: 25px;
		transform: translateX(3px);
	}
}

/* Mobile Phone Styles 
   ------------------- */
@media only screen and (max-width: 760px) {
	.mobile-title-wrap {
		display: block;
		margin: 0 0 50px 0;
	}
	body .hide-on-desktop,
	body .hide-on-laptop,
	body .hide-on-tablet,
	body .hide-on-tablet-land,
	body .hide-on-tablet-port,
	body section.section.hide-on-desktop,
	body section.section.hide-on-laptop,
	body section.section.hide-on-tablet,
	body section.section.hide-on-tablet-land,
	body section.section.hide-on-tablet-port {
		display: block;
	}
	body .hide-on-phone,
	body section.section.hide-on-phone {
		display: none;
	}
	
	/* --- Grid --- */
	.row {
		display: flex;
		flex-direction: column;
		margin: 0;
	}
	.col {
		margin: 0 0 30px 0;
	}
	.col:last-child {
		margin: 0;
	}
	.row.small-gap,
	.grid.small-gap {
		margin: 0 0 0 0;
	}
	.row.small-gap .col:last-child,
	.grid.small-gap .col:last-child {
		margin: 0;
	}
	.row.small-gap .col {
		margin: 0 0 10px 0;
	}
	
	.col.col-12,
	.col.col-9, 
	.col.col-8, 
	.col.col-6, 
	.col.col-4, 
	.col.col-3, 
	.col.col-2,
	.small-gap.grid-1cols .grid-item,
	.small-gap.grid-2cols .grid-item,
	.small-gap.grid-3cols .grid-item,
	.small-gap.grid-4cols .grid-item,
	.small-gap.grid-5cols .grid-item,
	.no-gap.grid-1cols .grid-item,
	.no-gap.grid-2cols .grid-item,
	.no-gap.grid-3cols .grid-item,
	.no-gap.grid-4cols .grid-item,
	.no-gap.grid-5cols .grid-item,
	.contact-form .row.small-gap .col.col-4 {
		width: 100%;
	}
	.col:empty {
		display: none;
	}	
	.contact-form .row.small-gap .col.col-4 {
		margin: 0;
	}

	/* --- Media Grid --- */
	.grid {
		margin: -15px 0;
		display: flex;
		flex-wrap: wrap;
	}
	.grid .grid-item {
		margin: 15px 0;
	}
	.grid-1cols .grid-item,
	.grid-2cols .grid-item,
	.grid-3cols .grid-item,
	.grid-4cols .grid-item,
	.grid-5cols .grid-item {
		width: 100%;
	}
	
	.gallery-bricks {
		margin: -5px;
	}
	.gallery-bricks .gallery-item {
		margin: 5px;
	}
	.gallery-bricks.is-1x2 .gallery-item {
		width: calc(50% - 10px);
	}
	.gallery-bricks.is-1x2 .gallery-item:nth-child(3n) {
		width: calc(100% - 10px);
	}
	.gallery-bricks.is-2x3 .gallery-item.is-large {
		width: calc(50% - 10px);
	}
	.gallery-bricks.is-2x3 .gallery-item.is-small {
		width: calc(33.33% - 10px);
	}

	/* --- Typography --- */
	.is-dropcap::first-letter,
	h1 {
		font-size: 40px;
		line-height: 45px;
		margin: 0 0 45px 0;
	}
	h1 span {
		font-size: 12px;
		line-height: 16px;
		margin: 0 0 0 0;
	}
	.mobile-title-wrap h1 span {
		margin: 0 0 6px 0;
	}
	h2 {
		font-size: 35px;
		line-height: 40px;
		margin: 0 0 40px 0;
	}
	h3 {
		font-size: 30px;
		line-height: 35px;
		margin: 0 0 35px 0;
	}
	h3 span {
		font-size: 12px;
		line-height: 15px;
		margin: 0 0 1px 0;
	}
	.slider-prev,
	.slider-next,
	h4 {
		font-size: 24px;
		line-height: 29px;
		margin: 0 0 29px 0;
	}
	h4 span {
		font-size: 12px;
		line-height: 15px;
		margin: 0 0 0 0;
	}
	h5 {
		font-size: 20px;
		line-height: 25px;
		margin: 0 0 25px 0;
	}
	h5 span {
		font-size: 10px;
		line-height: 13px;
		margin: 0 0 0 0;
	}
	h6 {
		font-size: 18px;
		line-height: 23px;
		margin: 0 0 23px 0;
	}
	h6 span {
		font-size: 10px;
		line-height: 13px;
		margin: 0 0 0 0;
	}
	.is-dropcap::first-letter {
		margin: 4px 15px 0 0;
		font-size: 50px;
		line-height: 55px;
	}
	#coming-soon h2 {
		font-size: 35px;
		line-height: 40px;
	}
	#coming-soon span {
		font-size: 12px;
		line-height: 24px;
	}
	.service-item__content-inner h3 {
		font-size: 24px;
		line-height: 29px;
	}
	
	.mobile-title-wrap h1 {
		font-size: 30px;
		line-height: 35px;
		display: block;
		text-align: center;
	}
	.mobile-title-wrap h1 span {
		transform: translate(0);
	}
	
	/* --- Content --- */
	.content {
		width: calc(100% - 40px);
	}
	aside#aside {
		max-width: calc(100% - 40px);
	}
	aside#aside .aside-inner {
		width: 100%;
	}
	.aside-close {
		transform: translateX(calc(-100% - 20px)) rotate(-90deg);
	}
	.aside-content {
		padding: 40px 20px;
	}
	.widget {
		margin: 0 0 60px 0;
	}
	.page-title-wrap {
		display: none;
	}
	.content {
		margin: auto;
	}
	.has-top-padding .content {
		padding-top: 40px;
	}
	.has-bottom-padding .content {
		padding-bottom: 40px;
	}
	#home-contacts p.intro {
		margin-bottom: 40px;
	}
	#home-works p.intro,
	section.section {
		margin-bottom: 80px;
	}
	p.intro {
		margin-bottom: 40px;
	}
	
	.contact-form__footer {
		flex-direction: column-reverse;
		justify-content: flex-end;
	}
	.contact-form__response span {
		display: block;
		padding-top: 10px;
	}

	/* --- Header --- */
	body:not(.has-header-padding) .header-holder,
	.header-holder {
		display: block;
	}
	header#header .header-inner {
		padding: 20px 20px;
	}
	nav.mobile-menu {
		width: 100%;
	}
	.menu-overlay {
		display: none;
	}
	
	.aside-shown.albums-template--carousel .albums-carousel-wrap,
	.aside-shown.albums-template--slider .albums-slider-wrap,
	.aside-shown main.content-wrap,
	.aside-shown .home-wrap,
	.aside-shown header#header,
	.mobile-menu-shown.albums-template--carousel .albums-carousel-wrap,
	.mobile-menu-shown.albums-template--slider .albums-slider-wrap,
	.mobile-menu-shown main.content-wrap,
	.mobile-menu-shown .home-wrap,
	.mobile-menu-shown header#header {
		pointer-events: none;
		transform: translateX(-50vw);
	}

	/* --- Footer --- */
	.footer-inner {
		flex-direction: column;
		align-items: center;
		padding: 15px 20px;
	}
	.footer-inner .footer__socials {
		margin-bottom: 15px;
	}
	
	/* --- Albums --- */
	.albums-carousel-wrap .album-item__inner {
		margin-right: 20px;
	}
	.albums-carousel-wrap .album-item .button {
		bottom: 20px;
		right: 20px;
	}
	.albums-carousel-progress {
		display: none;
	}
	.albums-template--carousel .albums-carousel-wrap .albums-carousel.is-vertical {
		width: calc(100% - 40px);
		margin: 0 auto;
	}
	.albums-template--carousel .albums-carousel-wrap .albums-carousel.is-vertical div.album-item .album-item__inner {
		margin-bottom: 20px;
	}
	.albums-slider-wrap .album-item__explore, 
	.back-wrap {
		margin: 0;
		left: calc(100% - 60px);
	}
	.albums-slider-wrap .album-item__title h2 span {
		line-height: 18px;
		margin: 0;
	}
	.albums-slider .album-item__explore span, 
	.home-link span:first-child, 
	.back span:first-child {
		font-size: 10px;
		margin-bottom: 0;
	}
	.home-link span:first-child {
		margin-bottom: 1px;
	}
	.back-wrap.is-loaded .back:not(.is-to-top) span:first-child, 
	.has-to-top .back-wrap.is-loaded .back.is-to-top span:first-child {
		margin-bottom: 0;
	}
	.albums-slider-wrap .album-item__title.is-loaded h2 span {
		font-size: 12px;
		line-height: 15px;
		margin: 0 0 1px 0;
	}
	.albums-slider-wrap .album-item__title.is-loaded h2,
	.albums-slider .album-item__explore,
	.home-link span:last-child,
	.back span:last-child {
		font-size: 24px;
		line-height: 29px;
	}
	.back-wrap:before,
	.home-link-wrap:before {
		top: 18px;
	}
	.albums-slider-wrap .album-item__explore:before, 
	.albums-slider-wrap .album-item__title:before {
		top: 16px;
	}
	.slider-prev {
		left: 20px;
	}
	.slider-next {
		right: 20px;
	}
	.albums-template--slider .page-title-wrap {
		display: flex;
		left: 20px;
	}
	.albums-slider-wrap .album-item__title, 
	.page-title-wrap {
		left: 20px;
	}
	.page-title-wrap h1 {
		font-size: 40px;
		line-height: 45px;
	}
	.page-title-wrap h1 span {
		font-size: 12px;
		line-height: 18px;
	}
	.albums-template--slider .page-title-wrap:before {
		top: 20px;	
	}
	.albums-template--slider .page-title-wrap h1 {
		font-size: 30px;
		line-height: 35px;
	}
	.mobile-title-wrap:before {
		top: 18px;
	}
	
	/* --- Home Template --- */
	.home-template .content {
		padding-top: 50px;
	}
	.content-shown footer#footer {
		opacity: 0;
	}
	#home-works .grid-2cols .grid-item, 
	#home-works .grid-3cols .grid-item, 
	#home-works .grid-4cols .grid-item,
	#home-works .grid-5cols .grid-item {
		width: 100%;
	}
	body.home-template .content {
		margin: auto auto auto 20px;
		width: calc(100% - 95px);
	}
	#home-works {
		padding-bottom: 0;
	}
	.home-link--works.home-link-wrap {
		left: calc(25% - 21px);
	}
	.home-link--contacts.home-link-wrap {
		left: calc(75% - 41px);
	}
	.home-link-wrap {
		padding-left: 130px;
	}
	
	/* --- Services --- */
	.services-block {
		padding: 0 0 40px 0;
		margin: -40px 0 0 0;
	}
	.service-item {
		flex-direction: column;
	}
	.service-item:nth-child(even ) {
		flex-direction: column;
	}
	.service-item .service-item__content,
	.service-item .service-item__image {
		width: calc(100% - 40px);
	}
	.service-item .service-item__image {
		margin: 0 auto 0 0;
	}
	.service-item .service-item__content {
		margin: -40px 0 0 auto;
	}
	.service-item:nth-child(even ) .service-item__content {
		margin: -40px auto 0 0;
	}
	.service-item:nth-child(even ) .service-item__image {
		margin: 0 0 0 auto;
	}
	.service-item__content-inner {
		padding: 30px 20px 24px 20px;
	}
	
	/* --- Testimonials Grid --- */
	.testimonials-grid {
		margin: -20px 0;
	}
	.testimonials-grid .testimonials-item {
		margin: 20px 0;
		width: 100%;
	}
	
	/* --- Maintenance --- */
	.maintenance-wrap .contact-details {
		text-align: center;
		padding-top: 30px;
	}
	.maintenance-wrap .to-top-wrap {
		display: none;
	}
	.maintenance-wrap .content {
    	width: 100%;
    	margin: auto ;
	}

	.albums-carousel-wrap .is-inview .album-item__title h2 span,
	.page-title-wrap.is-loaded h1 span {
		transform: translateX(-30px);
	}
	.albums-carousel-wrap .is-inview .album-item__title {
		left: 20px;
	}
	.albums-carousel-wrap .is-inview .album-item__title h2 {
		padding-left: 30px;
	}
	.albums-carousel-wrap .is-vertical .album-item__title:before {
		top: 16px;
	}
	.albums-carousel.is-medium .album-item__title h2,
	.albums-carousel .album-item__title h2 {
		font-size: 20px;
		line-height: 24px;
	}
	.albums-carousel.is-medium .album-item__title h2 span {
		font-size: 10px;
		line-height: 15px;
	}
	.albums-carousel-wrap .album-item .button {
		padding: 10px 20px 10px 20px;
	}
	.slider-prev,
	.slider-next {
		margin: 0;
		bottom: 70px;
	}
	
	.testimonials-carousel .testimonials-item__content {
		font-size: 16px;
		line-height: 28px;
	}
	.progress-item-wrap {
		max-width: 180px;
		margin: 0 auto;
	}
	.service-card__content {
		padding: 40px 20px 23px 20px;
		margin: -20px 0 0 20px;
	}
	.service-card__head img {
		width: 80px;
	}
	.service-card .service-card__label h4 {
		font-size: 18px;
		line-height: 23px;
	}
	.service-card .service-card__label h4 span {
		font-size: 12px;
		line-height: 15px;
	}
	.service-card .service-card__label h4 {
		margin: 7px 0 0 0;
	}
}
/* Old Mobile Phone Styles */
@media only screen and (max-width: 340px) {
	.service-card .service-card__label h4 {
		font-size: 16px;
		line-height: 21px;
	}
	.service-card .service-card__label h4 span {
		font-size: 10px;
		line-height: 13px;
	}
	.service-card .service-card__label h4 {
		margin: 12px 0 0 0;
	}
	.service-card__content {
		margin-top: -17px;
	}
}