/* =====================================================
RESPONSIVE: MOBILE (< 320px)
===================================================== */

@media (max-width: 320px) {

	section.cpby-page-promo .cpby-page-promo__items,
	section.cpby-page-banners .cpby-page-banners__items {
		grid-template-columns: 1fr;
		gap: var(--space-8);
		margin: var(--space-48) auto;
	}

	section.cpby-page-banners .cpby-page-banners__item,
	section.cpby-page-promo .cpby-page-promo__item--content {
		padding: var(--space-16);
		min-height: auto;
	}

	section.cpby-page-promo .cpby-page-promo__title,
	section.cpby-page-promo .cpby-page-promo__description {
		font-size: var(--fs-20);
		line-height: var(--fs-24);
	}

	section.cpby-page-promo .cpby-page-promo__stat-main {
		font-size: var(--fs-32);
	}

	section.cpby-page-promo .cpby-page-promo__stat-sub,
	section.cpby-page-promo .cpby-page-promo__note {
		font-size: var(--fs-12);
	}
}


/* =====================================================
RESPONSIVE: TABLET (321px - 768px)
===================================================== */

@media (min-width: 321px) and (max-width: 768px) {

	/* ============================================
       GRID / TEMPLATE COLUMNS
    ============================================ */
	section.cpby-page-packaging-redesign .cpby-page-packaging-redesign__columns,
	section.cpby-page-work-open .cpby-page-work-open__stats,
	section.cpby-page-banners .cpby-page-banners__items {
		grid-template-columns: 1fr 1fr;
	}

	section.cpby-page-first-screen .cpby-page-first-screen__actions,
	section.cpby-page-first-screen .cpby-page-first-screen__intro,
	section.pd-cta .pd-cta__layout,
	section.cpby-page-make-construction .cpby-page-make-construction__need-help,
	section.cpby-page-make-construction .cpby-page-make-construction__content,
	section.cpby-page-we-produce-packaging .cpby-page-we-produce-packaging__content,
	section.cpby-page-we-produce-packaging .cpby-page-we-produce-packaging__list,
	section.cpby-page-stages-of-interaction .cpby-page-stages-of-interaction__list,
	section.cpby-page-additional-services .cpby-page-additional-services__columns,
	section.cpby-page-work-open .cpby-page-work-open__columns,
	section.cpby-page-cost-reduction .cpby-page-cost-reduction__col,
	section.cpby-page-promo .cpby-page-promo__items,
	section.cpby-page-promo .cpby-page-promo__stats {
		grid-template-columns: 1fr;
	}

	section.cpby-page-packaging-redesign .cpby-page-packaging-redesign__column.cpby-page-packaging-redesign__column--benefits {
		grid-column: span 2 / span 2;
		grid-row-start: 2;
		padding: unset;
	}

	section.cpby-page-packaging-redesign .cpby-page-packaging-redesign__list-item,
	section.cpby-page-cost-reduction .cpby-page-cost-reduction__item--standard .cpby-page-cost-reduction__item {
		grid-template-columns: var(--space-42) 1fr;
	}

	section.cpby-page-additional-services .cpby-page-additional-services__list-item {
		grid-template-columns: var(--space-30) 1fr;
	}


	/* ============================================
       DISPLAY / ORDER / VISIBILITY
    ============================================ */
	section.cpby-page-banners .cpby-page-banners__star::after,
	section.cpby-page--food #box_open .box-open-left .box-open-item::before,
	section.cpby-page--food #box_open .box-open-right .box-open-item::before,
	section.cpby-page--food #box_open .box-open-left .box-open-item .box-open-text::before,
	section.cpby-page--food #box_open .box-open-right .box-open-item .box-open-text::before,
	section.cpby-page #calculator-otrasli .still-questions,
	nav.cpby-page-first-screen-menu,
	section.cpby-page-make-construction .cpby-page-make-construction__right-title,
	section.cpby-page-work-open .cpby-page-work-open__column--image,
	section.cpby-page-make-construction .cpby-page-make-construction__left,
	section.cpby-page-we-produce-packaging .cpby-page-we-produce-packaging__item-map,
	section.cpby-page-work-open .cpby-page-work-open__image-wrapper img,
	section.cpby-page-work-open .cpby-page-work-open__video-wrapper,
	section.pd-cta .pd-cta__media,
	.cpby-page--food #box_open .box-open-left .box-open-item.box-default::after,
	.cpby-page--food #box_open .box-open-left .box-open-item::after,
	.cpby-page--food #box_open .box-open-right .box-open-item.box-default::after,
	.cpby-page--food #box_open .box-open-right .box-open-item::after,
	section.cpby-page .our_cases .swiper-slide > div:last-child,
	section.cpby-page .calculator-po-otraslyam__aside,
	section.cpby-page-first-screen .cpby-page-first-screen__form-content,
	section.cpby-page-cost-reduction .cpby-page-cost-reduction__item--center {
		display: none;
	}

	section.cpby-page-additional-services .cpby-page-additional-services__image-caption,
	section.cpby-page-promo .cpby-page-promo__item--image {
		order: 1;
	}

	section.cpby-page-additional-services .cpby-page-additional-services__image-wrapper img,
	section.cpby-page-promo .cpby-page-promo__item--content {
		order: 2;
	}

	section.cpby-page-first-screen .cpby-page-first-screen__form-svg,
	section.box-open#box_open .box-open-img,
	section.cpby-page-make-construction .cpby-page-make-construction__right-title--mobile {
		display: block;
	}


	/* ============================================
       PADDING
    ============================================ */
	section.cpby-page-work-open {
		padding: var(--space-48) 0;
	}

	section.cpby-page-first-screen .cpby-page-first-screen__content {
		padding: var(--space-32) var(--space-24);
	}

	section.cpby-page-we-produce-packaging .cpby-page-we-produce-packaging__content,
	section.cpby-page-work-open .cpby-page-work-open__column--content,
	section.cpby-page--food #box_open,
	section.pd-cta .pd-cta__layout, 
	section.pd-promo .pd-promo__layout,
	section.cpby-page-additional-services .cpby-page-additional-services__column--content,
	section.cpby-page-make-construction .cpby-page-make-construction__right {
		padding: var(--space-32) var(--space-16);
	}

	
	section.box-open#box_open .box-open-left .box-open-item.box-default,
	section.box-open#box_open .box-open-left .box-open-item,
	section.box-open#box_open .box-open-right .box-open-item.box-default,
	section.box-open#box_open .box-open-right .box-open-item,
	section.cpby-page-cost-reduction .cpby-page-cost-reduction__item--standard .cpby-page-cost-reduction__item,
	section.cpby-page-make-construction .cpby-page-make-construction__need-help,
	section.cpby-page-additional-services .cpby-page-additional-services__image-caption,
	section.cpby-page-cost-reduction .cpby-page-cost-reduction__item {
		padding: var(--space-24);
	}

	section.cpby-page--food #box_open .box-open-right .box-open-item.box-default,
	section.cpby-page--food #box_open .box-open-right .box-open-item,
	section.cpby-page-we-produce-packaging .cpby-page-we-produce-packaging__item {
		padding: var(--space-16) var(--space-24);
	}
	section.cpby-page .our_cases .swiper-slide > div:first-child {
		padding: var(--space-24) var(--space-16);
	}
	section.cpby-page-subcategories .cpby-page-product-card,
	section.cpby-page .our_cases,
	section.cpby-page-stages-of-interaction .cpby-page-stages-of-interaction__item,
	section.cpby-page-packaging-redesign .cpby-page-packaging-redesign__content,
	section.cpby-page-first-screen .cpby-page-first-screen__form-wrapper,
	section.cpby-page-banners .cpby-page-banners__item {
		padding: var(--space-16);
	}

	section.cpby-page-banners .cpby-page-banners__item--down-image {
		padding: var(--space-16) var(--space-16) 0 var(--space-16);
	}

	section.cpby-page-work-open .cpby-page-work-open__stat {
		padding: var(--space-12) var(--space-16);
	}

	section.cpby-page-make-construction .cpby-page-make-construction__item {
		padding: var(--space-8) var(--space-16);
	}

	section.cpby-page-banners .cpby-page-banners__item--full-image,
	section.cpby-page-banners .cpby-page-banners__item--full-image .cpby-page-banners__text,
	section.cpby-page-packaging-redesign .cpby-page-packaging-redesign__column {
		padding: var(--space-8);
	}
	section.cpby-page .calc-po-otraslyam .calculator__title,
	section.seo-text {
		padding: 0 var(--space-16);
	}
	section.cpby-page-additional-services {
		padding: var(--space-48) 0;
	}
	section.box-open#box_open .box-open-items,
	section.box-open#box_open .box-open-header {
		padding: unset;
	}


	/* ============================================
       MARGIN
    ============================================ */
	section.cpby-page #calculator-otrasli .calculator__form,
	section.cpby-page-first-screen .cpby-page-first-screen__form-header,
	section.cpby-page-banners .cpby-page-banners__text-main,
	section.cpby-page-cost-reduction .cpby-page-cost-reduction__item--standard .cpby-page-cost-reduction__item:last-child,
	section.cpby-page-cost-reduction .cpby-page-cost-reduction__text-main,
	section.cpby-page-packaging-redesign .cpby-page-packaging-redesign__title,
	section.cpby-page-subcategories .cpby-page-subcategories__title,
	section.cpby-page .calc-po-otraslyam .calculator__title,
	section.box-open#box_open .box-open-items,
	section.cpby-page .our_cases-link,
	section.cpby-page #calculator-otrasli .calculator__block,
	section.cpby-page-promo .cpby-page-promo__stat-sub {
		margin: unset;
	}

	section.cpby-page-make-construction,
	section.cpby-page-packaging-redesign,
	section.cpby-page-subcategories,
	section.cpby-page-cost-reduction,
	section.cpby-page-we-produce-packaging,
	section.cpby-page-promo,
	section.cpby-page--food #box_open,
	section.cpby-page-banners,
	section.cpby-page-stages-of-interaction,
	section.cpby-page-first-screen {
		border-radius: var(--space-24);
	}

	section.cpby-page-make-construction .cpby-page-make-construction__right-title--mobile,
	section.cpby-page-packaging-redesign .cpby-page-packaging-redesign__list-item,
	section.cpby-page-packaging-redesign .cpby-page-packaging-redesign__title,
	section.cpby-page-cost-reduction .cpby-page-cost-reduction__item,
	section.cpby-page-subcategories .cpby-page-subcategories__title,
	section.cpby-page-promo .cpby-page-promo__stats,
	section.cpby-page-stages-of-interaction .cpby-page-stages-of-interaction__title,
	section.cpby-page-packaging-redesign .cpby-page-packaging-redesign__subtitle,
	section.cpby-page-promo .cpby-page-promo__description,
	section.cpby-page-additional-services .cpby-page-additional-services__title,
	section.cpby-page-cost-reduction .cpby-page-cost-reduction__item--standard .cpby-page-cost-reduction__item,
	section.cpby-page-first-screen .cpby-page-first-screen__blocks,
	section.cpby-page-packaging-redesign .cpby-page-packaging-redesign__text,
	section.pd-cta .pd-cta__title,
	section.cpby-page .po-otraslyam__title,
	section.box-open#box_open .box-open-img,
	section.cpby-page-additional-services .cpby-page-additional-services__list-item,
	section.cpby-page-first-screen .cpby-page-first-screen__description,
	section.cpby-page-first-screen .cpby-page-first-screen__title {
		margin-bottom: var(--space-16);
	}

	section.box-open#box_open .box-open-img,
	section.cpby-page-packaging-redesign .cpby-page-packaging-redesign__text,
	section.cpby-page-we-produce-packaging .cpby-page-we-produce-packaging__link {
		margin-top: var(--space-16);
	}

	section.cpby-page-work-open .cpby-page-work-open__title,
	section.cpby-page-work-open .cpby-page-work-open__description,
	section.cpby-page-work-open .cpby-page-work-open__feature-title,
	section.cpby-page-make-construction .cpby-page-make-construction__need-help-title,
	section.cpby-page-banners .cpby-page-banners__icon {
		margin-bottom: var(--space-8);
	}

	section.cpby-page-first-screen .cpby-page-first-screen__form-content,
	section.cpby-page-stages-of-interaction .cpby-page-stages-of-interaction__item-description {
		margin-top: var(--space-8);
	}
	

	/* ============================================
       GAP
    ============================================ */
	main section.cpby-page {
		margin-bottom: 40px;
		gap: 40px;
	}
	section.cpby-page-we-produce-packaging .cpby-page-we-produce-packaging__container {
		gap: var(--space-24);
	}

	section.cpby-page-cost-reduction .cpby-page-cost-reduction__col,
	section.cpby-page-packaging-redesign .cpby-page-packaging-redesign__list-item,
	section.cpby-page-promo .cpby-page-promo__stats,
	section.cpby-page-first-screen .cpby-page-first-screen__intro,
	section.cpby-page-stages-of-interaction .cpby-page-stages-of-interaction__list,
	section.cpby-page-first-screen .cpby-page-first-screen__blocks {
		gap: var(--space-16);
	}

	section.cpby-page-cost-reduction .cpby-page-cost-reduction__item--standard .cpby-page-cost-reduction__item,
	section.cpby-page-work-open .cpby-page-work-open__stats,
	section.cpby-page-additional-services .cpby-page-additional-services__list-item,
	section.cpby-page-make-construction .cpby-page-make-construction__items,
	section.cpby-page-cost-reduction .cpby-page-cost-reduction__item,
	section.cpby-page-we-produce-packaging .cpby-page-we-produce-packaging__list,
	section.cpby-page-packaging-redesign .cpby-page-packaging-redesign__columns,
	section.cpby-page-banners .cpby-page-banners__items,
	section.cpby-page-first-screen .cpby-page-first-screen__actions {
		gap: var(--space-8);
	}


	/* ============================================
       FONT-SIZE / LINE-HEIGHT
    ============================================ */
	
	section.cpby-page-work-open .cpby-page-work-open__feature-count,
	section.cpby-page-work-open .cpby-page-work-open__stat-count,
	section.cpby-page-subcategories .cpby-page-subcategories__title,
	section.cpby-page-promo .cpby-page-promo__stat-main {
		font-size: var(--fs-32);
		line-height: var(--fs-32);
	}

	section.cpby-page-additional-services .cpby-page-additional-services__image-caption {
		font-size: var(--fs-24);
		line-height: var(--fs-24);
	}
	
	section.cpby-page .calc-po-otraslyam .calculator__title,
	section.cpby-page-make-construction .cpby-page-make-construction__right-title--mobile,
	section.cpby-page-subcategories .cpby-page-subcategories__title,
	section.cpby-page--food #box_open .box-open-footer,
	section.cpby-page-first-screen .cpby-page-first-screen__title,
	section.cpby-page #box_open .box-open-header,
	section.cpby-page-we-produce-packaging .cpby-page-we-produce-packaging__title,
	section.cpby-page-we-produce-packaging .cpby-page-we-produce-packaging__title span,
	section.cpby-page-stages-of-interaction .cpby-page-stages-of-interaction__title,
	section.cpby-page-additional-services .cpby-page-additional-services__title,
	section.cpby-page-promo .cpby-page-promo__title,
	section.pd-cta .pd-cta__title,
	section.cpby-page-promo .cpby-page-promo__description {
		font-size: var(--fs-20);
		line-height: var(--fs-24);
	}

	section.cpby-page-banners .cpby-page-banners__text-main {
		font-size: var(--fs-18);
		line-height: var(--fs-22);
	}
	
	section.cpby-page .our_cases-title,
	section.cpby-page-packaging-redesign .cpby-page-packaging-redesign__title {
		font-size: var(--fs-16);
		line-height: var(--fs-20);
	}

	section.cpby-page-work-open .cpby-page-work-open__title,
	section.cpby-page-product-card .cpby-page-product-card__title a,
	section.cpby-page-work-open .cpby-page-work-open__feature-title,
	section.cpby-page-make-construction .cpby-page-make-construction__need-help-title {
		font-size: var(--fs-14);
		line-height: var(--fs-16);
	}

	section.cpby-page-make-construction .cpby-page-make-construction__need-help-desc,
	section.cpby-page-first-screen .cpby-page-first-screen__description,
	section.cpby-page-first-screen .cpby-page-first-screen__blocks,
	section.cpby-page-first-screen .cpby-page-first-screen__form-header,
	section.cpby-page-packaging-redesign .cpby-page-packaging-redesign__subtitle,
	section.cpby-page-make-construction .cpby-page-make-construction__consultation,
	section.cpby-page-packaging-redesign .cpby-page-packaging-redesign__text,
	section.cpby-page-we-produce-packaging .cpby-page-we-produce-packaging__link,
	section.cpby-page-we-produce-packaging .cpby-page-we-produce-packaging__item-copy,
	section.cpby-page-stages-of-interaction .cpby-page-stages-of-interaction__item-description,
	section.cpby-page-stages-of-interaction .cpby-page-stages-of-interaction__item-title,
	section.cpby-page-additional-services .cpby-page-additional-services__list-item span,
	section.cpby-page-work-open .cpby-page-work-open__stat,
	section.cpby-page-work-open .cpby-page-work-open__feature-text,
	section.cpby-page-work-open .cpby-page-work-open__description,
	section.cpby-page-cost-reduction .cpby-page-cost-reduction__text-main strong,
	section.cpby-page-cost-reduction .cpby-page-cost-reduction__text-main,
	section.cpby-page-promo .cpby-page-promo__stat-sub,
	section.cpby-page-packaging-redesign .cpby-page-packaging-redesign__list-item,
	section.cpby-page-promo .cpby-page-promo__note,
	section.cpby-page-promo .cpby-page-promo__stat-sub,
	section.cpby-page--food #box_open .box-open-right .box-open-item .box-open-text,
	section.cpby-page--food #box_open .box-open-left .box-open-item .box-open-text,
	section.cpby-page-make-construction .cpby-page-make-construction__show-all,
	section.cpby-page-cost-reduction .cpby-page-cost-reduction__text-main,
	section.cpby-page-first-screen .cpby-page-first-screen__block-text,
	section.pd-cta .pd-cta____description,
	section.pd-cta .pd-cta__button,
	section.cpby-page-first-screen .cpby-page-first-screen__block-title,
	section.cpby-page-first-screen .cpby-page-first-screen__description {
		font-size: var(--fs-12);
		line-height: var(--fs-14);
	}

	section.cpby-page-stages-of-interaction .cpby-page-stages-of-interaction__step b,
	section.cpby-page-make-construction .cpby-page-make-construction__name,
	section.cpby-page-banners .cpby-page-banners__text-sub {
		font-size: var(--fs-10);
		line-height: var(--fs-12);
	}


	/* ============================================
       WIDTH / HEIGHT / MIN-HEIGHT
    ============================================ */
	section.cpby-page-first-screen .cpby-page-first-screen__content::after,
	section.cpby-page-packaging-redesign .cpby-page-packaging-redesign__image,
	section.cpby-page-promo .cpby-page-promo__image,
	section.cpby-page .box-open-img img,
	section.cpby-page-additional-services .cpby-page-additional-services__image-wrapper img,
	section.cpby-page-banners .cpby-page-banners__image {
		width: 100%;
		height: auto;
	}

	section.cpby-page-promo .cpby-page-promo__item--content,
	section.cpby-page-additional-services .cpby-page-additional-services__list-item span {
		max-width: auto;
		min-width: auto;
	}

	section.cpby-page-banners .cpby-page-banners__item {
		min-height: unset;
	}
	
	section.cpby-page-banners .cpby-page-banners__icon-svg,
	section.cpby-page-additional-services .cpby-page-additional-services__list-icon,
	section.cpby-page-stages-of-interaction .cpby-page-stages-of-interaction__step {
		width: 30px;
		height: 30px;
	}
	
	section.cpby-page-banners .cpby-page-banners__star-svg {
		width: var(--space-58);
		height: var(--space-58);
	}

	section.cpby-page-packaging-redesign .cpby-page-packaging-redesign__arrow,
	section.cpby-page-banners .cpby-page-banners__icon-inner,
	section.cpby-page-cost-reduction .cpby-page-cost-reduction__icon-svg,
	section.cpby-page-packaging-redesign .cpby-page-packaging-redesign__arrow-svg {
		width: var(--space-42);
		height: var(--space-42);
	}

	section.cpby-page-packaging-redesign .cpby-page-packaging-redesign__arrow {
		right: -45px;
	}

	section.cpby-page-we-produce-packaging .cpby-page-we-produce-packaging__link {
		min-width: 220px;
		text-align: center;
	}

	section.cpby-page-stages-of-interaction .cpby-page-stages-of-interaction__step:after {
		width: 32px;
		height: 1px;
		left: 28px;
	}


	/* ============================================
       POSITION / TRANSFORM
    ============================================ */
	section.cpby-page-additional-services .cpby-page-additional-services__image-wrapper img {
		position: relative;
		left: unset;
		transform: unset;
	}

	section.cpby-page-banners .cpby-page-banners__star-svg {
		top: var(--space-16);
		right: var(--space-16);
	}

	section.cpby-page-we-produce-packaging .cpby-page-we-produce-packaging__list {
		padding-bottom: 140px;
	}

	section.cpby-page-we-produce-packaging .cpby-page-we-produce-packaging__list::after {
		left: 50%;
		width: 100%;
		height: 100%;
		background-position: top center;
		max-width: 320px;
		transform: translate(-50%, 0px);
		background-size: contain;
		bottom: -330px;
	}

	section.cpby-page-we-produce-packaging .cpby-page-we-produce-packaging__item:last-child {
		grid-column: unset;
		grid-row-start:unset
	}

	section.cpby-page-first-screen .cpby-page-first-screen__content.active::after {
		transform: translate(-50%, 65%);
	}

	section.cpby-page-first-screen .cpby-page-first-screen__content::after {
		bottom: 0;
		left: 50%;
		transform: translate(-50%, 25%);
		height: 100%;
		width: 100%;
		background-size: contain;
	}


	/* ============================================
       LEGACY / BOX_OPEN OVERRIDES
    ============================================ */
	section.cpby-page--food #box_open .box-open-left .box-open-item.box-default,
	section.cpby-page--food #box_open .box-open-left .box-open-item,
	section.cpby-page--food #box_open .box-open-right .box-open-item.box-default,
	section.cpby-page--food #box_open .box-open-right .box-open-item {
		width: unset;
		height: unset;
		min-height: 84px;
	}

	section.cpby-page--food #box_open .box-open-container {
		background: unset;
	}
	section.cpby-page--food .cpby-page-first-screen__actions a+a {
		background-color: var(--color-bg-white);
	}

	section.cpby-page #box_open .box-open-items {
		margin-top: unset;
		overflow: hidden;
	}

	section.cpby-page--food #box_open .box-open-footer {
		position: unset;
	}

	section.cpby-page-first-screen .cpby-page-first-screen__form-header {
		max-width: 160px;
	}
	section.cpby-page #calculator-otrasli .bitrix24form_inner .b24-form-content form > div:first-of-type {
		flex-direction: column;
	}
	section.cpby-page-first-screen .form24new__catalog .b24-form-control-string .b24-form-control:focus:not([readonly]), section.cpby-page-first-screen .form24new__catalog .b24-form-control-icon-after .b24-form-control, section.cpby-page-first-screen .form24new__catalog .b24-form-control-string .b24-form-control,

	section.cpby-page #calculator-otrasli .bitrix24form_inner .b24-form-content form > div:first-of-type > div:nth-child(3), section.cpby-page #calculator-otrasli .bitrix24form_inner .b24-form-content form > div:first-of-type > div:nth-child(4), section.cpby-page #calculator-otrasli .bitrix24form_inner .b24-form-content form > div:first-of-type > div:nth-child(5) {
		flex:100%;
		width: 100%;
		max-width: unset;
	}

	/* Calculator mobile: label->its input order for cartons/qty/print */
	section.cpby-page #calculator-otrasli .bitrix24form_inner .b24-form-content form > div:first-of-type > div:nth-child(6) {
		order: 6;
		flex: 100%;
		width: 100%;
	}

	section.cpby-page-first-screen .form24new__catalog .b24-form-content.b24-form-padding-side form > div div:nth-child(7),
	section.cpby-page #calculator-otrasli .bitrix24form_inner .b24-form-content form > div:first-of-type > div:nth-child(7) {
		order: 7;
		flex: 100%;
		width: 100%;
	}

	section.cpby-page #calculator-otrasli .bitrix24form_inner .b24-form-content form > div:first-of-type > div:nth-child(8) {
		order: 8;
		flex: 100%;
		width: 100%;
	}

	section.cpby-page #calculator-otrasli .bitrix24form_inner .b24-form-content form > div:first-of-type > div:nth-child(9) {
		order: 9;
		flex: 100%;
		width: 100%;
	}

	section.cpby-page #calculator-otrasli .bitrix24form_inner .b24-form-content form > div:first-of-type > div:nth-child(10) {
		order: 10;
		flex: 100%;
		width: 100%;
	}

	section.cpby-page #calculator-otrasli .bitrix24form_inner .b24-form-content form > div:first-of-type > div:nth-child(11) {
		order: 11;
		flex: 100%;
		width: 100%;
	}

	/* Continue DOM order for contact block on mobile */
	section.cpby-page #calculator-otrasli .bitrix24form_inner .b24-form-content form > div:first-of-type > div:nth-child(12) {
		order: 12;
		flex: 100%;
		width: 100%;
	}

	section.cpby-page #calculator-otrasli .bitrix24form_inner .b24-form-content form > div:first-of-type > div:nth-child(13) {
		order: 13;
		flex: 100%;
		width: 100%;
	}

	section.cpby-page #calculator-otrasli .bitrix24form_inner .b24-form-content form > div:first-of-type > div:nth-child(14) {
		order: 14;
		flex: 100%;
		width: 100%;
	}

	section.cpby-page #calculator-otrasli .bitrix24form_inner .b24-form-content form > div:first-of-type > div:nth-child(15) {
		order: 15;
		flex: 100%;
		width: 100%;
	}

	section.cpby-page #calculator-otrasli .bitrix24form_inner .b24-form-content form > div:first-of-type > div:nth-child(16) {
		order: 16;
		flex: 100%;
		width: 100%;
	}
	section.cpby-page #calculator-otrasli .bitrix24form_inner .b24-form-btn-container {
		width: 100%
	}

	section.cpby-page #calculator-otrasli .bitrix24form_inner a.help-button {
		position: relative;
		bottom: unset;
		margin: unset;
		display: block;
	}
	section.cpby-page .our_cases .swiper-slide > div:first-child {
		border-radius: 16px;
        width: 100%;
	}
	section.cpby-page .our_cases-items {
		display: flex;
		flex-wrap: wrap;
	}
}


/* =====================================================
RESPONSIVE: DESKTOP (> 768px)
===================================================== */

@media (min-width: 769px) {
	section.cpby-page-subcategories .cpby-page-subcategories__slider-wrapper {
		overflow: hidden;
	}
}