/* CSS Document */
@media screen and (max-width: 1280px) {
	body {}
	
	.form_content .form .form_item.w_30#form_item_NYHA {
		width:calc((100% - 40px) / 2);
		order:1;
	}
	
	.form_content .form .form_item.w_30#form_item_EFLK {
		order:2;
		width:calc((100% - 40px) / 2);
	}
	
	.form_content .form .form_item.w_50#form_item_eGFR {
		order:3;
	}
	
	.form_content .form .form_item#form_item_fibrilace {
		width:calc((100% - 40px) / 2);
		order:4;
	}
	
	.form_content .form .form_item.w_50#form_item_ACEi_ARB {
		order:5;
	}
	
	.form_content .form .form_item#form_item_proBNP {
		width:calc((100% - 40px) / 2);
		order:6;
	}
}

@media screen and (max-width: 1220px) {
	body {}
	
	.top_content {
		background-position:right 0 bottom 0, right 50px top 120px;
		background-size:500px auto, 220px auto;
	}
	
	.top_content p {
		width:calc(100% - 450px);
	}
	
	.form_content .labels {
		padding-left:30px;
	}
	
	.form_content .labels .label {
		font-size:20px;
	}
	
	.footer_content .bottom .box.box_4 {
		float:none;
		width:100%;
		clear:both;
		padding-top:50px;
	}
	
	.footer_content .bottom .box.box_4 a {
		margin-left:0;
		margin-right:20px;
	}
	
	.form_content .form .form_item .input {
		width:240px;
	}
}

@media screen and (max-width: 1020px) {
	body {}
	
	.top_content {
		background-position:right 0 bottom 0, right 50px top 120px;
		background-size:400px auto, 220px auto;
	}
	
	.top_content p {
		width:calc(100% - 330px);
	}

	.top_content h1 {
		font-size:80px;
		line-height:82px;
	}	
	
	.top_content p {
		font-size:16px;
		line-height:22px;
	}
	
	.top_content h2 {
		font-size:32px;
		line-height:33px;
		padding-top:30px;
		padding-bottom:80px;
	}
	
	.form_content .labels .label {
		font-size:16px;
		padding:15px 18px;
	}
	
	.form_content .form h2 {
		font-size:60px;
		line-height:70px;
		padding-bottom:50px;
	}
	
	.form_content .form .form_item {
		padding-bottom:5px;
	}
	
	.footer_content .bottom .box.box_1 {
		float:none;
		width:100%;
		clear:both;
		padding-bottom:20px;
	}
}

@media screen and (max-width: 960px) {
	body {}
	
	.form_content .form {
		padding:40px;
	}
	
	.result_content {
		padding:38px;
	}
	
	.result_content .result {
		font-size:50px;
		padding:30px;
	}
	
	.result_content .result span {
		font-size:32px;
	}
}

@media screen and (max-width: 820px) {
	body {}
	
	.main_content {
		width:calc(100% - 40px);
		padding-left:20px;
		padding-right:20px;
	}
	
	.top_content h1 {
		font-size:60px;
		line-height:62px;
		padding-top:40px;
		padding-bottom:30px;
	}
	
	.top_content h2 {
		padding-top:15px;
		padding-bottom:60px;
	}
	
	.form_content .labels .label {
		font-size:16px;
		padding:12px;
	}
	
	.form_content .form {
		padding:40px 30px;
	}
	
	.form_content .form .form_items {
		gap:30px;
	}
	
	.form_content .form h2 {
		font-size:50px;
		line-height:60px;
	}
	
	.form_content .form .form_item.w_50 ,
	.form_content .form .form_item.w_25,
	.form_content .form .form_item.w_20,
	.form_content .form .form_item.w_30 {
		width:100%;
	}
	
	.form_content .form .form_item.w_30#form_item_NYHA {
		width:100%;
	}
	
	.form_content .form .form_item.w_30#form_item_EFLK {
		width:100%;
	}
	
	.result_content {
		padding:38px 30px;
	}
	
	.result_content .result {
		font-size:40px;
		padding:20px;
	}
	
	.result_content .result span {
		font-size:24px;
	}
}

@media screen and (max-width: 760px) {
	body {}

	.main_content {
		background:transparent;
	}

	.top_content {
		background: url(../img/top_graphics.svg) right 50px top 120px no-repeat;
		background-size:180px;
		padding-left:30px;
		padding-right:30px;
	}
	
	.top_content p {
		width:100%;
	}
	
	.form_content .labels {
		padding-left:0;
	}
	
	.form_content .labels .label {
		display:none;
		float:none;
		width:cacl(100% - 80px);
		padding-left:40px;
		padding-right:40px;
	}
	
	.form_content .labels .label.active {
		display:block;
	}
	
	.form_content .labels .label .arrow {
		display:block;
	}
	
	.form_content .form {
		border-top-left-radius: 0;
		border-top-right-radius: 0;
	}
	
	.footer_content {
		padding: 40px 30px;
	}
}

@media screen and (max-width: 680px) {
	body {}

	.footer_content .bottom .box {
		float:none;
		padding-bottom:30px;
	}	
	
	.footer_content .bottom .box.box_4 {
		padding-top:30px;
	}
}

@media screen and (max-width: 620px) {
	body {}

	.top_content {
		background-position: right 0 top 100px;
		background-size:150px;
	}
	
}

@media screen and (max-width: 480px) {
	body {}
	
	.main_content {
        width: calc(100% - 30px);
        padding-left: 15px;
        padding-right: 15px;
		min-width:290px;
	}

	.top_content {
		background-position: right 0 top 80px;
		background-size:160px;
		padding-left:20px;
		padding-right:20px;
	}

	.top_content h1 {
		padding-top:100px;
		font-size:50px;
		line-height:50px;
	}	
	
	.form_content .form h2 {
		font-size:40px;
		line-height:45px;
		padding-bottom:50px;
	}
	
	.result_content .result {
		border:0;
		padding:0;
	}
	
	.footer_content {
		padding: 30px 20px;
	}
}

@media screen and (max-width: 380px) {
	body {}
	
	.m_break {
		display:block;
	}

	.top_content .top_logo {
		width:140px;
	}
	
	.top_content {
		background-position: right 0 top 100px;
	}
	
	.top_content h1 {
		padding-top:180px;
	}
	
	.form_content .form .form_item .input {
		width:210px;
	}
	
	.form_content .form .form_item .input input[type="text"] {
		width:50px;
	}
}