/*------------------------------------------------------------------------------
 ******************* Файл адаптивных стилей: adaptive.css **********************
 ******************* Собственность компании WEBBERRIES *************************
 ******************* https://webberries.ru (C) 2018-2019 ***********************
 ******************* Для вопросов: webberries@yandex.ru ************************
 ******************* Дата обновления: 30.10.2019 *******************************
-------------------------------------------------------------------------------*/


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

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

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

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

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

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



	header {
		height: unset;
		padding: 20px 15px;
	}
	header .logo {
		width: 100%;
		height: unset;
		float: unset;
	}
	header .logo img {
		height: unset;
		width: 50%;
		display: block;
		float: unset;
		margin: 0 auto;
	}
	header .logo div {
		display: block;
		width: 100%;
		margin-top: 15px;
		margin-left: unset;
		padding-left: unset;
		border-left: 0;
		border-bottom: 1px solid #ccc;
		margin-bottom: 15px;
		padding-bottom: 15px;
		height: unset;
		position: relative;
		float: unset;
	}
	header .logo div h1 {
		font-size: 0.6em;
		color: #212223;
		text-align: center;
		text-transform: uppercase;
		letter-spacing: 0px;
		display: block;
		position: relative;
		top: unset;
		transform: unset;
	}
	header .contacts {
		width: 100%;
		float: unset;
		text-align: center;
		height: unset;
		position: relative;
	}
	header .contacts div {
		position: relative;
		top: unset;
		transform: unset;
		font-size: 1.2em;
		font-weight: bold;
		color: #212223;
	}
	header .contacts div i {
		font-size: 1.1em;
		color: #889944;
	}

	nav {
		display: none;
	}

	section.slider .container .info {
		display: none;
	}

	section.whywe {
		padding: 20px 15px;
	}

	section.whywe .b-7 {
		width: 60%;
		padding: 10px;
		float: unset;
		margin: 0 auto;
	}

	section.houses {
		padding: 20px 15px;
	}

	section.houses .b-4 {
		width: 100%;
	}

	section.blocks {
		padding: 20px 15px;
	}

	section.blocks .b-6 {
		width: 50%;
	}

	section.gallery {
		padding: 20px 15px;
	}

	section.gallery .insta_post {
		width: calc(33.333333% - 20px);
	}


	section.help {
		padding: 20px 15px;
	}

	section.help .b-5 {
		width: 50%;
	}

	footer {
		padding: 40px 15px;
	}

	footer .map {
		width: 100%;
		height: 240px;
		background: #343536;
	}

	footer .right {
		text-align: center;
	}

	footer .center {
		text-align: center;
		padding: 20px 0;
	}

	footer .b-3 {
		width: 100%;
		font-size: 0.8em;
		color: #ccc;
	}



	.building  {
		padding: 20px 15px;
	}

	.building .b-3, .building .b-3f {
		width: 100%;
	}

	.building .b-3 .b-3 {
		width: 33.333333%;
	}

	.building h2 {
		font-size: 1.5em;
		font-family: 'Roboto Condensed', sans-serif;
		font-weight: bold;
		margin-top: 0;
		margin-bottom: 20px;
	}

	.building h4 {
		margin-top: 30px;
		margin-bottom: 10px;
		margin-left: 2px;
		text-transform: none;
		font-size: 1.2em;
		text-align: left;
	}

	.building h3 {
		margin-bottom: 10px;
		text-transform: none;
		font-size: 1.6em;
		text-align: left;
	}

	.building .info {
		background: #fff;
		padding: 10px;
		margin-left: 00px;
		margin-top: 10px;
	}	

	.building .cost {
		text-align: center;
		background: transparent;
	}	
	.building .cost span {
		font-size: 2.5em;
		font-family: 'Roboto Condensed', sans-serif;
		font-weight: bold;
	}
	.building .cost .shop {
		display: inline-block;
		padding: 10px 20px;
		background: rgba(255,87,34 ,1);
		color: #fff;
		text-transform: uppercase;
		font-size: 1em;
		cursor: pointer;
		transition: .5s;
	} 
	.building .cost .shop:hover {
		background: rgba(216,67,21 ,1);
	}


	header .mobile-hamburger {
		display: block;
		position: absolute;
		top: 10px;
		right: 10px;
		color: #ccc;
		font-size: 2em;
		z-index: 10000;
	}

	.mobile-menu {
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background: rgba(255,255,255,1);
		z-index: 100000;
	}

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

	.mobile-menu .menu-buttons {
		margin-top: 60px;
		text-align: center;
	}

	.mobile-menu .menu-buttons .menubtn {
		text-align: center;
		font-size: 1.2em;
		margin: 10px 0;
	}






}