.ws-grid-xs,.ws-grid-md {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
 @media (min-width: 360px)
 {
.ws-grid-xs{
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
	padding-right: 5px;
    padding-left: 5px;
} 
}
@media (min-width: 576px)
{
.ws-grid-xs {
    flex: 0 0 25%;
    max-width: 25%;
	padding-right: 5px;
    padding-left: 5px;
}
}
@media (min-width: 768px)
{
.ws-grid-xs {
    flex: 0 0 20%;
    max-width: 20%;
	padding-right: 10px;
    padding-left: 10px;
}
}
@media (min-width: 992px)
{
	.ws-grid-xs{
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
}
}
@media (min-width: 1200px)
{
.ws-grid-xs {
    flex: 0 0 14.28571429%;
    max-width: 14.28571429%;
}
}
@media (min-width: 1440px)
{
.ws-grid-xs {
    flex: 0 0 12.5%;
    max-width: 12.5%;
}
}
@media (min-width: 360px)
 {
.ws-grid-sm{
    flex: 0 0 100%;
    max-width: 100%;
	padding-right: 5px;
    padding-left: 5px;
}
}
@media (min-width: 576px)
{
.ws-grid-sm {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
	padding-right: 5px;
    padding-left: 5px;
}
}
@media (min-width: 768px)
{
.ws-grid-sm {
     flex: 0 0 25%;
    max-width: 25%;
	padding-right: 10px;
    padding-left: 10px;
}
}
@media (min-width: 992px)
{
	.ws-grid-sm{
    flex: 0 0 20%;
    max-width: 20%;
}
}
@media (min-width: 1200px)
{
.ws-grid-sm {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
}
}
@media (min-width: 1440px)
{
.ws-grid-sm {
    flex: 0 0 14.28571429%;
    max-width: 14.28571429%;
}
}
 @media (min-width: 360px)
 {
.ws-grid-md{
    flex: 0 0 100%;
    max-width: 100%;
	padding-right: 5px;
    padding-left: 5px;
}
}
@media (min-width: 576px)
{
.ws-grid-md {
    flex: 0 0 100%;
    max-width: 100%;
	padding-right: 5px;
    padding-left: 5px;
}
}
@media (min-width: 768px)
{
.ws-grid-md {
    flex: 0 0 50%;
    max-width: 50%;
    padding-top: 3px;
    padding-bottom: 9px;
    padding-right: 6px;
    padding-left: 6px;
}
}
@media (min-width: 992px)
{
	.ws-grid-md{
    flex: 0 0 33.3333333333333%;
    max-width: 33.3333333333333%;
}
}
@media (min-width: 1200px)
{
.ws-grid-md {
    flex: 0 0 25%;
    max-width: 25%;
}
}
@media (min-width: 1440px)
{
.ws-grid-md {
    flex: 0 0 25%;
    max-width: 25%;
}
}
 @media (min-width: 360px)
 {
.ws-grid-lg{
    flex: 0 0 100%;
    max-width: 100%;
	padding-right: 5px;
    padding-left: 5px;
}
}
@media (min-width: 576px)
{
.ws-grid-lg {
    flex: 0 0 100%;
    max-width: 100%;
	padding-right: 5px;
    padding-left: 5px;
}
}
@media (min-width: 768px)
{
.ws-grid-lg {
    flex: 0 0 50%;
    max-width: 50%; 
	padding-top:6px;
	padding-bottom:12px;
	padding-right: 6px;
    padding-left: 12px;
}
}
@media (min-width: 992px)
{
	.ws-grid-lg{
    flex: 0 0 50%;
    max-width: 50%;
}
}
@media (min-width: 1200px)
{
.ws-grid-lg {
    flex: 0 0 33.3333333333333%;
    max-width: 33.3333333333333%;
}
}
@media (min-width: 1440px)
{
.ws-grid-lg {
    flex: 0 0 33.3333333333333%;
    max-width: 33.3333333333333%;
}
}
.me-0 {
 margin-inline-end: 0rem !important;
}
.me-1 {
 margin-inline-end: 0.25rem !important;
}
.me-2 {
 margin-inline-end: 0.5rem !important;
}
.me-3 {
 margin-inline-end: 0.75rem !important;
}
.me-4 {
 margin-inline-end: 1rem !important;
}
.me-5 {
 margin-inline-end: 1.25rem !important;
}
.ms-0 {
 margin-inline-start: 0rem !important;
}
.ms-1 {
 margin-inline-start: 0.25rem !important;
}
.ms-2 {
 margin-inline-start: 0.5rem !important;
}
.ms-3 {
 margin-inline-start: 0.75rem !important;
}
.ms-4 {
 margin-inline-start: 1rem !important;
}
.ms-5 {
 margin-inline-start: 1.25rem !important;
}