.header-title-icon {
    display: none;
}
.friends-column{
    float:right;
}
.starchat-nav-link.sidebar-nav-link i{
margin-right: 20px;
}
@media screen and (max-width:1480px) {
     .modal-thankyou-maincontent .modal-questions{
       font-size: 38px;
        margin-left: 0;
    }
}
@media screen and (max-width:1330px) {
 .modal-tabs>li>a{
        font-size: 14px ;
    }
    .stats-wrap-media .stats-label{
        display: none;
    }
    .stats-wrap-media a{
        padding-right: 15px;
    }
    .modal-thankyou-maincontent .modal-questions{
        font-size: 32px;
        margin-left: 0;
    }
    .modal-thankyou-maincontent{
        padding: 20px 10px;
    }
    .modal-user-question span{
        line-height: 1.2;
    }
    .modal-image-footer .modal-footer-image-title{
        font-size: 28px;
    }
}
@media screen and (max-width:1200px) {
    .sidebar-nav .sidebar-nav-link {
        font-size: 14px;
    }

    .page-nav .page-nav-link {
        font-size: 16px;
    }

    .modal-tabs>li>a{
        font-size: 12px;
    }

}
@media screen and (max-width:1050px) {
       .modal-thankyou-maincontent .modal-questions{
margin-top: 10px;
       }
  .modal-tabs>li>a{
        font-size: 12px;
        padding-left:5px;
        padding-right: 5px;
    }
}
@media screen and (max-width:1023px) {
    .secondary-sidebar .find-controll{
        padding-top: 0;
    }
    .block-title{
        font-size: 18px;
    }
}
@media (max-width: 992px) {
    .modal-body{
        padding: 15px;
    }
    .main-sidebar .user-details-title, .main-sidebar .user-details-content, .main-sidebar .link-label,
    .sidebar-nav .sidebar-nav-link .link-label {
        display: none;
        opacity: 0;
    }

    .main-sidebar {
        width: 50px;
    }

        .main-sidebar .user-details-image {
            width: 100%;
        }

        .main-sidebar .sidebar-nav-link i {
            margin-right: 0;
        }

        .main-sidebar .sidebar-nav-link .message-count {
            left: 25px;
        }

        .main-sidebar .sidebar-nav-link {
            text-align: center;
        }

    .sidebar-nav .sidebar-nav-link {
    }

    .main-content {
        margin-left: 60px;
    }

    .expand-mobile-menu .main-sidebar {
        width: 240px;
        z-index: 5;
        background: rgba(0,0,0, .9) ;
        height: 100%;
        display: block;
    }
   
        .expand-mobile-menu .main-sidebar .user-details-title, .expand-mobile-menu .main-sidebar .user-details-content,
        .expand-mobile-menu .main-sidebar .link-label,
        .expand-mobile-menu .sidebar-nav .sidebar-nav-link .link-label {
            display: inline-block !important;
            opacity: 1;
            text-align: left;
        }

        .expand-mobile-menu .main-sidebar .user-details-image {
            width: 20%;
        }

        .expand-mobile-menu .main-sidebar .sidebar-nav-link i {
            margin-right: 25px;
        }

        .expand-mobile-menu .main-sidebar .sidebar-nav-link {
            text-align: left;
        }

    .modal-image-footer {
        position: static;
    }

    #QuestionsModal .modal-btn-wrap,
    .modalDark .modal-btn-wrap {
        padding-bottom: 10px;
    }

    #QuestionsModal .modal-back {
        clear: both;
        width: 100%;
        position: static;
        display: block;
        padding: 0;
    }

    .modal-thankyou-maincontent .modal-questions {
        padding-bottom: 10px;
    }
    .friends-column{
        float:none;
        clear: both;
    }
    .profile-page-content .controll-header-wrapper{
        width:100%;
    }
     .profile-star-chat .modal-image-footer,
     .starchat-leaderboard .modal-image-footer{
        margin: 0 -15px;
    }
     .expand-mobile-menu .main-sidebar .starchat-nav-link.sidebar-nav-link i{
       margin-right: 30px;
    }
    .media-repeater-featured .media-inner, .media-repeater .media-inner{
        height: 260px;
    }
    .home-page .page-header h1{
    font-size: 22px;
    font-size: 2.3vw;
}

}

@media (max-width: 768px) {
    h2{
        font-size:32px; 
    }
    .page-content{
        padding:10px 15px;
    }
  .stats-val{  padding-right: 10px;}
  .stats-val i{
    margin-right: 2px;

  }
    .main-content {
        margin-right: 0;
        margin-left: 0;
    }

    .page-nav .page-nav-link {
        font-size: 16px;
        padding: 10px;
    }

    .media-repeater-featured .media-inner, .media-repeater .media-inner {
        height: 200px;
    }

    .main-content {
        min-height: 20px;
    }
        /* ====================================================================================================================
    *  channel page
    *  ====================================================================================================================
    */
        .main-content .channel-header-wrapper {
            padding: 10px 20px;
            
        }

    .channel-image-wrap {
        max-width: 20%;
        margin-right: 1%;
    }

    .stats-wrap .link-icon i, .stats-wrap-horizontal .link-icon i {
        /*display: none;*/
    }

    .channel-image-wrap + .channel-details-wrap,
    .channel-header-wrapper .channel-details-wrap + .stats-wrap-horizontal-lg {
        margin-left: 0;
        font-size: 14px;
    }

    .stats-wrap .link-icon, .stats-wrap-horizontal .link-icon {
        font-size: 11px;
        line-height: 1;
    }

    .media-footer .footer-info-title, .media-footer .footer-info-content, .media-footer .footer-info-counter {
        font-size: 9px;
        text-align: left;
        display: block;
    }

    .media-footer .stats-wrap {
        width: auto;
        float: right;
        text-align: right;
    }
    .media-footer .stats-wrap a{
        position:relative;
        padding-left:15px;
    }
    .stats-wrap .link-icon i {
        font-size: 10px;  
        position:absolute;
        left:0;     
    }
    .stats-label{
        display:none;
    }

    .media-repeater-featured .media-description, .media-repeater .media-description {
        min-height: 62px;
    }

    html {
        background: #000;
        /*#000 url(images/html-bg_768.jpg) bottom left no-repeat;*/
        height: 100%;
        background-attachment: fixed;
    }

    .media-repeater-featured, .media-repeater {
        width: 50%;
    }

    .button-lg {
        font-size: 18px;
    }

    #QuestionsModal .modal-btn-wrap,
    #QuestionsModal .button-outlined, #QuestionsModal .button-outlined-disabled {
        width: 100%;
        max-width: 100%;
    }

    .modal-input-wrap input[type="text"],
    .file-upload-wrap .button-solid-gray {
        font-size: 18px;
    }

    .azuremediaplayer {
        max-height: 350px;
    }

    #modalVideoPlayer .modal-title {
        font-size: 22px;
        line-height: 1.1;
        max-height: 50px;
        overflow:hidden;
    }

    #modalVideoPlayer .modal-header .close + .modal-title {
        padding-right: 20px;        
    }
    #modalVideoPlayer .modal-header .close + .modal-title img{
        display:  none;
    }
    #modalVideoPlayer .stat-item-small {
        margin-left: 0;
        margin-right: 20px;
        font-size: 12px;
        padding-top: 5px;
    }
.reply-wrap .send{
    text-align: left;
    padding: 0 0 5px 5px;
}
    .find-controll {
        border: 1px solid #3e3e3e;
    }
    /* ====================================================================================================================
    *  general styles
    *  ====================================================================================================================
    */


    #mainPearlHeader {
        display: none;
    }

    .main-content {
        /*margin: 0 -15px;*/
        overflow:hidden;

    }

    .page-header,
    .channel-header-wrapper,
    .channel-header-wrapper,
    .takestock-header-wrap {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        background: #000;
        z-index: 1;
        height:110px;
    }
  
    /* brisi ova */
    .profile-page-header-wrapper .page-header {
        /*height:60px;*/
    }
   /* .profile-page-nav-wrapper{
        margin-top:60px;
        margin-top: 110px;
    }*/
    .profile-page-content .controll-header-wrapper{
        padding-top:0px !important;
    }
    .profile-page-content .find-controll{
        max-width:100%;
      
        
    }
    .profile-page-content .container-fluid{
        padding:0;
    }
    .channel-header-wrapper+.page-content{
        /*margin-top:110px;*/
    }
        .page-header ~ .page-content {
            /*margin-top: 110px;*/
        }

        .page-header h1,
        .home-page .page-header h1{     
            padding: 20px 45px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            font-size: 24px;
        }

    .channel-details-wrap {
        padding: 10px 30px;
    }

        .channel-details-wrap + .stats-wrap-horizontal-lg {
            padding-left: 30px;
        }

    .stats-wrap-horizontal-lg span {
        font-size: 12px;
        padding-left: 5px;
    }

    #cLikesTxt_l,
    #cSharesTxt {
        display: none;
    }

    .channel-header-wrapper ~ .controll-header-wrapper {
        margin-top: 110px;
        margin-left: 15px;
        float: none;
        width: auto;
    }
    .header-title-icon {
        font-size: 22px;
        position: absolute;
        top: 20px;
        right: 12px;
        display: block;
    }

    .main-sidebar {
        padding-top: 20px;
        z-index: 3;
    }

    .sidebar-nav,
    .user-details-block {
        display: none;
    }

    .collapse-menu .body-content {
        overflow: hidden;
    }

    .collapse-menu .main-content {
        /*margin-right: -240px;
        margin-left: 240px;*/
        /*margin-left:-15px;*/
        margin-left: 0;
    }

    .collapse-menu .page-header,
    .collapse-menu .takestock-header-wrap  {
        -webkit-transition: all 0.2s ease-out; /* Chrome 1-25, Safari 3.2+ */
        -moz-transition: all 0.2s ease-out; /* Firefox 4-15 */
        -o-transition: all 0.2s ease-out; /* Opera 10.50–12.00 */
        transition: all 0.2s ease-out; /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
        /*left: 240px;*/
    }

    .expand-mobile-menu .sidebar-nav,
    .expand-mobile-menu .user-details-block {
        display: block;
    }

    .secondary-sidebar {
        display: none;
    }

    .expand-secondary-sidebar {
        overflow: hidden;
    }

        .expand-secondary-sidebar .secondary-sidebar {
            display: block;
            position: fixed;
            top: 109px;
            margin-left: 0;
            width: auto;
            left:0;
            z-index: 5;
        }
      
    .channel-image-wrap {
        display: none;
    }
    .expand-mobile-menu .main-sidebar{
    background: rgba(0,0,0, .9) url('images/nav-logo.png') bottom right no-repeat;
    z-index:3;
   }
     .expand-mobile-menu .main-content:after{
        content:"";
        background:rgba(0,0,0,.6);
        width:100%;
        height:100%;
        position:fixed;
        top:0;
        right:0;
        left:0;
        bottom:0;
        z-index:1;
    }
     .block-title,
     .banner h4{
         font-size:18px;
     }
     .media-footer .footer-info-image-wrap{
         float:left;
         margin-right:10px;
     }
     .channel-details-wrap .channel-name{
        white-space: nowrap;
        line-height: 1.5;
        margin: 0;
        text-overflow: ellipsis;
        overflow: hidden;
        margin-top:-5px;
     }
.page-nav .page-nav-link.active{
    margin-bottom: 3px;
}   

.page-content-program{
    margin-top: 110px;
}

.star-chat-pagenav{
    margin-top: 110px;
}
  .message-tabs{
    white-space: nowrap;
    overflow-y: auto;
    display: block;
    }
    .message-tabs.nav-tabs > li{
        float: none;
        display: inline-block;
    }
    .mobile-thin-header-page.expand-secondary-sidebar .secondary-sidebar{
        top:60px;
        margin-top: 0;
    }
    .mobile-thin-header-page.expand-secondary-sidebar .secondary-sidebar .find-controll{
        padding-top: 0;
    }
    .mobile-thin-header{
       height: 60px;
    }
    .mobile-thin-header-page .profile-page-nav-wrapper,
    .mobile-thin-header-page .page-nav
    {
        margin-top: 60px;
        margin-bottom: 0;
    }
    .mobile-thin-header+.take-stock-haeder-image+.page-nav,
    .mobile-fat-header+.start-chat-header-image+.page-nav
    {
        margin-top: 0;
    }

    .mobile-fat-header{
        padding: 20px 50px;
        position: fixed;
        width: 100%;
        height: 110px;
        z-index: 2;
        overflow:hidden;
        top:0;
        left:0;
    }
    .mobile-fat-header-page .page-nav{
        margin-top: 110px;
    }
    .mobile-fat-header-page .page-header .page-nav{
    margin-top: 0;
    }
     .mobile-fat-header-page.expand-secondary-sidebar .secondary-sidebar .find-controll{
        padding-top: 0;
    }
    .steps_video iframe, 
    .steps_video video{ 
        max-height: 240px;
    }
   .media-repeater-featured .media-status-wrap,.media-repeater .media-status-wrap{
    width:65px;
   }
   .media-repeater-featured .media-status-wrap+.media-content, .media-repeater .media-status-wrap+.media-content{
    margin-left: 75px;
   }
          .home-page .media-repeater-featured .media-title,
           .home-page .media-repeater .media-title {
            font-size: 18px;
            padding-top: 10px;
            margin: 0;
            padding-bottom: 0;
         }

         .video-stats-wrapper{
            margin-top: -25px;
         }

          
}

@media (max-width: 480px) {
    html {
        background: #000;
        /*#000 url(images/html-bg_480.jpg) bottom left no-repeat;*/
        height: 100%;
        background-attachment: fixed;
    }

    .media-repeater-featured, .media-repeater {
        width: 100%;
        margin-bottom: 10px;
    }

        .media-repeater-featured .media-inner, .media-repeater .media-inner {
            /*height: 147px;*/
            height: 287px;
            padding-bottom: 67px;
        }
         .media-repeater-featured .media-inner .media-image-wrap, .media-repeater .media-inner .media-image-wrap{
            height: 100%;
            overflow:hidden;
         }
        

            .media-repeater-featured .media-inner .media-status-image {
                max-width: 62px;
                background: none;
            }

        .media-repeater-featured .media-status-wrap {
            /*background: none;*/
            text-align: left;
            max-width: 62px;
        }

            .media-repeater-featured .media-status-wrap + .media-content, .media-repeater .media-status-wrap + .media-content {
                margin-left: 75px;
            }

        .media-repeater-featured .media-title, .media-repeater .media-title {
            font-size: 16px;
            padding-bottom: 5px;
        }
  
        .media-repeater-featured .media-subtitle, .media-repeater .media-subtitle {
            font-size: 12px;
        }

        .media-repeater-featured .media-description, .media-repeater .media-description {
            /* position: relative;*/
        }

    .stats-wrap-media {
        float: none;
        clear: both;
        display: block;
        text-align: left;
        padding-bottom: 5px;
    }

   

    .search-wrapper-full {
        width: 100%;
    }

    .starImage {
        min-height: 0;
    }

    .modal-input-wrap {
        width: 100%;
    }

    .azuremediaplayer {
        max-height: 147px;
    }
    .media-repeater-featured .media-time-row, .media-repeater .media-time-row{
    padding: 0;
        
    }
    .steps_video iframe, 
    .steps_video video{ 
        max-height: 147px;
    }
   .steps_video .modal-thankyou-maincontent{
    padding: 10px;
   }
   .modal-user-question span{
    line-height: 1;
   }
   .modal-thankyou h2{
    font-size: 22px;
   }
   .modal-thankyou p{
    font-size: 12px;
    margin: 0;
   }
  .page-nav .page-nav-link{
    font-size: 14px;
  }
}

@media (max-width: 380px) {
 .media-repeater-featured .media-inner, .media-repeater .media-inner {
            /*height: 147px;*/
            height: 217px;
            padding-bottom: 67px;
        }
         .media-repeater-featured .media-inner .media-image-wrap, .media-repeater .media-inner .media-image-wrap{
            height: 100%;
            overflow:hidden;
         }
}