@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: 992px) {
   .content .detail ,  .content .tag{
       margin-top: 20px !important;
       justify-content: center;
       display: flex;
   }
   .content .tag span{
    font-size:11px !important;
   }
}
@media screen and (max-width: 768px) {
    .answer-like span{
        display: inline-block;
        margin-right: 20px !important;
        margin-top: 0px !important;
        
    }
    .answer-like{
        justify-content: center;
        display: flex;
    }
 }



.adress-bar{
    box-shadow: 0 0 15px 0 #00000029;
}
.blue-text{
    color: #8bd3d0;

}
.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;
}
.content{
    box-shadow: 0 0 15px 0 #00000029; 
    font-size: 13px !important;
}
.content .text p{
text-align: justify;margin-bottom: -25px;
    line-height: 1.6;
}
.content .text{
    white-space: pre-line;
    font-size: 14px;
    color: #6c6868;
}
.content .detail span{
    border-left: 1px solid #8bd3d0;
}
.content .detail span:last-child{
    border-left: unset !important;
}
.content .abstract{
    color: #0e5b6d;
    background-color: #fcfbf9;
}
.brown-special {
    color:#bfb18c ;
    background-color:#e9e2c8 ;
}
.brown-special1 {
    color:#faf6ff ;
    background-color:#bcae89 ;
}
.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;
}