@media screen and (max-width: 1200px) {

    .answer-like span{

        display: block;

        margin-right: 0 !important;

        margin-top: 10px !important;

        white-space: nowrap;

    }

 }

 





@media screen and (max-width: 767px) {

    .answer-like span{

        display: inline-block;

        margin-right: 20px !important;

        margin-top: 0px !important;

        

    }

    .answer-like{

        justify-content: center;

        display: flex;

    }

    .book-sidebar{

        padding-left: 100px !important;

    padding-right: 100px !important;

    }

 }





 .text-muted {

    color: #b0bbc4 !important;

}

.adress-bar{

    box-shadow: 0 0 15px 0 #00000029;

}

.blue-text{

    color: #55b9bb;



}

.adress-bar .social-network .fa-telegram-plane{

    color: #019cde;

}

.adress-bar .social-network .fa-instagram{

    color: #ea31b0;

}

.adress-bar .social-network .fa-twitter{

    color: #2cc7ff;

}



.book-content , .book-sidebar{

    box-shadow: 0 0 15px 0 #00000029; 

    font-size: 13px !important;

}

.book-sidebar .detail{

    font-size: 12px;

}

.book-sidebar .detail span{

    font-weight: normal;

}

.book-content .abstract{

    white-space: pre-line;

}

.book-content .nav-tabs .nav-link.active, .book-content .nav-tabs .nav-item.show .nav-link {

    color: #e8c933;

    background-color: #fffbf8;

    border: unset;

    border-top: 1.5px solid #e8c933 !important ;

}

.book-content .nav-tabs{

    border: unset;

}

.book-content .tab-pane {

    background-color: #fffbf8;

}

.book-content .nav-tabs .nav-link:hover,.book-content .nav-tabs .nav-link:focus{

    border: unset;

}



.comment .trapezoid {

    border-bottom: 50px solid #efda74;

    border-left: 25px solid transparent;

    height: 0;

    width: 165px;

    border-top-right-radius: 3px;

    position: absolute;

    top: -50px;

    right: 0;



}

.comment .back-ground {

    background-color: #ffffff;

    border-radius: 5px;

    border-top-right-radius: 0;

    box-shadow: 0 0 15px 0 #00000029;

}

.comment .comment-item span ,.comment .comment-item p{

    font-size: 13px;

    color: #6c6868;

}

.comment-form .md-form {

    position: relative;

    margin-top: 1.5rem;

    margin-bottom: 1.5rem;

}

.comment-form input[type="text"]:not(.browser-default), .md-form input[type="password"]:not(.browser-default), .md-form input[type="email"]:not(.browser-default), .md-form input[type="url"]:not(.browser-default), .md-form input[type="time"]:not(.browser-default), .md-form input[type="date"]:not(.browser-default), .md-form input[type="datetime"]:not(.browser-default), .md-form input[type="datetime-local"]:not(.browser-default), .md-form input[type="tel"]:not(.browser-default), .md-form input[type="number"]:not(.browser-default), .md-form input[type="search"]:not(.browser-default), .md-form input[type="search-md"], .md-form textarea.md-textarea {

    -webkit-box-sizing: content-box;

    box-sizing: content-box;

    background-color: transparent;

    border: none;

    border-bottom: 1px solid #ced4da;

    border-radius: 0;

    outline: none;

    -webkit-box-shadow: none;

    box-shadow: none;

    -webkit-transition: border-color 0.15s ease-in-out,-webkit-box-shadow 0.15s ease-in-out;

    transition: border-color 0.15s ease-in-out,-webkit-box-shadow 0.15s ease-in-out;

    transition: border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;

    transition: border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,-webkit-box-shadow 0.15s ease-in-out;

}

.comment-form .md-form .form-control {

    height: auto;

    padding: .6rem 0 .4rem 0;

    margin: 0 0 .5rem 0;

    background-color: transparent;

    border-radius: 0;

}

.comment-form .md-form label {

    position: absolute;

    top: 0;

    right: 0;

    font-size: 0.75rem;

    color: #757575;

    cursor: text;

    -webkit-transition: color .2s ease-out, -webkit-transform .2s ease-out;

    transition: color .2s ease-out, -webkit-transform .2s ease-out;

    transition: transform .2s ease-out, color .2s ease-out;

    transition: transform .2s ease-out, color .2s ease-out, -webkit-transform .2s ease-out;

    -webkit-transform: translateY(12px);

    transform: translateY(12px);

    -webkit-transform-origin: 0% 100%;

    transform-origin: 0% 100%;

}

.comment-form .md-form input:active .md-form label{

    display: none;

}

.comment-text{

    margin-top: 42px !important;

}

.send-comment{

    border: none;

    background: transparent;

    color: #00ce9e;

}

.send-comment{

    outline: none !important;

}

.starrating > input {display: none;}  /* Remove radio buttons */



.starrating > label:before { 

  content: "\f005"; /* Star */

  margin: 2px;

  font-size: 0.8rem;

  font-family: FontAwesome;

  display: inline-block; 

}



.starrating > label

{

  color: #d7d8d3; /* Start color when not clicked */

}



.starrating > input:checked ~ label

{ color: #ddc1a9 ; } /* Set yellow color when star checked */



.starrating > input:hover ~ label

{ color: #cd9363 ;  } /* Set yellow color when star hover */