@media (max-width: 1199px) {
    .anim-circle {
        width: 800px;
        height: 800px;
    }

    .ben-fit-block {
        flex-wrap: wrap;
    }

    .ben-fit-card {
        width: 48%;
        height: 250px;
    }

    .catprod-wrapper {
        flex-direction: column;
    }

    .catprod-card {
        width: 100%;
    }

    .catform-body {
        width: 90%;
    }

    .footer-links, .footer-about {
        width: 45%;
    }

}


@media (max-width: 992px) {
  
    .bc-title {
        font-size: 18px;
        font-weight: 400;
    }

    .bc-media-wrapper {
        gap: 30px;
    }

    .bc-media-first {
        margin-top: 0;
        width: 130px;
        height: 150px;
    }

    .bc-media-second {
        width: 150px;
        height: 100px;
    }

    .bc-media-third {
        width: 90px;
        height: 90px;
    }

    .bc-media-fourth {
        width: 140px;
        height: 150px;
    }

    .banner-circle-bg {
        padding-top: 100px;
        padding-bottom: 100px;
    }

    .anim-circle {
        width: 600px;
        height: 600px;
    }

    .ben-fit-title, .ben-fit-outro {
        font-size: 22px;
    }

    .workstages-list {
        flex-direction: column !important;
    }

    .workstages-img {
        display: flex !important;
    }

    .workstages-block {
        gap: 20px;
    }

    .stat-animlist {
        flex-wrap: wrap;
    }

    .stat-param {
        border: 0;
        width: 50%;
    }

    .fullscr-gallery-block {
        flex-wrap: wrap;
    }

    .fullscr-gall-item {
        width: 50%;
        height: 300px;
    }

    .komands-round-list {
        flex-wrap: wrap;
        gap: 15px;
    }

    .komands-round-member {
        width: 48%;
    }

    .footer-contain {
        gap: 20px;
    }

    .footer-links, .footer-about {
        width: 48%;
    }

    .footer-circle-left {
        top: -35%;
        left: -15%;
        width: 600px;
        height: 600px;
    }

    .footer-circle-right {
        bottom: -30%;
        right: -5%;
        width: 500px;
        height: 500px;
    }

    .nav-vision-bg {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .workstages-title, .main-catprod-title, .komands-round-title, .fullscr-gallery-title, .f-about-logo h3, .logo-vision h3 {
        font-size: 25px;
    }

    .contact-cell-list {
        flex-direction: column;
    } 

    .contact-cell {
        width: 100%;
    }

    .contform-map-whours {
        flex-direction: column;
    }

    .contform-halh, .map-whours-half {
        width: 100%;
    }

    .spsl-link {
        flex-wrap: wrap;
        justify-content: center;
    }

    .nav-vision-list {
        gap: 10px;
    }

    .nav-vision-link {
        font-size: 12px;
        font-weight: 400;
    }

    .nav-vision {
        gap: 15px;
    }
}

@media(max-width: 767px) {
  
    .nav-vision {
        flex-direction: column;
        align-items: center;
        gap: 10px;
    }

    .ben-fit-card {
        width: 100%;
        height: 200px;
    }

    .workstages-block {
        flex-direction: column;
    }


    .workstages-img, .workstages-wrapper {
        width: 100%;
    }

    .ben-fit-txt p {
        font-size: 12px;
    }

    .catprod-card {
        flex-direction: column;
    }

    .catprod-card-img, .catprod-card-text {
        width: 100%;
    }

    .f-about-us p{
        font-size: 12px;
    }
}

@media(max-width: 576px) {

    .contform-input {
        font-size: 12px;
    }

    .banner-circle {
        flex-direction: column;
    }

    .bc-textpart {
        width: 100%;
    }

    .bc-media {
        width: 100%;
    }

    .nav-vision-bg {
        position: static;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .nav-vision {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
    }

    .logo-vision img {
        width: 40px;
        height: 40px;
    } 

    .logo-vision h3 {
        font-size: 18px;
    }

    .nav-vision-link {
        font-size: 12px;
        font-weight: 400;
    }

    .nav-vision-list {
        gap: 10px;
    }

    .bc-media-second {
        width: 100px;
    }

    .ben-fit-card {
        padding-bottom: 40px;
    }

    .stat-param {
        width: 100%;
    }

    .komands-round-member {
        width: 100%;
    }

    .footer-contain {
        flex-direction: column;
    }

    .footer-about , .footer-links {
        width: 100%;
    }

    .catform-title {
        font-size: 18px;
    }

    .form-check {
        gap: 10px;
    }

    .catform-body label {
        font-size: 12px;
    }

    
    .work-stage-txt p {
        font-size: 14px;
    }

}