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

@media (max-width:1400px)
{
	.art-content table#comments tbody tr td
	{
		width:30%!important;
	}
	.art-content table#comments tbody tr td .bg-miniature-big{
		height: auto;
	}
}

@media (max-width:1169px)
{
	body {
		min-width:980px;
	}
	#main {
		min-width: 980px;
	}
	.art-header {
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.art-logo-inner {
		padding-left: 10px;
		padding-right: 30px;
		height: auto;
	}
	.art-login-buttons li {
		height: 135px;
		width: 135px;
		background-position: center 18px;
		margin:0px;
	}
	.art-login-buttons li a {
		font-size: 14px;
		padding-top: 85px;
	}
	.art-login-content-left-inner {
		font-size: 16px;
	}
	.art-login-content-left {
		width: 34%;
	}	
	.art-login-content-left-inner h3 {
		font-size: 50px;
	}
	.art-login-content-right {
		width: 66%;
	}
	.art-login-content-right-inner .login-form {
		width: 45%;
	}
	.art-login-content-right-inner .login-form .inner h4 {
		margin: 10px 0px;
		font-size: 14px;
	}
	.art-login-content-right-inner .login-form #loginform-custom {
		font-size: 13px;
	}
	.art-login-content-right-inner .login-decoration {
		width: 51%;
	}
	.login-page-permissions, .login-page-permissions-ok {
		padding-left: 45px;
		background-size: 35px;
	}
	.login-page-permissions p, .login-page-permissions-ok p {
		font-size: 13px;
		line-height: 14px !important;
	}
	select, input {

	}
	.art-navigation-top a,
	.art-navigation-top input[type="button"],
	.art-rest-inner-buttons li,
	.art-login-content-right-inner .login-form button[type="button"],
	.art-login-content-right-inner .login-form input[type="submit"],
	.art-login-content-right-inner .login-form a.logout,
	button[type="submit"],
	input[type="submit"],
	.art-help .collapse,
	.art-quest ul.art-quest-block li,
	.adt-dialog-close{ 
		height: 55px !important;
		width: 55px !important;
	}
	.art-logo {
		height: 60px;
	}
	.art-logo-inner img {
		max-height: 55px;
	}
	.art-title-inner {
		font-size: 14.5px;
	}
	.art-title-inner h1 {
		font-size: 41px;
	}
	.art-rest {
		height: 65px;
	}
	.art-rest-inner {
		padding: 5px 5px 5px 50px;
	}
	.art-rest-inner-picture img{
		width: 55px;
	}
	.art-rest-inner-user .access {
		font-size: 11px;
		margin-top: 3px;
	}
	.art-rest-inner-user .user {
		font-size: 16px;
		line-height: 24px;
	}
	.art-rest-inner-buttons li {
		margin: 0px 1px;
		background-position: center 8px;
		background-size: 40% auto;
	}
	.art-rest-inner-buttons li:hover{
		background-size:45%;
	}
	.art-rest-inner-buttons li.access:hover{
		background-size:40%;
	}
	.art-rest-inner-buttons li a {
		padding-top: 33px;
		font-size: 7px;
	}
	.art-header-breadcrumb {
		padding: 7px 5px 7px 10px;
		margin: 10px 0px 0px;
	}
	.breadcrumb{ 
		margin-top: 14px;
	}
	.breadcrumb, .breadcrumb a, .breadcrumb a:link, .breadcrumb a:visited, .breadcrumb a:hover, .breadcrumb-pad{
		font-size: 13px;
	}
	.breadcrumb a.home{
		font-size: 26px;
	}
	.art-navigation-top a, .art-navigation-top input[type="button"] {
		margin: 0px 1px;
	}
	button[type="submit"], input[type="submit"] {
		font-size: 11px;
	}
	ul.art-vmenu, ul.art-vmenu ul {
		padding: 0px 10px 0px 0px;
	}
	ul.art-vmenu li {
		padding: 10px 0px;
	}
	ul.art-vmenu li + li{
		padding: 0px 0px 10px 0px;
	}
	ul.art-vmenu>li>a {
		font-size: 13px;
		padding-left: 10px;
		height: 40px;
		line-height: 40px;
	}
	ul.art-vmenu>li>a.active, ul.art-vmenu>li>a:hover{
		margin-right:-10px;
	}
	ul.art-vmenu ul{
		margin-left: 10px;
	}
	.art-vmenu ul a{
		font-size: 11px;
		height: 40px;
		line-height: 40px;
	}
	.art-vmenu ul li a:hover{
		margin-right:-10px;
	}
	.art-postcontent {
		/*font-size: 14px;
		line-height: 22px;*/
		padding: 0px 15px
	}
	.art-postcontent-bg {
		padding: 15px;
	}
	.art-postcontent-inner {
		padding: 15px;
	}
	.art-content .cat-title {
		margin-bottom: 15px;
	}
	.art-help {
		margin: 15px 0px 15px 0px;
		line-height: 22px;
	}
	.art-help .collapse {
		background-size:48px;
	}
	.art-help .collapse:hover{
		background-size:44px;
	}
	.art-help .collapse + input:checked + * {
		font-size: 12px;
		padding: 10px 30px;
	}
	.art-menu-left {
		width: 180px;;
	}
	.art-content {
		margin-left: 180px;
	}
	.art-content table#list,
	.art-content table#list thead tr td strong {
		font-size: 12px;
	}
	.art-menu-left table tbody tr td {
		font-size: 11px;
	}
	.art-menu-left form.search-form {
		padding-right: 10px;
	}
	.art-content table#comments .schedule-info {
		font-size: 10px;
		line-height:12px;
	}
	.art-content table#list a.show, .art-content table#list a.edit, .art-content table#list a.follow {
		height: 26px;
		width: 26px;
		margin: 3px 1px;
	}
	.art-content table#comments tbody tr td label,
	.art-content .comments-left-2 table#comments tbody tr td label,
	.art-content .comments-right-2 table#comments tbody tr td label{
		/*width: 140px;*/
	}
	/*.art-content table#comments tbody tr td{
		width:140px;
	}*/
	.art-content .single-title {
		font-size: 14px;
		margin: -15px -15px 15px -15px;
		padding: 10px 15px;
	}
	.menu-edit span {
		font-size: 14px;
		padding: 0px 15px;
	}
	ul.tabs-menu-2, ul.tabs-menu{
		margin-left: 75px;
	}
	.tabs-menu-2 li, .tabs-menu li {
		width: 94px;
	}
	.tabs-menu-2 li a p, .tabs-menu li a p {
		font-size: 11px;
	}
	.art-postcontent-right {
		width: 73.0%;
		padding-left: 15px;
	}
	.art-postcontent-inner h1,
	.art-postcontent-inner h3 {
		font-size: 14px;
	}
	.art-postcontent-inner h4 {
		font-size: 12px;
		margin-top: 10px;
	}
	.art-quest-title {
		font-size: 16px;
		line-height: 22px;
	}
	.art-quest span {
		line-height: 16px;
		font-size: 12px;
	}
	/*.art-quest select.departament, .art-quest select.findings, .art-quest select.rate {
		font-size: 11px;
		width: 142px;
	}*/
	.art-quest ul.art-quest-block li {
		margin: 2px 1px;
	}
	.art-quest li.art-quest-s a, .art-quest li.art-quest-b a, .art-quest li.art-quest-s-checked a {
		font-size: 9px;
	}
	.adt-dialog-container {
		padding: 15px 15px 95px!important;
	}
	.end_of_chapter .title_1 {
		font-size: 16px;
	}
	.end_of_chapter .title_2 {
		font-size: 14px;
	}
	.end_of_chapter .title_3 table tr td {
		font-size: 11px;
		line-height: 14px;
	}
	.navi-outer-bottom {
		padding-top: 15px;
		margin-top: 15px;
	}
	.art-postcontent .art-update {
		padding-bottom: 15px;
		margin-bottom: 15px;
	}
	.art-footer {
		font-size: 9.5px;
	}
}

@media (max-width:999px)
{
	body {
		min-width:728px;
	}
	#main {
		min-width: 728px;
	}
	.art-header {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.art-logo {
		height: 45px;
	}
	.art-logo-inner {
		padding-left: 10px;
		padding-right: 15px;
		padding-top: 0px;
		padding-bottom: 0px;
	}
	.art-logo-inner img {
		max-height: 40px;
	}
	.art-title-inner {
		font-size: 10px;
	}
	.art-title-inner h1 {
		margin: 0px 0px 0px;
		line-height: 32px;
		font-size: 30px;
	}
	.art-rest-mobile-button{
		display:inline-block;
	}
	.art-rest {
		height: 45px;
		width: 65%;
	}
	.art-rest-inner {
		display: none;
		width:100%;
		position: absolute;
		left: 0px;
		padding: 5px 0px;
		top: 65px;
		background: #B4BECE;
		z-index:1000;
		border-bottom: 5px solid #fff;
	}
	.art-rest-inner-picture {
		margin-left: 0px;
		padding-left: 5px;
	}
	.art-rest-inner-user {
		margin-bottom: 0px;
		float: left;
	}
	.art-rest-inner-buttons {
		padding-left: 5px;
		padding-right: 5px;
		margin-right: 50px;
	}
	.art-rest-inner-buttons li {
		margin: 2px 1px;
	}
	.art-rest-inner h2 {
		font-size: 22px;
	}
	.art-login-buttons li {
		height: 100px;
		width: 100px;
		margin: 1px;
		background-position: center 14px;
		background-size: 42%;
	}
	.art-login-buttons li:hover
	{
		background-size:46%;
	}
	.art-login-buttons li a {
		padding-top: 60px;
		font-size: 11px;
	}
	.art-login-content {
		margin-top: 40px;
		margin-bottom: 45px;
	}
	.art-login-content-left {
		width: 30%;
		height: 160px;
		background: url('img/bg-decoration-2.png') center right repeat-x;
	}
	.art-login-content-left-inner {
		font-size: 13px;
		margin-top: 25px;
	}
	.art-login-content-left-inner h3 {
		font-size: 35px;
	}
	.art-login-content-right {
		width: 70%;
	}
	.art-login-content-right-inner .login-form {
		width: 50%;
		height: 220px;
		-webkit-border-radius: 40px;
				border-radius: 40px;
		   -moz-border-radius: 40px;
	}
	.art-login-content-right-inner .login-form .inner {
		padding: 15px;
	}
	.art-login-content-right-inner .login-decoration {
		width: 46%;
		height: 50px;
		margin-top: 55px;
	}
	.art-header-breadcrumb {
		padding: 7px 5px 7px 7px;
		margin: 10px 0px 0px;
		line-height: 24px;
	}
	.breadcrumb {
		width: 45%;
		margin-top: 16px;
		line-height: 18px;
	}
	.art-content-bg {
		position: relative;
		height: 100%;
		width: 100%;
		left: 0;
		-webkit-transition: left 0.2s ease-in-out;
		   -moz-transition: left 0.2s ease-in-out;
		    -ms-transition: left 0.2s ease-in-out;
	         -o-transition: left 0.2s ease-in-out;
		        transition: left 0.2s ease-in-out;
	}
	.art-content-bg.open-sidebar {
		left: 180px;
	}
	.art-content {
		margin-left: 0px;
		padding-left:45px;
		width: 100%;
		height: 100%;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		position: relative;
	}
	.art-postcontent {
		padding: 0px 10px;
	}
	.art-content .cat-title {
		margin-bottom: 10px;
	}
	.art-menu-left {
		left: -180px;
		border-right:1px solid #CCD4E2;
		     box-sizing: border-box;
		-moz-box-sizing: border-box;
	}
	.swipe-area {
		position: absolute;
		width: 45px;
		left: 0;
		top: 0;
		height: 100%;
		background: #B4BECE;
		z-index: 0;
	}
	#sidebar-toggle {
		background: url('img/button-menu-1.png') center center no-repeat #012A6E;
		width: 30px;
		height: 30px;
		display: block;
		position: absolute;
		float: left;
		left: 7px;
		top:7px;
		cursor: pointer;
		-webkit-border-radius: 2px;
		   -moz-border-radius: 2px;
				border-radius: 2px;
	}
	ul.art-vmenu>li>a {
		font-size: 11px;
	}
	.art-footer {
		font-size: 9px;
	}
}

@media (max-width:767px)
{
	body {
		min-width: 443px;
		font-size: 12px;
	}
	#main {
		min-width: 374px;
	}
	.art-main {
		padding-right: 0px;
	}
	.art-footer {
		min-height: 30px;
		font-size: 9px;
	}
	.art-navigation {
		display: none;
	}
	.art-header {
		padding-top: 5px;
		padding-bottom: 5px;
	}
	.art-logo {
		width: 28%;
	}
	.art-logo-inner img {
		max-height: 35px;
	}
	.art-rest {
		width: 28%;
	}
	.art-rest-inner {
		top: 56px;
	}
	.art-rest-inner-buttons {
		margin-right: 0px;
		float: left;
		width: 100%;
	}
	.art-rest-inner-buttons ul {
		text-align: left;
	}
	.art-login-buttons li {
		height: 55px;
		width: 55px;
		margin: 2px 1px;
		background-position: center 8px;
		background-size: 40% auto;
	}
	.art-login-buttons li.access:hover{
		background-size:40% auto;
	}
	.art-login-buttons li a {
		font-family: 'cooper_hewittmedium', Arial, Verdana;
		padding-top: 33px;
		font-size: 7px;
	}
	.art-login-content {
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.art-login-content-left {
		width: 100%;
		height: 85px;
		float: none;
	}
	.art-login-content-left-inner {
		margin-top: 0px;
		padding-right: 0px;
		text-align: center;
	}
	.art-login-content-left-inner h3 {
		line-height: 55px;
		margin-right: 0px;
	}
	.art-login-content-right {
		width: 92%;
		margin-left: 4%;
		margin-right: 4%;
		margin-top: 25px;
		margin-bottom: 30px;
		float: none;
		-webkit-border-radius: 25px;
                border-radius: 25px;
           -moz-border-radius: 25px;
	}
	.art-login-content-right-inner .login-form {
		width: auto;
		height: 120px;
		margin-left: 0;
		margin-right: 0;
		float: none;
		margin: -30px auto -30px auto;
		-webkit-border-radius: 35px;
                border-radius: 35px;
           -moz-border-radius: 35px;
	}
	.art-login-content-right-inner .login-decoration {
		display:none;
	}
	.art-header-breadcrumb {
		padding: 5px;
		margin: 5px 0px 0px;
		line-height: 24px;
	}
	.art-navigation-top {
		float:none;
		text-align: center;
	}
	.breadcrumb {
		width: 100%;
		margin-top: 5px;
		text-align: center;
	}
	.breadcrumb, .breadcrumb a, .breadcrumb a:link, .breadcrumb a:visited, .breadcrumb a:hover, .breadcrumb-pad, .breadcrumb a.home {
		font-size: 10px;
		line-height: 14px;
	}
	.breadcrumb-pad {
		width: 10px;
	}
	.art-postcontent {
		padding: 0px 5px;
	}
	.art-help {
		margin: 5px 0px 5px 0px;
	}
	.art-help .collapse+ input:checked + * {
		margin-top: -5px;
		margin-left: 0px;
		padding: 15px 10px;
	}
	.art-help .collapse+ input:checked + * b {
		font-size: 14px;
	}
	.art-content .cat-title {
		height: 20px;
		margin-bottom: 5px;
	}
	.art-postcontent-inner h1, .art-postcontent-inner h3 {
		font-size: 12px;
	}
	.art-content .cat-title strong {
		line-height: 22px;
		font-size: 12px;
		padding-right: 5px;
	}
	.art-postcontent-bg {
		padding: 0px;
	    background: #ffffff;
	}
	.art-postcontent-inner {
		padding: 0px;
	}
	.art-postcontent-inner .inner-bg {
		margin-bottom:5px !important;
	}
	.art-postcontent-left {
		width: 100%;
		float: none;
	}
	.art-postcontent-right {
		width: 100%;
		padding-left: 0px;
		float: none;
		border-left: none;
	}
	.art-button-right {
		margin-top: 5px;
	}
	.login-page-permissions, .login-page-permissions-ok {
		padding-left: 40px;
		min-height: 30px;
	}
	.art-content .comments-left,
	.art-content .comments-left-2 {
		float: none;
		width: 100%;
	}
	.art-content .comments-right,
	.art-content .comments-right-2 {
		float: none;
		margin-left: 0%;
		width: 100%;
	}
	.art-content table#comments {
		font-size: 10px;
		line-height: 12px;
	}
	.art-content table#comments tbody tr td,
	.art-content table#comments tbody tr td + td{
		/*display: table;
		width:100%;*/
	}
	.art-content table#comments tbody tr td{
		width:26%!important;
	}
	.art-content table#comments tbody tr td span.number {
		/*margin-bottom: 0px;
		width: 100%;*/
	}
	.art-content table#comments tbody tr td label, .art-content .comments-left-2 table#comments tbody tr td label, .art-content .comments-right-2 table#comments tbody tr td label {
		/*width: 100%;
		padding-right: 0px;
		text-align: left;
		float:left;
		padding-top: 5px;*/
		padding-right: 5px;
	}
	.art-content table#comments tbody tr td .user-name {
		font-size:8px!important;
	}
	.art-content table#list, .art-content table#list thead tr td strong {
		font-size: 8px;
		line-height: 10px;
	}
	.art-content table#list thead tr td {
		/*width: 100%;
		display: table;
		text-align: center;*/
		padding-left: 1px;
		padding-right: 1px;
	}
	.art-content table#list tbody tr td {
		/*display: table;
		width: 100%;
		line-height: 20px;
		border-top: 1px solid #E7E7E7;
		text-align: center;*/
		padding-left: 1px;
		padding-right: 1px;
	}
	.art-content table#list span.number {
		font-size:8px;
		background: none;
		color: #012A6E;
		font-weight: bold;
	}
	.art-content table#list a.show, 
	.art-content table#list a.edit, 
	.art-content table#list a.follow {
		height: 20px;
		width: 20px;
		margin: 1px 1px;
	}
	.art-content table#list span.schedule b {
		padding: 13px 0px;
	}
	.art-content table#comments tbody tr td .deficiencies-ref {
		float: none;
		min-width: 100%;
	}
	.art-content table#comments tbody tr td .user-closed {
		width: auto;
		background: #EAEDF3;
		margin: 0px 5px;
		padding: 7px 5px 5px 5px;
		font-size:8px;
		line-height: 10px;
		-webkit-border-radius: 15px;
           -moz-border-radius: 15px;
                border-radius: 15px;
	}
	.art-content table#comments tbody tr td .user-closed b {
		font-size: 12px;
		padding-top:5px;
	}
	.art-content table#comments tbody tr td .deficiencies-ref .flex-text-wrap {
		width: 100%;
		margin-right: 0px;
		margin-bottom: 5px;
	}
	.art-content table#comments tbody tr td .deficiencies-ref textarea.deficiencies {
		min-height: 45px;
	}
	/*a.open-file, a.open-attachment, .adt-dialog-content .attachment .attachment-in img {
		width: 60px;
		height: 50px;
	}
	.art-content table#comments tbody tr td .bg-miniature {
		width: 60px;
		height: 50px;
	}*/
	textarea, .flex-text-wrap pre {
		min-height: 50px;
	}
	.menu-edit {
		margin-bottom: 5px;
	}
	ul.tabs-menu-2, ul.tabs-menu {
		margin-left: 65px;
	}
	.tabs-menu-2 li, .tabs-menu li {
		width: auto;
		margin: 0px;
		border-right: none;
		border-top: 1px solid #EDEDED;
		border-bottom: 1px solid #EDEDED;
		float:none;
		padding-left: 15px;
	}
	.tabs-menu-2 li + li, .tabs-menu li  + li{
		border-top: none;
	}
	.tabs-menu-2 li a p, .tabs-menu li a p {
		text-align: left;
		height: 25px;
	}
	.tabs-menu-2 li a, .tabs-menu li a {
		color: #012a6e;
		background: url('img/postbullets.png') center left no-repeat;
		padding-left: 10px;
	}
	.tabs-menu-2 li a:hover,.tabs-menu li a:hover{
		color: #012a6e;
		background: url('img/postbullets.png') center left no-repeat;
		padding-left: 10px;
	}
	.art-content .single-title {
		font-size: 14px;
		margin: 0px;
	}
	.art-quest-title {
		font-size: 14px;
		line-height: 18px;
	}
	.art-quest {
		padding: 5px 0px;
	}
	/*.art-quest select.departament, .art-quest select.findings, .art-quest select.rate {
		width: 100%;
		margin-bottom: 5px;
		margin-right: 0px;
	}*/
	.adt-dialog-container {
		max-width: 80%;
		width: 80%;
		padding: 10px 10px 75px!important;
	}
	.adt-dialog-container span {
		font-size: 13px;
		margin-bottom: 5px;
		padding-bottom: 5px;
	}
	.adt-dialog-container textarea {
		height: 170px;
	}
	.adt-dialog-content {
		max-height: 200px;
		height:200px;
		padding:5px;
		-webkit-border-radius: 10px;
		   -moz-border-radius: 10px;
		        border-radius: 10px;
	}
	.adt-dialog-close {
		right: 10px;
		bottom: 10px;
	}
	.end_of_chapter .title_1 p.score {
		position: relative;
		font-size:12px;
	}
	.end_of_chapter .title_1 .score_table {
		right: 0px;
	}
	.end_of_chapter .title_2 {
		font-size: 12px;
	}
	.end_of_chapter .title_2 span.adt-group-name {
		font-weight: normal;
		font-size: 14px;
	}
	.end_of_chapter .title_3 table tr td + td{
		display:table;
		width:100%;
	}
	.navi-outer-bottom {
		padding-top: 5px;
		margin-top: 5px;
	}
	.art-postcontent .art-update {
		padding-bottom: 5px;
		margin-bottom: 5px;
		font-size: 10px;
	}
	.gde-frame-top {
		display:none;
	}
	p.gde-text {
		margin: 5px 0px 0px 0px;
	}
	.art-content table#comments tbody tr td .bg-miniature-big {
		height: auto;
	}
}

@media (max-width: 567px)
{
	.art-rest-inner-buttons li {
		margin: 2px 0px;
	}
	.art-navigation-top a, .art-navigation-top input[type="button"], .art-rest-inner-buttons li, .art-login-content-right-inner .login-form button[type="button"], .art-login-content-right-inner .login-form input[type="submit"], .art-login-content-right-inner .login-form a.logout, button[type="submit"], input[type="submit"], .art-help .collapse, .art-quest ul.art-quest-block li, .adt-dialog-close {
		height: 50px !important;
		width: 50px !important;
	}
	.art-rest-inner-buttons li a {
		padding-top: 30px;
		font-size: 6px;
		line-height: 6px;
	}
	.art-login-buttons li {
		height: 50px;
		width: 50px;
		margin: 2px 0px;
		background-position: center 6px;
	}
	.art-login-buttons li a {
		padding-top: 30px;
		font-size: 6px;
		line-height: 6px;
	}
	.art-rest-inner-picture img {
		width: 50px;
	}
}

@media (max-width: 374px)
{

}