/* === DESKTOP FIRST === */

/* xl <= Extra extra large (xxl) */
/* @media (max-width : 1100px) {
	.main-catalog__card {
    grid-template-columns: 2fr 1fr;

} */

/* lg <= Extra large (xl) */
@media (max-width : 1240px) {
	body.lock {
		overflow: hidden;
	}
	.header__container {
		max-width: 800px;
		padding: 0 20px;
	}
	.main-menu-mobile {
		display: flex;
		margin-right: 0;
	}

	.main-menu-mobile__button {
		display: flex;
		justify-content: flex-end;
		width: 58px;
		height: 58px;
		align-items: center;
	}

	.main-menu__button {
		display: block;
		position: relative;
		width: 30px;
		height: 20px;
	}
	.main-menu__button::before,
	.main-menu__button::after {
		content: '';
		background-color: black;
		position: absolute;
		width: 100%;
		height: 2px;
		left: 0;
		/* z-index: 1; */
		transition: all 0.3s ease 0s;
	}
	.main-menu__button::before {
		top: 0;
	}
	.main-menu__button::after {
		bottom: 0;
	}
	.main-menu__button span {
		position: absolute;
		background-color: black;
		left: 0;
		width: 100%;
		height: 2px;
		top: 9px;
		/* z-index: 1; */
		transition: all 0.3s ease 0s;
	}

	.main-menu {
    position: fixed;
    top: 0;
    right: -100%;
    width: 600px;
    height: 100%;
    margin-left: 0;
    background-color: #fff;
    transition: all 0.2s ease-in-out;
    overflow: auto;
    z-index: 110;
	}
	.main-menu.active {
		right: 0%;
		box-shadow: 0 4px 32px rgba(36,36,36,.1), 0 0 1px rgba(36,36,36,.2);
	}
	.close-button-all_conteiner.menu-on {
		z-index: 130;
	}
	.main-menu__sections {
		display: flex;
		flex-direction: column;
		margin-top: 60px;
		margin-left: 20px;
		margin-right: 20px;
	}
	.main-menu__sections__linc {
		padding: 15px 20px;
    font-size: 20px;
    border-bottom: 1px solid #dadada;
	}



	.main__container {
		max-width: 800px;
		margin: 0 auto;
		padding: 0 20px;
	}

	.catalog__title__subtitle {
		max-width: 100%;
		margin-bottom: 30px;
	}
	.fast-menu {
		grid-template-columns: repeat(2, 1fr);
	}
	.ceo-text__conteiner {
		background-color: transparent;
		border-radius: 8px;
	}
	.catalog-list__card__bottom ul {
		grid-template-columns: repeat(2, 1fr);
		gap: 0 20px;
	}
	.catalog-list__card__bottom__list {
		height: 58px;
		border-bottom: 1px solid #dadada;
	}
	.catalog-list_border-line {
		margin-bottom: 0;
	}

	/* ОСНОВНОЙ КАТАЛОГ */

	.main-catalog {
		grid-template-columns: repeat(1, 1fr);
	}

	.main-catalog__card {
		grid-template-areas:
		"A"
		"C"
		"B";
		grid-template-columns: repeat(1, 1fr);
	}
	.main-catalog__card__bottom:hover {
    box-shadow: none;
	}

	.close-button-all_conteiner.active {
    right: 589px;
	}

	.back-button-all_conteiner.active {
    right: 589px;
	}

	.ddm {
		width: 600px;
	}

	.footer {
		max-width: 800px;
		margin: 0 auto;
		padding: 0 20px;
	}

	/* Карточка клиники */

	.clinic-card__left-colomn {
		width: 100%;
	}

	.clinic-card__logo {
		width: 100%;
		height: 84px;
	}

	.clinic-card__info__menu-fix {
		display: none;
	}
	
	.clinic-card__rhite-colomn {
		display: flex;
		justify-content: center;
		position: fixed;
		background-color: #fff;
		bottom: 0;
		left: 0;
		width: 100%;
		box-shadow: 2px 2px 6px rgba(0, 0, 0, .26), 0 0 1px rgba(36, 36, 36, .2);
		z-index: 30;
	}

	.clinic-card__lead-box {
		display: flex;
		gap: 20px;
		border-radius: 0;
		box-shadow: none;
		width: 800px;
		padding: 10px 20px;
	}

	.clinic-card__bottom__phone {
		/* display: none; */
		    margin-top: 10px;
        margin-bottom: 10px;
        padding: 0;
        border: none;
	}

	.clinic-card__bottom__doktor {
		display: flex;
		align-items: center;
		justify-content: center;
		margin-bottom: 0;
		padding: 0 20px;
		min-width: 500px;
		gap: 10px;
	}

	.lead-form__box__doktor {
		display: flex;
		flex-direction: column;
		padding: 10px 20px;
	}

	.clinic-card__bottom__doktor .border-line-lite {
		display: none;
	}

	.clinic-card__bottom__doktor-title {
		white-space: nowrap;
		max-width: 300px;
	}

	.lead-form__box__doktor-title {
		white-space: nowrap;
		max-width: 300px;
	}

	.lead-form.blu-button {
		width: 100%;
	}

	.top-nubex {
		display: block;
		position: fixed;
		height: 60px;
		width: 60px;
		bottom: 20px;
		right: 20px;
		background-color: #ffffff;
		border-radius: 50%;
		box-shadow: 6px 6px 26px rgba(36,36,36,.2), 0 0 1px rgba(36,36,36,.2);
		transition: all 0.2s ease 0s;
		cursor: pointer;
	}






}

/* md <= Large (lg) */
@media (max-width : 800px) {

	.main__container {
		margin: 0 auto;
		padding: 0;
	}
	.header__container {
		padding: 0;
	}
	.logo {
		margin-left: 20px
	}
	.main-menu {
		width: 100%;
	}
	.main-menu-mobile {
		display: flex;
		margin-right: 20px;
	}
	.mobile-serch-button {
		display: flex;
	}
	.title {
		padding-top: 20px;
	}
	.titl-region {
		grid-template-areas:
		"A"
		"B "
		"C"
	}
	.titl-region h1 {
		padding: 0 20px;
	}
	.region_serch__chois {
		flex-direction: column;
		align-items: flex-start;
		margin-left: 20px;
		margin-right: 20px;
		gap: 10px;
	}
	.titl-region .border-line {
		margin: 20px 20px 0px 20px;
	}
	.region_serch__menu {
		width: 100%;
		margin-top: 40px;
		margin-left: 0;
		margin-right: 0;
	}

	.city_serch__menu {
		width: 100%;
		margin-top: 100px;
		margin-left: 0;
		margin-right: 0;
	}

	.region_serch__city {
		margin-left: 20px;
		margin-right: 20px;
		flex-direction: column;
		align-items: flex-start;
		gap: 20px
	}
	.region_serch__tabs {
		margin-left: 20px;
		margin-right: 20px;
	}
	.sersh-metro__area {
		margin-left: 20px;
		margin-right: 20px;
	}
	.sersh-adress__area {
		margin-left: 20px;
		margin-right: 20px;
	}

	.sersh-city__area {
		margin-left: 20px;
		margin-right: 20px;
	}

	.breadcrumbs {
		padding: 0 20px;
	}


	/* Поиск общий */

	.sersh__area {
		margin-bottom: 30px;
	}

	.serch__intro-text {
		display: none;
	}

	.close-button-all_conteiner.active {
		right: 32px;
	}

	.back-button-all_conteiner.active {
		right: 32px;
	}


	.serch-button {
		display: flex;
		margin-top: 50px;
		margin-bottom: 60px;
	}
	.serch-button_text {
		color: #fff;
		font-size: 18px;
	}
	.serch-button_icon {
		padding-top: 6px;
		padding-left: 6px;
	}
	.fast-menu {
		grid-template-columns: repeat(1, 1fr);
		border-radius: 0;
	}
	.ceo-text__conteiner {
		padding: 60px 20px;
	}
	.catalog-list__card {
		padding: 0 20px;
	}
	
	.catalog-list__card__top{
		margin-bottom: 0;
	}

	.catalog-list__card__top h2{
		padding-left: 0;
		padding-right: 0;
	}

	.catalog-list__card__bottom ul {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		gap: 0 20px;
	}
	.catalog-list__card__bottom__list {
		padding-left: 0;
		padding-right: 0;
	}

	.sersh-vrachy__menu {
		width: 100%;
		margin-top: 100px;
		margin-left: 0;
		margin-right: 0;
	}

	.sersh-vrachy__area {
		margin-left: 20px;
		margin-right: 20px;
	}


	/* ОСНОВНОЙ КАТАЛОГ */
	.main-catalog {
		grid-template-columns: repeat(1, 1fr);
		padding: 30px 20px;
		border-radius: 0;
	}
	.main-catalog__card__top-block {
		flex-direction: column;
	}

	.main-catalog__card__title__name {
		margin-top: 10px;
	}

	.main-catalog__card__logo {
		max-height: 52px;
		width: auto;
		padding: 10px;
	}

	.main-catalog__card__top footer {
		flex-direction: column;
	}

	.main-catalog__card__top .border-line {
		margin-bottom: 10px;
	}

	.clinic-card__top-info .clinic-card__top-info__rhite {
		width: auto;
	}

	.clinic-card__top-info__rhite.border-radius-s {
		border: 0;
		padding: 0;
	}


	
	.clinik-reviews__list {
		width: auto;
		margin-top: 100px;
		margin-left: 20px;
		margin-right: 20px;
}
	.main-catalog__card__bottom {
		padding: 10px 20px 20px 20px;
		border-left: none;
	}
	.main-catalog__card__bottom:hover {
    box-shadow: none;
}
	.main-catalog__card__top-info {
    display: grid;
    gap: 5px 40px;
    padding: 0px 20px 20px 20px;
    grid-template-areas:
        "A A A A"
        "B B B B"
        "C C C C"
        "D D D D"
        "E E E E";
    grid-template-columns: repeat(4, 1fr);
	}
	.main-catalog__card__top-info__location__address {
    align-items: flex-start;
    margin-bottom: 10px;
    flex-direction: column;
		padding-left: 0;
	}
	.main-catalog__card__top-info__location__address span {
    margin-left: 0;
	}
	.main-catalog__card__top-info__location__route {
    padding-left: 0;
	}
	.main-catalog__card__top-info__schedule {
    padding-left: 0;
	}
	.main-catalog__card__top-info__phone {
    padding-left: 0;
	}
	

	/* ФИЛЬТР КЛИНИК */

	.clinik-filter__conteyner {
		margin-left: 20px;
		margin-right: 20px;
		margin-bottom: 20px;
	}

	/* Сортировка */

	.clinik-sorting__conteyner {
		margin-left: 20px;
		margin-right: 20px;
	}

	.clinic-card__top-info__rhite__reiting {
		flex-direction: column;
	}

	.ddm {
		width: 100%;
	}

	/* Карта */
	.location-map__box {
		width: auto;
	}

 /* Записаться на приём */

	.lead-form__box {
		width: auto;
	}

	/* Отзывы */
	.clinik-reviews__review-content {
		width: auto;
	}


	.clinic-card__left-colomn {
		width: 100%;
		background-color: #eee;
		padding-top: 20px;
	}

	/* ФУТЕР */

	.footer {
		margin: 0 auto;
	}

	/* Карточка клиники */

	.clinic-card__left-colomn .border-radius-b {
    margin: 0 20px 20px 20px;
}



	.clinic-card__top-info {
		flex-direction: column;
		gap: 0;
	}

	.clinic-card__top-info__left__logo {
			width: auto;
			height: 70px;
			justify-content: center;
	}

	.clinic-card__top-info__left__logo.border-radius-b {
		padding: 10px;
	}

	.clinic-card__top-info__rhite {
		width: auto;
	}

	/* .rating-title {
		display: none;
	} */

	.reviews-title {
		display: none;
	}

	.score__reviews.text-button {
		margin-left: 20px;
	}

	.clinic-card__info__location {
		flex-direction: column;
	}

	.clinic-card__info__schedule__rhite .border-radius-s {
		width: auto;
	}

	.clinic-card__info__schedule {
		flex-direction: column;
	}

	.clinic-card__bottom__doktor {
		display: none;
	}

	.ddm .clinic-card__bottom__doktor {
		display: flex;
	}

	.clinic-card-slider .slick-dots li {
		margin: 0 3px;
	}

	.clinic-card-slider .slick-dots button {
		width: 10px;
		height: 10px;
	}

	.ya-map-block {
		width: auto;
		margin-top: 100px;
		margin-left: 20px;
		margin-right: 20px;
	}


}

/* sm <= Medium (md) */
@media (max-width : 768px) {

}

/* xs <= Small (sm) */
@media (max-width : 576px) {

}


/* === MOBILE FIRST === */

/* Custom (xs) */
@media (min-width : 0) {

}

/* Small (sm) */
@media (min-width : 576px) {

}

/* Medium (md) */
@media (min-width : 768px) {

}

/* Large (lg) */
@media (min-width : 992px) {

}

/* Extra large (xl) */
@media (min-width : 1200px) {

}

/* Extra extra large (xxl) */
@media (min-width : 1400px) {
	
}