@media screen and (max-width: 450px) {
    /*---------------start fix nav and header 376px ----------------------*/
    .dropdown:hover .dropdown-content{
        display: block;
        padding-right: 20px;
    }
    .dropdown-content a{
    padding: 2px 13px 2px 2px;
    }
    .carousel-control-next-icon,.carousel-control-prev{
        display: none;
    }
    .carousel-indicators [data-bs-target]{
        height: 7px;
    }
    header {
        display: none;
    }
    nav .header{
        display: block !important;
        order: 2;
        
        a {
            text-indent: -9999px;
            
        }

    }
    #stick-nav .dropbtn{
        display: block;
    }
    #stick-nav{
        height: auto;
    }
    .navbar-toggler {
        order:1;
        margin-right: 1rem;
        width: 48px;
        height: auto;
    }
    .brand-logo{
        width: 50px;
        transform: scale(2);
    }
    
    .dropdown{
        order:3;
        margin-right: 0rem;
    }
    .navbar-brand{
        order:2;
    }
    .navbar{
        margin-top: 0rem;
    }
    .navbar-collapse{
        order: 3;
    }
    nav .container-fluid{
        height: 50px;
        margin-top: -20px;
    }
    .navbar-toggler-icon{
        width: 1.4rem;
        height: 1rem;
    }
    /*---------------end fix nav and header ----------------------*/







    .carousel-inner{
        height: 160px !important ;
        width: 390px !important;
    }
    #carouselExampleIndicators{
        height: 160px !important;
    }
    .rounded-element{
        height: 80px;
        width: 94px;
    }
    .bi {
        font-size: 16px;
        display: block;
      }
    }