/* mobile menu */
 
.left-menu {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	width: 300px;
	height: 100%;
	background: white;
	overflow: auto;
	z-index: 7;
	transform: translateX(-100%);
}
.left-menu.active {
	display: block;
	animation: left 0.4s ease;
	transform: translateX(0%);
}
@keyframes left {
	0% {
		transform: translateX(-100%);
	}
	100% {
		transform: translateX(0%);
	}
}
.left-menu li {
    display: block;
	padding: 25px;
	position: relative;
	border-left: 2px solid transparent;
	border-right: 1px solid transparent;
	border-bottom: 1px solid #e1e1e1;
}
.left-menu .menu-item-has-children {
	border-left: 4px solid #3aa039;
}
.left-menu a {
	color: #000;
	display: block;
}
.mobile-overlay {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 6;
    background: rgba(0, 0, 0, 0.71);
}
.mobile-overlay.active {
	display: block;
}
.left-menu .header-item {
 	margin-bottom: 20px;
}
.left-menu .mobile-bottom {
	padding: 20px;
}
.left-menu .header-title {
	font-weight: 600;
	display: block;
	margin-bottom: 10px;
}
.left-menu .header-item.time {
	margin-bottom: 15px;
}
.left-menu .header-item.phone a {
	font-size: 15px;
	line-height: 1.2;
}
.left-menu .btn-call {
	margin-top: 20px;
}

header .phone.telefone-mobile {
	display: none;
	margin-top: 10px;
}
header .city {
    margin-top: -20px;
}



@media all and (max-width: 1280px) {
	.portfolio {
		overflow: hidden;
	}
}

@media all and (max-width: 1200px) {
	.services-block .service-item {
		width: 25%;
	}
	.form:before {
		display: none;
	}
	.form {
		width: 500px;
		max-width: 100%;
		margin: 50px auto 25px;
		min-height: auto;
		padding: 40px;
		flex-wrap: wrap;
	}
	.form-title {
		width: 100%;
		text-align: center;
		margin-bottom: 20px;
	}
	.form .form-right {
		max-width: 100%;
	}
	.portfolio .gallery .portfolio-slide .portfolio-item {
	    width: 27% !important;	
	}
	.form .form-right .form-phone a {
		display: table;
		margin: 0 auto;
	}
}

@media all and (max-width: 1024px) {
	.frist-screen {
		min-height: auto;
		padding: 100px 0 50px;
	}
	.frist-screen .call, .btn-call {
		padding: 20px 35px;
		font-size: 16px;
	}
	.about-logo {
		display: none;
	}
	.about .about-text {
		max-width: 100%;
	}
	.portfolio .portfolio-slider {
		margin-left: -15px;
		margin-right: -15px;
	}
	.portfolio .portfolio-slider .portfolio-item {
		margin: 0 15px;
	}
	.portfolio .gallery .portfolio-slide .portfolio-item {
	    width: 30% !important;
	    margin: 0;
	    margin-bottom: 20px;
	}

	.post-thumbnail {
		padding: 100px 0 50px;
		min-height: auto;
	}

	.form-right:before {
		display: none;
	}
	.form-right {
		top: -60px;
	}
}

@media all and (max-width: 900px) {
	.services-block .service-item, .advantages-block .advantage-item {
		width: 33.3%;
	}
	header .btn-call {
		display: none;
	}
	footer .wrapper {
		flex-wrap: wrap;
		justify-content: center;
	}
	.footer-item {
		width: 100%;
		text-align: center;
		margin-bottom: 20px;
	}
	.footer-logo {
		flex-wrap: wrap;
	}
	footer .footer-logo span {
		width: 100%;
		margin: 15px 0 0;
		display: block;
	}
	footer .footer-logo span br {
		display: none;
	}
	footer .socials {
		margin-bottom: 10px;
	}
	footer .socials, footer .footer-address, footer .footer-logo {
		justify-content: center;
	}
	.copyright {
		width: 100%;
		text-align: center;
		margin-bottom: 20px;
	}
	.footer-copyright .wrapper {
		justify-content: space-around;
	}

	.form-right {
		display: none;
	}
}

@media all and (max-width: 768px) {
	.services-block .service-item, .advantages-block .advantage-item {
		width: 50%;
	}
	.portfolio .gallery .slick-dots {
		margin-top: 20px;
	}
	.frist-screen .second-text {
		font-size: 19px;
	}
}

@media all and (max-width: 625px) {
	header .time, header .phone {
		display: none;
	}
	.logo img {
		width: 60px;
	}
	.burger {
		display: block;
	}
	.frist-screen h1 {
		margin-bottom: 20px;
	}
	.frist-screen h1, .post-thumbnail .post-title {
		font-size: 25px;
	}
	.title {
		font-size: 20px;
	}
	.form .form-title {
		font-size: 17px;
		line-height: 1.2;
	}
	.fancybox-inner ul {
		column-count: 1;
	}
}

@media all and (max-width: 500px) {
	header .phone a {
		font-size: 15px;
	}
	header .phone.telefone-mobile {
		display: block;
	}
	header .phone.telefone-mobile a.whatsapp {
		font-size: 12px !important;	
	}
}

@media all and (max-width: 425px) {
	.services-block .service-item, .advantages-block .advantage-item {
		width: 100%;
	}
	.advantages-block .advantage-item h4 {
		font-size: 17px;
	}
	.advantages-block .advantage-item p br {
		display: none;
	}
	.form {
		padding: 25px;
	}
	.form .btn-call {
		font-size: 14px;
	}
	.privacy {
		margin-bottom: 15px;
	}

	.modal-form {
	    padding: 60px 30px 30px !important;	
	}
}

@media all and (max-width: 375px) {
 
}

@media all and (max-width: 320px) {
 
}