@media (max-width: 1859px) {
	.category__list {
		grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
	}
	.turnkey-solution__link {
		top: 10px;
	}
	.banner-main__right {
		margin-right: -80px;
	}
	.web-developer__banner {
		margin: 0 -80px 50px;
	}
	.our__clients-list {
		margin: 0 -80px;
	}
	.portfolio__list {
		margin: 0 -80px;
	}
}

@media (max-width: 1635px) {
	.category__list {
		grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
	}
	.category__item-link {
		padding: 50px 30px 35px;
		grid-gap: 35px;
	}
	.catalog-link__name {
		font-size: 20px;
		line-height: 30px;
	}
	.web__text-titel {
		font-size: 18px;
		line-height: 24px;
	}
	.select {
		min-width: 230px;
		max-width: 230px;
	}
	.turnkey-solution__link {
		font-size: 18px;
		line-height: 30px;
	}
}
@media (max-width: 1350px) {
	.category__list {
		grid-template-columns: repeat(auto-fill, minmax(370px, 1fr));
	}
	.catalog-list__item + li {
		margin-left: 0;
	}
	.catalog__main-tabs {
		grid-template-columns: 1fr;
		grid-gap: 30px 15px;
	}
	.catalog-block__list {
		grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
	}
	.ordering-block__union {
		grid-template-columns: repeat(2, 1fr);
	}
	.confirm-order {
		grid-row: 2;
	}
	.formalize-block__union {
		grid-gap: 30px;
	}
	.catalog__item-link {
		padding: 60px 30px;
		grid-gap: 25px;
	}
	.news__top {
		grid-template-columns: 1fr 1.5fr;
	}
	.news__top-list {
		grid-template-columns: 1fr;
	}
	.news__main-tabs {
		grid-template-columns: 1fr;
	}
	.mySwiper2 {
		height: 410px;
	}
	.root__block-list {
		grid-template-columns: repeat(2, 1fr);
	}
	.site-support {
		background-image: url(../images/img-bg.png);
		background-position: right bottom;
	}
}
@media (max-width: 1200px) {
	.banner-main {
		padding: 150px 0 130px;
	}
	.banner__picture-union {
		grid-template-columns: 1.3fr 1fr;
	}
	.mySwiper2 {
		height: 340px;
	}
	.catalog__detail-left {
		margin-right: 30px;
	}
}
@media (max-width: 1024px) {
	.breadcrumbs {
		padding: 15px 0;
	}
	.breadcrumbs-listing {
		font-size: 12px;
		line-height: 14px;
	}
	.breadcrumbs-listing__item:first-child a:before {
		font-size: 20px;
	}
	.web-developer__banner,
	.web-developer,
	.contact-us {
		margin-bottom: 50px;
	}
	.category__list {
		grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
		grid-gap: 15px;
	}
	.catalog-link__name {
		font-size: 14px;
		line-height: 16px;
	}
	.contact-us {
		padding: 30px 0;
	}
	.category__banner {
		display: grid;
		grid-template-columns: 1fr;
		grid-gap: 60px 30px;
		padding: 34px 26px 34px 17px;
		margin-bottom: 50px;
	}
	.category__banner-link {
		justify-self: center;
	}
	.category__titel {
		font-size: 56px;
		line-height: 56px;
	}
	.category__titel > span {
		margin-top: 16px;
		line-height: 36px;
	}
	.seo-text__block {
		font-size: 12px;
		line-height: 18px;
	}
	.catalog__filter-mob {
		display: flex;
		justify-self: flex-end;
	}
	.catalog__main-tabs {
		grid-template-columns: 1fr 1fr;
		align-items: center;
		border-bottom: none;
		padding-bottom: 0;
	}
	.catalog__main-list {
		grid-column: 1/-1;
		padding-bottom: 10px;
	}
	.filter-blocks__popup {
		display: none;
	}
	.catalog-block__union {
		grid-template-columns: 1fr;
	}
	.select {
		max-width: 100%;
		min-width: 160px;
	}
	.catalog-block,
	.turnkey-solution,
	.popular-templates {
		margin-bottom: 50px;
	}
	.catalog-block__main .catalog__item-img {
		width: 100px;
		height: 100px;
		padding: 0;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 9;
	}
	.catalog-block__main .catalog__item-img img {
		position: inherit;
	}
	.catalog-block__main .catalog-block__item {
		background: var(--color-main);
		border-radius: var(--radius);
	}
	.catalog-block__main .catalog__item-union {
		grid-template-columns: 90px 1fr;
		padding: 15px;
		grid-gap: 40px 12px;
	}
	.catalog-block__main .catalog__item-titel {
		-webkit-line-clamp: 4;
		grid-column: 2;
	}
	.catalog-block__main .catalog__sale {
		right: auto;
		left: 10px;
	}
	.category__pagination-item {
		width: 45px;
		height: 45px;
	}
	.category__pagination-item + li {
		margin-left: 8px;
	}
	.turnkey-solution__link {
		top: 3px;
		font-size: 14px;
		line-height: 20px;
	}
	.catalog__list-pagination {
		grid-gap: 30px;
	}
	.filter-blocks__popup {
		position: fixed;
		z-index: 100;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
	}
	.filter-listing {
		border-radius: 0;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		height: 100%;
	}
	.filter-listing__item:first-child {
		background: var(--color-dark__btn);
	}
	.filter-listing__list {
		overflow-y: auto;
	}
	.filter-mob__bottom {
		display: grid;
	}
	.filter__top-tit {
		justify-content: flex-start;
	}
	.filter__text {
		margin-left: 10px;
	}
	.filter-mob__close {
		display: block;
	}
	.ordering-list__point {
		grid-template-columns: 70px 1fr;
		grid-gap: 6px 10px;
	}
	.ordering__point-img {
		height: 50px;
	}
	.ordering__item-titel {
		font-size: 18px;
		line-height: 21px;
		margin-bottom: 20px;
	}
	.ordering__item {
		padding: 15px;
	}
	.ordering-block {
		margin-bottom: 50px;
	}
	.contacts {
		margin-bottom: 50px;
	}
	.formalize-block__union {
		grid-template-columns: 1fr;
		background: transparent;
		padding: 0;
	}
	.formalize__item {
		background: var(--bg-color-dark__1);
		border-radius: var(--radius);
		padding: 15px;
	}
	.formalize__titel {
		font-size: 18px;
		line-height: 21px;
		margin-bottom: 15px;
	}
	.formalize__link-main {
		margin-top: 30px;
	}
	.catalog__item-link img {
		width: 80px;
	}
	.portfolio-pagination__list {
		justify-content: flex-start;
		padding-bottom: 10px;
	}
	.news__top {
		grid-template-columns: 1fr;
		margin-bottom: 50px;
	}
	.news__top:before {
		right: -15px;
		bottom: 0;
		left: -15px;
	}
	.news__top-left {
		height: 350px;
		background-size: contain;
	}
	.news-head {
		margin-top: 55px;
	}
	.news__top-item p {
		font-size: 18px;
		line-height: 30px;
	}
	.btn__news {
		justify-self: center;
	}
	.banner-main__right {
		margin-right: -15px;
	}
	.banner-main {
		padding: 110px 0 130px;
	}
	.development-union {
		grid-template-columns: 1fr 1fr;
		grid-gap: 0;
	}
	.development {
		padding-bottom: 100px;
	}
	.catalog,
	.news-block,
	.portfolio {
		margin-bottom: 50px;
	}
	.prof__item-button {
		opacity: 1;
		padding: 12px 20px;
	}
	.portfolio-list {
		grid-template-columns: 1fr 1fr;
	}
	.portfolio-list__item:nth-child(3) {
		grid-column: 1/ -1;
		grid-row: 5;
	}
	.portfolio-list__item:nth-child(5) {
		grid-column: 2;
		grid-row: 4;
	}
	.portfolio-list__item:nth-child(7) {
		grid-column: 2/-1;
		grid-row: 1/4;
	}
	.news-block__text {
		margin-bottom: 20px;
		text-align: start;
		justify-content: start;
	}
	.portfolio__top {
		margin-bottom: 20px;
	}
	.mySwiper2 {
		height: 270px;
	}
	.detail-list__item {
		flex-direction: column;
	}
	.detail-list {
		margin-bottom: 20px;
	}
	.catalog__detail-buttons {
		grid-gap: 10px;
	}
	.catalog-block__detail {
		margin-bottom: 30px;
	}
	.mySwiper4 .swiper-button-prev,
	.mySwiper4 .swiper-button-next {
		padding: 0 10px;
	}
	.gallery__popUp-button {
		display: grid;
	}
	.mySwiper3 .swiper-button-next,
	.mySwiper3 .swiper-button-prev {
		top: 50%;
		bottom: auto;
	}
	.web-developer__banner {
		margin: 0 -15px 50px;
	}
	.service__cost-list {
		grid-template-columns: 1fr;
	}
	.integration {
		margin-bottom: 50px;
	}
	.integration__block {
		margin: 0 auto 50px;
		grid-gap: 30px;
	}
	.our__clients-list {
		margin: 0 -15px;
	}
	.integration__block:after {
		background-position: center 30%;
	}
	.our__clients {
		margin-bottom: 50px;
	}
	.our-projects .catalog__main-list {
		justify-content: flex-start;
		margin-bottom: 20px;
	}
	.portfolio__list {
		margin: 0 -15px;
	}
	.our-projects__union {
		margin-bottom: 50px;
	}
	.our-projects {
		margin-bottom: 50px;
	}
	.start-project__list {
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 40px 30px;
	}
}
@media (max-width: 768px) {
	.category__list {
		grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
	}
	.category__item-link {
		padding: 30px 13px 24px;
		grid-gap: 15px;
	}
	.category__item-link img {
		width: 50px;
		height: 50px;
	}
	.turnkey-solution__link {
		top: 30px;
	}
	.ordering__point-name,
	.ordering__point-link {
		font-size: 12px;
		line-height: 16px;
	}
	.ordering-block__union {
		grid-template-columns: 1fr;
		grid-gap: 20px;
	}
	.confirm-order {
		grid-row: 3;
	}
	.ordering__item-paragraph {
		margin-bottom: 20px;
	}
	.ordering__item-list {
		padding-bottom: 15px;
	}
	.ordering__item-result {
		justify-content: center;
	}
	.contacts-block {
		grid-template-columns: 1fr;
	}
	.contacts__item {
		padding: 15px;
	}
	.contacts__item-titel {
		font-size: 18px;
		line-height: 21px;
	}
	.contacts__nav-button {
		margin-top: 30px;
	}
	.formalized__table {
		font-size: 14px;
		line-height: 16px;
	}
	.formalized-sublist__cell {
		grid-template-columns: 1fr;
		grid-gap: 8px;
	}
	.formal__cell {
		max-width: 180px;
	}
	.catalog__list {
		grid-template-columns: repeat(2, 1fr);
	}
	.catalog__item:nth-child(2n) {
		border-right: none;
	}
	.catalog__item:nth-child(3n) {
		border-color: var(--bg-main);
	}
	.news__union-list {
		grid-template-columns: repeat(auto-fill, minmax(290px, 1fr));
	}
	.banner__picture-union {
		grid-template-columns: 1fr;
		grid-gap: 70px;
	}
	.banner-main__right {
		justify-self: flex-end;
		width: 90%;
	}
	.banner-main__button {
		position: absolute;
		bottom: 30px;
		left: 50%;
		transform: translateX(-50%);
		white-space: nowrap;
	}
	.banner-main__union {
		grid-gap: 15px;
	}
	.development-union {
		grid-template-columns: 1fr;
	}
	.development {
		background: radial-gradient(51% 45.95% at 46.27% 52.47%, rgba(177, 2, 238, 0.5) 0%, rgba(96, 2, 238, 0.3) 53.96%, rgba(45, 50, 81, 0) 100%);
	}
	.development-img {
		grid-row: 2;
	}
	.catalog-block__detail {
		flex-direction: column;
		align-items: stretch;
	}
	.catalog__detail-left {
		width: 100%;
		margin: 0 0 30px;
	}
	.mySwiper2 .swiper-button-next,
	.mySwiper2 .swiper-button-prev {
		width: 60px;
		height: 60px;
	}
	.mySwiper2 .swiper-button-next {
		right: -30px;
	}
	.mySwiper2 .swiper-button-prev {
		left: -30px;
	}
	.mySwiper2 .swiper-button-next:after,
	.mySwiper2 .swiper-button-prev:after {
		font-size: 25px;
	}
	.mySwiper2 .swiper-button-prev:after {
		margin-left: 20px;
	}
	.mySwiper2 .swiper-button-next:after {
		margin-right: 20px;
	}
	.catalog__detail-info p {
		margin-bottom: 20px;
	}
	.catalog__detail-info figure {
		margin: 20px 0;
	}
	.mySwiper4 {
		padding: 0;
	}
	.mySwiper4 .swiper-button-prev,
	.mySwiper4 .swiper-button-next {
		display: none;
	}
	.mySwiper3 .swiper-button-next,
	.mySwiper3 .swiper-button-prev {
		width: 60px;
		height: 60px;
		background: var(--color-violet);
		color: var(--color-main);
		border-radius: 50%;
	}
	.mySwiper3 .swiper-button-prev {
		left: -30px;
	}
	.mySwiper3 .swiper-button-next:after {
		content: "\e90e";
		margin-right: 20px;
		font-size: 20px;
	}
	.mySwiper3 .swiper-button-next {
		right: -30px;
	}
	.mySwiper3 .swiper-button-prev:after {
		content: "\e90d";
		margin-left: 20px;
		font-size: 20px;
	}
	.integration-list__first {
		grid-gap: 20px;
	}
	.integration-item__name {
		font-size: 14px;
		line-height: 20px;
	}
	.service__cost-text {
		font-size: 12px;
	}
	.service__cost-item {
		padding: 0 15px 20px;
	}
	.service__cost-name {
		margin: 0 -15px;
	}
	.service__cost-bottomText {
		font-size: 10px;
		line-height: 12px;
	}
	.service__cost-price span {
		margin: 0 3px;
	}
	.integration__banner-btn {
		bottom: -30px;
		left: 0;
		right: 0;
		margin: 0 15px;
	}
	.our__clients-list {
		grid-template-columns: repeat(2, 1fr);
	}
	.integration__block:after {
		content: none;
	}
	.our__clients-item:nth-child(3n+5) {
		background: var(--color-main);
	}
	.our__clients-item:nth-child(2n+6),
	.our__clients-item:nth-child(2),
	.our__clients-item:nth-child(4) {
		background: none;
	}
	.our__clients-item:nth-child(2),
	.our__clients-item:nth-child(6),
	.our__clients-item:nth-child(10) {
		background: var(--color-yellow);
	}
	.our__clients-item:nth-child(4),
	.our__clients-item:nth-child(8) {
		background: var(--color-red);
	}
	.portfolio__list {
		grid-template-columns: 1fr;
	}
	.start-project__list {
		grid-template-columns: 1fr;
		grid-gap: 20px;
		margin-bottom: 30px;
	}
	.start__item-name {
		font-size: 18px;
		line-height: 20px;
	}
	.start__item-text {
		line-height: 20px;
	}
	.start-project__item {
		grid-gap: 10px;
	}
	.start-project__list li:before {
		font-size: 36px;
		line-height: 36px;
	}
	.our-projects .head-top {
		margin-bottom: 30px;
	}
	.site-support {
		background-size: 50%;
		padding-bottom: 150px;
		margin-bottom: 20px;
	}
	.optimization__picture-union {
		grid-template-columns: 1fr;
		grid-gap: 50px;
	}
	.optimization__picture-union .banner-main__button {
		bottom: -50px;
	}
}
@media (max-width: 600px) {
	.category__list {
		grid-template-columns: repeat(auto-fill, minmax(175px, 1fr));
	}
	.catalog__main-tabs {
		grid-template-columns: 1fr max-content;
	}
	.contacts__nav-button {
		width: 100%;
		padding: 15px;
	}
	.contacts__form-button {
		justify-self: stretch;
	}
	.catalog__item-link {
		padding: 30px 30px 20px;
	}
	.catalog__item-link img {
		width: 60px;
	}
	.catalog__detail-buttons {
		grid-template-columns: 1fr;
		grid-gap: 20px;
	}
	.popUp-call__back {
		max-width: 100%;
		margin: 0;
		border-radius: 0;
		padding: 15px;
	}
	.call__back-name {
		border-radius: 0;
		padding: 18px 50px 18px 15px;
		margin: -15px -15px 20px;
		font-size: 18px;
		line-height: 21px;
	}
	.call__back-button {
		justify-self: stretch;
	}
}
@media (max-width: 420px) {
	.category__list {
		grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
	}
}
@media (max-width: 360px) {
	.header__main button {
		padding: 5px;
	}
	.category__pagination-item {
		width: 38px;
		height: 38px;
		font-size: 16px;
	}
	.turnkey-solution__link {
		top: 50px;
	}
	.ordering__point-img {
		grid-row: 1/3;
	}
	.ordering__point-list {
		grid-column: 1/-1;
	}
	.formal__cell {
		max-width: 145px;
	}
	.gallery__popUp-price {
		font-size: 14px;
		line-height: 20px;
	}
	.gallery__popUp-price span {
		font-size: 24px;
	}
}