@media (max-width: 1370px){
	.container {
        width:calc(100vw - 190px);
    }
}

@media (max-width: 1200px){
	.site_index_medik_list{
		grid-template-columns: auto auto auto;
	}
}

@media (max-width: 940px){
	.site_index_medik_list{
		grid-template-columns: auto auto;
	}
	.site_index_main_text_title{
		font-size:3.2rem;
		line-height:3.9rem;
	}
	.site_index_main > .container > div{
		max-width:500px;
	}
	.site_index_main > .container > div.site_index_main_auth{
		max-width:100%;
	}
	.site_index_main{
		background-image: url(/images/main_cross_mobile.svg);
		background-repeat: no-repeat;
		background-position: top right;
		background-size: auto;
	}
}

@media (max-width: 768px){
	.site_index_main{
		padding:115px 32px 48px;
		border-radius:0px 0px 48px 48px;
	}
	.site_index{
		padding:0px 0px 150px;
	}
	.container{
		width:calc(100vw - 78px);
	}
	.site_index_main > .container > div{
		max-width:100%;
	}
	.site_index_main_auth{
		flex-wrap:wrap;
		margin-top:48px;
		gap:16px;
	}
	header{
		position:absolute;
		height:115px;
	}
}


@media (max-width: 580px){
	.site_index_main{
		padding:115px 16px 16px;
	}
	.container{
		width:100%;
	}
	.site_index_medik .container{
		padding:0 8px;
	}
	.site_index_form .container{
		padding:0 16px 0 8px;
		gap:24px;
	}
	header .container{
		padding:0 16px;
	}
	.site_index_main_auth{
		justify-content:center;
	}
	.site_index_main_auth > .btn{
		width:100%;
	}
	.site_index_main_auth_exit{
		width:100%;
	}
	.site_index_main_auth_exit_logo{
		width: 48px;
		height: 48px;
		flex:none;
		background-size: contain;
	}
	.site_index_main_auth_exit_info{
		flex-direction:row;
		flex-wrap:wrap;
		gap:4px;
		align-items:center;
		width:100%;
	}
	.site_index_main_auth_exit_info a{
		margin-left:auto;
	}
	.site_index_main_auth_desc{
		justify-content:center;
		flex-wrap:wrap;
		max-width:90%;
		text-align:center;
	}
	.site_index_medik{
		margin-top:48px;
	}
	.site_index_medik_title{
		font-size: 2.4rem;
		line-height: 2.9rem;
	}
	.site_index_medik_subtitle{
		margin-top:8px;
	}
	.site_index_medik_list{
		margin-top:24px;
		grid-template-columns: 100%;
		gap:8px;
	}
	.site_index_medik_item{
		flex-direction:row;
		align-items:start;
		justify-content:start;
		gap:16px;
		border-radius: 24px;
		padding:8px;
	}
	.site_index_medik_item.selected{
		outline: 4px solid rgba(40, 100, 184, 1);
	}
	.site_index_medik_item.voted:hover,
	.site_index_medik_item.voted.selected:hover,
	.site_index_medik_item.voted.selected,
	.site_index_medik_item.voted{
		outline: 4px solid rgba(40, 184, 138, 1);
	}
	.site_index_medik_item_foto{
		display:inline-block;
		width: 100px;
		height: 100px;
		border-radius: 16px;
	}
	.site_index_medik_item_data{
		padding:0px;
	}
	.site_index_medik_item_data_fio{
		font-size: 1.6rem;
		line-height: 1.9rem;
	}
	.site_index_medik_item_data_about{
		color: rgba(0, 0, 0, 0.8);
		font-size: 1.3rem;
		line-height: 1.6rem;
		margin-bottom:16px;
	}
	.site_index_medik_item_data_rating{
		padding:8px 8px 0 0;
		box-sizing: border-box;
		border-top: 1px solid rgba(0, 0, 0, 0.08);
	}
	.site_index_medik_item:before{
		width: 24px;
		height: 24px;
	}
	.site_index_form{
		height:96px;
		border-radius: 24px 24px 0px 0px;
	}
	.btn_up{
		bottom:120px;
	}
	.site_index_form_selected_info > img{
		width: 48px;
		height: 48px;
		border-radius:24px;
	}
	.site_index_form_selected_info_data_text{
		font-size: 1.1rem;
		line-height: 1.3rem;
	}
	.site_index_form_selected_info_data_fio{
		font-size: 1.3rem;
		line-height: 1.6rem;
	}
	.site_index_form_success{
		font-size: 1.3rem;
		line-height: 1.6rem;
		text-align:left;
	}
	.site_index_form_btn_submit .btn{
		height:48px;
		padding:0 12px;
		font-size: 1.3rem;
		line-height: 1.6rem;
	}
}


@media (max-width: 420px){
}


@media (max-width: 360px){
	.site_index_form_selected_info,
	.site_index_form .container{
		gap:6px;
	}
	.site_index_form_btn_submit .btn,
	.site_index_form_selected_info_data_fio{
		font-size:1.1rem;
	}
}


@media (max-width: 330px){
}