.article ul li{
    position: relative;
    padding: 5px 0 0 15px;
}
.article ul li::before{
    position: absolute;
    content: "";
    left: 0px;
    top: 35%;
    width: 8px;
    height: 8px;
    background-color: #f21e4e;
    border-radius: 50%;
}

.article ol>li{
    list-style-type: decimal;
}

.home{
    background-image: url('../img/bg/Bojko.png');
}
@media(min-width:568px) and (max-width:991px) and (min-height:841px){
    .home{
        background-image: url('../img/bg/Bojko992.png');
        background-size: cover;
    }
}
@media(max-width:567px){
  .home{
      background-image: url('../img/bg/Bojko567.png');
      background-size: cover;
  }
  .home .social-home{
    top: 10px;
  }
  .btn-custom{
    font-size: 14px;
  }
  .my-info{
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
  }
}


@media (max-height:840px){
    .header-left {
    -webkit-transform: translateX(-100px);
            transform: translateX(-100px);
  }
  .header-left .logo,
  .header-left .btn-share {
    display: none;
  }
  .header-left .main-menu {
    height: 100%;
    width: 100%;
    -webkit-transform: rotate(0deg) translateX(0%);
            transform: rotate(0deg) translateX(0%);
    background-color: #ffffff;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .header-left .main-menu .cross {
    display: block;
  }
  .header-left .main-menu .menu-nav {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .header-left .main-menu .menu-nav .nav-link {
    padding: 15px 0;
    line-height: 1.5;
  }
  .header-left .main-menu .menu-nav .nav-link.active:after, .header-left .main-menu .menu-nav .nav-link:hover:after {
    bottom: 0;
  }
  .social-footer {
    display: none !important;
  }
  .main {
    margin-left: 0;
  }
  .menu-toggle {
    display: block;
  }
}

@media (max-height:399px){
  .my-info{
    bottom: 0;
  }
  .header-left .main-menu .menu-nav .nav-link{
    padding: 10px 0;
  }
}

@media (min-width:992px){
  .full-height{
    height: 100%;
  }
}

@media(max-width:991px){
  .first-part-dosvid .timeline{
    margin-bottom:0;
  }
  .info-and-map iframe{
    max-width: 100%;
  }
}

.icon img{
  width: 30px;
}

.about .features .item{
  padding: 24px 10px 20px 10px;
}

.full-width{
  padding-top: 30px;
}