.tabContentBox {
    position: relative;
    float: left;
    width: 100%
}

.tabContentPic {
    position: relative;
    float: left;
    width: 100%;
    margin: 0 0 0 0;
}

.tabContentPic img {
    display: block;
    min-width: 100%;
}

.tabContentText {
    position: relative;
    float: left;
    padding: 4%;
    width: 100%;
    margin: 0;
    text-align: center;
}

.tabContentText h2 {
    color: #5e9732;
    margin: 0.5em 0 0.5em 0;
    text-transform: capitalize;
    font-weight: normal;
}

.tabContentText a {
    display: block;
    width: 100%;
    text-decoration: none;
    color: #000000;
}

.tabContentText a:hover, .tabContentText a:visited {
    color: #282828;
}

.tabAction a {
    display: block;
    position: absolute;
    width: 100%;
    height: 450px;
    top: 0;
    left: 0;
    padding: 0;
    text-indent: 90000px;
    overflow: hidden;
    z-index: 30;
    background-color: rgba(255,255,255,0);
}

.tabAction a:hover {
    background-color: rgba(255,255,255,0.3);
}

.tabCallout a {
    display: block;
    width: 100%;
    padding: 4%;
    color: #003764;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    z-index: 20;
    opacity: 0.7;
}

.tabCallout a:hover {
    opacity: 1;
}

.tabCallout a:visited {
    color: #003764;
    opacity: 1;
}

.astro_greyTabbody {
    position: relative;
    float: left;
    width: 100%;
}

.astro_greyTabbody {
    float: unset !important;
}

.astro_greyTabbody li {
    float: unset !important;
}

.astro_greyTabbody ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.astro_greyTabbody li {
    display: inline-block;
    position: relative;
    float: left;
    background-color: #f3f3f4;
    padding: 0;
    overflow: hidden;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-bottom-color: #dedede;
}

.astro_short_greyTabbody, .greyTabbody_2 {
    position: relative;
    width: 100%;
}

.astro_short_greyTabbody ul, .greyTabbody_2 ul {
    list-style-type: none;
    margin: 0 !important;
    padding: 0;
}

.astro_short_greyTabbody li, .greyTabbody_2 li {
    display: inline-block;
    position: relative;
    background-color: #f3f3f4;
    padding: 0;
    overflow: hidden;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-bottom-color: #dedede;
}

.astro_short_greyTabbody .tabCallout a, .greyTabbody_2 .tabCallout a {
    display: inline-block;
    width: 66%;
    padding: 2%;
    text-align: center;
    color: #ffffff;
    background-color: #4b8515;
    text-decoration: none;
}

.astro_short_greyTabbody .tabCallout a:hover, .astro_short_greyTabbody .tabCallout a:visited, .greyTabbody_2 .tabCallout a:hover, .greyTabbody_2 .tabCallout a:visited {
    color: #ffffff;
    text-decoration: none;
}

.astro_short_greyTabbody .tabCallout a:hover, .greyTabbody_2 .tabCallout a:hover {
    opacity: 0.75;
}

.greyTab_text {
    position: relative;
    width: 100%;
}

.astro_short_greyTabbody .greyTab_text, .greyTabbody_2 .greyTab_text {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}

.tab_video {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    height: 0;
}

.tab_video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.greyTab_short {
    height: 360px;
}

/*===Phone================================================================================================*/
@media screen and (max-width: 38.4375em) {

    .tabContentText h2 {
        font-size: 1.15em;
    }

    .tabContentText {
        font-size: 1em;
    }

    .tabCallout a {
        position: relative;
        float: left;
        bottom: 0;
        left: 0;
        font-size: 0.85em;
        margin: 1.5em 0 0 0;
    }

    .astro_greyTabbody li {
        display: block;
        width: 98%;
        margin: 0 1% 3em 1%;
    }

    .astro_short_greyTabbody li, .greyTabbody_2 li {
        display: block;
        width: 98%;
        height: unset;
        margin: 0 1% 3em 1%;
    }

    .astro_greyTabbody li:nth-child(3n+3) {
        margin: 0 1% 3em 1%;
    }

    .astro_short_greyTabbody li:nth-child(3n+3) {
        margin: 0 1% 3em 1%;
    }

    .astro_short_greyTabbody .tabCallout a, .greyTabbody_2 .tabCallout a {
        position: relative;
        float: left;
        margin: 0 15% 20px 15%;
    }

}


/*===tablet================================================================================================*/

@media screen and (min-width: 38.4375em) {

    .tabContentText h2 {
        font-size: 1.25em;
    }

    .tabContentText {
        font-size: 1em;
    }

    .tabCallout a {
        position: absolute;
        float: none;
        bottom: 0;
        left: 0;
        font-size: 0.85em;
        margin: 0;
    }

    .proresourceTitle {
        float: none;
        width: 70%;
        margin: 2.5em auto 3em auto;
    }

    .astro_greyTabbody li {
        width: 48%;
        height: 475px;
        margin: 0 2% 2em 0;
    }

    .astro_greyTabbody li:nth-child(2n+2) {
        margin: 0 0 2em 0;
    }

    .astro_short_greyTabbody li {
        width: 48%;
        height: 375px;
        margin: 0 2% 2em 0;
    }

    .astro_greyTabbody li:nth-child(3n+3) {
        margin: 0 2% 2em 0;
    }

    .astro_greyTabbody {
        display: block;
    }

    .astro_short_greyTabbody li:nth-child(2n+2) {
        margin: 0 0 2em 0;
    }

    .astro_short_greyTabbody li:nth-child(3n+3) {
        margin: 0 2% 2em 0;
    }

    .astro_short_greyTabbody {
        display: block;
    }

    .astro_short_greyTabbody .tabCallout a {
        position: absolute;
        bottom: 20px;
        float: unset;
        margin: 0 15%;
    }

    .greyTabbody_2 li {
        display: block;
        width: 98%;
        height: unset;
        margin: 0 1% 3em 1%;
    }

    .greyTabbody_2 .tabCallout a {
        position: relative;
        float: left;
        margin: 0 15% 20px 15%;
    }


}


/*===Small Screen================================================================================================*/
@media screen and (min-width: 53.875em) {

    .astro_short_greyTabbody li {
        width: 30.5%;
        height: 350px;
        margin: 0 4% 3em 0;
    }

    .greyTabbody_2 li {
        width: 48%;
        height: 350px;
        margin: 0 4% 3em 0;
    }

    .greyTabbody_2 li:nth-child(2) {
        margin: 0 0 3em 0;
    }

    .astro_greyTabbody li {
        width: 30%;
        height: 435px;
        margin: 0 4% 3em 0;
    }

    .astro_greyTabbody li:nth-child(2n+2) {
        margin: 0 4% 3em 0;
    }

    .astro_greyTabbody li:nth-child(3n+3) {
        margin: 0 0 3em 0;
    }

    .astro_short_greyTabbody li:nth-child(2n+2) {
        margin: 0 4% 3em 0;
    }

    .astro_short_greyTabbody li:nth-child(3n+3) {
        margin: 0 0 3em 0;
    }

}


/*===Large Screen================================================================================================*/
@media screen and (min-width: 70.8125em) {

    

}