/*******************************************
 *** Адаптивные стили 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 (min-width: 1900px) {
	section, header, footer, nav { 
		min-width: 1660px; 
	}

	div.con { 
		width: 1660px; 
	}

	html, body, div, span, input, textarea, select, button { 
	  font-size: 18px; 
	}
}



@media screen and (max-width: 800px) {
 	
	nav {
		height: unset;
		position: fixed;
		inset: 0;
		z-index: 1000000;
		display: none;
	}
 	
 	nav .con {
 		display: block;
 		padding: 100px 25px 25px 25px;
 	}

 	nav .con .hamburger-close {
 		position: absolute;
 		right: 15px;
 		top: 15px;
 		width: 50px;
 		height: 50px;
 		text-align: center;
		line-height: 50px;
		background: rgba(0, 0, 0, .50);
		border-radius: 12px;
 		color: #fff;
 		display: block;
 		font-size: 2em;
 	}

 	nav .con .menu-btn {
 		margin-bottom: 10px;
 		background: rgba(255, 255, 255, .10);
 		text-align: center;
 		font-size: 1.0em;
 		font-weight: 600;
 		border-radius: 12px;
 		height: unset;
 		line-height: 1.5;
 	}

 	nav .con .menu-btn a {
 		padding: 15px 25px;
 	}

 	nav .con .button-main {
 		text-align: center;
 	}

 	.hamburger {
		display: block;
		position: fixed;
		top: 15px;
		right: 15px;
		z-index: 999999;
		color: #fff;
		background: rgba(0, 0, 0, .50);
		width: 50px;
		height: 50px;
		text-align: center;
		line-height: 50px;
		font-size: 2em;
		border-radius: 12px;
	}


	header .con {
		padding: 25px 15px;
		flex-wrap: wrap;
	}

	header .con .logo {
		width: 220px;
		height: 220px;
		margin: 0 auto;
		order:1;
		margin-bottom: 15px;
	}

	header .con .left,
	header .con .right {
		width:100%;
		order:2;
		text-align: center;
	}


	section.about, section.classes, section.organization, section.contacts, footer {
		padding: 25px 15px;
	}

	section.about h1 {
		font-size: 2em;
	}

	section h2 {
		font-size: 2em;
	}

	.line {
		margin: 15px auto 25px auto !important;
	}

	section.about .items {
		align-content: flex-start;
	}

	section.about .left,
	section.about .right {
		width: 100%;
	}

	section.about .left {
		height: 200px;
		margin-bottom: 25px;
		animation: none;
	}

	section.classes {
		padding-bottom: 0;
	}

	section.classes .items > div {
		width: 100%;
		margin-bottom: 75px;
		text-align: center;
	}

	section.classes .items > div h3 {
		font-size: 1.25em;
		margin-bottom: 15px;
	}

	section.classes .items > div p:nth-child(3) {
		margin-bottom: 15px;
		background: #efefef;
		border-radius: 12px;
		padding: 10px 15px;
		text-align: left;
	}

	section.classes .items > div p:nth-child(4) {
		font-size: 1.25em;
		font-weight: 700;
		margin-bottom: 15px;
	}


	section.organization .items {
		align-items: flex-start;
	}

	section.organization .items > div:nth-child(1) {
		width: 100%;
		order: 1;
		padding: 0;
	}

	section.organization .items > div:nth-child(2) {
		width: 100%;
		height: 200px;
		order: 2;
		animation: none;
		margin: 25px 0;
	}

	section.organization .items > div:nth-child(4) {
		width: 100%;
		height: 200px;
		order: 4;
		animation: none;
		margin: 25px 0;
	}

	section.organization .items > div:nth-child(3) {
		width: 100%;
		order: 3;
		padding: 0;
	}


	section.contacts .items {
		align-items: flex-start;
	}

	section.contacts .items > div {
		width: 100%;
	}

	section.contacts .items > div:nth-child(1) {
		width: 100%;
		margin-bottom: 25px;
	}

	section.contacts .items > div:nth-child(2) {
		height: 300px;
	}


}