/** Mobile **/
@media (max-width: 767px) {
  .commitchange-donate[data-fixed] {
    display:none;
  }
  body {
    padding-top:26px;
  }
  .topbar-premium {
    padding-top:16px;
  }
  body .mm-list a.mm-subopen {
    width:100%;
  }
  .tweet-fbshare img:first-child {
    margin-right:10px;
  }
  .tweet-fbshare img {
    margin-top:15px;
  }
  .related-stories .row > div,
  .recommended-shows .row > div {
    margin-bottom:16px;
  }
  .video-wrapper .overlay .text1 {
    margin-top:20%;
  }
  .cart-container {
    margin-top:30px;
  }
  .social {
    padding-top:20px;
  }
  .big-story, .single-story {
    margin-bottom: 20px;
  }
  .premium.col-sm-8 {
    padding-top:12px;
    border-top: 1px solid #CCC;
    margin-top: 12px;
  }
  .premium .premium.pull-right {
    float:none !important;
  }
  .hide-mobile {display:none;}
  .show-mobile {display:block;}
  .floatright,
  .floatleft {
    float: none;
    margin:16px auto !important;
    display:block;
  }
  #main-navbar {display:none;}
  #mobile-menu-wrapper {
    background:#343434;
    padding:8px 0 8px;
    position:fixed;
    z-index:3;
    top:0px;
    left:0px;
    width:100%;
    text-align:center;
    display:block;
    cursor:pointer;
    box-shadow:-1px 2px 5px #999;
  }
  .gain-full-access {
    display:block;
    margin:20px auto;
    float:none;
  }
  .logo {
    text-align:center;
  }
  .forgot-password {
    margin-bottom: 16px;
  }
  .trending {
    margin-bottom:12px;
  }
  #premium-bar .row > div,
  #premium-bar .row a > div {
    padding:6px;
    font-size:12px;
    text-align:center;
  }
  .featured-content-inner {
    margin-left:auto;
    margin-right:auto;
  }
  .featured-content .play {
    background-size:60px 60px;
    width:60px;
    height:60px;
    top:30px;
    left:140px;
  }
  .featured-content .overlay {
    padding:12px 20px;
  }
  .featured-content h1 {
    font:700 30px/110% 'Open Sans Condensed';
  }
  .featured-content .image {
    width:310px;
  }
  .featured-content .meta,
  .featured-content .add-this {
    float:none;
  }
  .featured-toc {
    margin:12px 0 20px 0;
  }

  .video-detail-sectioned .show-title {
    width:inherit;
    margin:inherit;
    margin-bottom:12px;
  }
  .right-sidebar .top-left,
  .right-sidebar .top-right {
    width:100%;
    margin-bottom:10px;
    text-align:center;
  }
  .video-detail .add-this {
    float:none;
    margin-top:10px;
  }
  .right-sidebar {
    margin-top:30px;
  }
  .advertisement {
    text-align:center;
  }
  span.section-button,
  a.section-button {
    margin-right:10px;
    padding:10px 16px;
    font:12px/14px 'Open Sans';
  }
  .video-archive-dated .apply-reset {
    padding-top:0;
    margin-bottom:30px;
  }
  .video-archive .body-content {
    margin-bottom:20px;
  }
  .video-archive-sectioned .section-buttons .btn {
    margin:0 8px 8px 0;
  }
  .results-row .video-thumb-wrapper {
    float: none;
    margin-right:0;
    margin-bottom:10px;
  }
  #carousel .owl-prev,
  #carousel .owl-next {
    position:absolute;
    top:30%;
    background-size:17px 27px;
  }
  #carousel .owl-prev {
    left:8px;
  }
  #carousel .owl-next {
    right:8px;
  }
  #carousel .owl-title {
    top:5px;
    left:40px;
    font: bold 18px/20px 'Open Sans Condensed';
    padding:10px 12px;
    max-width:80%;
  }

  #carousel .owl-description {
    left:40px;
    font: bold 16px/18px 'Open Sans Condensed';
    max-width:80%;
    padding:10px 12px;
    bottom:5px;
  }
  .logged-in .user-inner {
    text-align:center;
    padding-bottom:20px;
  }
  .logged-in .user {
    border-top:1px solid #ccc;
    padding-top:14px;
    width:250px;
    margin:0 auto;
  }
  .front .right-sidebar .show-container {
      width: 165px;
      height:93px;
      margin:0 auto;
  }
  .front .right-sidebar .show-title {
      text-align:center;
  }
  h2.big-grey {
    font:700 24px/100% 'Open Sans Condensed';
  }
}

/** Narrow or Tablet **/
@media (min-width: 768px) and (max-width: 991px) {
  .video-wrapper .overlay .text1 {
    margin-top:20px;
    font-size:18px;
  }
  .video-wrapper .overlay .text1.big {
    margin-top:35px;
  }
  .video-wrapper .overlay .text2 {
    font-size:14px;
  }
  .count {display:none !important;}
  .social {padding-top:18px;}

  .search .input-group-btn {
    float: left;
    display: block;
  }

  .search .input-group-btn button {
    margin-top:4px;
    padding:4px 8px;
    display: block;
    font-size:12px;
  }
  .navbar {
    margin-top:10px;
  }
  .navbar-collapse li a {font:bold 22px/150% 'Open Sans Condensed';}
  .navbar-nav > li > a {
    padding: 10px 10px;
  }
  a.search-link {
    font:bold 22px/150% 'Open Sans Condensed';
    margin-top:24px;
  }
  .col-sm-2 > a.search-link {
    margin-top:26px;
    font-size:20px;
  }
  .user-dropdown-dark {
    margin-top: 24px;
  }
  .user-dropdown-dark button {
    font-size:18px;
  }
  .gain-full-access {
    float:right;
    margin: 0px 20px 15px 0;
  }
  .forgot-password {
    width:100%;
    float:none;
    text-align:center;
    padding:8px;
  }
  .login-button {
    padding-top:0;
    text-align:center;
  }
  .small-grey-caps {
    font:600 10px/12px 'Open Sans';
  }
  .front .featured-toc .black-title-medium {
    font:bold 18px/18px 'Open Sans Condensed';
  }
  .featured-content h1 {
    font:700 26px/110% 'Open Sans Condensed';
  }
  .featured-content .image {
    width:408px;
  }
  .red-label-overlay {
    font:11px/11px 'Open Sans';
    padding:5px 0px;
  }
  .user .input-group-addon {
    padding: 2px 12px;
  }
  .user .form-control {
    height: 26px;
    padding: 5px 12px;
    font-size: 12px;
  }
  .navbar-collapse {
    margin-top:2px;
  }
  .odd .video-thumb-wrapper {
    margin-right:12px;
  }
  .pagination > li > a,
  .pagination > li > span {
    padding:3px 6px;
  }
  .btn.search-archive {
    width:100px;
    white-space:inherit;
    line-height:130%;
  }
  .right-sidebar .top-left,
  .right-sidebar .top-right {
    width:100%;
    margin-bottom:10px;
    text-align:center;
  }
  .right-sidebar .input-group input.form-control,
  .right-sidebar .input-group-btn {
    float: none;
    display:block;
    font-size:12px;
  }
  .right-sidebar .input-group input.form-control {
    margin-bottom:4px;
  }

  span.section-button,
  a.section-button {
    margin-right:10px;
    padding:10px 16px;
    font:12px/14px 'Open Sans';
  }
  .video-archive-sectioned .section-buttons .btn {
    margin:0 8px 8px 0;
  }
  #carousel .owl-prev,
  #carousel .owl-next {
    position:absolute;
    top:75px;
  }
  #carousel .owl-title {
    top:20px;
    left:75px;
    font: bold 30px/34px 'Open Sans Condensed';
    max-width:600px;
  }

  #carousel .owl-description {
    left:75px;
    font: bold 18px/20px 'Open Sans Condensed';
    max-width:600px;
    padding:14px 20px;
  }
  .store .branding .logo {
    line-height:100px;
  }
  .store .branding .logo-subtext {
    margin-bottom:12px;
  }
  .btn.category {
    margin-bottom:10px;
    font-size:12px;
  }
  .logged-in .user {
    padding-top:8px;
  }
  h2.big-grey {
    font:700 24px/100% 'Open Sans Condensed';
  }
}

/** Normal **/
@media (min-width: 992px) and (max-width:1199px) {
  .video-wrapper .overlay .text1 {
    margin-top:30px;
    font-size:18px;
  }
  .video-wrapper .overlay .text1.big {
    margin-top:55px;
  }
  .video-wrapper .overlay .text2 {
    font-size:14px;
  }
  .social {padding-top:18px;}
  .gain-full-access {
    margin-top:0;
    margin-bottom:10px;
  }
  .navbar-collapse li a {
    font-size:22px;
  }
  .pagination > li > a, .pagination > li > span {
    padding: 4px 8px;
  }
  .featured-content .play {
    top:50px;
    left:220px;
  }
  .featured-content h1 {
    font:700 35px/110% 'Open Sans Condensed';
  }
  .featured-content .image {
    width:536px;
  }
  .user .input-group-addon {
    padding: 2px 12px;
  }
  .user .form-control {
    height: 26px;
    padding: 5px 12px;
    font-size: 12px;
  }
  .navbar {
    margin-top: 6px;
  }
  .navbar-collapse {
    margin-top:0px;
  }
  .navbar-nav > li > a {
    padding: 10px 12px;
  }
  a.search-link {
    margin-top:20px;
    font-size:20px;
  }
  .user-dropdown-dark {
    margin-top: 18px;
  }
  .odd .video-thumb-wrapper {
    margin-right:12px;
  }
  .right-sidebar input.form-control {
    font-size:10px;
    padding-left:8px;
  }
  .video-archive-sectioned .section-buttons .btn {
    margin:0 10px 10px 0;
    font-size:14px;
  }
  #carousel .owl-prev,
  #carousel .owl-next {
    position:absolute;
    top:110px;
  }
  #carousel .owl-title {
    top:30px;
    left:90px;
    font: bold 34px/38px 'Open Sans Condensed';
    max-width:780px;
  }

  #carousel .owl-description {
    left:120px;
    font: bold 20px/26px 'Open Sans Condensed';
    max-width:750px;
  }
  .store .branding .logo {
    line-height:100px;
  }
  .store .branding .logo-subtext {
    margin-bottom:12px;
  }
  .logged-in .user {
    padding-top:8px;
  }
}

/** Wide **/
@media (min-width: 1200px) {
  .video-archive-sectioned .section-buttons .btn {
    margin:0 12px 10px 0;
    font-size:16px;
  }
}

/** Above Mobile **/
@media (min-width: 768px) {
  .hide-mobile {display:block;}
  .show-mobile {display:none;}
  #mobile-menu-wrapper {display:none;}
  .front #main {
    position:relative;
  }
}

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-15 {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
.col-sm-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}

/** Very Small **/
@media (max-width: 450px) {
  .red-label-overlay {
    font:8px/8px 'Open Sans';
  }
}