img.salon-list__picture {
    width: auto;
}
.img-salon {
    text-align: center;
}
.b1, .b2, .b3, .b4 {
    width: 50%;
    height: auto;

}
.b1-flex {
       display: flex;
    padding: 15px;
    flex-wrap: wrap;
}
.salons-grafic-zal {
    font-weight: bold;
    text-align: right;
}
.col-md-manual {
	    flex: 0 0 100%;
    max-width: 100%;
}
#tabs {
	display: flex;
    margin: 10px 0;
    width: 100%;
	    box-shadow: 0 0 32px #ccc;

}
.tabs-nav {
    overflow: hidden;
    margin: 0;
    width: 20%;
    padding: 40px 0 0 0;
}

.tabs-nav li {
	display: block;
    padding: 6px 0 0 25px;
    list-style: none;
} 
.tabs-nav li:hover {
	box-shadow: 0 0 32px #ccc;
    transition: .5s;
}    
.tabs-nav a {

    display: -webkit-inline-box;
    padding: 1px 5px;

    font-size: 1.2em;
    text-decoration: none;

    color: #4b4b4b;
}		
.tabs-nav li:first-child a {
	border-radius: 5px 0 0 0; 
}
.tabs-nav li:last-child a {
	display: block;
	border-right: 1px solid #ccc;
	border-radius: 0 5px 0 0; 
}
.tabs-nav a.active {
    border-bottom: 1px solid #d4d4d4;
    font-weight: 500;
}   
.tabs-items {
	background: #f8ebf5;
	margin: -1px 0 0 0;
	width: 60%;
	height: 100%;
	box-shadow: 0 0 32px #ccc;
}
.tabs-items:hover {
    box-shadow: 0 0 32px #b6b5b5;
	transition: .5s;
}
.tabs-item {
	padding: 15px;
}
.tabs-item h2 {
    text-align: center;
}
.tabs-nav li:last-child a {
    display: -webkit-inline-box;
    border: none;
}

@media (max-width: 768px) {
	
.tabs-nav {
    overflow: hidden;
    margin: 0;
    width: 50%;
    padding: 20px 0 20px 0;
}
.tabs-items {
	background: #f8ebf5;
	margin: -1px 0 0 0;
	width: 100%;
	height: 100%;
}	
#tabs {
    margin: 10px 0;
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
}
.tabs-nav a {
    display: -webkit-inline-box;
    padding: 1px 5px;
    font-size: .93333em;
    text-decoration: none;
    color: #4b4b4b;
}
img.salon-list__picture {
    width: 100%;
}
}