@media (max-width: 1200px) {
	.head-contact.adress{
		margin-right: 10px;
		margin-left: 0;
		max-width: 270px;
	}
	.head-logo{
		width: 270px;
	}
	.home-slider .swiper-slide .sl-text{
		top: 25px;
	}
	.headline span:after{
		width: 50px;
		right: -60px;
	}
	.left-nav li a{
		font-size: 14px;
	}
	.doc-item .hdl{
		width: 90px;
		height: 90px;
	}
	.doc-menu{
		margin-left: 100px;
	}
}

@media (max-width: 991px) {
	.header .logo{
		display: block;
		width: 252px;
		margin: 0px auto 30px;
	}
	.hed-nav li{
		font-size: 16px;
	}
	.home-slider .swiper-slide .sl-text{
		left: 70px;
	}
	.home-slider .swiper-slide .title{
		font-size: 26px;
		line-height: 30px;
	}
	.home-slider .swiper-slide .text{
		font-size: 16px;
	}
	.home-slider .swiper-container-horizontal > .swiper-pagination-bullets, .home-slider .swiper-pagination-custom .swiper-pagination{
		bottom: 25px;
		left: 70px;
	}
	.headline{
		font-size: 26px;
	}
	.headline span:after {
    width: 25px;
    right: -35px;
    background-position: -25px -90px;
    top: 15px;
	}
	.left-nav li a{
		height: auto;
		min-height: 50px;
		line-height: normal;
	}
	.contact-info .item{
		margin-bottom: 20px;
	}
}

@media (max-width: 767px) {
	.cat-item .img-box{
		margin-bottom: 20px;
	}
	.head-top{
		max-width: 600px;
		margin: 0px auto;
	}
	.head-contact{
		float: none;
		width: 30%;		
		display: inline-block;
		vertical-align: top;
		text-align: left;
	}
	.head-contact.adress{
		margin-right: 0;
		max-width: none;
		width: 69%;
	}
	.head-logo{
		float: none;
		width: auto;
		margin-top: 20px;
	}
	.head-logo .log1{
		text-align: left;
		width: 69%;
		padding-left: 27px;
	}
	.head-logo .log1,
	.head-logo .log2{
		float: none;
		display: inline-block;		
		vertical-align: top;
	}
	.head-logo .log2{
		padding-left: 27px;
	}
	.main{
		padding: 20px;
	}
	.clients-wrap{
		padding-left: 20px;
		padding-right: 20px;
		margin-left: -20px;
		margin-right: -20px;
	}
	.head-btm{
		padding: 10px 0;
	}
	.hed-nav{
		margin-top: 10px;
	}
	.hed-nav li{
		display: block;
		margin: 0 10px;
		border-bottom: 1px dashed rgba(255, 255, 255, 0.2);		
	}
	.hed-nav li:last-child{
		border-bottom: 0;
	}
	.hed-nav li:after{
		display: none;
	}
	.hed-nav li a{
		padding: 5px 10px;
		margin-bottom: 0;
	}
	.head-top{
		padding: 10px 0 20px 0;
	}
	.breadcrumb{
		padding-left: 20px;
	}
	.footer{
		padding: 20px 0;
		text-align: center;
	}
	.footer .logo{
		margin-bottom: 0;
		display: inline-block;
	}
	.table-wrap{
		overflow-x: scroll;
	}
	.cnt-img{
		float: none;
		width: 100%;
		margin-right: 0;
		margin-left: 0;
	}
	.doc-headline span.note{
		display: block;
		margin-left: 0;
	}
	.user-nav{
		position: fixed;
		bottom: -90px;
		right: 110px;
		top: auto;
		-moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
	}
	.user-nav .enter{		
		-moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
	}
}

@media (max-width: 450px) {
	.head-contact{
		font-size: 16px;
		line-height: 20px;
	}
	.head-contact.adress{
		width: 59%;
	}
	.head-contact.phone{
		width: 40%;
	}	
	.header .logo{
		margin-bottom: 10px;
	}	
	.type-menu li{
		font-size: 15px;
		padding: 5px 0 5px 30px;
	}
	.type-menu li:after{
		left: 0;
		top: 5px;
	}
	.type-menu li span:first-child{
		width: 40%;
	}
	.footer div[class^="col-"]{
		width: 100%;
	}
	.tab-descript{
		padding-left: 30px;
	}
	.head-contact.adress{
		display: none;
	}
	.head-logo{
		display: none;
	}
	.head-contact.phone{
		width: auto;		
		display: inline-block;
	}
	.head-top{
		text-align: center;
	}
}

@media (max-width: 320px){
	
	.head-contact.phone{
		width: auto;
		text-align: center;
	}		
}