@media (max-width: 991px)
.video-gradient-background {
position: absolute;
width: 120%;
height: 70%;
margin-left: -10%;
background-color: #6f011c;
margin-top: 6%;
}.about-me-left {
font-size: 0;
width:60%;
height:100%;
background-color:lime;
display: inline-block;
}
.about-me-right {
font-size: 0;
width:40%;
height:100%;
background-color:blue;
display: inline-block;
}
@media screen and (max-width: 575px) {
.grid-item {
left: 50% !important;
transform: translateX(-50%);
}
}position: relative элементу, которому задаёшь before/after, position:absolute и top: 5px left: 0px для псевдоэлемента, ещё родителю можно левый паддинг, размером с иконку + отступ
.footer-nav{
display: inline-block;
}.footer-nav li{
display: inline-block;
}display: flex;
justify-content: center;
align-items: center;$(window).scroll(function() {
var addRemClass = $(window).scrollTop() > 0 ? 'addClass' : 'removeClass';
$("#header")[addRemClass]('bgChange');
});
$(window).scroll(function() {
var addRemClass = $(window).scrollTop() > 0 ? 'addClass' : 'removeClass';
$("#logo")[addRemClass]('bgChange');
});.item-action-btn input[type="image"] {
max-width: 100%;
}
.owl-carousel .owl-item img {
display: block;
max-width: 100%;
margin: 0 auto;
}window.onload = function() {
//Содержимое
}