@media (max-height: 300px)
{
	.navbar-toggle .icon-bar + .icon-bar {
		margin-top: 12px !important;
	}
	.navbar-toggle div:last-child {
		font-size: 30px !important;
		line-height: 33px !important;
	}
	.navbar-header .navbar-brand {
		font-family: "Adams-Jaloviina",sans-serif !important;
		font-size: 22px;
		color: black;
	}
	.nav-wrap {
		height: 30px;
	}
	.navbar {
		height: 30px;
		margin-bottom: 0;
		border-bottom: 2px solid black !important;
	}
	.navbar-brand {
		padding: 0 15px;
		height: 51px;
	}
	.navbar-toggle {
		padding: 8px 10px !important;
	}

	.site-inner {
		min-height: calc(100% - 30px);
	}

}
@media (max-width: 420px)
{
	.navbar-header .navbar-brand {
		font-family: "Adams-Jaloviina",sans-serif !important;
		font-size: 22px;
		color: black;
	}
}
@media (max-width: 767px)
{
	.faq_title, .user_help_title {
		margin-top: 20px;
	}
	.x_source
	{
		padding: 20px;
	}
	.x_source .source_title
	{
		margin-bottom: 19px;
	}
	.navbar-brand {
		height: 51px;
		line-height: 50px;
	}
	.navbar.navbar-inverse
	{
		font-size: 22px;
	}
	.navbar.navbar-inverse > .container #w3
	{
		height: auto;
	}
	.navbar.navbar-inverse > .container  > #w1-collapse > .pull-right
	{
		float: none !important;
	}
	.fancybox-container #record_type_help #w_text_full {
		height: calc(100% - 65px);
	}
	.fancybox-container #record_type_help .fancybox-close-small
	{
		top: 0 !important;
	}
	.fancybox-container #w_text_title
	{
		font-size: 30px;
		margin-top: 22px !important;
		margin-bottom: 7px !important;
	}
	#record_type_help
	{
		width: 100%;
		height: 100%;
	}
	.fancybox-close-small {
		position: absolute;
		top: 30px;
		right: 50%;
		width: 30px;
		height: 30px;
		padding: 0;
		margin: 0;
		border: 0;
		border-radius: 0;
		outline: none;
		background: transparent;
		z-index: 10;
		cursor: pointer;
	}
	.fancybox-close-small:after {
		content: '×';
		position: absolute;
		top: 5px;
		right: unset !important;
		width: 30px;
		height: 30px;
		font: 50px/37px Apercu-Bold,sans-serif;
		color: black;
		font-weight: 300;
		text-align: center;
		border-radius: 50%;
		border-width: 0;
		background: none;
		transition: background .25s;
		box-sizing: border-box;
		z-index: 2;
	}
	.fancybox-container .record-view-text {
		padding: 10px;
		padding-top: 69px;
	}

	.record-view table
	{
		border: 2px solid black !important;
	}

	.contact table
	{
		border: 2px solid black !important;
	}
	script
	{
		display: none;
	}
	#record .x-button-group {
		margin-bottom: 50px;
		margin-top: 26px;
	}
	#record .x-button-group  #record_delete{
		float: none !important;
	}
	#record_list #record_collapse table > thead > tr > th:nth-child(1),
	#record_list #record_collapse table > tbody > tr > td:nth-child(1),
	#record_list #record_collapse table > thead > tr > th:nth-child(3),
	#record_list #record_collapse table > tbody > tr > td:nth-child(3)
	{
		display: none;
	}

	#top_list_header > thead > tr > th:nth-child(1), #top_list table > tbody > tr > td:nth-child(1)
	{
		width:35px ;
	}
	#top_list_header > thead > tr > th:nth-child(3), #top_list table > tbody > tr > td:nth-child(3)
	{
		width:86px ;
	}
	#record_list #record_collapse table:first-child th {
		font-size: 15px;
	}
	#record_list #record_collapse
	{
		word-break: break-all;
	}
	.x_help div a {
		color: white;
		font-size: 16px;
		text-decoration: none;
	}
	.container-items .select-selected:after {
		position: absolute;
		content: "";
		top: calc((100% - 25px )/2);
		right: 22px;
		width: 22px;
		height: 16px;
		background: url(../images/icons2/arrow.png) no-repeat;
		border: 6px solid transparent;
	}
	.container-items .select-selected:before {
		position: absolute;
		content: "";
		right: 15px;
		width: 30px;
		height: calc(100% - 15px);
		background-color: #dc4925;
		border: 6px solid transparent;
	}
	.container-items input
	{
		border: none;
	}
	.container-items table tr td
	{
		border: 2px solid black;
	}
	.container-items table
	 {
		border-top: 2px solid black;
	 }
	.container-items table tr:last-child td:last-child
	{
		border: none;
		color: #dc4925;
	}
	.add-item {
		width: auto;
		height: auto;
	}
	.record-dynamic-table
	{
		border-top:none;
	}
	.add-item,.record_dynamic_title
	{
		float: left;
	}
	.record_dynamic_title
	{
		margin-left: 2px;
	}
	.add-item:after {
		position: relative;
		top: 1px;
		content: " " url(../images/icons2/add_w.png) !important;
		padding: 5px;
		background-color: #dc4925;
		border: 2px #dc4925 solid;
	}
	.collapse_button .collapse_icon:after{
		position: relative;
		top: 0;
		content: " " url(../images/icons2/arrow.png) !important;
		transform: matrix(1, 0, 0, -1, 0, 0);
		-webkit-transform: matrix(1, 0, 0, -1, 0, 0);
		padding: 7px;
		background-color: #dc4925;
	}
	#record_list .collapse_button .collapse_icon:after
	{
		background-color: black !important;
		padding: 9px !important;
	}
	.book-container .x-btn
	{
		width: 100% !important;
	}
	.collapse_button .collapse_icon
	{
		margin-left: 0;
	}
	.collapse_form_button_container th, .record-dynamic-table th
	{
		background: black;
		color: white;
	}
	.book-container .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td
	{
		padding-left: 0 !important;
	}
	#resize_container {
		width: 100%;
		border: 5px solid #bebebe;
		border-radius: 100px;
	}
	#image_zoom_wrap
	{
		width: calc(100% - 84px) !important;
	}
	.fancybox-container #image_zoom_wrap
	 {
		 width: 100% !important;
	 }
	.list-group-item {
		padding: 2px 15px !important;
	}
	#image_widget #frame-list {
		width: 84px;
	}
	.record-form .select2-container .select2-search--inline {
		font-size: 15px;
	}
	.book-container {
		padding: 7px;
		margin-top: 11px;
	}
	.x_icon {
		background: url(../images/icons2/logo_w.png) no-repeat;
		background-size: 68px;
		width: 88px;
		height: 68px;
		margin: auto;
	}
	.x_footer {
		height: 76px;
		background-color: black;
		border-top: 1px solid #000;
		padding-top: 5px;
		width: 100%;
	}
	.court-view .cloud {
		width: 100%;
		margin-top: 20px;
	}
	.court-view-title {
		width: inherit;
		max-width: none;
	}
	.court-view {
		margin-left: 0;
		height: 100%;
		padding-top: 30px;
		width: 100%;
	}
	.court-search-table
	{
		width: 100% !important;
	}
	.court-index {
		padding-top: 30px;
		margin-left: 0;
	}
	.court-index .grid-view{
		width: 100% !important;
	}
	.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
		padding: 5px !important;
	}
	.record-view .button-group {
		padding: 10px;
		position: inherit;
		width: calc(100%);
		height: 59px;
		bottom: 29px;
		background: white;
		box-shadow: none;
		margin: auto;
		letter-spacing: 6px;
	}

	.contact .button-group {
		padding-left: 0;
		text-align: center !important;
		position: inherit;
		width: calc(100% - 90px);
		height: 41px;
		bottom: 29px;
		left: 40px;
		background: white;
		box-shadow: none;
		margin: auto;
		margin-bottom: 5px;
		letter-spacing: 6px;
	}
	.create_pdf_small, .record_print_small, .record_link_small
	{
		display: none;
	}
	.record-view-text {
		padding: 10px;
	}
	.record-view-text table {
		min-width: 600px;
	}
	#w_text_border, .record-view-border {
		border: none;
		padding-bottom: 21px !important;
	}
	.record-view-inner-content {
		padding: 0;
	}
	.record-view-inner {
		margin-top: 0;
	}
	.record-view {
		padding-top: 0;
		background-color: unset;
		width: 100%;
		height: 100%;
	}
	.contact-text {
		padding: 10px;
	}
	.contact-text table {
		min-width: 600px;
	}
	#w_text_border, .contact-border {
		border: none;
	}
	.contact-inner-content {
		padding: 0;
	}
	.contact-inner {
		margin-top: 0;
	}
	.contact {
		padding-top: 0;
		background-color: unset;
		width: 100%;
		height: 100%;
	}
	.x_background_record_view {
		background: none;
	}
	#search_help #w_text_title,
	#record_type_help #w_text_title
	{
		margin-top: 66px;
		margin-bottom: 40px;
	}

	#top_user_container #w_text_title
	{
		margin-top: 7px;
		margin-bottom: 14px;
	}
	#top_record_container #w_text_title {
		margin-top: 0;
		margin-bottom: 40px;
	}
	#w_text_inner {
		width: 100%;
		height: 100%;
		padding: 0;
	}
	#search_help #w_text_full, #record_type_help #w_text_full {
		height: calc(100% - 160px);
		overflow-y: auto;
		padding: 0 11px;
		text-align: justify;
		display: inherit;
	}
	.fancybox-slide > * {
		margin: 0 0 44px;
	}
	#search_help
	{
		width: 100% !important;
		height: 100% !important;
	}
	.record-search-table .select2-container--krajee .select2-selection--multiple .select2-selection__choice {
		border-radius: 0;
	}
	.select2-container--krajee .select2-selection--multiple .select2-search--inline .select2-search__field {
		background: transparent;
		padding: 0 12px;
		height: 32px;
		line-height: 1.428571429;
		margin-top: 0;
		min-width: inherit;
		width: 100% !important;
	}
	.select2-container--krajee .select2-selection--multiple .select2-selection__rendered {
		white-space: pre-line;
	}
	.x-btn {
		width: inherit;
		padding: 2px 9px;
		margin-top: 5px;
		margin-bottom: 0 !important;
	}
	.select-selected:before {
		position: absolute;
		content: "";
		right: 15px;
		width: 35px;
		height: calc(100% - 15px);
		background-color: #dc4925;
		border: 6px solid transparent;
	}
	.record-search-table > tbody > tr > td, .court-search-table > tbody > tr > td {
		padding: 8px !important;
	}
	::-webkit-scrollbar
	{
		display: none;
	}

	::-webkit-scrollbar-track
	{
		display: none;
	}

	::-webkit-scrollbar-thumb
	{
		display: none;
	}

	::-webkit-scrollbar-thumb:hover{
		background: #1f1f1f;
	}
	.top_record_background_inner {
		overflow-y: inherit;
		width: 100%;
		height: 100%;
	}
	.record-index {
		padding: 10px;
	}
	.record-index .border_corner_left_top,
	.record-index .border_corner_left_bottom,
	.record-index .border_corner_right_top,
	.record-index .border_corner_right_bottom
	{
		display: none;
	}
	#record_search_list
	{
		width: 100%;
		overflow-x: scroll;
		margin-left: 0;
	}
	.site-inner {
		min-height: calc(100% - 53px) !important;
	}
	#welcome_container.w_text_full
	{
		left:0 !important;
	}
	#w_text_component
	{
		padding: 72px 0 0 0;
	}
	#main {
		overflow-x: hidden;
		/* overflow-y: scroll; */
		/*height: unset;*/
		min-width: unset;
		font-size: 15px;
	}
	#w_text_title {
		font-family: "Adams-Jaloviina",sans-serif !important;
		font-size: 45px;
		color: black;
		text-align: center;
		width: auto;
		margin: auto;
		line-height: 53px;
	}
	.top_record_background {
		background: url(../images/background/record_view.jpg) repeat-y;
		background-size: 100%;
		background-color: black;
		min-height: 100%;
		width: 100%;
		height: 100%;
		position: inherit;
	}
	#top_record_container {
		padding-top: 30px;
		padding-bottom: 120px;
		width: 62%;
		max-width: unset;
		min-width: unset;
		margin: auto;
	}

	#top_record_container #w_text_full {
		padding: 0 0;
	}
	.top_record_background .image_left,
	.top_record_background .image_right
	{
		display: none;
	}
	#top_record_container #w_text_inner {
		padding: 0;
		padding-bottom: 0;
	}
	#top_border
	{
		border: none;
	}
	#w_text_border .border_corner_left_top,
	#w_text_border .border_corner_left_bottom,
	#w_text_border .border_corner_right_top,
	#w_text_border .border_corner_right_bottom,
	.record-view .border_corner_left_top,
	.record-view .border_corner_left_bottom,
	.record-view .border_corner_right_top,
	.record-view .border_corner_right_bottom,
	.contact .border_corner_left_top,
	.contact .border_corner_left_bottom,
	.contact .border_corner_right_top,
	.contact .border_corner_right_bottom,
	.fancybox-container .border_corner_left_top,
	.fancybox-container .border_corner_left_bottom,
	.fancybox-container .border_corner_right_top,
	.fancybox-container .border_corner_right_bottom,
	#top_user_container .border_corner_left_top,
	#top_user_container .border_corner_left_bottom,
	#top_user_container .border_corner_right_top,
	#top_user_container .border_corner_right_bottom,
	#top_record_container .border_corner_left_top,
	#top_record_container .border_corner_left_bottom,
	#top_record_container .border_corner_right_top,
	#top_record_container .border_corner_right_bottom,
	#court-view .border_corner_right_top,
	.record-index .border_corner_right_top,
	.record-index .border_corner_left_bottom,
	.record-index .border_corner_right_bottom,
	#court-search-form .border_corner_left_top,
	#court-search-form .border_corner_right_top,
	#court-search-form .border_corner_left_bottom,
	#court-search-form .border_corner_right_bottom,
	.record-index .border_corner_left_top,
	.court-view .border_corner_right_top,
	.court-view .border_corner_left_top,
	.court-view .border_corner_right_bottom,
	.court-view .border_corner_left_bottom
	{
		display: none;
	}
	.top_user_inner_container {
		width: 100%;
		height: 100%;
		background-color: white;
		padding: 0;
	}
	#top_record_container {
		width: 100%;
		padding-bottom: 0;
	}
	.top_background
	{
		background: none;
	}
	.top_background .images
	{
		display: none;
	}
	#w_text_container {
		background-color: #ffffff;
		position: absolute;
		width: 92%;
		height: 78%;

		left: 4%;
	}
	#w_men_container {
		display: none !important;
	}
	#w_text_arrow
	{
		display: none;
	}
	.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse
	{
		max-height:none;
	}
	.navbar-collapse
	{
		border-top: none !important;
	}
	.navbar-nav
	{
		height: inherit;
	}

	.nav li > form > button.logout {
		text-align: center;
	}
	.nav > li {
		padding: 10px;
		text-align: center;
		border: 1px solid black;
		height: 60px;
		float: none;
	}

	.navbar-nav > li:first-child {
		float: none !important;
	}
	.nav-wrap > nav >.container,
	.nav-wrap > nav >.container >.navbar-collapse
	{
		padding-right: 0;
		padding-left: 0;
	}
	.nav-wrap
	{
		height: 51px;
	}
	.nav-wrap > nav >.container
	{
		background-color: transparent;
		border-color: transparent;
	}
	.nav-wrap > nav >.container >.navbar-header
	{
		margin-right: 0;
		margin-left: 0;
	}
	.navbar-nav
	{
		margin: 0;
		padding-top: 0;
		padding-right: 0;
	}
	#w1-collapse #w2 li
	{
		float: none;
		margin: 0;
		padding: 0;
		width: 100%;
	}
	#w1-collapse #w2 div:first-child,
	#w1-collapse #w2 div:last-child
	{
		float: none !important;
	}
	#w1-collapse #w2 div:last-child
	{
		position: absolute;
		right: calc((100% - 12px)/2);
		top: 9px;
		pointer-events : none;
	}
	.navbar-nav #recordsearch-text {
		border-radius: 0;
		width: 100%;
		height: 58px;
		padding-left: 20px;
		padding-right: 20px;
		border: none;
		display: inherit;
	}
	.navbar-nav button {
		background-color: #ffffff !important;
		font-size: 22px;
		color: black !important;
		padding: 0 !important;
	}

	nav #w1
	{
		margin-right: -10px;
	}

	#w1.navbar
	{
		margin-right: -15px;
	}
	.search_icon
	{
		pointer-events : none;
	}
	.navbar-toggle {
		position: relative;
		float: right;
		padding: 3px 10px;
		margin-top: 0px;
		margin-right: 0;
		margin-bottom: 0;
		background-color: transparent;
		background-image: none;
		border: 2px solid black;
		border-radius: 0;
		width: 100px;
		border-bottom: none;
		border-top: none;
	}
	.navbar {
		height: 51px;
		margin-bottom: 0;
		border-bottom: none;
	}
	.navbar-toggle .icon-bar + .icon-bar {
		margin-top: 8px;
		margin-bottom: 10px;
	}
	.navbar-toggle .icon-bar {
		display: block;
		width: 64px;
		height: 3px;
		border-radius: 1px;
		margin-top: 6px;
	}
	.navbar-inverse .navbar-toggle .icon-bar {
		background-color: black;
	}
	.navbar .navbar-collapse, .navbar-nav > .active > a
	{
		background-color: white !important;
		border-color: black !important;
	}
	.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
		background-color: #FDFDFF;
	}

	element.style {
		/* width: 313px; */
		/* height: calc(100% - 95px); */
		/* right: 0px; */
	}
	#welcome_container {
		position: absolute;
		z-index: 1000;
		width: 100%;
		height: calc(100% - 51px);
		left: 0 !important;
		top: 45px;
	}
	#welcome_container.w_text_full {
		top: 51px !important;
		height: calc(100% - 51px) !important;
	 }
	#w_text_full {
		height: calc(100% - 77px);
		padding: 0 5px;
	}
	.navbar-toggle.collapsed div:last-child
	{
		display: none;
	}
	.navbar-toggle:not(.collapsed) div:first-child
	{
		display: none;
	}
	.navbar-toggle div:last-child
	 {
		font-size: 43px;
		line-height: 43px;
	 }
	.contact_female_container
	{
		display:none;
	}
	.navbar-nav > li.active:after,
	.navbar-nav > li.active:before
	{
		display: none;
	}
	#record_list #record_collapse table > tbody > tr > td:nth-child(2),
	#record_list #record_collapse table > thead > tr > th:nth-child(2)
	{
		width: 30%;
	}
	#record_list #record_collapse table > tbody > tr > td:nth-child(4),
	#record_list #record_collapse table > thead > tr > th:nth-child(4)
	{
		width: 20%;
	}
	#record_list #record_collapse table > tbody > tr > td:nth-child(5),
	#record_list #record_collapse table > thead > tr > th:nth-child(5)
	{
		width: 25%;
	}
	#record_list #record_collapse table > tbody > tr > td:nth-child(6),
	#record_list #record_collapse table > thead > tr > th:nth-child(6)
	{
		width: 20%;
	}
	.table-responsive > .table > tbody > tr > td
	{
		white-space: normal !important;
	}
	.ask_help_container {
		width: 200px;
		height: 183px;
		text-align: right;
		z-index: 3;
		margin-top: -30px;
		left: calc(100% - 200px);
		position: relative;
	}
	.book-container input:not(.select2-search__field)::-moz-placeholder
	{
		color: #ff481d !important;
		opacity: 0.6;
	}

	.book-container input:not(.select2-search__field):-ms-input-placeholder
	{
		color: #ff481d !important;
		opacity: 0.6;
	}

	.book-container  input:not(.select2-search__field)::placeholder
	{
		color: #ff481d !important;
		opacity: 0.6;
	}
	.select2-container--krajee *
	{
		font-size: 15px !important;
	}
	.contact-title
	{
		font-size: 30px !important;
	}
	#user_settings
	{
		width: 99%;
	}
	#user_settings #w_text_full
	{
		padding: 0 !important;
	}
	#top_user_container #w_text_inner
	{
		padding: 5px !important;
	}
	#top_user_container {
		padding-top: 30px;
		padding-bottom: 0;
		width: 100%;
		min-width: 300px;
		margin: auto;
	}
	.toggle_down{
		padding: 5px 13px;
		background-color: #ff481d7d;
		color: white;
		border-color: #ff481d87 !important;
		box-shadow: inset 0 0 6px 4px #ff522a3d;
		font-size: 100%;
	}
	#top_user_container #w_text_full
	{
		padding: 0 5px !important;
	}

	.select-selected {
		padding: 0 !important;
	}
	.record-search .select2-container--krajee .select2-selection--multiple .select2-search--inline::before
	{
		right: 6px !important;
	}
	.record-search .select2-container--krajee .select2-selection--multiple .select2-search--inline::after
	{
		right: 15px !important;
	}
	.select-selected:before
	{
		right: 14px;
	}
	.select-selected:after
	{
		right: 23px;
	}
	#welcome_container .x_close
	{
		top: 12px;
	}
	#welcome_container #w_text_component
	{
		padding: 46px 0 0 0;
	}
	#welcome_container #w_text_title
	{
		font-size: 32px;
		line-height: initial;
	}
	#welcome_container #w_text
	{
		padding: 0 23px;
	}
	#welcome_container #w_text_container
	{
		height: 87%;
		top: 45px;
		max-height: 414px;
	}
	#welcome_container.w_text_full #w_text_container {
		background-color: #ffffff;
		position: absolute;
		width: 92%;
		height: calc(100% - 61px);
		top: 45px;
		max-height: initial;
		left: 4%;
	}
	#welcome_container #w_text_title_full {
		height: auto;
		font-size: 32px;
		line-height: initial;
	}
	#w_text_title_full
	{
		width: 100%;
	}
	#welcome_container #w_text {
		height: calc(100% - 110px);
	}
	.play_button_container {
		right: 21px;
		bottom: 12px;
	}
	.record-form .x_help div
	{
		padding: 6px !important;
	}
}
@media (max-width: 991px) and (min-width: 768px)
{
	.contact_female_container
	{
		display:none;
	}
}
@media (max-width: 1240px) and (min-width: 768px)
{
	.top_background > .images
	{
		display: none;
	}

}

@media (max-width: 1100px)
{
	.record-link {
		width: 100% !important;
	}

}