@import "helpers";

#bannertopo{
    .banners{
        aspect-ratio: 960 / 390;
        display: block;
        width: 100%;

        .item{
            display: block;
            outline: 0px;

            img {
                aspect-ratio: 960 / 390;
                object-fit: cover;
                display: block;
                width: 100%;
            }
        }
        
        .banner-video{
            display: block;
            width: 100%;
            
            iframe{
                position: absolute;
                display: block;
                width: 100%; 
                height: 100%;
            }
        }
    }

    .owl-nav{
        display: none !important;
    }

    .owl-dots{
        position: absolute;
        left: 0px;
        bottom: 20px;
    }
}

@media(max-width: 768px) {
    #bannertopo{
        .banners{
            .item {
                img {
                    aspect-ratio: 430 / 605;
                }
            }
        }
    }
}