﻿.inner              {position:relative;}
.casemenuinner      {position:relative; text-align:center;}
.inner .casemenu    {display:inline-block; text-align:center;}
.casemenu li        {display:inline-block; background-color:#686767;padding:20px; margin:0 0 10px 0; text-transform:uppercase;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; color:#ffffff; }
.casemenu li a      {padding:20px; color:#ffffff; }
.casemenu li:hover  {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; cursor:pointer; color:#ffffff;}

.caseList                   {margin: 10px -10px; overflow: hidden; display: flex; flex-wrap: wrap; }
.caseList .caseItem         {float: left; width: 33.3%; max-width:387px; text-align:center; margin-bottom:20px; }
.caseItem .caseItemInner    {padding: 10px; margin: 10px;}
.caseItem .imageContainer   {width:100%; padding-bottom:64%; overflow: hidden; background-position:center; background-size:cover; background-repeat:no-repeat; position:relative;}
.caseItem .imageContainer a {display:block; width:100%; height:100%; position:absolute;}
.caseItem .imageContainer img     {position: absolute; left: 0; bottom: 0; right: 0; top: 0; margin: auto; }
.caseItem .imageContainer .tag    {position: absolute; left: 0; bottom: 0; color:#ffffff; padding:10px 15px;-webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px;border-top-right-radius: 4px;}

.caseList .caseItem h3      {font-weight:700;}
.caseList .caseItem p       {font-size:14px;}

.case-info table td:first-child {padding-right:20px; box-sizing:border-box;}

.product-breadcrumb {font-size:0.7em; color:#999999; padding-bottom:1em;}
.product-breadcrumb a {color:#999999; text-transform: capitalize;}

.caseVideo { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; margin-bottom:60px;}
.caseVideo iframe, .caseVideo object, .caseVideo embed { position: absolute; top: 0; left: 0;width: 100%; height: 100%;}

.casefb {height:55px;}
.pdfContainer   {position:absolute; right:0; bottom:20px; text-align:left; width:280px; }
.pdfbtn         {clear:both;background:url('/gfx/pdf-icon.png') no-repeat right center; padding-right:30px; display:inline-block; height:25px; font-size:14px; text-decoration:none; margin-top:5px; text-align:right; float:right;}
.ddlStores                          {width:280px;}
.ddlStores, .ddlStores select      {font-size:11px;}


@media screen and (max-width: 1024px)
{
    .caseList .caseItem    {width:50%; margin-left:auto; margin-right:auto;}
    .casemenu li           {padding:10px;}
    .pdfContainer           {position:relative; margin-top:20px;}
}

@media screen and (max-width: 600px)
{
    .caseList .caseItem    {width:100%;}
    .case-info table td {display:block;}
    .case-info table td:last-child  {text-align:left;}
}

@media screen and (max-width: 480px)
{
 
}