.content ul.booksie-bulma-ul {
    list-style: disc outside;
    margin-left: 0;
    margin-top: 0.5em;
}
.content ul.pagination-list {
    list-style: none;
}
.hero__background{
  height:280px;
}
.profile_page .hero__background{
  height:460px;
}
.container_profile_2{
  top:-280px !important;
  position:relative;
}
.top_section{
  background-color: transparent;
  background-color: rgba(255, 255, 255, 0.4);
}
.circle_img_big {
   border-radius: 50%;
   height: 230px !important;
   width: 230px !important;
   object-fit: cover;
   object-position: center;
}
.circle_img_medium {
   border-radius: 50%;
   height: 128px !important;
   width: 128px !important;
   object-fit: cover;
   object-position: center;
}
.circle_img_small {
   border-radius: 50%;
   height: 100px !important;
   width: 100px !important;
   object-fit: cover;
   object-position: center;
}
@media screen and (min-width: 769px){
  .mt-4-desktop{
    margin-top: 1rem !important;
  }
  .pt-4-desktop{
    padding-top: 1rem !important;
  }
}
.container-author {
    top: -390px !important;
    position:relative;
}

.profile_title_h1{
     padding-right:10px !important;
}
.border-topped-remark {
    margin-top: 10px;
    padding-bottom: 10px;
    background: transparent url(../../images/public/v-dot.png) top left repeat-x;
}
@media screen and (max-device-width: 768px) {
  .profile_page .hero__background {
       height: 320px;
  }
  .container-author {
      top: -320px !important;
  }
  .profile_right_header{
     padding:0.15rem !important;
  }
  .profile_title_h1{
      margin-bottom:0.8rem !important;
  }
}

.pr-3 {
    padding-right: 0.75rem !important;
}
.pt-3 {
    padding-top: 0.75rem !important;
}

.pb-2 {
    padding-bottom: 0.5rem !important;
}
.pl-1 {
    padding-left: 0.25rem !important;
}

.read-page-cover-box{
	position:relative;
}
.read-page-default-cover{
	position:absolute;
	margin-top:10px;
	width:84px;
	left: 50%;
	margin-left:-42px;
}
.read-page-cover-title{
   color:#FFFFFF;
   font-size:9px;
   font-weight:bold;
   line-height:13px;
   word-wrap:break-word;
}
.cover-box{
	position:relative;
}
.default-cover{
	position:absolute;
	margin-top:30px;
	width:162px;
	left: 50%;
	/*-webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);*/
	margin-left:-81px;
}
.cover-title{
    color:#FFFFFF;
	font-weight:bold;
	word-wrap:break-word;
}