@media (max-width: 1400px){
	#block-menu{
		margin-left: 65px;
	}
	#block-menu ul li + li {
	    margin-left: 15px;
	}
}
@media (max-width: 1200px){
	#block-menu{
		position: fixed;
		right: -500px;
		top: 75px;
		bottom: 0;
		overflow: auto;
		width: 320px;
		background: #f5f5f5;
		margin: 0;
		padding: 0;
		font-size: 18px;
		z-index: 9999;
	}
	.open-menu #block-menu{
		right: 0;
	}
	#block-menu ul li a{
		color: #1b1b1b;
		display: inline-block;
	}
	#block-menu ul li a:hover{
		color: #00b48d;
	}
	#block-menu ul li a:before{
		background: #00b48d;
	}
	#block-menu ul{
		padding: 30px 40px;
	}
	#block-menu ul li{
		width: 100%;
	}
	#block-menu ul li + li{
		margin: 7px 0 0;
	}
	.open-menu #fade-menu{
		display: block;
	}
	#menu-triger{
		float: right;
		display: block;
		margin-left: 40px;
	}
	#home .title{
		font-size: 50px;
	}
	#home .text{
		font-size: 24px;
	}
	#block-about .bl-cont{
		padding-left: 40px;
	}
	.view-catalog-cats .item{
		width: 50%;
	}
	.view-catalog-cats .item:nth-child(n+3){
		margin-top: 45px;
	}
	.view-catalog-cats{
		max-width: 800px;
		margin: 0 auto;
	}
	#post-blog .block__title{
		font-size: 38px;
	}
}
@media (max-width: 980px){
	#block-about .bl-img,
	#block-production .bl-img{
		width: 100%;
		padding: 0;
		float: none;
		max-width: 400px;
		margin: 0 auto 40px;
	}
	#block-about .bl-wrap,
	#block-production .bl-wrap{
		display: block;
		max-width: 600px;
		margin: 0 auto;
	}
	#block-about .bl-cont,
	#block-production .bl-cont{
		width: 100%;
		padding: 0;
	}
	#block-about .wrap-btns,
	#block-production .wrap-btns{
		text-align: center;
	}
	#block-faq .bl-left{
		width: 100%;
		padding: 0;
	}
	#block-faq .bl-right{
		width: 100%;
		margin-top: 25px;
	}
	#block-faq .title{
		text-align: center;
	}
	#block-faq .text{
		text-align: center;
		padding: 0 15%;
	}
	.view-advanced .item{
		width: 50%;
	}
	.view-advanced .item:nth-child(n+3){
		margin-top: 40px;
	}
	.view-blog .item,
	.view-news .item{
		width: 50%;
	}
	#news .view-blog .item:nth-child(3),
	#news .view-news .item:nth-child(3){
		display: none;
	}
	#post-other .view-blog .item:nth-child(3),
	#post-other .view-news .item:nth-child(3){
		display: none;
	}
	#main-contacts .items {
	    padding-left: 40px;
	}
	.view-products .card .img{
		width: 200px;
	}
	.view-products .item{
		padding: 30px;
	}
	.view-products .card{
		padding-left: 200px;
		min-height: 200px;
	}
	#post-blog .block__title{
		font-size: 32px;
	}
	#post-blog .block__info {
	    margin: 15px 0 0;
	    font-size: 14px;
	}
	#post-blog .block__img{
		padding-right: 30px;
	}
}
@media (max-width: 768px){
	.owl-theme .owl-dots .owl-dot span, .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{
		margin: 0;
	}
	#logo img{
		height: 55px;
	}
	#logo{
		width: auto;
	}
	#head-socials {
	    padding: 10px 0;
	}
	#btn-callback {
	    padding-top: 2px;
	}
	#menu-triger{
		margin-left: 25px;
	}
	#fade-menu,
	.scrolled #fade-menu{
		top: 75px;
	}
	#block-menu,
	.scrolled #block-menu{
		top: 75px;
	}
	#block-contacts .item{
		font-size: 18px;
	}
	#block-contacts .item.item-phone {
	    font-size: 26px;
	}
	#consultation .block .title {
	    font-size: 35px;
	}
	#consultation .block .text{
		font-size: 22px;
	}
	#consultation .block .wrap-btns .p1{
		font-size: 16px;
	}
	.bl-title{
		font-size: 40px;
	}
	#block-faq .title{
		font-size: 40px;
	}
	.bl-content{
		margin-top: 30px;
	}
	#home .title {
        font-size: 36px;
    }
    #home .text {
        font-size: 21px;
    }
    #home .wrap-btns{
    	max-width: 350px;
    	width: 100%;
    	margin: 30px auto 0;
    }
    #home .button{
/*    	width: 100%;*/
    	margin: 0;
    }
    #home .button + .button{
    	margin-top: 20px;
    }
    #main-contacts.is-img .items{
    	width: 100%;
    	padding: 0;
    	text-align: center;
    }
    #main-contacts.is-img .item-img{
    	width: 100%;
    	margin: 40px 0 0;
    }
    #main-contacts.is-img .item-img .img{
    	max-width: 460px;
    	margin: 0 auto;
    }
    #main-contacts .item-cont-mssgs a, 
    #main-contacts .item-cont-mssgs a:hover{
    	display: inline-block;
    	float: none;
    	margin: 0 10px;
    }
    .view-catalog-cats{
		margin: 0 -15px;
	}
	.view-products .card{
		padding: 0;
	}
	.view-products .card .img{
		position: relative;
	}
	.view-products .card .cont{
		margin: 25px 0 0;
		padding: 0;
		width: 100%;
	}
	.view-shops .group-name {
	    font-size: 22px;
	}
	#post-blog .block__img{
		padding: 0;
		width: 100%;
	}
	#post-blog .post-head{
		display: block;
		margin: 0 0 35px;
	}
	#post-blog .block__img{
		margin: 0 0 25px;
	}
	#post-blog .block__img img{
		max-width: 400px;
	}
	#post-blog .post-head .la-cont-head{
		width: 100%;
	}
}
@media (max-width: 640px){
	.wrap-grid{
		padding: 0 25px;
	}
	#btn-callback a{
		padding: 11px 20px;
	}
	#btn-callback,
	.scrolled #btn-callback{
        padding-top: 5px;
    }
    .owl-theme .owl-dots .owl-dot:hover span:after, .owl-theme .owl-dots .owl-dot.active span:after {
	    transform: scale(1);
	}
	.button{
		line-height: 1;
		border-radius: 28px;
	}
	#block-faq .text{
		padding: 0 10%;
	}
	.bl-description br{
		display: none;
	}
	#head-socials{
		display: none;
	}
    #consultation .block .text br{
    	display: none;
    	font-weight: 400;
    }
    #consultation .block .title {
        font-size: 32px;
    }
    #home .title {
        font-size: 32px;
    }
    #home .text {
        font-size: 18px;
    }
    .bl-title {
        font-size: 34px;
    }
    #block-faq .title{
    	font-size: 34px;
    }
    #block-faq .text{
    	margin-top: 15px;
    }
    #consultation .block .text{
    	line-height: 1.6;
    }
    #block-page .bl-title{
		font-size: 30px;
	}
	.popup .popup-cont .title{
		font-size: 35px;
	}
	.popup .popup-cont .text{
		font-size: 15px;
	}
	.popup .popup-wrap{
		padding: 40px 30px;
	}
	.popup .popup-close{
		width: 20px;
		height: 20px;
		right: 12px;
    	top: 12px;
	}
	#block-404 .title{
		font-size: 200px;
	}
	#block-404 .text{
		font-size: 25px;
	}
	#block-404 .text2{
		font-size: 16px;
	}
	.view-advanced{
		margin: 0;
	}
	.view-advanced .items{
		display: block;
		width: 100%;
		max-width: 320px;
		margin: 0 auto;
	}
	.view-advanced .item{
		width: 100%;
		padding: 0;
	}
	.view-advanced .item:nth-child(n+2) {
        margin-top: 40px;
    }
    .view-blog .items,
    .view-news .items{
    	display: block;
		width: 100%;
		max-width: 320px;
		margin: 0 auto;
    }
    .view-blog .items-flex,
    .view-news .items-flex{
    	display: block;
    }
    .view-blog .item,
    .view-news .item{
    	width: 100%;
    	padding: 0;
    }
    #news .view-blog .item:nth-child(3),
    #news .view-news .item:nth-child(3){
		display: block;
	}
	#post-other .view-blog .item:nth-child(3),
	#post-other .view-news .item:nth-child(3){
		display: block;
	}
	#btn-telegram,
	#btn-telegram a{
		width: 60px;
		height: 60px;
		line-height: 60px;
	}
	.view-catalog-cats{
		margin: 0 auto;
		max-width: 320px;
	}
	.view-catalog-cats .items{
		display: block;
	}
	.view-catalog-cats .item{
		width: 100%;
		padding: 0;
	}
	.view-catalog-cats .item:nth-child(n+2){
		margin-top: 45px;
	}
	.view-products .card .img{
		margin: 0 auto;
	}
	.view-shops .group-name {
	    font-size: 21px;
	    padding: 15px 45px 15px 25px;
	}
	.view-shops .group-name .icon{
		right: 15px;
	}
	.view-shops .card .grafik{
		display: none;
	}
	.view-shops .card .name{
		padding: 0;
		padding-left: 15px;
	}
	.view-shops .card .address{
		width: 60%;
		padding: 0;
	}
	.view-news .item{
		margin: 0 0 45px;
	}
	.view-products .item + .item {
	    margin-top: 25px;
	}
	#post-blog .block__title {
        font-size: 30px;
    }
    #breadcrumbs{
    	display: none;
    }
}
@media (max-width: 485px){
	#page{
		font-size: 16px;
	}
	#block-faq .text{
		padding: 0;
	}
	#menu-triger{
		margin-left: 20px;
	}
	#logo{
		position: relative;
		left: -5px;
	}
	#btn-callback a {
        padding: 11px 18px;
        font-size: 14px;
    }
    .view-faq .name{
    	font-size: 18px;
    }
    #consultation .block .title {
        font-size: 26px;
    }
    #consultation .block .text{
    	font-size: 21px;
    	font-weight: 500;
    }
    #home .title {
        font-size: 30px;
    }
    .bl-description{
    	font-size: 15px;
    }
    #block-faq .text{
    	font-size: 15px;
    }
    #block-page .bl-title{
		font-size: 26px;
	}
	.popup .popup-cont .title {
        font-size: 35px;
    }
    .popup .popup-wrap {
        padding: 25px 30px;
    }
    .popup .popup-close {
        width: 15px;
        height: 15px;
    }
    .button {
    	font-size: 15px;
    }
    #block-404 .bl-wrap:before{
    	transform: none;
    }
    #block-404 .bl-wrap{
    	width: 100%;
    }
    #head-phone{
    	position: fixed;
    	right: -500px;
    	bottom: 30px;
    	width: 320px;
    	z-index: 9999;
    	padding: 0 40px;
    	text-align: left;
    }
    .open-menu #head-phone{
    	right: 0;
    }
    .view-shops .group-name {
	    padding: 15px 45px 15px 20px;
	}
	#home .text br{
		display: none;
	}
	.view-shops .group-name{
		font-size: 18px;
	}
	#post-blog .block__title {
        font-size: 28px;
    }
}
@media (max-width: 400px){
	.wrap-grid{
		padding: 0 20px;
	}
	#btn-callback{
		display: none;
	}
	.view-faq .answer{
		font-size: 15px;
	}
	.view-faq .name{
		padding-right: 0;
	}
	.view-faq .item.open .name span{
		transform: translate(0, 0);
	}
	.view-faq .name:before{
		display: none;
	}
	#block-contacts .item{
		font-size: 16px;
	}
	#block-contacts .item.item-phone {
	    font-size: 22px;
	}
	#block-contacts .item .fa{
		display: none;
	}
	#consultation .block .title {
        font-size: 25px;
    }
    #consultation .block .wrap-btns .p1 {
        font-size: 14px;
    }
    #consultation .block .text{
    	font-size: 18px;
    }
    #home .title {
        font-size: 28px;
    }
    #home .text {
        font-size: 16px;
    }
    #block-menu{
    	width: 100%;
    }
    #block-menu ul{
    	padding: 30px 20px;
    	text-align: center;
    }
    #head-phone{
    	width: 100%;
    	padding: 0 30px;
    }
    #block-page .bl-title{
		font-size: 24px;
	}
	.popup .popup-cont .title {
        font-size: 30px;
    }
    .popup .popup-cont .text {
        font-size: 14px;
    }
    #popup-cookies .block{
        font-size: 14px;
        line-height: 1.4;
        padding: 10px 15px;
        max-width: 100%;
    }
    #popup-cookies{
        left: 15px;
        bottom: 15px;
        right: 15px;
    }
    .view-products .card .name{
    	font-size: 18px;
    }
    .view-products .card .text {
	    font-size: 16px;
	}
	.view-shops .group-name {
        font-size: 18px;
        padding: 15px 45px 15px 15px;
    }
    .view-shops .group-name .icon{
    	right: 15px;
    }
    .view-blog .item .cont {
	    padding: 15px 20px 20px;
	}
	.view-shops .group-name{
		font-size: 16px;
	}
	.view-products .item {
        padding: 30px 20px;
    }
    #post-blog .block__title {
        font-size: 25px;
    }
}
@media (min-width: 1200px){
	#consultation .bg span{
		background-attachment: fixed !important;
	}
	#home .bg span{
		background-attachment: fixed !important;
	}
}