@media (max-width: 1325px) {
  .container {
    padding: 0 25px;
  }
}

@media (max-width: 1100px) {
  .monitoring-title {
    white-space: nowrap;
  }

  .monitoring-title .card-title {
    font-size: 18px !important;
  }

  .monitoring-title .water-mark {
    font-size: 36px;
    top: -40px;
  }

  .text-second.text-medium.mt-10px.fs-18 {
    font-size: 14px !important;
  }

  .monitoring-card .mt-30px.fs-18 {
    font-size: 14px !important;
  }

  .pie {
    display: none;
  }

  .mobile-graph {
    display: block;
    top: 0;
    position: absolute;
    right: 10px;
  }
}

@media (max-width: 990px) {
  .links {
    display: none;
  }

  .mobile-btn {
    display: block;
    margin-right: 30px;
  }

  .bg-row .col-lg-6:nth-child(1) {
    height: 930px;
  }

  .bg-row .col-lg-6:nth-child(2) {
    height: 750px;
  }

  .col-lg-6.pl-20px {
    padding-left: 10px !important;
    padding-right: 10px;
  }

  .row.mt-60px .col-lg-6:nth-child(1) {
    margin-bottom: 80px;
    height: 733px;
  }

  .transition {
    display: none;
  }

  .monitoring-card {
    margin-bottom: 20px;
  }

  .footer .col-lg-3 {
    margin-bottom: 30px;
  }
}

@media (max-width: 576px) {
  .bg-row .col-lg-6:nth-child(1) {
    height: 1405px;
  }

  .page-title {
    font-size: 32px;
  }

  .title .water-mark {
    font-size: 64px;
  }

  .container {
    padding: 0 15px;
  }

  .row.mt-40px.mr-0 {
    margin-right: -10px !important;
  }

  .card.card-lg {
    padding: 20px 17px;
  }

  .monitoring-card .card-body {
    padding: 44px 17px;
    overflow: hidden;
  }

  .pie {
    top: -80px;
    right: -40px;
    position: relative;
    opacity: 0.2;
  }

  .monitoring-title {
    white-space: nowrap;
  }

  .monitoring-card .card-footer {
    margin: 0 17px;
  }

  .btn.btn-primary.btn-block.text-500.fs-18 {
    font-size: 16px !important;
  }

  .btn.btn-primary.btn-block.text-500.fs-18 i {
    font-size: 18px !important;
    margin-right: 10px;
  }

  .monitoring-title .card-title {
    font-size: 18px !important;
  }

  .monitoring-title .water-mark {
    font-size: 36px;
    top: -40px;
  }

  .text-second.text-medium.mt-10px.fs-18 {
    font-size: 14px !important;
  }

  .monitoring-card .mt-30px.fs-18 {
    font-size: 14px !important;
  }

  .row.mt-60px .col-lg-6:nth-child(1) {
    height: 1186px;
  }

  .pie {
    display: none;
  }

  .mobile-graph {
    display: block;
    top: 0;
    position: absolute;
    right: 10px;
  }

  .modal-container {
    min-width: 0;
    padding: 0 15px;
  }

  .modal {
    max-width: none;
  }

  #mobile-menu {
    margin-left: -15px;
    margin-right: -15px;
  }
}

@media (max-width: 441px) {
  .page-title {
    font-size: 24px;
  }

  .title .water-mark {
    font-size: 48px;
    top: -50px;
  }

  .tab {
    margin-right: 15px;
    font-size: 14px;
    padding: 14px 0;
  }

  #logo {
    display: none;
  }

  header .col-6:nth-child(1) {
    flex: 0 0 20%;
    max-width: 20%;
  }

  header .col-6:nth-child(2) {
    flex: 0 0 80%;
    max-width: 80%;
  }

  .container {
    padding: 0 7px;
  }

  .title {
    white-space: nowrap;
  }

  .tab {
    margin-right: 10px;
  }

  body {
    overflow-x: hidden;
  }

  .mt-60px {
    margin-top: 30px !important;
  }

  #mobile-menu {
    margin-left: -7px;
    margin-right: -7px;
  }
}

@media (max-width: 890px) {
  .footer-payments {
    display: grid;
    grid-template-columns: repeat(5, 75px);
    grid-gap: 8px 0;
  }
}

@media (max-width: 750px) {
  .footer-top-data {
    flex-direction: column;
  }

  .footer-info-links {
    margin-left: 0;
    margin-top: 16px;
  }

  .footer-logo {
    display: none;
  }
}

@media (max-width: 400px) {
  .footer-payments {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }

  .footer-payment-item {
    flex: 1 0 calc(25% - 20px);
    margin: 0 5px;
  }
}

@media (max-width: 604px) {

  .modal-backdrop {
    align-items: flex-start;
    padding: 30px 0;
  }

  .modal .card-payments .card-payments-wrapper .card-payments-item {
    width: 48%;
  }
}

@media (max-width: 365px) {
  .modal .card-payments .card-payments-wrapper .card-payments-item {
    width: 100%;
  }
}

@media (max-width: 650px) {
  .modal-container.fade-out {
    width: 100%;
  }
}

@media (max-width: 1255px) {
  .slider-content-title {
    font-size: 24px;
  }
  .slider-content-subtitle {
    font-size: 18px;
  }
}

@media (max-width: 991px) {
  .slider-content-title {
    font-size: 32px;
  }
  .slider-content-subtitle {
    font-size: 24px;
  }

  .top-cut {
    flex-direction: column-reverse;
  }
}

@media (max-width: 635px) {
  .slider-content-title {
    font-size: 24px;
  }
  .slider-content-subtitle {
    font-size: 18px;
  }

  .slider-content:not(.second) .slider-content-bg-right {
    width: 339px;
    height: auto;

    top: 58px;
    right: -46px;
  }

  .slider-content:not(.second) .slider-content-bg-left {
    width: 255px;
    height: auto;

    top: 13px;
    left: -100px;
  }

  .slider-content:not(.second) .slider-content-image {
    width: 184px;
    height: auto;
    top: 171px;
    right: 21px;
  }

  .slider-content.second .slider-content-bg-right {
    width: 262px;
    height: auto;
    top: 95px;
    right: -8px;
  }

  .slider-content.second .slider-content-bg-left {
    width: 291px;
    height: auto;
    top: -27px;
    left: -62px;
  }

  .slider-content.second .slider-content-image {
    width: 149px;
    height: auto;
    top: 135px;
    right: 33px;
  }
}

@media (max-width: 490px) {
  .slider-content-title {
    font-size: 20px;
  }
  .slider-content-subtitle {
    font-size: 16px;
  }
}
