header {
width: 500px;
.block {
background: #ccc;
}
}header {
width: 500px;
@media (max-width: 500px) {
width: 100px;
}
.block {
background: #ccc;
@media (max-width: 500px) {
background: green;
}
}
}<div class="logo page-header__logo">
...
</div>$('.first-btn').click(function () {
var parent = $(this).parent();
$('.red-line', parent).css('display', 'none');
$('.my-content', parent).css('height', '500px');
$('.second-btn', parent).css('display', 'block');
$('.first-btn', parent).css('display', 'none');
});$('.fancybox').fancybox({
helpers : {
overlay : {
locked: false
}
}
});