@media
only screen and (max-width: 800px),
(min-device-width: 320px) and (max-device-width: 800px)  {
  .filter-container .panel{
      padding: 0 0 10px 0 !important;
  }
  .filter-container .panel .four{
      padding-left: 3%;
  }
  #profiles_wrapper, .dataTables_scrollHead, .dataTables_scrollBody {
    width: 97vw !important;
  }

}

@media
only screen and (max-width: 640px){
	.vertical-list-mobile li a .fa-stack{
		font-size: 22px !important;
	}
}

@media
only screen and (max-width: 480px),
(min-device-width: 320px) and (max-device-width: 480px)  {
	.full-width-content .vertical-list-mobile {
		text-align: left !important;
	}
	.full-width-content .vertical-list-mobile li{
		display: inline-block !important;
	}
	.full-width-content .vertical-list-mobile li a{
		display: inline-flex;
	}
	.vertical-list-mobile li a .fa-stack{
		font-size: 16px !important;
	}
	.vertical-list-mobile .sec_title{
		padding-top: 4px;
		padding-left: 4px;
	}
}