@media (max-width: 767.98px) {
  * {
    box-sizing: border-box;
  }

  body {
    margin: 0;
    font-size: 80%;
  }

  body.noscroll {
    overflow: hidden;
  }

  body.noscroll .container {
    display: none;
  }

  #container {
    width: auto;
  }

  .header-mobile {
    background-image: url("images/header-mobile-not-homepage.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100px;
  }

  .header-mobile.header-mobile-homepage {
    background-image: url("images/header-mobile-homepage.jpg");
  }

  #banner {
    width: auto;
  }

  #logo {
    float: none;
    width: auto;
    height: auto;
  }

  #comingSoon {
    position: relative;
  }

  #comesoon_container table {
    width: 100%;
  }

  .csTsr img {
    width: 100%;
  }

  #menu .menu-panel {
    background-color: rgba(38, 52, 59, 1);
    display: none;
  }

  #menu:before {
    content: "MENU";
    background: #eeeeee;
    border: 1px solid #eeeeee;
    margin: 5px auto;
    position: relative;
    top: -35px;
    font-size: 15px;
    padding: 10px 25px;
    color: #000000;
    float: right;
  }

  #menu.is-open {
    top: 80px !important;
    width: 100%;
  }

  #menu.is-open:before {
    content: "CLOSE";
    top: -70px;
  }

  #menu.is-open .menu-panel {
    display: block;
    margin-top: -28px;
    margin-right: 0;
  }

  #menu.is-open,
  #menu {
    margin: 10px auto;
    margin-top: 0;
    border: none;
    position: absolute;
    top: 45px;
    right: 35px;
    z-index: 999;
    padding: 20px;
    width: 100px;
    right: 0;
  }

  #menu.is-open {
    width: 100%;
  }

  #menu .menu-item,
  #menu .menu-cat-text {
    display: block;
    padding: 10px 16px;
    width: 100%;
    border-bottom: 1px solid #6b6f72;
    font-size: 135%;
  }

  #menu .menu-cat-text {
    border: 0;
    background-color: #6b6f72;
    font-weight: bold;
  }

  #menu .menu-item:last-child {
    border-bottom: 0;
  }

  #menu .menu-item a {
    display: inline-block;
    width: 100%;
    padding: 8px;
  }

  #pg_left_padder {
    width: auto;
    padding: 0;
  }

  .left_column,
  .right_column {
    background: none;
    float: none;
    width: auto;
    padding: 0;
  }

  #show_reel_cont {
    display: none;
  }

  #mobile_previews {
    display: block;
    padding: 15px 15px;
    padding-top: 0;
  }

  #mobile_previews .mobile_previews-left,
  #mobile_previews .mobile_previews-right {
    width: 50%;
  }

  #mobile_previews .mobile_previews-left {
    float: left;
  }

  #mobile_previews .mobile_previews-right {
    float: right;
  }

  #mobile_previews::after {
    display: block;
    clear: both;
    content: "";
  }

  #introMessage {
    margin-top: 10px;
  }

  #blog {
    width: 100%;
  }

  #blog .entry {
    padding: 10px 0;
    margin-bottom: 10px;
  }

  #pg_left {
    float: none;
    width: auto;
    background: none;
    padding: 0;
  }

  #blog .blog-left,
  #blog .blog-right,
  #pg_right {
    float: none;
    width: auto;
  }

  #cycler,
  #freeTourButton,
  #freeTourButtonBr,
  #IFMstats,
  #forumPrev,
  #profilebanner,
  #rightCol,
  #footer,
  #quick_search {
    display: none;
  }

  .blog-title .blog-title-left {
    float: none;
  }

  .blog-title .blog-title-right {
    float: none;
    text-align: left;
  }

  .news_bottom_line td {
    display: block;
    width: 99.9%;
    clear: both;
    text-align: center;
  }

  .blog-actions-panel {
    margin-top: 10px;
  }

  .navigation {
    padding: 10px;
  }

  .mobile-paginator-container {
    color: #ffffff;
  }

  #page {
    width: auto;
  }

  #page img {
    width: 100%;
  }

  #page img[src="images/uparrow.gif"],
  #page img[src="images/pages/page_nav.gif"] {
    width: auto;
  }

  .squadcodevids,
  .squadcodewide,
  .squadcode {
    width: 100%;
  }

  .tourbutton {
    margin-left: 0 !important;
  }

  input[type="text"],
  input[type="email"],
  input[type="password"],
  .FormField {
    margin-top: 5px;
    padding: 15px !important;
    width: 100%;
    height: auto;
  }

  .FormSubmit,
  .FormSubmitFocus {
    width: 100%;
    padding: 10px;
  }

  .table-wrapper {
    width: 100%;
    overflow: auto;
  }

  .search-trigger-buttons {
    left: 50%;
    transform: translate(-50%, 0);
    white-space: nowrap;
  }

  .search-type-attribute-table tr > td {
    width: 100% !important;
    display: block;
  }

  #search_form label {
    display: block;
    padding-top: 10px;
    font-size: 125%;
  }

  .search-tag-logical .search-tag-logical-or {
    font-size: 125%;
    display: block;
    margin-top: 10px;
  }

  .search-desc-light {
    margin-top: 2.5px;
  }

  .search-tag-disclaimer {
    margin-top: 0;
  }

  .SearchTab {
    width: auto !important;
  }

  .SearchTab td {
    display: inline-block;
  }

  .SearchTab .FormSubmit {
    padding: 5px 10px;
    margin-left: 10px;
  }

  form[name="browseby"] > div {
    font-size: 125%;
    float: none !important;
    margin-top: 5px;
    text-align: center;
  }

  #player_instructions {
    height: auto !important;
    width: auto !important;
    z-index: 9999 !important;
  }

  .entry,
  .entryHeadingFlash,
  .blog-title-right,
  .blog-actions-panel {
    font-size: 14px;
  }

  .news_bottom_line,
  .stream_notice,
  #download_bar {
    font-size: 12px !important;
  }

  .download_column_pad {
    padding-left: 15px;
  }

  .news_tag_line {
    padding-top: 10px;
  }

  .news_tag_line .tags-list {
    font-size: 12px;
  }

  #reel_image {
    width: 100% !important;
    height: auto;
  }

  .close_instruct {
    padding: 15px;
  }

  .blog_wide_news_tbl .player img {
    width: 100% !important;
  }

  .thumbs-fav {
    text-align: center;
    font-size: 115%;
  }

  .thumb-group {
    display: block;
    padding-bottom: 0;
  }

  .thumb-group .ThumbRec {
    flex: 0;
    width: 100%;
    height: auto;
    margin-bottom: 10px;
  }

  .thumb-group .ThumbRec .thumbTXT {
    font-size: 100%;
  }

  .thumb-group .ThumbRec:first-child {
    margin-right: 0;
  }

  .BioTable {
    width: 100%;
  }

  .bioTable > tbody > tr > td {
    display: inline-block;
  }

  .BioDivider {
    font-size: 125%;
    line-height: 1.5;
  }

  .BioDivider tr td:first-child {
    margin-bottom: 10px;
  }

  .BioDivider-list td {
    display: inline-block;
  }

  .BioDivider-list .ThumbRec {
    width: 100% !important;
  }

  .BioDivider-list .ThumbShs {
    width: 150px !important;
  }
}

/*
	mobile-compatibility utilities
*/

.clearfix::after {
  display: block;
  clear: both;
  content: "";
}

.d-none {
  display: none !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

@media (min-width: 576px) {
  .d-sm-none {
    display: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
}

@media (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
}

@media (min-width: 992px) {
  .d-lg-none {
    display: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
}

@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
}

@media print {
  .d-print-none {
    display: none !important;
  }
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
}