@tablet: 768px;
@mobile_l: 480px;
@mobile_s: 320px;

@title_mob: 24px;
@text_mob: 14px;

@media (max-width: @tablet)
{
	section
	{
		max-width: auto;
		min-width: auto;
		width: auto;
		margin: 0;
		
		&.header
		{
			.mob_menu
			{
				display: block;
				z-index: 101;

				img
				{
					position: fixed;
					z-index: 101;
				}

				ul.ul-menu.ul-menu-mob
				{
					display: none;
					height: 1200px;
					width: 220px;
					top: -20px;
					left: -10px;
					margin-left: 0;
					position: fixed;
					background: rgb(251, 255, 69);

					li
					{
						width: 100%;
						margin-bottom: 6px;
						padding-left: 60px;
						margin-top: 13px;
					}
				}
			}

			.bx-controls-direction > a
			{
				display: none;
			}

			.wrapper-top-slider
			{
				.container
				{
					&:before
					{
						width: 0;
					}

					&:after
					{
						width: 0;
					}
				}

				.bx-wrapper img
				{
					height: 210px;
    				margin-top: 110px;
				}
			}

			.block-nav
			{
				position: fixed;
				top: 0;
				width: 100%;
				z-index: 100;

				.logo
				{
					margin-left: 38px;
				}

				ul.ul-menu
				{
					display: none;
				}

				.icon-decor.block-phone
				{

				}
				a.modalbox.call-decor
				{
					position: absolute;
				    right: 4px;
    				top: 50px;
				    font-size: 24px;
				}
			}

			.top-slide-item
			{
				background: #3b679e;
				background: -moz-linear-gradient(top,  #3b679e 0%, #6877ff 100%);
				background: -webkit-linear-gradient(top,  #3b679e 0%,#6877ff 100%);
				background: linear-gradient(to bottom,  #3b679e 0%,#6877ff 100%);
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b679e', endColorstr='#6877ff',GradientType=0 );

				&.slide-item-1, &.slide-item-2, &.slide-item-3, &.slide-item-4, &.slide-item-5, &.slide-item-6
				{

					.top-slider-img
					{
					    height: 240px;
					}

					.top-slider-description
					{
						height: 300px;
					}

					.top-slider-header
					{
						background-size: contain;
						background-size: auto 100%;
						font-size: 5vw;
					    line-height: 1.45;
					    padding-left: 18px;
					    height: auto;
					    width: 100%;
					    margin-top: 15px;
					}

					.top-slider-header-slogan
					{
					    margin-top: 18px;
					}

					.top-slider-action
					{
						font-size: 2.4vw;
						right: 46px;
    					top: -44px;
					}
						.icon-decor
						{

							width: 100%;
							padding: 10px 0 10px 50px;

							&:before
							{
								background: url(/images/tablet/spritesheet.png) no-repeat;
							}

							&.top-slider-action
							{
								&:before
								{
									background-position: -37px -2px;
								    width: 16px;
								    padding: 0;
								    height: 17px;
								    left: 27px;
								    top: 19px;
								}
							}

							&.benefits-price
							{
								&:before
								{
									background-position: -110px -44px;
									width: 40px;
    								height: 40px;
								}
							}

							&.benefits-mounting
							{
								&:before
								{
									    background-position: -107px -3px;
									    width: 41px;
									    height: 38px;
								}
							}

							&.benefits-guarantee
							{

								margin-left: 0px;

								&:before
								{
									background-position: -65px -68px;
									width: 41px;
    								height: 34px;
								}
							}
						}

					a.link-reserve
					{
					    text-align: center;
					    margin: 20px 5%;
					    width: 90%;
					    font-size: 18px;
					}

				}

				&.slide-item-1
				{
					img
					{
						margin-left: 5px;
					}
				}

				&.slide-item-6
				{
					img
					{
						margin-left: 33px;
					}
				}
			}
		}

		&.wrapper.main-content
		{
			.container
			{
				margin: 0 10px;
			}

			
			.akc
			{
				width: 480px;
				margin: 0 auto
			}
			
			.akc-border
			{
				width: 100%;
				height: auto;
				min-height: 185px;
				padding-top: 15px;
			}
			
			.akc-border-image img
			{
				width: 100%;
			}
			
			.akc-border-image img
			{
				width: 90%;
				margin: 0 5%;
			}
			
			.akc-border-text h3
			{
				font-size: @title_mob;
				margin: 0;
				text-align: left !important;
			}
			
			.akc-border-text p
			{
				font-size: 14px;
				padding: 0 !important;
			}
			
			.akc-border:nth-child(2n+1)
			{
				float: left;
				width: 40%;
			}
			
			.akc-border:nth-child(2n)
			{
				width: 60%;
			}

			.kont-info
			{
				width: 80%;
				float: none;
				margin: 10px 10% 5px;
			}
			
			.kont-map
			{
				width: 80%;
				float: none;
				margin: 10px 10% 5px;
			}
		}

		&.wrapper-advantages
		{
    		margin-top: -160px;

			.advantages-home-bg
			{
				padding-top: 10px;
			}

			ul.ul-advantages
			{
				margin: 6px auto 0;

				li
				{
					width: 33%;
				}

				li:nth-child(4)
				{
					margin: 0 5% 0 11%;
				}

				li:nth-child(5)
				{
					margin: 0 11% 0 5%;
				}
			}
		}

		&.wrapper-price
		{
			.block-calc
			{
				min-height: 270px;
				margin: 0 2.3%;
			}

			.block-price
			{
				height: 773px;
				border: 0;
			}
			
				.block-calc-range
				{
					width: 100%;
					margin-bottom: 20px;
				}
			
			.calc-price
			{
				width: 61%;
				margin-left: 20%;
				margin-bottom: 10px;
			}
			
				.calc-price-mounting
				{
					width: 61%;
					margin-left: 20%;
					float: none;
				}

			.calc-input > span
			{
				padding-right: 30px;
			}


			.wrapper-calc-price
			{
				background: #f9e59a;
				height: auto;
			}


			.ul-calc-price-list
			{
				font-size: 82%;
				padding-left: 7%;
				width: 100%;
				margin: 35px 0;

				li
				{
					width: 50%;

					a:before
					{
						left: -19px;
					}
				}

				li:nth-child(1), li:nth-child(1n+3), li:nth-child(3n+2), li:nth-child(3n+3)
				{
					margin-right: 0;
					width: 50%;
				}
			}

			.ul-shares li, .ul-shares li:nth-child(3n+3)
			{
				width: 50%;
			}
			
			.ul-shares
			{

				width: 100%;
				margin: 35px 0;
				font-size: 82%;
				padding-left: 7%;

				li
				{
					width: 50%;
				}

				li:nth-child(3n+3)
				{
					width: 50%;
				}

				li:nth-child(3n+2)
				{
					margin-left: 0;
					width: 50%;
				}
			}
		}

		&.wrapper-selection
		{
			a.bx-prev
			{
				left: 0
			}

			a.bx-next
			{
				right: 0;
			}
		}

		&.free-offer
		{
			height: 195px;

			.container>img
			{
			    left: 40px;
    			top: -18px;
    			height: 213px;

			}

			.free-offer-text
			{
			    float: left;
    			margin: 15px 0 0 165px;
    			font-size: 15px;
			}
			.free-offer-text-subheader
			{
			    background: none;
			    height: 86px;
			    float: left;
			    width: 100%;
			    margin-top: 15px;
			    padding: 3px 0 0 215px;

			    h6
			    {
			    	font-size: 18px;
			    	margin-bottom: 10px;
			    }

			    .free-offer-phone
			    {
				    text-align: left;
				    margin: 0;

				    p
				    {
				    	position: static;
				    	float: left;
				    }

				    span
				    {
				    	font-size: 18px;
					    float: left;
					    margin: 0;
					    margin-left: 41px;

					    &:before
					    {
					    	top: -5px;
					    }
				    }
				}
			}
		}

		&.wrapper-measurement
		{
			.block-record-work
			{
				width: 100%;

				p
				{
					text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
				}
			}

			.link-calc-action
			{
				margin: 0;
			}
		}

		&.wrapper-maps
		{
			height: auto;

			.block-maps
			{
				display: none;
			}

			.contact-wrapper
			{
				margin: 0;
				width: 100%;

				.contact-info
				{
					margin: 0 8%;
				}

					.contact-info-item
					{
						float: none;
						width: 90%;
					}
					
					.contact-info-item
					{
						margin-top: 10px;
					}
					
					.info-item-phone
					{
						padding-left: 28px;
					}
					
					.info-item-phone:before {
						left: -10px;
						top: -4px;
					}
					
					.info-item-email
					{
						padding-left: 28px;
					}
					
					.info-item-email:before {
						left: -7px;
					}
			}


		}

		&.footer
		{
			/*padding-left: 20px;
    		padding-right: 20px;*/
    		height: auto;
    		padding: 10px;

    		.ul-menu
    		{
    			display: none;
    		}  		
		}
	}




	/* Неупорядоченные селекторы */

	.bottom-regions
		{
			display: none;
		}

		.container
	{
		width: auto;
		padding: 0;
	}

	.wrapper-slider-goods .bx-wrapper a.bx-prev, .wrapper-slider-goods .bx-wrapper a.bx-prev:hover a.bx-prev
	{
		left: 0;
	}

	.wrapper-slider-goods .bx-wrapper a.bx-next, .wrapper-slider-goods .bx-wrapper a.bx-next:hover
	{
		right: 0;
	}

	.ul-reviews
	{
		li
		{
			width: 48%;
		}

		li:nth-child(3)
		{
			display: none;
		}
	}


	.free-offer-phone p
	{
		position: static;
	}

	#overlay
	{
		background-color: #000;
		height: 100%;
		left: 0;
		opacity: 0.50;
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 100;
		display: none;
	}

	.bx-pager-link
	{
		display: none;
		
		&.active
		{
			display: none;
		}
	}
}


@media (max-width: @mobile_l)
{
	section
	{
		&.header
		{
			.block-nav
			{
				padding: 8px 0;
			}

			.logo
			{
				width: 40%;

				img
				{
					width: 100%;
				}
			}

			.block-phone
			{
				font-size: 4.2vw;
			}

			a.modalbox.call-decor
			{
			    right: 4px !important;
			    top: 33px !important;
			    font-size: 4.2vw !important;
			    margin: 0;
			}

			.top-slider-img
			{
				display: none;
			}

			.top-slider-description
			{
				width: 100%;

				.top-slider-header
				{
					font-size: 24px !important;
					width: 300px !important;
					margin-left: 0% !important;
				}

				.icon-decor.top-slider-action
				{
					position: absolute;
				    top: -67px;
				    right: inherit !important;
				    left: inherit !important;
				    font-size: 16px;
				    width: auto;
				    font-size: 15px !important;
				    width: 220px;

					&:before
					{
						background-position: -37px -2px;
					    width: 16px;
					    padding: 0;
					    height: 17px;
					    left: 27px;
					    top: 19px;
					}
				}

				.slider-description-benefits
				{
					width: 260px;
					margin: 15px auto;
				}
			}


			.bx-controls-direction
			{
				width: 100%;
			}

			.top-slider-header-slogan
			{
				min-height: 70px ;
				margin: 24px 5% 0;
				width: 90%;
			}

			.bx-controls-direction > a
			{
				display: none;
			}

			.link-reserve
			{
				    padding: 4px 23px;
				    font-size: 16px;
			}
		}

		&.wrapper.main-content
		{
			h1, h2
			{
				font-size: @title_mob !important;
				width: 100%;
			}

			p
			{
				font-size: @text_mob;
			}

			.header-decor
			{
			    background-size: 100% 100%;
			    width: 280px;
			}

			.page-content-right-block table
			{
				font-size: 56%;

				tr
				{
					td:nth-child(3n+1)
					{
						width: auto;
					}

					td:nth-child(3n+2)
					{
						width: 120px;
					}

					td:nth-child(3n)
					{
						width: 92px;
					}
				}

				&#custom td:nth-child(2n)
				{
					width: 92px;
				}
			}

			.akc
			{
				width: 300px;
				margin: 0 auto;
			}

			.akc-border
			{
				min-height: 140px;
			}
			
			.akc-border-image img
			{
				width: 100%;
			}
			
			.akc-border-image img
			{
				width: 90%;
				margin: 0 5%;
			}
			
			.akc-border-text h3
			{
				font-size: @title_mob;
				margin: 0;
				text-align: left !important;
			}
			
			.akc-border-text p
			{
				font-size: 12px;
				padding: 0 !important;
			}

			.kont-info
			{
				font-size: 80%;
				width: 90%;
				margin: 10px 5% 5px;
			}
			
			.kont-map
			{
				font-size: 80%;
				width: 90%;
				margin: 10px 5% 5px;
			}
		}

		&.wrapper-advantages
		{
			h1
			{
				font-size: @title_mob;
			}

			ul.ul-advantages
			{
				width: 100%;

				li
				{
					width: 49%;

					&:nth-child(4)
    				{
    					margin: 0;
    				}

    				&:nth-child(5)
					{
						margin: 0 25%;
					}
				}
			}

			.advantages-home-bg h3
			{
				font-size: @title_mob;
				min-height: 84px;
			}
		}

		&.wrapper-price
		{
			h3
			{
				font-size: @title_mob;
			}

			.range-services-item input
			{
			    width: 33px !important;
			}

			.calc-price, .calc-price-mounting
			{
				margin-left: 0;
				padding-left: 30px;
				width: 96%;
			}

			.ul-calc-price-list, .ul-shares
			{
			    padding-left: 15%;

			    li:nth-child(n)
			    {
			    	width: 100%;
			    }
			}

			.link-calc-action
			{
			    font-size: 14px;
			    margin-top: 0px;
			    padding: 5px 8px;
			}
		}

		&.wrapper-selection
		{

			h3
			{
				font-size: @title_mob;
			}

			.wrapper-header
			{
				.header-decor
				{
					background-size: 100% 100%;
					width: 100%;
				}
			}
		}

		&.free-offer
		{
			img
			{
				display: none;
			}

			.free-offer-text
			{
				margin: 10px 10px;
				text-align: justify;
			}
			.free-offer-text-subheader
			{
				margin: 10px 10px;
			}
		}

		&.wrapper-reviews
		{
			h3
			{
				font-size: @title_mob;
			}

			p
			{
				margin: 0 10px;
			}

			.ul-reviews
			{
				li:nth-child(1)
				{
					width: 100%;
				}

				li:nth-child(2)
				{
					display: none;
				}

			}
		}
		&.wrapper-measurement
		{

			h3
			{
				font-size: @title_mob;
			}

			.block-record
			{
				background: none;
			}

			.record-work-item
			{
				span
				{
					font-size: 40px
				}

				p
				{
					font-size: 14px;
				}
			}

			.link-calc-action
			{
			    font-size: 14px;
			    margin-top: 0px;
			    padding: 5px 8px;
			}
		}

		&.wrapper-maps
		{
			h3
			{
				font-size: @title_mob;
			}
		}

		&.contact-wrapper
		{
			h3
			{
				font-size: @title_mob;
			}
		}
	}

	/*Неупорядоченные селекторы*/
	section.free-offer .free-offer-text-subheader
	{
		padding: 0;
	}

	.ul-advantages li>span
	{
		font-size: 14px;
	}
}