@media only screen and (orientation: landscape) {






}






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


                  /*_ section1 ________________________*/
                              article video {
                               width: 400px;
                              }

                              article .grid1 {
                                 grid-template-columns: 1fr 1fr;
                                
      
                              }

                              article .grid1item1   { 
                                  font-size: 2em;
                               }

                              article .grid1item2 {

                                 }



                  /*_ section2 ________________________*/


                  /*_ section3 ________________________*/
                     .grid3item3_1 {
                        line-height: 1.3em;
                        font-size: 1.3em;
                     }

                     .grid3item3_2 {
                        line-height: 1.3em;
                        font-size: 1.3em;
                     }

                  /*_ section4 ________________________*/


                  /*_ section5 ________________________*/


                  /*_ section6 ________________________*/




}






















@media only screen and (min-width: 425px) and (max-width: 1024px) {





                              .modalDialog  form {
                                 width: 300px;
                              }




                           /*_ section1 ________________________*/
                              article video {
                               width: 200px;
                              }

                              article .grid1 {
                              
                              
                              }

                              article .grid1item1   { 
                                  font-size: 1em;
                               }

                              article .grid1item2 {

                                 }

                           /*_ section2 ________________________*/

                              .grid2 {
                                 height: 95%;
                                 width: 100%;
                                 display: grid;
                                 grid-template-columns: 1fr ;
                                 gap: 5px;
                                overflow-y: auto;
                              }

                           /*_ section3 ________________________*/
                              .grid3item3_1 {
                                 line-height: 1.2em;
                                 font-size: 1.2em;
                              }

                              .grid3item3_2 {
                                 line-height: 1.2em;
                                 font-size: 1.2em;
                              }


                           /*_ section4 ________________________*/


                           /*_ section5 ________________________*/
                              .item5_p {
                                 font-size: 1.2em;
                            
                              }

                              .item5_ul_li{
                                 font-size: 1em;
                              }

                           /*_ section6 ________________________*/
                              .flex6item6_1 {  
                                 max-width: 400px;
                              }

}



















@media only screen and (max-width: 425px) {

                                 .modalDialog  form {
                                 width: 300px;
                              }


   
                              /*_ section1 ________________________*/
                              article video {
                                 width: 200px;
                              }

                              article .grid1 {
                      
                   
                              }

                              article .grid1item1   { 
                                  font-size: 1em;
                               }

                              article .grid1item2 {

                                 }



                                 /*_ section2 ________________________*/






                                 /*_ section3 ________________________*/
                                    .grid3item3_1 {
                                       line-height: 1.1em;
                                       font-size: 1.1em;
                                    }

                                    .grid3item3_2 {
                                       line-height: 1.1em;
                                       font-size: 1.1em;
                                    }
                                 /*_ section4 ________________________*/


                                 /*_ section5 ________________________*/
                              .item5_p {
                                 font-size: 1.1em;

                              }

                              .item5_ul_li{
                                 font-size: 0.8em;
                              }

                                 /*_ section6 ________________________*/
                                    .flex6item6_1 {  
                                       max-width: 200px;
                                    }


}