@media screen and (max-width: 1024px){
.filter_timespent {
    width: 100%;
}
.form-date.col-sm-6.col-xs-12 > span {
    display: inline-block;
    font-size: 16px;
    text-align: center;
    width: 10%;
}
.form-date.col-sm-6.col-xs-12 .form-control.hasDatepicker {
    display: inline-block;
    width: 40%;
}
.filtercont.time_spent .form-date, .filtercont.time_spent_allusers .form-date {
    font-size: 0;
}
.search-client, .search-date {
    padding: 0 15px;
}
.container {
    padding: 0;
    width: 90%;
}
.form_cont_users {
    position: relative;
}
form {
    overflow-x: auto;
}

}
@media screen and (max-width: 768px){
	.col-sm-3 {
    	width: 33%;
	}
.search-project #search-log{
	width:85%;
}
.time_spent .search-project {
    padding: 20px 10px;
}
.search-client, .search-date {
    padding: 0 10px;
}
.filtercont.time_spent .form-date{
    font-size: 0;
    padding: 19px 10px 0;
}
.container.addclient .form-group {
    width: 35%;
}
.container.addclient .submit {
    width: 20%;
}
.project_tasks_all .task_container.box_white .task_name, .box_white .project_name {
    font-size: 22px;
}
}
@media screen and (max-width: 767px){
	.col-sm-3 {
		float: left;
		padding: 0 8px;
	}
}
@media screen and (max-width: 736px){
	.col-sm-3 {
		padding: 0 8px;
	}
}
@media screen and (max-width: 667px){
	.date_options.col-sm-6.col-xs-12 {
    	padding: 0 10px;
	}
	.search-project #search-log{
		font-size:18px;
	}
	.chosen-container-single .chosen-single span {
    	font-size: 18px;
	}
	.form-group.departmentname_inp {
    	width: 60%;
	}
	.newdep .submit.btn-default {
    	margin-left: 3%;
    	padding: 8px 0;
    	width: 17%;
	}
	.search-container.prj_srch_admin .search-project #search-btn, .search-container.task_srch_admin .search-project #search-btn{
		 background-size: 20px auto;
	}
	.search-client.arch {
    	padding-top: 30px;
	}

}
@media screen and (max-width: 640px){
	.nam {
    	display: none;
	}
	.initials {
		margin: 20px 10px;
	}
	#userinfo .logs span {
    	display: inline-block;
	}
	#userinfo .logs span::before {
		content: "|";
		display: inline-block;
		padding: 0 5px;
	}
/*	.project_tasks_all .task_grid .box_white {
    	min-height: auto;
	}*/
}
@media screen and (max-width: 568px){
	.search-client, .search-date {
		padding: 0 10px;
	}
	.search-project #search {
		font-size: 32px;
	}
	.search-project #search-btn {
		width: 25px;
		height: 25px;
		background-size:25px;
	}
	.col-sm-3 {
    	width: 50%;
		padding: 8px;
	}
	.box_white {
		margin-bottom: 8px;
	}
	.search-project {
    	max-width: 390px;
	}
	.time_spent_allusers .search-project #search-btn {
    	background-size: 18px auto;
	}
	.time_spent_allusers .search-project label {
		margin-bottom: 14px;
	}
	.search-container.prj_srch, .search-container.task_srch {
    	padding: 0 25px 35px;
	}
	.search-project {
    	padding: 25px 0;
	}
	.project_tasks_all .task_container.box_white .task_name, .box_white .project_name {
    	font-size: 20px;
	}
}
@media screen and (max-width: 520px){
	.search-project {
		text-align: center;
		padding: 30px 10px 20px;
	}
	.search-container {
		padding-bottom: 0;
	}
	.box_white .client_name {
		font-size: 16px;
	}
	.box_white .project_name {
    	font-size: 20px;
    	line-height: 20px;
	}
	.box_white .project_date {
    	font-size: 12px;
    	padding-bottom: 10px;
	}
	.search-project #search {
    	font-size: 26px;
	}
	.chosen-container-single .chosen-single span {
		font-size: 18px;
	}
	.search-client label, 
	.search-date label {
		font-size: 14px;
	}
	.container.client_projects_all,
	.container.project_tasks_all {
		padding: 30px 15px 20px;
	}
	.search-client, .search-date {
    	display: inline-block;
		width: 50%;
		padding: 10px;
	}
	#client_s_chosen.chosen-container,
	#date_s_chosen.chosen-container {
		width: 100% !important;
	}
	.search-project {
    	max-width: 340px;
	}
	.submit_log_container {
    	max-width: 80%;
	}
	.project_tasks_all .task_container.box_white .task_number {
		top: 5px;
	}
	.project_tasks_all .task_container.box_white .task_date {
    	padding-top: 15px;
	}
	.project_tasks_all .task_container.box_white .task_name {
    	font-size: 24px;
    	line-height: 28px;
	}
	.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    padding: 10px 15px;
	font-size:14px;
}
.search-client #client-s, .search-date #date-s{
	width:100%;
}
.search-container.prj_srch, .search-container.task_srch {
    padding: 0 25px 5px;
}

}
@media screen and (max-width: 460px){
	#userinfo {
		padding: 0 5px;
	}
	#logo {
		margin-left: 5px;
	}
	.search-project #search {
    	font-size: 22px;
	}
	#logo {
		margin: 0 auto !important;
	}
	#top {
		height:130px;
	}
	#userinfo {
		bottom: 0;
		top: auto;
	}
	.search-project .task_check{
    	max-width: 300px;
		margin: 0 auto;
	}
	.submit_log_container {
    	max-width: 90%;
		padding: 30px 0 40px;
	}
	.submit_log_container .form-group.comment_log {
		padding-top: 20px;
		padding-bottom: 15px;
	}
	.close_log {
		width: 40px;
		height: 40px;
		font-size: 32px;
		line-height: 32px;
		top: -50px;
	}
	.general_cont .logtime_popup .log_footer h3 {
    	margin: 15px;
	}
	.loginform .submit.btn.btn-default {
		padding: 6px;
		width: 130px;
	}
	.login-title {
		font-size: 20px;
	}
	.loginform .form-group input {
		font-size:16px;
	}
	.login-title::before {
		width: 55px;
		height: 55px;
	}
	.general_container.project_inc .sub_tit.all_tasks_p_id {
		font-size: 26px;
		padding: 40px 0 30px;
	}
	.general_container.project_inc .search-project #search {
    	font-size: 22px;
	}
	.filter_timespent .f_row.col-xs-12 {
    	padding: 0;
	}
	.search-project #search-log {
		font-size: 16px;
	}
	.time_spent .filterby {
		padding: 0;
	}
	.time_spent .search-project {
		padding: 24px 10px;
	}
	.filtercont_result form {
		overflow-x: scroll;
	}
	
	.loggedtable {
		width: 510px;
		max-width: none;
	}
	.general_cont h3 {
		font-size: 22px;
	}
	.department_users .select_department {
		padding: 15px 0;
	}
	#error {
		font-size: 12px;
	}
	.container.addclient .form-group .form-control, .container.addclient .submit{
		font-size: 16px;
	}
	.search-container.prj_srch_admin .search-client, .search-container.task_srch_admin .search-client, .search-container.prj_srch_admin .search-project, .search-container.task_srch_admin .search-project {
		display: block;
		margin: 0 auto 15px;
		width: 225px;
		padding:0;
	}
	.search-container.prj_srch_admin .search-client.arch{
		 padding-top: 15px;
	}
	#archive_s_chosen {
    	width: 100% !important;
	}
	.search-container.task_srch_admin .search-client.arch {
    	padding-top: 15px;
	}
}
@media screen and (max-width: 420px){
	.search-project {
    	padding: 20px 10px;
	}
	.menu ul li a {
		padding: 11px 25px;
	}
	.menu ul li a {
		padding: 13px 15px;
		font-size: 14px;
	}
	.project_tasks_all .task_container.box_white .task_name {
    	font-size: 20px;
	}
	.general_container .task_check input[type="checkbox"]:not(old) + label > span {
		width: 20px;
		height: 20px;
	}
	.filtercont.time_spent .search-project {
		padding: 24px 0;
		width: 100%;
		max-width: none;
	}
	.time_spent .search-client{
		padding: 0 10px 20px;
		width: 100%;
	}
	.chosen-container-single .chosen-single span {
		font-size: 16px;
	}
	.pagination > li > a, .pagination > li > span {
		font-size: 14px;
		padding: 4px 10px;
	}
	h2.tit {
		font-size: 20px;
	}
	.form-group.departmentname_inp .form-control{
		font-size:16px;
	}
	.newdep .submit.btn-default {
		font-size: 18px;
	}	
}
@media screen and (max-width: 375px){
	.search-project #search {
    	font-size: 20px;
	}
	.search-project #search {
    	border-bottom: 2px solid #ffffff;
	}
	.affix-content .container {
		padding: 30px 5px;
	}
	.search-project #search-btn {
    	width: 20px;
    	height: 20px;
		background-size:20px;
	}
	.search-project .task_check{
    	max-width: 260px;
		margin:0 auto;
	}
	.submit_log_container .form-group.time_log,
	.submit_log_container .form-group.date_log {
		width: 100%;
		float: none;
	}	
	h2.tit {
		padding: 25px 0 20px;
	}
	.container.newdep {
    	padding: 15px;
	}
	.newdep .submit.btn-default {
    	font-size: 16px;
	}
	.container.addclient .form-group {
    	padding: 8px 10px;
		max-width: none;
		width: 100%;
	}
	.container.addclient .submit {
    	margin-top: 20px;
    	width: 100%;
	}
	.time_spent_allusers .col-xs-6 {
    	width: 100%;
	}
	.time_spent_allusers .search-project #search-log {
    	width: 90%;
	}	
}
@media screen and (max-width: 320px){
	.col-sm-3 {
		width: 100%;
		padding: 8px 15px;
	}
	.search-project #search {
    	font-size: 20px;
	}
	.chosen-container-single .chosen-single span {
    	font-size: 16px;
	}
	.search-client label, .search-date label {
    	font-size: 12px;
	}	
}