.WidgetArea[data-id="WidgetAreaLeft"] .actions .action-container { float: left !important; }

@media (max-width: 767px) { .WidgetArea .actions { display: none; } }
.WidgetHolder { float: left; vertical-align: top; }
.WidgetHolder.FloatRight { float: right; }
.WidgetHolder.ClearLeft { clear: left; }

.WidgetHolderContent { position: relative; }

.WidgetColumnSpan1, .WidgetColumnSpan2, .WidgetColumnSpan3, .WidgetColumnSpan4, .WidgetColumnSpan5 { width: 100%; margin: 0 0 12px 0; }

.WidgetColumns2 .WidgetColumnSpan1 { width: 50%; }
@media (max-width: 767px) { .WidgetColumns2 .WidgetColumnSpan1 { width: 100%; } }
.WidgetColumns2 .WidgetColumnSpan2 { width: 100%; }

.WidgetColumns3 .WidgetColumnSpan1 { width: 33.3%; }
@media (max-width: 767px) { .WidgetColumns3 .WidgetColumnSpan1 { width: 100%; } }
@media (min-width: 768px) and (max-width: 1024px) { .WidgetColumns3 .WidgetColumnSpan1 { width: 50%; } }
.WidgetColumns3 .WidgetColumnSpan2 { width: 66.6%; }
@media (max-width: 767px) { .WidgetColumns3 .WidgetColumnSpan2 { width: 100%; } }
@media (min-width: 768px) and (max-width: 1024px) { .WidgetColumns3 .WidgetColumnSpan2 { width: 100%; } }
.WidgetColumns3 .WidgetColumnSpan3 { width: 99.9%; }
@media (max-width: 1024px) { .WidgetColumns3 .WidgetColumnSpan3 { width: 100%; } }

.WidgetColumns4 .WidgetColumnSpan1 { width: 25%; }
@media (max-width: 767px) { .WidgetColumns4 .WidgetColumnSpan1 { width: 100%; } }
@media (min-width: 768px) and (max-width: 1024px) { .WidgetColumns4 .WidgetColumnSpan1 { width: 50%; } }
.WidgetColumns4 .WidgetColumnSpan2 { width: 50%; }
@media (max-width: 767px) { .WidgetColumns4 .WidgetColumnSpan2 { width: 100%; } }
.WidgetColumns4 .WidgetColumnSpan3 { width: 75%; }
@media (max-width: 1024px) { .WidgetColumns4 .WidgetColumnSpan3 { width: 100%; } }
.WidgetColumns4 .WidgetColumnSpan4 { width: 100%; }

.WidgetColumns5 .WidgetColumnSpan1 { width: 20%; }
@media (max-width: 767px) { .WidgetColumns5 .WidgetColumnSpan1 { width: 100%; } }
@media (min-width: 768px) and (max-width: 1024px) { .WidgetColumns5 .WidgetColumnSpan1 { width: 50%; } }
.WidgetColumns5 .WidgetColumnSpan2 { width: 40%; }
@media (max-width: 767px) { .WidgetColumns5 .WidgetColumnSpan2 { width: 100%; } }
@media (min-width: 768px) and (max-width: 1024px) { .WidgetColumns5 .WidgetColumnSpan2 { width: 50%; } }
.WidgetColumns5 .WidgetColumnSpan3 { width: 60%; }
@media (max-width: 1024px) { .WidgetColumns5 .WidgetColumnSpan3 { width: 100%; } }
.WidgetColumns5 .WidgetColumnSpan4 { width: 80%; }
@media (max-width: 1024px) { .WidgetColumns5 .WidgetColumnSpan4 { width: 100%; } }
.WidgetColumns5 .WidgetColumnSpan5 { width: 100%; }

/* @include media-query(tablet, landscape) { */
/* 	.WidgetColumns2 .WidgetColumnSpan1 { width: 50%; } */
/* 	.WidgetColumns2 .WidgetColumnSpan2 { width: 100%; } */
/* 	.WidgetColumns3 .WidgetColumnSpan1 { width: 33.3%; } */
/* 	.WidgetColumns3 .WidgetColumnSpan2 { width: 66.6%; } */
/* 	.WidgetColumns3 .WidgetColumnSpan3 { width: 99.9%; } */
/* 	.WidgetColumns4 .WidgetColumnSpan1 { width: 33.3%; } */
/* 	.WidgetColumns4 .WidgetColumnSpan2 { width: 66.6%; } */
/* 	.WidgetColumns4 .WidgetColumnSpan3 { width: 99.9%; } */
/* 	.WidgetColumns4 .WidgetColumnSpan4 { width: 100%; } */
/* 	.WidgetColumns5 .WidgetColumnSpan1 { width: 33.3%; } */
/* 	.WidgetColumns5 .WidgetColumnSpan2 { width: 66.6%; } */
/* 	.WidgetColumns5 .WidgetColumnSpan3 { width: 99.9%; } */
/* 	.WidgetColumns5 .WidgetColumnSpan4 { width: 100%; } */
/* 	.WidgetColumns5 .WidgetColumnSpan5 { width: 100%; } */
/* } */
/* @include media-query(tablet, portrait) { */
/* 	.WidgetColumns3 .WidgetColumnSpan1 { width: 50%; } */
/* 	.WidgetColumns3 .WidgetColumnSpan2 { width: 100%; } */
/* 	.WidgetColumns3 .WidgetColumnSpan3 { width: 100%; } */
/* 	.WidgetColumns4 .WidgetColumnSpan1 { width: 50%; } */
/* 	.WidgetColumns4 .WidgetColumnSpan2 { width: 100%; } */
/* 	.WidgetColumns4 .WidgetColumnSpan3 { width: 100%; } */
/* 	.WidgetColumns4 .WidgetColumnSpan4 { width: 100%; } */
/* 	.WidgetColumns5 .WidgetColumnSpan1 { width: 50%; } */
/* 	.WidgetColumns5 .WidgetColumnSpan2 { width: 100%; } */
/* 	.WidgetColumns5 .WidgetColumnSpan3 { width: 100%; } */
/* 	.WidgetColumns5 .WidgetColumnSpan4 { width: 100%; } */
/* 	.WidgetColumns5 .WidgetColumnSpan5 { width: 100%; } */
/* } */
/* @include media-query(phone, landscape) { */
/* 	.WidgetColumns3 .WidgetColumnSpan1 { width: 50%; } */
/* 	.WidgetColumns3 .WidgetColumnSpan2 { width: 100%; } */
/* 	.WidgetColumns3 .WidgetColumnSpan3 { width: 100%; } */
/* 	.WidgetColumns4 .WidgetColumnSpan1 { width: 50%; } */
/* 	.WidgetColumns4 .WidgetColumnSpan2 { width: 100%; } */
/* 	.WidgetColumns4 .WidgetColumnSpan3 { width: 100%; } */
/* 	.WidgetColumns4 .WidgetColumnSpan4 { width: 100%; } */
/* 	.WidgetColumns5 .WidgetColumnSpan1 { width: 50%; } */
/* 	.WidgetColumns5 .WidgetColumnSpan2 { width: 100%; } */
/* 	.WidgetColumns5 .WidgetColumnSpan3 { width: 100%; } */
/* 	.WidgetColumns5 .WidgetColumnSpan4 { width: 100%; } */
/* 	.WidgetColumns5 .WidgetColumnSpan5 { width: 100%; } */
/* } */
/* @include media-query(phone, portrait) { */
/* 	.WidgetColumns2 .WidgetColumnSpan1 { width: 100%; } */
/* 	.WidgetColumns2 .WidgetColumnSpan2 { width: 100%; } */
/* 	.WidgetColumns3 .WidgetColumnSpan1 { width: 100%; } */
/* 	.WidgetColumns3 .WidgetColumnSpan2 { width: 100%; } */
/* 	.WidgetColumns3 .WidgetColumnSpan3 { width: 100%; } */
/* 	.WidgetColumns4 .WidgetColumnSpan1 { width: 100%; } */
/* 	.WidgetColumns4 .WidgetColumnSpan2 { width: 100%; } */
/* 	.WidgetColumns4 .WidgetColumnSpan3 { width: 100%; } */
/* 	.WidgetColumns4 .WidgetColumnSpan4 { width: 100%; } */
/* 	.WidgetColumns5 .WidgetColumnSpan1 { width: 100%; } */
/* 	.WidgetColumns5 .WidgetColumnSpan2 { width: 100%; } */
/* 	.WidgetColumns5 .WidgetColumnSpan3 { width: 100%; } */
/* 	.WidgetColumns5 .WidgetColumnSpan4 { width: 100%; } */
/* 	.WidgetColumns5 .WidgetColumnSpan5 { width: 100%; } */
/* } */
