/*
Version: 1.0
Author: Perfect 3D Studio
Author URI: http://www.perfect3dstudio.com
*/

@media (max-width:1440px)
{
	#bg, .adt-dialog-overlay {
		-webkit-transform-origin: left top;
			-ms-transform-origin: left top;
				transform-origin: left top;
		width: 111.111111%;
		height: 111.111111%;
		-webkit-transform: scale(0.9,0.9);
			-ms-transform: scale(0.9,0.9);
				transform: scale(0.9,0.9);
	}
}

@media (max-width:1260px)
{
	#bg, .adt-dialog-overlay {
		-webkit-transform-origin: left top;
			-ms-transform-origin: left top;
				transform-origin: left top;
		width: 125%;
		height: 125%;
		-webkit-transform: scale(0.8,0.8);
			-ms-transform: scale(0.8,0.8);
				transform: scale(0.8,0.8);
	}
	ul.art-navigation li {
		background-position: left 5px top 5px;
	}
	ul.art-navigation li a,
	ul.art-navigation li p{
		padding-left: 28px;
		padding-top: 13px;
	}
}

@media (max-width:1023px)
{

	body.login {
		background: url(img/bg_4.jpg) top center no-repeat;
		background-size: cover;
	}
	body.page-template-p_login-page {
		overflow-y: auto !important;
	}
	body.page-template-p_login-page #left {
		width: 100%;
		height: 30%;
	}
	body.page-template-p_login-page #right {
		width: 100%;
		height: auto;
	    min-height: 70%;
	    text-align: center;
		display: table;
	}
	body.page-template-p_login-page #right .art-postcontent-bg{
		display: table-cell;
		vertical-align: middle;
	}
	body.page-template-p_login-page #left .art-logo {
		max-width: 350px;
	    padding: 15px 20px;
	}
	.art-postcontent-in {
		max-width: 1050px;
	}
	body.page-template-p_login-page .art-postcontent {
		padding: 40px 20px 0px 20px;
	}
	.login-page-permissions {
		max-width: 400px;
		margin: 0 auto;
		text-align: left;
	}
	form#loginform-custom,
	form#loginform{
		max-width: 400px;
		margin: 0 auto;
		text-align: left;
	}
	.art-profile .avatar {
		float: none;
		width: 100%;
	}
	body.page-template-p_login-page .art-profile .data {
		width: 100%;
		float: none;
	}
	body.page-template-p_login-page .art-profile ul.button {
		float: none;
	}
	#left #footer{
		display: none;
	}
	body.page-template-p_login-page #right #footer{
		display: block;
		border-top: 1px solid #e0e0e0;
		padding-top: 10px;
		margin-top: 50px;
		position: relative;
	}
	body.page-template-p_login-page #footer {
		color: #243552;
	}
	body.page-template-p_login-page #footer a{
		color: #243552;
	}
	/* ---------------------------- */
	#left {
		display: none;
	}
	body.page-template-p_login-page #left{
		display: inline-block;
	}
	#right {
		width: 100%;
		/*float: none;*/
	}
	.open-helpdesk #right {
		margin-left:-50%;
	}
	#helpdesk {
		width: 50%;
		right: -50%;
	}
	#main {
		padding-top: 60px;
	}
	.art-nav-mobile {
		display: inline-block;
	}
	.mobile-button-one{
		display: inline-block;
	}
	
	/* ---------------------------- */
	#header {
		height: 100%;
		width: 50%;
		right: -50%;
		-webkit-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0);
		   -moz-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0);
				box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0);
	}
	#header:before{
		display: block;
	}
	.open-menu #header {
		right: 0%;
		-webkit-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.4);
		   -moz-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.4);
				box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.4);
	}
	.art-header-bg {
		overflow-y: scroll;
		height: 100%;
		background: #ffffff;
		position: relative;
		padding-top: 40px;
	}
	.art-header-bg .art-nav-hide {
		display: none;
	}
	.art-header-bg h2{
			display: block;
	}
	.art-nav-mobile .art-profile.rest{
		display: inline-block;
	}
	.art-profile.rest {
		float: none;
		text-align: center;
		padding-top: 10px;
		margin-top: 0px;
		font-size: 13px;
	}
	.art-profile .data {
		margin: 0 auto;
		float: none;
	}
	.art-profile.rest .data div {
		padding-left: 0px;
		float: none;
	}
	.art-profile.rest ul.button {
		margin-left: 0px;
		margin-top: 0px;
		float: none;
		padding-top: 10px;
	}
	#header .art-profile.rest ul.button li.back2, 
	#header .art-profile.rest ul.button li.home2, 
	#header .art-profile.rest ul.button li.print2{
		display: none;
	}
	.art-navigation-bg {
		padding-top: 20px;
		margin-top: 5px;
		padding-bottom: 20px;
	}
	ul.art-navigation {
		margin: 0px;
		padding: 0px;
		float: none;
		bottom: 0px;
		height: 100%;
	}
	ul.art-navigation li{
		float: none;
		-webkit-border-radius: 5px;
		   -moz-border-radius: 5px;
				border-radius: 5px;
	}
	ul.art-navigation li a,
	ul.art-navigation li p	{
		float: none;
	}
	ul.art-navigation li.active {
		border: 1px solid #e0e0e0;
	}
	.art-navigation-rest{
		float: none;
		border-left: none;
		border-top: 1px solid #e0e0e0;
		margin-left: 0px;
		padding-left: 0px;
		margin-top: 15px;
		padding-top: 15px;
	}
	/* ---------------------------- */
	.mobile-content-header{
		display: table;
	    width: 100%;
	}
	.art-menu-left {
		margin-left: -250px;
		width: 250px;
		-webkit-transition: 0.15s ease-out;
		   -moz-transition: 0.15s ease-out;
			 -o-transition: 0.15s ease-out;
			-ms-transition: 0.15s ease-out;
				transition: 0.15s ease-out;
	}
	.open-filter .art-menu-left {
		margin-left: 0px;
	    margin-right: -250px;
	}
	.art-content-bg {
		padding: 60px 10px 10px 10px;
	}
	.art-content-header-bg {
		margin-top: 20px;
		margin-bottom: 10px;
	}
	.art-content-header {
		float: none;
	}
	.art-content .cat-title {
		padding-top: 10px;
	}
	.art-content {
		width: 100%;
		margin-left: 0px;
		-webkit-border-radius: 5px;
		   -moz-border-radius: 5px;
				border-radius: 5px;
		-webkit-transition: 0.15s ease-out;
		   -moz-transition: 0.15s ease-out;
			 -o-transition: 0.15s ease-out;
			-ms-transition: 0.15s ease-out;
				transition: 0.15s ease-out;
	}
	.open-filter .art-content {
		margin-left: 250px;
	}
	.art-content .single .cat-title{
		padding-right: 0px;
	}
	ul.art-hmenu {
		padding-right: 20px;
	}
	ul.art-hmenu>li>a.active {
		border: 1px solid #e0e0e0;
	}
	ul.art-hmenu>li>a {
		-webkit-border-radius: 5px;
		   -moz-border-radius: 5px;
				border-radius: 5px;
	}
	.adt-dialog-container {
		max-width: 450px;
		width: 95%;
		padding: 10px;
	}
	.adt-dialog-container textarea {
		height: 140px;
	}
	.adt-dialog-container span {
		font-size: 11px;
		margin-bottom: 10px;
		padding-bottom: 10px;
		line-height: 16px;
	}
	.adt-dialog-close {
		top: -25px;
	}
	.art-follow-filter {
		top: 26px;
	}
	.ead-document .ead-cover-download{
		background: url(img/bg_scroll_1.png) top right no-repeat #ffffff;
		background-size: 80%;
	}
}

@media (max-width:768px)
{
	body.login div#login {
		max-width: 90%;
	}
	.art-postcontent-left {
		width: 100%;
		margin-bottom: 10px;
	}
	.art-postcontent-left li a {
		-webkit-border-radius: 5px;
		   -moz-border-radius: 5px;
				border-radius: 5px;
	}
	.art-postcontent-left li.active a {
		border-right: 1px solid #e0e0e0;
	}
	.art-postcontent-right {
		width: 100%;
		margin-left: 0%;
	}
	.art-quest {
		padding: 20px 10px;
	}
	.art-quest .art-quest-select {
		margin: 2px 0px;
		width: 100%;
	}
	.art-quest ul.art-quest-block {
		padding-top: 5px;
	}
	ul.tabs-menu-2, ul.tabs-menu {
		margin-bottom: 20px;
	}
	.tabs-menu-2 li, .tabs-menu li {
		display: block;
	    width: 100%;
		border-bottom: 1px dashed #e1e1e1;
	}
	.tabs-menu-2 li a, .tabs-menu li a {
		display: block;
		-webkit-border-radius: 5px;
           -moz-border-radius: 5px;
                border-radius: 5px;
	}
	.tabs-menu-2 li.current a, 
	.tabs-menu li.current a, 
	body.page-template-v_general-page .tabs-menu-2 li:first-child a, 
	body.page-template-v_general-page .tabs-menu li:first-child a {
		border: 1px solid #e1e1e1;
		/*margin-top: -1px;*/
	}
	.art-follow-filter {
		position: relative;
		right: auto;
		top: auto;
		padding-bottom: 10px;
		border-top: 1px solid #e8e8e8;
		padding-top: 10px;
	}
	.art-follow-filter b {
		float: left;
	}
	.art-follow-filter ul.follow-up-filter {
		float: left;
	}
	.breadcrumb {
		display: none;
	}
	.cat-title-left {
		width: 100%;
	}
	.cat-title-right {
		float: left;
		margin-top: 5px;
		width: 100%;
	}
	.cat-title-right ul li{
		float: left;
	}
	.art-postcontent .art-post table tr td{
		padding: 0px 0px;
		width:100%;
		display: table;
	}
	.art-confirmation {
		padding-left: 20px;
	}
	.art-confirmation:before {
		display: none;
	}
}

@media (max-width: 567px)
{
	/*#bg, .adt-dialog-overlay {
		-webkit-transform-origin: left top;
			-ms-transform-origin: left top;
				transform-origin: left top;
		width: 142.857143%;
		height: 142.857143%;
		-webkit-transform: scale(0.7,0.7);
			-ms-transform: scale(0.7,0.7);
				transform: scale(0.7,0.7);
	}*/
	#main {
		padding-bottom: 30px;
	}
	#header {
		width: 100%;
		right: -100%;
	}
	.art-nav-mobile .art-logo {
		padding: 10px 0px 10px 0px;
		width: 110px;
		margin-left: 10px;
	}
	.mobile-button-one {
		right: 10px;
	}
	.art-nav-mobile .art-profile.rest {
		margin-right: 67px;
	}
	ul.art-hmenu {
		padding-right: 10px;
	}
	form.search-form {
		padding: 20px 10px 20px 0px;
	}
	.art-content table#list a.show, 
	.art-content table#list a.edit, 
	.art-content table#list a.follow {
		margin: 2px 3px;
	}
	.art-postcontent {
		padding: 10px;
	}
	#footer {
	    text-align: center;
	}
	.art-footer-left {
		float: none;
	}
	.art-footer-right {
		float: none;
	}
	.art-content table#comments thead tr td {
		display: none;
		width: 100% !important;
	}
	.art-content table#comments tbody tr td.number-bg{
		border-top: 2px solid #243552;
	}
	.art-content table#comments tbody tr td .references-bg, 
	.art-content table#comments tbody tr td .comments-bg,
	.art-content table#comments tbody tr td .corrective-bg {
		border: 0px;
		padding: 0px 0px;
		margin-bottom: 0px;
	}
	.art-content table#comments tbody tr td.responsible-bg .deficiencies-ref,
	.art-content table#comments tbody tr td.components-bg .deficiencies-ref, 
	.art-content table#comments tbody tr td.duedate-bg .deficiencies-ref {
		margin-top: 0px;
	}
	.art-content table#comments tbody tr.corrective-bg.upload td+td{
		margin: 10px 0px;
	}
	.art-content table#comments tbody tr.corrective-bg.delete td{
		margin-bottom: 10px;
	}
	.art-content table#comments tbody tr.corrective-bg td.save-bg button,
	.art-content table#comments tbody tr td button.add-new{
		margin-left: 25%;
		margin-bottom: 10px;
		margin-top: 10px;
	}
	.art-content table#comments tbody tr.corrective-bg td.save-bg button.delete-findings{
		margin-left: 5px;
	}
	.art-content table#comments tbody tr td {
		display: table;
		width: 100% !important;
		border-top: 0px;
		text-align: left !important;
	}
	.art-content table#comments tbody tr.defidata td {
		border-top: 0px;
	}
	.art-content table#comments tbody tr.defidata td.number-bg {
		border-top: 2px solid #ff0000;
	}
	.art-content table#comments tbody tr td + td {
		width: 100% !important;
	}
	.art-content table#comments tbody tr td label,
	.art-content table#comments.comments-head tbody tr td	{
		text-align: right;
		float: left;
		width: 25% !important;
		display: inline-block !important;
	}
	.art-content table#comments.comments-head tbody tr td label{
		width: 100% !important;
	}
	.art-content table#comments tbody tr td span.desc,
	.art-content table#comments.comments-head tbody tr td+td{
		float: right;
		width: 75% !important;
		padding: 4px 0px;
	}
	.art-content table#comments tbody tr td.number-bg span.number{
		width: 40px !important;
		float: left;
		text-align: center;
		padding: 0px;
	}
	.art-content table#comments tbody tr td .user-closed {
		margin: 10px 0px;
	    width: 100%;
	}
	.art-content .cat-title {
		padding-top: 20px;
	}
	body.page-template-menu_statistics-page form.search-form {
		padding: 0px 0px 0px 0px;
	}
	body.page-template-menu_statistics-page .art-content table#comments tbody tr td + td {
		width: 100%!important;
	}
	.art-content table#list,
	.art-content .art-list{
		overflow-x: scroll;
		display: block;
	}
	.art-content table#list:before,
	.art-content .art-list:before{
		display: block;
	}
	.art-content table#list thead tr td {
		padding-left: 20px;
		padding-right: 20px;
	}
	button.upload-file {
		margin-top: 0px;
	}
}

@media (max-width: 425px)
{
	.art-content table#comments tbody tr td .deficiencies-ref {
		min-width: 100%;
	}
	.art-content table#comments tbody tr td .deficiencies-ref .flex-text-wrap {
		width: 100%;
		margin-right: 0px;
		/*margin-bottom: 10px;*/
	}
}

@media (max-width: 320px)
{
	#main {
		padding-bottom: 40px;
	}
}

@media (max-width: 250px)
{
	.art-nav-mobile .art-profile.rest {
		display: none;
	}
	.mobile-button-header {
			display: none;
	}
}