$(document).ready(function() {
$('.col').on('click', function() {
$('.col').removeClass('change-color');
$(this).addClass('change-color');
});
});
<img class="img-responsive" src="img.jpg" alt="img">
width: 0;
height: 0;
border-style: solid;
border-width: 26px 0 26px 12px;
border-color: transparent transparent transparent #c2c2c2;
<div class="history">
<div class="history__header">
<p>
<ins>Первое</ins>
второе
</p>
</div>
</div>
.history__header p{
font-size: 95px;
padding: 0;
margin: 0;
text-decoration: underline;
text-decoration-color: red;
}
.history__header ins{
color: red;
text-decoration-color: black;
}
<div class="rd-navbar-fixed">
...
<div class="rd-navbar-brand">
<a href="1_main.html" class="brand-name"><img class="img1" src="images/logo-white.png" style="width: 230px;">
<img class="img2" src="images/logo-black.png" style="width: 230px;">
</a>
</div>
....
</div>
.img1, .img2 {
display:none;
}
.rd-navbar-static .img1 {
display: block;
}
.rd-navbar-fixed .img2 {
display: block;
}
<a class="icon fl-bigmug-line-user144 new" href="#"></a>
.new {
position:absolute;
font-size: 24px;
top:-17px;
right:-40px;
}
@media (min-width: 768px) and (max-width: 991px) {
.new {
position:absolute;
font-size: 10px;
top:-2px;
right:-10px;
}
}
.item {
display: table-cell;
width: calc((100% - 200px)/2);
}
.item:last-child {
width: 200px;
}