@media only screen
and (max-device-width: 600px)
 {
    .display_div
    {
        display:none;
    }
    .enb_div_mob
    {
        display:block;
    }
    /* DEMO-SPECIFIC STYLES */
    .typewriter p {
        font-size: 17px;
        color: #fff;
        overflow: hidden; /* Ensures the content is not revealed until the animation */
        /*border-right: .15em solid orange; /* The typwriter cursor */
        white-space:normal !important; /* Keeps the content on a single line */
        margin: 0 auto; /* Gives that scrolling effect as the typing happens */
        /* Adjust as needed */
        animation:step-start !important;
       /* Keeps the content on a single line */

    }

    /* The typing effect */
    @keyframes typing {
        from { width: 0 }
        to { width: 100% }
    }

    /* The typewriter cursor effect */
    @keyframes blink-caret {
        from, to { border-color: transparent }
        50% { border-color: orange }
    }
    .titel_mobile
    {
        direction:ltr  !important;
        text-align:center  !important;
        padding-top: 70px !important;
        padding-bottom: 5px !important;

    }
    .titel_mobile2
    {
        direction:ltr  !important;
        text-align:center  !important;
        font-size: 30px !important;

    }
    .img_v_c_d_t
    {
      border-radius: 20px;
      border: 3px solid #BCB9B9;
      height:72px;
      width: 72px;
    }
    .btn_mobile_view
    {
        height: 100px !important;
        width: 120px !important;
        border-radius: 10% !important;
        font-size: 15px !important;
        white-space: nowrap !important;
        padding: 20px !important;
        margin:20px !important;
    }
    .icon_mobile_view
    {
        font-size: 30px !important;
        padding: 0px 0px 20px 0 !important;
    }
    .view_mob
    {
        height:100% !important;
        padding: 20px !important;


    }
    .above-headingmo
    {
        font-size: 12px !important;
        font:revert !important;
    }
    .p_div
    {
      font-size: 15px;white-space: pre-line;
    }
    .doctor_div
{
    height: 100%;
    border-radius: 2%;
    margin-top: 10px;
    margin-right: 0 !important;
}
.card_about_mob
{
   margin-top: 100px !important;
}
.text_name_hosp_3dmob {
	color: #FFF;
	font-size: 30px !important;
	line-height: 1em;
    font-family: 'Tajawal-Bold';
	margin: 0;
	text-align: center;
	transform: translateY(-50%);
	width: 100%;
    padding-bottom: 10px;
    padding-top: 20%;
    text-shadow: 3px 2px 0px rgba(34, 83, 198, 1);
  }
  .text_name_hosp_3dmob2 {
	color: #FFF;
	font-size:20px !important;
	line-height: 1em;
    font-family: 'Tajawal-Bold';
	margin: 0;
	text-align: center;
	transform: translateY(-50%);
	width: 100%;
    text-shadow: 3px 2px 0px rgba(34, 83, 198, 1);
  }
  .img_log_mob
  {
    margin-bottom: 20px;
    background-color:#fff;
    border-radius: 36px 61px;
    border: 4px solid #FEFFFB;
    width:80% !important;
    height:100px;
  }
    .mob_top
    {
    margin-top: 50px;
    }
    .img_c_mob
    {
        margin: auto;
        width: 640px;
        padding: 50px;
    }
    .mob_top_s
    {
        padding-top: 0 !important;
    }
  }