.inner              {position:relative;}
.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;}

.ads.inner {
    padding:20px 0;
    min-height:0;
}
.ad-bg {
    background: url('/gfx/annons-bg.png') no-repeat center center; 
    background-size:cover;
    max-width:1149px; 
    height:237px;
    width:100%;
    position:relative;
    margin:0 auto;
}

.ads .left-content {
    display: inline-block;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50px;
    transform: translate(0%, -50%);
    color: #a9dcf2;
    font-size:20px;
    font-weight:bold;
    max-width:60%;
}

.ads .right-content {
    display: inline-block;
    margin: 0;
    position: absolute;
    top: 50%;
    right:100px;
    transform: translateY(-50%);
    color: #a9dcf2;
    font-size: 20px;
    font-weight: bold;
    max-width:25%;
}

.ads a {
    display:block;
    width:100%;
    height:237px;
}

.ads .adLinkBtn {
    background-color: #ea5b0c;
    color: #ffffff;
    padding: 10px 15px;
    border-radius: 20px;
    white-space: nowrap;
}

.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;}
.case-info table td:last-child           {width:260px;}

.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;}

    .ad-bg {        
        min-height: 237px;   
        height:auto;
        padding:50px;
    }

    .ads .left-content {
        display: block;
        position: relative;
        width: 100%;
        padding: 0px;
        left: 0;
        transform: unset;
        max-width: 100%;
        text-align: center;
    }

    .ads .right-content {
        display: block;
        position: relative;
        width: 100%;
        right: 0px;
        transform: unset;
        max-width:100%;
        padding:50px 0 0 0;
        top:0;
        text-align:center;

    }

    .ads a {        
        min-height: 237px;
        height:auto;
    }

    .ads .adLinkBtn {
        display:inline-block;
        white-space:normal;
    }
}

@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)
{
 
}