@media screen and (max-width: 1599px) {
	
}

@media screen and (min-width: 1441px) {
}

@media screen and (max-width: 1366px) {
	
}



@media screen and (max-width: 1280px) {
	
}



@media screen and (max-width: 1024px){

}
@media only screen and (max-width: 960px){
	.content-box .content-box-content table tr.thead {display: none;}
	.content-box .content-box-content table tr td, .content-box .content-box-content table.leaveform2 tr:first-child td, .content-box .content-box-content table.leaveform2 tr:nth-child(2) td {width: 100%!important; display: block; text-align: left; box-sizing: border-box;}
	.content-box .content-box-content table tr td p label {display: inline-block!important; min-width: 30%; padding: 5px; background: #3eba6f; font-family: 'avenirltstdblack'; color: #fff!important;}
	.content-box .content-box-content table tr td p strong {width: 70%; padding: 5px 10px;}
	.content-box .content-box-content table tr td p {width: 100%; float: left; margin-bottom: 1px;}
	.content-box .content-box-content table tr {padding-bottom: 10px; width: 100%; float: left;}
}	

@media only screen and (max-width: 800px){
	#sidebar {width: 180px;}
	#main-content {margin-left: 180px}
	.dashboard-content .announcements {width: 100%; margin-bottom: 30px;}
	.dashboard-content .calendar-events {width: 100%;}
	.dashboard-content .announcements .announcement-contents, .dashboard-content .announcements .announcement-contents div ul li, .dashboard-content .announcements .announcement-contents span ul li, .dashboard-content .announcements .announcement-contents div, .dashboard-content .announcements .announcement-contents span {font-size: 14px!important; line-height: 20px!important}
	.content-box .content-box-content ul.emplname li {width: 49%;}
}	

@media only screen and (max-width: 768px) {
	.content-box .content-box-content ul.emplname li {width: 100%;}
}

@media only screen and (max-width: 640px) {
	.content-box .content-box-header h3 {font-size: 18px!important; line-height: 24px!important}
	#sidebar {width: 120px; position: fixed; left: 0; overflow-y: auto; top: 0; z-index: 999;}
	#sidebar #sidebar-wrapper #main-nav {overflow-y: auto;}
	#main-content {margin-left: 105px; padding-top: 105px; padding-right: 10px;}
	#sidebar #sidebar-wrapper .logo img {width: 75px; height: 75px;}
	#sidebar #main-nav ul li a {padding-left: 0!important;}
	.header ul li {text-align: center; justify-content: center; -webkit-justify-content: center; -moz-justify-content: center; width: 100%; }
	.header ul li h2 {font-size: 18px; line-height: 22px; text-align: center;}
	.content-box .content-box-content {padding-top: 40px;}
	.content-box .content-box-content table tr td p label {width: 100%; min-width: 100%!important; float: left; display: block!important;}
	.content-box .content-box-content table tr td p strong {width: 100%; float: left; margin-bottom: 3px; display: block!important;}
	.content-box .content-box-content table, .content-box .content-box-content table tr, .content-box .content-box-content table tr td {width: 100%!important; }
	#main-content tbody tr, #main-content table {width: 100%!important}
	#main-content table td, #main-content table th {padding: 0!important}
	.header {left: 16px!important;}
	.content-box .content-box-content table.leaveform2 tr:first-child td, .content-box .content-box-content table.leaveform2 tr:nth-child(2) td {padding: 10px!important; width: 100%!important; display: block!important; float: left!important;}
	.content-box .content-box-content table.leaveform2 tr:first-child td b, .content-box .content-box-content table.leaveform2 tr:nth-child(2) td b {min-width: 100%!important; width: 100%; padding: 10px;}
	
	.content-box .content-box-content table.leaveform2 tr.startend td ul.col4 li:first-child, .content-box .content-box-content table.leaveform2 tr:first-child td ul.col4 li:first-child, .content-box .content-box-content table.leaveform2 tr:nth-child(2) td ul.tdays li:first-child {width: 100%!important; margin-right: 0;}
	.content-box .content-box-content table.leaveform2 tr.startend td ul.col4 li:first-child, .content-box .content-box-content table.leaveform2 tr:first-child td ul.col4 li, .content-box .content-box-content table.leaveform2 tr:nth-child(2) td ul.col4 li {padding: 5px 10px!important; width: 100%; float: left;}
	.content-box .content-box-content table.leaveform2 tr.startend td ul.col4 li:first-child, .content-box .content-box-content table.leaveform2 tr:first-child td ul.col4 li b, .content-box .content-box-content table.leaveform2 tr:nth-child(2) td ul.col4 li b {padding: 0 5px!important}
	.content-box .content-box-content table.leaveform2 tr td span.paddl {float: left;}
	.content-box .content-box-content table.leaveform2 tr:nth-child(2) td ul.tdays li input[type=text] {width: 100%!important;}
	.content-box .content-box-content table.leaveform2 tr:nth-child(2) td ul.tdays li:last-child {width: 100%!important; padding: 0 10px!important; float: left!important;}
	#main-content table td input.nobg {text-align: left!important; width: 40px!important; float: left!important;}
	ul.actionman li:last-child {right: 10px;}
	.content-box .content-box-content table.leaveform2 tr td span.paddl {padding: 0 10px;}
	.paydet ul.payslip-det li:first-child h4 {font-size: 16px; line-height: 24px;}
	.paydet ul.payslip-det li label, .paydet ul.payslip-det li .det, .paydet ul.net-pay {font-size: 14px; line-height: 20px;}
	.editprof li label, .editprof li .ffield {width: 100%; font-size: 14px; line-height: 20px;}
}
@media only screen and (max-width: 480px) {
	.content-box .content-box-header h3 {font-size: 16px!important; line-height: 22px!important
	}
		
}
@media only screen and (max-width: 320px) {
}

@media only screen and (max-width: 1366px) and (min-width: 320px){
}
@media only screen and (min-device-width: 641px) and (max-device-width: 768px) and (orientation:portrait) {
	.intranet-login .full-width aside, .intranet-login .full-width article {width: 100%!important; height: auto!important;}
	.intranet-login .full-width aside .img-login {margin-top: 0;}
	.intranet-login .full-width aside .img-login img {width: 50%; height: auto; margin: 0 auto;}
	.intranet-login .full-width aside {padding: 30px; justify-content: space-between; -webkit-justify-content: space-between; -moz-justify-content: space-between; align-items: flex-start!important; -webkit-align-items: flex-start!important; -moz-align-items: flex-start!important;}
	.intranet-login .full-width, .intranet-login {height: auto!important;}
	.intranet-login .full-width article {background-image: none; padding: 50px;}
	.intranet-login {background: url(../images/homebg.png);}
	.intranet-login .full-width aside .logo {width: 70%;}
	.intranet-login .full-width aside .img-login {width: 30%;}
	.intranet-login .full-width aside .img-login img {width: 100%; height: auto;}
	.intranet-login .full-width aside div.logo img {width: 60px; height: 60px; position: absolute; top: 20px; left: 0;}
	.intranet-login .full-width aside div.logo h4, .intranet-login .full-width aside div.logo h5 {text-align: left; padding-left: 80px;}
}
@media only screen and (min-device-width: 320px) and (max-device-width: 640px) and (orientation:portrait) {
	.intranet-login .full-width aside, .intranet-login .full-width article {width: 100%!important; height: auto!important;}
	.intranet-login .full-width aside .img-login {margin-top: 0; display: none;}
	
	.intranet-login .full-width aside {padding: 20px; justify-content: space-between; -webkit-justify-content: space-between; -moz-justify-content: space-between; align-items: flex-start!important; -webkit-align-items: flex-start!important; -moz-align-items: flex-start!important;}
	.intranet-login .full-width, .intranet-login {height: auto!important;}
	.intranet-login .full-width article {background-image: none; padding: 50px 20px;}
	.intranet-login .full-width article .container {width: 90%}
	.intranet-login {background: url(../images/homebg.png);}
	.intranet-login .full-width aside .logo {width: 100%;}
	
	.intranet-login .full-width aside div.logo img {width: 60px; height: 60px; }
	
}
/*@media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation:portrait) {
	.hero article, .hero article.bgdesktop, .alpina-overview .pagewrapper2 article, .inquire,
	.hero-inside article, .hero-inside article.bgdesktop {background-attachment: initial!important;}
}


@media only screen and (min-device-width: 320px) and (max-device-width: 1366px) and (orientation:portrait) and (orientation:landscape) {
	.hero article, .hero article.bgdesktop, .alpina-overview .pagewrapper2 article, .inquire,
	hero-inside article, .hero-inside article.bgdesktop {background-attachment: initial!important;
}*/