/* стили адаптации к мобильным устройствам - основные */

/* Kindle Fire XDX вертикальная ориентация */
@media ( max-width: 801px ){

	.content.v2 .col, .content.v3 .col { width:400px; }
	aside { width:calc(100% - 380px); }
}

/* iPad вертикальная ориентация */
@media ( max-width: 769px ){

	.modal_item { padding:24px 20px 25px; }
	.content.v2 .col, .content.v3 .col { width:366px; padding:0 15px 0 0 }
	aside { width:calc(100% - 345px); padding:24px 20px; margin:-24px -20px -32px; }
	.param.date input + i, .param.date .label .off span  { height:64px; font-size:13px; }
	.param.date .icon-calendar { height:64px; }
	.param.calendar input + i { height:48px; font-size:13px; }
	.param.time input + span { font-size:14px; }
	.param.time input + span span { font-size:13px; }
	.param.date .label { min-height:144px; }
}

/* Galaxy S9/S9+ горизонтальная ориентация */
@media ( max-width: 740px ){

	.container { display:flex; flex-direction:column; justify-content:center; align-items:center; padding:0; }
	.modal_item { flex-grow:1; width:390px; height:auto; padding:0 12px; }
	.content.v2, .content.v3 { flex-direction:column; }
	.content.v2 .col, .content.v3 .col { width:100%; padding:0; overflow:hidden; }
	aside { width: calc(100% + 40px); margin:24px -20px 0; }
	aside .price_block { margin-top:24px; }
	.return_link { position:relative; width:40px; height:40px; margin:15px 0 0; border-radius:50%; color:transparent !important; background:var(--bg-item); overflow:hidden; }
	.return_link:before { left:0; right:0; top:0; bottom:0; width:6px; height:16px; margin:auto; }
	.coach_ON .param.coach .return_link { margin:-8px 0 24px; }
	.return_link:hover, .payment_ON .payment_data .return_link:hover, .personal_ON .personal_data .return_link:hover { background-color:var(--bg-gray); }
	.param.calendar { margin:-55px 0 0; }
	.calendarON aside { display:none; }
	.param.calendar .month_link { margin:24px 12px 0 0; }
	.personal_ON .personal_data, .payment_ON .payment_data { margin-top:-22px; }
}

/* Galaxy S9/S9+ вертикальная ориентация */
@media ( max-width: 320px ){

	.modal_item { padding:0 10px; }
	.param.date .label > div, .param.time label, .coach_amount_users_content label, .coach_ON .coach_time_content label, .content.v3 .coach_time_content label,
		.param.levels_group label, .param.tickets label { padding:0 5px 5px 0; }

	.param.date .icon-calendar { bottom:5px; width:calc(20% - 5px); height:56px; }
	.param.date input + i, .param.date .label .off span { height:56px; }
	.param.date .label { min-height:122px; }
	.param.calendar input + i { height:40px; font-size:12px; }
	.param.time input + span, .coach_amount_users_content input + span, .coach_ON .coach_time_content input + i, .content.v3 .coach_time_content input + i,
		.content.v3 .param.time input + i, .param.tickets input + span { font-size:13px; }

	.param.time input + span span { font-size:12px; }
	.param.time .label, .param.date .label, .coach_amount_users_content, .coach_ON .coach_time_content, .content.v3 .coach_time_content,
		.param.levels_group .label { min-width:calc(100% + 5px); }
	.param.tickets .label { min-width:calc(100% + 8px); }

	.param.time .label { min-height:301px; }
	.param.amount { margin-top:12px; }
	.coach_ON .param.coach .return_link, .personal_ON .personal_data .return_link, .payment_ON .payment_data .return_link { margin-bottom:12px; }
	.param.calendar h2 { padding-top:12px; }
	aside .result_day, aside .result_time { font-size:30px; }
	.content.v3 .param.amount_users, .param.age { margin-top:12px; }
	.param.levels_group { margin-top: 16px; }
	.param.levels_group input + i { height:55px; }
	.param.levels_group input + i span { margin:2px 0 0; font-size:12px; }
	.param.levels_group .label { min-height:120px; }
	.agreement { font-size:12px; }
	.agreement .checkbox { margin:0 10px 0 0; }
	.param.services label { width:calc(33.3% - 5px); margin:0 5px 5px 0; }
}