body{
background: #F9F9F9;
}
footer{
    position:relative;
  top: 100px;
}
main{
    position:relative;
    top:0px;
  width: 100%;
    height: 100%;
     display:flex;
  flex-flow:row wrap;
  justify-content:center;
}
#paginate{
    width:100%;
 margin-top:20px;  
 display:flex;
 justify-content:center;
}

#descriptions{
    width:70%;
 position:relative;
  top:0;
 margin:30px auto;
  padding:0;


}
#descriptions hr{
    z-index:0;
    margin:100px 0 110px 0;
}
main  h1{
text-align: center;
color:cornflowerblue;
font-weight:900;
margin:5px 0 50px 0;
  word-break:normal;
}

 #data_infos{background:green;
     width:100%;
  word-break:normal;
      font-size:16pt;
 margin:100px 0;
 overflow:hidden;
}
[id^=info_data]{
    margin:50px 0;
    overflow:hidden;
}
#data_infos #info_data1 #info_img{
 

      margin:0 40px 10px 0;
    height:auto;
    width:auto;
    max-height:34vw;
    max-width:34vw;
border-radius: 26px;

    float:left;
}
#data_infos #info_data2 #info_img{
      margin:0 40px 10px 0;
    height:auto;
    width:auto;
    max-height:34vw;
    max-width:34vw;
border-radius: 26px;
  float:left;
}

 h2{ 
text-align: center;
margin:0 0 70px 0;
  word-break:normal;
  color: #1081E8;
font-size: 32px;
font-style: normal;
font-weight: 600;
line-height: normal;
}

 h3,h4{
    text-align:center;
 word-break:normal;
 
      font-weight:900;
        width: 100%;
    height: auto;
    color:#000;
}
main #praducts_cotegories{
     position:relative;
     width:72%;
     display:flex;
     flex-wrap:wrap;
     justify-content:center;
     margin:35px 0 70px 0;
 }
main #praducts_cotegories a{
   border-radius: 49px;
background: rgba(212, 220, 255, 0.50); 
  color: #0F2851;
font-size: 16px;
font-style: normal;
font-weight: 500;
padding: 14px 24px;
text-decoration:none;
text-align:center;
margin:1%;
 }
 main #praducts_cotegories a:hover{
     text-decoration:underline;
      color: #0F2851;
 }

 @media only screen and (max-width: 1250px) {
     #descriptions{
    width:80%;
 position:relative;
  top:0;
 margin:30px auto;
  padding:0;


}
       main #praducts_cotegories{
     position:relative;
     width:82%;
     display:flex;
     flex-wrap:wrap;
     justify-content:center;
      margin:30px 0;
 }
 #data_infos #info_data2 #info_img{
     margin:0 40px 10px 0;
    height:auto;
    width:auto;
    max-height:38.5vw;
    max-width:38.5vw;
border-radius: 26px;
    float:left;
}
 }
  @media only screen and (max-width: 1150px) {
     #descriptions{
    width:90%;
 position:relative;
  top:0;
 margin:30px auto;
  padding:0;


}
        main #praducts_cotegories{
     position:relative;
     width:92%;
     display:flex;
     flex-wrap:wrap;
     justify-content:center;
      margin:30px 0;
 }
 #data_infos #info_data2 #info_img{
     margin:0 40px 10px 0;
    height:auto;
    width:auto;
     max-height:43.5vw;
    max-width:43.5vw;
border-radius: 26px;
    float:left;
}
    
 }
@media only screen and (max-width: 991px) {
    #descriptions{
    width:90%;
 position:relative;
  top:0;
 margin:30px auto;
  padding:0;


}
  #data_infos #info_data2 #info_img{
     margin:0 40px 10px 0;
    height:auto;
    width:auto;
       max-height:30vw;
    max-width:30vw;
border-radius: 10px;;
    float:left;
}
#descriptions hr{
    z-index:0;
    margin:50px 0;
}
   main #praducts_cotegories{
     position:relative;
     width:90%;
     display:flex;
     flex-wrap:wrap;
     justify-content:center;
      margin:30px 0;
 }

    
/*  #data_infos #info_img{*/
/*      margin:0 40px 10px 0;*/
/*    width:auto;*/
/*    height:auto;*/
/*   max-width:30vw;*/
    /*max-height:30vw;*/
/*    float:left;*/
/*} */
}
@media only screen and (max-width: 790px) {
    
/*     #data_infos{*/
/*     background-color:#fff;*/
/*     width:95%;*/
/*        padding:50px 0;*/
/* overflow:hidden;*/
/*}*/
/*  #data_infos #info_img{*/
/*    margin:0 15px 5px 0;*/
/*    width:auto;*/
/*    height:auto;*/
/*   max-width:34vw;*/
    /*max-height:34vw;*/
/*    float:left;*/
/*} */
}
@media only screen and (max-width: 600px) {
#descriptions{
    width:90%;
 position:relative;
  top:0;
 margin:30px auto;
  padding:0;


} 
#descriptions hr{
    z-index:0;
    margin:30px 0;
}
 #data_infos{
     width:100%;
  word-break:normal;
      font-size:16pt;
 margin:50px 0;
}

[id^=info_data]{
    margin:0;
}
#data_infos #info_data1 #info_img{
  margin:auto;
    width:auto;
    height:auto;
   max-width:100%;
    max-height:100%;
      margin:0 0 30px 0;
    border-radius:15px;
    float:none;
} 
  #data_infos #info_data2 #info_img{
   margin:auto;
    width:auto;
    height:auto;
   max-width:100%;
    max-height:100%;
    margin:0 0 30px 0;
    
    border-radius:15px;
    float:none;
} 


#descriptions #info_name{
    height:60px;
    display:block;
    overflow:hidden;
    word-break:normal;
    background:#fff;
    font-size:20px;
    font-weight:900;
    text-align:center;
z-index:0;
}
#info_data1{
 word-break:normal;
margin: 0;
 padding:5px 0
}
#info_data2{
 word-break:normal;
margin: 0;
 padding:5px 0
}
}