/*==========  Desktop First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1540px) {

	/*------------------------------------------------------------ CONTENT*/
	/*-------------------- главный слайдер*/
	/*фон слева слайдера*/
	.main-slider .bg-left {width: 36%;}
	
}

@media only screen and (max-width : 1420px) {

	/*------------------------------------------------------------ CONTENT*/
	/*-------------------- главный слайдер*/
	.main-slider img {float: none;}
	
}

@media only screen and (max-width : 1300px) {

	/*------------------------------------------------------------ CONTENT*/
	/*-------------------- главный слайдер*/
	/*фон слева слайдера*/
	.main-slider .bg-left {width: 33%;}
	
}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

	/*------------------------------------------------------------ HEADER*/
	/*поиск*/
	.search {max-width: 235px;}

	/*------------------ инфо панель*/
	/*логотип*/
	.logo-h {max-width: 340px;}
	/*график работы*/
	.schedule-h {margin-left: 20px;}
	/*контакты*/
	.contact-h {max-width: 355px;}
	.contact-h .number {font-size: 30px;}


	/*------------------------------------------------------------ CONTENT*/
	/*-------------------- главный слайдер*/
	/*фон слева слайдера*/
	.main-slider .bg-left {width: 40%;}
	/*информация слева*/
	.main-slider .info-left p {font-size: 16px; padding-bottom: 20px;}
	.main-slider .info-left .price {font-size: 40px; padding-bottom: 18px;}
	/*категории разделов*/
	.categor-sections a {width: 215px; height: 225px;}

	/*контакты*/
	.bl-contacts .part-left { max-width: 459px; padding-left: 40px; padding-right: 40px;}
	.map {width: 480px;}

	/*список категорий*/
	.list-catedor img { max-width: 342px;}

	/*-------------- каталог продукций - слайдер*/
	.responsive {padding-left: 70px; padding-right: 60px;}
	.responsive .section {width: 253px;}

	/*----------------- блок с фоновой картинкой*/
	.bl-bg-img p {max-width: 100%;}
	.bl-bg-img img,
	.bg-r-t {display: none;}

	/*------------------------ отзывы клиентов*/
	.reviews-cliens .slid-reviews {max-width: 555px;}
	.slid-reviews .slick-prev {left: 78%;}
	.reviews-cliens img {max-width: 385px;}


	/*------------------------------------------------------------ FOOTER*/
	/*-------------------- списки меню*/
	/*послений список*/
	.footer .menu-footer .last {padding-left: 55px;}

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	
	/*------------------------------------------------------------ HEADER*/
	/*меню*/
	.bl-menu-top {
		position: fixed;
		top: 0;
		left: 0;
		opacity: 0;
		z-index: 9999999;
		height: 100%;
		width: 230px;
		overflow: auto;
		background: #fff;

		-webkit-overflow-scrolling: touch;
		-webkit-transform: translateX(-230px);
		   -moz-transform: translateX(-230px);
		    -ms-transform: translateX(-230px);
		        transform: translateX(-230px);

		-webkit-transition: all .25s linear;
		    -moz-transition: all .25s linear;
		     -ms-transition: all .25s linear;
		         transition: all .25s linear;
	}
	
	.bl-menu-top ul {max-width: 230px;padding-top: 40px; padding-bottom: 40px;}
	.bl-menu-top li {float: none; margin: 0;}
	.bl-menu-top ul a {color: #000; padding-top: 5px; padding-bottom: 5px;}

	.nav-opened .bl-menu-top {
		opacity: 9;
		-webkit-transform:translateX(0);
		-moz-transform:translateX(0);
		-ms-transform:translateX(0);
		transform:translateX(0);
		left:0
	}
	.nav-opened:before {display:block}
	/*кнопка - закрыть боковое меню*/
	.bl-menu-top .close {display: block;}
	/*кнопка меню при малых разрешениях*/
	.butt-win-small {
		float: left; 

		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;

		-webkit-flex-flow: row wrap;
		flex-flow: row wrap;
		align-items: center;
	}
	.butt-win-small .menu-left {display: block;}

	/*------------------ инфо панель*/
	/*график работы*/
	.schedule-h {margin-top: 10px;}
	/*контакты*/
	.contact-h span.email,
	.contact-h span.number,
	.butt-back-call-h {display: none;}

	.bl-usef-mater .contact-h span.email,
	.bl-usef-mater .contact-h span.number,
	.bl-usef-mater .butt-back-call-h {display: block;}
	/*кнопки - контактов при малых разрешениях*/
	.contact-h .butt {display: block; margin-top: 25px;}
	
	/*------------------------------------------------------------ CONTENT*/
	/*контакты*/
	.bl-contacts .part-left { max-width: 100%; padding-left: 40px; padding-right: 40px;}
	.map {width: 100%; padding-right: 0; margin-top: 30px; height: 380px;}
	
	/*пролезные материалы*/
	.usef--mater .img {display: none;}
	.bl-usef-mater {width: 100%; padding-top: 0;}

	/*предложение о услуге*/
	.bl-prop-servs .container {text-align: center;}
	.bl-prop-servs .write {float: none; display: inline-block;}
	.bl-prop-servs .info-text {float: none; width: 100%;}

	/*список категорий*/
	.list-catedor img {display: none;}
	.list-catedor .list a {width: 340px; margin-bottom: 0 !important;}

	.bg-about-company .r-b {display: none;}

	/*-------------- каталог продукций - слайдер*/
	.responsive .section {width: 285px;}
	
	/*-------------- логотипы компаний - слайдер*/
	.responsive-logo img {width: 200px;}

	/*------------------------ отзывы клиентов*/
	.reviews-cliens .slid-reviews {max-width: 375px;}
	.slid-reviews .slick-prev {left: 70%;}
	.reviews-cliens img {max-width: 345px; padding-top: 95px;}

	.info-about-company p {font-size: 14px;}
	.reviews-cliens .slid-reviews .name {font-size: 20px;}
	.reviews-cliens .slid-reviews .position {font-size: 16px;}

	/*------------------------------------------------------------ FOOTER*/
	/*логотип*/
	.logo-f {float: none; display: none;}
	/*послений список*/
	.footer .menu-footer {padding-left: 0;}
}

@media only screen and (max-width : 970px) {
	
	/*------------------------------------------------------------ CONTENT*/
	/*-------------------- главный слайдер*/
	/*фон слева слайдера*/
	.main-slider .bg-left {width: 49%;}
	/*информация слева*/
	.main-slider .info-left h4 {font-size: 36px; padding-bottom: 10px;}
	.main-slider .info-left p {font-size: 15px; padding-bottom: 10px;}
	.main-slider .info-left .price {font-size: 33px; padding-bottom: 10px;}
	.main-slider .info-left a {font-size: 19px; padding-top: 10px; padding-bottom: 10px;}

	/*навигация*/
	.main-slider .slick-dots {bottom: 20px; text-align: right;}
	.main-slider .slick-dots li {margin-right: 0;}
	.main-slider .slick-dots li,
	.main-slider .slick-dots li button:before,
	.main-slider .slick-dots li.slick-active button:before {width: 20px; height: 20px;}
}

@media only screen and (max-width : 870px) {
	
	/*------------------------------------------------------------ CONTENT*/
	/*-------------------- главный слайдер*/
	.main-slider img {height: 370px;}

	/*информация справа*/
	.main-slider .info-right {top: 15px;}
	.main-slider .info-right .date {width: 110px; height: 110px;}
	.main-slider .info-right .date span {font-size: 17px; line-height: 22px;}

	.main-slider .info-right .discount {width: 130px; height: 130px;}
	.main-slider .info-right .discount span {font-size: 34px; line-height: 38px;}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {

	/*---------------- всплывающие окна обратного звонка*/
	.pop-page,
	.pop-page-2 {top: 0;width: 100%; height: 100%;}
	
	/*------------------------------------------------------------ CONTENT*/
	/*список категорий*/
	.list-catedor .list a {width: 100%;}
	.list-catedor .list a:nth-child(5) {position: relative; right: 0; top: 0;}
	.list-catedor .list a:nth-child(6) {position: relative; right: 0; top: 0;}
	.list-catedor .list a:nth-child(7) {position: relative; right: 0; top: 0;}
	.categor.t--right,
	.categor.t--left {text-align: center;}

	/*-------------- каталог продукций - слайдер*/
	.responsive .section {width: 100%; height: auto;}

	/*-------------- логотипы компаний - слайдер*/
	.responsive-logo img {width: 180px;}
	
	/*------------------------ отзывы клиентов*/
	.reviews-cliens {padding-bottom: 30px;}
	.reviews-cliens .slid-reviews {float: none; max-width: 100%;}
	.slid-reviews .slick-prev {left: 70%;}
	.reviews-cliens img {display: none;}
	.slid-reviews .slick-prev {left: 83%;}

}

@media only screen and (max-width : 730px) {
	
	/*------------------------------------------------------------ CONTENT*/
	/*-------------------- главный слайдер*/
	.main-slider img {height: auto;}

	.main-slider .info-left,
	.main-slider .bg-left {display: none;}

	/*информация справа*/
	.main-slider .info-right {top: 15px;}
	.main-slider .info-right .date {width: 96px; height: 96px;}
	.main-slider .info-right .date span {font-size: 15px; line-height: 18px;}

	.main-slider .info-right .discount {width: 110px; height: 110px;}
	.main-slider .info-right .discount span {font-size: 29px; line-height: 34px;}

	/*навигация*/
	.main-slider .slick-dots {bottom: 20px; text-align: center; right: 0;}
	.main-slider .slick-dots li {margin-right: 0;}
	.main-slider .slick-dots li,
	.main-slider .slick-dots li button:before,
	.main-slider .slick-dots li.slick-active button:before {width: 20px; height: 20px;}
}


/* Extra Small Devices, Phones */
@media only screen and (max-width : 665px) {

	/*------------------------------------------------------------ HEADER*/
	/*-----------------контакты*/

	/*кнопки - при малых разрешениях*/
	.butt-win-small .phone,
	.butt-win-small .email {display: block;}
	/*кнопки - контактов при малых разрешениях*/
	.contact-h .butt {display: none;}

	/*------------------------------------------------------------ CONTENT*/
	/*-------------------- главное меню контента*/
	.menu-content {display: none; padding-bottom: 20px;}
	.menu-content a {padding: 11px;}
	/*кнопка меню контента при малых разрешениях*/
	.butt-menu-content {display: block;}

	/*------------------------ отзывы клиентов*/
	.slid-reviews .slick-prev {left: 78%;}


	/*------------------------------------------------------------ FOOTER*/
	/*контакты футер*/
	.contact-f {float: left; padding-left: 150px;}
	.contact-f span.email,
	.contact-f span.number,
	.butt-back-call-f {display: none;}
	/*кнопки - контактов при малых разрешениях*/
	.contact-f .butt {display: block; margin-top: 25px;}
	.contact-f .butt a {float: left; display: block;}

}



	

/* Extra Small Devices, Phones */
@media only screen and (max-width : 575px) {
	
	/*------------------------------------------------------------ HEADER*/
	/*------------------ инфо панель*/
	/*логотип*/
	.logo-h {
		width: 50%;
		max-width: 100%;

		-webkit-transition: all 0.4s ease;
	       -moz-transition: all 0.4s ease;
	        -ms-transition: all 0.4s ease;
	         -o-transition: all 0.4s ease;
	            transition: all 0.4s ease;
	}
	/*график работы*/
	.schedule-h {float: right; margin-top: 0; width: 175px;}

	/*------------------------------------------------------------ CONTENT*/
	/*-------------------- главный слайдер*/
	.main-slider img {height: 250px;}
	.main-slider .info-right {top: 15px;}
	.main-slider .info-right .date {width: 82px; height: 82px;}
	.main-slider .info-right .date span {font-size: 12px; line-height: 16px;}

	.main-slider .info-right .discount {width: 96px; height: 96px;}
	.main-slider .info-right .discount span {font-size: 25px; line-height: 30px;}

	/*контакты*/
	.bl-contacts .part-left { max-width: 100%; padding-left: 0; padding-right: 0;}
	.map {height: 280px;}

	/**/
	.info-about-company .fl {float: none; margin-bottom: 10px; text-align: center;}
	.info-about-company .fl img {margin: 0 auto;}

	/*-------------- логотипы компаний - слайдер*/
	.responsive-logo img {width: 90%; height: auto;}

	/*------------------------ отзывы клиентов*/
	.slid-reviews .slick-prev {left: 74%;}
}

@media only screen and (max-width : 525px) {
	
	/*------------------------------------------------------------ CONTENT*/
	/**/
	.bl-prop-servs .info-text span {font: 23px/29px 'Roboto-Medium', sans-serif;}
	.bl-prop-servs .info-text .number {font: 27px/32px Days, sans-serif;}
	.bl-prop-servs .info-text .email {font: 18px/24px 'Roboto-Regular', sans-serif;}

	/*список категорий*/
	.list-catedor .list a {float: left; width: 50%;}
	.list-catedor .list .t--right {text-align: left;}
	.list-catedor img {
		position: relative;
		left: 0;
		top: 0;
		float: left;
		display: block; 
		margin-top: 0;
		width: 50%;
		
		-webkit-transform: none;
	       -moz-transform: none;
	        -ms-transform: none;
	         -o-transform: none;
	            transform: none;
	}
	.disp-none-small-win {display: none !important;}

	
	/*------------------------------------------------------------ FOOTER*/
	/*контакты футер*/
	.contact-f {float: right; padding-left: 25px; padding-right: 15px;}


}

@media only screen and (max-width : 499px) {
	
	/*------------------------------------------------------------ CONTENT*/
	/*категории разделов*/
	.categor-sections a {
		width: 100%; 
		height: auto; 
		margin: 10px auto;
		padding-bottom: 10px;
	}

	.categor-sections p {position: inherit; padding-top: 10px;}
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {


	/*------------------------------------------------------------ CONTENT*/
	.schedule-h {margin-left: 0;}
	.schedule-h p {font-size: 14px;}
	.schedule-h p span {font-size: 16px; padding-bottom: 0;}

	/*список категорий*/
	.list-catedor .list a {float: none; width: 100%;}
	.list-catedor .list .t--right {text-align: center;}
	.list-catedor img { float: none; margin: 0 auto; width: 100%;}
	.disp-none-small-win {display: none;}

	/*-------------- каталог продукций - слайдер*/
	.responsive {padding-left: 0; padding-right: 0; padding-top: 70px;}
	.responsive .slick-prev {top: 5%; left: 35%;}
	.responsive .slick-next {top: 5%; right: 35%;}

	/*------------------------ отзывы клиентов*/
	.slid-reviews .slick-prev {left: 70%;}
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 430px) {
	
	/*---------------- всплывающие окна обратного звонка*/
	.bl-forms {padding-right: 0; padding-bottom: 25px;}
	.bl-forms img {display: none;}
	.pop-page p,
	.pop-page-2 p {
		padding-right: 30px;
		font-size: 18px; 
		line-height: 24px; 
	}
	.pop-page p span,
	.pop-page-2 p span {font-size: 25px;}

	/*------------------------------------------------------------ CONTENT*/

	
	.reviews h4,
	.bg-about-company h3 {font-size: 27px; line-height: 32px;}

	.bl-usef-mater .contact-h {
		float: none; 
		margin-right: 0;
		width: 100%; 
		max-width: 100%;
		text-align: center;
	}
	.bl-usef-mater .contact-h .phone, 
	.bl-usef-mater .contact-h .email {float: none;}
	.bl-usef-mater .contact-h span {padding-left: 0;}
	.bl-usef-mater .contact-h .number {font-size: 27px; line-height: 32px;}
	.bl-usef-mater .contact-h .number i {display: none;}
	.bl-usef-mater .pad-lef {padding-left: 0; padding-top: 15px;}
	.bl-usef-mater .pad-lef button {width: 100%;}

	/*полезные материалы*/
	.bl-usef-mater .part-top h4 {font-size: 27px; line-height: 32px;}
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 405px) {

	/*------------------------------------------------------------ HEADER*/
	/*------------------ инфо панель*/
	/*логотип*/
	.logo-h {float: none; width: 100%;  margin-bottom: 15px; text-align: center;}
	.logo-h img {text-align:  center; width: 100%; max-width: 250px; display: inline-block;}
	/*график работы*/
	.schedule-h {float: none; width: 175px; margin: 0 auto; text-align: left;}

	/*------------------------------------------------------------ CONTENT*/
	/*-------------------- главный слайдер*/
	.main-slider img {height: 220px;}
	/*-------------------- главное меню контента*/
	.menu-content {text-align: left;}
	.menu-content li {display: block;}
	.menu-content a {font-size: 15px;}
	/*кнопка меню контента при малых разрешениях*/
	.butt-menu-content span{font-size: 16px;}

	/*-------------- каталог продукций - слайдер*/
	.responsive {padding-left: 0; padding-right: 0; padding-top: 50px;}
	.responsive .slick-prev {top: 1%; left: 0;}
	.responsive .slick-next {top: 1%; right: 0;}

	/*-------------- логотипы компаний - слайдер*/
	.responsive-logo img {width: 50%; height: auto;}

	/*------------------------ отзывы клиентов*/
	.slid-reviews .slick-prev {left: 0;}
	.reviews-cliens .slid-reviews {padding-top: 100px;}
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {

}