/*******************************************
 *** Адаптивные стили ADAPTIVE.CSS
 *** Собственность компании WEBBERRIES
 *** https://webberries.ru (C) 2005-2025
 *** Для вопросов: webberries@yandex.ru
 *** Дата обновления: 30.01.2025
 *** Версия файла: V4.10 
 *******************************************/




/*
@media screen and (min-width: 1900px) {
	section, header, footer, nav { 
		min-width: 1880px; 
	}

	div.con { 
		width: 1840px; 
	}
}

@media screen and (min-width: 1600px) and (max-width: 1899px) {
	section, header, footer, nav { 
		min-width: 1560px; 
	}

	div.con { 
		width: 1520px; 
	}
}
*/



@media screen and (max-width: 800px) {
	
	nav .logo {
		display: none;
	}

	nav {
		display: none;
		background: #111;
		height: unset;
		position: fixed;
		z-index: 2000000;
		inset: 0;
		transition: 0s;
		padding: 125px 50px 50px 50px;
	}

	nav .con {
		display: block;
	}

	nav.inside {
		background: #111;
	}

	nav.scroll,
	nav.inside.scroll {
		background:  #111;
		backdrop-filter: blur(0);
		transition: 0s;
	}

	nav .menu-btn {
		height: unset;
		line-height: unset;
		padding: 12px 0;
		background: transparent;
		border-radius: 0;
		transition: 0s;
		cursor: pointer;
		text-align: center;
		font-size: 1.25em;
	}


	nav .phone {
		font-size: 2em;
		margin-top: 50px;
		text-align: center;
		font-family: 'Forum', serif;
		letter-spacing: 3px;
	}



	.hamburger-close {
		display: unset;
		position: absolute;
		top: 15px;
		right: 25px;
		height: 60px;
		line-height: 60px;
		color: #fff;
		font-size: 2em;
	}


	.logo-mobile {
		display: unset;
		width: 200px;
		height: 60px;
		background: url(/sys/images/main/estua-new.png) left center / contain no-repeat;
		position: fixed;
		left: 25px;
		top: 15px;
		z-index: 1000100;
	}

	.logo-mobile a {
		display: inline-block;
		position: absolute;
		inset: 0;
	}

	.mobile-menu-overlay {
		display: unset;
		height: 90px;
		background: rgba(0, 0, 0, .30);
		position: fixed;
		left: 0;
		top: 0;
		right: 0;
		z-index: 1000099;
		backdrop-filter: blur(10px);
	}

	.hamburger {
		display: unset;
		position: fixed;
		z-index: 1000100;
		color: #fff;
		right: 25px;
		top: 15px;
		height: 60px;
		line-height: 60px;
		font-size: 2em;
	}

	header .con h1 {
		font-size: 2.5em;
	}

	header {
		padding: 150px 25px 50px 25px;
	}

	header .con {
		padding: 0;
	}

	header .con p {
		font-size: 1.25em;
	}

	header .con img {
		width: 100%;
		margin: 50px auto 0 auto;
	}

	.yakor {
		top: -90px;
	}

	section {
		padding: 50px 25px;
	}

	section.catalog-main .items .item {
		width: 100%;
	}

	section.catalog-sub {
		padding: 0 25px 25px 25px;
	}

	section.catalog-sub .items .item {
		width: 100%;
		margin-bottom: 25px;
	}


	section.about {
		padding: 25px 25px 50px 25px;
	}

	section.socials {
		padding: 25px;
		background: #111;
	}

	section.socials .con > div {
		width: 100%;
		margin-bottom: 5px;
	}

	section.socials .con > div:last-child {
		margin-bottom: 0;
	}

	section.socials .con > div:nth-child(1) i,
	section.socials .con > div:nth-child(2) i {
		font-size: 2.0em;
	}

	section.socials .con > div:nth-child(1) span:nth-child(3) {
		color: #777;
		display: block;
		width: 100%;
		text-align: center;
	}

	section.socials .con > div:nth-child(1),
	section.socials .con > div:nth-child(2),
	section.socials .con > div:nth-child(3) {
		justify-content: center;
	}

	section.catalog-inside {
		padding: 50px 25px 50px 25px;
	}

	section.catalog-inside h1 {
		font-size: 2.5em;
	}


	section.catalog-inside .items > div:nth-child(1) {
		width: 100%;
	}

	section.catalog-inside .items > div:nth-child(2) {
		width: 100%;
		margin-top: 50px;
	}

	section.catalog-inside .gallery {
	  column-count: 2;
	  column-gap: 25px;
	}


	
}