@media (max-width: 480px) {
    h1{font-size:2.5em}
    h2{font-size:18px;line-height:28px}
    h3{font-size:18px;line-height:28px}
    h4{font-size:1.1em}
    .nav-link{padding-left:.4em;padding-right:.4em;font-size:90%}
    .navbar-brand{margin-right:0}
    .jumbotron .logo {
        max-width: 30%;
    }
}
    @media(max-width:768px) {
    #sidebar{display:none}
    .filter-stocks{font-size:90%}
    .single-product .actions .btn{width:100%;padding-bottom:5px}
    }
    @media (min-width: 576px) {
    .modal-xl .modal-dialog{max-width:94%;margin:1.75rem auto}
    }
    @media (min-width: 769px) {
    .w30xl{width:30%}
    .w50xl{width:50%}
    #sidebar{
        height: calc(100dvh - 100px);
        position: fixed;
    }
    }

    @media (max-width:1023px) {
    .vh-10m{height:10dvh}
    .jumbotron .logo{margin:.5em}
    .vh-20m{height:20dvh}
    .vh-80m{height:75dvh}
    }
    @media (max-width:1350px) {
    #sidebar{height:75vh}
    .w100m{width:100%}
    .vh-40m{height:38dvh}
    .vh-60m{height:56dvh}
    .vh-70m{height:65dvh}
    }
    @media (min-width: 1500px) {
    .col-xxl-15{flex:0 0 19.9%;max-width:19.9%}
    .container{max-width:1300px}
    .col-xxl-7{flex:0 0 58.333333%;max-width:58.333333%}
    .col-xxl-5{flex:0 0 41.666667%;max-width:41.666667%}
    .col-xxl-2{flex:0 0 16.666667%;max-width:16.666667%}
    .col-xxl-10{flex:0 0 83%;max-width:83%}
    }