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

/* xl <= Extra extra large (xxl) */
@media (max-width : 1370px) {

	.appointment__wrapper,
	.projects__wrapper,
	.partners__wrapper,
	.populars__wrapper,
	.docs__wrapper,
	.project-page__slider-wrapper {
		width: calc(100% - 100px);
		margin-left: auto;
		margin-right: auto;
	}

	.prev,
	.docs__prev {
		left: -50px;
	}

	.next,
	.docs__next {
		right: -50px;
	}
	.contacts__info {

		margin-right: 40px;
	}
}

/* lg <= Extra large (xl) */
@media (max-width : 1265px) {
	.container {
		width: 992px;
	}

	.header__top-menu {
		gap: 12px;
	}

	.header__address {
		display: none;
	}

	.header__logo img {
		width: 180px;
	}

	.header .btn {
		display: none;
	}

	.main__title {
		font-size: 38px;
	}

	.sale__item-title {
		font-size: 22px;
	}

	.sale__item-image {
		width: 220px;
	}

	.sale,
	.mt100 {
		margin-top: 80px;
	}

	.s-title {
		font-size: 36px;
	}

	.services__item-title {
		font-size: 20px;
	}

	.appointment__item-title {
		font-size: 18px;
	}

	.advantages__item {
		padding: 20px;
	}

	.advantages__title {
		font-size: 20px;
	}

	.catalog__wrapper {
		grid-template-columns: repeat(2, 1fr);
	}

	.catalog__item>img {
		max-width: 100%;
		opacity: 0.5;
	}

	.catalog__item div {
		position: relative;
	}

	.catalog__item {
		padding: 20px;
	}

	.projects__item {
		height: 260px;
		padding: 20px 20px 20px 60px;
	}

	.projects__item-icon {
		width: 40px;
		height: 40px;
	}

	.projects__item-title {
		font-size: 20px;
	}

	.form__left {
		width: 600px;
	}

	.form__right img {
		max-width: 100%;
	}

	.form__description {
		margin: 0;
		padding: 20px;
		border-top-right-radius: 6px;
		border-bottom-left-radius: 6px;
	}

	.types__item-title {
		font-size: 18px;
	}

	.card__info {
		flex-direction: column;
		gap: 30px;
	}

	.card__delivery {
		width: 100%;
	}

	.detail ul.tabs li {
		padding-right: 20px;
		font-size: 18px;
	}

	.protection__image {
		width: 280px;
		margin: 0 30px -40px;
	}

	.protection__wrapper {
		padding-bottom: 40px;
	}

	.window__item-title {
		word-break: break-word;
	}

	.window__wrapper {
		grid-template-columns: repeat(2, 1fr);
	}

	.window__item-image {}

	.window__item-price {
		margin-bottom: 30px;
	}

	.window__item {
		padding-bottom: 15px;
		display: flex;
		flex-direction: column;
	}

	.window__item-desc {
		margin: 15px 0 0 15px;
	}
	.reviews__content-grid {
		grid-template-columns: repeat(3,1fr);
	}
	.cat__grid {
		grid-template-columns: repeat(2,1fr);
	}
	.sale-in__product-image {
		width: 300px;
	}
	.sale-in__form {
		width: 360px;
		padding: 30px;
	}
	.about__gallery {
		width: 450px;
		margin-left: 60px;
	}
	.about__gallery-slide {
		height: 260px;
	}
	.about-advantages__item-title {
		font-size: 28px;
	}
	.about-advantages__item-desc {
		font-size: 18px;
	}
	.a-info__gallery {
		width: 450px;
		margin-right: 60px;
	}
	.variants__item {
		gap: 40px;
	}
	.variants__item-slider {
		width: 400px;
	}
}

@media (max-width : 1200px) {
	.price-calc__row {
    flex-direction: column;
  }
}

/* md <= Large (lg) */
@media (max-width : 992px) {
	.container {
		width: 768px;
	}
	.contacts__wrapper {
		flex-direction: column;
	}
	.contacts__map {
		width: 100%;
		flex: initial;
		height: 300px;
		margin-top: 30px;
	}
	.cat__wrapper {
		flex-direction: column;
	}
	.cat__side {
		width: 100%;
		margin-bottom: 30px;
	}
	.cat__grid {
		grid-template-columns: repeat(3,1fr);
	}
	.header {
		display: none;
	}

	.main__right {
		display: none;
	}

	.sale,
	.mt100 {
		margin-top: 60px;
	}

	.sale__item-price--value {
		font-size: 14px;
	}

	.s-title {
		font-size: 32px;
	}

	.services__item {
		padding: 15px;
	}

	.services__wrapper {
		grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
	}

	.services__item {
		min-height: initial;
	}

	.services__item-detail--price {
		font-size: 14px;
	}

	/* .services__item-detail--desc {
		font-size: 10px;
	} */

	.services .services__wrapper {
		margin-top: 20px;
	}

	.advantages__title {
		font-size: 18px;
	}

	.form__right {
		display: none;
	}

	.form__description {
		display: none;
	}

	.form__wrapper {
		padding: 40px;
	}

	.form__left {
		width: 100%;
		margin: 0;
	}

	.form__title {
		font-size: 32px;
	}

	.types__wrapper {
		grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	}

	.types__item ul {
		margin: 20px 0;
	}

	.footer {
		margin: 40px 0 0;
		padding-top: 40px;
	}

	.footer__links a {
		height: 60px;
	}

	.footer__links a img {
		height: 15px;
		margin-bottom: 8px;
	}

	.footer__main {
		flex-wrap: wrap;
	}

	/* body {
		padding-top: 60px !important;
	} */

	.mobile-menu {
		display: block;
	}

	.card__wrapper {
		flex-direction: column;
		gap: 0;
	}

	.card__gallery {
		width: 100%;
		max-width: 500px;
		margin: 0 auto;
	}

	.card__gallery-main a {
		height: auto;
		padding-top: 45%;
	}

	.card__gallery-main a img {
		position: absolute;

		left: 5px;
		top: 5px;
		bottom: 5px;
		right: 5px;
		max-width: calc(100% - 10px);
		max-height: calc(100% - 10px);
		margin: auto;
		/* object-fit: cover; */
	}

	.card__info {
		margin-top: 20px;
		gap: 20px;
	}

	.card__title {
		margin-bottom: 15px;
	}

	.card {
		margin-top: 25px;
	}

	.card__delivery-title {
		margin-bottom: 15px;
	}

	.card__city-item+div {
		margin-top: 10px;
	}

	.card__tabs {
		margin-top: 15px;
	}

	.detail {
		margin-top: 30px;
	}

	.detail__wrapper {
		flex-direction: column;
	}

	.detail__gallery {
		margin: 0 auto 30px;
	}

	.protection__image {
		display: none;
	}

	.protection__wrapper {
		flex-direction: column;
		padding-left: 20px;
	}

	.protection__list-item+li {
		margin-top: 25px;
	}

	.protection,
	.window {
		margin-top: 60px;
	}

	.price-table__table {
		width: 100%;
		overflow: auto;
		-webkit-overflow-scrolling: touch;
	}
	.sale-in__wrapper {
		flex-direction: column;
	}
	.sale-in__form {
		margin: 30px auto 0;
	}
	.about__wrapper {
		flex-direction: column;
	}
	.about__gallery {
		margin: 20px auto 0;
	}
	.about-advantages__wrapper {
		gap: 20px;
		flex-wrap: wrap;
	}
	.about-advantages__item-desc br {
		display: none;
	}
	.a-info__wrapper {
		flex-direction: column-reverse;
	}
	.a-info__gallery {
		margin: 30px auto 0;
		align-items: center;
	}
	.work-list {
		margin-top: 60px;
	}
	.contacts__info {
		width: 100%;
		margin: 0;
	}
	.thank__image img {
		max-width: 240px;
	}
	.modal {
		width: 100%;
	}
	.variants__item {
		flex-direction: column;
		gap: 30px;
	}
	.variants__item-slider {
		width: calc(100% - 40px);
		max-width: 500px;
		margin: auto;
	}
	.stages__list {
		grid-template-columns: repeat(2, 1fr);
	}
	.director__inner {
		grid-template-columns: 1fr;
	}
	.director__left {
		display: flex;
		justify-content: center;
		border-bottom: 1px solid #cecece;
	}
	.director__image {
		margin-bottom: 0;
	}
	.tinting-levels__inner {
		flex-direction: column;
	}
	.tinting-levels__inner .s-title {
		flex-basis: auto;
		max-width: 100%;
	}
	.tinting-levels__items {
		width: 100%;
	}
}

/* sm <= Medium (md) */
@media (max-width : 768px) {
	.container {
		width: 100%;
	}
	.modal {
		padding: 40px 20px !important;
	}
	.modal__fields {
		margin-top: 30px;
		grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
	}
	.main__bg video {
		display: none;
	}
	.thank__image {
		display: none;
	}
	.thank__info {
		padding: 0 0 40px;
	}
	.work-list {
		margin-top: 40px;
	}
	.work-list__wrapper li {
		font-size: 16px;
	}
	.work-list__wrapper {
		grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
		gap: 10px;
	}
	.price-page__row-title {
		font-size: 20px;
	}
	.price-page__row + div {
		margin-top: 30px;
	}
	.cat__grid {
	
		grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
	}
	.about-advantages__item-title {
		font-size: 24px;
	}
	.product-card__title,
	.product-card__list {
		padding: 0;
	}
	.product-card__image {
		height: auto;
		padding-top: 45%;
		position: relative;
	}
	.product-card__image img {
		position: absolute;
		left: 0;
		top: 0;
		bottom: 0;
	}
	.price-table__table table td {
		font-size: 12px;
	}

	.price-table__table table td span {
		white-space: nowrap;
	}
	.reviews__content-grid {
		grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
	}
	.review {
		padding: 20px;
	}

	.price-table__table table td,
	.price-table__table table th {
		padding: 8px;
	}

	.window__item-title {
		font-size: 18px;
	}

	.window__wrapper {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	}

	.protection,
	.window {
		margin-top: 40px;
	}

	.protection__wrapper {
		margin-top: 0;
	}

	.protection__list-item {
		font-size: 18px;
	}

	.main__wrapper {
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.sale,
	.mt100 {
		margin-top: 40px;
	}

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

	.sale__item {
		min-height: initial;
	}

	.s-title {
		font-size: 26px;
	}

	.s-title.s-title--mb {
    margin-bottom: 20px;
  }

	.advantages__wrapper {
		grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
	}

	.advantages .advantages__item:nth-child(3),
	.advantages .advantages__item:nth-child(4) {
		background: #F5F5F5;
	}

	.advantages .advantages__item:nth-child(1),
	.advantages .advantages__item:nth-child(6) {
		grid-column: span 1;
	}

	.advantages__title {
		margin-top: 15px;
	}

	.advantages__item {
		padding: 15px;
		min-height: initial;
	}

	.advantages__icon {
		width: 45px;
		height: 45px;
	}

	.appointment__wrapper,
	.catalog__wrapper {
		margin-top: 20px;
	}

	.projects__item {
		height: 220px;
	}

	.form__title {
		font-size: 26px;
	}

	.form__fields {
		margin-top: 30px;
	}

	.form__wrapper {
		padding: 20px;
	}

	.form__btns {
		margin-top: 30px;
	}

	.footer__links {
		margin: 20px 0 0;
	}

	.footer__search {
		width: 100%;
	}

	.footer__main {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(145px, 1fr));
		gap: 20px;
		margin-top: 0;
	}

	.footer__contacts {
		grid-column: span 2;
	}

	.footer__bottom {
		margin-top: 20px;
		gap: 15px;
	}

	.catalog__item-title {
		font-size: 20px;
	}

	.detail ul.tabs {
		overflow: auto;
	}

	.service-in {
		padding-bottom: 60px;
	}

	.service-in {
		flex-direction: column;
		padding-bottom: 40px;
	}

	.service-in__form {
		width: 100%;
		margin: 30px 0 0;
		overflow: hidden;
		padding: 20px;
	}

	.service-in__form-input+div {
		margin-top: 20px;
	}

	.service-in__form-btns {
		margin-top: 20px;
	}

	.service-in__form-title {
		font-size: 24px;
	}

	.service-in .main__title {
		margin-top: 30px;
	}

	.bread {
		display: none;
	}
	.bread__wrapper {
		white-space: nowrap;
		overflow: auto;
	}
	.projects__grid {
		grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
	}
	.advantages-clients__wrapper {
		grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
	}
	.delivery__wrapper {
		margin-top: 30px;
	}
	.delivery__row-item--text h3 {
		font-size: 18px;
	}
	.contacts__info-btns {
		margin-top: 30px;
	}
	.variants__item + div {
		margin-top: 40px;
		padding-top: 40px;
	}
	.stages__list li {
		font-size: 16px;
	}
	.director__inner {
		padding: 20px;
	}
	.director__left {
		margin-left: -20px;
		margin-right: -20px;
	}
	.director__right {
		gap: 20px;
	}
	.director__text {
		font-size: 26px;
	}
	.tinting-levels__item {
		font-size: 15px;
	}
	.accordion--type1 .accordion__item-title {
		font-size: 18px;
	}
	.accordion--type1 .accordion__toggle {
		gap: 20px;
		padding: 20px;
	}
	.accordion--type1 .accordion__content > div > div {
		padding: 0 20px 20px;
	}
	.hide-on-768 {
		display: none;
	}
	.calc-details {
		font-size: 14px;
	}
}

@media (max-width: 600px) {
	#wpadminbar {
		position: fixed;
	}
}

/* xs <= Small (sm) */
@media (max-width : 576px) {
	.mobile-menu__tel {
		display: none;
	}
	.mobile-menu__top-link {
		display: inline-flex;
	}
	.main__title {
		font-size: 28px;
	}
	.delivery__row-item {
		flex-direction: column;
	}
	.delivery__row-item--icon {
		width: 45px;
		height: 45px;
		margin: 0 0 15px;
	}
	.delivery__row-item + div {
		margin-top: 0;
		padding-top: 20px;
	}
	.score {
		width: 118px;
		height: 16px;
	}
	.reviews__nav ul li {
		height: 50px;
		width: 140px;
	}
	.protection__list-item {
		font-size: 16px;
	}

	.protection__list-item+li {
		margin-top: 15px;
	}

	.main__btns {
		margin-top: 20px;
		flex-wrap: wrap;
		justify-content: center;
		gap: 10px 15px;
	}

	.window__wrapper {
		display: none;
	}

	.window__item-image {
		height: auto;
	}

	.window-slider {
		display: block;
	}

	.price-table__list li {
		font-size: 14px;
	}

	.main__btns {
		margin: 20px auto 0;
	}

	.main__btns a+a {
		margin: 0;
	}

	.main__nav {
		margin: auto;
		width: 100%;
		display: flex;
		justify-content: center;
	}

	.main__prev,
	.main__next {
		width: 45px;
		height: 45px;
	}

	.btn {
		padding: 0 20px;
	}

	.btn-60 {
		height: 45px;
	}

	.sale__item-title {
		font-size: 18px;
	}

	.sale__item-info {
		padding: 10px;
	}

	.sale__item-image {
		width: 40%;
	}

	:root {
		--regular-text: 16px;
	}

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

	.catalog__item {
		min-height: initial;
	}

	.top__title {
		flex-direction: column;
		gap: 15px;
	}

	.projects__item-title {
		font-size: 18px;
	}

	.form__fields {
		grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
		gap: 15px;
	}

	.form__btns {
		flex-direction: column;
		align-items: flex-start;
		gap: 15px;
	}

	.form__title {
		font-size: 22px;
	}

	.card__title {
		font-size: 20px;
	}

	.card__table-title,
	.card__table-price {
		font-size: 12px;
	}

	.detail__gallery {
		width: 100%;
		max-width: 500px;
	}

	.detail__gallery a {
		height: 200px;
	}

	.detail__content {
		font-size: 14px;
	}
	.reviews__nav ul {
		white-space: nowrap;
		flex-wrap: nowrap;
		overflow: auto;
	}
	.reviews__nav ul li {
		flex-shrink: 0;
	}
	.reviews__content {
		margin-top: 30px;
	}
	.sale-in__product {
		flex-direction: column;
	}
	.sale-in__product-image {
		margin: 20px 0 0;
		width: 100%;
		mask-image: initial;
		-webkit-mask-image: initial;
		border-radius: 6px;
		overflow: hidden;
		padding-top: 45%;
		height: auto;
	}
	.sale-in__product-image img {
		position: absolute;
		left: 0;
		top: 0;
		bottom: 0;
	}
	.sale-in__description {
		margin-top: 20px;
		padding: 20px 0 0;
	}
	.project-page + .projects {
		margin-top: 40px;
	}
	.project-page + .projects .container {
		padding-top: 30px;
	}
	.contacts__info-row {
		gap: 20px;
		flex-direction: column;
	}
	.contacts__info-wrap {
		margin-top: 20px;
	}
	.contacts__info-row + div {
		margin-top: 20px;
	}
	.contacts__info-btns {
		flex-wrap: wrap;
	}
	.contacts__info-item--value {
		font-size: 22px;
	}
	.variants__item-top {
		flex-direction: column;
		align-items: flex-start;
		gap: 20px;
	}
	.variants__item-product {
		max-width: 100%;
		text-align: left;
	}
	.variants__item-table td {
		padding: 5px 20px 7px 5px;
	}
	.variants__item-btns {
		flex-wrap: wrap;
		justify-content: center;
	}
	.stages__list {
		grid-template-columns: 1fr;
		gap: 10px;
	}
	.stages__list li {
		padding: 20px 40px 20px 20px;
	}
	.stages__list li::before {
		right: 10px;
		font-size: 40px;
	}
	.director__image {
		max-width: 280px;
	}
	.tinting-levels__item:hover {
		width: 15%;
	}
	.tinting-levels__item:hover > .btn {
		opacity: 0;
		display: none;
	}
	.projects__bottom {
		display: flex;
	}
	.hide-on-576 {
		display: none;
	}
	.calc-details {
		grid-template-columns: 1fr;
		margin-top: 20px;
	}
}

@media (max-width : 415px) {
	.services__item--hidden {
		display: none;
	}

	.services__bottom {
		display: flex;
		justify-content: center;
		margin-top: 15px;
	}
}


/* === 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) {
	.text {
		font-size: 18px;
	}
}

/* Extra extra large (xxl) */
@media (min-width : 1400px) {
	.text {
		font-size: 22px;
	}
}