/* === DESKTOP FIRST === */
@media (max-width: 991.98px) {
  body.no-scroll {
    overflow: hidden;
  }
  .header__contacts-adrs {
    display: none;
  }
  .navbar__catnav-btn {
    width: inherit;
  }
  .navbar__row {
    gap: 15px;
  }
  .navbar__nav li:first-child {
    display: none;
  }
  .navbar__nav-link {
    padding-left: 10px;
    padding-right: 10px;
  }
  .about-image {
    padding-left: 0;
  }
  .about-image::before {
    content: normal;
  }
  .footer__top {
    flex-wrap: wrap;
  }
  .footer__logo {
    width: 100%;
    flex-grow: 1;
  }
  .footer__social {
    justify-content: center;
  }
}
@media (max-width: 767.98px) {
  .header__contacts-item {
    gap: 10px;
  }
  .header__contacts-body {
    gap: 7px;
  }
  .header__contacts-num {
    font-size: 17px;
  }
  .navbar__catnav-collapse {
    position: fixed;
    left: 0;
    top: 0;
    overflow-x: hidden;
    z-index: 1021;
    height: 100%;
    max-width: 414px;
    opacity: 1;
    visibility: visible;
    transform: translateX(-110%);
    transition: transform 0.3s ease-in-out;
    box-shadow: 0 5px 15px rgba(var(--black-rgb), 0.25);
  }
  .navbar__catnav-collapse.active {
    transform: translate(0);
  }
  .navbar__catnav-header {
    display: flex;
  }
  .navbar__catnav-btn span {
    display: none;
  }
  .navbar__catnav-btn::before {
    width: 32px;
    height: 32px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 24 24' stroke-width='2' stroke='%23ffffff' fill='none' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3e%3c/path%3e%3cpath d='M4 6l16 0'%3e%3c/path%3e%3cpath d='M4 12l16 0'%3e%3c/path%3e%3cpath d='M4 18l16 0'%3e%3c/path%3e%3c/svg%3e");
  }
  .navbar__catnav-btn::after {
    display: none;
  }
  .navbar__catnav-list {
    display: none;
  }
  .navbar__nav {
    flex-direction: column;
  }
  .navbar__nav li:first-child {
    display: block;
  }
  .navbar__nav li.active .navbar__nav-link::after {
    position: absolute;
    background-color: var(--bs-gray-100);
    height: auto;
    content: "";
    z-index: -1;
    left: 8px;
    right: 8px;
    width: auto;
    top: 4px;
    bottom: 4px;
    border-radius: 6px;
  }
  .navbar__nav-item {
    border-bottom: 1px dashed var(--bs-gray-300);
  }
  .navbar__nav-link {
    color: inherit;
    padding: 12px 15px;
    position: relative;
  }
  .navbar__nav-link:hover::after {
    position: absolute;
    background-color: var(--bs-gray-100);
    height: auto;
    content: "";
    z-index: -1;
    left: 8px;
    right: 8px;
    width: auto;
    top: 4px;
    bottom: 4px;
    border-radius: 6px;
  }
  .section-padding-top {
    padding-top: 50px;
  }
  .section-padding-bottom {
    padding-bottom: 50px;
  }
  .section-padding {
    padding: 50px 0;
  }
  .footer__top {
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
  }
  .footer__social {
    justify-content: center;
  }
}
@media (max-width: 575.98px) {
  .header {
    padding: 15px 0;
  }
  .header__row {
    justify-content: center;
  }
  .header__contacts {
    display: none;
  }
  .intro1__item {
    height: 220px;
  }
  .title {
    flex-direction: column;
  }
  .section-padding-top {
    padding-top: 40px;
  }
  .section-padding-bottom {
    padding-bottom: 40px;
  }
  .section-padding {
    padding: 40px 0;
  }
  .footer__top {
    padding: 40px 0;
  }
}
/* === MOBILE FIRST === */