h2.comment-section-heading {
    font-family:Manrope;
    font-size: 25px;
    font-weight:700;
    text-align: left;
    margin:0 auto;
    width:100%;
    margin:10px auto 12px auto;
}

.msg { margin: 10px 0; padding: 10px; border-radius: 5px; }

.success { 
	font-family:manrope;
	color:#ffffff;
	background:#28c1284a;
	width:60%;
	margin:12px auto 0 auto;
	border-left:5px solid #0aff0a;
	padding:20px 16px;
	border-radius:4px;
	text-align:left;
	font-size:12px;
}

.error { background: #f8d7da; color: #721c24; }

form.comment_form { 
	margin: 0 auto 80px auto;
	padding: 10px 0;
	background:none;
	border-radius: 4px;
	width:60%;
}

::placeholder {
    color:#a8a8a8;
}

input[type=text].comment_name, input[type=email].comment_email, input[type=text].comment_text, input[type=text].article_name {
	width: 100%;
	background:rgba(255, 255, 255, 0.14);
	font-family: Manrope;
	font-size:13px;
	border: 1px solid #4e4a5f;
	color: #ffffff;
	padding:16px 12px;
	margin:4px 0;
	border-radius:4px;
	outline:none;
	transition:0.2s linear;
}

input[type=text].comment_name:focus, input[type=email].comment_email:focus {
	border:1px solid #ffffff;		
	transition:0.2s linear;
}

.comment_text {
    resize: vertical;
    border: 1px solid #4e4a5f;
	outline:none;
	height:150px;
	border-radius: 5px;
	padding:16px 12px;
	color:#ffffff;
	width:100%;
	margin:4px 0;
	background:rgba(255, 255, 255, 0.14);
	font-size:13px;
	font-family: Manrope;
	transition:0.2s linear;
}

textarea.comment_text:focus {
    border:1px solid #ffffff;
    transition:0.2s linear;
}

button.submit_comment { 
	background: #ff0020;
	font-size: 12px;
	width:auto;
	color: #ffffff;
	padding: 10px 12px;
	outline:none;
	border: none;
	border-radius: 3px;
	font-weight: 500;
	font-family:manrope;
	cursor: pointer;
	box-shadow: 0 0 2em 0.1em #ff0000;
	transition:0.3s linear;
}

button.submit_comment:hover { 
	background: #ffffff;
	box-shadow: 0 0 2em 0.1em #ffffff;
	color:#232323;
	transition:0.3s linear;
}

div.get-comments {
    width:60%;
    margin:45px auto 0 auto;
}    

div.get-comments h3 {
    font-family:Manrope;
    font-size: 25px;
    font-weight:700;
    color:#ffffff;
    text-align: left;
    width:100%;
    margin:10px auto 12px auto;
}

div.get-comments p.no-comments {
    font-size:12px;
}    

div.get-comments p.total-comments {
    font-size:14px;
    color:#ff4500
}

.comment-box { 
    border: 1px solid #4e4a5f; 
    padding:20px 15px; 
    margin: 10px 0; 
    border-radius: 5px; 
    font-family: Manrope;
    transition:0.3s linear;
}

.comment-box:hover { 
    border: 1px solid #ff4500;
    cursor: pointer;
    transition:0.3s linear;
    background:rgba(39, 37, 48, 0.41);
}

.comment-author-name { 
	color: #ff4500; 
	font-size:14px;
	font-weight:600;
	margin:0 0 3px 0;
}

.comment-user-message { 
	color: #ffffff;
	font-size:12px;
}

.comment-time-ago {
	color: #888888;
	font-size:10px;
	display:block;
	margin:5px 0 0 0;
}

.comment-text { margin: 5px 0; }
.comment-time { font-size: 12px; color: #555; }

hr.hr-line {
    width:100%;
    margin:12px auto;
    border:none;
    background:rgb(78, 78, 78);
}

/* ==================== RESPONSIVE ==================== */
@media screen and (max-width:1920px) {
 
    form.comment_form { 
	    width:90%;
    }
    
    div.get-comments { 
	    width:90%;
    }
    
}

/* ==================== RESPONSIVE ==================== */
@media screen and (max-width:768px) {
 
    form.comment_form { 
        width:90%;
    }
    
    div.get-comments {
        width:90%;
    }
        
}

    
@media screen and (max-width:500px) {
    
    form.comment_form {
        width:92%;
    }
    
    div.get-comments p.no-comments {
        font-size:12px;
    }    
    
    div.get-comments p.total-comments {
        font-size:13px;
        color:#ff4500
    }
    
    div.get-comments {
        width:92%;
    }
    
    div.get-comments h3 {
        font-size:20px;
    }
    
    h2.comment-section-heading {
        width:100%;
        font-size:20px;
        margin:0 auto;
    }
    
    ::placeholder {
        font-size:12px;
    }
    
    button.submit_comment { 
        width:100%;
        padding:15px 0;
        font-size:13px;
        font-weight:800;
        
	}
}