.banner-row {
    min-height: 500px;
}

.banner-item {
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    transition: background-image 0.4s ease-in-out;
    cursor: pointer;
    overflow: hidden;
}

.banner-zemel {
    background-image: url('/user/documents/pw/upload/bannery/sko-zemedelske-stroje.jpg');
    background-color: #0052A3;
}

.banner-zemel:hover {
     background-image: url('/user/documents/pw/upload/bannery/sko-zemedelske-stroje-kurzor.jpg');
}

.banner-stavebni {
    background-image: url('/user/documents/pw/upload/bannery/sklo-stavebni-stroje.jpg');
    background-color: #5CC1E8; 
}

.banner-stavebni:hover {
        background-image: url('/user/documents/pw/upload/bannery/sklo-stavebni-stroje-kurzor.jpg');
}

@media (max-width: 991px) {
    .banner-item {
        min-height: 400px;
    }
}

@media (max-width: 767px) {
    .banner-row {
        min-height: auto;
    }
    
    .banner-item {
        min-height: 350px;
    }
}

@media (max-width: 480px) {
    .banner-item {
        min-height: 300px;
    }
}

.carousel-banner{
    display: flex;
    flex-direction: row;
    gap: 10Px;
}


@media(max-width: 992px){
.row.banner-row.carousel-banner{
    flex-direction: column;
}
}


@media (min-width: 1200px) and (max-width: 1600px){
    .banner-item {
    min-height: 530px !important;
}
}

@media (max-width: 1199px){
 .carousel-banner{
    flex-direction: column;
 }   

      .carousel-banner .col-md-6 {
        width: 100% !important;
    }
    .banner-item {
    min-height: 450px;
}
}


@media (min-width: 1200px){
    .banner-item {
    aspect-ratio: 1 / 1;
}
}