@media screen and (max-width:768px){
    .navbar{
        display: flex;
        flex-wrap: nowrap;
    }
    .hero-header{
        margin-bottom:0 !important;
    }
    .dropdown-menu{
        position:static;
    }
    .vrerrr{
            height: 300px;
    border-radius: 8px;
    width: 100%;
    }
    .swiper-button-next, .swiper-rtl .swiper-button-prev{
        right:0px !important;
        top:-30px  !important;
    }
    .swiper-button-prev, .swiper-rtl .swiper-button-prev{
        right:40px !important;
        left:auto !important;
        top:-30px !important;
    }
    .p-5{
        padding:32px !important;
    }
    .py-5{
        padding-top:32px !important;
        padding-bottom:32px !important;
    }
    
}