@media all and (max-width: 1495px) {
	@bottomHeight: 62px;
	@peremennaya: 10vw;
	header {
	    .blindfixedico{
	    position:fixed; /*фиксированная позиция кнопки при прокрутке*/
	    z-index:999;
	    right: calc(5*@peremennaya); /*отступ справа*/
	    top: 235px; /*отступ сверху*/
	    margin-right: -625px; /*отрицательный отступ справа (чем длиннее название кнопки тем больше должно быть значение данного отступа )*/
    }

    /*Стили для ссылки*/
    .blindfixedico a{
 	  	display:block;
	    font-size:1.2em; /*размер шрифта*/
	    text-align:center; /*выравнивание по центру*/
	  	font-weight:bold;/*жирный шрифт*/
	  }
    .blindfixedico img {
        display: block;
		margin: 0 auto;
		width: 70px;
	}
}
	
}

@media all and (max-width: 1295px) {
@bottomHeight: 62px;
	@peremennaya: 10vw;
	header {
	    .blindfixedico{
	    position:fixed; /*фиксированная позиция кнопки при прокрутке*/
	    z-index:999;
	    right: 2.1vw; /*отступ справа*/
	    top: 235px; /*отступ сверху*/
	    margin-right: 0px; /*отрицательный отступ справа (чем длиннее название кнопки тем больше должно быть значение данного отступа )*/
    }

    /*Стили для ссылки*/
    .blindfixedico a{
 	  	display:block;
	    font-size:1.2em; /*размер шрифта*/
	    text-align:center; /*выравнивание по центру*/
	  	font-weight:bold;/*жирный шрифт*/
	  }
    .blindfixedico img {
        display: block;
		margin: 0 auto;
		width: 70px;
	}
}	
	
}
@media all and (max-width: 992px) {
	
	@bottomHeight: 62px;
	@widthPage: 100%;
	html {
	}
	body {
		width: @widthPage;
	}
	img{
	}
	header {
	    .wrap {
			width: @widthPage;
			display: flex;
			flex-flow: column;
			.top {
				background-size: cover;
			    height: auto;
			    display: flex;
			    flex-flow: row;
			    justify-content: space-around;
			    align-items: center;
			    padding: 1em 0;
		        
				.logo {
				    width: 100%;
				    flex: 1;
				    margin-left: .5em;
					img {
						width: 100%;
						padding-top: 0;
						max-width: 270px;
						float: left;						
					}
				}
				.feedBack {
					width: 70px;
					padding-top: 0;
					top: 0;
					.feedBackLink {
						display: none;
					}
					.feedBackLinkMobile {
						display: block;
						width: 35px;
						height: 35px;
						margin: 0 auto;
						background: url(../img/html/mobile/feedBack.png);
						background-size: contain;
						&:before {
							content: none;
						}
					}
					&:hover div {
					}
					&:hover a {
					}				
					a {
					}
					span {
					}
					div {
					}
				}
				.infoTop {
					width: 100%;
					flex: 1;
					padding: 0;
					margin: 0;
					margin-right: .5em;
					position: relative;
					text-align: right;
					right: 0;
					top: 0;
					span {
						text-align: center;
						a {
						}
					}
					.phone {
						padding-top: 6px;
						font-size: .8em;
					}
					.addres {
						width: 100%;
						font-size: .7em;
					    text-align: right;
					}
				}
			}
			.bottom {
				width: 100%;
			    height: 70px;
			    margin-top: 0;
				.menuMobile {
					display: none;
					margin-top: 27px;
					z-index: 900;
					position: relative;					
					.active > a {
						color: #6bd5fd;
						.active a {
							color: #6bd5fd;
						}
					}
					a {
						font-size: .5em;
					}
				}	
				.btnMenu {
					display: flex;
					flex-flow: row;
					text-align: center;
					align-items: center;
					justify-content: center;
				    padding-top: 15px;
					.title {
						display: inline-block;
						vertical-align: top;
						color: #fff;
						font-size: 2.4em;
						margin-right: .3em;
					}
				}
				.btnMenu:hover .menuMobile{
					display: block;
				}
				nav {
					display: none;
				}			
			}
			nav {
				ul {
					&:after {
					}
					li {
						display: inline-block;
						&:hover .ulInner {
						}
						a {
							&:hover {
							}
						}
						.ulInner {
							.title {
							}
							ul {
								&:after {
								}						
								li {
								    &:nth-child(2n) {
								    }
									a {
										&:hover {
										}
									}
								}				
							}
							.bottomUl {
							}
							
						}
					}
				}
			}
		}
	}
	.content {
		width: @widthPage;
		margin-top: -475px;
		padding-top: 475px;
		padding-bottom: 290px;
		background-size: contain;
		.wrap {
			width: @widthPage;
			.btnContent {
			    width: 80%;
			}
			
			.wrapCrumb {
	// 			margin: 10px 20px 0px 20px;
				.breadcrumb {
					li {
						&:hover {
						}				    
						a {
							&:after {
							}
							&:hover {
							}
						}
					}
				}
			}
			h1, h2, h3, h4 {
				line-height: 1.5em;
				font-size: 1.4em;
				margin: 2em 0 .5em 0;
				margin: 0 .2em !important;
			}	
			h1 {
			}
			h2 {
			}
			h3 {
			}
			h4 {
			}
			#accordion {
				h3 {
					&:before {
					    width: 10px;
					    height: 15px;
					    margin-right: 15px;
					}
				}
				.ui-state-active:before {
				    transform: rotate(90deg);
				    background: url(https://spbdogma.ru/img/html/arrow-right-white-hover@2x.png) 2px 0 no-repeat;
				    background-size: contain;								
				}
					.wrapTwoBlock { 
		.left {
			width: 100%;
			margin-bottom: 30px;
			.adr, .phone, .rezhim, rezhimImg, span {
			}
			.adr {
			}
			.phone {
			    margin-top: 30px;
			}
			.rezhim {
				margin: 30px 0 30px 0;				
			}
			.rezhimImg {
				width: 450px;
			}
		}
		.right {
			width: 100%;
			span {
			}
		}
	}
			}		
			.wrapInner {
				text-align: left;
				padding: 0 .8em 3em .8em;
			}
			.blockTop, .block {
				margin: 2em .3em;
				padding: 0 0;
				h2 {
				    font-size: 1.2em;
			        padding: 50px 0 30px 0;
				}
			}
			.blockTop {
				&:after {
					margin-top: -1px;
				}
			}
			.block {
				h2 {
					line-height: 30px;
				}
				&:before {
				    top: -61px;
				}
				&:after {
				    margin-top: -1px;
				}
				
			}
		}
	
	}
	.advantage {
		div {
		}
		img {
			width: 140px;
		}
		span {
		    line-height: 25px;			
		}
	}
	.wrapTwoBlock {
		.left {
			width: 100%;
			margin-bottom: 30px;
			.adr, .phone, .rezhim, rezhimImg, span {
			}
			.adr {
			}
			.phone {
			    margin-top: 30px;
			}
			.rezhim {
				margin: 30px 0 30px 0;				
			}
			.rezhimImg {
				width: 450px;
			}
		}
		.right {
			width: 100%;
			span {
			}
		}
	}
	footer {
		margin-top: -270px;
		height: 270px;
		.wrap {
			width: @widthPage;
			height: auto;
			a {
				&:hover {
					color: #ffffff;
				}
			}
			.wrapTop {
				padding: 20px .5em 20px .5em;
				flex-wrap: wrap;
				flex-flow: column;
				div {
					width: 100%;
					padding-top: 5px;
					.logo {
					    width: 280px;
					    display: block;
					    margin: 0 auto;		
					    padding-bottom: 10px;				
					}
				}
				.adress {
					text-align: center;
					span {
						text-align: center;
					}
					.phone {
						padding: .5em 0;
					}
				}	
				.intimeImg {
					width: 100%;
					text-align: center;
					margin-top: 7px;
					a {
						display: block;
						margin: 0 auto;
					}
					img {
						width: 60px;
						display: inline-block;
						vertical-align: bottom;
					}
				}
				.footBtn {
					
					a {
					}
				}		
			}
			.smallText {
				width: 100%;
				text-align: center;
			    padding: 0 0 20px 0;
			}
			hr {
			}
			.menuFooter {
				ul {
					&:after {
					}
					li {
						&:hover ul {
						}
						a {
							&:hover {
							}
						}
						ul {
						}
					}
				}
			}
		}
	}
	.cmn-toggle-switch__htx {
	  background-color: #3571a5;
	}
	 
	.cmn-toggle-switch__htx span {
	  -webkit-transition: background 0 0.3s;
	          transition: background 0 0.3s;
	}
	 
	.cmn-toggle-switch__htx span::before,
	.cmn-toggle-switch__htx span::after {
	  -webkit-transition-duration: 0.3s, 0.3s;
	          transition-duration: 0.3s, 0.3s;
	  -webkit-transition-delay: 0.3s, 0;
	          transition-delay: 0.3s, 0;
	}
	 
	.cmn-toggle-switch__htx span::before {
	  -webkit-transition-property: top, -webkit-transform;
	          transition-property: top, transform;
	}
	 
	.cmn-toggle-switch__htx span::after {
	  -webkit-transition-property: bottom, -webkit-transform;
	          transition-property: bottom, transform;
	}
	 
	/* active state*/
	.cmn-toggle-switch__htx.active {
	  background-color: #3c7cb5;
	}
	 
	.cmn-toggle-switch__htx.active span {
	  background: none;
	}
	 
	.cmn-toggle-switch__htx.active span::before {
	  top: 0;
	  -webkit-transform: rotate(45deg);
	      -ms-transform: rotate(45deg);
	          transform: rotate(45deg);
	}
	 
	.cmn-toggle-switch__htx.active span::after {
	  bottom: 0;
	  -webkit-transform: rotate(-45deg);
	      -ms-transform: rotate(-45deg);
	          transform: rotate(-45deg);
	}
	 
	.cmn-toggle-switch__htx.active span::before,
	.cmn-toggle-switch__htx.active span::after {
	  -webkit-transition-delay: 0, 0.3s;
	          transition-delay: 0, 0.3s;
	}	
	.cmn-toggle-switch {
	  display: inline-block;
	  position: relative;
	  overflow: hidden;
	  margin: 0;
	  padding: 0;
// 	  margin: 0 auto;
	  width: 50px;
	  height: 40px;
	  font-size: 0;
	  text-indent: -9999px;
	  -webkit-appearance: none;
	  -moz-appearance: none;
	  appearance: none;
	  box-shadow: none;
	  border-radius: none;
	  border: none;
	  cursor: pointer;
	  -webkit-transition: background 0.3s;
	          transition: background 0.3s;
	}
	 
	.cmn-toggle-switch:focus {
	  outline: none;
	}					
	.cmn-toggle-switch span {
	  display: block;
	  position: absolute;
	  top: 19px;
	  left: 10px;
	  right: 10px;
	  height: 3px;
	  background: white;
	}
	 
	.cmn-toggle-switch span::before,
	.cmn-toggle-switch span::after {
	  position: absolute;
	  display: block;
	  left: 0;
	  width: 100%;
	  height: 3px;
	  background-color: #fff;
	  content: "";
	}
	 
	.cmn-toggle-switch span::before {
	  top: -10px;
	}
	 
	.cmn-toggle-switch span::after {
	  bottom: -10px;
	}
	.contact_form {
		max-width: 100% !important;
	}
	.contact_form {
		input, textarea {
			border: 1px solid #929292;
			border-radius: none;
			box-shadow: none;
		}
	}
		.wrapNews {
		    -webkit-column-count: 1;
		    -moz-column-count: 1;
		    column-count: 1;
		}
	.mini-menu .sub ul li a:before {
		line-height: 22px;
	}
	.intimeImg {
		display: none !important;
	}
	
		
}