@media screen and ( max-width: 840px){
    .hasce{
       width: 100%;
       height: 40px;
       font-size: 12px;
       line-height: 1.8;
    }
    .search{
        width: 300px;
    }
    .language{
        font-size: 14px;
    }
    .logo{
        width: 250px;
    }
}
@media screen and ( max-width: 1640px){
    .TopMenu-ul>.head,.News,.doctor,.News1,.News2,.contact,.NewsPosition li,.News2Position li{
       width: 150px;
        font-size: 12px;
        line-height: 1.8;
        display: flex;
        flex-direction: column;

    }

}
@media screen and ( max-width: 750px){
    .TopMenu-ul>.head,.News,.doctor,.News1,.News2,.contact,.NewsPosition,.News2Position{
      width: 160px;
        font-size: 10px;
        line-height: 2;
    }
}
@media screen and ( max-width: 1200px){
    .photo-div{
       width: 550px;
       /* height: 2200px; */
        font-size: 12px;
        display: flex;
        flex-direction: column;

    }
}
@media screen and ( max-width: 1250px){
    .box22{
       width: 100%;
       /* height: 100%; */
       display: flex;
       flex-direction: column;
       justify-content: space-between;
       font-size: 16px;
    }
}
@media screen and ( max-width: 1250px){
    .box22 img,.box21 img{
       width: 180px;
       height: 170px;
    }
}
@media screen and ( max-width: 1700px){
    .box2{
       width: 730px;
      font-size: 12px;
    }
}
@media screen and ( max-width: 1665px){
    .box1,.box11 li{
       width: 450px;
    
    }
}
@media screen and ( max-width: 348px){
  .footer{
      display: none;
  }
}
@media screen and ( max-width: 348px){
  .footerMenu li{
      font-size: 12px;
  }
}
@media screen and ( max-width: 1213px){
.footerMenu{
    width: 100%;

}
}

@media screen and ( max-width: 1850px){
    .box111 li,.box112 li,.box113 li,.box114 li,.box115 li,.box116 li,.box117 li{
    width: 100%;
  height: 30px;
  }
}

@media screen and ( max-width: 1910px){
    .box11{
    width: 100%;
  height: 840px;
  }
}
@media screen and ( max-width: 1910px){
  .box111 {
  width: 260px;
  height: 10px;
  background-color: gainsboro;
  border-radius: 10px;
  position: absolute;
  left: 300px;
  top: 1029px;
  z-index: 1;
}
}
@media screen and ( max-width: 1910px){
  .box112 {
  width: 230px;
  height: 10px;
  background-color: gainsboro;
  border-radius: 10px;
  position: absolute;
  left: 320px;
  top: 1149px;
  z-index: 2;
}
}
@media screen and ( max-width: 1910px){
  .box113 {
  width: 240px;
  height: 10px;
  background-color: gainsboro;
  border-radius: 10px;
  position: absolute;
  left: 320px;
  top: 1269px;
  z-index: 3;
}
}
@media screen and ( max-width: 1910px){
.box113 li{
  width: 100%;
height: 70px;
}
}
@media screen and ( max-width: 1910px){
  .box114 {
  width: 230px;
  height: 10px;
  background-color: gainsboro;
  border-radius: 10px;
  position: absolute;
  left: 330px;
  top: 1389px;
  z-index: 1;
}
}
@media screen and ( max-width: 1910px){
  .box115 {
  width: 260px;
  height: 10px;
  background-color: gainsboro;
  border-radius: 10px;
  position: absolute;
  left: 330px;
  top: 1509px;
  z-index: 5;
}
}
@media screen and ( max-width: 1910px){
.box115 li{
  width: 100%;
height: 30px;
}
}
@media screen and ( max-width: 1910px){
  .box116 {
  width: 300px;
  height: 10px;
  background-color: gainsboro;
  border-radius: 10px;
  position: absolute;
  left: 300px;
  top: 1629px;
  z-index: 6;
}
}
@media screen and ( max-width: 1910px){
  .box117 {
  width: 265px;
  height: 10px;
  background-color: gainsboro;
  border-radius: 10px;
  position: absolute;
  left: 300px;
  top: 1749px;
  z-index: 7;
}
}
@media screen and ( max-width: 1853px){
    .box111 {
    width: 260px;
    height: 10px;
    background-color: gainsboro;
    border-radius: 10px;
    position: absolute;
    left: 300px;
    top: 1056px;
    z-index: 1;
  }
}
@media screen and ( max-width: 1853px){
    .box112 {
    width: 230px;
    height: 10px;
    background-color: gainsboro;
    border-radius: 10px;
    position: absolute;
    left: 320px;
    top: 1176px;
    z-index: 2;
  }
}
@media screen and ( max-width: 1853px){
    .box113 {
    width: 260px;
    height: 10px;
    background-color: gainsboro;
    border-radius: 10px;
    position: absolute;
    left: 300px;
    top: 1296px;
    z-index: 3;
  }
}
@media screen and ( max-width: 1853px){
    .box114 {
    width: 230px;
    height: 10px;
    background-color: gainsboro;
    border-radius: 10px;
    position: absolute;
    left: 320px;
    top: 1416px;
    z-index: 1;
  }
}
@media screen and ( max-width: 1853px){
    .box115 {
    width: 260px;
    height: 10px;
    background-color: gainsboro;
    border-radius: 10px;
    position: absolute;
    left: 320px;
    top: 1536px;
    z-index: 5;
  }
}
@media screen and ( max-width: 1853px){
    .box116 {
    width: 300px;
    height: 10px;
    background-color: gainsboro;
    border-radius: 10px;
    position: absolute;
    left: 280px;
    top: 1656px;
    z-index: 6;
  }
}
@media screen and ( max-width: 1853px){
    .box117 {
    width: 265px;
    height: 10px;
    background-color: gainsboro;
    border-radius: 10px;
    position: absolute;
    left: 300px;
    top: 1776px;
    z-index: 7;
  }
}
@media screen and ( max-width: 1200px){
  .box111 {
  width: 260px;
  height: 10px;
  background-color: gainsboro;
  border-radius: 10px;
  position: absolute;
  left: 230px;
  top: 1017px;
  z-index: 1;
}
}
@media screen and ( max-width: 1200px){
  .box112 {
  width: 240px;
  height: 10px;
  background-color: gainsboro;
  border-radius: 10px;
  position: absolute;
  left: 230px;
  top: 1137px;
  z-index: 2;
}
}
@media screen and ( max-width: 1200px){
  .box113 {
  width: 320px;
  height: 10px;
  background-color: gainsboro;
  border-radius: 10px;
  position: absolute;
  left: 200px;
  top: 1257px;
  z-index: 3;
}
}
@media screen and ( max-width: 1200px){
.box11 li{
  height: 70px;

}
}
@media screen and ( max-width: 1200px){
  .box114 {
  width: 230px;
  height: 10px;
  background-color: gainsboro;
  border-radius: 10px;
  position: absolute;
  left: 250px;
  top: 1377px;
  z-index: 1;
}
}
@media screen and ( max-width: 1200px){
  .box115 {
  width: 260px;
  height: 10px;
  background-color: gainsboro;
  border-radius: 10px;
  position: absolute;
  left: 230px;
  top: 1497px;
  z-index: 5;
}
}
@media screen and ( max-width: 1200px){
  .box116 {
  width: 300px;
  height: 10px;
  background-color: gainsboro;
  border-radius: 10px;
  position: absolute;
  left: 210px;
  top: 1617px;
  z-index: 6;
}
}
@media screen and ( max-width: 1200px){
  .box117 {
  width: 265px;
  height: 10px;
  background-color: gainsboro;
  border-radius: 10px;
  position: absolute;
  left: 230px;
  top: 1737px;
  z-index: 7;
}
}