@media (max-width: 769px) and (min-width: 0){
	.topmenu{
		padding:14px 0 18px 0;
	}
	.topmenu form > button{
		margin:10px 0 0 0;
	}
	.topmenu ul li ul{
		position: static;
		display: block;
		padding:5px 20px 0 20px;
	}
	.topmenu ul li ul li{
		border:none;
		margin:0;
	}
	.topmenu ul li {
	    display: inline-block;
	    margin-right: 38px;
	    padding: 10px 0;
	    width: 100%;
	    border-bottom: 1px solid #fff;
	}
	.navbar-toggle {
	    width: 104px;
	    font-size: 13px;
	    color: #fff;
	    font-family: 'HelveticaBold';
	    display: inline-block;
	    vertical-align: top;
	    float: none;
	    background: 0;
	    position: relative;
	    padding: 0;
	    margin: 0;
	    transition: .5s;
	}
	.navbar-toggle .text-bar {
	    position: absolute;
	    top: 8px;
	    left: 52px;
	    text-transform: uppercase;
	    color: #fff;
	    font-size: 13px;
	    font-family: 'HelveticaBold';
	}
	.navbar-toggle .icon-bar {
	    margin: 6px 0 0 0;
	    height: 3px;
	    width: 26px;
	    background: #fff;
	}
	.menu-header {
	    position: static;
	    overflow: none;
	    display: none;
	}
	.menu-header.active {
	    display: block;
	}
	.menu-header.active {
	    visibility: visible;
	    opacity: 1;
	    left: 50px;
	    transition: 1s;
	}
	.header{
		padding:5px 0 110px 0;
	}
	.header__logo{
		margin:10px 0 0 0;
	}
	.about{
		padding:5px 0 0 0;
	}
	.about img{
		max-width:100%;
		display: block;
		margin:0 auto;
	}
	.about__wrap{
		padding:10px 0;
	}
	.service{
		padding:10px 0;
	}
	.service .title{
		padding:0;
	}
	.preim{
		padding:10px 0;
	}
	.portfolio{
		padding:10px 0;
	}
	.portfolio__title{
		margin:0;
	}
	.portfolio__all {
	    margin: 8px 4px 0 0;
	}
	.swiper-button-next{
		right:30%;
	}
	.swiper-button-prev{
		left:30%;
	}
	.swiper-pagination-bullet{
		display: none;
	}
	.news{
		padding:10px 0;
	}
	.news__title{
		margin:0;
	}
	.reviews{
		padding:10px 0;
	}
	.reviews__title{
		margin:0;
	}
	.swiper__reviews-container{
		margin:20px 0 0 0;
	}
	.reviews .swiper-slide{
		height:auto;
	}
	.rev__item{
		padding-top:30px;
	}
	.reviews .swiper-pagination-bullet{
		display: none;
	}
	.swiper__reviews-button-prev{
		left:30%;
	}
	.swiper__reviews-button-next{
		right:30%;
	}
	.bottom ul{
		padding:17px 0 0 0;
	}
	.soc{
		text-align: center;
	}
	.footer .copy{
		text-align: center;
	}
	.footer__contact{
		text-align: center;
	}
	.footer__contact .phone{
		margin:20px 23px 0 23px;
	}
	.footer__contact .adres{
		margin:20px 23px 0 23px;
	}
	.filter{
		padding:30px 0 0 0;
	}
	.filter .block{
		margin-right:40px;
	}
	.gallery__item .photo{
		width:277px;
		margin:0 auto;
		display: block;
	}
	.gallery__item .name{
		text-align: center;
		padding:15px 0 0 0
	}
	.inner-gallery{
		padding:30px 0;
	}
	.content{
		padding:12px 0 0 0;
	}
	.faq-block a::after{
		top:58px;
		right:5px;
	}
	.serv__item{
		margin:20px 0 0 0;
	}
	.serv__body{
		height:40px;
		display: table-cell;
		vertical-align: middle;
	}
	.serv__list .serv__item:nth-child(2){
		padding:0 10px;
	}
	.serv__list .row{
		padding:7px 0;
	}
	.soc a{
		margin:0 4px;
	}
	.pages a {
	    padding: 6px 0 6px 0;
	    width: 30px;
	}
	.pages a.prev{
		margin:12px 15px 0 0;
	}
	.pages a.next{
		margin:12px 0 0 15px;
	}


}

@media (max-width: 521px) and (min-width: 0){
	.header {
	    padding: 15px 0 20px 0;
	    background: none;
	}
	.header__logo{
		margin:0 auto;
		display: block;
	}
	.header__contact{
		margin:20px auto 0;
		float:none;
		display: block;
	}
	.header .col-xs-6{
		width:100%;
	}
	.header__contact .email{
		display: none;
	}
	.service .col-xs-6{
		width:100%;
	}
	.bread{
		display: none;
	}
	.preim .col-xs-6{
		width:100%;
	}
	.portfolio .col-xs-6{
		width:100%;
	}
	.news .col-xs-6{
		width:100%;
	}
	.gallery-list .col-xs-6{
		width:100%;
	}
	.preim__item {
	    margin: 5px 0 0 0;
	}
	.service__item div{
		box-shadow: none;
	}
	.service__item{
		box-shadow: 0 0 10px rgba(20,20,20,0.1);
		background: #fff;
	}
	.rev__item{
		padding-right: 0;
	}
	.rev__item p.rev{
		height:111px;
	}
	.rev__item .photo {
	    margin: 0 7px 36px 0;
	}
	.bottom{
		padding:10px 0;
	}
	.filter .block{
		margin: 0 0 20px 0;
	}
	.filter p{
		margin:11px 20px 0 0;
	}
	.filter .block a{
		margin:5px 0 0 0;
		display: inline-block;
	}
	.faq-block{
		background: #0169b0;
		margin: 28px 0 0 0;
	}
	.faq-block a::after{
		display: none;
	}
	.faq-block a {
	    padding: 5px 0 5px 10px;
	}
	.content .preim__item .name {
	    padding: 3px 0 8px 40px;
	}
	.preim__item .num{
		display: none;
	}
	.serv__body {
	    padding: 0 5px 0 55px;
	}
	.content ol li:before{
		margin-right:8px;
	}
	.content h1{
		font-size:23px;
		margin:0;
	}
	.inner {
	    padding: 18px 0 60px 0;
	}
	.service-block{
		padding:0;
	}
	.serv__body p{
		display: none;
	}
	.serv__body p.name{
		display: block;
	}
	.serv__list .row{
		padding:0;
		border:none;
	}
	.serv__list{
		padding:0;
	}
	.content h2{
		margin:21px 0 0 0;
	}
	.content h3{
		margin:21px 0 0 0;
	}
	.content ol {
	    padding: 5px 0 0 4px;
	}
	.plan{
		padding:7px 0 0 0;
	}
	.result-block{
		padding:20px 0 0 0;
	}
	.result-block .title{
		margin:0 0 2px 0;
	}
	.sidebar_title{
		margin:25px 0 0 0;
	}
	.topmenu .col-xs-10{
		width:100%;
	}
	#demo-b {
		display: none;
	}


}