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

}
.b1-flex {
       display: flex;
    padding: var(--spacing-15px);
    flex-wrap: wrap;
}
.salons-grafic-zal {
    font-weight: var(--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 var(--color-cccccc);

}
.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 var(--color-cccccc);
    transition: .5s;
}    
.tabs-nav a {

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

    font-size: var(--font-size-1-2em);
    text-decoration: none;

    color: var(--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 var(--color-cccccc);
	border-radius: 0 5px 0 0; 
}
.tabs-nav a.active {
    border-bottom: 1px solid #d4d4d4;
    font-weight: var(--font-weight-500);
}   
.tabs-items {
	background: var(--color-f8ebf5);
	margin: -1px 0 0 0;
	width: 60%;
	height: 100%;
	box-shadow: 0 0 32px var(--color-cccccc);
}
.tabs-items:hover {
    box-shadow: 0 0 32px var(--color-b2b2b2);
	transition: .5s;
}
.tabs-item {
	padding: var(--spacing-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: var(--color-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: var(--font-size-0-93em);
    text-decoration: none;
    color: var(--color-4b4b4b);
}
img.salon-list__picture {
    width: 100%;
}
}