/* ####################################################################
  Hub Style Blog Responsive Styling
#################################################################### */


@media (max-width:1080px) {
  
  .hub-style-wrapper {
    width: 900px; }

  .hub-style-wrapper .wide {
    width: 590px; }

  .hub-style-wrapper .thin {
    width: 280px; }

  .hub-style-wrapper .row.wt .wide,
  .hub-style-wrapper .row.tw .thin {
    margin-right: calc(100% - 870px); }

  .hub-style-wrapper .row.ttt .thin:nth-of-type(1),
  .hub-style-wrapper .row.ttt .thin:nth-of-type(2) {
    margin-right: calc((100% - 840px)/2); }

} /* max-width:1080px */





@media (max-width:958px) {
  
  .hub-style-wrapper {
    width: 650px; }

  .hub-style-wrapper .row.wt .wide,
  .hub-style-wrapper .row.wt .thin,
  .hub-style-wrapper .row.tw .wide,
  .hub-style-wrapper .row.tw .thin,
  .hub-style-wrapper .row.ttt .thin:nth-of-type(3) {
    width: 650px;
    margin-right: 0; }

  .hub-style-wrapper .row.ttt .thin:nth-of-type(1),
  .hub-style-wrapper .row.ttt .thin:nth-of-type(2) {
    width: 310px; }

  .hub-style-wrapper .row.ttt .thin:nth-of-type(1) {
    margin-right: calc(100% - 620px); }

  .hub-style-wrapper .row.ttt .thin:nth-of-type(2) {
    margin-right: 0; }

} /* max-width:958px */




@media (max-width:710px) {
  
  .hub-style-wrapper {
    width: 590px; }

  .hub-style-wrapper .row.wt .wide,
  .hub-style-wrapper .row.wt .thin,
  .hub-style-wrapper .row.tw .wide,
  .hub-style-wrapper .row.tw .thin,
  .hub-style-wrapper .row.ttt .thin:nth-of-type(3) {
    width: 590px; }

  .hub-style-wrapper .row.ttt .thin:nth-of-type(1),
  .hub-style-wrapper .row.ttt .thin:nth-of-type(2) {
    width: 280px; }

  .hub-style-wrapper .row.ttt .thin:nth-of-type(1) {
    margin-right: calc(100% - 560px); }

} /* max-width:710px */




@media (max-width:650px) {
  
  .hub-style-wrapper {
    width: 100%;
    max-width: 310px; }

  .hub-style-wrapper .row.ttt .thin:nth-of-type(n),
  .hub-style-wrapper .row.wt .thin,
  .hub-style-wrapper .row.wt .wide,
  .hub-style-wrapper .row.tw .thin,
  .hub-style-wrapper .row.tw .wide {
    width: 100%; }
  
  .hub-style-wrapper .block.wide .feature-btm,
  .hub-style-wrapper .block.thin .feature-btm, 
  .hub-style-widget .block.thin .feature-btm {
    font-size: 1.375em;
    padding: 13px 18px 14px; }

  .hub-style-wrapper .wide .additional-links ul li {
    width: auto; }

} /* max-width:650px */





/* END Hub Style Blog ############################################# */