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

/*------------------------------------------------------------------------------
 ******************* TABLETS SETTINGS ******************************************

@media screen and (min-width: 480px) and (max-width: 800px) {
	section, footer, header { width: 100%; min-width: 100%; padding: 0; overflow: hidden; }
	.container { width: 94%; overflow: hidden; margin: 0 auto; }

	section h2, section h3 {
		font-size: 1.8em;
	}

	div.overlay .window {
	  width: 90%;
	  padding: 10px;
	}

}
-------------------------------------------------------------------------------*/




/*
@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; 
	}
}
*/




/*------------------------------------------------------------------------------
 ******************* MOBILE SETTINGS *******************************************
 @media screen and (max-width: 479px) {
-------------------------------------------------------------------------------*/
@media screen and (max-width: 800px) {
 	section, footer, header, nav { width: 100%; min-width: 100%; padding: 0; overflow: hidden; }
	div.con { width: 100%; overflow: hidden; margin: 0 auto; }

	h1, h2, h3 {
		font-size: 1.6em;
	}

	h3, h4, h5, h6 {
		font-size: 1.2em;
	}

	div.popup .window {
	  width: 90%;
	  padding: 40px 10px 10px 10px;
	}

	div.popup .window input, div.popup .window button {
		width: 90%;
	}

	.mobileclear {
		clear: both !important;
	}



	.mobile-menu-close,
	.mobile-hamburger {
		display: block;
	}



	header {
		height: unset;
		height: 80px;
		padding: 0 15px;
	}

	header .man {
		display: none;
	}

	header .logo {
		float: left;
		width: 180px;
		height: 60px;
		margin-top: 10px;
	}

	header .phone span {
		display: none;
	}

	header .address {
		display: none;
	}

	header .phone {
		position: absolute;
		right: 75px;
		top: 10px;
		left: unset;
		transform: unset;
	}

	header .mobile-hamburger {
		position: absolute;
		right: 0px;
		top: 10px;
		height: 60px;
		width: 60px;
		line-height: 60px;
		text-align: center;
		color:#fff;
		background: #111;
		font-size: 2em;
	}

	nav {
		display: none;
		height: unset;
		line-height: unset;
		position: fixed;
		z-index: 10000;
		background: rgba(0, 0, 0, 1);
		inset: 0;
		padding: 100px 25px 50px 25px;
	}

	nav .menu-btn {
		display: block;
		margin-top: 15px;
		border-color: #ccc;
	}

	nav .mobile-menu-close {
		position: absolute;
		top:15px;
		right: 15px;
		color:#fff;
		font-size: 2em;
	}

	section {
		padding: 25px 15px;
	}

	section.main .con h1 {
		color:#fff;
		font-size: 2.5em;
		line-height: 1;
		text-transform: uppercase;
		width: 100%;
	}

	section.main .con p {
		color:#fff;
		font-size: 1.25em;
		font-weight: 400;
		margin-top: 20px;
		margin-bottom: 25px;
		line-height: 1.2;
	}

	section.main .con {
		z-index: 10;
		padding: 70px 0 50px 0;
	}



	section h2 {
		font-size: 2.0em;
		font-weight: 800;
		padding-left: 40px;
		padding-top: 0;
		padding-bottom: 0;
		position: relative;
		margin-bottom: 25px;
	}

	section h2:before {
		content: "";
		position: absolute;
		top:0;
		left: 0;
		bottom: 0;
		width: 20px;
		background: #1E88E5;
	}


	section h3 {
		font-size: 1.5em;
		font-weight: 600;
		margin-bottom: 15px;
	}



	section.about-us .left {
		padding-right: unset;
		width: 100%;
	}

	section.about-us .right {
		width: 100%;
		margin-top: 15PX;
	}

	section.about-us .right p {
		margin-top: 15px;
	}


	section.uslugi .b-3 {
		width: 100%;
	}

	footer {
		overflow: visible;
		padding: 25px 15px;
		z-index: 100000;
		height: unset;
	}

	footer .menu {
		width: 270px;
		padding: 25px 28px;
		background: #fff;
		overflow: visible;
		position: absolute;
		line-height: 2;
		left: 0;
		bottom: 174px;
	}

	footer .menu-btn-open {
		/*border:1px solid #ccc;*/
		color:#fff;
		height: 60px;
		line-height: 60px;
		padding: 0 0;
		text-align: center;
		display: block;
		font-size: 1.5em;
		border-radius: 0;
		cursor: pointer;
		transition: 0.2s;
		background: #1E88E5;
		margin-bottom: 15px;
	}


	footer .address {
		display: block;
		margin-top: 15px;
		width: 100%;
		position: relative;
		top: unset;
		transform: unset; 
		left:unset;
		text-align: center;
	}


	section.static {
		margin-top: 0px;
	}


	footer .phone {
		text-align: right;
		position: relative;
		top:unset;
		transform: unset;
		right: unset;
		text-align: center;
		margin-top: 15px;
	}

	section.uslugi.uslugi-catalog-inside .b-3 {
		width: 33.3333333%;
	}

}