.flag2{
    display: none;
  }
  .flag3{
    display: none;
  }
  .flag4{
    display: none;
  }

  .info_box {
      margin-left: 0px!important;
      margin-right: 1rem!important;
  }
    .titel_poster{
        margin-bottom:1rem;
        color: #3F51B5;
        font-size:2rem;
    }
  .public{
   
      margin-right: 0rem!important;
  }
  .titel_2{
      font-size: 1.3rem;
      color: #3F51B5;
    
  }
  .tel{
    
      padding: 0.3rem!important;
      border-radius: 0.3rem;
      margin-bottom: 1rem!important;
      background-color: #fff;
      display: flex;
      align-items: unset;
  }
  .icon_telephon{
      margin: 0px!important;
      font-size: 1.2rem!important;
      padding: 0.35rem;
      margin-left: 0.5rem!important;
  }
  .tel h6{
      margin: 0px!important;
      margin-top: 0.2rem!important;
  }
  .tel a{
      margin: 0px!important;
      font-size: 1rem!important;

  }

  .box_big{
   
    border-radius: 0.3rem;
    padding: 1rem;
   
  }
  .doctor_info h6{
    font-size: 1.15rem!important;
  }
  .message{
    background-color: #3F51B5;
    border: none;
    border-radius: 0.3rem;
    padding: 0.65rem;
    color: #fff;
    margin-top: 2.5rem;
    font-size: 1rem!important;
  }
  .message:hover{
    opacity: 70%;
    transition: all 0.5ms;
  }
  .titel_1{
    line-height: 1.8;        }

 
  @media only screen and (max-width: 1300px){
 
  .tel a{
      margin: 0px!important;
      font-size: 0.9rem!important;
     

  }
  .box_show .info_box{
    height: 420px!important;
   
  }
  .titel_1{
    margin-top: 0px!important;
  
  }
  .titel_2{
    font-size: 1.1rem!important;
   
  
  }
  .message{
    background-color: #3F51B5;
    border: none;
    border-radius: 0.3rem;
    padding: 0.5rem;
    color: #fff;
    margin-top: 0.7rem!important;
    font-size: 0.85rem!important;
  }
  .doctor_info h6{
    font-size: 1rem!important;
  }
  .doctor_info h5{
    font-size: 1rem!important;
   
  }
  .view{
    margin-top: 3.2rem!important;
    
  }
  .view .box_v small{
    font-size: 0.85rem!important;
  
  }
  
      .titel_poster{
        margin-bottom:0.8rem;
        font-size:1.5rem;
    }
  }
  @media only screen and (max-width: 992px){
    
  .info_box {
      margin-left: 0px!important;
      margin-right: 0rem!important;
  }

  .public{
   
      margin-right: 0rem!important;
  }
  
  
   .titel_poster{
        margin-bottom:0.8rem;
        font-size:1.2rem;
    }
  }

  
 
  @media only screen and (max-width: 767px){
    .flag4{
      display: block;
    }
    
  .box_show2{
    
    padding: 0rem!important;
    margin-bottom: 0.85rem;
  }
  .box_show2 .info_box2{
    background-color: #f5f5f5;;
    border-radius: 0.3rem;
    padding: 1rem;
    height: 320px;
    
  }
  .box_show2 .info_box2 img{
    width: 120px;
    height: 120px;
    border-radius: 50%;
    margin-bottom: 1rem;
    border:3px solid #3F51B5;
  }
  .doctor_info2 h6{
    font-size: 0.8rem;
    color: #3F51B5;
    margin-bottom: 0.7rem;
  }
  .doctor_info2 h5{
    font-size: 0.8rem;
    color: #3F51B5;
    margin-bottom: 0.7rem;
  }
  .view2{
    background-color: #3F51B5;
    margin: 0 auto;
    padding: 0.3rem;
    display: flex;
    justify-content: center;
    border-radius: 0.3rem;

  }
  .view2 small{
    color: #fff;
    font-size: 0.7rem!important;
   
    
  }
  .view2 .icon_view2{
    color: #fff;
    width: 15px;
    margin-left: 0.5rem;
    height: 15px;
  }


  .tel{
    
    padding: 0.3rem!important;
    border-radius: 0.3rem;
    margin-bottom: 0.7rem!important;
    background-color: #fff;
    display: flex;
    align-items: unset;
}
.icon_telephon{
    margin: 0px!important;
    font-size: 1rem!important;
    padding: 0.25rem;
    margin-left: 0.3rem!important;
}
.tel h6{
    margin: 0px!important;
    color: #3F51B5;
    margin-top: 0.2rem!important;
    font-size: 0.85rem!important;
}
.tel h5{
    margin: 0px!important;
    color: #3F51B5;
    margin-top: 0.2rem!important;
    font-size: 0.85rem!important;
}
.tel a{
    margin: 0px!important;
    font-size: 0.85rem!important;

}
.titel_2{
 
  font-size: 1rem!important;
}

.box_big{
 
  border-radius: 0.3rem;
  padding: 1rem;
 
}

.message{
  background-color: #3F51B5;
  border: none;
  border-radius: 0.3rem;
  padding: 0.35rem;
  color: #fff;
  margin-top: 1rem;
  font-size: 0.8rem!important;
}
 .titel_poster{
        margin-bottom:0.8rem;
        font-size:1.2rem;
    }

  }
  @media only screen and (max-width: 577px){
    .flag4{
      display: none;
    }
  .view{
    margin-top: 1rem!important;
    
  }
  .view .box_v small{
    font-size: 0.7rem!important;
  
  }
  .flag{
    display: none;
  }

  .flag2{
    display: block;
  }


  .box_show2{
    
    padding: 0rem!important;
    margin-bottom: 0.85rem;
  }
  .box_show2 .info_box2{
    background-color: #f5f5f5;;
    border-radius: 0.3rem;
    padding: 1rem;
    height: 300px;
    
  }
  .box_show2 .info_box2 img{
    width: 120px;
    height: 120px;
    border-radius: 50%;
    margin-bottom: 1rem;
    border:3px solid #3F51B5;
  }
  .doctor_info2 h6{
    font-size: 0.8rem;
    color: #3F51B5;
    margin-bottom: 0.7rem;
  }
  .doctor_info2 h5{
    font-size: 0.8rem;
    color: #3F51B5;
    margin-bottom: 0.7rem;
  }
  .view2{
    background-color: #3F51B5;
    margin: 0 auto;
    padding: 0.3rem;
    display: flex;
    justify-content: center;
    border-radius: 0.3rem;

  }
  .view2 small{
    color: #fff;
    font-size: 0.7rem!important;
    
  }
  .view2 .icon_view2{
    color: #fff;
    width: 15px;
    margin-left: 0.5rem;
    height: 15px;
  }
  .flag3{
    display: block;
  }

  .tel{
    
    padding: 0.3rem!important;
    border-radius: 0.3rem;
    margin-bottom: 0.7rem!important;
    background-color: #fff;
    display: flex;
    align-items: unset;
}
.icon_telephon{
    margin: 0px!important;
    font-size: 1rem!important;
    padding: 0.25rem;
    margin-left: 0.3rem!important;
}
.tel h6{
    margin: 0px!important;
    margin-top: 0.2rem!important;
    font-size: 0.8rem!important;
}
.tel a{
    margin: 0px!important;
    font-size: 0.8rem!important;

}
.titel_2{
 
  font-size: 0.9rem!important;
}

.box_big{
 
  border-radius: 0.3rem;
  padding: 1rem;
 
}

.message{
  background-color: #3F51B5;
  border: none;
  border-radius: 0.3rem;
  padding: 0.35rem;
  color: #fff;
  margin-top: 1rem;
  font-size: 0.75rem!important;
}

 .titel_poster{
        margin-bottom:0.8rem;
        font-size:1.1rem;
    }
}
@media only screen and (max-width: 500px){
  .tel h6{
    margin: 0px!important;
    margin-top: 0.2rem!important;
    font-size: 0.7rem!important;
}
.tel a{
    margin: 0px!important;
    font-size: 0.7rem!important;

}



}


  







  