

@media only screen and (max-width:1279px) {
	.hide1280 {
		display: none!important;
	}	

}
@media only screen and (max-width:1199px) {
	.hide1200 {
		display: none!important;
	}	
	

}

@media only screen and (max-width:1023px) {
	

}

@media only screen and (max-width:986px) {

	.new_work_table {
		width: 70%;
	}
	.new_work_table .costs_table td {
		display: inline-block;
	}
	#partner_totals_mobile {
		display: block;
		padding: 5px 10px 10px;
		background: #fafafa;
	}

	
	.hide767 {
		display: none!important;
	}	
	.topnav > ul > li > a {
		float: none;
		padding: 12px;
		font-size: 14px;
	}
	.nav-toggle {
		display: block;
		font-size: 15px!important;
		color: #333;
		padding: 10px 0;
	}
	.nav {
		display: none;
		position: absolute;
		left: 0;
		z-index: 999;
		background: #fff;
		width: 100%;
	}
	.nav h3 {
		padding-left: 10px;
	}
	.new_work_table {
		width: 100%;
	}
	.nav > ul > li:hover ul {
		display: none;
	}
	.nav > ul > li ul {
		left: 0;
		top: 100%;
		width: 100%;
		background: #ccc;
	}
	textarea[name="customers_comments"] {
		width: 100%;
	}
	.custlist {
		display: none;
	}
	.works_list_style {
		display: block;
	}
	.works_list {
		display: block;
	}

	.works_list tr.dataTableHeadingRow {
		display: none;
	}
	.works_list tr.dataTableRow, .works_list tr.dataTableRowSelected, .works_list tr.dataTableRowOver {
		display: inline-block;
		margin: 0 0 10px;
		width: 100%;
		border: 1px solid #ccc;
		
	}
	.works_list .dataTableContent {
		display: block;
		padding: 5px;
		border-bottom: 1px solid #dedede;
	}
	.works_list.list-type-compact .dataTableContent:not(.show-compact) {
		display: none;
	}
	.works_list .dataTableContent label {
		display: inline-block;
		font-weight: bold;
		padding: 0 10px 0 0;
		width: 150px;
		
	}
	.works_list .dataTableContent label:after {
		content: ':';
	}
	.works_actions.noaction {
		display: none!important;
	}
	.works_actions {
		position: fixed;
		left: 0;
		top:0;
		width: 100%;
		box-shadow: 3px 3px 13px #ff0000;

	}
	.works_actions .oscbutton.full {
		margin-bottom:5px;
	}
	.works_actions table {
		
	}
	.works_actions .infoBoxContent {
		background: #eee;
		padding: 5px 10px;
	}
	.works_actions_mobile {
		display: block;
		text-align: left;
	}
	.works_actions_mobile > a {
		display: inline-block;
		margin: 0 10px 10px 0;
	}
	.works_actions_mobile img {
		display: none;
	}
	#search_works_table > tbody > tr > td {
		display: block;
	}
	#search_works_table select {
		margin-bottom: 5px;
	}
	#search_works_table input[type="text"] {
		width: 100%;
		padding: 5px;
		border: 1px solid #ccc;
	}
	.auth_for_old {
		left: 0;
	}
}

@media only screen and (max-width:599px) {
	
	.new_header {
		background: #0066a3;
	}
	.new_header .logo {
		display: none;
	}
	.new_header .right_part {
		padding: 0 10px;
	}
	.new_work_table > table > tbody > tr {
		display: block;
		margin: 0 0 20px;
	}
	.new_work_table > table > tbody > tr > td {
		display: block;
		margin: 0;
		padding: 10px;

	}
	.new_work_table > table > tbody > tr:nth-child(even) > td {
		background: #b9dbef;
	}
	.new_work_table > table > tbody > tr:nth-child(odd) > td {
		background: #fff;
		padding-left:0;
		padding-right:0;
	}
	.new_work_table > table > tbody > tr > td:first-child {
		padding-bottom:0;
	}
	.new_work_table > table > tbody > tr > td > b {
		font-size: 20px;
	}
	.hide599 {
		display: none!important;
	}
	.costs_analysis {
		table-layout: fixed;
		width: 100%;
		word-wrap: break-word;
	}

	
	select {
		background:#000;
		color:#fff;
	}
	.new_work_table input[type="text"], select,  #search_works_table input[type="text"] {
		width: 100%;
		padding:10px;
		border: 1px solid #333;
		
	}
	select {
		min-height:30px; 
		font-size: 16px; 
		border: 1px solid #ccc; 
		border-radius: 4px;
	}
	.responsive_table {
		overflow-x: auto;
	}
	.hide_mobile {
		display: none;
	}
	.toggle-nav {
		display: inline-block;
	}
	
	.topnav ul {
		display: none;
	}
	.topnav > ul {
		position:absolute;
		left:0;
		width:100%;
		background:#0066a3;
		z-index:999;
		overflow:visible!important;
	}
	.topnav {
		background:none;
		float: right;
		margin:-20px 0 0;
	}
	.topnav > ul > li {
		display: block;
		float: none;
	}
	.view_action_buttons_td:not(.active) {
		width:0;
	}
	.view_action_buttons_td:not(.active) .view_action_buttons {
		display: none;
		position:absolute;
		left:0;
		
		z-index:99;
		width:100%;
	}
	.view_action_buttons_td.active .works_actions_mobile {
		display: none!important;
	}
	.edit_order_main_boxes > tbody > tr {
		display: block;
		width:100%;
		
	}
	.edit_order_main_boxes > tbody > tr > td {
		display: block;
		width:100%;
		margin:0 0 10px;
	}
	.edit_order_main_boxes input[type="text"], .edit_order_main_boxes select {
		width:100%;
		max-width:100%;
	}
	.edit_order_main_boxes > tbody > tr > td > table {
		width:100%;
		margin: 0 0 30px;
	}
	
	.order_products_name {
		width:250px;
	}
	#productsTable_container {
		
	}
	.titles_to_cols tr.dataTableHeadingRow {
		display: none;
		
	}
	.titles_to_cols tr.dataTableRow {
		display: block;
		margin:0;
		padding:10px 0;
		border-bottom:1px solid #333;
	}
	.titles_to_cols tr.dataTableRow td {
		display: block;
		text-align:left;
	}
	.edit_order_mobile_title {
		display: inline-block;
		vertical-align:top;
		padding:0 10px 0 0;
		width:120px;
		font-weight: bold;
	}
	.totals_table {
		text-align:left;
	}
	.epanypologismos {
		text-align:left!important;
	}
	.totals_table > table {
		width:100%;
	}
	textarea[name="comments"] {
		width:100%;
	}
	
	
	
	
	
}
@media only screen and (max-width:420px) {
	
	
	
	
	
}

@media only screen and (max-width:330px) {
	
}
@media(min-width:600px) and (max-width:767px) {
	
	
	
}

@media(min-width:768px) and (max-width:1023px) {
	
	
}
@media(min-width:768px) and (max-width:1279px) {
	
}
@media(min-width:1024px) {
	
}
@media(min-width:987px) {
	
	.nav {
		display: block!important;
	}
}

@media(min-width:600px) {
	
	.col-lg-6 {
		width: 50%;
		float: left;
	
	}
}