@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:207px;
        }
            .assetPreview .row.adaptive .col-sm-6.height250 {
                height:250px;
            }
    .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:235px;
            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%;
    }
}