body{background: #f1f1f1;padding-top:65px;}
.white-bg{background:white;box-shadow: 0 1px 2px rgba(0,0,0,.1);}
.border-bg {background: white;box-shadow: 0 1px 2px rgba(0,0,0,.1);padding: 10px 10px 10px 10px !important;margin-bottom: 10px;}
.logo{margin-top: -3px !important;}
.related-video .caption, .text-black{color:black;}
.text-box{color:#D8D8D8;}
.title-color {color: #19558D;}
.title-color:hover,.title-color:focus,.title-color:active {color: #19558D;}
.title-style {font-size: 13.5px;font-weight: bold;margin-bottom:4px;}
.related-title {font-size: 13px;font-weight: bold;margin-bottom:4px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.related-thumbs {float:left;position: relative;margin-right: 10px;}
.promo-thumbs {float:left;margin-bottom: 6px;position: relative;margin-right: 10px;}
.video-thumbs {margin-left:-15px;margin-right:10px;float:left;position: relative;}
.relatedthumbs-style {float:left;width: 150px;height: 90px;}
.promob-thumbstyle {width:104%;border-radius: 2px;}
.promothumbs-style {width: 140px; height: 90px;border-radius: 2px;}
.videosthumbs-style {width:320px;height:180px;float:left;}
.duration {position: absolute;background-color: rgb(0, 0, 0);-webkit-border-radius: 2px;border-radius: 2px;color: #fff;padding: 0px 4px;bottom: 3px;display: inline-block;right: 3px;font-weight: bold;font-size: 11px;}
#promoted .viewsanduser, .color-494949 {color: #494949;}
.homethumb .viewsanduser, .videopost .viewsanduser, .color-696969 {color: #696969;}
.videopost .postdiscription, .color-777 {color: #777;}
.copywrite-text {font-size:10; color:#999}
.row-border {border-right: 1px solid #e2e2e2;}
.video-title{font-size: 21px !important;font-weight: bold !important;margin-bottom:20px;}
.Restricted-blackbox {margin-bottom:15px;margin-top:15px;background: #000;color: #fff;width: 100%;text-align: center;padding: 178px 0; font-size: 1.3em;}
.thumbnails-style {width: 68px; height: 68px; float:left;border-radius: 50%;}
.uploader-name {color:#AD2929;font-weight:bold;font-size:1.2em;margin-left: 10px;}
.download-class {display:block;clear:both;height:20px;line-height:30px;}
.related-videos-style {height:auto; width:100%; border-bottom: 2px solid #CCC; margin-bottom:10px;padding-bottom:5px;font-size: 18px;font-weight: bold;}
.next-prev-btn {width:100%; margin:30px 0px; text-align:center;}
.page-heading {float:left;padding:15px;font-size:18px;line-height:20px;height:50px;margin-bottom:10px;}
.show-more ,.more-comments ,.loadrelated {display: inline-block;text-align: center;width: 100%;color: #868686;padding-top: 5px;text-transform: uppercase;font-weight: bold;font-size: 11px;cursor: pointer;border-top: 1px solid #E2E2E2;box-shadow: none;margin-bottom: -5px;}
.show-more:hover,.more-comments:hover,.loadrelated:hover  {color: #3A3A3A;}
.page-heading-nav{width:100%;display:inline-block;border-bottom:1px solid #e2e2e2;margin-bottom:10px}
#comments-msg{margin-bottom:20px;}
.commenttable{display: table;margin-left: 15px;}
.imageholder{display: table-cell;vertical-align: top;width: 1%}
.disabled , .disable{cursor:not-allowed;pointer-events:none;opacity: .90;filter: alpha(opacity=90);-webkit-box-shadow:none;box-shadow:none}
.upload-msg{font-size: 13px;margin-top: 10px;}
#likeButton, #disLikeButton {cursor: pointer;}
.copyright{color: #A1A1A1}
.liked{color: #2793e6 !important;}
.disliked{color: #000 !important;}
.unhide{color:#909090;cursor: pointer;font-weight: bold;}
.unhide:hover,.unhide:focus,.unhide:active{color:#727272;text-decoration: none;}
.g-icon-handle{padding: 6px 9px;height: 31px;vertical-align: top;width: 32px;font-size: 20px !important;}
.login-toggle>div{color: rgb(255, 255, 255);}
.login-toggle{background-color: #E43528 ;border-radius: 3px;line-height: normal;width: 95px;margin-top: 10px;color: white;cursor: pointer;}
.login-toggle:hover,.login-toggle:focus{background-color:#D73023;box-shadow:#e2e2e2 0px 1px 0px 0px;}
.login-toggle:active{background-color:#CA3327;box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);}
#login-btn,#upload-btn{padding: 0 !important;border-radius:3px !important;margin-left: 15px;}
#upload-btn{margin-left: 0px;}
.upload-toggle>div,.login-toggle>div{display: inline-block;font-size: 12px;font-weight: bold;line-height: 31px;padding-left: 5px;white-space: nowrap;}
.upload-toggle>div{padding-left:20px !important;color: #333;}
.upload-toggle{background-color: #f8f8f8;border-radius: 3px;box-shadow: rgba(0, 0, 0, 0.0980392) 0px 1px 0px 0px;line-height: normal;width: 80px;margin-top: 10px;cursor: pointer;border: 1px solid #d3d3d3;height: 31px;}
.upload-toggle:hover,.upload-toggle:focus{border-color:#c6c6c6;background-color:#f0f0f0;box-shadow:0 1px 0 rgba(0,0,0,0.10);}
.upload-toggle:active{border-color:#c6c6c6;background:#e9e9e9;box-shadow:inset 0 1px 0 #ddd;}
#upload-btn,#upload-btn:hover,#upload-btn:focus,#upload-btn:active,#login-btn,#login-btn:hover,#login-btn:focus,#login-btn:active{background-color:transparent !important;}
.loginLi>a{padding:10px 15px !important;color:#AD1D28 !important;background-color:transparent !important;}
.loginLi:hover>a,.loginLi:focus>a,.loginLi:active>a{color: #87121B !important;background-color: #FAFAFA !important;}
.subscriberCount {background: #FFFFFF;border: 1px solid #A7A7A7;-webkit-border-radius: 2px;display: inline-block;font-size: 11px;height: auto;line-height: 18px;margin-left: 6px;min-width: 15px;padding: 0 3px;text-align: center;white-space: nowrap;}
.subscripberNum{text-align: center;white-space: nowrap;color: #777;font-size: 11px;line-height: 18px;}
.subscriberCountNub {height: 0;left: 2px;position: relative;top: -15px;width: 5px;z-index: 2;}
.subscriberCountNub s, .subscriberCountNub i {border-color: transparent #A7A7A7;border-style: solid;border-width: 4px 5px 4px 0;display: block;position: relative;top: 1px;}
.subscriberCountNub i {border-right-color: #fff;left: 2px;top: -7px;}
.btn-unsubscribe{border-radius: 2px;color: #747474;background-color: #fafafa;border-color: #C4C4C4;font-weight: normal;}
.btn-unsubscribe>.subscribed>span:nth-child(1){display:none}
.btn-unsubscribe:hover>.subscribed>span:nth-child(1){display:block}
.btn-unsubscribe:hover>.subscribed>span:nth-child(2){display:none}
.btn-unsubscribe>.subscribed>span>i{color:#999}
#disLikeButton>#icon>i,#likeButton>#icon>i{color: #888888}
.channelThumb{width:54px;border-radius: 2px;float: left;}
#commentsOrderButton{margin-top: -30px;margin-bottom:10px;float: right;}
.videoLink{color: #DE1F2E; font-weight: 600;font-size: 13px;}
.videoLink:hover,.videoLink:focus,.videoLink:active{text-decoration:none;}
#loadvideos{width: 100%;font-weight: normal;margin:10px 0;}
.logincircle{color: #ffffff;background-color:#27c24c;left: 34px;bottom: 10px;position: absolute;width: 10px;height: 10px;border: 2px solid;border-radius: 100%;}
.by-user{color: #969696;text-decoration:none;font-weight: 600;}
.homethumb .by-user {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.by-user:hover,.by-user:focus,.by-user:active{color:#167ac6;text-decoration:none;}
#loadvideos{background: rgba(29,47,58,.6);color: white;border: none;font-weight: 600;}
#loadvideos:hover{background: rgba(30,49,60,.7)}
.hide-videos .dropdown .dropdown-toggle:hover{background-color:#eee;}
.channelsubscribe{text-align:right;}
.total-comments{font-weight: bold;font-size: 15.4px;}
.commentstoptoggle{display: block;border-bottom: 1px solid #e9eaed;margin-bottom: 10px;padding-bottom: 10px;}
.footer-left>a{display:inline-block;}
.load-tmb{height: 100px;background-color: #F3F3F3;text-align: center;display: table;vertical-align: middle;width: 100%;}
.load-tmb>div{color: #AFAFAF;font-weight: bold;font-style: italic;display: table-cell;vertical-align: middle;}
.media-loading>h5{color: #f6f7f8;}
.tmb-tog{color: #f6f7f8;font-size: 12px;}
.related-video .viewsanduser{font-size:11.5px;font-weight: bold;color: #999999;}
.related-video .user{color: #6D6D6D;}
.related-video .user:hover,.related-video .user:focus,.related-video .user:active{color: #353535;text-decoration:none;}
#footer a:hover,#footer a:focus,#footer a:active{text-decoration:none;}
.progress{margin:3px;height:5px;}
.download-class span{font-weight: bold;float:left;width: 80px;}
.loginLi .dropdown-menu{border-top: 1px solid #eee;}
.p720{background-color: #df382c;border-color: #df382c;}
.p720:hover,.p720:focus,.p720:active{background-color: #C72A1E;border-color: #C72A1E;}
#DownloadPanel{background-color: #757575;border-color: #757575;border-bottom-left-radius: 0; border-bottom-right-radius: 0;}
#DownloadPanel:hover,#DownloadPanel:focus,#DownloadPanel:active{background-color: #666666;border-color: #666666;}
.downloadbox{border: 1px solid #757575; padding: 5px;background: #fff;}
.related-video {padding: 0;}
#unhide{padding-bottom:30px;}
#close-searchmobile {position: absolute;top: 1px;left: 8px;cursor: pointer;font-size: 23px;}
#showmobilesearch{margin: 11px 36px 0 0;float: right;font-size:19px;cursor:pointer;}
#fadeMe{opacity: 0.8;background-color:#000;width:100%;height:100%;z-index:1000;top:0;left:0;position:fixed;}
/** video play and autoplay **/
.videoWrapper{
  position: relative;
  padding-top: 56.25%;
}
.autoplay-switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 23px;
}

.autoplay-switch .autoplay-checkbox {
  display:none;
}

.autoplay-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #b8b8b8;
  -webkit-transition: .4s;
  transition: .4s;
}

.autoplay-slider:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 2px;
  bottom: 1.6px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

.autoplay-checkbox:checked + .autoplay-slider {
  background-color: #167ac6;
}

.autoplay-checkbox:focus + .autoplay-slider {
  box-shadow: 0 0 1px #2196F3;
}

.autoplay-checkbox:checked + .autoplay-slider:before {
  -webkit-transform: translateX(36px);
  -ms-transform: translateX(36px);
  transform: translateX(36px);
}
.autoplay-slider i{
  opacity:0;
  color: #fff;
  padding-left: 11px;
  -webkit-transition: .2s;
  transition: .2s;

}
.autoplay-checkbox:checked + .autoplay-slider i{
  opacity:1;
}
.autoplay-slider {
  border-radius: 34px;
}

.autoplay-slider:before {
  border-radius: 50%;
}


@-webkit-keyframes 
load { 0% {
stroke-dashoffset:0
}
}
@-moz-keyframes 
load { 0% {
stroke-dashoffset:0
}
}
@keyframes 
load { 0% {
stroke-dashoffset:0
}
}

.autoplay-ring {
  -webkit-animation: load 10s;
  -moz-animation: load 10s;
  -o-animation: load 10s;
  animation: load 10s;
}

#autoplay-next{
  width: 100%;
  position: absolute;
  top: 30%;
}
#autoplay-cancel{
  color: #fff;
  padding: 10px 27px;
  border-radius: 3px;
  font-weight: bold;
  background-color: rgba(0, 0, 0, 0.67);
  font-size: 15px;
  cursor: pointer;
}
.autoplay-center{display: table;margin: 0 auto;}
/* process bar */
.progress-bars{overflow:hidden;position:relative;height:28px;line-height:28px;background:none;border:none}
.progress-bar-background{position:absolute;top:0;left:0;right:0;border:#e7e7e7 1px solid;height:28px;-moz-box-sizing:border-box;box-sizing:border-box}
.progress-bar-progress{position:absolute;top:0;left:0;width:0;overflow:hidden;height:28px;-moz-box-sizing:border-box;box-sizing:border-box}.progress-bar-uploading .progress-bar-progress{background:url(../images/progress.png) repeat;border:1px solid rgba(255, 176, 180, 0.53)}
.progress-bar-text,.progress-bar-text-done,.progress-bar-text-upload-queued{position:absolute;top:0;padding:0 10px;z-index:1;color:#444;line-height:28px;font-size:11px;font-weight:bold;text-transform:uppercase}

/* pace */
.pace .pace-progress {
  background: #BD323C;
  position: fixed;
  z-index: 2000;
  top: 0;
  left: 0;
  height: 2px;

  -webkit-transition: width 1s;
  -moz-transition: width 1s;
  -o-transition: width 1s;
  transition: width 1s;
}

.pace-inactive {
  display: none;
}

/* Icons */
.icons {
  display:inline-block;
  background-position:center;
  background-repeat:no-repeat;
}
.thirty2{ padding:16px; margin:0px 10px -7px 0px;}
.islam{ background-image:url(../images/icons/islam.png) }



/* share buttons */
.btn-google-plus,.btn-linkedin,.btn-pinterest,.btn-twitter,.btn-facebook{color:#fff;margin-top:10px;border-radius: 3px;}
.btn-facebook{background-color:#2b4b90}
.btn-facebook:hover,.btn-facebook:focus{color:#fff;background-color:#133783}
.btn-facebook:active,.btn-facebook.active{background-color:#0d2456}
.btn-twitter{background-color:#1c95d0}
.btn-twitter:hover,.btn-twitter:focus{color:#fff;background-color:#0271bf;*background-color:#0262a6}
.btn-twitter:active,.btn-twitter.active{background-color:#01538d}
.btn-pinterest{background-color:#c51e25}
.btn-pinterest:hover,.btn-pinterest:focus{color:#fff;background-color:#ab171e}
.btn-pinterest:active,.btn-pinterest.active{background-color:#7e1116}
.btn-linkedin{background-color:#60a9ce}
.btn-linkedin:hover,.btn-linkedin:focus{color:#fff;background-color:#4393bb}
.btn-linkedin:active,.btn-linkedin.active{background-color:#367595}
.btn-google-plus{background-color:#d34332}
.btn-google-plus:hover,.btn-google-plus:focus{color:#fff;background-color:#c53727}
.btn-google-plus:active,.btn-google-plus.active{background-color:#9a2b1f }

/* share buttons end */

.color-a {
  color: #929292;
}

/* User Profile */
.feed-header {
  background: #333333;
  overflow: hidden;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-topright: 4px;
}
.profile-user {
  padding: 5px 10px 0px 10px;
  background: #FFFFFF;
  -moz-box-shadow: 1px 0 0 rgba(0, 0, 0, 0.05), -1px 0 0 rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 4px;
}
.profile-user .img-polaroid {
  padding: 4px;
  background-color: #FFF;
  border: 1px solid rgba(0, 0, 0, 0.2);
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
  width: 130px;
  margin-top: -80px;
  margin-left: 5px;
  float: left;
  margin-right: 10px;
  border-radius:50%;
}
.profile-user h2 {
  font-size: 21.5px;
  margin-top: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.compInnerWrapper {
  height: 230px;
  width: 100%;
  background-position: center;
}
@media (max-width:635px) {
  .profile-user .col-xs-6 {
    width: 100% !important;
  }
  .profile-user .img-polaroid {
    margin-left: auto !important;
    margin-right: auto !important;
    display: block;
    float: none !important;
  }
  .profile-user h2 {
    text-align: center;
    font-size: 18px !important;
    margin-bottom: 12px;
  }
  .profile-user p {
    text-align: center;
  }
  .profile-user .user-counts-list {
    display: none !important;
  }
  .profile-user .user-counts-list-xs {
    margin-top: 10px;
    display: block !important;
  }
  .profile-user .user-counts-list-xs p {
    text-align: center;
  }
}
 /* media thumbs */
 
  ul.media {
  list-style: none;
  padding: 0;
}
  ul.media li {
  max-width: 179px;
  width: 100%;
  float: left;
  margin-right: 9px;
  margin-bottom: 25px;
  margin-left: 0;
}
  ul.media li .mediathumb {
  position: relative;
  display: block;
  padding-top: 56.25%;
}
  ul.media li .mediathumb img {
  /* max-height: 102px; */
  /* width: 100%; */
  /* height: auto; */
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
  ul.media li h4 {
  margin: 10px 0 5px 0;
  font-size: 13px;
  font-variant: 700;
  height: 35px;
}
  ul.media li h4 a.medialink {
  color: #19558D;
  font-weight: bold;
  line-height: 1.3;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* search input style */
#searchmobile{
    padding-top: 2px;
    position: fixed;
    border: 0px;
    margin-top: -42px;
    width: 100% !important;
    -webkit-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
     transform: scale(0);
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

#searchmobile.open-searchbar {
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.navbar-search {
  width: 100% !important;
}
.navbar-search .search-form {
  width: 100%;
  margin-top: 1px;
}

.twitter-typeahead{
  width:100%;
}

.navbar-search .navbar-search-btn {
  position: absolute;
  background-color: #FFF;
  top: 2px;
  right:10px;
  padding: 4px 10px;
  border-radius: 0px !important;
}
.navbar-search .navbar-search-btn:focus , .navbar-search .navbar-search-btn:hover { 
  outline: 0;
}
.navbar-search .form-control {
    padding-right: 44px;
    border-radius: 2px;
  }
.search-input {
  width: 100% !important
}
.search-input:focus  {
  border: 1px solid #ccc;
  box-shadow:inset 0 1px 1px rgba(255, 255, 255, 0), 0 0 8px rgba(255, 255, 255, 0)
}
#searchmobile .search-input {
  padding-left: 30px;
  border-radius: 0;
}

/* search suggestions */
.tt-dropdown-menu {
  width: 100%;
  margin-top: 6px;
  padding: 8px 0;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 0 0 8px 8px;
  -moz-border-radius: 0 0 8px 8px;
  border-radius: 0 0 8px 8px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
}
.tt-suggestion {
  padding: 3px 20px;
  font-size: 18px;
  line-height: 24px;
}
.tt-suggestion.tt-cursor {
  color: #fff;
  background-color: #AD1D28;
}
.tt-suggestion p {
  margin: 0;
}

/* navbar */
.menu-iconlines:not(.collapsed) span:nth-child(1){
    display:none;
}
.menu-iconlines:not(.collapsed) span:nth-child(2) {
    -moz-transform: rotate(45deg) translateX(0px);
    -webkit-transform: rotate(45deg) translateX(0px);
    -o-transform: rotate(45deg) translateX(0px);
    -ms-transform: rotate(45deg) translateX(0px);
    transform: rotate(45deg) translateX(0px);
    margin-top: 5px;
}
.menu-iconlines:not(.collapsed) span:nth-child(3) {
    -moz-transform: rotate(-45deg) translateX(0px);
    -webkit-transform: rotate(-45deg) translateX(0px);
    -o-transform: rotate(-45deg) translateX(0px);
    -ms-transform: rotate(-45deg) translateX(0px);
    transform: rotate(-45deg) translateX(0px);
    margin-top: -2px;
    margin-left: 0px;
}

/* tabs style */
#tabs li.active a{
  border:none !important;
  border-bottom:2px solid #9E252F !important;
}
#tabs li a{
  border:none !important;
}
#tabs li a:hover, #tabs li a:focus, #tabs li a:active{
  border:none !important;
  border-bottom:2px solid #9E252F !important;
  color: #070707;
}
#my-tab-content h4, #my-tab-content p, #my-tab-content p div{
  margin-top:30px;
}
#my-tab-content h5{
  margin-left:165px;
}
#content{
  padding-bottom:30px
}
#about{
  height:105px;
}
/* fb comments box */
.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget span iframe[style] {
  min-width: 100% !important;
  width: 100% !important;
}
/*** responsive ***/
@media screen and (max-width: 1200px) {
  .promothumbs-style{
    width: 120px;
    height: 72px;
  }
  .promoted .caption a .title-style{
    font-size:12px;
  }
  ul.media li{
    max-width:145px ;
  }
  ul.media li .mediathumb img{
    /* max-height:82px; */
  }
}
@media screen and (max-width: 991px) {
  .row-border{
    border:none;
  }
  .promothumbs-style{
    width:130px;
    height:85.9px;
  }
  .promoted .caption a .title-style{
    font-size:12px;
  }
  ul.media li{
    max-width:230px;
  }
  ul.media li .mediathumb img{
    /* max-height:115px; */
  }
  .like-box-hide { display:none; }
  #footer>.container>.row{display: -webkit-inline-box;}
  .footer-left{left:-220px;}
}
@media screen and (min-width: 767px){
  .promoted{padding-left: 2.5px;}
}
@media screen and (max-width: 767px) {
  .hide-videos{
    display:none;
  }
#logo-toggle{ 
  margin: 0 auto;
  width: 123px;
}
  ul.media li {
    max-width: 47%;
    /* border: 1px solid #F5F5F5; */
    box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.12);
    /* padding: 2px; */
  }
    ul.media li h4,
    ul.media li .viewsanduser,
    ul.media .media-channel a p {
    padding: 1px 3px;
  }
    ul.media li img {
    /*max-height: 200px !important;*/
  }
    ul.media li:nth-child(2n) {
    margin-left: 0;
    margin-right: 10px;
    clear:right;
    float:right;
  }
    ul.media li:nth-child(2n-1) {
    margin-left: 10px;
    margin-right: 0;
    clear:left;
    float:left;
  }
  .navbar-search{
    width:auto !important;
  }
  #showmobilesearch, #searchmobile{
    display:block !important;
  }
  #search{
    display:none !important;
  }
  .pagehed, .pagehead{
    margin-top:10px !important;
  }
  #footer>.container>.row{display: block;}
  .footer-left{left:0px;text-align: center !important;}
  .footer-right{text-align: center !important; margin-top:20px;}
}
@media screen and (max-width: 760px) {

  #upload-btn{margin-left: 15px !important;}
  .loginLi{margin-left:0px !important;}
  .promob-thumbstyle{
    width:100%;
  }
}
@media screen and (max-width:650px) {
   .comments {
    display: none;
  }
}


@media screen and (max-width:636px) {
  .channelsubscribe{
     text-align:center !important;
  }
  .video-title{
    font-size:18px !important;
  }
}

@media screen and (max-width: 620px) {
    .adtray-7281, .adtray-728 {
        display: none !important;
    }
    .rowbox-728{
      display:none !important;
    }
     .videopost .videosthumbs-style {
      width:200px;
      height:130px;
    }
}
@media screen and (max-width: 597px) {
    ul.media li {
    max-width: 46% !important;
  }
}
@media screen and (max-width: 550px) {
   .videopost .postdiscription{display: none;}
   .mp3-img{width:100%;}
}

@media screen and (max-width: 450px) {
  .videopost .postdiscription{display: block !important;}
  .videopost .video-thumbs, .videopost .videosthumbs-style{width:100%;height:auto;}
  .videopost .video-thumbs{margin: 0 0 10px 0;}
  .videopost {padding: 2px;border-bottom: 1px double #ccc;}

  .related-video .caption {
    float:left;
  }

  .related-thumbs, .relatedthumbs-style{
    width:100%;
    height:auto;
    margin: 0;
  }

  ul.media li {
    max-width: 100% !important;
  }
    ul.media li:nth-child(2n-1) {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }

    ul.media li:nth-child(2n) {
    margin-left: 0px !important;
    margin-right: 0px !important;
    clear: left;
    float: left;
  }
}



@media screen and (max-width:350px) {
  .share-btn-title {
    display: none;
  }
}
@media screen and (max-width:325px) {
  .report-tab-title {
    display: none;
  }
}

@media screen and (max-width: 320px) {
  .footer-right{margin-top:10px;}
}
@media screen and (max-width: 318px) {
  .embedAd, .adtray-250, .adtray-600 {
        display: none !important;
    }
  .rowbox-300{
    display:none !important;
  }
}
@media screen and (max-width:275px) {
  .share-tab-title {
    display: none;
  }
}
@media screen and (max-width:201px) {
  .about-tab-title {
    display: none;
  }
}

/*** override ***/

.margin-top-5 {margin-top:5px;}
#formbody,#loadvideos,.margin-top-10 {margin-top:10px;}
.pagehed, .promoted-big .title-style, .like-box-hide,.margin-top-15 {margin-top:15px;}
.margin-top-20 {margin-top:20px;}
.pagehead, .margin-top-25 {margin-top:25px;}
.margin-top-30 {margin-top:30px;}

.margin-right-5 {margin-right:5px;}
.margin-right-10{margin-right:10px;}
.margin-right-13{margin-right:13px;}
.video-content, .margin-right-15{margin-right:15px;}

.videopost .viewsanduser, .margin-bottom-3 {margin-bottom:3px;}
#commentContainer .form-control, .margin-bottom-5 {margin-bottom:5px;}
.videopost,.related-video,.comment,.margin-bottom-10 {margin-bottom:10px;}
.more-comments, .loadrelated, .col-md-8, .col-md-4, .margin-bottom-15 {margin-bottom:15px !important;}
.promoted-big .viewsanduser, .margin-bottom-20 {margin-bottom:20px;}
.margin-bottom-25 {margin-bottom:25px;}

#subscribeButton,.loginLi,.margin-left-10 {margin-left: 10px;}
.video-content,.margin-left-15{margin-left:15px;}
.related-video caption, .margin-left-115 {margin-left:115px;}

.float-right {float:right}
.float-left {float:left}

.text-align-right {text-align:right}
.footer-left, .text-align-left {text-align:left}

.width-full {width:100%;}

.homethumb .viewsanduser,.promoted .viewsanduser,.videopost .postdiscription, .font-size-12 {font-size: 12px;}
.promoted-big .viewsanduser,.videopost .viewsanduser,.font-size-13 {font-size: 13px;}
.font-size-16 {font-size: 16px;}

.videopost, .homethumb , #sidebar>div,.overflow-auto {overflow:auto;}
.overflow-hidden {overflow:hidden;}

.display-none, .hide {display:none;}

#subscribeButton,.border-radius-2 {border-radius:2px;}

.pointer{cursor: pointer;}
.navbar-toggle{float: left !important;margin-left: 15px !important;}

a:hover, a:focus {text-decoration: none !important;}

/* bounce animations */
  .spinner {
      margin: 10px auto 0;
      width: 70px;
      text-align: center;
    }

    .spinner > div {
      width: 18px;
      height: 18px;
      background-color: #333;

      border-radius: 100%;
      display: inline-block;
      -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
      animation: bouncedelay 1.4s infinite ease-in-out;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both;
    }

    .spinner .bounce1 {
      -webkit-animation-delay: -0.32s;
      animation-delay: -0.32s;
    }

    .spinner .bounce2 {
      -webkit-animation-delay: -0.16s;
      animation-delay: -0.16s;
    }

    @-webkit-keyframes bouncedelay {
      0%, 80%, 100% { -webkit-transform: scale(0.0) }
      40% { -webkit-transform: scale(1.0) }
    }

    @keyframes bouncedelay {
      0%, 80%, 100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
      } 40% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
      }
    }

/* ads styles */

.adtray-728 , .adtray-7281 {max-width: 728px;height:90px;width:100%;background:#e6e6e6;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;overflow:hidden;border: 1px solid #ECECEC;}
.adtray-728 iframe, .adtray-7281 iframe{width:728px;height:auto;max-height:90px;overflow:hidden;}
.adtray-250{max-width:300px;height:250px;width:300px;background:#e6e6e6;}
.adtray-250 iframe{width:300px;height:250px;overflow:hidden}
.adtray-600 iframe{width:300px;height:600px;overflow:hidden}
.adbottom{height:50px;width:100%;position: fixed;z-index:100000;left: 0;bottom: 0;overflow:hidden;}


.thumbnails_taboola .trc_rbox_header {
    font-size:15px !important;
}

.thumbnails_taboola .videoCube {
    width: 100%!important;
    margin: 0!important
}

.thumbnails_taboola .trc_elastic .thumbBlock_holder {
    position: relative;
    width: 100px;
    float: left;
    margin: 0 10px 0 0
}

.thumbnails_taboola .videoCube .video-label-box {
    margin: 0!important
}

.thumbnails_taboola .videoCube.syndicatedItem {
    border-bottom: 1px solid #eee!important;
    padding: 10px 0!important
}

.thumbnails_taboola .videoCube.syndicatedItem.videoCube_1_child {
    padding-top: 0!important
}

.thumbnails_taboola .syndicatedItem .video-title {
    font-size: 13px!important;
    line-height: 16px!important
}

.thumbnails_taboola .syndicatedItem .branding {
    font-weight: 400!important;
    font-size:10px !important;
}

.thumbnails_taboola .videoCube.syndicatedItem.videoCube_3_child {
    border: none!important;
    padding-bottom: 0!important
}

.thumbnails-a .syndicatedItem .video-title, .thumbnails-b .syndicatedItem .video-title {
    font-size: 16px !important;
}
.thumbnails-a .syndicatedItem .branding, .thumbnails-b .syndicatedItem .branding {
    font-size: 10px !important;
}


@media only screen and (min-width: 768px) and (max-width: 1500px) {
    .container {
        width: 95%;
    }
}

@media only screen and (min-width: 1500px) {
    .container {
        width: 1400px;
    }
}


@media only screen and (min-width: 768px) {
    ul.media.max-thumbs-3 li, ul.media.max-thumbs-4 li, ul.media.max-thumbs-5 li {
        max-width: calc(27% + (6% + -7px) );
    }
}
@media only screen and (min-width: 900px) {
    ul.media.max-thumbs-4 li, ul.media.max-thumbs-5 li {
        max-width: calc(20% + (5% + -9px));
    }
}

@media only screen and (min-width: 1100px) {
    ul.media.max-thumbs-5 li {
        max-width: calc(18% + (2% + -9px));
    }
}





body.dark-mode {
    background-color: #181818;
    color: #fff;
}
.dark-mode a {
    color: #fff;
}
.dark-mode .navbar-default {
    background-color: #202020;
    border-bottom: 0px;
}

.dark-mode .form-control {
    /* color: #f23434; */
    background-color: #121212;
    border: 1px solid #383838;
}
.dark-mode .navbar-search .navbar-search-btn {
    background-color: #18191a;
    color:#fff;
}
.dark-mode .border-bg {
    background: #121212;
    box-shadow: 0 1px 2px rgb(0 0 0 / 10%);
}
.dark-mode .title-color, .dark-mode #footer a  {color: #fff;}

.dark-mode .panel-footer {
   background-color: #202020;
}
.dark-mode .modal-footer {
   border-top: 1px solid #323232;
}
.dark-mode #DownloadPanel{background-color: #505151;border-color: #505151;}
.dark-mode #DownloadPanel:hover, .dark-mode #DownloadPanel:focus, .dark-mode #DownloadPanel:active {background-color: #666666;border-color: #666666;}
.dark-mode .downloadbox{border: 1px solid #505151;padding: 5px;background: #121212;}
.dark-mode .related-video .user {color: #999999;}
.dark-mode .related-videos-style {border-bottom: 2px solid #4c4c4c;}
.dark-mode .alert-info {background-color: #bfbfbf;border-color: #a6a6a6;color: #000000;}
.dark-mode ul.media li h4 a.medialink {color: #fff;}
.dark-mode .homethumb .viewsanduser,.dark-mode .by-user{color: #999999;}