#desc{
    position:relative;
       top:0px;
  width:100%;
      height:auto;
   word-break:normal;
      font-size:16pt; 
      margin:80px auto;
z-index:1;
   overflow:hidden;

}  
  #desc   #menu_img,#menu_imges{
       position:relative;
       top:0;
  display: flex;
  flex-wrap:wrap;
/*margin:0px 50px 30px 0;*/
  margin:0 40px 10px 0;
   width:49%;
    height:42vw;
    float:left;
overflow:hidden;
z-index:1100;
}

 #images{
      position:relative;
      top:0;
  display: flex;
    justify-content: center;
    /*align-content: center;*/
    width:100%;
  height:85%;
z-index:1100;
}

 #menu_img #images [id^="image"]{
     cursor: zoom-in; 
     
border-radius: 26px;
}
[id^="image"]{ 
  position:absolute;
  /*bottom:5px;*/
   display:none;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
   border:0;

}
#img1{
    height:100%;
    display:block;
}
 [data="active"]{
    display: block;
    z-index:1101;
}
 #_buttons{
      position: relative;
      bottom:0;
 width: 100%;
    height:auto;
   display:flex;
   justify-content:center;
     margin: 0px;
padding: 0px;
    z-index:1100;
}
 [id^="button"],  [id^="click"]{ 
    position: relative;
      display:flex;
   justify-content:center;
    border:1px solid #ccc;
width:60px;
height:60px;
    margin: 0px; cursor:pointer;z-index:1100;
}


 [id^="button"] img , [id^="click"] img{
   margin:0 auto;
     width: auto;
    height: auto;
    max-width: 100%;
    max-height:100%;
  z-index:1100;
}
@media only screen and (max-width: 1250px) {
      #desc{
    position:relative;
       top:0px;
  width:100%;
      height:auto;
   word-break:normal;
      font-size:16pt; 
      margin:80px auto;
z-index:1;
   overflow:hidden;

}  
     #desc   #menu_img,#menu_imges{
       position:relative;
       top:0;
  display: flex;
  flex-wrap:wrap;
 margin:0 40px 10px 0;
   width:49%;
    height:50vw;
    float:left;
overflow:hidden;
z-index:1100;
}


}
@media only screen and (max-width: 1150px) {
      #desc{
    position:relative;
       top:0px;
  width:100%;
      height:auto;
   word-break:normal;
      font-size:16pt; 
      margin:80px auto;
z-index:1;
   overflow:hidden;

}  
     #desc   #menu_img,#menu_imges{
       position:relative;
       top:0;
  display: flex;
  flex-wrap:wrap;
 margin:0 40px 10px 0;
   width:49%;
    height:55vw;
    float:left;
overflow:hidden;
z-index:1100;
}


}
@media only screen and (max-width: 600px) {
      #desc{
    position:relative;
       top:0px;
  width:100%;
      height:auto;
   word-break:normal;
      font-size:16pt; 
      margin:80px auto;
z-index:1;
   overflow:hidden;

}  
    #desc   #menu_img,#menu_imges{
       position:relative;
       top:0;
  display: flex;
  flex-wrap:wrap;
 margin:0 40px 10px 0;
   width:49%;
    height:55vw;
    float:left;
overflow:hidden;
z-index:1100;
}

 #images{
      position:relative;
      top:0;
  display: flex;
    justify-content: center;
    /*align-content: center;*/
    width:100%;
  height:80%;
z-index:1100;
}
 #_buttons{
      position: relative;
       bottom:0;
width:100%;
height:auto;
     display: flex;
    justify-content: center;
    align-content: center;
    margin-top:5px;
}
}
/*@media only screen and (max-width: 991px) {*/
/*      #desc{*/
/*    position:relative;*/
/*       top:0px;*/
/*  width:100%;*/
/*      height:auto;*/
/*   word-break:normal;*/
/*      font-size:16pt;*/
/* margin:80px auto;*/
/*z-index:1;*/
/*   overflow:hidden;*/
/*}  */
/*  #desc   #menu_img,#menu_imges{*/
/*       position:relative;*/
/*       top:0;*/
/*  display: flex;*/
/*  flex-wrap:wrap;*/
/* margin:0 40px 10px 0;*/
/*   width:30vw;*/
/*    height:40vw;*/
/*    float:left;*/
/*overflow:hidden;*/
/*z-index:1100;*/
/*}*/

/* #images{*/
/*      position:relative;*/
/*      top:0;*/
/*  display: flex;*/
/*    justify-content: center;*/
    /*align-content: center;*/
/*    width:100%;*/
/*  height:80%;*/
/*z-index:1100;*/
/*}*/

/* #menu_img #images [id^="image"]{*/
/*     cursor: zoom-in; */
/*}*/
/*[id^="image"]{ */
/*  position:absolute;*/
  /*bottom:5px;*/
/*   display:none;*/
/*    width: auto;*/
/*    height: auto;*/
/*    max-width: 100%;*/
/*    max-height: 100%;*/
/*   border:0;*/

/*}*/
/*#img1{*/
/*    height:100%;*/
/*    display:block;*/
/*}*/
/* [data="active"]{*/
/*    display: block;*/
/*    z-index:1101;*/
/*}*/
/* #_buttons{*/
/*      position: relative;*/
/*      bottom:0;*/
/* width: 100%;*/
/*   height:auto;*/
/*   display:flex;*/
/*   justify-content:center;*/
/*     margin: 0px;*/
/*padding: 0px;*/
/*    z-index:1100;*/
/*}*/
/* [id^="button"],  [id^="click"]{ */
/*    position: relative;*/
/*      display:flex;*/
/*   justify-content:center;*/
/*    border:1px solid #ccc;*/
/*width:60px;*/
/*height:60px;*/
/*    margin: 1px;*/
/*    cursor:pointer;z-index:1100;*/
/*}*/


/* [id^="button"] img , [id^="click"] img{*/
/*   margin:0 auto;*/
/*     width: auto;*/
/*    height: auto;*/
/*    max-width: 100%;*/
/*    max-height:100%;*/
/*  z-index:1100;*/
/*}*/
/*}*/

/*@media only screen and (max-width: 790px) {*/
  
/*      #desc{*/
/*    position:relative;*/
/*       top:0px;*/
/*  width:100%;*/
/*      height:auto;*/
/*   word-break:normal;*/
/*      font-size:16pt;*/
/* padding:0px 20px;*/
/*padding:50px 50px 10px 50px;*/
/*z-index:1;*/
/*   overflow:hidden;*/
/*}  */
/*  #desc   #menu_img,#menu_imges{*/
/*       position:relative;*/
/*       top:0;*/
/*  display: flex;*/
/*  flex-wrap:wrap;*/
/*  margin:0 15px 10px 0px ;*/
/*   width:30vw;*/
/*    height:42vw;*/
/*    float:left;*/
/*overflow:hidden;*/
/*z-index:1100;*/
/*}*/

/* #images{*/
/*      position:relative;*/
/*      top:0;*/
/*  display: flex;*/
/*    justify-content: center;*/
    /*align-content: center;*/
/*    width:100%;*/
/*  height:75%;*/
/*z-index:1100;*/
/*}*/

/* #menu_img #images [id^="image"]{*/
/*     cursor: zoom-in; */
/*}*/
/*[id^="image"]{ */
/*  position:absolute;*/
  /*bottom:5px;*/
/*   display:none;*/
/*    width: auto;*/
/*    height: auto;*/
/*    max-width: 100%;*/
/*    max-height: 100%;*/
/*   border:0;*/

/*}*/
/*#img1{*/
/*    height:100%;*/
/*    display:block;*/
/*}*/
/* [data="active"]{*/
/*    display: block;*/
/*    z-index:1101;*/
/*}*/
/* #_buttons{*/
/*      position: relative;*/
/*      bottom:0;*/
/* width: 100%;*/
/*   height:auto;*/
/*   display:flex;*/
/*   justify-content:center;*/
/*     margin: 0px;*/
/*padding: 0px;*/
/*    z-index:1100;*/
/*}*/
/* [id^="button"],  [id^="click"]{ */
/*    position: relative;*/
/*      display:flex;*/
/*   justify-content:center;*/
/*    border:1px solid #ccc;*/
/*width:60px;*/
/*height:60px;*/
/*    margin: 1px;*/
/*    cursor:pointer;z-index:1100;*/
/*}*/


/* [id^="button"] img , [id^="click"] img{*/
/*   margin:0 auto;*/
/*     width: auto;*/
/*    height: auto;*/
/*    max-width: 100%;*/
/*    max-height:100%;*/
/*  z-index:1100;*/
/*}*/
/*}*/

@media only screen and (max-width: 500px) {
 
 #desc{ 
      position:relative;
       top:0px;
  width:100%;
/*text-align:center;*/
      height: auto;
   word-break:normal;
   overflow:hidden;
     font-size:16pt;
padding:20px;
  float:none;
   margin:50px 0 0 0;
z-index:1;
}
#desc   #menu_img,#menu_imges{
      position:relative;
      top:0;
  display: flex;
  flex-wrap:wrap;
    justify-content: center;
       position:relative;
   width:100%;
    height:110vw;
    float:none;
  margin:0 0 30px 0;
   padding:0;
 overflow:hidden;
}
 #images{
  display: flex;
    justify-content: center;
    align-content: center;
    width: 100%;
    height: 83%;
       overflow:hidden;
}

 #_buttons{
      position: relative;
       bottom:0;
width:100%;
height:auto;
     display: flex;
    justify-content: center;
    align-content: center;
    margin-top:5px;
}


 [id^="button"] img , [id^="click"] img{
    margin: auto ;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height:100%;

}


}