:root {
    --bg-nav: #fdcc47;
    --color-nav: rgba(0, 0, 0, .5);
    --color-text: black;
    --bg-dropdown: #f0f0f0;
    --color-footer: #343a40;
}


@media(max-width: 1200px) {
	
	body,
	form {
		font-size: 15px;
	}
	.form-container {
		max-width: 400px;
	}
	.modal__content {
        max-width: 600px;
	}
	
}

@media(max-width: 1060px) {
	
	body,
	form {
		font-size: 13px;
	}
	
	.container {
    max-width: 960px;
}
	
    .menu ul {
        flex-direction: column;
        align-items: flex-start;
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.3s ease-in-out, background-color 0.3s ease-in-out; /* Плавное изменение фона */
    }

    .menu.active ul {
        max-height: max-content;
        background-color: var(--bg-nav); /* Изменение фона при активном меню */
    }

    .line,
    .contacts-header .button {
        display: none;
    }

    .menu-toggle {
        display: flex;
        align-items: center;
        gap: 5px;
    }

    .dropdown {
        max-height: 0;
        overflow: hidden;
        position: static;
        background-color: var(--bg-nav);
        transition: max-height 0.3s ease-in-out;
    }

    .menu ul > li.active .dropdown {
        display: block;
        max-height: 500px;
    }
	
	footer .container {
		position: relative;
	}

    footer .contacts {
        font-size: 14px;
		position: absolute;
        top: 0;
        right: 0;
		flex-direction: column;
    }

    .icon {
        width: 43px;
		height: auto;
    }
	

}

@media(max-width: 900px) {
	
	.title-block {
		display: flex;
		justify-content: center;
	}
	
	.title-block::before, .title-block::after {
		display: none;
	}

    .footer-button .button,
    .footer-button {
        display: none;
    }

    .menu-footer {
        grid-template-columns: repeat(2, 1fr);
    }

    .footer-bottom .logo {
        display: none;
    }

    .footer-bottom {
        grid-template-columns: repeat(2, 1fr);
    }
	
	/* Вотсап мобильная версия */
.contacts-header-mobile {
	display: block;
}
	.contacts-header {
		display: none;
	}
	
	
	.work-wrapper {
	flex-direction: column;
		gap: 20px;
	}
	
	.work-card {
		display: flex;
		gap: 20px;
		align-items: center;
	}
	
	.work-desc {
    max-width: 100%;
}
	
	
	.swipe-content {
		flex-direction: column;
	}
	
.check-block-items.columns-2,
.check-block-items.columns-3 {
    grid-template-columns: 1fr;
}

.check-block-items.columns-4 {
    grid-template-columns: repeat(2, 1fr);
}

	
	
}

@media(max-width: 781px) {
	.contacts img {
		width: 35px;
	}
	
		.container {
    max-width: 720px;
}
	
	.additionally-text,
	.check-block {
		display: flex;
    	flex-direction: column;
    	align-items: center;
		align-content: center;
	}
	
	  .check-block-items[class*="columns-"] {
        grid-template-columns: 1fr;
    }
	
	.box {
		display: flex;
		flex-wrap: wrap;
	}
	.form-column {
		grid-template-columns: 1fr;
	}
	.form-info {
		flex-direction: column;
	}
	.modal__content {
        max-width: 70vw;
        max-height: 80vh;
	}
	
}

@media(max-width: 570px) {
    .contacts-header .text-header,
	.contacts {
        display: none;
    }
	
		.container {
    max-width: 540px;
}
	
		.check-block .alignright {
    text-align: center;
}
	
	.address-wrap {
		flex-direction: column;
		align-items: center;
	}
	.yellow-line {
/* 		display: none; */
		position: absolute;
		transform: rotate(90deg);
		height: 60vw;
        width: 3px;
        box-sizing: border-box;
		min-height: 250px;
	}
	
	.address {
		position: relative;
		top: 20px;
		margin-bottom: 20px;
	}
	.address:not(:first-child) {
		margin-top: 20px;
	}
	
}

@media(max-width: 430px) {
	
			body {
		font-size: 10px;
	}
	
    .header .contacts {
        display: none;
    }

    .header {
        justify-content: center;
    }
	
	.contacts-header-mobile {
	display: none;
}
}