@media (max-width: 991px) {
    .zr-banner-content h1 {
    font-size: 60px; 
}
.zr-hero-banner {
    position: relative;
    width: 100%;
    height: 100vh;
    background: #06384D;
}
.zr-hero-banner video {
    width: 100%;
    height: 100%;
    position: absolute;
    inset: unset;
    background: #06384D;
    bottom: -100px;
}
.zr-banner-content {
     top: 20%;
    transform: translate(-50%, -20%);
}
}
@media (max-width: 768px) {
 .zr-main-heading h1 {
    font-size: 50px; 
}
.zr-banner-content .navbar-brand img {
    width: 150px;
}
 .zr-banner-content p { 
    font-size: 20px;
}
.zr-desktop-video {
    display: none;
}
.zr-mobile-video {
    display: block;
}
.zr-banner-content {
     top: 15%; 
    transform: translate(-50%, -15%); 
}
.zr-hero-banner video {
    bottom: 0px;
}
.zr-hero-banner::before {
    background-color: transparent;
}
}
@media (max-width: 575px) {
   .zr-banner-content h1 {
    font-size: 44px; 
}
}
@media (max-width:400px) {
 
.zr-banner-content p { 
    font-size: 18px;
}
}