/* ============================================================
   Awards V2 — SYNERGY HomeCare Franchise
   ============================================================ */

/* ── Section shell ── */
.awards.v2 {
  position: relative;
  padding: 60px 0 50px;
  background-color: #f4f8fb;

  &.light-bg {
    background-color: #ffffff;

    & > picture.img-bg {
      opacity: 0.08;
    }
  }

  .main {
    position: relative;
    z-index: 1;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 40px;
  }
}

/* ── Section header ── */
.awards.v2 {
  header {
    margin-bottom: 36px;
    text-align: center;

    h4 {
      font-family: 'Lato', sans-serif;
      font-size: 1.75rem;
      font-weight: 900;
      text-transform: uppercase;
      letter-spacing: -0.01em;
      color: #003B5C;
      margin-bottom: 6px;
    }

    strong {
      display: block;
      font-size: 1rem;
      font-weight: 400;
      color: #5a7a8a;
      margin-bottom: 14px;
    }

    .header-flair {
      display: block;
      margin: 0 auto;
      width: 60px;
      height: 12px;
      color: #00A0C6;
    }
  }
}

/* ── Awards list & items ── */
.awards.v2 {

  /* overflow:hidden clips the sliding row — required for the scroller JS to work */
  .awards-list {
    overflow: hidden;
  }

  /* .auto-responsive overrides .flex-middle to display:block at certain breakpoints,
     breaking the scroller's single-row layout. Force flex back. */
  .award-list {
    display: flex !important;
    flex-wrap: nowrap !important;
    list-style: none;
    margin: 0;
    padding: 16px 0 8px;
  }

  .award-item {
    padding-bottom: 16px;

    a,
    & > div {
      text-decoration: none;
    }

    .opacity-item {
      transition: opacity 0.2s;

      &:hover {
        opacity: 0.75;
      }
    }

    .side-padding-large {
      padding-left: 12px;
      padding-right: 12px;
    }
  }

  /* Fixed height on the image container — the platform's ::after padding trick
     collapses to 0px with only absolutely-positioned children inside.
     150px accommodates all badge shapes without cropping. */
  .award-item .img.pad-height-50 {
    height: 150px !important;
    padding-bottom: 0 !important;

    &::after {
      display: none !important;
    }
  }

  .award-item .side-padding-large .img.pad-height-50 img.contain,
  .award-item .img.pad-height-50 img.contain,
  .award-item .img.pad-height-50 img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center center !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
  }

  /* Award name label */
  .award-item strong {
    display: block;
    font-family: 'Lato', sans-serif;
    font-size: 0.68rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #003B5C;
    text-align: center;
    line-height: 1.4;

    &.top-margin-tiny {
      margin-top: 8px;
    }
  }
}

/* ── Scroller arrows & paging ── */
.awards.v2 {
  [data-role="arrows"] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin-top: 32px;

    a {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 38px;
      height: 38px;
      border-radius: 50%;
      border: 2px solid #00A0C6;
      background: #ffffff;
      text-decoration: none;
      transition: background 0.15s;
      flex-shrink: 0;

      &:hover {
        background: #00A0C6;

        .site-arrow {
          color: #ffffff;
        }
      }
    }

    .site-arrow {
      width: 16px;
      height: 16px;
      color: #00A0C6;
      display: block;
      transition: color 0.15s;
    }

    .paging {
      font-family: 'Lato', sans-serif;
      font-size: 0.85rem;
      font-weight: 700;
      color: #5a7a8a;
      min-width: 52px;
      text-align: center;
      letter-spacing: 0.04em;

      [data-role="page-active"] {
        color: #003B5C;
      }
    }
  }
}

/* ── Visibility animation (data-onvisible="show") ── */
.awards.v2 {
  opacity: 0;
  transform: translateY(16px);
  transition: opacity 0.5s ease, transform 0.5s ease;

  &.show {
    opacity: 1;
    transform: none;
  }
}

/* ── Responsive ── */
@media (max-width: 640px) {
  .awards.v2 {
    padding: 44px 0 36px;

    .main {
      padding: 0 20px;
    }

    header h4 {
      font-size: 1.35rem;
    }
  }
}

/* Scrolling List General Styles */
[data-role="scroller"] [data-role="container"] {
	position: relative;
	overflow: hidden;
}

[data-role="scroller"] [data-role="list"] {
	position: relative;
	transition: transform var(--scrolling-list-transition-timing) var(--scrolling-list-easing) 0s, margin var(--scrolling-list-transition-timing) var(--scrolling-list-easing) 0s;
}


[data-role="scroller"] [data-role="list"] [data-role="item"] {
	flex: 0 0 auto !important;
}

[data-role="scroller"] [data-role="item"] {
	transition: opacity .4s ease 0s;
}

[data-role="scroller"].active [data-role="item"].full:not(.active):not(.s-active) {
	opacity: 0;
}

/* Scrolling List General Styles */


/* Scrolling List Nav Styles */

[data-role="scroller"] [data-role="arrows"] {
	position: relative;
}

[data-role="scroller"].start.end [data-role="arrows"],
[data-role="scroller"]:not(.active) [data-role="arrows"],
[data-role="scroller"].tabbing [data-role="arrows"] {
	display: none !important;
}

[data-role="scroller"].start.end ul {
	justify-content: center;
}

[data-role="scroller"] [data-role="arrows"].absolute {
	position: absolute;
}

.text-left .text-align [data-role="arrows"].horizontal,
.text-left [data-role="arrows"].horizontal.text-align {
	justify-content: flex-start;
}

.text-center .text-align [data-role="arrows"].horizontal,
.text-center [data-role="arrows"].horizontal.text-align {
	justify-content: center;
}

.text-right .text-align [data-role="arrows"].horizontal,
.text-right [data-role="arrows"].horizontal.text-align {
	justify-content: flex-end;
}

.active[data-role="scroller"] [data-role="arrows"].horizontal {
	display: flex;
}

[data-role="scroller"] [data-role="arrows"].horizontal > *:nth-child(n+2) {
	margin-left: .75rem;
}

.active[data-role="scroller"] [data-role="arrows"].vertical{
	display: block;
	text-align: center;
}

[data-role="scroller"] [data-role="arrows"].vertical > *:nth-child(n+2) {
	margin-top: .75rem;
}

[data-role="scroller"] [data-role="arrows"] svg {
	display: none;
	font-size: var(--flair-arrow-font-size);
	cursor: pointer;
	transition: color .4s ease 0s;
}

[data-role="scroller"].active [data-role="arrows"] svg {
	display: block;
}

[data-role="scroller"] [data-role="arrows"].vertical svg{
	margin-left: auto;
	margin-right: auto;
}

[data-role="scroller"] [data-role="paging"] {
	text-align: center;
	display: block;

}
/* Scrolling List Nav Styles */

/* 1600px Responsive */
@media screen and (max-width:1600px) {
	
	[data-role="scroller"] [data-role="list"].items-100-1600 [data-role="item"] {
		width: 100%;
	}
	
	[data-role="scroller"] [class*="-grid"][data-role="list"].items-100-1600 [data-role="item"] {
		max-width: calc(100% - var(--grid-spacing)) !important;
		width: calc(100% - var(--grid-spacing)) !important;
	}
	
	[data-role="scroller"] [class*="-grid"][class*="-small"][data-role="list"].items-100-1600 [data-role="item"] {
		max-width: calc(100% - var(--grid-small-spacing)) !important;
		width: calc(100% - var(--grid-small-spacing)) !important;
	}
	
	[data-role="scroller"] [class*="-grid"][class*="-large"][data-role="list"].items-100-1600 [data-role="item"] {
		max-width: calc(100% - var(--grid-large-spacing)) !important;
		width: calc(100% - var(--grid-large-spacing)) !important;
	}

	[data-role="scroller"] [data-role="list"].items-50-1600 [data-role="item"] {
		width: 50%;
	}

	[data-role="scroller"] [data-role="list"].items-33-1600 [data-role="item"] {
		width: 33.333%;
	}

	[data-role="scroller"] [data-role="list"].items-25-1600 [data-role="item"] {
		width: 25%;
	}

	[data-role="scroller"] [data-role="list"].items-20-1600 [data-role="item"] {
		width: 20%;
	}
	
	[data-role="scroller"] [data-role="list"].auto-responsive [data-role="item"].fifth {
		width: 25%;
	}
	
	[data-role="scroller"] [data-role="list"].auto-responsive [data-role="item"].sixth,
	[data-role="scroller"] [data-role="list"].auto-responsive [data-role="item"].seventh {
		width: 20%;
	}
	
	[data-role="scroller"] [class*='-grid'][data-role="list"].auto-responsive [data-role="item"].fifth {
		width: calc(25% - var(--grid-spacing));
		max-width: calc(25% - var(--grid-spacing));
	}
	
	[data-role="scroller"] [class*='-grid'][class*="-small"][data-role="list"].auto-responsive [data-role="item"].fifth {
		width: calc(25% - var(--grid-small-spacing));
		max-width: calc(25% - var(--grid-small-spacing));
	}
	
	[data-role="scroller"] [class*='-grid'][class*="-large"][data-role="list"].auto-responsive [data-role="item"].fifth {
		width: calc(25% - var(--grid-large-spacing));
		max-width: calc(25% - var(--grid-large-spacing));
	}
	
	[data-role="scroller"] [class*='-grid'][data-role="list"].auto-responsive [data-role="item"].sixth {
		width: calc(20% - var(--grid-spacing));
		max-width: calc(20% - var(--grid-spacing));
	}
	
	[data-role="scroller"] [class*='-grid'][class*="-small"][data-role="list"].auto-responsive [data-role="item"].sixth {
		width: calc(20% - var(--grid-small-spacing));
		max-width: calc(20% - var(--grid-small-spacing));
	}
	
	[data-role="scroller"] [class*='-grid'][class*="-large"][data-role="list"].auto-responsive [data-role="item"].sixth {
		width: calc(20% - var(--grid-large-spacing));
		max-width: calc(20% - var(--grid-large-spacing));
	}
	
	
}
/* End 1600px Responsive */
 

/* 1440px Responsive */
@media screen and (max-width:1440px) {
	
	[data-role="scroller"] [data-role="list"].items-100-1440 [data-role="item"] {
		width: 100%;
	}
	
	[data-role="scroller"] [class*="-grid"][data-role="list"].items-100-1440 [data-role="item"] {
		max-width: calc(100% - var(--grid-spacing)) !important;
		width: calc(100% - var(--grid-spacing)) !important;
	}
	
	[data-role="scroller"] [class*="-grid"][class*="-small"][data-role="list"].items-100-1440 [data-role="item"] {
		max-width: calc(100% - var(--grid-small-spacing)) !important;
		width: calc(100% - var(--grid-small-spacing)) !important;
	}
	
	[data-role="scroller"] [class*="-grid"][class*="-large"][data-role="list"].items-100-1440 [data-role="item"] {
		max-width: calc(100% - var(--grid-large-spacing)) !important;
		width: calc(100% - var(--grid-large-spacing)) !important;
	}

	[data-role="scroller"] [data-role="list"].items-50-1440 [data-role="item"] {
		width: 50%;
	}

	[data-role="scroller"] [data-role="list"].items-33-1440 [data-role="item"] {
		width: 33.333%;
	}

	[data-role="scroller"] [data-role="list"].items-25-1440 [data-role="item"] {
		width: 25%;
	}

	[data-role="scroller"] [data-role="list"].items-20-1440 [data-role="item"] {
		width: 20%;
	}

}
/* End 1440px Responsive */
 

/* 1280px Responsive */
@media screen and (max-width:1280px) {
	
	[data-role="scroller"] [data-role="list"].items-100-1280 [data-role="item"] {
		width: 100%;
	}
	
	[data-role="scroller"] [class*="-grid"][data-role="list"].items-100-1280 [data-role="item"] {
		max-width: calc(100% - var(--grid-spacing)) !important;
		width: calc(100% - var(--grid-spacing)) !important;
	}
	
	[data-role="scroller"] [class*="-grid"][class*="-small"][data-role="list"].items-100-1280 [data-role="item"] {
		max-width: calc(100% - var(--grid-small-spacing)) !important;
		width: calc(100% - var(--grid-small-spacing)) !important;
	}
	
	[data-role="scroller"] [class*="-grid"][class*="-large"][data-role="list"].items-100-1280 [data-role="item"] {
		max-width: calc(100% - var(--grid-large-spacing)) !important;
		width: calc(100% - var(--grid-large-spacing)) !important;
	}

	[data-role="scroller"] [data-role="list"].items-50-1280 [data-role="item"] {
		width: 50%;
	}

	[data-role="scroller"] [data-role="list"].items-33-1280 [data-role="item"] {
		width: 33.333%;
	}

	[data-role="scroller"] [data-role="list"].items-25-1280 [data-role="item"] {
		width: 25%;
	}
	
	[data-role="scroller"] [class*='-grid'][class*="-small"][data-role="list"].auto-responsive [data-role="item"].third {
		width: calc(50% - var(--grid-small-spacing));
		max-width: calc(50% - var(--grid-small-spacing));
	}
	
	[data-role="scroller"] [class*='-grid'][class*="-large"][data-role="list"].auto-responsive [data-role="item"].third {
		width: calc(50% - var(--grid-large-spacing));
		max-width: calc(50% - var(--grid-large-spacing));
	}

	[data-role="scroller"] [data-role="list"].auto-responsive [data-role="item"].fourth {
		width: 33.333%;
	}
	
	[data-role="scroller"] [data-role="list"].auto-responsive [data-role="item"].sixth,
	[data-role="scroller"] [data-role="list"].auto-responsive [data-role="item"].seventh {
		width: 25%;
	}

	[data-role="scroller"] [class*='-grid'][data-role="list"].auto-responsive [data-role="item"].fourth {
		width: calc(33.333% - var(--grid-spacing));
		max-width: calc(33.333% - var(--grid-spacing));
	}
	
	[data-role="scroller"] [class*='-grid'][class*="-small"][data-role="list"].auto-responsive [data-role="item"].fourth {
		width: calc(33.333% - var(--grid-small-spacing));
		max-width: calc(33.333% - var(--grid-small-spacing));
	}
	
	[data-role="scroller"] [class*='-grid'][class*="-large"][data-role="list"].auto-responsive [data-role="item"].fourth {
		width: calc(33.333% - var(--grid-large-spacing));
		max-width: calc(33.333% - var(--grid-large-spacing));
	}
	
	[data-role="scroller"] [class*='-grid'][data-role="list"].auto-responsive [data-role="item"].sixth {
		width: calc(25% - var(--grid-spacing));
		max-width: calc(25% - var(--grid-spacing));
	}
	
	[data-role="scroller"] [class*='-grid'][class*="-small"][data-role="list"].auto-responsive [data-role="item"].sixth {
		width: calc(25% - var(--grid-small-spacing));
		max-width: calc(25% - var(--grid-small-spacing));
	}
	
	[data-role="scroller"] [class*='-grid'][class*="-large"][data-role="list"].auto-responsive [data-role="item"].sixth {
		width: calc(25% - var(--grid-large-spacing));
		max-width: calc(25% - var(--grid-large-spacing));
	}
	
	
}
/* End 1280px Responsive */
 
/* 1025px Responsive */
@media screen and (min-width:1025px) {
	
	[data-role="scroller"].on-edge {
		padding-left: var(--flair-arrow-font-size);
		padding-right: var(--flair-arrow-font-size);
	}
	
	[data-role="scroller"].on-edge [data-role="container"] {
		z-index: 2;
	}
	
	[data-role="scroller"].on-edge [data-role="arrows"] {
		position: absolute;
		width: 100%;
		top: 50%;
		left: 0;
		transform: translateY(-50%);
		justify-content: space-between;
		z-index: 1;
	}
	
	[data-role="scroller"].on-edge [data-role="arrows"] .paging {
		display: none;
	}
	
}
/* End 1025px Responsive */
 
/* 1024px Responsive */
@media screen and (max-width:1024px) {

	[data-role="scroller"] [data-role="list"].items-100-1024 [data-role="item"] {
		width: 100%;
	}
	
	[data-role="scroller"] [class*="-grid"][data-role="list"].items-100-1024 [data-role="item"] {
		max-width: calc(100% - var(--grid-spacing)) !important;
		width: calc(100% - var(--grid-spacing)) !important;
	}
	
	[data-role="scroller"] [class*="-grid"][class*="-small"][data-role="list"].items-100-1024 [data-role="item"] {
		max-width: calc(100% - var(--grid-small-spacing)) !important;
		width: calc(100% - var(--grid-small-spacing)) !important;
	}
	
	[data-role="scroller"] [class*="-grid"][class*="-large"][data-role="list"].items-100-1024 [data-role="item"] {
		max-width: calc(100% - var(--grid-large-spacing)) !important;
		width: calc(100% - var(--grid-large-spacing)) !important;
	}
	
	[data-role="scroller"] [data-role="list"].items-50-1024 [data-role="item"] {
		width: 50%;
	}

	[data-role="scroller"] [data-role="list"].items-33-1024 [data-role="item"] {
		width: 33.333%;
	}

	[data-role="scroller"] [data-role="list"].auto-responsive [data-role="item"].third {
		width: 50%;
	}
	
	[data-role="scroller"] [data-role="list"].auto-responsive [data-role="item"].fifth {
		width: 33.333%;
	}
	
	[data-role="scroller"] [data-role="list"].auto-responsive [data-role="item"].sixth,
	[data-role="scroller"] [data-role="list"].auto-responsive [data-role="item"].seventh {
		width: 33.333%;
	}

	[data-role="scroller"] [class*='-grid'][data-role="list"].auto-responsive [data-role="item"].third {
		width: calc(50% - var(--grid-spacing));
		max-width: calc(50% - var(--grid-spacing));
	}
	

	[data-role="scroller"] [class*='-grid'][data-role="list"].auto-responsive [data-role="item"].fifth {
		width: calc(33.333% - var(--grid-spacing));
		max-width: calc(33.333% - var(--grid-spacing));
	}
	
	[data-role="scroller"] [class*='-grid'][class*="-small"][data-role="list"].auto-responsive [data-role="item"].fifth {
		width: calc(33.333% - var(--grid-small-spacing));
		max-width: calc(33.333% - var(--grid-small-spacing));
	}
	
	[data-role="scroller"] [class*='-grid'][class*="-large"][data-role="list"].auto-responsive [data-role="item"].fifth {
		width: calc(33.333% - var(--grid-large-spacing));
		max-width: calc(33.333% - var(--grid-large-spacing));
	}
	
	[data-role="scroller"] [class*='-grid'][data-role="list"].auto-responsive [data-role="item"].sixth {
		width: calc(33.333% - var(--grid-spacing));
		max-width: calc(33.333% - var(--grid-spacing));
	}
	
	[data-role="scroller"] [class*='-grid'][class*="-small"][data-role="list"].auto-responsive [data-role="item"].sixth {
		width: calc(33.333% - var(--grid-small-spacing));
		max-width: calc(33.333% - var(--grid-small-spacing));
	}
	
	[data-role="scroller"] [class*='-grid'][class*="-large"][data-role="list"].auto-responsive [data-role="item"].sixth {
		width: calc(33.333% - var(--grid-large-spacing));
		max-width: calc(33.333% - var(--grid-large-spacing));
	}
	
	
}
/* End 1024px Responsive */
 
 
/* 800px Responsive */
@media screen and (max-width:800px) {
	
	[data-role="scroller"] [data-role="list"].items-100-800 [data-role="item"] {
		width: 100%;
	}
	
	[data-role="scroller"] [class*="-grid"][data-role="list"].items-100-800 [data-role="item"] {
		max-width: calc(100% - var(--grid-spacing)) !important;
		width: calc(100% - var(--grid-spacing)) !important;
	}
	
	[data-role="scroller"] [class*="-grid"][class*="-small"][data-role="list"].items-100-800 [data-role="item"] {
		max-width: calc(100% - var(--grid-small-spacing)) !important;
		width: calc(100% - var(--grid-small-spacing)) !important;
	}
	
	[data-role="scroller"] [class*="-grid"][class*="-large"][data-role="list"].items-100-800 [data-role="item"] {
		max-width: calc(100% - var(--grid-large-spacing));
		width: calc(100% - var(--grid-large-spacing)) !important;
	}

	[data-role="scroller"] [data-role="list"].items-50-800 [data-role="item"] {
		width: 50%;
	}

	[data-role="scroller"] [data-role="list"].items-33-800 [data-role="item"] {
		width: 33.333%;
	}

	
	[data-role="scroller"] [data-role="list"].auto-responsive [data-role="item"].half {
		width: 100%;
	}
	
	[data-role="scroller"] [data-role="list"].auto-responsive [data-role="item"].third {
		width: 100%;
	}
	
	[data-role="scroller"] [data-role="list"].auto-responsive [data-role="item"].fourth {
		width: 50%;
	}
	
	[data-role="scroller"] [data-role="list"].auto-responsive [data-role="item"].fifth {
		width: 50%;
	}
	
	[data-role="scroller"] [data-role="list"].auto-responsive [data-role="item"].sixth,
	[data-role="scroller"] [data-role="list"].auto-responsive [data-role="item"].seventh {
		width: 50%;
	}

	[data-role="scroller"] [class*='-grid'][data-role="list"].auto-responsive [data-role="item"].half {
		width: calc(100% - var(--grid-spacing));
		max-width: calc(100% - var(--grid-spacing));
	}
	
	[data-role="scroller"] [class*='-grid'][class*="-small"][data-role="list"].auto-responsive [data-role="item"].half {
		width: calc(100% - var(--grid-small-spacing));
		max-width: calc(100% - var(--grid-small-spacing));
	}
	
	[data-role="scroller"] [class*='-grid'][class*="-large"][data-role="list"].auto-responsive [data-role="item"].half {
		width: calc(100% - var(--grid-large-spacing));
		max-width: calc(100% - var(--grid-large-spacing));
	}
	
	[data-role="scroller"] [class*='-grid'][class*="-small"][data-role="list"].auto-responsive [data-role="item"].third {
		width: calc(100% - var(--grid-small-spacing));
		max-width: calc(100% - var(--grid-small-spacing));
	}
	
	[data-role="scroller"] [class*='-grid'][class*="-large"][data-role="list"].auto-responsive [data-role="item"].third {
		width: calc(100% - var(--grid-large-spacing));
		max-width: calc(100% - var(--grid-large-spacing));
	}

	[data-role="scroller"] [class*='-grid'][data-role="list"].auto-responsive [data-role="item"].fourth {
		width: calc(50% - var(--grid-spacing));
		max-width: calc(50% - var(--grid-spacing));
	}
	
	[data-role="scroller"] [class*='-grid'][class*="-small"][data-role="list"].auto-responsive [data-role="item"].fourth {
		width: calc(50% - var(--grid-small-spacing));
		max-width: calc(50% - var(--grid-small-spacing));
	}
	
	[data-role="scroller"] [class*='-grid'][class*="-large"][data-role="list"].auto-responsive [data-role="item"].fourth {
		width: calc(50% - var(--grid-large-spacing));
		max-width: calc(50% - var(--grid-large-spacing));
	}

	[data-role="scroller"] [class*='-grid'][data-role="list"].auto-responsive [data-role="item"].fifth {
		width: calc(50% - var(--grid-spacing));
		max-width: calc(50% - var(--grid-spacing));
	}
	
	[data-role="scroller"] [class*='-grid'][class*="-small"][data-role="list"].auto-responsive [data-role="item"].fifth {
		width: calc(50% - var(--grid-small-spacing));
		max-width: calc(50% - var(--grid-small-spacing));
	}
	
	[data-role="scroller"] [class*='-grid'][class*="-large"][data-role="list"].auto-responsive [data-role="item"].fifth {
		width: calc(50% - var(--grid-large-spacing));
		max-width: calc(50% - var(--grid-large-spacing));
	}
	
	[data-role="scroller"] [class*='-grid'][data-role="list"].auto-responsive [data-role="item"].sixth {
		width: calc(50% - var(--grid-spacing));
		max-width: calc(50% - var(--grid-spacing));
	}
	
	[data-role="scroller"] [class*='-grid'][class*="-small"][data-role="list"].auto-responsive [data-role="item"].sixth {
		width: calc(50% - var(--grid-small-spacing));
		max-width: calc(50% - var(--grid-small-spacing));
	}
	
	[data-role="scroller"] [class*='-grid'][class*="-large"][data-role="list"].auto-responsive [data-role="item"].sixth {
		width: calc(50% - var(--grid-large-spacing));
		max-width: calc(50% - var(--grid-large-spacing));
	}
	
}
/* End 800px Responsive */
 
 
/* 500px Responsive */
@media screen and (max-width:500px) {
	
	[data-role="scroller"] [data-role="list"].items-100-500 [data-role="item"] {
		width: 100%;
	}
	
	[data-role="scroller"] [class*="-grid"][data-role="list"].items-100-500 [data-role="item"] {
		max-width: calc(100% - var(--grid-spacing)) !important;
		width: calc(100% - var(--grid-spacing)) !important;
	}
	
	[data-role="scroller"] [class*="-grid"][class*="-small"][data-role="list"].items-100-500 [data-role="item"] {
		max-width: calc(100% - var(--grid-small-spacing)) !important;
		width: calc(100% - var(--grid-small-spacing)) !important;
	}
	
	[data-role="scroller"] [class*="-grid"][class*="-large"][data-role="list"].items-100-500 [data-role="item"] {
		max-width: calc(100% - var(--grid-large-spacing)) !important;
		width: calc(100% - var(--grid-large-spacing)) !important;
	}

	[data-role="scroller"] [data-role="list"].items-50-500 [data-role="item"] {
		width: 50%;
	}

	[data-role="scroller"] [data-role="list"].auto-responsive [data-role="item"].fourth {
		width: 100%;
	}
	
	[data-role="scroller"] [data-role="list"].auto-responsive [data-role="item"].fifth {
		width: 100%;
	}
	
	[data-role="scroller"] [data-role="list"].auto-responsive [data-role="item"].sixth,
	[data-role="scroller"] [data-role="list"].auto-responsive [data-role="item"].seventh {
		width: 100%;
	}

	[data-role="scroller"] [class*='-grid'][data-role="list"].auto-responsive [data-role="item"].third {
		width: calc(100% - var(--grid-spacing));
		max-width: calc(100% - var(--grid-spacing));
	}
	

	[data-role="scroller"] [class*='-grid'][data-role="list"].auto-responsive [data-role="item"].fourth {
		width: calc(100% - var(--grid-spacing));
		max-width: calc(100% - var(--grid-spacing));
	}
	
	[data-role="scroller"] [class*='-grid'][class*="-small"][data-role="list"].auto-responsive [data-role="item"].fourth {
		width: calc(100% - var(--grid-small-spacing));
		max-width: calc(100% - var(--grid-small-spacing));
	}
	
	[data-role="scroller"] [class*='-grid'][class*="-large"][data-role="list"].auto-responsive [data-role="item"].fourth {
		width: calc(100% - var(--grid-large-spacing));
		max-width: calc(100% - var(--grid-large-spacing));
	}

	[data-role="scroller"] [class*='-grid'][data-role="list"].auto-responsive [data-role="item"].fifth {
		width: calc(100% - var(--grid-spacing));
		max-width: calc(100% - var(--grid-spacing));
	}
	
	[data-role="scroller"] [class*='-grid'][class*="-small"][data-role="list"].auto-responsive [data-role="item"].fifth {
		width: calc(100% - var(--grid-small-spacing));
		max-width: calc(100% - var(--grid-small-spacing));
	}
	
	[data-role="scroller"] [class*='-grid'][class*="-large"][data-role="list"].auto-responsive [data-role="item"].fifth {
		width: calc(100% - var(--grid-large-spacing));
		max-width: calc(100% - var(--grid-large-spacing));
	}
	
	[data-role="scroller"] [class*='-grid'][data-role="list"].auto-responsive [data-role="item"].sixth {
		width: calc(100% - var(--grid-spacing));
		max-width: calc(100% - var(--grid-spacing));
	}
	
	[data-role="scroller"] [class*='-grid'][class*="-small"][data-role="list"].auto-responsive [data-role="item"].sixth {
		width: calc(100% - var(--grid-small-spacing));
		max-width: calc(100% - var(--grid-small-spacing));
	}
	
	[data-role="scroller"] [class*='-grid'][class*="-large"][data-role="list"].auto-responsive [data-role="item"].sixth {
		width: calc(100% - var(--grid-large-spacing));
		max-width: calc(100% - var(--grid-large-spacing));
	}
	
}
/* End 500px Responsive */
 
 
/* 380px Responsive */
@media screen and (max-width:380px) {
	
	[data-role="scroller"] [data-role="list"].items-100-380 [data-role="item"] {
		width: 100%;
	}
	
	[data-role="scroller"] [class*="-grid"][data-role="list"].items-100-380 [data-role="item"] {
		max-width: calc(100% - var(--grid-spacing)) !important;
		width: calc(100% - var(--grid-spacing)) !important;
	}
	
	[data-role="scroller"] [class*="-grid"][class*="-small"][data-role="list"].items-100-380 [data-role="item"] {
		max-width: calc(100% - var(--grid-small-spacing)) !important;
		width: calc(100% - var(--grid-small-spacing)) !important;
	}
	
	[data-role="scroller"] [class*="-grid"][class*="-large"][data-role="list"].items-100-380 [data-role="item"] {
		max-width: calc(100% - var(--grid-large-spacing)) !important;
		width: calc(100% - var(--grid-large-spacing)) !important;
	}
	
}
/* End 380px Responsive */