/*
    Portrait for all devices
*/
@media screen and (orientation:portrait) {

    body {
        background-color: navajowhite;
        font-size: 20px;
        display: grid;
        place-items: center;
    }

    .videoV {
        width: 95%;
    }
}

@media screen and (max-device-width : 2048px) and (orientation: landscape) {

    body {
        background-color: white;
        font-size: 18px;
        display: grid;
        place-items: center;
    }

    .slider {
        top: 0vh;
    }
}
/*
    IPad Pro
*/
@media screen and (max-device-width : 1366px) and (orientation: landscape) {

    body {
        background-color: #A8D79D; /*burlywood;*/
        font-size: 18px;
        display: grid;
        place-items: center;
    }

    .slider {
        left: 1vw;
        top: 3vh;
    }

    #folderlist {
        font-size: 18px;
    }
}
/*
    IPad Air
*/
@media screen and (max-device-width : 1180px) and (orientation: landscape) {

    body {
        background-color: pink;
        font-size: 18px;
        display: grid;
        place-items: center;
    }

    .slider {
        left: 1vw;
    }
}
/*
    IPad mini
*/
@media screen and (max-device-width : 1024px) and (orientation: landscape) {

    body {
        background-color: lightblue;
        font-size: 18px;
        display: grid;
        place-items: center;
    }

    .videoV {
        width: 80%;
    }

    #folderlist {
        font-size: 18px;
    }

    .slider {
        left: 1vw;
        top: 8vh;
    }

        .slider .slides .Img {
            width: 100%;
        }
}


@media screen and (max-device-width : 962px) and (max-device-height: 601px) {
    body {
        background-color: azure;
        display: grid;
        place-items: center;
    }


    .rangeslider {
        bottom: 6.5vh;
    }

    .slider {
        top: 13vh;
        bottom: 8.5vh;
    }
}
/*
    IPhone XR, iPhone 12 Pro, iPhone 14 Pro Max, Pixel 7
    Galaxy S8+, Galaxy S20 Ultra
*/
@media screen and (max-device-width : 932px) and (orientation: landscape) {

    body {
        background-color: white;
        font-size: 18px;
        display: grid;
        place-items: center;
    }

    #folderlist {
        font-size: 18px;
    }

    #pause {
        font-size: 10px;
    }
    /* above is for SE landscape*/


}
/*
    iphone 15
*/
@media screen and (max-device-width : 896x) and (max-device-height: 414px) {

    body {
        background-color: yellow;
        font-size: 24px;
        display: grid;
        place-items: center;
    }

    #folderlist {
        font-size: 16px;
    }

    .slider {
        top: 15%;
        bottom: 10%;
    }

        .slider .slides .Img {
            width: 100%;
            height: auto;
            padding: 5px;
        }
}
/*
    Iphone SE ONLY
*/
@media screen and (max-device-width : 667px) and (max-device-height: 375px) {

    body {
        background-color: aqua;
        font-size: 18px;
        display: grid;
        place-items: center;
    }

    #folderlist {
        font-size: 14px;
    }

    .slider {
        top: 0%;
        left: 0vw;
        bottom: 10%;
    }

    .numslider {
        bottom: 5vh;
    }

    .tinyNum {
        font-size: 3px;
        width: 35px;
    }

    .tinyslider {
        bottom: 1vh;
    }
}
/* Target portrait orientation and smaller mobile devices */
@media only screen and (max-width: 768px) {
    /* Your CSS rules here */
}

/* Target landscape orientation, portrait mode, and smaller tablets */
@media only screen and (max-width: 1024px) {
    body {
        background-color: lightcyan;
        font-size: 18px;
        display: grid;
        place-items: center;
    }
    .videoV {
        width: 90%;
    }

}