p,
body {
  margin: 0;
  padding: 0;
}
.community-cont {
  padding: 8px;
  padding-bottom: 25px;
  background-color: #E9E8E6;
  position: fixed;
  overflow: scroll;
  height: 99%;
  width: 98%;
}

.comment-block {
  background-color: #fff;
  border-radius: 5px;
  overflow: hidden;
  margin-bottom: 8px;
  padding: 22px 12px;
  box-shadow: 0 1px 1.6px 0 rgba(0, 0, 0, .16);
  -webkit-box-shadow: 0 1px 1.6px 0 rgba(0, 0, 0, .16);
  -moz-box-shadow: 0 1px 1.6px 0 rgba(0, 0, 0, .16);
  -o-box-shadow: 0 1px 1.6px 0 rgba(0, 0, 0, .16);
}

.blogger-comment {
  /*padding: 0 1%;*/
  width: 80%;
  /*margin-left: 15px;*/
   /*margin-left: 22px;*/
}

.blogger-comment>.head-comment {
    color: #424242;
    font-size: 17px;
    margin-left: 22px;
    font-family: 'Roboto Medium', sans-serif;
    line-height: 1.3;
   /*max-height: 61px;*/
}

.reply-comment {
  margin-top: 16px;
  overflow: hidden;
  /*margin-bottom: 24px;*/
  font-family: 'Roboto Regular', sans-serif;
  margin-left: 22px;
}

.reply-comment span:first-child {
  float: left;
  width:29px;
  display: inline-block;
  /*margin-right: 8px;*/
}

.reply-comment span:last-child {
    color: #757575;
    font-family: 'Roboto Regular', sans-serif;
    font-size: 14px;
    /*position:relative;
    top: 1px;*/
    line-height:1.3;
    float: left;
    width: 87%;
    margin-left: 3px;
    /*max-height: 69px;*/
}
.reply-comment span:last-child, .reply-comment label,.blogger-comment>.head-comment {
    display:block;
    display: -webkit-box;
    display: -moz-box;
    display: -o-box;
    -webkit-line-clamp: 3;
    -moz-line-clamp: 3;
    -o-line-clamp: 3;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    overflow: hidden;

}
.reply-comment button.following {
  background-color: #fff;
  /*height: 35px;*/
  font-size: 14px;
 /*width: 80px;*/
  color: #FA92B5;
  text-align: center;
  padding:4px 10px !important;
  font-family: 'Roboto Medium', sans-serif;
  border: 1.5px solid #FA92B5;
  border-radius: 3px;
  float: left;
  margin-right: 10px;
}

.reply-comment label {
    color: #757575;
    font-size: 14px;
   /* position: relative;
    top: 5px;*/
    line-height: 1.3;
    width: 63%;
   /*max-height: 61px;*/
    font-family: 'Roboto Regular', sans-serif;
}

.activeBlock {
  Opacity: 0.4;
}

.blogger-pic,
.blogger-comment {
  float: left;
}

.blogger-pic {
  width: 65px;
  height: 65px;
  overflow:hidden;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
    
}
.blogger-pic img {
  width: 100%;
}

.delete-comment {
  float: right;
  text-align: center;
  width: 8%;
  display:none;
}
#blankNotification{
  text-align: center;
}
#notificationBell{
  padding-top: 100px;
  padding-bottom: 60px;
}
.noNotification{
   /*padding-top: 60px;*/
  text-align: center;
  color: #757575;
  font-size: 18px;
  font-family: 'Roboto Medium', sans-serif;
}
/*@font-face {
  font-family: "untitled-font-30";
  src: url("../NexaFont/untitled-font-30.eot");
  src: url("../NexaFont/untitled-font-30.eot?#iefix") 
  format("embedded-opentype"), url("../NexaFont/untitled-font-30.woff") 
  format("woff"), url("NexaFont/untitled-font-30.ttf") 
  format("truetype"), url("../NexaFont/untitled-font-30.svg#untitled-font-30") format("svg");

  font-weight: normal;
  font-style: normal;
}*/
[data-icon]:before {
  font-family: "untitled-font-30" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 20px;
  color: #4e4e4e;
  color: #fc88af;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "untitled-font-30" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 20px;
  color: #757575;
}

.icon-ic-3dot:before {
  content: "\61";
}

.icon-ic-action-an-answer:before {
  content: "\62";
}

.icon-ic-action-bar-post:before {
  content: "\63";
}

.icon-ic-answer:before {
  content: "\64";
}

.icon-ic-back-arrow:before {
  content: "\65";
}

.icon-ic-calender:before {
  content: "\66";
}

.icon-ic-camera:before {
  content: "\67";
}

.icon-ic-cart:before {
  content: "\68";
}

.icon-ic-checkbox:before {
  content: "\69";
}

.icon-ic-checked:before {
  content: "\6a";
}

.icon-ic-close:before {
  content: "\6b";
}

.icon-ic-delete:before {
  content: "\6c";
}

.icon-ic-draft:before {
  content: "\6d";
}

.icon-ic-edit:before {
  content: "\6e";
}

.icon-ic-like:before {
  content: "\6f";
}

.icon-ic-mobile:before {
  content: "\71";
}

.icon-ic-my-question:before {
  content: "\72";
}

.icon-ic-notification:before {
  content: "\73";
}

.icon-ic-privacy:before {
  content: "\75";
}

.icon-ic-question:before {
  content: "\76";
}

.icon-ic-redeo:before {
  content: "\77";
}

.icon-ic-redeo-selected:before {
  content: "\78";
}

.icon-ic-search:before {
  content: "\79";
}

.icon-ic-search-arrow:before {
  content: "\7a";
}

.icon-ic-tc:before {
  content: "\41";
}

.icon-ic-user:before {
  content: "\42";
}

.icon-facebook-square:before {
  content: "\43";
}

.icon-google-plus-square:before {
  content: "\44";
}

.icon-ic-plus:before {
  content: "\70";
}

.icon-ic-minus:before {
  content: "\74";
}
@media screen and (max-width: 768px) {
  .delete-comment {
    float: right;
    text-align: center;
    width: 3%;
  }
  .reply-comment label {
    width: 54%;
     /*margin-left: 7px;*/
  }
  .community-cont {
    position: fixed;
    overflow: scroll;
    height: 100%;
    width: 98%;
  }
    #notificationBell img{
 width: 43%;
}
}

@media screen and (min-width:511px) and (max-width:665px) {
  .reply-comment label {
    position: relative;
    top: 0px;
  }
  .delete-comment {
    float: right;
    text-align: center;
    width: 4%;
  }
  .reply-comment label {
    width: 54%;
     /*margin-left: 7px;*/
  }
    .community-cont {
    position: fixed;
    overflow: scroll;
    height: 100%;
    width: 97%;
  }
  #notificationBell img{
      width: 43%;
    }
}

@media screen and (min-width:422px) and (max-width:510px) {
  .reply-comment span:last-child {
    /*float: left;*/
    width: 82%;
  }
  .reply-comment label {
    width: 54%;
  }
  .delete-comment {
    float: right;
    text-align: center;
    width: 6%;
  }
  .blogger-comment {
    /*padding: 0 1%;*/
    width: 75%;
  }
  .community-cont {
    position: fixed;
    height: 100%;
    overflow: scroll;
    width: 97%;
    padding-left:7px;
  }
 #notificationBell img{
   width: 43%;
  }
}

@media screen and (min-width:361px) and (max-width:421px) {
  .reply-comment span:last-child {
    /*float: left;*/
    width: 80%;
  }
  .reply-comment label {
    width: 100%;
  }
     .reply-comment button {
  margin-bottom: 14px;
}
  .delete-comment {
    float: right;
    text-align: center;
    width: 6%;
  }
  .blogger-comment {
    /*padding: 0 1%;*/
    width: 72%;
  }
  .community-cont {
    position: fixed;
    padding-left: 6px;
    height: 98%;
    overflow: scroll;
    width: 97%;
  }
  #notificationBell img{
 width: 55%;
}
}

@media screen and (min-width:321px) and (max-width:360px) {
  .reply-comment span:last-child {
    /*float: left;*/
    width: 77%;
  }
  .reply-comment label {
    position: relative;
     top: 0px;
    width: 100%;
  }
   .reply-comment button {
  margin-bottom: 14px;
}
  .delete-comment {
    float: right;
    text-align: center;
    width: 7%;
  }
  .blogger-comment {
    /*padding: 0 1%;*/
    width: 68%;
  }
  .community-cont {
    position: fixed;
    height: 95%;
    overflow: scroll;
    width: 96%;
  /*  padding-left: 7px;*/
  }
 #notificationBell{
   padding-top: 60px;
  padding-bottom: 40px;
}
#notificationBell img{
 width: 61%;
}
}

@media screen and (max-width: 320px) {
  .reply-comment span:last-child {
    /*float: left;*/
    width: 76%;
  }
  .reply-comment label {
    width: 100%; 
    position: relative;
    top: 0px;
  }
  .reply-comment button.following {
  margin-bottom: 14px;
}
  .delete-comment {
    float: right;
    text-align: center;
    width: 8%;
  }
  .blogger-comment {
    /*padding: 0 1%;*/
    width: 67%;
  }
  .community-cont {
    position: fixed;
    height: 95%;
    overflow: scroll;
    width: 95%;
  }
  #notificationBell{
 padding-top: 60px;
  padding-bottom: 40px;
}
#notificationBell img{
 width: 61%;
}
}