@media (max-width: 1199px) {
	.main-menu-left .sub-menu a {
		padding-left: 30px;
	}
	.main-menu-left .sub-sub-menu a {
		padding-left: 50px;
	}
	.archive-news-list .monthes ul>li>a {
		font-size: 11px;
	}
	.main-complaints-form .nav-tabs {
		margin-left: 40px;
	}
}

@media (max-width: 992px) {
	.header {
		background-position: 50% 15%;
	}
	.header-top .free-phone {
		font-size: 20px;
	}
	.logo .title {
		font-size: 16px;
	}
	.archive-news-list .monthes ul>li>a {
		font-size: 13px;
	}
	.archive-news-list .years {
		top: -28px;
	}
	#toggle-menu {
		display: block;
	}
	#main-top-menu {
		display: none; 
		position: absolute;
	    z-index: 999;
	    background: #fff;
	    width: 100%;
	    left: 0;
	    top: 100%;
		box-shadow: 0 2px 5px 0 rgb(99, 99, 99);
	}
	#main-top-menu li {
	    display: block;
		border: 1px solid #cce0e8;
	}
	#main-top-menu li>a {
		color: #000;
	}
	#main-top-menu>li.parent:after {
		content: '';
	    position: absolute;
	    top: 15px;
	    right: 15px;
	    width: 20px;
	    height: 20px;
	    z-index: 9;
	    background: url(../images/icons.png) no-repeat -128px -4px;
	    text-align: center;
	    transition: all 0.3s;
	}
	#main-top-menu>li.parent.active:after {
		transform: rotate(-180deg);
	}
	.main-top-menu .sub-menu {
		position: relative!important;
		width: 100%!important;
		background: #eaeaea!important;
		border: 0!important;
	}
	.main-top-menu .sub-menu li:last-child {
		border-bottom: 0!important;
	}
	.main-top-menu .sub-sub-menu {
		background: #e2e2e2;
		border: 0!important;
	}
}

@media (max-width: 767px) {
	.header {
		background-position: 50% 81%;
	}
	.header-top .free-phone, .header-top .contact-center, .header-top .site-map, .header-top .user, .header-top .user a {
		text-align: center!important;
	}
	.header-top .user {
		margin: 20px auto 0;
	}
	.logo .slogan {
		margin-bottom: 20px;
	}
	#toggle-monthes {
		display: block;
	}
	.archive-news-list .monthes ul {
		display: none; 
		position: absolute;
	    z-index: 999;
	    background: #fff;
	    width: 100%;
	    left: 0;
	    top: 100%;
		box-shadow: 0 2px 5px 0 rgb(99, 99, 99);
	}	
	.archive-news-list .monthes ul {
		background: #00668e;		
	}
	.archive-news-list .monthes ul>li {
		margin: 0 10px;
	}
	.middle {
		padding: 0 0 220px;
	}
	.main-menu-left .sub-menu a {
		padding-left: 20px;
	}
	.main-menu-left .sub-sub-menu a {
		padding-left: 20px;
	}
	.main-complaints-form .nav-tabs {
		margin-left: 0px;
	}
	.main-complaints-form .nav-tabs li {
		display: block;
	    float: none;
	    border: 0!important;
	    width: 100%;
	    margin-bottom: 5px;		
	}
	.main-complaints-form .nav-tabs li>a {
		display: block;
	    float: none;
	    border: 0!important;
	    width: 100%;
	    border-radius: 3px!important;
	}
	.main-complaints-form label {
		margin-bottom: 5px;
	}
	.breadcrumb {
		min-height: 70px;
		height: 100%;
		line-height: 25px;
	}
	.footer {
		margin: -220px auto 0;
    	height: 220px;
	}
	.footer-contacts {
		text-align: left;
	}
	.footer .rights {
		margin-bottom: 20px;
	}
}