/* Large desktops and laptops */
@media (min-width: 1200px) {

}

/* Portrait tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {

.x-navigation > li.xn-logo > a:first-child{
	background-position:top left;
}

.ppl-doc .row [class^='col-md-10']{
	padding-left:20px;
}

}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {

.original-fieldset{
	min-height:40px;
}

.dashboard-btn .panel-title {
	line-height:22px;
}

.x-navigation > li.xn-logo > a:first-child{
	background-position:top left;
}

.x-navigation li > a{
	background-color:#333;
}

.x-navigation .x-navigation-control:hover{
	background-color: #4b4848;
}

.ppl-doc .row [class^='col-md-10']{
	padding-left:20px;
}

}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {

#search-bar .add-new{
	float:left;
	margin-top:15px;
	margin-left:0;
}

.original-fieldset{
	margin-top:20px;
}

.x-navigation > li.xn-logo > a:first-child{
	background-position:top left;
}

.x-navigation li > a{
	background-color:#333;
}

.x-navigation .x-navigation-control:hover{
	background-color: #4b4848;
}

.x-navigation.x-navigation-panel{
	display:none;
}

#complaint-ref .date-ref{
	float:left;
}

.monthly-log .side-border{
	border-left:0;
}

.tabs.monthly-log{
	margin-top:80px;
}

.monthly-log{
	margin-top:40px;
}

.monthly-log .nav-tabs li{
width:100%;
}

.monthly-log .errors-tab{
top:-58px;
}

.collapse-wrapper{
	padding:15px 0px;
}

.task-download{
	position:relative;
	width:100%;
	left:0px;
	top:0px;
}

.task-link{
	float:left !important;
}

.task-monthly{
	padding-bottom:20px;
}
}

/* Landscape phones and smaller */
@media (max-width: 480px) {
	
#search-bar .add-new{
	width:100%;
}

#complaint-ref .date-ref{
	float:left;
}

}