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


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

	section.banners {
		height: 500px;
	}

	section.banners .con .owl-carousel-2 .owl-dots {
		position: absolute;
		top: 440px;
	}
}

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

	.mobileclear {
		clear: both !important;
	}

	body {
		background: transparent;
	}

	body:before {
	    content: '';
	    background: #111 url(/images/main/header-bg.jpg) center center / cover;
	    position: fixed;
	    left: 0;
	    right: 0;
	    top: 0;
	    bottom: 0;
	    z-index: -1;
	}



	header {
		height: unset;
		margin-top: 0;
		padding: 20px;
	}

	header .logo {
		height: unset;
		width: 100%;
	}

	header .logo .image {
		background: url(/images/main/logo-compress.png) center center / contain no-repeat;
		height: 100px;
		width: 100%;
	}

	header .logo h1 {
		text-align: center;
		display: block;
		height: unset;
		line-height: unset;
		font-size: 1.0em;
		text-transform: uppercase;
		font-weight: 700;
		letter-spacing: 0px;
		color: #fff;
	}

	header .socials {
		position: relative;
		top: unset;
		transform: unset;
		right: unset;
		text-align: center;
		margin-top: 25px;
	}

	header .socials .soc-btn {
		display: inline-block;
		width: 50px;
		height: 50px;
		border-radius: 8px;
		color: #fff;
		font-size: 2em;
		text-align: center;
		line-height: 50px;
		text-shadow: 1px 1px 2px rgba(0,0,0,0.25);
		margin: 0 15px;
	}

	header .socials .soc-btn.vk {
		margin-right: unset;
	}

	header .phone {
		height: unset;
		width: 100%;
		position: relative;
		top: unset;
		right: unset;
		margin-top: 25px;
	}

	header .phone .phone-number {
		width: 100%;
		height: 50px;
		background: url(/images/main/phone.png) center center / contain no-repeat;
	}

	header .phone .worktime {
		text-align: center;
		height: unset;
		line-height: unset;
		font-size: 0.8em;
		font-weight: 500;
		color: #fff;
	}



	section.banners {
		padding: 0 20px;
	}

	section.banners {
		margin-top: 25px;
		margin-bottom: 25px;
		height: 200px;
	}

	.catalog {
		margin-top: 50px;
		padding: 0 20px;
	}

	.catalog h2 {
		text-align: center;
		font-size: 1.75em;
	}

	.catalog .item {
		width: 100%;
	}

	section.video {
		margin: 25px 0 25px 0;
		padding: 0 20px;
	}

	section.video h2 {
		text-align: center;
		font-size: 1.75em;
	}

	section.video .con iframe  {
		display: block;
		width: 100%;
		height: 200px;
		border-radius: 11px;
	}



	footer {
		padding: 20px 20px 100px 20px;
		background: rgba(0,0,0,0.75);
	}

	footer .con {
		height: 100%;
	}

	footer .logo {
		height: unset;
		float: unset;
		width: 100%;
	}

	footer .logo .image {
		background: url(/images/main/logo-compress.png) center center / contain no-repeat;
		height: 50px;
	}

	footer .logo h3 {
		text-align: center;
		display: block;
		height: 30px;
		line-height: 30px;
		font-size: 0.8em;
		text-transform: uppercase;
		font-weight: 700;
		letter-spacing: 0px;
		color: #fff;
	}

	footer .phone {
		height: unset;
		width: 100%;
		float: unset;
		margin-left: unset;
		text-align: center;
		margin-top: 20px;
	}

	footer .phone .phone-number {
		width: 100%;
		height: 40px;
		background: url(/images/main/phone.png) center center / contain no-repeat;
	}

	footer .b-1 {
		margin-top: 50px;
		font-weight: 400;
		font-size: 0.7em;
		padding: 0 20px;
		text-align: center;
		color: #ccc;
	}




	.cart {
		position: fixed;
		bottom: 20px;
		right: 20px;
		box-shadow: 0 15px 20px rgba(0,0,0,0.15), 0 10px 10px rgba(0,0,0,0.08);
		background: #f17231;
		padding: 0 15px 0 55px;
		height: 50px;
		line-height: 50px;
		border-radius: 50px;
		z-index: 100000;
		cursor: pointer;
	}


	.cart span {
		font-size: 0.7em;
		font-weight: 600;
		text-shadow: 1px 1px 0 rgba(0,0,0,0.2);
		color: #fff;
	}

	.cart .icon {
		width: 40px;
		height: 40px;
		border-radius: 50px;
		position: absolute;
		top: 5px;
		left: 5px;
		background: rgba(255,255,255,.75);
		text-align: center;
		line-height: 44px;
		font-size: 1.25em;
		color: #f17231;
	}


	.cart-open {
		position: fixed;
		/*right: 50px;
		bottom: 160px;
		top: 50px;*/
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		border-radius: 0;
		background: #fff;
		z-index: 100010;
		box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
		overflow: hidden;
		display: none;
		overflow-y: auto;
	}

	.cart-open .cart-items {
		position: relative;
		top: unset;
		width: 100%;
		bottom: unset;
		left: unset;
		padding: 40px 20px 20px 20px;
		z-index: 1000;
		overflow-y: unset;
	}

	.cart-open .cart-form {
		position: relative;
		bottom: unset;
		right: unset;
		left: unset;
		top: unset;
		background: #efefef;
		width: 100%;
		padding: 20px 20px 20px 20px;
		z-index: 100000;
	}

	.cart-open .cart-form .b-1,
	.cart-open .cart-form .b-2,
	.cart-open .cart-form .b-3,
	.cart-open .cart-form .b-4,
	.cart-open .cart-form .b-4f
	{
		width: 100%;
	}

	.cart-open .cart-form .rightf input {
		border-left: 1px solid #ccc;
	}



	section.page {
		padding: 20px;
		margin: 25px 0 0 0;
		background: #efefef;
	}

	section.page h2.cat-header {
		text-align: center;
		font-size: 1.75em;
		color: #111;
		font-weight: 700;
		text-shadow: unset;
		margin: 0px 0 30px 0;
	}

	section.page h2.cat-header-2 {
		text-align: left;
		font-size: 1.5em;
		color: #111;
		font-weight: 700;
		text-shadow: unset;
		margin: 0px 0 25px 0;
	}

	section.page .catalog-inside .item {
		width: 100%;
	}

	section.page .catalog-inside .b-2 {
		width: 100%;
	}

	section.page .catalog-inside .image-block {
		padding-right: unset;
		margin-bottom: 25px;
	}

	section.page .catalog-inside .order-2 {
		min-width: 100%;
		width: 100%;
	}

	.inside-map {
		padding-right: unset;
	}

}