/*------------------------------- media --------------------------------------------*/

/* Bootstrap 4 Grid
@media (min-width: 576px) {.container{max-width: 540px;}}
@media (min-width: 768px) {.container{max-width: 720px;}}
@media (min-width: 992px) {.container{max-width: 960px;}}
@media (min-width: 1200px){.container{max-width: 1140px;}}
*/

.container, .container-fluid {width: 100%; padding-left: 20px; padding-right: 20px; margin-left: auto; margin-right: auto;}
@media (min-width: 1920px){
	.container {max-width: 1880px;}
	.section-top {background: #000;}
	.section-top::before {content: ''; width: 1920px; height: 100%; position: absolute; top: 0; left: calc(50% - 970px);
		background: url(../img/bg-top.png) center -160px no-repeat; --fade-width: 50px;
		-webkit-mask-image: linear-gradient(to right, transparent 0%, black var(--fade-width), black calc(100% - var(--fade-width)), transparent 100%);
		mask-image: linear-gradient(to right, transparent 0%, black var(--fade-width), black calc(100% - var(--fade-width)), transparent 100%);
	}
	.top-video__wrapper {margin-right: 15px;}
	.section-workwithus::before {background-size: cover; background-position-y: -630px; bottom: auto; top: 0;
	}
	.portfolio-slider {max-width: 1520px;}
	.section-seo {background: #f5f5f5 url("../img/seo-bg-big-res.png") right bottom no-repeat;}
}


@media (max-width: 1899px) {
	.section-top {}
	.designers-slider {width: 1220px;}
	.designers-slider .swiper-slide-next+.swiper-slide {margin-right: 16px !important;}
	.designers-slider__buttons {right: auto; left: 0; top: -50px; bottom: auto;}
	.section-priority {background-position-x: 30vw;}
	.social-content_wrapper {column-gap: 30px;}
	.section-form-capture {background-position-x: 24vw;}
}
@media (max-width: 1699px) {
	.benefits-item {width: 330px; height: 330px; padding: 30px 30px 40px;}

	.designer-detail__quote {margin-left: 40px;}
	.designer-detail__quote::before {left: -50px;}
	.designer-detail__quote::before {left: -50px;}
	.designer-detail__quote::after {right: -50px;}

	.section-designer-selection {background-position-x: 45vw;}

	.section-blog__items {row-gap: 20px;}

	.designers-slider {width: 100%;}
}
@media (max-width: 1599px){
	.header-top {justify-content: space-between;}
	.header-top .v-col {flex: auto; max-width: none;}

	.section-top {padding-top: 50px; background-size: cover; background-position: 100% -9vw;}
	.top-title__wrapper {margin-top: 30px;}
	.top-video__wrapper {transform: scale(.9);}
	.top-title__wrapper svg {width: 800px;}
	.top-sub-title {font-size: 32px;}


	.cases-item.swiper-slide .cases_item__pic {height: 290px;}
	.cases-item.swiper-slide-active {width: 405px !important; height: 550px;}
	.cases-item.swiper-slide-active .cases_item__pic {transform: scale(1.5);}
	.cases-slide__info {width: 405px;}

	.section-team {padding-bottom: 100px;}
	.team-item {flex-basis: 250px;}
	.team-item:nth-child(1) {flex-basis: 450px; margin-right: calc(100% - 450px - 250px * 3);}
	.team-item:nth-child(6) {flex-basis: 450px;}
	.team-item:nth-child(4),
	.team-item:nth-child(5),
	.team-item:nth-child(6) {margin-top: 0;}
}
@media (max-width: 1439px){
	.header-top .v-col {flex: none;}
    .header-top .logo img {width: 270px;}
	.header-top .btn {width: 170px;}
	.header-top .v-col .flex-between {justify-content: flex-start;}
	.header-item.mr-a {margin-right: 0;}
	.header-item-right {width: auto;}

	.section-top {padding-top: 30px;}
	.section-top__main-menu .main-menu__item {font-size: 30px; line-height: 40px;}
	.top-video__wrapper {transform: scale(.7);}
	.top-title__wrapper {margin-top: 0; text-align: center;}
	.top-title__wrapper svg {width: 550px;}
	.top-sub-title {font-size: 27px;}

	.section-title__bg {top: 50px;}
	.section-title__bg svg {width: 70%;}

	.title {font-size: 64px;}
	.section-whyus {padding-bottom: 130px;}
	.section-whyus .title {font-size: 50px;}
	.benefits-slider {margin-top: 70px;}
	.benefits-item {width: 225px; height: 225px; padding: 20px 10px 20px 20px;}
	.benefits-item__pic {max-width: 70px;}
	.benefits-item__text {font-size: 18px;}

	.section-workwithus {padding-bottom: 120px;}
	.section-note {max-width: 200px;}
	.designer-detail__quote {font-size: 16px; margin-top: 40px;}
	.designers-slider {margin-top: 40px;}
	.designers-item__name {font-size: 20px;}
	.icon--slider-arrow-right,
	.icon--slider-arrow-left,
	.icon--slider-arrow-dark-right,
	.icon--slider-arrow-dark-left {width: 70px; height: 70px;}

	.form-logo__wrapper {max-width: 650px;}
	.form-text__wrapper {margin-top: 0;}
	.form-text {font-size: 30px; max-width: 650px;}

	.cases-slider {margin-top: 0;}
	.cases-slider .swiper-wrapper {margin-left: -80px;}
	.cases-item.swiper-slide .cases_item__pic {height: 250px;}
	.cases-item.swiper-slide-active {width: 350px !important; height: 420px;}
	.cases-item.swiper-slide-active .cases_item__pic {transform: scale(1.3);}
	.cases-slide__info-wrapper {margin-top: 10px;}
	.cases-slide__info {margin-left: calc(50% - 200px);}

	.section-reviews {padding: 150px 0 100px;}

	.section-blog {padding-top: 120px;}

	.section-blog__items {display: flex; flex-direction: column; row-gap: 20px;}
	.section-blog__item {height: auto; flex-shrink: 0;}
	.section-blog__item:nth-child(1) .section-blog__item-pic {flex-basis: 300px; flex-shrink: 0;}
	.section-blog__item:nth-child(1) .section-blog__item-info {flex-basis: auto;}
	.section-blog__item:nth-child(1) .section-blog__item-date span {font-size: 70px; line-height: 45px;}
	.see-more__block {margin-top: 50px;}


	.section-priority {padding-top: 100px; background-position: 25vw 150%;}
	.section-priority .title {font-size: 40px;}
	.section-priority-pic {width: 500px; bottom: -100px; margin-top: 40px;}


	.section-about {padding-top: 340px;}
	.page-about .section-about .about-info {margin-top: 100px;}
	.about-info {font-size: 40px;}
	.flybed-bage {font-size: 40px;}
	.about-info__1,
	.about-info__2,
	.about-info__3 {left: auto;}

	.about-grid .col {row-gap: 45px;}
	.about-content__text {font-size: 18px;}
	.about-bottom {margin-top: 30px;}


	.watch-video__wrapper {left: 35%; top: 40px;}
	.watch-video__text {font-size: 35px; max-width: 330px;}


	.section-form-capture {padding: 150px 0; background-position-x: 10vw;}

	.section-seo {background-position: 50% 200%;}
	.section-seo .flex.between {flex-direction: column;}
	.section-seo__text:nth-child(1) {flex: auto; max-width: none; margin-top: 50px; margin-right: 0;}
	.section-seo__text:nth-child(2) {flex: auto; max-width: none; top: 0; font-size: 20px;}
	.section-seo__btn.btn {width: 250px;}


	.footer-block .v-row-2.col-gap-100 {column-gap: 40px; --hgap: 40px; flex-wrap: nowrap;}
	.footer-block .v-col {flex: 1 1 100%; max-width: none;}
	.footer-block .v-col:nth-child(1) {flex-shrink: 1.2;}


	.section-portfolio .title {margin-top: 60px;}
	.portfolio-item__title {font-size: 18px;}

	.catalog-card {column-gap: 20px;}
	.catalog-card .product-main__pic {flex: 1 1 100%; max-width: none;}
	.catalog-card .product__info {flex: 1 1.5 100%; max-width: none;}

	.product-wrapper {column-gap: 20px;}
	.product-wrapper .product__info {flex: 1 1 100%; max-width: none;}
	.product-wrapper .product-pics {flex: 1 1 100%; max-width: none;}
	.product__title {font-size: 30px;}
	.product-descr__wrapper {row-gap: 30px;}
	.product-descr {font-size: 13px;}
	.product-descr li:last-child {margin-bottom: 0;}

	.banner-pill {font-size: 26px;}
	.banner-title {font-size: 60px;}
	.banner-text {font-size: 22px;}

	.section-recent .title {font-size: 34px;}
	.recent-item__title {padding: 20px 10px 0; height: 70px; font-size: 20px;}
	.recent-slider {height: 490px;}
	.recent-item__pic {height: 315px;}
	.recent-slider .swiper-slide-prev .recent-item__pic {height: 400px;}
	.recent-slider .swiper-slide-active .recent-item__pic {height: 400px;}

	.cases-slide__info-wrapper {height: auto; overflow: visible; position: relative; height: 100px;}
	.cases-slide__info {position: absolute; width: 100%; top: 0; left: 0;}
	.cases-slide__info-inner {display: flex;}
	.cases-slide__info {width: 100%; margin: 0;}
	.cases-slide__info-title {width: 35%; display: block;}
	.cases-slide__info-desc {position: static; width: 65%; padding-left: 30px; display: block;}

	.modal__title {font-size: 60px;}
	.modal__sub-title {text-align: left;}

	.section-breadcrumbs {padding: 40px 0;}


	.recent-slider .swiper-slide {width: 240px;}

}
@media (max-width: 1299px){
	.section-team .section-note {max-width: 150px;}
	.team-wrapper {background-image: none;}
	.team-item {flex-basis: 180px;}
	.team-item:nth-child(1) {flex-basis: 380px; margin-right: calc(100% - 380px - 180px * 3);}
	.team-item:nth-child(6) {flex-basis: 380px;}
	.team-item:nth-child(4),
	.team-item:nth-child(5),
	.team-item:nth-child(6) {margin-top: -50px;}
	.team-item__spec {font-size: 20px;}
	.team-item__name-big {font-size: 40px;}
}
@media (max-width: 1199px){
	.modal__container {max-width: 900px;}
	.modal__wrapper {min-height: 680px;}
	.yandex-badge__comments > div {width: 510px !important;}
}
@media (max-width: 1023px){
	.section {overflow: hidden;}

	.main-menu {background: #000 url("../img/mob-menu-bg.png") left top no-repeat; flex-direction: column; align-items: flex-start;
		padding: 20px; width: 360px; min-height: 100vh; position: absolute; top: 0; left: -360px; z-index: 999; transition: left ease .3s;}
	.mob-menu-backdrop {position: fixed; left: 0; top: 0; width: 100%; /*height: 100vh;*/ z-index: -1; transition: background ease .3s;}
	body.locked .mob-menu-backdrop {z-index: 999;}
	body.menu-active .mob-menu-backdrop {background: rgba(0, 0, 0, 0.7); height: 100vh;}
	body.menu-active .main-menu {left: 0; overflow: auto; height: 100%; box-shadow: -4px 4px 4px rgba(0, 0, 0, 0.24);}

	.burger-btn {display: block;}
	.close-btn {display: block; align-self: flex-end; position: relative; top: -10px; right: -10px; }

	.header-item__wrapper {display: none;}

	.section-top__main-menu .main-menu__item {line-height: 44px;}
	.main-menu__bottom {display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: auto; padding-top: 20px;}
	.main-menu__bottom .header-item:nth-child(1) {order: 2;}
	.main-menu__bottom .header-item:nth-child(2) {order: 1;}
	.main-menu__bottom .header-item__label span {display: none;}
	.main-menu__bottom .header-item__text {color: var(--color-5); font-weight: 600;}
	.main-menu__bottom .btn {order: 3; margin-top: 33px; width: 100%;}
	.main-menu__bottom .footer-block__social-links {order: 4; margin-top: 15px; width: 100%; justify-content: space-between;}
	.main-menu__bottom .footer-block__social-link-icon {background: #211212; width: 62px; height: 62px;}


	header {padding: 20px 0;}
	.header-top .logo img {width: 180px;}


	.section {padding: 50px 0;}
	.section-title__bg {top: 10px;}
	.section-title__bg svg {width: 90%; max-width: 350px;}
	.title {font-size: 24px; line-height: 1.27; text-transform: uppercase;}
	.section-note {position: static; text-align: center; max-width: none; font-size: 14px; text-transform: none; transform: none; margin-bottom: 5px;}
    .swiper-pagination-bullets {display: flex;}

	.section-top {padding: 265px 0 60px; background-position: 55% -10vw; background-size: 180%;}
	.top-title__wrapper {row-gap: 10px;}
	.top-sub-title {font-size: 20px;}
	.top-title__wrapper .btn.white {margin-top: 20px;}
	.top-video__wrapper {display: none;}


	.section-whyus {z-index: 0;}
	.section-whyus .title {font-size: 20px; text-align: right; margin: 0 auto; max-width: 220px;}
	.section-whyus .title span {text-align: left;}

	.benefits-slider {margin-top: 20px;}
	.benefits-slider .swiper-wrapper {justify-content: unset; flex-wrap: unset; gap: unset;}
	.benefits-item {width: 235px; height: 228px; padding: 25px 10px 20px 25px;}
	.benefits-item::before {top: 25px; right: 25px;}
	.benefits-item__pic {max-width: 60px;}
	.benefits-item__text {font-size: 16px; line-height: 1.5;}


	.section-workwithus {padding: 40px 0 75px;}
	.section-workwithus::before {content: none;}
	.page-about .section-workwithus {padding-bottom: 80px;}


	.page-about .section-whyus {padding-bottom: 80px;}


	.page-about .section-socials {padding-top: 80px;}


	.designer-detail,
	.designers-slider__buttons {display: none;}
	.designers-item {width: 235px; height: 213px;}


	.section-designer-selection {background-position-x: 60vw;}
	.form-logo__wrapper {display: none;}
	.form-text__icon {display: none;}
	.form-text {font-size: 24px; line-height: 1.27; text-align: center; width: 100%; max-width: none;}
	.section-designer-selection .form-text span {display: block; font-size: 14px; margin-top: 15px; text-transform: none;}
	.form-wrapper {margin-top: 30px;}
	.form-body {display: flex; flex-direction: column; row-gap: 40px;}
	.form-footer {display: flex; flex-direction: column; row-gap: 20px;}
	.form-agree-text {text-align: center;}


	.section-cases {padding-top: 80px;}
	.section-cases .section-title__bg {top: 50px;}
	.section-cases .title {max-width: 200px; margin: 0 auto;}

	.cases-slider {margin-top: 40px;}
	.cases-slider .swiper-wrapper {margin-left: 0;}
	.cases-item.swiper-slide {width: 235px; height: auto; transition: none; flex-direction: column; align-items: stretch; row-gap: 10px;}
	.cases-item.swiper-slide .cases_item__pic {width: 235px; height: 310px;}
	.cases-item.swiper-slide-active {width: 235px !important; height: auto;}
	.cases-item.swiper-slide-active .cases_item__pic {transform: none;}
	.cases-item__title {font-family: 'Play', serif; font-size: 20px;}
	.cases-item__info {display: block !important; margin-bottom: 5px;}
	.cases-item__btn {display: flex !important;}
	.cases-slide__info-wrapper {display: none;}
	.cases-slider__buttons {display: none;}


	.section-reviews {padding-top: 80px;}
	.section-reviews .section-title__bg {top: 40px;}
	.yandex-badge__comments {margin-top: 40px;}

	.section-blog {padding-top: 90px;}
	.section-blog .section-title__bg {top: 40px;}
	/*.blog-title-wrapper {column-gap: 50px; overflow-x: scroll; justify-content: flex-start;}*/
	.blog-title-wrapper {display: block; text-align: center; overflow-x: scroll; white-space: nowrap;}
	.blog-title-wrapper::-webkit-scrollbar {display: none;}
	.blog-title-wrapper .title {white-space: nowrap; display: inline-block; margin-right: 40px;}
	/*.section-blog__content {margin-top: 70px;}*/


	.section-blog__items {margin-top: 50px; flex-direction: row; column-gap: 0;}
	.section-blog__item {display: flex; flex-direction: column; width: 325px; row-gap: 10px;}
	.section-blog__item:nth-child(1) .section-blog__item-date {color: var(--color-6);}
	.section-blog__item:nth-child(1) .section-blog__item-date span {font-size: 14px; line-height: 1.2; color: var(--color-6);}
	.section-blog__item-title {font-size: 18px !important;}
	.section-blog__item-pic {flex-basis: auto !important; height: 100px;}
	.section-blog__item-info {flex-basis: auto !important; row-gap: 10px;}
	.section-blog__item-date span {font-size: 14px; line-height: 1.2;}
	.section-blog__article-preview {display: none;}
	.see-more__block {margin-top: 20px; width: 100%;}
	.see-more__btn.btn {display: flex; font-weight: 700; margin-top: 20px; background: #fff; width: 325px; max-width: 100%;}
	.see-more__text,
	.see-more__icon {display: none;}


	.section-priority {background-image: none; padding-bottom: 0;}
	.section-priority::after {content: ''; width: 100%; height: 55vw; background: url("../img/priority-bg.png") right bottom no-repeat;
		background-size: 114%; display: block; transform: rotateY(180deg); margin-top: -80px;}
	.section-priority .title {font-size: 30px; text-align: right; max-width: 350px; margin: 0 auto;}
	.section-priority .title span {display: block; text-align: left;}
	.section-priority-pic {display: none;}


	.section-about {padding: 75px 0;}
	.page-about .section-about {padding-top: 20px;}
	.page-about .section-about .about-info {margin-top: 30px;}
	.section-about .section-title__bg {top: 45px;}
	.about-info {position: relative; overflow: unset; margin-top: 40px;}
	.about-info__1,
	.about-info__2,
	.about-info__3 {font-size: 20px; font-weight: 300; position: static;}
	.flybed-bage {font-size: 26px; padding: 6px 15px; color: var(--color-4) !important; margin-left: 0; white-space: nowrap;
		display: flex; align-items: center; justify-content: center; column-gap: 10px;
 		position: absolute; bottom: -50px; left: 50%; transform: translateX(-50%);}
	.flybed-bage img {width: 42px;}
	.about-content {flex-direction: column; row-gap: 40px; margin-top: 90px;}
	.about-content .icon--text-mark-single {display: none;}
	.about-content .col {flex: auto !important; row-gap: 15px;}
	.about-content__text {font-size: 16px;}
	.about-content__pic {flex-shrink: 1;}
	.about-content__pic-small {flex-shrink: 2;}
	.about-content > .col > .flex.bottom {align-items: flex-start; justify-content: center; column-gap: 12px;}
	.about-content .col:nth-child(1) {order: 1;}
	.about-content .col:nth-child(2) {order: 3; align-items: center;}
	.about-content .col:nth-child(3) {order: 2;}
	.about-content .col:nth-child(3) .about-content__text {order: -1;}

	.about-bottom {display: block;}
	.section-about .btn {max-width: 300px; margin: 35px auto 0;}


	.section-watch-video {padding: 0; min-height: 330px; background: #000;}
	.watch-video__pic {width: 110%; position: relative; left: 50%; transform: translateX(-50%);}
	.watch-video__wrapper {display: flex; flex-direction: column; align-items: center; top: 105px; left: 0; width: 100%;}
	.watch-video__text {text-align: center; font-size: 20px; margin-top: 15px; max-width: 180px;}
	.video-btn {width: 160px; height: 160px;}


	.section-socials .title {display: none;}
	.social-content_wrapper {flex-wrap: wrap; gap: 20px; justify-content: center; margin-top: 0;}
	.social-content_wrapper::before {content: 'Мы в\00a0соцсетях'; width: calc(50% - 10px); height: 150px; max-width: 200px; padding: 20px;
		display: flex; align-items: center; justify-content: center; font-size: 24px;
		font-family: 'Play', serif; line-height: 1.27; color: var(--color-5); text-transform: uppercase;}
	.social-item {width: calc(50% - 10px); max-width: 200px; max-height: 200px;}
	.social-item [class^="icon--"] {width: 40px; height: 40px;}

	.section-form-capture {background: #000; position: relative; padding-bottom: calc(40px + 71%);}
	.section-form-capture::after {content: ''; width: 100%; aspect-ratio: 3.6 / 2.6; position: absolute; left: 0; bottom: 0;
		background: url("../img/form-family-bg.png") center no-repeat; background-size: 150%;}


	.section-seo {padding: 70px 0 45%; background-size: 140%; background-position: right bottom;}
	.section-seo__text,
	.section-seo__text:nth-child(2) {font-size: 16px;}
	.section-seo__text:nth-child(1) {margin-top: 20px;}
	.section-seo__btn.btn {width: 100%; max-width: 350px; margin: 50px auto;}


	footer {overflow: hidden; background: #ECEEEE;}
	.footer-block {padding: 40px 0;}
	.footer-block .v-col:nth-child(2) .footer-block__inner {justify-content: flex-end;}
	.footer-block__col:not(.first) {display: none;}


	.header-wrapper {row-gap: 0;}
	.header-wrapper .search-wrapper {display: none;}

	.section-portfolio {padding: 20px 0 30px;}
	.section-portfolio .section-title__bg {display: none;}
	.section-portfolio .title {margin-top: 35px;}

	.portfolio-slider {margin-top: 35px;}
	.portfolio-slider .swiper-wrapper {flex-direction: column; align-items: center; row-gap: 30px;}
	.portfolio-slider .swiper-wrapper .swiper-slide {width: auto; height: auto;}
	.portfolio-item {display: flex; flex-direction: column; row-gap: 10px;}
	.portfolio-item__title {order: -1; margin: 0;}
	.portfolio-item:hover .portfolio-item__title {color: var(--color-5);}
	.portfolio-item .portfolio-item__pic {width: 211px; height: 124px;}
	.portfolio-item:not(.active) .portfolio-item__pic {display: none;}
	.portfolio-slider__buttons {display: none;}

	.catalog-category-title {font-size: 32px; margin-bottom: 10px;}
	.catalog__sellect-wrapper {margin-top: 10px; display: grid; grid-template-columns: 1fr 1fr;}
	.catalog__sellect-wrapper .select-wrapper:nth-child(odd):last-child {grid-column: 1 / -1;}
	select.chosen-select {min-width: 100%;}
	.content-catalog__sort-item {display: none;}
	.content-catalog__sort-select {display: block;}
	.content-catalog__sort-select select {border: 0; padding-right: 30px; color: var(--color-3);}

	.catalog-cards__wrapper {margin-top: 40px; row-gap: 40px;}

	.banner-content {row-gap: 5px;}
	.banner-pill {font-size: 18px;}
	.banner-title {font-size: 40px;}
	.banner-text {font-size: 18px; height: 40px;}
	.banner-btn {margin-top: 30px; width: 220px; height: 45px;}

	.section-catalog .show-more {margin-top: 40px; height: 52px; font-size: 16px;}
	.section-catalog .show-more.btn {font-weight: 700;}


	.section-breadcrumbs {padding: 30px 0;}


	.product-wrapper {flex-direction: column; row-gap: 15px;}
	.product-wrapper .product-pics {display: flex; gap: 10px; --product-pics-vgap: 10px;}
	.product-wrapper .product-pic:nth-child(n+4) {display: block;); width: calc(100% / 4 - var(--product-pics-vgap) / 4 * 3);}
	.product-wrapper .product__info {display: contents;}
	.product-wrapper .product__title {order: -1; text-align: center;}
	.product-wrapper .product__chars {margin-top: 5px;}
	.product-wrapper .product__btn {margin-top: 5px;}


	.section-recent {padding-bottom: 80px;}
	.section-recent .title {font-size: 32px; text-transform: none;}
	.recent-slider {height: auto; margin-top: 30px;}
	.recent-item__title {font-size: 16px; height: 60px; padding-left: 0;}
	.recent-item__pic {height: 250px !important; transition: none;}
	.recent-slider__buttons {display: none;}


	.section-team {padding-bottom: 80px;}
	.section-team .section-note {max-width: none;}
	.team-slider {margin-top: 40px; overflow: hidden;}
	.team-wrapper.swiper-wrapper {flex-wrap: nowrap; justify-content: flex-start; align-items: flex-start; column-gap: 0; margin-top: 0;}
	.team-item {width: 236px; height: auto; margin-left: 0;}
	.team-item:nth-child(1) {flex-basis: unset; margin-right: 0;}
	.team-item:nth-child(6) {flex-basis: unset;}
	.team-item:nth-child(4),
	.team-item:nth-child(5),
	.team-item:nth-child(6) {margin-top: 0;}
	.team-item:nth-child(4), .team-item:nth-child(5) {align-self: normal;}
	.team-item__pic {width: 236px; height: 213px; aspect-ratio: auto !important; margin-bottom: 0 !important;}
	.team-item__spec {font-size: 14px; margin-top: 20px;}
	.team-item__name {font-size: 20px !important;}


	.modal__container {max-width: 500px;}
	.modal__wrapper {padding: 100px 30px; background-position-y: 150%; min-height: 730px;}
	.modal__title {font-size: 35px; text-align: center;}
	.modal__sub-title {font-size: 16px; text-align: center;}

}
@media (max-width: 767px){
	.footer-block .v-row-2 {flex-direction: column; position: relative;}
	.footer-block .v-col:nth-child(2) .footer-block__inner {justify-content: center;}
	.footer-block .icon--idot { position: absolute; top: 10px; right: 0;}
	.footer-block__social-link-icon {background: #fff; width: 62px; height: 62px;}

	.footer-bottom {padding-bottom: 170px; position: relative;}
	.footer-logo {z-index: 1; position: absolute; top: calc(100px - 5vw); left: 50%; transform: translateX(-50%); width: calc(100% - 40px); max-width: 350px;}
	.footer-bottom__inner {margin-top: 0; flex-direction: column; position: relative; justify-content: flex-start; row-gap: 100px;}
	.footer-bottom__col {flex-direction: column-reverse; align-items: center; row-gap: 15px;}

	.footer-pic {display: none;}
	.footer-pic__mob {display: block; width: 220px;}


	.catalog-cards__wrapper {row-gap: 60px;}
	.catalog-card {flex-direction: column; row-gap: 10px;}
	.catalog-card:nth-of-type(even) .product-main__pic {order: unset;}
	.catalog-card .product__info {display: contents;}
	.catalog-card .product__title {order: -1;}
	.catalog-card .product-pics {display: none;}

	.banner-pic {height: 270px;}
	.banner-pill {font-size: 16px;}
	.banner-title {font-size: 35px;}
	.banner-text {font-size: 16px;}


	.product-wrapper .product-pics {gap: 7px; --product-pics-vgap: 7px;}

}
@media (max-width: 575px){
	.main-menu {width: 100%; left: -100%; background-size: cover;}
}