@media (max-width: 1800px) {
  .sp-megamenu-parent > li > a,
  .sp-megamenu-parent > li > span,
  .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
    font-size: 15px !important;
  }
  .sp-megamenu-parent > li > a,
  .sp-megamenu-parent > li > span {
    display: inline-block;
    padding: 0 5px;
  }
}

@media (max-width: 1400px) {
  .header-contacts {
    gap: 10px;
  }
  .phone {
    font-size: 16px !important;
  }
  .messengers {
    .icon {
      width: 40px;
      height: 40px;
    }
  }
  .adress {
    font-size: 13px;
  }
  .work-time {
    font-size: 10px;
  }
  .section-select .nav-link {
    width: 270px;
  }
  #sp-header {
    .sp-menu-item {
      margin-right: 20px;
    }
  }
}

@media (max-width: 1200px) {
  .descriptor {
    font-size: 13px;
    line-height: 14px;
  }
  .adress {
    gap: 5px;
    font-size: 12px;
  }
  .section-select .nav-link {
    width: 225px;
  }
  #sp-header {
    .sp-menu-item {
      margin-right: 7px;
    }
  }
  .sp-megamenu-parent > li > a,
  .sp-megamenu-parent > li > span,
  .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
    font-size: 15px !important;
  }
  .section-select .tab-pane.active {
    grid-template-columns: 1fr 2fr;
  }
  ol,
  ul {
    padding-left: 1rem;
  }
  .info-wrapper .col-lg-3 {
    width: 50%;
  }
  .callback-items {
    .callback-img {
      width: 225px;
      height: 225px;
      left: -85px;
    }
  }
}

@media (max-width: 1200px) and (min-width: 991px) {
  #sp-position1 {
    width: 23%;
  }
  #sp-contacts {
    width: 29%;
  }

  #sp-button {
    width: 23%;
  }
  .header-contacts {
    flex-direction: column-reverse;
  }
  #sp-header {
    .button {
      background-color: var(--black);
      padding: 8px 11px;
    }
  }
}

@media (max-width: 991px) {
  #sp-header {
    background: var(--white) !important;
  }
  .logo-image {
    height: 45px !important;
  }
  .section-select .nav-link {
    width: 160px;
  }
  .section-select .crane-cost {
    font-size: 21px;
  }
  .info-item,
  .delivery-item {
    .info-head {
      flex-direction: column;
    }
  }
  #sp-features .sp-column {
    margin-block: 30px;
  }
  .offcanvas-menu .offcanvas-inner ul.menu li.active a {
    color: var(--yellow);
  }

  .offcanvas-menu .offcanvas-inner ul.menu > li a:hover,
  .offcanvas-menu .offcanvas-inner ul.menu > li a:focus,
  .offcanvas-menu .offcanvas-inner ul.menu > li span:hover,
  .offcanvas-menu .offcanvas-inner ul.menu > li span:focus {
    color: var(--yellow);
  }
  .header-contacts {
    gap: 20px;
    justify-content: space-between;
    flex-direction: column;
  }
  .adress {
    gap: 5px;
    font-size: 14px;
  }

  #sp-left {
    display: none;
  }
  .article-details {
    margin-block: 20px 50px;
  }
  #mod-custom117 {
    .phone {
      font-size: 14px !important;
    }
  }
}

@media (max-width: 768px) {
  #sp-header .sp-module {
    margin-left: 0px;
  }
  #mod-custom116 p {
    margin-bottom: 0;
  }
  .main-btn {
    font-size: 15px;
  }
  .btn {
    padding: 8px 15px;
    font-size: 15px;
  }
  #sp-header .row {
    align-items: center;
  }
  #sp-button {
    padding: 0;
  }
  .section-select .tab-pane.active {
    display: flex !important;
    flex-direction: column;
  }
  .section-select .nav-link {
    width: 240px;
  }
  .select-item-img {
    width: 100%;
    max-width: 230px;
  }
  .calc {
    margin-block: 50px 30px;
  }
  .main-title {
    font-size: 25px;
  }
  #sp-about .sp-column {
    margin-block: 50px 30px;
  }
  #mod-custom138 {
    .info-head {
      flex-direction: column !important;
      align-items: center;
    }
    .info-wrapper .col-lg-3 {
      width: 50% !important;
    }
  }
  #sp-reliability {
    margin-bottom: 60px;
  }
  .callback-items {
    .callback-img {
      width: 160px;
      height: 160px;
      position: relative;
      left: 0;
      margin: 0px auto 15px;
      top: 40px;
    }
    .col-lg-2 {
      top: -80px;
      position: relative;
    }
  }
  .callback-wrapper {
    padding: 30px;
    .form {
      margin-top: -35px;
    }
  }
  .callback {
    max-height: unset;
  }
  #sp-footer1 {
    text-align: center;
    margin-bottom: 15px;
  }
  #sp-footer2 .wf-column p {
    text-align: center !important;
    margin-bottom: 0;
  }
  .blog {
    h2 {
      margin-bottom: 15px;
    }
  }
  #sp-contacts-info {
    .contacts-info {
      margin-bottom: 50px;
    }
  }
  #form5_name,
  #form5_tel3,
  #form3_name,
  #form3_tel3,
  #form2_tel3,
  #form12_tel3,
  #form12_text6,
  #form1_name,
  #form1_phone,
  #form1_info {
    padding: 10px 15px !important;
    border-radius: var(--brdrds) !important;
    border: 1px solid var(--yellow) !important;
  }

  .blog--main .article-list.articles-leading {
    height: auto !important;
    margin-bottom: 30px;
  }

  .blog--main .article {
    margin-bottom: 0;
  }
}

@media (max-width: 575px) {
  .header-contacts {
    flex-direction: row;
  }

  .tabs ul.module--menu.сс-3 {
    column-count: 1 !important;
  }

  .tabs ul.menu.module--menu {
    column-count: 1;
  }

  .blog--main .article-header h2 {
    margin-bottom: 0px !important;
  }

  .popular--news {
    margin-top: 0px !important;
  }

  .blog--main .article-header {
    margin-bottom: 1px;
  }
}

@media (max-width: 480px) {
  .blog--main .article h2 a {
    font-size: 14px;
    line-height: 16px;
  }

  span.published-date,
  span.hits {
    font-size: 14px;
    color: #ffffffb5;
  }

  .blog--main .news--data {
    gap: 20px;
  }

  img.data--icon {
    height: 15px !important;
  }

  .main-title {
    font-size: 20px;
  }
  .main-btn {
    font-size: 13px;
    padding: 5px 13px;
  }
  .adress {
    font-size: 12px;
    justify-content: center;
    margin-block: 5px;
    font-size: 13px;
  }
  #sp-adress {
    order: 2;
  }
  .messengers {
    .icon {
      width: 30px;
      height: 30px;
    }
    img {
      width: 30px;
    }
  }
  #sp-top {
    padding-block: 5px;
  }
  .header-contacts {
    gap: 15px;
  }
  .burger-icon {
    position: relative;
    right: 5px;
  }
  .category-list {
    column-count: 1;
  }
  .section-select .nav-link {
    width: 50%;
  }
  .section-select .tab-pane {
    padding: 30px;
  }
  #select .container {
    padding: 0;
  }
  .section-select .btn-group {
    flex-direction: column;
  }
  .section-select {
    margin-block: 50px;
  }
  #sp-button .sp-column {
    justify-content: center;
  }
  .section-select .crane-cost {
    font-size: 18px;
  }
  .select-item-img {
    width: 100%;
    max-width: 170px;
  }
  .info-wrapper .col-lg-3 {
    width: 100%;
  }
  .info-item,
  .delivery-item {
    .info-head {
      flex-direction: row;
    }
  }

  #mod-custom138 {
    h3 {
      font-size: 14px;
    }
  }
  .jshop h1 {
    margin-block: 0px 15px;
  }
  .row-fluid .sblock3 {
    width: 50%;
  }
  .block_product {
    padding: 15px;
  }
  .category_name {
    font-size: 15px !important;
  }

  .jshop_list_product .product .name {
    text-align: center;
    font-size: 15px;
    margin-bottom: 5px;
  }

  .jshop_list_product .image_block {
    min-height: unset;
  }
  .jshop .available {
    font-size: 10px;
  }
  .jshop_list_product .product .jshop_price {
    font-size: 15px;
  }
  .block_product {
    .btn {
      padding: 5px 11px;
    }
  }
  .jshop_list_product .product .name {
    text-align: center;
    font-size: 15px;
    margin-bottom: 10px;
    line-height: 17px;
  }
  #block_price {
    font-size: 21px !important;
  }
  .prod_price {
    margin-top: 15px;
  }
  .productfull .block_available::before {
    width: 12px;
    height: 12px;
    top: 2px;
  }
  .productfull .image_middle,
  .productfull .jshop_oiproduct {
    margin-bottom: 0px;
  }
  .about-items {
    .about-img {
      max-width: 60px;
      max-height: 80px;
    }
  }
  .cf-checkbox-group {
    .cf-label {
      font-size: 11px !important;
    }
  }
  .work-num {
    font-size: 45px !important;
    line-height: 45px !important;
  }
  .work {
    margin-bottom: 50px;
  }
  .adress {
    display: none;
  }
  .title-container {
    h1 {
      top: 35%;
      font-size: 21px;
    }
  }
  .calculator .content-wrapper {
    padding: 20px;
  }
  .jshop .product_label {
    margin: 0;
    top: -2%;
    left: -3%;
    max-width: 35px;
  }
  .jshop_price {
    font-size: 16px;
  }
  .label_products {
    .block_item {
      padding: 10px;
      .name {
        line-height: 19px;
      }
    }
  }
  .contacts-secton {
    margin-block: 30px;
  }

  h1 {
    font-size: 25px !important;
  }
  .article-header {
    margin-bottom: 15px;
  }

  #sp-contacts {
    .link-wrapper {
      gap: 0px;
    }
    .phone {
      font-size: 14px !important;
    }
  }

  .leasing {
    p {
      font-size: 16px;
    }

    .info-head {
      flex-direction: column !important;
      align-items: center !important;
    }
  }
  .messengers {
    gap: 10px;
    display: flex;
  }
  .header-contacts .messengers {
    margin-bottom: 3px;
  }
}