/* Laptops */
@media only screen and (min-device-width: 812px) and (max-width: 1450px)
{ 

    :root body {
        --tile-aspectratio: 3/2;
        --tile-icon-width: 38px;
        --tile-icon-height: 38px;
        --tile-icon-position-top: 5px;
        --tile-icon-position-left: 5px;
        --tile-title-size: 16px;
        --tile-gap: 15px;
        
    }

    #dashboard #mandatory .tile {aspect-ratio: auto;height: 100%;}
    body #circle-page > div.col1 {width: 20vw;min-width: 270px;margin-right: 20px;}
    body #area {padding: 15px;}
    body #sidebar {padding-right: 0; min-width: 200px; width: 200px;}

    body .available-sliders {gap: 10px;}
    body .available-sliders .circle {width: calc(33% - 15px);}

    #logoarea { background-size: 700px; background-position: top left; }
    #logoarea > div:nth-child(1) a svg { width: 165px; height: 75px; }

    #generalsearch {padding: 0.5rem;}
    #generalsearch form {gap: 0.5rem;}
    #generalsearch form input[type="text"] {min-width: 200px; max-height: 35px;}
    #generalsearch form button svg {width: 35px; height: 35px;}
}