css/media.css - master - eb/BisLite

css/media.css
182 строки3 KB
EvgeniyBudaev
add project
03 апр 2020, 10:41
03 апр 2020, 10:412d10e54
@media (max-width: 960px) {
  .header__menu-btn {
    display: block;
  }
  .header__menu > ul {
    display: none;
    position: absolute;
    top: 120px;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 2;
    background-color: #fff;
    border-bottom: 5px solid #2aacc8;
  }
  .header__menu li {
    display: block;
    text-align: center;
  }
  .header__menu li + li {
    margin: 0;
  }
  .header__drop-down.drop-down + .header__link-blog {
    margin-left: 0;
  }
  .header__drop-down.drop-down {
    margin-left: 0;
  }
  .header__drop-down.drop-down + .header__drop-down.drop-down {
    margin-left: 0;
  }
  .header__menu a {
    padding: 12px 0px 12px 11px;
    font-weight: 400;
    display: block;
    text-transform: none;
  }
  .header__menu li + li a {
    border-top: 1px solid #e7e7e7;
  }
  .header__drop-down.drop-down:hover .drop-down__list {
    height: 0;
    overflow: hidden;
    opacity: 0;
    transition: all 0.3s;
  }
  .header__drop-down.drop-down .drop-down__list {
    height: 0;
    overflow: hidden;
    opacity: 1;
    transition: all 0.3s;
    position: static;
    width: 100%;
    border-bottom: none;
    padding: 0;
  }
  .header__drop-down.drop-down .drop-down__list.active {
    height: auto;
    overflow: visible;
    opacity: 1;
    transition: all 0.3s;
  }
  .header__drop-down.drop-down:hover > a {
    color: #000;
    border-top: 1px solid #e7e7e7;
    background-color: #fff;
    transition: all 0s;
  }
  .header__drop-down > a.active::after {
    transform: rotate(180deg);
  }

  .items__inner {
    flex-wrap: wrap;
  }
  .item {
    width: 50%;
    margin-bottom: 20px;
  }
  .clients-logo {
    padding-left: 15px;
  }
  .download__btn {
    padding-left: 15px;
  }
}

@media (max-width: 900px) {
  .item {
    padding-right: 15px;
  }
  .footer__inner {
    flex-wrap: wrap;
  }
  .footer__item-social {
    width: 60%;
    margin-top: 20px;
  }
  .footer__copy {
    padding-right: 15px;
  }
}

@media (max-width: 780px) {
  .clients__inner {
    flex-wrap: wrap;
  }
  .testimonials {
    width: 100%;
  }
  .clients-logo {
    margin: 0 auto;
    padding-left: 0;
  }
}

@media (max-width: 720px) {
  .footer__item-content {
    width: 100%;
    margin-bottom: 20px;
  }
}

@media (max-width: 670px) {
  .download {
    flex-wrap: wrap;
  }
  .download__btn {
    margin: 0 auto;
    padding-left: 0;
  }
  .clients-logo__images img {
    max-width: 100%;
  }
  .footer__item-social {
    width: 100%;
  }
}

@media (max-width: 520px) {
  .item {
    padding-right: 0;
    width: 100%;
  }
}

@media (max-width: 440px) {
  .footer__item-contact {
    width: 100%;
    margin-top: 20px;
  }
  .footer__inner {
    justify-content: flex-start;
  }
}

@media (max-width: 420px) {
  .slider__item-text {
    font-size: 40px;
    line-height: 45px;
    margin-left: 20px;
  }
  .footer__bottom {
    flex-wrap: wrap;
  }
  .footer__copy {
    padding-right: 0;
    margin-bottom: 20px;
  }
}

@media (max-width: 360px) {
  ul.footer__social li {
    width: 33.333%;
  }
}

@media (min-width: 960px) {
  .header__menu > ul {
    display: block !important;
  }
}