/* ==========================================================================
 MOBILE QUERIES
 ========================================================================== */
  
@font-face {
  font-family: 'fontello';
  src: url('../fonts/fontello.eot?25958862');
  src: url('../fonts/fontello.eot?25958862#iefix') format('embedded-opentype'),
       url('../fonts/fontello.woff?25958862') format('woff'),
       url('../fonts/fontello.ttf?25958862') format('truetype'),
       url('../fonts/fontello.svg?25958862#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}


/* Small Monitors */
@media (max-width:862px) {

  body #PageWrap { padding-top: 119px; }

  #Header ul.admin-nav { display: none; }

  #Header #HeaderLogo {
    line-height: 1.4;
    background-image: none;
    text-indent: 0;
    position: static;
    margin: 85px auto 0 auto;
  }

  #Header #HeaderLogo strong { display: none; }

  a.thickbox {
   pointer-events: none;
   cursor: default; }

  #Footer ul.nav { width: 90%; }

  #PageWrap, #PageBody, #Content, #Content #ModelArea img, #Sidebar  { width: 100%; }

  #PageBody {
    border-bottom: 1px solid white;
    border-top: 1px solid white;
    border-left: 0;
    border-right: 0;
    background: #fff }

  #Sidebar ul.side-nav li a { color: #33322f; }

  #HeaderNav ul.nav { display: none; }

  #HeaderNav .mobile-nav.active ul.nav { display: block; }

  iframe { width: 100%; }

  #Content { 
    background: #fff; 
    border-bottom: 1px solid white; }

  body.home #Content { float: none; }

  #Sidebar { 
    max-width: 303px;
    margin: 0 auto;
    float: none;
    /* background: url("../images/bg-sidebar-mobile.gif") 0 0 repeat; */ }

  #Sidebar ul.side-nav {
    background: url("../images/bg-side-nav-parent.png") no-repeat scroll 0 0 / 100% auto transparent; }

  .content-widget { 
    width: 90%; 
    border: 0; }

  #GalleryWidget span.widget-content {
    float: none;
    margin-bottom: 12px;
    width: 100%; }

  .sidebar-widget-wide { width: 100%; }

  .sidebar-widget {
    left: auto;
    margin: 0 auto 26px;
    width: 90%; }

  #GalleryWidget img {
    float: none;
    max-width: 251px;
    width: 100%; }

  #OutOfTownWidget.sidebar-widget {
    background: none repeat scroll 0 0 #ECE8E2;
    background-image: linear-gradient(top, #ccc8be 30%, #eae6e0 90%);
    background-image: -o-linear-gradient(top, #ccc8be 30%, #eae6e0 90%);
    background-image: -moz-linear-gradient(top, #ccc8be 30%, #eae6e0 90%);
    background-image: -webkit-linear-gradient(top, #ccc8be 30%, #eae6e0 90%);
    background-image: -ms-linear-gradient(top, #ccc8be 30%, #eae6e0 90%); }

  #HeaderLogo {
    background-size: 100%;
    max-width: 484px;
    width: auto; }

  #Footer .address {
    float: none;
    margin-bottom: 20px;
    text-align: center;
    width: 100%; }

  #Footer .copyright {
    float: none;
    text-align: center;
    width: 100%; }

  #Footer .copyright .logo {
    left: auto;
    margin: 0 auto;
    text-align: center; }

  #Footer ul.supplemental {
    left: auto;
    margin: 0 auto; }

  #Footer .medical-justice { display: none; }

  #Header ul.societies { display: none; }

  #Header ul.admin-nav { top: 145px; }

  body.home #ModelArea {
    background: url("../images/home-model-mobile-01.jpg") no-repeat scroll 0 0 transparent;
    border-left: 0 none;
    border-right: 0 none;
    width: 100%; }

  body.home #ModelArea::after {
    content: '';
    background-image: url("/wp-content/themes/flint-may12/images/dr-flint-mobile.png");
    width: 243px;
    height: 393px;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1; }



  #ModelArea .caption a { display: none; }

  body.home #ModelArea ul.social { display: none; }

  #ModelArea #Info {
    width: 100%;
    text-align: left;
 }

  #ModelArea #Info .tagline { margin: 0 auto 0 0; }


  #LearningWidget img { display: none; }

  #LearningWidget {
    border: 1px solid white;
    display: block;
    margin: 0 auto;
    text-align: center;
    width: auto; }

  #LearningWidget span.widget-content {
    float: none;
    margin-bottom: 10px;
    width: 100%; }

  #LearningWidget strong {
    background: none repeat scroll 0 0 transparent;
    right: auto;
    width: 100%; }

  #Content #ModelArea {
    left: 0;
    position: relative; }

  #Content .home-divider { display: none; }

  #GalleryArea {
    left: 0;
    padding: 30px 1% 24px 3%; }

  #GalleryArea a { width: 46%; }

  #GalleryArea img { width: 100%; }

  #Sidebar .sidebar-widget.thumbnails {
    margin-left: 12px;
    width: 283px; }

  #Sidebar .sidebar-widget.thumbnails ul li {
    margin-left: 9px;
    margin-right: 9px; }

  #Sidebar #ContactMiniForm h4 {
    left: auto;
    margin-bottom: 14px;
    text-align: center;
    top: 9px;
    width: auto; }

  #GalleryArea .gallery-nav a.next {
    position: absolute;
    right: 6%;
    text-align: right;
    top: 3px; }

  #Content #SocialIcons { display: none; } 


  /* -------------------------- */
  /* #### Mobile Navigation ### */

  nav.mobile-nav-fixed-wrap {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 65px;
    line-height: 0;
    background-color: #d7d7d7;
    z-index: 100;
  }

  .mobile-nav-fixed {
    display: block;
    width: 100%;
    height: 100%;
    text-align: justify;
    margin: 0;
    padding: 0;
    color: #3c3c3c;
  }

  .mobile-nav-fixed::after {
    content: '';
    display: inline-block;
    width: 100%;
  }

  
  .mobile-nav-fixed li {
      display: inline-block;
      vertical-align: middle;
      line-height: 65px;
    }
 
    .mobile-nav-fixed li:nth-of-type(1) {
      float: left;
      position: relative;
      z-index: 5;
    }

    .mobile-nav-fixed li:nth-of-type(3) {
      float: right;
      position: relative;
      z-index: 5;
    }

    .mobile-nav-fixed li:nth-of-type(3) a { color: #784a68; }

    .mobile-nav-fixed li a {
      display: block;
      width: 100%;
      height: 100%;
      color: #3c3c3c;
      text-decoration: none;
    }

    .mobile-nav-fixed li a span {
      display: none;
    }

    .mobile-nav-fixed li a::before {
      font-family: fontello;
      font-size: 28px;
      -webkit-font-smoothing: antialiased;
    }


    .mobile-nav-fixed li:nth-of-type(1) a::before {
      margin-left: 10px;
      margin-right: 10px;
      content: '\e809';
    }


    .mobile-nav-fixed li:nth-of-type(2) {
      width: 100%;
      height: 26px;
      position: absolute;
      left: 0px;
      top: 20px;
      z-index: 1 }

  .mobile-nav-fixed li:nth-of-type(2) a {
    width: calc(100% - 125px);
    max-width: 342px;
    margin: 0 auto;
    background-image: url("../images/logo-flint-mobile.png");
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat; }

    .mobile-nav-fixed li:nth-of-type(3) a::before {
      margin-left: 10px;
      margin-right: 10px;
      content: '\e800'; }




  .page-overlay {
    z-index: 100;
    position: fixed;
    background: rgba(0,0,0,0.5);
  }






  
  /* Slide-in nav */

  .mobile-nav-fixed-wrap, .mobile-nav-slide {
    display: block;
  }

  .mobile-nav-slide {
    position: fixed;
    top: 0px;
    bottom: 0;
    left: -285px;
    width: 90%;
    max-width: 285px;
    overflow: auto;
    text-align: left;
    background: #fff;
    z-index: 1000;
    font-size: 16px;
    -webkit-transition: left 0.75s;
    -moz-transition: left 0.75s;
    -ms-transition: left 0.75s;
    transition: left 0.75s;
  }

  .mobile-nav-slide::before {
    font-family: 'FuturaStdLight';
    content: 'menu';
    position: absolute;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    left: 36px;
    color: #aaa;
    top: 30px; }

  .mobile-nav-slide.on {
    display: block;
    left: 0px;
  }

  .mobile-nav-slide .nav-wrap {
    overflow: auto;
    width: 100%;
    height: 100%;
    background: #f5f4f1;
    box-sizing: border-box; }

  .mobile-nav-slide .nav-wrap > ul {
    display: block;
    padding-left: 0;
    padding-bottom: 70px;
    margin-top: 70px;
    width: auto;
  }
  
  .mobile-nav-slide .nav-wrap > ul > li.close {
    display: block;
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
    width: 70px;
    height: 70px;
    border-top: none; }

  .mobile-nav-slide .nav-wrap > ul > li.close::after {
    display: block;
    position: absolute;
    top: 0px;
    right: 0px;
    content: '\e808';
    font-family: "fontello";
    font-size: 1.6875em;
    color: #784a68;
    padding: 15px 20px; }

  .mobile-nav-slide .nav-wrap li.page_item_has_children > a { margin-left: 0; }

  .mobile-nav-slide .nav-wrap ul.children > li.page_item_has_children .children li > a { text-decoration: underline; }

  .mobile-nav-slide .nav-wrap ul.children > li.page_item_has_children > a { text-decoration: none; }

  .mobile-nav-slide .nav-wrap ul.children li a { text-decoration: underline; }

  .mobile-nav-slide .nav-wrap ul.children ul.children li { margin-left: 1.2em; }

  .mobile-nav-slide .nav-wrap li > a {
    display: inline-block;
    margin-left: 1.2em; }


  .mobile-nav-slide .nav-wrap > ul > li {
    margin-top: 0;
    padding: 10px 0 6px 0;
    margin-bottom: 0.36em;
    list-style: none;
    border-top: 1px solid #dcdcdb; }

  .mobile-nav-slide .nav-wrap > ul > li > a {
    color: #505050;
    text-decoration: none;
    letter-spacing: 0.02em;
    font-size: 1.1em;
    padding-top: 0.3333em;
    padding-bottom: 0.0.3333em;
    display: inline-block;
  }

  .mobile-nav-slide .nav-wrap ul > li.page_item_has_children > a::before {
    content: '\e80a';
    color: #784a68;
    display: inline-block;
    font-family: fontello;
    margin-left: 0;
    margin-right: 0.375em;
  }

  .mobile-nav-slide .nav-wrap > ul > li.page_item_has_children.on > a::before,
  .mobile-nav-slide .nav-wrap > ul > li > ul > li.page_item_has_children.on > a::before {
    content: '\e80b';
  }

  .mobile-nav-slide .nav-wrap > ul > li .children {
    display: none;
  }

  .mobile-nav-slide .nav-wrap > ul > li > .children {
    margin-top: 0.2em;
    margin-bottom: 0;
    padding-left: 0.5em;
  }
     
  .mobile-nav-slide .nav-wrap > ul > li > .children > li > .children {
    padding-left: 0;
    margin: 0;
  }
  
  .mobile-nav-slide .nav-wrap > ul > li > ul li {
    list-style: none;
    padding-top: 0.25em;
    padding-bottom: 0.33em; }
     
  /*
  .mobile-nav-slide .nav-wrap > ul > li > ul li:before {
    content: '\00BB \0020';
    color: #784a68;
  }
  */

  .mobile-nav-slide .nav-wrap > ul > li > ul li a {
    /* display: inline-block;*/
    font-size: 0.975em;
    color: #505050;
    text-decoration: none;
    letter-spacing: 0.04em;
  }

  .mobile-nav-slide .nav-wrap > ul > li > ul > li > ul > li > a {
    color: #505050;
    font-size: 0.975em;
    margin-left: 5px;
  }


  .mobile-nav-slide .nav-wrap > ul > li .children li { list-style: none; }

  .mobile-nav-slide .nav-wrap > ul > li > ul > li .children li a::before { display: none; }


  .mobile-nav-slide .phone {
    position: absolute;
    width: 100%;
    /*height: 69px;*/
    top: auto;
    right: 0px;
    bottom: 0px;
    left: 0px;
    padding: 15px 0px 15px 25px;
    text-align: left;
    text-decoration: none;
    color: #fff;
    font-size: 22px;
    text-transform: uppercase;
    line-height: 1.075;
    letter-spacing: 0.09em;
    background: #784a68;
    box-sizing: border-box;
    cursor: pointer;
    background-position: 50%;
  }
 
  .mobile-nav-slide .phone a:link {
    color: #fff;
    text-decoration: none;
  }
 
  .telephone {
    font-size: 28px;
  }



  /* #### End Mobile Nav ### */
  /* ----------------------- */

} /* max-width:862px */



@media (max-width: 654px) {

#ModelArea .awards ul.best-of li:first-child,.mobile-hide{
 display: none;
}

#ModelArea #Info{
  margin: 15px 0 0 0;
}

#ModelArea .awards ul.best-of,#ModelArea #Info .tagline,.awards p.center{
  margin: 10px 0 0 20px;
}

#ModelArea #Info .tagline{
  padding: 0;
  font-size: 7vw;
  width: 75%;
}

#ModelArea #Info .awards{
  position: relative;
  bottom: 0;
}

.awards p.center{
  text-align: left;
}


} /* max-width:654px */





/* Phones */  
@media (max-width: 479px) and (orientation: portrait), (max-device-width: 960px) and (orientation: landscape)  {

img.alignright, 
img.alignleft, 
img.aligncenter {
  height: auto;
  max-width: 100%; }

.mobile-wrap {
    width: 273px;
    margin: 0 auto; }

.business-info {
  text-align: center;
}

#HeaderLogo {
background-image: url("../images/mobile-logo.png");
background-size: 98%;
width: 89%;
margin: 0 auto;
display: block;
left: auto;
position: relative;
border: 1px solid transparent;
}

#HeaderLogo strong {
  height: auto;
  letter-spacing: 2px;
  margin: 55px 0 -12px;
}

#Header .phone {
margin: 0 auto;
padding: 0;
position: relative;
right: auto;
position: absolute;
height: 30px;
width: 100%;
text-align: center;
z-index: 100;
}

#Header ul.admin-nav { display: none; }

.awards p.center{
  width: 50%;
}

#LongForm .text-row input, #LongForm .text-row textarea {
  font-size: 1em;
  width: 100%; }

#Content #LongForm #interests_other {
    clear: left;
    width: 100%; }

a.mobile-nav { margin: 0 auto; }

#TB_window {
    left: auto;
    position: fixed; }

iframe {
  height: auto;
  width: 100%; }

#ModelArea #Info .awards a.link { 
  top: 10px;
  display: inline-block;
  margin-left: 5px; }


}  /* max-width:479px */



@media (max-width:525px) {

  body #PageWrap { padding-top: 130px; }
  

  
}/* max-width:525px */



@media (max-width: 389px) {
  
#ModelArea #Info .tagline{
  width: 60%;
}

.awards p.center{
  width: 30%;

}

#ModelArea .awards ul.best-of, #ModelArea #Info .tagline, .awards p.center, #ModelArea .awards ul.top-doc{
    margin: 10px 0 0 8px;
}
  
  
}/* max-width:389px */