/* pod and company page widgets */
.offerNFBox { float: left; width: 315px; height: 280px; margin: 10px 6px 10px 6px; position: relative; }
.offerNFBoxInner { width: 100%; position: absolute; bottom: 0; left: 0; padding-top: 40px; overflow: hidden; background: -webkit-linear-gradient(rgba(187,187,187,0), black); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(rgba(187,187,187,0), black); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(rgba(187,187,187,0), black); /* For Firefox 3.6 to 15 */ background: rgba(187,187,187,0); /* compat */ background: linear-gradient(rgba(187,187,187,0), black); /* Standard syntax */ }
.offerNFTextBox { padding: 6px; }
.white { color: white; }
.offerNFTitle { font-size: 13pt; line-height: 16pt; height: 18pt; text-shadow: 1px 1px #222; }
    .offerNFTitle a { color: #fff; }
.offerNFTwoTitle { font-size: 13pt; line-height: 16pt; height: auto; text-shadow: 1px 1px #222; }
    .offerNFTwoTitle a { color: #fff; }
.offerNFCompany { font-size: 11pt; line-height: 13pt; height: 13pt; }
    .offerNFCompany a { color: #f15a23; }
.offerNFAmounts { font-size: 11pt; line-height: 14pt; height: 0px; /* 14pt */ }
.offerBackgroundBox { border-radius: 10px; border-color: white; color: white; }
div.offerNFFromBox { height: 28px; font-size: 10px; line-height: 12px; padding: 3px 50px 3px 10px; overflow: hidden; /* background-color: #f15a23; */ color: White; font-weight: 600; text-align: left; }
a.offerNFFromBox { text-decoration: none; }
.offerNFArrow { right: 6px; top: 274px; position: absolute; }
.offerBackgroundBox { -webkit-background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; border-radius: 10px; border-color: white; }

/* @@media all and (min-width: 1250px) {
            .offerNFBox { margin-left: 2px; margin-right: 2px; width: calc((100% - 20px) / 5); }
            .offersContainer { width: 1250px; margin: 0 auto; }
        } */

@media all and (min-width: 1000px) /* and (max-width: 1249px) */ {
    .offerNFBox { margin-left: 2px; margin-right: 2px; width: calc((100% - (4 * 2 * 2px)) / 4); }
    .offerNFBoxSuperWide { width: calc((100% - 16px) / 4 * 3); }
}

@media all and (min-width: 750px) and (max-width: 999px) {
    .offerNFBox { margin-left: 2px; margin-right: 2px; width: calc((100% - (3 * 2 * 2px)) / 3); }
    .offerNFBoxSuperWide { width: calc((100% - 16px) / 3 * 2); }
}

@media all and (min-width: 500px) and (max-width: 749px) {
    .offerNFBox { margin-left: 2px; margin-right: 2px; width: calc((100% - (2 * 2 * 2px)) / 2); }
    .offerNFBoxSuperWide { width: calc((100% - 16px) / 2 * 1); }
}

@media all and (max-width:499px) {
    .offerNFBox { margin-left: 0px; margin-right: 0px; width: 99%; }
}