@media (max-width: 1399px) { .header-item { flex: 1 1 25%; } } @media (max-width: 1200px) { .header-item { flex: 1 1 33.33%; } .team .col-md-6 { flex: 1 1 100%; } .team-item-img { text-align: center; } .whatcases-item { height: 320px; } } @media (max-width: 991px) { .reviews .col-md-6 { flex: 1 1 100%; } .about .col-md-6 { width: 100%; } .about-block { display: flex; flex-direction: column-reverse; } .services-items { display: flex; flex-wrap: wrap; justify-content: center; } .services-items .col-md-3 { width: 48%; } .block .row { flex-direction: column-reverse; } .block .col-md-5, .block .col-md-7 { width: 100%; } .block-img { text-align: center; margin-top: 20px; } .block-img img { width: 100%; } .whatcases .row.justify-content-center { display: flex; flex-wrap: wrap; } .whatcases .col-md-4 { width: 48%; } .trusted .row { flex-direction: row; } .technologies .col-md-6 { width: 100%; } .technologies-img { margin-top: 20px; } .faq .col-md-6 { width: 100%; } .faq-img { display: none; margin-top: 20px; } footer .col-md-6 { width: 100%; margin: 10px 0; } .footer-links { justify-content: space-between; } } @media (max-width: 767px) { .container { max-width: 95%; } .col-md-4 { flex: 0 0 auto; width: 33.33333333%; } .block .col-md-5 { flex: 0 0 auto !important; width: 100% !important; } .block .col-md-7 { flex: 0 0 auto !important; width: 100% !important; } .row .col-md-5 { flex: 0 0 auto; width: 41.66666667%; } .row .col-md-7 { flex: 0 0 auto; width: 58.33333333%; } .reports-img { margin-top: 20px; } .reports-img img { width: 60%; } .main h2, .main h3 { font-size: 30px; } } @media (max-width: 667px) { .btn__logo { display: block; width: 100%; margin-right: 0; } .btn__logo2 { display: none; } .whatcases .col-md-4 { width: 100%; } .navbar>.container { display: flex; flex-wrap: inherit; align-items: center; justify-content: space-between; } } @media (max-width: 610px) { .row .col-md-5 { width: 100%; } .row .col-md-7 { width: 100%; } .team-item-text h3 { margin-top: 30px; } .team-item-text p { margin-top: 15px; } } @media (max-width: 576px) { .services-items .col-md-3 { width: 100%; } .whatcases .col-md-4 { width: 100%; } .hero-title { font-size: 32px; } .btn__block { display: none; } .col-md-4 { width: 100%; } .block-list-item { width: 100%; margin: 0 auto; } .btn { font-size: 15px; } } @media (max-width: 480px) { .title { font-size: 30px; } .header-item { flex: 1 1 100%; } .main h2, .main h3 { font-size: 18px; } .main p { font-size: 14px; } }