@media screen and (min-width: 941px) {
    #services_wrapper .services_item:nth-child(odd) {
        display: flex;
        flex-direction: row-reverse;
    }
}

@media screen and (max-width: 940px) {
	#tabs_wrapper {
		padding-left: 20px;
		padding-right: 20px;
		border-left: none;
		border-right: none;
		border-radius: 0;
		margin-left: -20px;
		margin-right: -20px;
	}
	#navi li a {
		padding-left: 12px;
		padding-right: 12px;
	}

    #services_wrapper .services_item {
        gap: 20px;
    }

	#services_wrapper .services_item {
        display: flex;
        flex-direction: column;
	}

	#services_wrapper .services_item .services_block.image img {
		max-height: 160px;
	}
	#services_wrapper .services_item .services_block {
		width: 100%;
	}
	#navi.compact li a {
		padding-right: 10px;
		padding-left: 10px;
	}
}

@media screen and (max-width: 800px) {
	#slogan {
		font-size: 24px;
		max-width: 400px;
		margin: 0 auto;
	}
	#slogan em {
		font-weight: 300;
	}
	#slogan span {
		display: inline;
		font-weight: 300;
		font-size: 24px;
	}
	form .pre_input,
	form .pre_submit {
		display: block;
		width: 100%;
		max-width: 640px;
		margin: 0 auto;
	}
	form .pre_input.box_wrapper {
		width: 100%;
		display: block;
		text-align: center;
		margin: 0 auto;
		padding-bottom: 25px;
		padding-top: 0;
	}
	form .pre_input.box_wrapper .pre_checkbox {
		display: inline-block;
		vertical-align: top;
		text-align: left;
	}
	.pre_form_wrapper.compact form.pre_form .pre_input {
		width: 100%;
	}
	#navi_opener {
		display: block;
	}
	#navi.mobile {
		bottom: auto;
		display: none;
		z-index: 1001;
		position: absolute;
		top: 55px;
		left: 92px;
		width: 200px;
		background: #fff;
		-moz-box-shadow:     0px 4px 12px 0 rgba(0, 0, 0, 0.15);
		-webkit-box-shadow:  0px 4px 12px 0 rgba(0, 0, 0, 0.15);
		box-shadow:          0px 4px 12px 0 rgba(0, 0, 0, 0.15);
	}
	#navi.mobile:after {
		position: absolute;
		display: block;
		top: -2px;
		left: -1px;
		bottom: -1px;
		right: -1px;
		content: '';
		z-index: -1;
		border: 1px solid rgba(0,0,0, 0.2);
		border-bottom: 1px solid rgba(0,0,0, 0.4);
	}
	#navi.mobile li, #navi.mobile a {
		display: block;
	}
	#navi.mobile a {
		padding: 8px 20px 8px;
		border-bottom: 1px solid rgba(0,0,0, 0.2);
	}
	#navi.mobile li:last-child a {
		border-bottom-color: transparent;
	}
	#navi_opener.active+#navi.mobile {
		display: block;
		animation-name: slideFastUp;
		-webkit-animation-name: slideFastUp;	
		animation-duration: 0.2s;	
		-webkit-animation-duration: 0.2s;
		animation-timing-function: ease;	
		-webkit-animation-timing-function: ease;
	}
}

@media screen and (max-width: 540px) {
	#navi li a {
		padding-left: 15px;
		padding-right: 15px;
	}
	#navi {
		right: 0;
	}
	#tabs_navi .tabs_navi_item span {
		display: none;
	}
	.pre_form h5 span {
		padding: 0 10px;
		font-size: 14px;
		font-weight: 700;
	}
	.pre_form h5:before {
		top: 24px;
	}
	.pre_input_comment {
	    font-size: 13px;
	}
	.pre_header1, h1 {
		font-size: 30px;
	}
	.pre_header2, h2 {
		font-size: 27px;
	}
	#options_wrapper .option_item {
		margin-bottom: 10px;
	}
	#services_wrapper .services_item .services_block {
		font-size: 16px;
		font-weight: 400;
	}
	#services_wrapper h5 {
		font-size: 20px;
	}
	#services_wrapper h5 strong {
		font-size: 24px;
	}
	#services_app_download a {
		padding: 0;
	}
	#services_wrapper {
		margin-bottom: -40px;
	}
}

@media screen and (max-width: 400px) {
	#navi li a {
		padding-left: 12px;
		padding-right: 12px;
	}
	#logo {
		left: 0;
	}
	#logo:before {
		left: 86px;
	}
	#buttons_wrapper .pre_button {
		display: block;
		margin: 0 0 10px 0;
	}
}

@media screen and (max-width: 1400px), screen and (max-height: 600px) {
	#fsin_object_select {display:none;}
	#fsin_object_select+h1 {padding-top:0;font-size:30px;}
	#content {padding-top:30px;}
	#fsin_chat_wrapper {height: calc(100vh - 140px);}
	.pre_text table td {padding: 8px 5px;}
	.pre_text table td.align-right,
	.pre_text table tr.table_header td.align-right {padding-right: 10px;}
	.pre_text table td.align-left,
	.pre_text table tr.table_header td.align-left {padding-left: 10px;}
	.pre_text table tr.table_header td.align-left.no-padding {padding-right: 0px;}
	.pre_text table {
		margin-bottom: 20px;
	}
	.pre_text .pre_table_wrapper table {
		margin-bottom: 0;
	}
	.pre_text .pre_table_wrapper {
		margin-bottom: 20px;
	}
}