@media only screen and (max-width: 1024px) {
    /* Presentation Slides */
    .stext4pics {
        height: auto
    }

        .stext4pics > div > div {
            grid-template-columns: 1fr;
        }
    .s1pic4text > div:nth-of-type(4) {
        grid-template-columns: 1fr;
    }
    .sblist2col > div > div {
        grid-template-columns: 1fr;
    }
    .stext1pic {
        height: auto
    }

        .stext1pic > div > div {
            grid-template-columns: 1fr;
        }


        .pp-showhide-m:hover>div{
        position:absolute;
        /*margin-top:1rem;*/
        max-width:85%;
        margin-top:10px;
        left:0%;
        z-index:9;  
    }
    .ppgridcol1{
        grid-column-start:1;
    }
    .ppgridrow2{
        grid-row-start:2;
    }
    .ppscreenheight{
        height:auto;
    }
    
    
    .ppgallery div {
        display:inline-block !important;
        width:25vw !important;
        height:20vh !important;
        margin:2px !important;
        
    }
    .ppgallery div p{
        font-size:0.8rem !important;
    }

    .pp-img-zoom-m:focus{
        position:fixed;
        /*width:min-content;
        height:zoom;
        transform:scale(1);*/
        height:80vh;
        width:auto;
        top:10px;
        left:10px;
        z-index:3;
        border:0px;
      }
      .pp-static-m,.pp-absolute {
        position:static;
        
      }
      .zoomedimage {
        height: auto;
    }
    .ppimg280136 img{
        height:136px;
    }
    
    .pptextalignLC{
        text-align:center;
    }
}

.ppquestion{
    background-color: #f0f8ff;
    border: 2px solid #2196F3;
    padding: 10px;
    margin-top:2rem;
    margin-bottom:2rem;
    border-radius: 5px;
    font-family:Nunito,sans-serif;  
    font-size:1.4rem;
    box-shadow:
        0 4px 8px 0 rgba(0, 0, 0, 0.2),
        0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
    
.ppanswer{
    background-color: lightgreen;
    border: 2px solid #4CAF50;
    padding: 10px;
    margin-top:1rem;
    margin-bottom:1rem;
    border-radius: 5px;
    font-family:Nunito,sans-serif;  
    font-size:1.2rem;
    box-shadow:
        0 4px 8px 0 rgba(0, 0, 0, 0.2),
        0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.pppassage {
  background-color: #f8f8f8;
  border-left: 5px solid #ccc;
  padding: 10px;
  margin-bottom: 10px;
  white-space: pre-wrap;
}

.ppright:hover {
  background-color: lightgreen;
  cursor: pointer;
}

.ppwrong:hover {
  background-color: lightcoral;
  cursor: pointer;
}

.ppright, .ppwrong {
  transition: background-color 0.3s ease;
}

.ppvideo {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 8px;
  background: #f8f8f8;
  border-radius: 10px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}
.ppvideo a:hover {
  background: #bbdefb;
}