@media screen and (min-width: 2000px) {
  .page-blog-item {
    margin-top: 70px;
  }
}

@media screen and (max-width: 1200px) {
  .burger-item {
    display: block;
  }
  .burger {
    position: relative;
    width: 25px;
    height: 20px;
    transition: all 0.4s ease;
  }
  .burger:after,
  .burger:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #000;
    transition: all 0.4s ease;
  }
  .header .burger span {
    position: absolute;
    width: 75%;
    height: 1px;
    background-color: #000;
    top: 50%;
    right: 0;
    transition: all 0.4s ease;
  }
  .burger:after {
    top: 100%;
  }
  .header-navigation {
    position: fixed;
    left: -100%;
    width: 100%;
    height: 100vh;
    top: 56px;
    z-index: 100;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 15px 0px 25px 0px;
    background-image: url("../images/mobile-bg.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #1b1b1b;
    transition: left 0.4s ease-in-out;
  }
  .header-navigation.open {
    left: 0;
  }
  .burger-item.open .burger {
    transition: all 0.4s ease;
  }
  .burger-item.open .burger:before {
    top: 7px;
    transform: rotate(-45deg);
    transition: all 0.4s ease;
  }
  .burger-item.open .burger:after {
    transform: rotate(45deg);
    bottom: 7px;
    top: 8px;
    transition: all 0.4s ease;
  }
  .burger-item.open .burger span {
    display: none;
  }
  .menu-header_menu-container {
    width: 100%;
    text-align: center;
  }
  .menu-header {
    flex-direction: column;
    padding: 100px 20px;
    margin-bottom: 20px;
  }
  .header-mobile-form {
    display: block;
    max-width: 500px;
    width: 100%;
  }
  .header-modal-wrap {
    display: none;
  }
  .header-menu-item {
    width: 100%;
  }
  .header-menu-link {
    padding: 0 0 30px 0;
    color: #fff;
  }
  .services-content {
    gap: 10px;
  }
  .form-block {
    background-position: center;
    border-radius: 0;
    background-image: url("../images/form-mob-bg.png");
  }
  .form-flex {
    flex-direction: column;
    align-items: center;
  }
  .form-img {
    margin: 0 auto 20px;
  }
  .form-title,
  .form-text {
    text-align: center;
  }
  .form-text {
    margin: 0 auto 15px;
  }
  .form-wrap-top {
    flex-direction: column;
  }
  .form-wrap-top .form-bottom-wrap {
    max-width: 100%;
  }
  .container-slider {
    max-width: 1240px;
    margin: 0 auto 30px;
    width: 100%;
    padding: 0 20px;
  }
  .prices-slider-btn-wrap {
    display: none;
  }
  .price-package-block .price-slider-item {
    max-width: 410px;
  }
  .price-img-package {
    height: 250px;
    width: 180px;
  }
  .filter-block {
    max-width: 320px;
    width: 100%;
    margin-right: 15px;
  }
  .blog-content-item-img img {
    height: auto;
  }
  .blog-content-item-text {
    margin-bottom: 15px;
  }
  .main-content .blog-content-item-img img {
    height: 100%;
  }
}
@media screen and (max-width: 1024px) {
  .header-logo {
    margin-right: 0;
  }
  .search-wrap {
    margin: 0 20px;
  }
  .bottom-block {
    display: none;
  }
  .wrap-bottom-block {
    margin-bottom: 0;
  }
  .blog-content-block-item-wrap {
    width: 100%;
  }
  .blog-content-block-item-wrap {
    margin-bottom: 20px;
  }
  .blog-content-block-item-wrap:last-child {
    margin-bottom: 0;
  }
  .why-us-content {
    flex-direction: column;
    align-items: center;
  }
  .why-us-item-wrap {
    max-width: 500px;
  }
  .why-us-item-wrap:nth-child(2) {
    margin-top: 0;
  }
  .prices-content {
    flex-direction: column;
  }
  .prices-item.active {
    max-width: 100%;
  }
  .prices-item {
    max-width: 100%;
    height: 240px;
  }
  .prices-item-title {
    text-align: left;
  }
  .services-item {
    max-width: 100%;
    padding: 20px 20px 50px 20px;
  }
  .prices-item-show-btn {
    margin-bottom: 40px;
  }
  .prices-item-title {
    margin-bottom: 15px;
  }
  .prices-item.active {
    height: 410px;
  }
  .our-company-item-wrap {
    max-width: 45%;
    height: 360px;
  }
  .our-company-content {
    flex-wrap: wrap;
    justify-content: center;
  }
  .main-title {
    flex-wrap: wrap;
  }
  .services-block {
    border-radius: 0;
  }
  .why-us-block {
    background-image: url("../images/why-us-mob-bg.png");
    border-radius: 0;
    background-size: cover;
  }
  .footer-content {
    flex-direction: column;
    align-items: flex-start;
  }
  .footer-item {
    margin-bottom: 20px;
  }
  .footer-item:last-child {
    margin-bottom: 0;
  }
  .menu-footer {
    flex-direction: column;
    align-items: flex-start;
  }
  .footer-menu-item {
    margin: 0 0 10px 0;
  }
  .menu-footer_menu-container {
    margin-right: 0;
    margin-bottom: 30px;
  }
  .footer-btn-wrap {
    margin-right: 0;
    margin-bottom: 30px;
  }
  .footer-social-item {
    margin: 0 15px 0 0;
  }
  .footer-social {
    margin: 0;
  }
  .footer-item:last-child {
    text-align: left;
  }
  .dev-mkey-link {
    justify-content: flex-start;
  }
  .dev-mkey {
    margin-bottom: 0;
  }
  .price-img-package {
    display: none;
  }
  .price-package-block {
    flex-direction: column;
  }
  .price-package-block .price-slider-item {
    max-width: 100%;
    margin-bottom: 20px;
  }
  .blog-position {
    flex-direction: column;
  }
  .blog-content-item-img img {
    height: 100%;
  }
  .blog-content-item-text {
    margin-bottom: 70px;
  }
  .filter-block {
    max-width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }
  .blog-content-block {
    max-width: 100%;
    margin-bottom: 70px;
  }
  .blog-content-block:last-child {
    margin-block: 0;
  }
  .filter-block-wrap {
    display: none;
    margin-top: 20px;
  }
  .custom-categories .cat-item {
    /*margin-bottom: 20px;*/
  }
  .custom-categories {
    margin-top: -10px;
  }
  .custom-categories a {
    padding: 15px 10px;
  }
  .filter-block-wrap.active {
    display: block;
  }
  .filter-block-poistion {
    padding: 15px;
  }
  .filter-link-title {
    margin-bottom: 0;
  }
  .filter-item {
    margin-bottom: 0;
  }
  .about-main-quote-block {
    padding: 40px 0;
    border-radius: 0;
  }
  .quote-img {
    max-width: 310px;
    width: 100%;
  }
  .main-section {
    height: 100vh;
    background-image: url("../images/mobile-main-bg.png");
    padding: 100px 0 0 0;
  }
}
@media screen and (max-width: 800px) {
  .main-title {
    font-size: 22px;
    margin-bottom: 10px;
  }

  .main-title span {
    font-size: 22px;
  }
  .main-text {
    font-size: 14px;
    margin-bottom: 30px;
  }
  .main-btn-wrap {
    max-width: 185px;
  }
  .stages-item {
    transform: scale(1);
  }
  .main-block,
  .portfolio-block,
  .services-block,
  .stages-block,
  .our-company,
  .prices-block,
  .why-us-block {
    margin-bottom: 60px;
  }
  .form-block {
    margin-top: 60px;
  }

  .main-text-first {
    font-size: 14px;
    margin-bottom: 10px;
  }
  .main-text-second {
    font-size: 14px;
    margin-bottom: 25px;
  }
  .main-btn-wrap {
    margin-bottom: 25px;
  }
  .main-btn {
    font-size: 14px;
    padding: 10px;
  }
  .title {
    font-size: 24px;
    margin-bottom: 10px;
  }
  .portfolio-main-text {
    font-size: 14px;
    margin-bottom: 20px;
  }
  .tab-btn {
    font-size: 14px;
    padding: 10px;
  }
  .tab-btn-wrap {
    margin-bottom: 15px;
  }
  .tab-content {
    margin-bottom: 15px;
  }
  .services-block {
    padding: 40px 0;
  }
  .services-text-main {
    font-size: 14px;
    margin-bottom: 20px;
  }
  .services-item-btn-title {
    font-size: 14px;
  }
  .services-item-btn-img {
    width: 35px;
    height: 35px;
  }
  .services-item-title {
    font-size: 16px;
    padding: 10px 15px;
    margin-bottom: 10px;
  }
  .services-item-text {
    font-size: 14px;
  }
  .swiper-stages-navigation {
    display: none;
  }
  .stages-title {
    margin-bottom: 10px;
  }
  .stages-text-main {
    font-size: 14px;
    margin-bottom: 20px;
  }
  .stages-number {
    font-size: 16px;
    margin-bottom: 25px;
  }
  .stages-title-item {
    font-size: 16px;
    margin-bottom: 10px;
  }
  .stages-text {
    font-size: 14px;
    margin-bottom: 20px;
  }
  .stages-item {
    padding: 20px;
  }
  .our-company-title {
    margin-bottom: 0px;
  }
  .our-company-title-btn-wrap {
    display: none;
  }
  .our-company-text-main {
    font-size: 14px;
    margin-bottom: 20px;
  }
  .our-company-item-title {
    font-size: 16px;
  }
  .our-company-item-text {
    font-size: 16px;
  }
  .our-company-item-wrap {
    width: 240px;
    height: 240px;
  }
  .prices-title {
    margin-bottom: 10px;
  }
  .prices-title .title {
    margin-bottom: 0;
  }
  .prices-title-btn-wrap {
    max-width: 180px;
    width: 100%;
  }
  .prices-title-btn {
    font-size: 14px;
    padding: 10px 15px;
    width: 100%;
  }
  .prices-text-main {
    font-size: 14px;
    margin-bottom: 20px;
  }
  .prices-link-main {
    font-size: 14px;
  }
  .prices-item-show-title {
    font-size: 14px;
  }
  .prices-item-title {
    font-size: 16px;
  }
  .new-price {
    font-size: 14px;
  }
  .old-price {
    font-size: 14px;
  }
  .prices-item-price {
    padding: 10px 20px;
    max-width: 135px;
    align-items: center;
    margin-right: 10px;
  }
  .prices-item-show-btn {
    margin-bottom: 30px;
  }
  .price-bottom-btn-wrap {
    justify-content: flex-start;
  }
  .price-item-btn-order-wrap {
    max-width: 150px;
  }
  .price-item-btn-order {
    padding: 10px;
    font-size: 14px;
  }
  .prices-item-text {
    margin-bottom: 15px;
  }
  .prices-item {
    height: 200px;
  }
  .prices-item.active {
    height: 345px;
  }
  .why-us-item-wrap {
    width: 265px;
    height: 190px;
    padding: 20px;
    margin-bottom: 40px;
  }
  .why-us-item-title {
    font-size: 16px;
    margin-bottom: 10px;
  }
  .why-us-item-text {
    font-size: 14px;
  }
  .why-us-content {
    margin-top: 75px;
  }
  .why-us-item-wrap:nth-child(2) {
    margin-top: -25px;
  }
  .reviews-title-img {
    height: 40px;
  }
  .reviews-title .title {
    margin-right: 15px;
    margin-bottom: 0;
  }
  .reviews-title {
    margin-bottom: 10px;
  }
  .reviews-text-main {
    font-size: 14px;
    margin-bottom: 15px;
  }
  .reviews-priority {
    font-size: 14px;
    padding: 10px 0px;
    max-width: 200px;
    margin-bottom: 20px;
  }
  .reviews-item {
    padding: 20px;
  }
  .reviews-title {
    font-size: 14px;
    margin-bottom: 10px;
  }
  .reviews-stars {
    margin-bottom: 20px;
  }
  .reviews-text {
    font-size: 14px;
  }
  .form-block {
    padding: 40px 0;
  }
  .form-title {
    font-size: 20px;
    margin-bottom: 10px;
  }
  .form-text {
    font-size: 14px;
  }
  .form-img {
    width: 125px;
    height: 180px;
  }
  .form-input {
    font-size: 14px;
    padding: 10px 15px;
  }
  .form-input::placeholder {
    font-size: 14px;
  }
  .textarea-wrap {
    height: 100px;
    margin-bottom: 25px;
  }
  .form-btn-wrap {
    max-width: 200px;
  }
  .form-btn {
    font-size: 14px;
    padding: 10px 0;
  }
  .why-us-block {
    padding: 40px 0;
  }
  .container-slider {
    margin-bottom: 10px;
  }
  .stages-slider-pagination {
    display: flex;
    justify-content: center;
    margin-top: 10px;
  }
  .portfolio-item-name {
    font-size: 14px;
    padding: 10px;
    margin-bottom: 10px;
  }
  .page-title {
    margin-top: 40px;
    font-size: 32px;
  }
  .main-block {
    margin-top: 40px;
  }
  .portfolio-item-block {
    margin-bottom: 35px;
  }
  .portfolio-item-block:last-child {
    margin-bottom: 60px;
  }
  .prices-slider {
    margin: 0 20px;
  }
  .price-slider-item.swiper-slide {
    transform: scale(1);
  }
  .price-slider-item.swiper-slide.swiper-slide-prev,
  .price-slider-item.swiper-slide.swiper-slide-next {
    transform: scale(1);
  }
  .page-title-price {
    margin-bottom: 10px;
  }
  .price-slider-item-title {
    font-size: 18px;
  }
  .price-slider-item-time-text,
  .btn-price-new,
  .btn-price-old,
  .btn-price-second {
    font-size: 14px;
  }
  .price-item-list {
    font-size: 14px;
    margin-bottom: 5px;
  }
  .price-slider-list {
    margin-bottom: 10px;
    padding-bottom: 20px;
  }
  .btn-price-first {
    padding: 10px 15px;
    /* max-width: 25%; */
    width: 100%;
    justify-content: center;
  }
  .btn-price-second-wrap {
    /* max-width: 25%; */
    width: 100%;
  }
  .btn-price-second {
    padding: 10px 15px;
    width: 100%;
  }
  .prices-slider-pagination {
    margin-bottom: 60px;
  }
  .ticker-item {
    font-size: 24px;
  }
  .price-package-title {
    padding: 15px;
  }
  .price-package-name {
    font-size: 20px;
  }
  .price-package-name-subname {
    font-size: 18px;
  }
  .price-package-block .price-slider-item-title {
    font-size: 16px;
  }
  .price-package-block .price-slider-item {
    padding: 15px;
  }
  .price-package-block {
    margin-bottom: 0;
  }
  .price-main-text {
    margin-bottom: 60px;
    padding: 20px 15px;
    border-radius: 0;
  }
  .price-main-text-first {
    font-size: 14px;
  }
  .price-main-text-second {
    font-size: 14px;
  }
  .price-package-name {
    margin-right: 10px;
  }
  .price-package-name-subname {
    padding: 5px 15px;
  }
  .faq-content-item-name {
    font-size: 16px;
    max-width: 85%;
  }
  .faq-content-item-text {
    font-size: 14px;
  }
  .faq-content-title {
    font-size: 20px;
    margin-bottom: 10px;
  }
  .faq-content-item-btn {
    padding: 15px 15px 0 15px;
  }
  .faq-content-item-btn.active {
    padding: 15px;
  }
  .faq-content-item-text {
    padding: 15px 15px 0 15px;
  }
  .page-title-faq {
    margin-bottom: 15px;
  }
  .page-title-blog {
    margin-bottom: 10px;
  }
  .blog-content-item-date {
    font-size: 14px;
    margin-bottom: 15px;
  }
  .blog-content-item-name {
    font-size: 16px;
  }
  .blog-content-item-text {
    font-size: 14px;
    margin-bottom: 15px;
  }
  .blog-content-item-img img {
    height: auto;
  }
  .blog-content-item-btn-text {
    font-size: 14px;
  }
  .blog-content-item-btn-icon {
    width: 40px;
    height: 40px;
  }
  .filter-item-name {
    font-size: 16px;
  }
  .filter-link-title {
    font-size: 18px;
  }
  .filter-item {
    margin-bottom: 0;
  }
  .filter-link {
    padding: 10px;
  }
  .blog-item-title {
    font-size: 24px;
    margin-bottom: 10px;
    margin-top: 20px;
  }
  .blog-item-main-img {
    margin-bottom: 10px;
  }
  .blog-item-line {
    margin-bottom: 20px;
  }
  .blog-item-line-time {
    font-size: 14px;
  }
  .blog-item-line-date {
    font-size: 14px;
  }
  .blog-item-line-title {
    margin-right: 10px;
    font-size: 14px;
  }
  .blog-item-info-title {
    margin-bottom: 15px;
    font-size: 20px;
  }
  .blog-item-info-text {
    font-size: 14px;
  }
  .blog-item-info-text {
    margin-bottom: 10px;
  }
  .blog-item-info {
    margin-bottom: 20px;
  }
  .blog-item-pagination-name {
    font-size: 14px;
  }
  .blog-item-pagination-icon {
    width: 30px;
    height: 30px;
  }
  .blog-item-pagination {
    margin-bottom: 40px;
  }
  .blog-item-slider-title {
    font-size: 24px;
    margin-bottom: 20px;
  }
  .blog-item-slider-pagination {
    margin-top: 10px;
    margin-bottom: 30px;
  }
  .page-title-about {
    margin-bottom: 10px;
  }
  .about-main-text {
    font-size: 16px;
  }
  .about-main-text:last-child {
    margin-bottom: 25px;
  }
  .quote-img {
    display: none;
  }
  .about-quote-title,
  .our-team-title {
    font-size: 32px;
    margin-bottom: 10px;
  }
  .about-quote-text {
    margin-bottom: 20px;
    font-size: 16px;
  }
  .about-quote-comment {
    font-size: 16px;
    margin-bottom: 10px;
  }
  .about-quote-comment-autor {
    font-size: 20px;
  }
  .about-main-quote-block {
    margin-bottom: 60px;
  }
  .our-team-main-text {
    font-size: 16px;
    margin-bottom: 20px;
  }
  .our-team-item {
    margin-bottom: 20px;
  }
  .our-team-item-img {
    margin-bottom: 5px;
  }
  .our-team-item-name,
  .our-team-item-post {
    font-size: 16px;
  }
  .our-team-block {
    margin-bottom: 40px;
  }
  .blog-title {
    font-size: 22px;
    margin-bottom: 20px;
  }
  .main-blog-section {
    padding: 25px 0;
  }
}
@media screen and (max-width: 625px) {
  .blog-content-block-item {
    flex-direction: column;
  }
  .blog-content-item-img {
    width: 100%;
    margin: 0 0 10px 0;
  }
  .blog-content-item-date,
  .blog-content-item-name,
  .blog-content-item-text {
    margin-bottom: 10px;
  }
  .blog-content-item-right {
    width: 100%;
  }
  .main-content .blog-content-item-right {
    width: 100%;
  }
}
@media screen and (max-width: 525px) {
  .our-company-item-wrap {
    width: 158px;
    height: 158px;
  }
  .price-slider-item-top-wrap {
    flex-direction: column;
  }
  .price-package-block .price-slider-item-top {
    max-width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .price-package-block .price-slider-item-title {
    margin-bottom: 0;
  }
}