/*@media (min-width: 420px) and (max-width: 767px) {
	.b_detail_schedule ._hall_ticket{
		width: 33.3%
	}
}*/
@media (max-width: 900px) {

	#modal-ticket-buy .modal-dialog {
		margin: 0;
	}

	#modal-ticket-buy .modal-dialog.modal-wizard {
		width: 100%;
		/* height: auto !important; */
	}

	#modal-ticket-buy .modal-wizard .widget-film-info {
		width: 100%;
		height: auto;
		padding-left: 17px;
	}
	.widget-film-info-holder {
		padding-top: 13px;
	}

	#modal-ticket-buy .modal-wizard .widget-header.error .widget-film-info {
		height: 60px;
	}
	.modal-dialog.modal-wizard .circle-item-close {
		right: 0;
		top: 0;
	}
	#modal-ticket-buy .modal-wizard .cicon {
		width: 20px;
		height: 20px;
	}
	#modal-ticket-buy .modal-wizard .cicon-close:before,
	#modal-ticket-buy .circle-item-close {
		top: 10px;
		right: 16px;
		width: 20px;
		height: 20px;
		background-size: 20px 20px;
	}

	#modal-ticket-buy .film-tabs {
		display: flex;
		flex-direction: column;
		padding-top: 0;
		padding-bottom: 30px;
	}

	#modal-ticket-buy .modal-wizard .film-tab {
		width: 100%;
		padding-top: 15px;
	}

	#modal-ticket-buy .widget-footer {
		width: 100%;
	}

	#modal-ticket-buy .modal-wizard .showtimes-timeline .scroll-area {
		width: 100%;
	}

	#modal-ticket-buy .b_detail_schedule_controls .jsDateAndTime {
		display: block !important;
	}

	#modal-ticket-buy .b_detail_schedule ._date {
		display: flex;
		float: none;
		overflow-x: scroll;
		padding-bottom: 20px;
		padding-left: 0;
	}

	#modal-ticket-buy .b_detail_schedule_controls > div {
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 20px;
	}

	#modal-ticket-buy .b-schedule_filter ._title {
		right: 20px;
	}

	#modal-ticket-buy .modal-wizard .step-number {
		width: 100px;
		padding-left: 10px;
		padding-right: 10px;
	}

	#modal-ticket-buy .film-data {
		font-size: 16px;
	}
	#modal-ticket-buy .text-bigger.hall-data,
	#modal-ticket-buy .text-bigger.date-data {
		font-size: 13px;
	}
	#modal-ticket-buy .film-picture {
		display: none;
		margin-right: 0;
	}
	.modal-wizard .btn-ticket {
		/* width: 60px;
		font-size: 0; */
	}

	.modal-wizard .btn-ticket.step-prev-button {

	}

	.modal-wizard .btn-ticket.step-next-button {
		/* background: url(/bitrix/templates/template.main/css/layout/../../img/btn-ticket-wizard-next.png) -74px 0 no-repeat; */
	}

	.modal-wizard .btn-ticket.step-next-button.disabled {
		/* background: url(../../img/btn-ticket-wizard-next-disabled.png) 0 0 no-repeat;
		background-position: -74px 0; */
	}


	.modal-wizard .btn-ticket.step-next-button {
		width: 100%;
		padding-left: 25px;
		padding-right: 25px;
	}
	.modal-wizard .btn-ticket.step-next-button  span {
		white-space: nowrap;
	}
	#modal-ticket-buy .modal-wizard .hall-screen {
		padding-left: 20px;
		padding-right: 20px;
	}

	#modal-ticket-buy .js-place-checked {
		float: none !important;
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		width: 100%;
		padding-top: 20px;
	}

	#modal-ticket-buy .js-place-checked.step-2 {
		flex-direction: row;
		flex-wrap: nowrap;
		overflow-x: auto;
		margin-bottom: 15px;
		padding-left: 0;
		margin-left: 0;
	}
	#modal-ticket-buy .modal-wizard .js-place-checked.step-2 .ticket-place {
		position: relative;
		padding: 11px 40px 11px 15px;
		border: 1px solid #999999;
		pointer-events: all;
		margin-right: 9px;
		margin-left: 0;
	}
	#modal-ticket-buy .modal-wizard .js-place-checked.step-2 .ticket-place:after {
		content: '';
		position: absolute;
		right: 20px;
		top: 50%;
		transform: translateY(-50%);
		width: 12px;
		height: 12px;
		background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M6.00011 4.82227L10.1251 0.697266L11.3034 1.8756L7.17844 6.0006L11.3034 10.1256L10.1251 11.3039L6.00011 7.17893L1.87511 11.3039L0.696777 10.1256L4.82178 6.0006L0.696777 1.8756L1.87511 0.697266L6.00011 4.82227Z' fill='%23999999'/%3e%3c/svg%3e");
		background-repeat: no-repeat;
		background-size: 12px 12px;
	}
	#modal-ticket-buy .modal-wizard .js-place-checked.step-2 .ticket-cost,
	#modal-ticket-buy .modal-wizard .js-place-checked.step-2 .ticket-text br {
		display: none;
	}

	#modal-ticket-buy .modal-wizard .new-style .ticket-place {
		width: 100%;
		height: 45px;
		padding: 8px 12px 8px 47px;
	}

	#modal-ticket-buy .modal-wizard .step-title {
		padding-top: 30px;
		padding-left: 17px;
		padding-right: 17px;
	}

	/***
	 увеличение плана зала задача 18993 начало
	 ***/
	#modal-ticket-buy .film-cost-ticket {
		padding-top: 20px;
		font-size: 18px;
	}
	/***
	 увеличение плана зала задача 18993 конец
	 ***/
	#modal-ticket-buy .modal-wizard .hall-legend {
		height: 50px;
		padding-top: 60px;
		background: #020303;
	}

	#modal-ticket-buy .hall-legent__item {
		display: flex;
		position: relative;
		margin-left: 10px;
	}

	#modal-ticket-buy .hall-legend .hall-place {
		margin-left: 0;
		position: absolute;
		top: -20px;
		left: calc(50% - 8px);
	}


	#modal-ticket-buy .js-step-title.new-style {
		position: static;
		width: 100%;
		margin-top: 0;
		padding-top: 0;
		height: auto;
	}

	#modal-ticket-buy .form-group--flex {
		flex-direction: column;
	}

	#modal-ticket-buy .form-group--flex p {
		margin-top: 10px;
	}

	#modal-ticket-buy .wizard-step-3-form .greencard-input {
		margin-top: 10px;
		margin-bottom: 0;
	}

	.wizard-step-3-form {
		width: 100%;
	}

	.wizard-step-3-form .greencard-input .circle-item-error {
		top: 43px;
	}

	.greencard-input .label-text {
		margin-top: 10px;
		padding-bottom: 20px;
		max-width: 300px;
		align-self: flex-start;
	}
	.step-3-holder {
		flex-direction: column;
	}
	.new-style .payments-block-wrapper {
		height: 100%;
		transform: translateY(0);
		padding-top: 30px;
		padding-left: 0;
		padding-right: 0;
	}
	.js-step-title.new-style {
		max-width: 100%;
	}
	.payments-holder-bottom {
		padding-left: 17px;
		padding-right: 17px;
	}
	.modal-wizard .widget-footer {
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
		height: auto;
		padding: 0 17px 17px 17px;
	}
	.modal-tickets-count {
		padding-left: 46px;
	}
	.modal-tickets-count,
	.modal-tickets-sum {
		font-size: 14px;
		white-space: nowrap;
	}
}

@media (max-width: 769px) {
	#modal-ticket-buy .modal-wizard .step-title {
		padding-top: 10px;
	}
	#modal-ticket-buy .js-place-checked {
		flex-shrink: 0;
		padding-top: 10px;
	}
	.film-cost-total-text {
		font-size: 18px;
	}
	#modal-ticket-buy .place-error {
		position: absolute;
		bottom: 0;
		width: 100%;
		background: #000;
		z-index: 1;
	}
}

#modal-ticket-buy .modal-wizard .widget-footer {
	background: none;
	background-color: #414E4C;
	position: relative;
	overflow:hidden;
	z-index:1;
	flex-shrink: 0;
}
.grinvich #modal-ticket-buy .modal-wizard .widget-footer {
	background-color: #2d3c55;
}
.grinvich .js-step-title.new-style,
.grinvich .new-style .payments-block-wrapper,
.grinvich .modal-wizard .wizard-step3 {
	background-color: #0f1e37;
}
/* #modal-ticket-buy .modal-wizard .widget-footer::before,
#modal-ticket-return .widget-footer::before {
	position: absolute;
	content: "";
	bottom: -18px;
	left: -19px;
	width: 35px;
	height: 35px;
	border-radius:50%;
	box-shadow: 0px 0px 0px 600px #414E4C;
	z-index:-1;
} */

/* #modal-ticket-buy .modal-wizard .widget-footer::after,
#modal-ticket-return .widget-footer::after {
	position: absolute;
	content: "";
	bottom: -18px;
	right: -19px;
	width: 35px;
	height: 35px;
	border-radius:50%;
	box-shadow: 0px 0px 0px 600px #414E4C;
	z-index:-1;
} */
.grinvich #modal-ticket-return .widget-footer::before,
.grinvich #modal-ticket-return .widget-footer::after {
	box-shadow: 0px 0px 0px 600px #2d3c55;
}


#modal-ticket-buy .modal-wizard .widget-film-info,
#modal-ticket-return .widget-film-info {
	background: none;
	background-color: #414E4C;
	position: relative;
	overflow:hidden;
	z-index:1;
}
.grinvich #modal-ticket-buy .modal-wizard .widget-film-info {
	background-color: #2d3c55;
}
#modal-ticket-buy .modal-wizard .widget-film-info::before,
#modal-ticket-return .widget-film-info::before {
	position: absolute;
	content: "";
	top: -18px;
	left: -19px;
	width: 35px;
	height: 35px;
	border-radius:50%;
	box-shadow: 0px 0px 0px 600px #414E4C;
	z-index:-1;
}

#modal-ticket-buy .modal-wizard .widget-film-info::after,
#modal-ticket-return .widget-film-info::after {
	position: absolute;
	content: "";
	top: -18px;
	right: -19px;
	width: 35px;
	height: 35px;
	border-radius:50%;
	box-shadow: 0px 0px 0px 600px #414E4C;
	z-index:-1;
}
#modal-ticket-buy .modal-wizard .grinvich-modal .widget-footer::before,
#modal-ticket-buy .modal-wizard .grinvich-modal .widget-footer::after,
#modal-ticket-buy .modal-wizard .grinvich-modal .widget-film-info::before,
#modal-ticket-buy .modal-wizard .grinvich-modal .widget-film-info::after,
.grinvich #modal-ticket-return .widget-film-info::before,
.grinvich #modal-ticket-return .widget-film-info::after {
	box-shadow: 0px 0px 0px 600px #2d3c55;
}

@media (max-width: 768px) {
	#modal-ticket-buy .new-style .film-data {
		color: #fff;
	}
	.mobile-hidden {
		display: none;
	}
	#modal-ticket-buy .desctop-hidden-span {
		display: inline-block;
		font-weight: bold;
	}
	#modal-ticket-buy .film-tabs {
		display: none;
	}
	#modal-ticket-buy .hall-data, #modal-ticket-buy .date-data {
		display: block;
		text-transform: none;
	}
	.modal-wizard #hall {
		padding-top: 0;
	}
	.modal-wizard #some_id_pay {
		height: 10px;
	}
	.modal-wizard .step-title .hall-title {
		text-transform: none;
		font-size: 18px;
	}
}

@media (max-width: 900px) {
	.hall-controls {
		display: flex;
	}
	.hall-place.checked .ticket-place {
		display: none;
	}
}

@media (max-width: 768px) {
	.modal-dialog.modal-wizard {
		/*margin-top: 0;*/
		margin-top: 0!important;
	}
}

@media (max-width: 768px) {
	.modal-back .modal-cont {
		max-width: 100%;
	}
	.modal-cont .circle-item-close {
		right: 0;
		top: 0;
		color: #fff;
	}

	.b-close-check-dialog {
		font-size: 16px;
	}
	.b-close-check-dialog_text {}
	.b-close-check-dialog_controls {}
	.b-close-check-dialog_button {
		width: 160px;
	}

	.modal-dialog.modal-wizard .modal-content {
		display: flex;
		flex-direction: column;
		height: 100%;
	}
	.modal-dialog .widget-step-content {
		flex-grow: 1;
		display: flex;
		flex-direction: column;
	}

	/* #modal-ticket-buy .modal-wizard .widget-footer {
		flex-shrink: 0;
		height: 60px;
		margin-top: auto;
		padding: 10px;
	} */

	.modal-wizard .wizard-step2 {
		flex-grow: 1;
	}
	.modal-wizard .hall-holder {
		height: 100%;
		max-height: 100%;
	}
	.modal-wizard .hall-holder {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
	}
	.js-hall-title {
		display: none;
	}
	#modal-ticket-buy .film-cost-ticket {
		flex-shrink: 0;
		justify-content: center;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	#modal-ticket-buy .step-title .film-cost-ticket {
		justify-content: flex-start;
		padding-bottom: 0;
	}
}