@media (max-width: 1199.98px) {
     .container {
         max-width: 95%;
     }

     .hero-img {
         display: none;
     }

     .hero .col-md-8 {
         width: 100%;
     }

     .hero-items {
         margin: 30px auto 0 auto;
     }

     .numbers .row {
         justify-content: center;
     }

     .numbers .col-md-3 {
         width: 45%;
         margin: 50px auto 0 auto;
     }

     .stat-box {
         margin: 0 auto;
     }

 }

 @media (max-width: 1023.98px) {
     .why .col-md-4 {
         width: 45%;
     }

     .team .col-md-4 {
         width: 45%;
     }

     .team-item {
         margin-top: 50px;
     }
 }

 @media (max-width: 991.98px) {
     .menu-mob {
         display: flex;
         flex-direction: row-reverse;
     }

     .navbar-nav {
         width: 100%;
         align-items: flex-end;
     }

     .nav-link {
         margin: 5px 0;
     }

     .fixed-top {
         max-width: 100%;
     }

     .row {
         justify-content: center;
     }

     .returned .col-md-4 {
         width: 45%;
     }

     .circle {
         width: 280px;
         height: 280px;
     }

     .container {
         width: 100%;
     }

     .why-item {
         width: 100%;
     }

 }

 @media (max-width: 767.98px) {
     .footer-img {
         text-align: center;
         margin: 10px auto;
         max-width: 350px;
         display: block;
     }

     .team {
         .col-md-4 {
             width: 100%;
         }
     }

     .hero-items {
         width: 100%;
     }

     .hero-item {
         width: 100%;
     }
     .modal-dialog {
        max-width: 90%;
     }
 }

 @media (max-width: 676px) {
     .returned .col-md-4 {
         width: 100%;
     }

     .circle {
         margin-top: 5px;
     }

     .why .col-md-4 {
         width: 100%;
     }

     .why-item {
         margin-top: 10px;
     }

     .btn__block {
         font-size: 26px;
         padding: 20px 40px;
     }

     .numbers {
         .col-md-3 {
             width: 100%;
         }
     }

     @media (max-width: 575px) {
        .hero {
            padding: 250px 0 130px 0;
        }
        .hero-title {
            font-size: 22px;
        }
        .hero_descr {
            font-size: 14px;
        }
        .hero-item {
            font-size: 16px;
        }
        .title {
            font-size: 22px;
        }
        .menu-mob .d-lg-none { 
            display: none   ;
        }
        .button-mobil {
            display: block;
            width: 100%;
        }
        .button-mobil .btn {
            font-size: 26px;
            width: 100%;
        }
        .modal-content {
            padding: 15px;
        }
        .modal-top {
            flex-direction: column-reverse;
        }
        .modal-header {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100%;
        }
        .modal-dialog {
            margin: 10px auto;
        }
        .modal-text h2 {
            font-size: 18px;
        }
        .modal-text p {
            font-size: 14px; 
        }
     }
     .policy {
        padding-top: 250px;
     }

 }