/* 

Add here your custom css styles Example: p { text-align: center; color: red; } 

*************RTL CSS*******************
@media only screen and (max-width: 992px)...................

.MobileCurrencyBtn {
    right: auto;
    left: 16px;
}
.userInfo-block-content .user-profile-title {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}
.signup_accept {
    display: unset;
    margin-left: 0;
    margin-right: 5px;
}
.signup-form .floatR {
    padding-bottom: 16px;
    margin-left: 16px;
    padding-top: 24px;
}
.signup-form label[for=file] {
    padding-top: 22px;
}
.lsForm .form-switch {
    display: inline-block;
}
.serachRsltsort .sortbys {
    gap: 16px;
}
.main-content.adv-theme.channel-view-cs-page .userInfo-block-content .user-profile-title {
    margin-left: 0;
    margin-right: 0;
}


*/
/* for demo only */
.ptv_videoList_wrap .videoList_content{height:130px !important}
.slick-slide .snglblog-block .blogContent .blogTitle {
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: left;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    white-space: normal;
}
.shimmer-elem .grid{
  width:100%;
}
@media only screen and (max-width: 768px) {
  #theme-selector{
      display:none;
  }
}


.change_type h4.custom-control {
    display: flex;
    align-items: center;
}

@media only screen and (max-width: 992px) {
  .live-streaming-create-cs-page .chatBoxWrap{
     bottom: 0;
  }
  .live-streaming-create-cs-page .chatBoxWrap.minimize{
    bottom: -380px!important;
  }
  .minimizeBox {
    height: 100px;
  bottom: 75px;}
  .minimizeBox .content {
    display: flex;
    align-items: center;
    gap: 16px;
}
  .minimizeBox .player-wrapper{
    width: 250px!important;
    height: 100px!important;
  }
  .playbar{bottom: 70px}

.chatBoxWrap {
    bottom: 70px;
}
  .chat-containers .chat-conversation {
    height: 318px;
}
  .chatBoxWrap .chat-input-links{
  padding-top:5px;
  }
}

@media only screen and (max-width: 556px) {
  .MobLogo{
    max-width: 150px;
  }
  .vLDetailLikeShare .LikeDislikeWrap .LikeDislikeList{
    margin: 0;
    display: flex;
    width: 100%;
    justify-content: space-evenly;
  }
  .sidevideoWrapOutr .ptv_videoList_wrap .videoList_thumb{
  flex-shrink: 0;
    border-radius: 5px;
  }
  .sidevideoWrapOutr .ptv_videoList_wrap .videoList_thumb a,
  .sidevideoWrapOutr .ptv_videoList_wrap .videoList_thumb .playBtn{
  border-radius: 5px;
  }
  .sidevideoWrapOutr .ptv_videoList_wrap .videoList_content .videoTitle a h4 {
    -webkit-line-clamp: 2!important;
}
  .ratingpopup .row .col-sm-5 {
    width: 40%;
    flex-shrink: 0;
}
  .ratingpopup .row .col-sm-7 {
    width: 60%;
    flex-shrink: 0;
}
  .minimizeBox .content{
  align-items: center;
  }
  .minimizeBox .content .player-wrapper{
    width:200px!important;
  }
  .dashboard-cs-page .LikeDislikeWrap .LikeDislikeList, .pvtBannerLike .LikeDislikeList {
    width: 100% !important;
    display: flex;
    justify-content: space-evenly;
}
  .content-wrap .container-fluid.mt-5 {
    margin-top: 0rem!important;
}
  .LikeDislikeWrap .LikeDislikeList {
    display: flex;
    justify-content: space-evenly;
    width: 100%;
}
  .MobmenuWrap .navbar-collapse{
    width: 100%;
  }
  .banner-wrap .left-wrap {
    display: flex;
    flex-direction: column;
    justify-content: end;
    padding-bottom:40px;
}
  .banner-wrap .left-wrap .smInfo{
  margin-bottom:0!important;
  }
  .minimizeBox, .minimizeBox .player-wrapper {
    height: 150px!important;
}
  .minimizeBox .content .player-wrapper {
    flex-shrink: 0;
}
  .minimizeBox .PlayPause a {
    -webkit-line-clamp: 3;
}
  .user_follow_cnt_profile {
    flex-direction: row;
}
  .playbar {
    bottom: 70px;
  }
  .playbar .controller {
    gap: 25px;
    padding-left: 16px;
    flex-shrink: 0;
}
  .playbar .controller li i {
    padding: 0;
}
  .playbar .progress {
    flex-grow: 1;
}
  .playbar .track-info .img {
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}
  .playbar .track-info .img a{
  display:block;
  }
  .userInfo-block-content .user_followed .channel_subscribe {
    flex-direction: column;
    gap: 10px;
}
  h4.custom-control{
  display: flex;
    align-items: center;
    gap: 2px;
    font-size: 18px;
  }
  h4.custom-control .alert_icon {
    margin-left: 0; 
}
  .channel_description div[class^="react-stars-wrapper-"]{
       margin-top: 0;
  }
  .video-view-cs-page .channel_description {
    padding-bottom: 0; 
    margin-bottom: 0; 
    margin-top: 15px;
}
  .chatBoxWrap {
    bottom: 70px;
}
  .chat-containers .chat-conversation {
    height: 318px;
}
  .chatBoxWrap .chat-input-links{
  padding-top:5px;
  }
  .userInfo-block-content .user_followed{
    justify-content: center;
    align-items: center;
  }
  .userInfo-block-content .user_followed .followers_cnt {
    display:none;
}
  .signup-form .form-group{
  margin-bottom: 24px;
  }
  .signup-form .floatR{
  padding-bottom: 16px;
  }
  .loginRgtrBox .forgot{
    flex-direction: column;
    gap: 10px;
  }
  .loginRgtrBoxPopup .image-cnt,.member-view-cs-page .image-cnt{
  margin-bottom: 16px
  }
  .loginRgtrBoxPopup .image_grid,.member-view-cs-page .image_grid{
        display: flex!important;
    justify-content: center;
    margin-bottom: 10px;
  }
  .minimizeBox {
    bottom: 70px;
}
  .minimizeBox .footer{
    background: transparent;
  }
  .newcomntImg-prev {
    margin-bottom: 20px;
}
  .user_wallet form {
    width: 85%;
}
  .tip_input {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
}

  .user_wallet .form-group{
  display: flex;
    gap: 10px;
  }
  .user_wallet .form-group .control-label{
  display:none;
  }
  .user_wallet .form-group button {
    margin-top: 20px!important;
}
  /*Need to add in rtl css*/
  /*.dropdown-menu-right {
    right: -100px;
    width: 200px;
}*/
}