@media screen and (max-width: 600px) {
  .show-on-mobile {
    display: block;
  }

  .hide-on-mobile {
    display: none;
  }

  .h_ha {
    margin: 30px 0px 0px 80px;
    width: 210px;
    /*height: 70px;*/
  }

  .sub-container {
    border-bottom: none;
  }

  .h_ha h1 {
    font-size: 20px;
    width: 195px;
    height: 25px;
    border-bottom-width: 2px;
  }

  .h_ha h2 {
    font-size: 14px;
    margin-left: 15px;
    height: 22px;
    width: 208px;
  }

  .h_ha h3 {
    font-size: 13px;
    height: 15px;
    margin-left: 15px;
    width: 106px;
  }

  .dr_kalateh {
    width: 64px;
    height: 75.33px;
    left: 17px;
    top: 22px;
    border-width: 2px;
  }

  .onvan {
    padding-top: 7px;
    font-size: 0.875em;
    line-height: 0.9em;
    text-shadow: -10px 6px 4px #888888;
  }

  p.matn {
    font-size: 0.8125em;
    line-height: 31px;
    padding: 10px 10px;
  }

  .text_in_mobile {
    margin: 1.5em auto;
    width: 335px;
  }

  .box2 {
    background-size: cover;
    background-image: url(../img/backPhone.jpg);
  }

  .box3_elements_on_mobile {
    float: none;
    margin: 20px auto;
    width: 280px;
    padding: 15px;
  }

  .box3 {
    border-bottom: 1.5px solid #B10DC9;
  }

  /* footer section */
  .address {
    float: none;
    margin: 10px auto;
    margin-bottom: 0px;
    width: 361px;
    /* height: 60px; */
  }

  .titleFooterFont {
    font-size: 0.8em;
    line-height: 1em;
  }

  p.footerFont {
    font-size: 0.7em;
    line-height: 1.1em;
    margin: 5px auto;
  }

  .emailAdrress {
    float: none;
    width: 361px;
    height: 70px;
    margin: 0 auto;
  }

  /*safheye dovom Resumes */
  .newBox2 {
    display: flex;
    flex-flow: column;
    border-bottom: 1.5px solid #B10DC9;
  }

  .savabeg {
    order: 3;
    width: 280px;
    margin: 20px auto;
  }

  .elements_of_newBox2 {
    float: none;
  }

  .imageContainer {
    order: 2;
    width: 278px;
    margin: 0 auto;
    max-width:none;
  }

  .drKalatehInOffice {
    margin: 20px auto;
    height: 382px;
  }

  img.inOfficePic {
    height: 382px;
  }

  .imageCaption {
    margin: 0 auto;
    width: 280px;
    height: 13px;
  }

  .menueIcon_forFlex {
    display: block;
    order: 1;
  }

  .matneAx {
    font-size: 0.8em;
    line-height: 10px;
  }

  /*safheye sevom downloads */
  .downloadeMataleb {
    width: 75%;
    border-radius: 20px;
  }

  div.downloadBox {
    float: none;
    width: 75%;
    margin: 30px auto;
    height: 180px;
  }

  .btn {
    /* margin-top: 11%; */
    width: 36%;
    box-shadow: -5px 7px 3px rgb(0 0 0 / 20%);
  }

  .bookTitle {
    font-size: 1em;
  }

  .onvanDownloadPage {
    text-decoration-thickness: 2px;
    padding: 2% 3%;
  }

  .detail {
    font-size: 0.8125em;
    line-height: 31px;
  }

  .bookDetail {
    font-size: 0.8125em;
    line-height: 31px;
  }

  .matneBtn {
    font-size: 0.6em;
    line-height: 11px;
  }

  .newBox3 {
    border-bottom: 1.5px solid #B10DC9;
  }
}

@media screen and (max-width: 330px) {
  .h_ha {
    width: 195px;
    margin-left: 75px;
  }

  .h_ha h1 {
    font-size: 17px;
    width: 175px;
    height: 17px;
  }

  .h_ha h2 {
    font-size: 13px;
    height: 20px;
    width: 193px;
    margin-left: 15px;
  }

  .h_ha h3 {
    font-size: 11px;
    margin-left: 15px;
  }

  div.text_in_mobile {
    width: 300px;
  }

  div.box3_elements_on_mobile {
    width: 270px;
  }

  .address {
    width: 300px;
    /* height: 80px; */
  }

  .emailAdrress {
    width: 300px;
  }

  /*safheye sevom downloads */
  .downloadBox {
    float: none;
    width: 87%;
    margin: 30px auto;
  }
}