@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: 1030px){
    .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: 1850px){
    .box2{
       width: 530px;
      font-size: 12px;
    }
}
@media screen and ( max-width: 1850px){
#btn1,#btn2,#btn3,#btn4,#btn5,#btn6,#btn7,#btn8,#btn9,#btn10,#btn11,#btn12,#btn13,#btn14,#btn15{
  width: 100%;
  height: 80px;
  border-bottom: 5px solid gainsboro;
  font-size: 20px;
  color: #028FD0;
  font-weight: bold;
 border: 1px solid gainsboro;
 cursor: pointer;
}
}
@media screen and ( max-width: 1850px){
    .box1,.box11 li{
       width: 350px;
      font-size: 14px;
    }
}
@media screen and ( max-width: 1853px){
  h2{
    font-size: 20px;
  }
}
@media screen and ( max-width: 1850px){
    h1{
       width: 100%;
      font-size: 18px;
    }
}
@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: 1915px){
    .box111 li,.box112 li,.box114 li,.box115 li,.box116 li,.box117 li{
    /* display: none; */
    width: 350px;
  height: 30px;
  }
}
@media screen and ( max-width: 1915px){
.box113 li{
  /* display: none; */
  width: 350px;
height: 60px;
}
}
@media screen and ( max-width: 1850px){
    .box11{
    width: 100%;
  height: 840px;
  }
}
@media screen and ( max-width: 1915px){
  .box111 {
  display: none;
  width: 18%;
  height: 10px;
  background-color: gainsboro;
  border-radius: 10px;
  position: absolute;
  left: 678px;
  top: 940px;
  z-index: 1;
}
}
@media screen and ( max-width: 1915px){
  .box112 {
  display: none;
  width: 18%;
  height: 10px;
  background-color: gainsboro;
  border-radius: 10px;
  position: absolute;
  left: 676px;
  top: 1000px;
  z-index: 2;
}
}
@media screen and ( max-width: 1915px){
  .box113 {
  display: none;
  width: 18%;
  height: 10px;
  background-color: gainsboro;
  border-radius: 10px;
  position: absolute;
  left: 676px;
  top: 1055px;
  z-index: 3;
}
}
@media screen and ( max-width: 1915px){
  .box114 {
  display: none;
  width: 18%;
  height: 10px;
  background-color: gainsboro;
  border-radius: 10px;
  position: absolute;
  left: 676px;
  top: 1120px;
  z-index: 1;
}
}
@media screen and ( max-width: 1915px){
  .box115 {
  display: none;
  width: 18%;
  height: 10px;
  background-color: gainsboro;
  border-radius: 10px;
  position: absolute;
  left: 676px;
  top: 1180px;
  z-index: 5;
}
}
@media screen and ( max-width: 1915px){
  .box116 {
  display: none;
  width: 18%;
  height: 10px;
  background-color: gainsboro;
  border-radius: 10px;
  position: absolute;
  left: 676px;
  top: 1240px;
  z-index: 6;
}
}
@media screen and ( max-width: 1915px){
  .box117 {
  display: none;
  width: 18%;
  height: 10px;
  background-color: gainsboro;
  border-radius: 10px;
  position: absolute;
  left: 676px;
  top: 1300px;
  z-index: 7;
}
}
@media screen and ( max-width: 1853px){
  .box111 {
  /* display: none; */
  width: 18%;
  height: 10px;
  background-color: gainsboro;
  border-radius: 10px;
  position: absolute;
  left: 676px;
  top: 930px;
  z-index: 1;
}
}
@media screen and ( max-width: 1853px){
  .box112 {
  /* display: none; */
  width: 200px;
  height: 10px;
  background-color: gainsboro;
  border-radius: 10px;
  position: absolute;
  left: 676px;
  top: 995px;
  z-index: 2;
}
}
@media screen and ( max-width: 1853px){
  .box113 {
  /* display: none; */
  width: 200px;
  height: 10px;
  background-color: gainsboro;
  border-radius: 10px;
  position: absolute;
  left: 676px;
  top: 1050px;
  z-index: 3;
}
}
@media screen and ( max-width: 1853px){
  .box114 {
  /* display: none; */
  width: 200px;
  height: 10px;
  background-color: gainsboro;
  border-radius: 10px;
  position: absolute;
  left: 676px;
  top: 1112px;
  z-index: 1;
}
}
@media screen and ( max-width: 1853px){
  .box115 {
  /* display: none; */
  width: 200px;
  height: 10px;
  background-color: gainsboro;
  border-radius: 10px;
  position: absolute;
  left: 676px;
  top: 1173px;
  z-index: 5;
}
}
@media screen and ( max-width: 1853px){
  .box116 {
  /* display: none; */
  width: 200px;
  height: 10px;
  background-color: gainsboro;
  border-radius: 10px;
  position: absolute;
  left: 676px;
  top: 1230px;
  z-index: 6;
}
}
@media screen and ( max-width: 1853px){
  .box117 {
  /* display: none; */
  width: 200px;
  height: 10px;
  background-color: gainsboro;
  border-radius: 10px;
  position: absolute;
  left: 676px;
  top: 1290px;
  z-index: 7;
}
}


@media screen and ( max-width: 1850px){
  .box111 {
  /* display: none; */
  width: 18%;
  height: 10px;
  background-color: gainsboro;
  border-radius: 10px;
  position: absolute;
  left: 230px;
  top: 1044px;
  z-index: 1;
}
}
@media screen and ( max-width: 1850px){
  .box112 {
  /* display: none; */
  width: 200px;
  height: 10px;
  background-color: gainsboro;
  border-radius: 10px;
  position: absolute;
  left: 230px;
  top: 1164px;
  z-index: 2;
}
}
@media screen and ( max-width: 1850px){
  .box113 {
  /* display: none; */
  width: 200px;
  height: 10px;
  background-color: gainsboro;
  border-radius: 10px;
  position: absolute;
  left: 230px;
  top: 1284px;
  z-index: 3;
}
}
@media screen and ( max-width: 1850px){
  .box113 li{
    /* display: none; */
    width: 350px;
  height: 25px;
  }
  }
@media screen and ( max-width: 1850px){
  .box114 {
  /* display: none; */
  width: 200px;
  height: 10px;
  background-color: gainsboro;
  border-radius: 10px;
  position: absolute;
  left: 230px;
  top: 1404px;
  z-index: 1;
}
}
@media screen and ( max-width: 1850px){
  .box115 {
  /* display: none; */
  width: 200px;
  height: 10px;
  background-color: gainsboro;
  border-radius: 10px;
  position: absolute;
  left: 230px;
  top: 1524px;
  z-index: 5;
}
}
@media screen and ( max-width: 1850px){
  .box116 {
  /* display: none; */
  width: 200px;
  height: 10px;
  background-color: gainsboro;
  border-radius: 10px;
  position: absolute;
  left: 230px;
  top: 1644px;
  z-index: 6;
}
}
@media screen and ( max-width: 1850px){
  .box117 {
  /* display: none; */
  width: 200px;
  height: 10px;
  background-color: gainsboro;
  border-radius: 10px;
  position: absolute;
  left: 230px;
  top: 1764px;
  z-index: 7;
}
}