@media screen and (min-width: 200px) {
    /*จอขนาดโทนศัพท์*/
    /*หน้าแรก*/
    .Logoschool{
      max-height: 50px;
    }
    .btn-hover-H{
      background-color: white;
      color: #1bb307;
      border: none;
      padding: 7px;
      margin: 7px;
      font-size: 18px;
    }
    .BoxShowMain{
        max-height: 100vw;
    }
    .test{
        max-height: 100vw;
    }
    .imgmain{
        object-fit: contain; 
        max-width: 100%;
        max-height: 40rem;
      }

    .IFBook{
        width:100%;
        height: 30rem;
    }
    .Tlogo{
        font-size: 1.2rem;
        font-weight: bold;
      }

    /*หน้าธรรมเนียม*/
    .BoxShowDirector{
        max-width: 7rem;
        min-height: 7rem;
    }
    .BoxShow{
        min-height: 40rem;
        margin-top: 2rem;
      }
      /*หน้าศิษย์เก่า*/
      .imgShow{
        min-height: 10rem;
         object-fit: cover; 
        /* border: #ff1e00 5px solid; */
        
      }
      .text-h{
        font-size: 1rem;
        font-weight: bold;
      }
      .text-d{
        font-size: 0.7rem;
      }
      .text-c{
        font-size: 0.5rem;
      }
      /*หน้ากรรมการ*/
      .Text-Name{
        font-size: 0.7rem;
      }
      /*หน้าอาจารย์*/
      .ImgTeacher{
        max-width: 4rem;
        max-height:4rem;
        margin: 0.5rem;
      }
      
      /*ข่าว*/
      .BoxNum{
        width: 15rem;
        margin: 0 auto;
    }
    .imgShowNews{
        width: 100%;
        height: 17rem;
        object-fit: cover;
    }


}

@media screen and (min-width: 1024px) {
    /*จอขนาดไอแพท*/
    /*หน้าแรก*/
    .Logoschool{
      max-height: 55px;
    }
    .btn-hover-H{
      background-color: white;
      color: #1bb307;
      border: none;
      padding: 7px;
      margin: 7px;
      font-size: 10px;
    }
    .BoxShowMain{
        min-height: 60vw;
    }
    .test{
        max-height: 40vw;
    }
    .imgmain{
        object-fit: contain; 
        max-width: 100%;
        max-height: 100%;
      }

      .mainBook{
        min-height: 40vw;
        min-width: 80vw;
    }
    .IFBook{
        width:100%;
        height: 40rem;
    }
    .Tlogo{
        font-size: 1rem;
        font-weight: bold;
        padding: 20px;
        
      }
      /*หน้าธรรมเนียม*/
      .BoxShowDirector{
        max-width: 15rem;
        min-height: 15rem;
      }
      .BoxShow{
        min-height: 40rem;
        margin-top: 2rem;
      }
      /*หน้าศิษย์เก่า*/
      .imgShow{
        min-height: 18rem;
         object-fit: cover; 
        /* border: #ff1e00 5px solid; */
        
      }
      .text-h{
        font-size: 1rem;
        font-weight: bold;
      }
      .text-d{
        font-size: 0.7rem;
      }
      .text-c{
        font-size: 0.5rem;
      }
      /*หน้ากรรมการ*/
      .Text-Name{
        font-size: 1rem;
      }
      /*หน้าอาจารย์*/
      .ImgTeacher{
        max-width: 12rem;
        max-height:12rem;
        margin: 0.5rem;
      }
     /*ข่าว*/
      .BoxNum{
         width: 15rem;
         margin: 0 auto;
      }
      .imgShowNews{
        width: 100%;
        height: 19rem;
        object-fit: cover;
    }

}

@media screen and (min-width: 1200px) {
    /*จอขนาดคอม*/
    /*หน้าแรก*/
    .Logoschool{
      max-height: 100px;
    }
    .btn-hover-H{
      background-color: white;
      color: #1bb307;
      border: none;
      padding: 7px;
      margin: 7px;
      font-size: 18px;
    }
    .BoxShowMain{
        min-height: 30vw;
    }
    .test{
        max-height: 30vw;
    }
    .imgmain{
        object-fit: contain; 
        max-width: 100%;
        max-height: 30rem;
      }

    .mainBook{
        min-height: 20vw;
        min-width: 80vw;
    }
    .BoxVDO{
        width:41rem;
        height:500px;
    }
    .IFBook{
        width:100%;
        height: 40rem;
    }
    .Tlogo{
        font-size: 2.2rem;
        font-weight: bold;
        padding: 20px;
      }
      /*หน้าธรรมเนียม*/
      .BoxShowDirector{
        max-width: 20rem;
        min-height: 20rem;
      }
      .BoxShow{
        min-height: 40rem;
        margin-top: 2rem;
      }
      /*หน้าศิษย์เก่า*/
      .imgShow{
        min-height: 18rem;
         object-fit: cover; 
        /* border: #ff1e00 5px solid; */
        
      }
      .text-h{
        font-size: 1.5rem;
        font-weight: bold;
      }
      .text-d{
        font-size: 1rem;
      }
      .text-c{
        font-size: 1rem;
      }
      /*หน้ากรรมการ*/
      .Text-Name{
        font-size: 1.5rem;
      }
      /*หน้าอาจารย์*/
      .ImgTeacher{
        max-width: 15rem;
        max-height:15rem;
      }
      .showClass{
        margin: 2rem;
        background-color: #f5f5f5;
      }
      /*ข่าว*/
      .BoxNum{
         width: 15rem;
         margin: 0 auto;
     }
     .imgShowNews{
        width: 100%;
        height: 16rem;
        object-fit: cover;
    }
    
}

@media screen and (min-width: 1900px) {

    .btn-hover-H{
      background-color: white;
      color: #1bb307;
      border: none;
      padding: 7px;
      margin: 7px;
      font-size: 25px;
    }
    .imgmain{
      object-fit: contain; 
      max-width: 100%;  
      min-height: 30rem;
    }
    .BoxShowMain{
      min-height: 10rem;
      border: #1bb307 2px solid;      
    }
    .content1{
      min-height: 65rem; 
    }
    .showClass{
      margin: 2rem;
      background-color: #f5f5f5;
      width: 96%;
    }
    .ImgTeacher{
      max-width: 20rem;
      max-height:20rem;
    }



}