@media (max-width: 1280px) {
  .fixed-width {
    width: 100%;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .header .hor-menu {
    margin-left: 20px;
  }
}

@media (max-width: 991px) {
  .header {
    padding: 0px;
  }
}

@media (max-width: 1024px) {
  .fixed-top .page-container {
    margin-top: 72px;
  }

  .header .hor-menu {
    margin-left: 20px;
  }

  .header .hor-menu.min-tablet.min-phone span.mainText {
    display: none;
  }

  .header .hor-menu ul.nav li a {
    padding: 15px 10px 0;
    width: 29px;
    height: 50px;
  }

  .header .nav > li.dropdown.user .dropdown-toggle {
    padding: 7px 30px 14px 18px;
  }

  .header .nav > li.dropdown .dropdown-toggle {
    padding: 17px 12px 25px 12px;
  }

  .header .navbar-inner {
    height: 65px;
  }

  .header .hor-menu ul.nav li a {
    min-width: 49px;
    height: 57px !important;
  }
}

@media (max-width: 979px) {
  /***
  page sidebar
  ***/
  .page-sidebar {
    background-color: #f9f9f9 !important;
  }

  .page-sidebar > ul > li > a {
    border-top: 1px solid #f9f9f9 !important;
  }

  .page-sidebar .sidebar-search input {
    background-color: #f9f9f9 !important;
  }
}

@media (max-width: 560px) {
  .fixed-width {
    width: 544px;
  }
}

@media (min-width: 992px) {
  .campaign-dashboard .thumbContainer,
  .campaign-dashboard .defaultAssetTypeImage {
    height: 93px;
  }
  .contentList li div.defaultAssetTypeImage,
  .contentList .customLoader,
  #componentContentDescriptor div.defaultAssetTypeImage,
  #componentContentDescriptor .customLoader {
    width: 113px;
    height: 66px;
  }
  .contentList li img,
  #componentContentDescriptor img {
    width: auto !important;
    max-width: 109px;
    height: 62px;
  }
  .contentList li div.overlayType,
  #componentContentDescriptor div.overlayType {
    margin-top: 38px;
  }
  .contentList div.defaultAssetTypeImage span,
  #componentContentDescriptor div.defaultAssetTypeImage span {
    font-size: 50px !important;
  }
  .contentList .overlayType span.videoDuration,
  .contentList .overlayType span.slideNumber,
  #componentContentDescriptor .overlayType span.videoDuration,
  #componentContentDescriptor .overlayType span.slideNumber {
    margin-left: 20px !important;
  }
  .contentList .overlayType span.videoDuration.small {
    margin-left: 17px !important;
  }
  .fivecolumns .col-md-2 {
    width: 20%;
    float: left;
  }
  .eightcolumns .col-md-2 {
    width: 12.5%;
    float: left;
  }
  .assetPreview .row.adaptive,
  .livePreview .row.adaptive {
    width: calc(100% + 30px - 48px - 400px);
  }
  .assetPreview .row.adaptive .col-sm-6,
  .livePreview .row.adaptive .col-sm-6 {
    height: 250px;
  }
  .assetPreview .row.adaptive .col-sm-6.height250 {
    height: 280px;
  }
  .assetPreview .previewCommands,
  .livePreview .previewCommands {
    width: 48px;
    margin: 8px 0px;
  }
  .assetPreview .previewThumbsInfo,
  .livePreview .previewThumbsInfo {
    width: 400px;
  }
  .assetPreview .alPreviewThumb .pf-video,
  .livePreview .alPreviewThumb .pf-video {
    max-height: 223px;
  }

  ul.thumbnails ul.horizontalBtn,
  ul.linearAssetList ul.horizontalBtn {
    width: 48px;
    padding-left: 6px;
  }
  ul.thumbnails ul.verticalBtn,
  ul.linearAssetList ul.verticalBtn {
    padding-left: 6px;
    padding-top: 7px;
  }
  ul.thumbnails ul.verticalBtn li .filter-btn,
  ul.linearAssetList ul.verticalBtn li .filter-btn {
    margin: 0px 0px 3px 0px;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .campaign-dashboard .thumbContainer {
    height: 93px;
  }
  .contentList li div.defaultAssetTypeImage,
  .contentList .customLoader,
  #componentContentDescriptor .customLoader,
  #componentContentDescriptor .customLoader {
    width: 144px;
    height: 83px;
  }
  .contentList li img,
  #componentContentDescriptor img {
    width: auto !important;
    max-width: 140px;
    max-height: 80px;
  }
  .contentList li div.overlayType,
  #componentContentDescriptor div.overlayType {
    margin-top: 55px;
    width: 140px;
  }
  .contentList li div.overlayType span.iconType,
  #componentContentDescriptor div.overlayType span.iconType {
    margin-left: 116px;
  }
  .contentList .contentInjestionIndicator,
  #componentContentDescriptor .contentInjestionIndicator {
    margin-top: 10px !important;
    margin-left: 123px !important;
  }
  .contentList div.defaultAssetTypeImage span,
  #componentContentDescriptor div.defaultAssetTypeImage span {
    font-size: 68px !important;
  }
  .contentList .overlayType span.videoDuration,
  .contentList .overlayType span.slideNumber,
  #componentContentDescriptor .overlayType span.videoDuration,
  #componentContentDescriptor .overlayType span.slideNumber {
    margin-left: 31px !important;
  }
  .fivecolumns .col-sm-4 {
    width: 33.3333%;
    float: left;
  }
  .eightcolumns .col-sm-4 {
    width: 20%;
    float: left;
  }
  .col-sm-12,
  .col-sm-6 {
    margin-bottom: 5px;
  }
  ul.thumbnails li.livePreview .liveSpecialRow {
    padding-right: 65px;
    padding-bottom: 60px;
  }
  .assetPreview .essenceSelector {
    float: right;
  }
  .assetPreview .essenceInfo {
    margin-top: 0px;
    padding: 0px 15px;
  }
  .assetPreview .row.adaptive,
  .livePreview .row.adaptive {
    width: auto;
    padding-right: 0px;
  }
  .assetPreview .row.adaptive .col-sm-6,
  .livePreview .row.adaptive .col-sm-6 {
    height: 270px;
    margin-left: 0px;
  }
  .assetPreview .previewCommands,
  .livePreview .previewCommands {
    width: 100%;
    margin: 8px 0px;
  }
  ul.thumbnails ul.verticalBtn,
  ul.linearAssetList ul.verticalBtn {
    margin-left: 0px;
    text-align: right;
    height: 40px;
  }
  ul.thumbnails ul.verticalBtn li,
  ul.linearAssetList ul.verticalBtn li {
    float: right;
  }
  .assetPreview .previewThumbsInfo,
  .livePreview .previewThumbsInfo {
    width: 100%;
  }
  ul.thumbnails ul.verticalBtn,
  ul.linearAssetList ul.verticalBtn {
    padding-top: 4px;
  }
  ul.thumbnails ul.verticalBtn li .filter-btn,
  ul.linearAssetList ul.verticalBtn li .filter-btn {
    margin: 0px 0px 0px 3px;
  }
  /*.alPreviewThumb .pf-video {
        max-height: 206px
    }*/
}

@media (max-width: 768px) {
  .contentList li div.defaultAssetTypeImage,
  .contentList .customLoader,
  #componentContentDescriptor div.defaultAssetTypeImage,
  #componentContentDescriptor .customLoader {
    width: 102px;
    height: 59px;
  }
  .contentList li img,
  #componentContentDescriptor img {
    width: auto !important;
    max-width: 98px;
    max-height: 56px;
  }
  .contentList li div.overlayType,
  #componentContentDescriptor div.overlayType {
    margin-top: 31px;
    width: 98px;
  }
  .contentList li div.overlayType span.iconType,
  #componentContentDescriptor div.overlayType span.iconType {
    margin-left: 76px;
  }
  .contentList .contentInjestionIndicator,
  #componentContentDescriptor .contentInjestionIndicator {
    margin-top: 8px !important;
    margin-left: 84px !important;
  }

  .contentList div.defaultAssetTypeImage span,
  #componentContentDescriptor div.defaultAssetTypeImage span {
    font-size: 40px !important;
    margin-top: 11px;
  }

  .eightcolumns .col-sm-4 {
    width: 33.3333%;
    float: left;
  }

  .layoutList li.layoutDetail .thumbContainer {
    display: none;
  }
  .col-xs-12,
  .col-sm-12 {
    margin-bottom: 5px;
  }
  .assetPreview .row.adaptive,
  .livePreview .row.adaptive {
    width: auto;
    padding-right: 0px;
    padding-left: 0px;
  }
  .assetPreview .row.adaptive .col-xs-12,
  .livePreview .row.adaptive .col-xs-12 {
    width: 100%;
    margin-left: 0px !important;
  }
  .assetPreview .previewCommands,
  .livePreview .previewCommands {
    width: 100%;
    margin: 8px 0px;
  }
  ul.thumbnails ul.verticalBtn,
  ul.linearAssetList ul.verticalBtn {
    margin-left: 0px;
    text-align: right;
    height: 40px;
  }
  ul.thumbnails ul.verticalBtn li,
  ul.linearAssetList ul.verticalBtn li {
    float: right;
  }
  .assetPreview .previewThumbsInfo,
  .livePreview .previewThumbsInfo {
    width: 100%;
  }
  /*.alPreviewThumb .pf-video {
        max-height: 206px
    }*/
  ul.thumbnails ul.verticalBtn,
  ul.linearAssetList ul.verticalBtn {
    padding-top: 4px;
  }
  ul.thumbnails ul.verticalBtn li .filter-btn,
  ul.linearAssetList ul.verticalBtn li .filter-btn {
    margin: 0px 0px 0px 3px;
  }
  .assetPreview .metadataSummary .col-sm-3,
  .livePreview .metadataSummary .col-sm-3 {
    width: 25%;
    float: left;
  }
  .assetPreview .metadataSummary .col-sm-9,
  .livePreview .metadataSummary .col-sm-9 {
    width: 75%;
    float: right;
  }
}

@media (max-width: 728px) {
  /*.header .nav > li.dropdown.user .dropdown-toggle > div {
        display:none;
    }*/
  .header .navbar-brand {
    width: 100%;
    text-align: center;
  }
  .header .header-inner {
    height: 126px;
  }
  .page-content {
    width: 100%;
  }
}