/*Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) { 
  .message_board {width: 350px; padding: 15px;}
  .message_board .message_post .form-group .checkbox { padding: 0px 10px 0px 0px; }
  .posting_messages header .actions {float: left;width: 100%;}
  .posting_messages header .name { width: 100%; }
  .message_board .profile_wrapper { width: 315px; }
  .message_board .close_message_board { right: 312px; height: 39px; line-height: 38px; }
  .posting_messages article {padding: 5px 0px 0px 0px;}
  .header-title-bar .text-left, .header-title-bar .text-right { text-align: center !important; }
  .styled-select, .styled-select select { float: none; margin: auto; }
  .styled-select {/*margin-left: 0px;*/ margin-top:10px;}
}

@media (max-width: 349px) and (min-width: 320px) { 
  .message_board {width: 310px;}
  .message_board .profile_wrapper { width: 285px; }
  .message_board .close_message_board { right:282px; }
}
@media (max-width: 699px) and (min-width: 576px) { 
  .message_board {width: 550px; padding: 15px;}
  .message_board .message_post .form-group .checkbox { padding: 0px 10px 0px 0px; }
  .posting_messages header .actions {float: left;width: 100%;}
  .posting_messages header .name { width: 100%; }
  .message_board .profile_wrapper { width: 515px; }
  .message_board .close_message_board { right: 512px; height: 39px; line-height: 38px; }
  .posting_messages article {padding: 5px 0px 0px 0px;}
}

/*Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) { 

}

/*Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) { 


}

/*Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {  }

/*Extra large devices (large desktops)
No media query since the extra-large breakpoint has no upper bound on its width*/


/*Extra small devices (portrait phones, less than 576px)
No media query since this is the default in Bootstrap

Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) { ... }

/*Medium devices (tablets, 768px and up)*/
@media (max-width: 1200px) and (min-width: 100px) { 
  

}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {

 }

/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) { .table-responsive { overflow: visible; } }

@media (max-width: 992.99px) and (min-width: 768px) {

.col-md-4.col-sm-12.col-xs-12.text-right.filters { margin-top: 15px; }

.pep_tab li a{ padding: 10px 12px; }
 
}
@media (max-width: 767.99px) and (min-width: 320px) {
.pep_tab li {
    text-transform: uppercase;
    margin: 2px 0px;
}
.pep_tab li a{padding: 10px 13px;}

.form-inline .form-group {
    margin-bottom:0px;
}
.progress {background-color: #e8e8e8;}

}