/*==========	Desktop First	==========*/
@media only screen and (max-width: 1450px) {
  .partners-box {
    width: 220px;
    height: 220px;
    min-width: 220px;
  }
}
@media only screen and (max-width: 1330px) {
  header .container {
    padding: 0 20px 0 140px;
  }
  .container {
    padding: 0 20px 0 140px;
  }
  .services-section {
    padding: 20px 0;
  }
  .services-section__decor {
    right: 50px;
  }
  .services-box {
    padding: 10px 0;
  }
  .services-box__number {
    width: 40px;
    height: 40px;
    min-width: 40px;
    font-size: 18px;
  }
  .services-box__name {
    font-size: 22px;
  }
  .callback-section {
    padding: 20px 0;
  }
  .callback-section h2 {
    font-size: 9vh;
    margin: 0 0 30px;
  }
  .callback-section h2:after {
    width: 75px;
    height: 70px;
  }
  h2 {
    font-size: 7vh;
  }
  .company-section {
    padding: 20px 0;
  }
  .company-section h2 {
    max-width: 650px;
    line-height: 1.1;
  }
  .advantages-slider {
    margin: 20px 0 0;
  }
  .description-text {
    max-width: 800px;
  }
  .home-section .wrapper {
    margin: 20px 0 0;
  }
  .activites-menu {
    font-size: 20px;
    line-height: 1;
  }
  .link-accent {
    margin: 20px 0 0;
  }
  .services-section h2 {
    margin: 10px 0 20px;
  }
  .contacts-section {
    padding: 20px 0;
  }
}
@media only screen and (max-width: 1280px) {
  .partners-box {
    width: 260px;
    height: 260px;
    min-width: 260px;
  }
}
@media only screen and (max-width: 1200px) {
  .container, header .container {
    padding: 0 20px 0 260px;
  }
  .home-section-content {
    padding: 0;
  }
  .callback-section__decor {
    right: 20px;
  }
  .advantages-slider {
    margin: 50px 0 0;
    width: calc(100% + 20px);
  }
  .partners-box {
    width: 190px;
    height: 190px;
    min-width: 190px;
    padding: 20px;
  }
  .home-section__decor {
    bottom: -290px;
    left: -110px;
  }
}
@media only screen and (max-width: 992px) {
  .nav-menu {
    width: 100%;
    height: auto;
    max-width: none;
    top: 0;
    -webkit-transform: none;
            transform: none;
    left: 0;
    border-radius: 0 0 16px 16px;
    padding: 18px 20px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .logo {
    margin: 0 auto 0 0;
  }
  .logo-text {
    display: block;
    margin: 0 0 0 6px;
    padding: 16px 0 0 4px;
  }
  .logo-text img {
    max-width: 55px;
  }
  .btn-burger {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .menu {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    margin: 68px 0 0;
    font-size: 14px;
    font-weight: 500;
    width: 100%;
    display: none;
  }
  .menu li {
    margin: 0 0 20px;
    width: 100%;
    padding: 0 0 15px;
    border-bottom: 1px solid rgba(14, 11, 35, 0.1);
  }
  .menu li:last-child {
    display: block;
  }
  .menu li a {
    color: #0E0B23;
  }
  .menu li a:hover {
    color: #3B64E8;
  }
  .menu li a span {
    display: block;
  }
  .menu li a span::after {
    display: none;
  }
  .menu li a::before {
    display: none;
  }
  .menu li .phone-mobile {
    font-size: 16px;
    font-weight: 500;
  }
  .menu li .phone-mobile span {
    color: #3B64E8;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: inline;
    margin: 0 5px;
  }
  header, .nav-breadcrumb {
    display: none;
  }
  .container, header .container {
    padding: 0 20px;
  }
  .home-section {
    padding: 116px 0 51px;
  }
  .logo-icon {
    width: 24px;
  }
  .services-box__description {
    max-width: 400px;
  }
  .services-box__name {
    width: calc(100% - 50px - 400px);
  }
}
@media only screen and (max-width: 768px) {
  h1 {
    font-size: 40px;
  }
  .activites-menu {
    font-size: 20px;
    max-width: 310px;
  }
  .description-company {
    max-width: 260px;
  }
  h2 {
    font-size: 32px;
  }
  .advantages-slider {
    margin: 52px 0 0;
  }
  .company-section {
    padding: 38px 0 54px;
  }
  .company-section h2 {
    margin: 16px auto;
    max-width: 360px;
  }
  .description-text {
    max-width: 275px;
  }
  .services-box__name {
    width: calc(100% - 50px);
    padding-right: 0;
  }
  .services-box__description {
    width: 100%;
    max-width: none;
    margin: 13px 0 0;
  }
  .callback-section h2 {
    font-size: 50px;
  }
  .partners-section {
    padding: 100px 0;
  }
  .partners-section h2 {
    margin: 0 0 45px;
  }
  .partners-box {
    margin-bottom: 30px;
  }
  .list-contacts__text {
    font-size: 24px;
  }
  .address {
    max-width: 450px;
  }
}
@media only screen and (max-width: 650px) {
  .description-company {
    font-size: 16px;
  }
  .activites {
    width: 100%;
    margin: 77px 0 0;
  }
  .activites h3 {
    margin: 0 0 15px;
    font-size: 16px;
  }
  .activites-menu {
    max-width: none;
    font-size: 16px;
  }
  .activites-menu li {
    margin: 0 0 7px;
  }
  .home-section .wrapper {
    margin: 20px 0 0;
  }
  .home-section .link-accent {
    display: none;
  }
  .home-section__decor {
    width: 217px;
    height: 217px;
    min-width: 217px;
    right: -63px;
    left: auto;
    bottom: auto;
    top: -73px;
  }
  .home-section__decor::before {
    width: 189px;
    height: 189px;
  }
  .company-section {
    background: transparent;
  }
  .company-section:before {
    content: "";
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 850px;
    bottom: -95px;
    left: 0;
    background: url("../img/decor3.svg") no-repeat center;
    background-size: cover;
  }
  .services-section {
    background: transparent;
  }
  .services-section:before {
    content: "";
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 964px;
    bottom: 0;
    left: 0;
    background: url("../img/decor4.svg") no-repeat center top;
    background-size: cover;
  }
  .services-section__decor {
    width: 45px;
    height: 45px;
    max-width: 45px;
    min-width: 45px;
    right: 20px;
    top: 187px;
  }
  .services-section__decor::before {
    width: 39px;
    height: 39px;
  }
  .services-section h2 {
    margin: 11px 0 32px;
  }
  .services-box {
    padding: 25px 0 13px;
  }
  .callback-section {
    padding: 38px 0 207px;
    background: transparent;
  }
  .callback-section:before {
    content: "";
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    background: url("../img/decor5.svg") no-repeat center bottom;
    background-size: cover;
  }
  .callback-section h2 {
    font-size: 48px;
    letter-spacing: 0;
    margin: 0 0 54px;
  }
  .callback-section h2::after {
    min-width: 84px;
    margin: 0 0 0 5px;
  }
  .callback-section__decor {
    width: 150px;
    height: 150px;
    min-width: 150px;
    max-width: 150px;
    bottom: 22px;
    right: 33px;
    top: auto;
  }
  .callback-section__decor::before {
    width: 130px;
    height: 130px;
  }
  .form-callback {
    max-width: none;
  }
  .partners-section {
    padding: 38px 0 7px;
    background: transparent;
  }
  .partners-section:before {
    content: "";
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 568px;
    bottom: 0;
    left: 0;
    background: url("../img/decor6.svg") no-repeat center bottom;
    background-size: cover;
  }
  .partners-box {
    width: 149px;
    height: 149px;
    min-width: 149px;
    padding: 16px 20px;
    margin: 0 -18px 30px 0;
  }
  .list-contacts li {
    padding: 19px 0;
  }
  .list-contacts__text {
    width: 100%;
    margin: 12px 0 0;
  }
  .address {
    max-width: none;
  }
  .contacts-section {
    padding: 38px 0 45px;
    background: transparent;
  }
  .contacts-section h2 {
    margin: 0 0 50px;
  }
  .contacts-section:before {
    content: "";
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    background: url("../img/decor6.svg") no-repeat center;
    background-size: cover;
  }
  .list-contacts li span {
    font-size: 16px;
  }
}
@media only screen and (max-width: 576px) {
  h1 {
    font-size: 36px;
    margin: 0 0 18px;
  }
}
@media only screen and (min-width: 1330px) {
  .nav-menu:hover {
    max-width: 278px;
  }
}
@media only screen and (min-width: 992px) {
  .nav-menu:hover {
    max-width: 245px;
    left: 0;
    border-radius: 0 30px 30px 0;
    height: 100%;
    top: 0;
    -webkit-transform: none;
            transform: none;
  }
  .nav-menu:hover .menu li a::before {
    display: none;
  }
  .nav-menu:hover .menu li a span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .nav-menu:hover .logo-text {
    display: block;
  }
}