@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800&display=swap);
@import url(https://use.fontawesome.com/releases/v5.6.3/css/all.css);
html {
  -webkit-overflow-scrolling: touch;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  overflow-x: auto;
}
.bio-pdf {
  margin-top: -1rem;
  font-size: 2rem;
}
body {
  background-color: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body, html {
  height: 100%;
  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  margin: 0;
  padding: 0;
}
/*#hon{display:none; visibility:hidden;}*/
.stripes {
  background-image: url(https://mayfieldclinic.com/images/stripes.jpg) !important;
  background-size: cover;
  background-position: top center;
}
#chiari-care {
  background-color: #cac7e0
}
#main {
  background-color: #ffffff;
}
#pt-logo img {
  margin: .5rem;
}
main a:link {
  color: #00599c
}
#pt-pad a {
  color: #00599c;
  text-decoration: none;
  background-color: transparent;
}
#make-appt .card {
  box-shadow: 2px 2px 4px gray;
}
/*********
#careers,.careers{
    background-image: url(https://mayfieldclinic.com/images/apptshero1024-2020.jpg);
    background-position: top center;
    background-size: contain;
    background-repeat: no-repeat;
}**/
.modal-header22 img {
  float: none;
  margin-left: auto;
  clear: both;
}
h1.message {
  color: #ffffff;
}
hr.mayfield-hr {
  border-top: 1px solid #ececec;
  width: 85%
}
#covid-update {
  margin-top: 00;
}
#glossary-menu a:link, #az a:link {
  font-size: 1.35rem;
  margin: .25rem !important;
  padding: .25rem !important;
  background-color: aliceblue !important;
  -webkit-border-radius: 2px;
  border-radius: 2px !important;
}
/**** HOME PAGE INLINE*****
.modal-body a:link {
    color: #00599c;
    text-decoration: underline;
}
.modal-body img {
    -webkit-border-radius: 8px;
    border-radius: 8px;
    box-shadow: 2px 2px 4px gray;
    margin-bottom: 1rem;
}
.modal-body a:hover {
    color: #ff7f00;
    text-decoration: underline;
}
.modal-body a:visited {
    color: #666666;
    text-decoration: underline;
}
 .card-header{border: 1px solid white; border-top:none; border-right:none; border-left:none; border-bottom:1px !important; border-bottom-color: #ffffff!important;} 

.my-alice {
    background-image: radial-gradient( circle 827px at 47.3% 48%, rgba(255,255,255,1) 0%, rgba(138,192,216,1) 90% );
}
.modal-content {
    border-bottom-left-radius: 00;
    border-bottom-right-radius: 00;
}
****/
nav, navbar {
  background-color: #00599c;
}
label.over20 {
  z-index: 98;
  background-color: #00599c;
  color: white;
  white-space: nowrap !important;
  position: relative;
  padding: inherit;
}
.slides, .home-slides {
  z-index: 88
}
#all_slides ul {
  z-index: 1 !important;
  /* position: relative;*/
}
footer .fab {
  margin-left: 1rem;
  margin-right: 1rem;
  margin-bottom: 1rem;
  float: none;
  clear: both;
}
#social .fab {
  text-shadow: 1px 1px 3px gray;
}
/*****MAP ROW*****/
#map-row .card-title {
  width: 100%;
  background-color: #ff7f00;
  padding: 1rem;
  margin-top: 00;
  color: #ffffff;
}
#map-row .card-title:hover {
  background-color: green !important;
}
#map-row .card-title:visited {
  background-color: #666666 !important;
}
#map-row .map-card {
  background-color: #FFFFFF;
  padding: 00 00 1.25rem 00;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  box-shadow: 2px 2px 4px gray;
}
#map-row .map-card-img-top {
  width: 100%;
  height: auto;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
#map-row .map-card:hover {
  box-shadow: 2px 2px 4px gray;
  color: black;
}
#map-row .card-body {
  padding: 00 !important;
}
.modal-footer {
  background-color: aliceblue
}
#map-row {
  margin-top: 00;
}
/*******/
.pr-blue {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  background: rgb(240, 248, 255);
  background: linear-gradient(180deg, rgba(240, 248, 255, 1) 0%, rgba(255, 255, 255, 1) 100%);
}
.bg-pt {
  background-image: url(https://mayfieldclinic.com/images/pt-bg-2021.jpg);
  background-position: top center;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-size: cover;
}
.btn:link {
  box-shadow: 2px 2px 4px gray !important;
}
.btn:hover {
  box-shadow: none !important;
}
#my-people div.sc3 {
  padding: 00 !important;
  border-radius: 8px;
  /*border-right: solid thin lightgray;*/
  margin-left: .25rem;
  margin-right: .25rem;
  margin-bottom: .5rem;
  clear: both;
  box-shadow: 2px 2px 4px gray;
}
div.sc3 img {
  -webkit-border-top-right-radius: 8px;
  -webkit-border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
}
#my-people .row {
  padding: 00rem !important;
  flex-wrap: nowrap;
  margin-left: 00;
  margin-right: 00;
}
#my-people {
  padding: .5rem;
}
#my-people .btn-info {
  font-weight: 650;
  text-wrap: nowrap;
  white-space: nowrap;
  font-size: .95rem;
  ;
}
.spacer {
  margin: .25rem 1rem;
}
#home-services {
  align-content: center;
}
.btn-silver {
  margin-left: 5%;
  margin-right: 5%;
  float: none;
  clear: both;
  width: 225px;
  display: inline-block;
  background-color: silver;
  padding: .5em .5em;
  color: #00599c;
  font-weight: 550;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  box-shadow: 2px 2px 4px gray;
}
.btn-silver:hover {
  background-color: #ff7700;
  color: #ffffff;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  box-shadow: none;
}
.new-teal {
  background-color: #0086ac
}
.rounder-shadow-gray {
  -webkit-border-radius: 12px;
  border-radius: 12px;
  -webkit-box-shadow: 4px 4px 8px darkgray;
  box-shadow: 4px 4px 8px darkgray;
}
.rounder-shadow-blue {
  -webkit-border-radius: 12px;
  border-radius: 12px;
  -webkit-box-shadow: 4px 4px 8px #00599c;
  box-shadow: 4px 4px 8px #00599c;
}
.rounder-shadow-orange {
  -webkit-border-radius: 12px;
  border-radius: 12px;
  -webkit-box-shadow: 4px 4px 8px #ff7f00;
  box-shadow: 4px 4px 8px #ff7f00;
}
#my-login .fa {
  color: #d3d3d3;
}
/*#bp .button-pmt {
  background-color: aliceblue;
  padding: .25rem;
}*/
.blue-glass-box {
  border-radius: 8px;
  background: #94e3fe;
  box-shadow: 20px 20px 60px #7ec1d8, -20px -20px 60px #aaffff;
}
.white-glass-box {
  border-radius: 8px;
  background: #ffffff;
  opacity: 75%;
  box-shadow: 20px 20px 60px #d9d9d9, -20px -20px 60px #ffffff;
  padding: 1rem;
}
.mayfield-blue, .blue {
  color: #00599c;
}
.mayfield-teal, .teal {
  color: #13baab;
}
.chiari-purple {
  color: #7976a3
}
.chiari-purple-bg {
  background-color: #cac7e0
}
.mayfield-cyan, .bgcyan, .bg-cyan {
  background-color: cyan;
}
.bg-blue {
  background-color: #00599c;
}
.bg-aliceblue {
  background-color: aliceblue;
}
.bgwhite, .mayfield-white {
  background-color: #ffffff;
}
.bg-dkblue {
  background-color: #003C71;
}
.mayfield-blue-dk, .darkblue {
  color: #003C71;
}
.mayfield-orange, .orange {
  color: #ff7f00;
}
.mayfield-bg-gray {
  background-color: #666366;
}
.mayfield-gray, .gray {
  color: #666366;
}
.mayfield-yellow, .yellow {
  color: #edd25f;
}
.mayfield-blue-grad {
  background: rgb(0, 89, 156);
  background: linear-gradient(0deg, rgba(0, 89, 156, 1) 25%, rgba(0, 60, 113, 1) 75%);
}
.snippet p {
  font-size: 16px
}
.fa-file-pdf:link {
  color: firebrick !important;
}
.fa-file-pdf:visited {
  color: darkred !important;
}
.fa-file-pdf:hover {
  color: crimson !important;
}
.btn-ready {
  background-color: #ff7700 !important;
  padding: .5em .5em;
  color: #fff;
  font-weight: 700;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  box-shadow: 2px 2px 4px gray;
}
div.coeHW {
  -webkit-border-radius: 8px;
  border-radius: 8px;
  box-shadow: 2px 2px 4px gray;
}
.coeHW h3 a:hover {
  font-size: 150%;
}
/******PDF icon*********/
.fa-file-pdf {
  color: firebrick;
  text-shadow: 1px 1px 3px white;
}
/**************/
section {
  margin: 0;
  padding: 0;
}
#leader div {
  display: flex;
  flex-direction: row;
}
.ptbg {
  background-image: url(/images/pt-icons-1200.png);
  background-repeat: repeat-x;
  background-size: contain;
  padding: 00;
}
.ptbg-img-overlay {
  background-color: azure;
  opacity: .92;
  height: 100%;
  width: 100%;
}
/******MAP ROW********/
#map-row {
  margin-bottom: 1.25rem;
}
#map-row .card {
  box-shadow: 2px 2px 4px gray
}
#covid .modal-content {
  padding: 1.5rem;
}
#mapper .row {
  margin-bottom: 1.5rem;
}
/**************/
/*******Patient Ed thumbnail********/
#pe .thumbnail {
  margin-bottom: 2rem;
  margin-right: .5rem
}
.my-docs img {
  display: inline-block;
  width: 75%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  clear: both;
  margin-top: .75rem;
}
.my-docs p {
  line-height: 00px;
}
#drs a:link {
  display: block;
  margin-top: 1.65rem !important;
}
/*******peoplepage*******/
.mask {
  mask-type: alpha;
}
.div-top-rounder {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
#team-list div {
  margin-bottom: .5rem;
}
#team-list h3 {
  margin: .5rem 0rem 1rem 0rem;
  background-color: aliceblue;
  padding: 1rem .25rem;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
#team-list h4 {
  font-weight: thin;
  line-height: 32px;
  margin-bottom: 1rem;
}
/*************/
#hope .thumbnail img, #hope-stories2 .thumbnail img {
  max-width: 125px;
  height: auto;
  display: block;
}
#pe h3 a:link {
  text-decoration: underline;
}
.button-pmt {
  display: inline-block;
  color: #fff;
  border: none !important;
  border-radius: 1em;
  float: none;
  background-color: transparent;
  text-shadow: none !important;
  box-shadow: none !important;
}
#offices {
  display: flex;
  flex-direction: row !important;
  flex-flow: wrap;
}
.mayfield-yellow {
  background-color: lemonchiffon;
}
hr.new1 {
  border-top: 1px thin solid #00599c;
  width: 55%;
}
/*****base Careers page*****/
.hr {
  background-image: url(https://mayfieldclinic.com/images/hr_bg.jpg) !important;
  background-size: cover;
  background-repeat: none;
  position: 50 50;
}
#activities .btn-blue {
  display: flex;
  justify-content: space-around;
  border-radius: 6px;
  margin-right: auto;
  box-shadow: 4px 4px 12px grey;
}
.diversity {
  box-shadow: 4px 4px 12px grey;
}
#offices div {
  flex-flow: wrap
}
#offices .card {
  box-shadow: 8px 8px 18px gray;
  margin-bottom: 1rem;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap !important;
}
.diverse {
  width: 325px;
  height: auto;
  margin: 6px;
  box-shadow: 4px 4px 12px grey;
}
/********/
.coe4, .coe5 {
  display: none;
  visibility: hidden;
}
.related-links {
  display: block;
  background-color: #f2f2f2;
  border-radius: 4px;
  padding: 1em
}
#bio ul {
  list-style: disc outside !important
}
#blogger .blog-white {
  max-width: 500px;
  height: auto;
}
.blog-white p {
  font-size: 1em !important;
}
#blogger h2 {
  text-align: center !important;
}
#coe-sidebar p.ph {
  float: none;
  clear: both
}
p.we-treat a {
  line-height: 26px
}
#bio li {
  margin-bottom: .25em;
  margin-left: .35em;
  list-style: disc
}
#backpain-care .readybutton {
  margin-bottom: 0
}
#acoustic-care .readybutton {
  margin-bottom: 0
}
#acoustic-care .btn-ready {
  box-shadow: 2px 2px 4px gray;
  border-radius: 8px;
}
#acoustic-care .telephone {
  visibility: hidden
}
#scoli-care .readybutton {
  margin-bottom: 0
}
#scoli-care .telephone {
  visibility: hidden
}
#mc-sharebox {
  display: none;
  visibility: hidden
}
#backpain-care .telephone {
  display: none;
  visibility: hidden
}
.hope-title {
  margin-top: .5em
}
.ctr-foot p {
  text-align: center !important
}
#appt-section .readybutton {
  margin-bottom: 0
}
.my-guide {
  max-height: 220px;
  width: auto
}
.navbar {
  padding: .25em 00em 00em 00em;
}
/***transparent background******/
h3.trans {
  width: 70%;
  margin: auto;
  color: #fff;
  font-family: 'Open Sans', sans-serif;
  font-size: 48px;
  font-weight: 400;
  text-align: center;
  line-height: 80px;
}
h3.trans span {
  background: rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.5);
}
div.related-links {
  width: 100%
}
#my-login {
  display: inline-flex;
  justify-content: space-around;
  align-content: flex-end;
  margin-bottom: .25rem;
}
/****SPOTLIGHT******/
#spotlight a:link {
  color: #00599c;
}
#spotlight a:hover {
  color: #ff7700;
}
#spotlight a:visited {
  color: darkgray;
}
/*********/
#header-elements .row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: nowrap;
  margin-right: 0px;
  margin-left: 0px;
}
#cssmenu {
  font-family: 'Open Sans', sans-serif
}
div.snippet h3 {
  margin-top: 0;
  padding-top: 0
}
/********BLUE BOXES*********/
.chiari {
  background-image: url(https://mayfieldclinic.com/images/chiari-box.jpg);
  background-size: cover;
  background-position: center center;
  repeat: no-repeat
}
.syringo {
  background-image: url(https://mayfieldclinic.com/images/syringomyelia-box.jpg);
  background-size: cover;
  background-position: center center;
  repeat: no-repeat
}
.chiarisurgery {
  background-image: url(https://mayfieldclinic.com/images/chiari-surgery-box.jpg);
  background-size: cover;
  background-position: center center;
  repeat: no-repeat
}
.sciatica {
  background-image: url(https://mayfieldclinic.com/images/bluebox-sciatica320.jpg);
  background-size: cover;
  background-position: center center;
  repeat: no-repeat
}
.neckpain {
  background-image: url(https://mayfieldclinic.com/images/bluebox-neckpain.jpg);
  background-size: cover;
  background-position: center center;
  repeat: no-repeat
}
.stenosis {
  background-image: url(https://mayfieldclinic.com/images/bluebox-lowbackpain320.jpg);
  background-size: cover;
  background-position: center center;
  repeat: no-repeat
}
.stimulators {
  background-image: url(https://mayfieldclinic.com/images/bluebox-stim320.jpg);
  background-size: cover;
  background-position: center center;
  repeat: no-repeat
}
.pmr {
  background-image: url(https://mayfieldclinic.com/images/bluebox-pmr320.jpg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat
}
.color-bg {
  background-image: url(https://mayfieldclinic.com/images/color-bg.jpg);
  background-size: cover;
  background-position: center center;
  background-repeat: repeat-x;
}
.scoliosis {
  background-image: url(https://mayfieldclinic.com/images/bluebox-scoliosis320.jpg);
  background-size: cover;
  background-position: center center;
  repeat: no-repeat
}
.meningioma2 {
  background-image: url(https://mayfieldclinic.com/images/bluebox-meningioma320b.jpg);
  background-size: cover;
  background-position: center center;
  repeat: no-repeat
}
.acoustic {
  background-image: url(https://mayfieldclinic.com/images/bluebox-acoustic320.jpg);
  background-size: cover;
  background-position: center center;
  repeat: no-repeat
}
.an-surgery {
  background-image: url(https://mayfieldclinic.com/images/bluebox-acoustic-surgery320.jpg);
  background-size: cover;
  repeat: no-repeat;
  background-position: center center
}
.an-radio {
  background-image: url(https://mayfieldclinic.com/images/bluebox-acoustic-radio320.jpg);
  background-size: cover;
  repeat: no-repeat;
  background-position: center center
}
.an-overview {
  background-image: url(https://mayfieldclinic.com/images/bluebox-acoustic-overview320.jpg);
  background-size: cover;
  repeat: no-repeat;
  background-position: center center
}
.meningioma {
  background-image: url(https://mayfieldclinic.com/images/bluebox-meningioma320.jpg);
  background-size: cover;
  background-position: center center;
  repeat: no-repeat
}
.meningioma2 {
  background-image: url(https://mayfieldclinic.com/images/bluebox-meningioma320.jpg);
  background-size: cover;
  background-position: center center;
  repeat: no-repeat
}
.glioma {
  background-image: url(https://mayfieldclinic.com/images/bluebox-glioma320.jpg);
  background-size: cover;
  background-position: center center;
  repeat: no-repeat
}
.pituitary {
  background-image: url(https://mayfieldclinic.com/images/bluebox-pituitary320.jpg);
  background-size: cover;
  background-position: center center;
  repeat: no-repeat
}
.radiosurgery {
  background-image: url(https://mayfieldclinic.com/images/bluebox-radiosurgery320.jpg);
  background-size: cover;
  background-position: center center;
  repeat: no-repeat
}
.radiosurgery2 {
  background-image: url(https://mayfieldclinic.com/images/bluebox-radiosurgeryb320.jpg);
  background-size: cover;
  background-position: center center;
  repeat: no-repeat
}
.craniotomy {
  background-image: url(https://mayfieldclinic.com/images/bluebox-craniotomy320.jpg);
  background-size: cover;
  background-position: center center;
  repeat: no-repeat
}
#coe-grid div.acoustic {
  text-align: center
}
#coe-grid div.radiosurgery {
  text-align: center
}
.aneurysm {
  background-image: url(https://mayfieldclinic.com/images/bluebox-aneurysm320.jpg);
  background-size: cover;
  background-position: center center;
  repeat: no-repeat
}
.avm {
  background-image: url(https://mayfieldclinic.com/images/bluebox-aneurysm320.jpg);
  background-size: cover;
  background-position: center center;
  repeat: no-repeat
}
.stroke {
  background-image: url(https://mayfieldclinic.com/images/bluebox-stroke320.jpg);
  background-size: cover;
  background-position: center center;
  repeat: no-repeat
}
.carotid {
  background-image: url(https://mayfieldclinic.com/images/bluebox-carotid320.jpg);
  background-size: cover;
  background-position: center center;
  repeat: no-repeat
}
.degenerative-scoli {
  background-image: url(https://mayfieldclinic.com/images/bluebox-degen-scoli320.jpg);
  background-size: cover;
  background-position: center center;
  repeat: no-repeat
}
.kyphosis {
  background-image: url(https://mayfieldclinic.com/images/bluebox-kyphosis320.jpg);
  background-size: cover;
  background-position: center center;
  repeat: no-repeat
}
.flatback {
  background-image: url(https://mayfieldclinic.com/images/bluebox-flatback320.jpg);
  background-size: cover;
  background-position: center center;
  repeat: no-repeat
}
div.coeHW h3 {
  z-index: 55;
  font-size: 115%;
  font-weight: 600;
  -webkit-filter: none;
  filter: none;
  color: #fff !important;
  margin-top: 34%
}
.coeHW a:hover {
  text-shadow: 4px 4px 6px #dca774;
  text-decoration: none
}
/****************************/
.ht-list {
  line-height: 28px
}
#care-teams {
  padding: 1rem;
}
#care-teams p {
  font-size: normal;
  line-height: inherit;
}
#care-teams h2 {
  margin-bottom: .75rem;
}
.cards {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  align-content: center;
  flex-direction: column;
}
.cards img {
  margin: 4px;
  clear: both;
  border: none;
  box-shadow: 3px 3px 8px 0px rgba(0, 0, 0, 0.3);
  /*max-width: 25vw;*/
}
/****CARDS*******/
.cards p {
  white-space: nowrap !important;
  font-size: 85%;
}
/*******/
.bg-mayfield-blue {
  background-color: #00599c;
}
.blue-gradient00 {
  background: rgb(2, 0, 36);
  background: linear-gradient(0deg, rgba(2, 0, 36, 1) 0%, rgba(0, 89, 156, 1) 35%, rgba(0, 212, 255, 1) 100%);
}
.white-shadow {
  color: #fff;
  text-shadow: 2px 2px 3px #000
}
#family .white-shadow {
  font-weight: 700;
  line-height: 1.75em
}
#family h1 {
  margin-top: 1em
}
#team-list h3 {
  text-decoration: underline;
  font-weight: 600
}
#spinecare .ph a:link {
  color: #00599c
}
#neurovascular .ph a:link {
  color: #00599c
}
#brain-tumor-care .ph a:link {
  color: #00599c
}
.pad-my-text {
  padding-left: 1rem;
}
.meningioma-scan, .aneurysm-scan {
  max-height: 125px;
  max-width: 125px;
  z-index: 50;
}
/***black transparent background******/
p.trans {
  font-size: 1.2em;
  line-height: normal;
  color: white !important;
  padding: .5em .00em !important;
  opacity: 1 !important;
}
p.trans a:link {
  font-size: 1.2em;
  line-height: normal;
  color: white !important;
  opacity: 1 !important;
}
.thumber img {
  opacity: 1 !important;
}
.descriptor a:visited {
  color: white !important;
  opacity: 1 !important;
}
.descriptor div, .spacer div, .thumber div {
  max-height: 40px !important;
}
.label-float {
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  flex-direction: row;
  width: 100% !important;
  max-height: 125px
}
.an-label-float {
  float: right;
  margin-top: 85px;
  background-color: #000;
  opacity: .65;
  display: flex;
  flex-direction: row;
  width: 75% !important;
  padding: .5em;
  font-size: 120%
}
.snippet img {
  margin-right: .5em
}
.bio-flex {
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: space-evenly;
  margin: 0
}
.bio-flex img {
  width: 225px;
  height: auto;
  margin-top: 1.25rem;
}
.bio-flex1 {
  align-content: center !important;
  text-align: left;
  padding-left: 1.25rem;
}
.btn-info {
  text-align: center !important
}
.key-flex {
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: space-evenly
}
.key-flex div {
  /*margin-top: .5em*/
}
.message h1 {
  color: #00599c;
  margin-bottom: 1em
}
.readybutton {
  margin-bottom: 1em
}
.btn-ready {
  background-color: #ff7f00;
  padding: .5em .5em;
  color: #fff !important;
  font-weight: 700;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  box-shadow: 2px 2px 4px gray;
  margin: 1rem 0rem;
}
.btn-ready:hover {
  color: azure !important;
  box-shadow: none;
  background-color: #00599c;
}
.btn-ready:visited {
  color: #fff !important;
  background-color: #00599c;
}
#activities div .row {
  display: flex;
  align-items: center;
  justify-content: space-evenly
}
.btn-blue {
  background-color: #00599c;
  padding: .5em .5em;
  color: #ffffff;
  font-weight: 600;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px
}
.btn-blue a:link {
  color: #ffffff !important
}
.btn-blue a:hover {
  color: azure !important;
}
.btn-blue a:visited {
  color: #fff !important
}
#top .blue-link {
  color: #00599c !important
}
a.blue-link:link {
  color: #00599c !important
}
a.blue-link:hover {
  color: azure !important
}
a.blue-link:visited {
  color: #00599c !important
}
.telephone {
  align-items: baseline;
  margin-bottom: 2em
}
.mc-hr {
  border: 0;
  border-bottom: 3px dashed #1abc9c;
  background: #999
}
li {
  text-align: left
}
#logo-holder {
  margin: 0;
  padding: 0
}
.bracing h3, .bracing p {
  text-align: left
}
#partners p {
  line-height: 1.25em
}
.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  overflow: hidden;
  max-width: 100%;
  height: auto
}
.embed-container embed, .embed-container iframe, .embed-container object {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}
.sciatica {
  background-image: url(https://mayfieldclinic.com/images/bluebox-sciatica320.jpg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat
}
.neckpain {
  background-image: url(https://mayfieldclinic.com/images/bluebox-neckpain.jpg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat
}
.stenosis {
  background-image: url(https://mayfieldclinic.com/images/bluebox-lowbackpain320.jpg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat
}
.stimulators {
  background-image: url(https://mayfieldclinic.com/images/bluebox-stim320.jpg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat
}
.pmr {
  background-image: url(https://mayfieldclinic.com/images/bluebox-pmr320.jpg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat
}
.scoliosis {
  background-image: url(https://mayfieldclinic.com/images/bluebox-scoliosis320.jpg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat
}
.meningioma2 {
  background-image: url(https://mayfieldclinic.com/images/bluebox-meningioma320b.jpg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat
}
.acoustic {
  background-image: url(https://mayfieldclinic.com/images/bluebox-acoustic320.jpg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat
}
.meningioma {
  background-image: url(https://mayfieldclinic.com/images/bluebox-meningioma320.jpg);
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat
}
.glioma {
  background-image: url(https://mayfieldclinic.com/images/bluebox-glioma320.jpg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat
}
.pituitary {
  background-image: url(https://mayfieldclinic.com/images/bluebox-pituitary320.jpg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat
}
.diversion {
  background-image: url(https://mayfieldclinic.com/images/bluebox-diversion320.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.ruptured {
  background-image: url(https://mayfieldclinic.com/images/bluebox-ruptured320.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.unruptured {
  background-image: url(https://mayfieldclinic.com/images/bluebox-unruptured320.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.coiling {
  background-image: url(https://mayfieldclinic.com/images/bluebox-coiling320.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 12%;
}
.clipping {
  background-image: url(https://mayfieldclinic.com/images/bluebox-clipping320.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 24%;
}
.subarachnoid {
  background-image: url(https://mayfieldclinic.com/images/bluebox-subarachnoid320.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.radiosurgery {
  background-image: url(https://mayfieldclinic.com/images/bluebox-radiosurgery320.jpg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat
}
.radiosurgery2 {
  background-image: url(https://mayfieldclinic.com/images/bluebox-radiosurgeryb320.jpg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat
}
.radiosurgery3 {
  background-image: url(https://mayfieldclinic.com/images/bluebox-radiosurgeryb320.jpg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat
}
.craniotomy {
  background-image: url(https://mayfieldclinic.com/images/bluebox-craniotomy320.jpg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat
}
#coe-grid div.acoustic {
  text-align: center
}
#coe-grid div.radiosurgery {
  text-align: center
}
.aneurysm {
  background-image: url(https://mayfieldclinic.com/images/bluebox-aneurysm320.jpg);
  background-size: cover;
  background-repeat: no-repeat
}
.avm {
  background-image: url(https://mayfieldclinic.com/images/bluebox-aneurysm320.jpg);
  background-size: cover;
  background-repeat: no-repeat
}
.stroke {
  background-image: url(https://mayfieldclinic.com/images/bluebox-stroke320.jpg);
  background-size: cover;
  background-repeat: no-repeat
}
.carotid {
  background-image: url(https://mayfieldclinic.com/images/bluebox-carotid320.jpg);
  background-size: cover;
  background-repeat: no-repeat
}
.coeHW a:hover {
  text-shadow: 4px 4px 6px #dca774;
  text-decoration: none
}
#my-login {
  display: inline-flex;
  align-content: flex-end;
  justify-content: space-around;
}
a.big-icon link:hover {
  text-decoration: none !important
}
.icon-flex {
  display: flex-start;
  justify-content: space-around;
  flex-wrap: nowrap !important;
  margin: 0;
  padding: 0
}
#mylogin a {
  margin: 0;
  padding: 0;
  text-decoration: none
}
.subscribe {
  margin-top: 1em;
  padding-bottom: 0
}
.fa-blog, .fa-newspaper {
  font-size: medium;
  font-weight: 600;
  margin-bottom: .25em
}
header a:link {
  text-decoration: none;
  color: transparent
}
#coe {
  bottom: 0;
  width: auto;
  padding: 0
}
#coe.container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around
}
div.outside {
  max-width: 1920px;
  position: relative;
  align-items: baseline;
  width: auto
}
div.inside {
  display: flex;
  -webkit-logical-width: 1200px;
  float: none;
  align-content: space-evenly !important;
  max-width: 1200px
}
.coe1 {
  white-space: nowrap;
  background-image: url(https://mayfieldclinic.com/images/coe-neurovascular.jpg);
  background-size: cover
}
.coe2 {
  white-space: nowrap;
  background-image: url(https://mayfieldclinic.com/images/coe-tumor.jpg);
  background-size: cover
}
.coe3 {
  white-space: nowrap;
  background-image: url(https://mayfieldclinic.com/images/coe-spine.jpg);
  background-size: cover
}
.coe4 {
  white-space: nowrap;
  background: pink
}
.coe5 {
  white-space: nowrap;
  background: pink
}
.coe {
  alignment-baseline: bottom !important;
  display: block;
  justify-content: center
}
#coe.container > div {
  opacity: 1;
  text-shadow: 2px 2px 6px #00599c
}
#coe.container > div:hover {
  opacity: 1;
  text-shadow: none;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out
}
#copy {
  padding: 1em 0 .5em 0
}
#acoustic-care .message h1, #scoli-care .message h1, #backpain-care .message h1, #spinecare .message h1 {
  color: #00599c
}
#scoli-care .readybutton, #backpain-care .readybutton, #brain-tumor-care .readybutton, #neurovascular .readybutton, #spinecare .readybutton, #meningioma-care .readybutton, #chiari-care .readybutton {
  margin-bottom: 1rem;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}
#backpain-care .telephone, #brain-tumor-care .telephone, #neurovascular .telephone, #spinecare .telephone {
  margin-bottom: 1em
}
h1.copy {
  padding-bottom: .5em
}
#mapper, #sharebox, .bigmap img {
  clear: both
}
#learn {
  white-space: normal;
  display: inline-block
}
#mapper a:active, #mapper a:link, #mapper a:visited {
  color: #fff
}
#container, body, main {
  overflow-x: hidden
}
i.fa-phone {
  transform: rotate(25deg) scaleX(-1) !important
}
#footer a:hover, #footer a:link, #mapper a:link, .list-group-item, main a:link {
  text-decoration: none
}
/*****FOOTER STUFF********/
footer .fab {
  margin-left: 1rem;
  margin-right: 1rem;
  margin-bottom: 1rem;
  float: none;
  clear: both;
}
.footer-fade {
  display: flex;
  flex-direction: row;
  background-color: white;
  opacity: .8 !important;
  height: 100%;
  width: 100%;
  border-radius: 8px;
}
.footer, #footer, footer {
  background-color: none;
}
footer .fab {
  font-size: 2rem;
  text-align: center;
  text-decoration: none;
}
footer .fab a:hover {
  color: gray;
}
#social .fab {
  text-shadow: 1px 1px 3px gray;
}
/*******UPPER CASE THE MENU********/
#cssmenu ul ul li, #cssmenu > ul > li > a, nav ul {
  text-transform: uppercase
}
/***********/
.credit, .quote {
  font-style: italic
}
#norwood h2 {
  margin-top: 00;
  font-size: 185%
}
#norwood .row {
  margin-bottom: .5rem;
}
.twoparts img {
  margin: 0;
  padding: 0
}
.bigmap img {
  float: none;
  margin-left: auto;
  margin-right: auto;
  max-width: 1280px;
  height: auto
}
img.excer {
  float: none;
  margin: 1em auto
}
.spiny {
  max-height: 450px;
  width: auto
}
/*#sharebox {
  float: none;
  margin-left: .25em;
  padding-top: 2.5em
}*/
#apt-btn {
  margin: 1em 0
}
.thumbnail {
  border: none
}
#login .fa, #mc-sharebox .fa, #mc-sharebox .fab {
  font-size: 36px
}
#mc-social {
  display: inline-block;
  margin: 0em
}
.fa {
  padding: 0 .25em 0 0;
  text-align: center;
  text-decoration: none
}
.big-icon {
  font-size: 2.5em;
  margin-left: .5em;
  margin-right: .5em;
  display: inline-block;
  clear: both
}
#footer i.bigicon > a:link {
  text-decoration: none !important;
  border: none !important
}
#mylogin a.fa {
  text-decoration: none !important;
  border: none !important
}
.fa a:link {
  text-decoration: none !important;
  border: none !important
}
.fa:hover, .fab:hover {
  opacity: .7
}
#mylogin a:hover {
  color: #fff !important
}
#my-login i.phone {
  display: inline-block !important;
  transform: rotate(35deg) scaleX(-1) !important
}
.fa-facebook {
  color: #3b5998
}
.fa-youtube {
  color: #cc181e
}
.fa-blog {
  color: #00599c
}
.fa-envelope {
  margin-left: .5em;
  font-size: 2.5em;
  color: #d3d3d3
}
.fa-mobile-alt {
  margin-left: .5em;
  font-size: 2.5em;
  color: #d3d3d3
}
.fa-blog {
  color: #00599c
}
.fa-blog, .fa-newspaper {
  display: inline-block;
  margin: .5em !important
}
.fa-newspaper {
  color: #00599c
}
.fa-twitter {
  color: #55acee
}
.fa-linkedin {
  color: #0077b5
}
#scs_gif {
  max-height: 420px;
  width: auto
}
.navbar {
  margin-bottom: 0;
  border-radius: 0;
  border: none
}
#mission-hack {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  clear: both
}
.quote {
  font-size: 130%;
  font-weight: 600;
  font-family: "Times New Roman", Times, serif;
  color: #00599c
}
.embed-responsive-4by3 {
  margin-bottom: 0;
  max-height: 235px;
  width: auto
}
.botpad {
  padding-bottom: 1.25em;
  padding-top: 1.25em
}
/*#all_slides  .slide{width:auto; height:300px!important; display:inline-block!important;}*/
/*#all_slides  .slide2{width:auto; height:300px!important; display:inline-block!important;}*/
#header {
  width: 100%;
  z-index: 500;
  background-color: rgba(255, 255, 255, .85);
  position: relative
}
#home_1 {
  background-image: url(https://mayfieldclinic.com/images/_homer1.jpg);
  background-position: top left;
  background-size: cover
}
#homesection2 {
  background-image: url(https://mayfieldclinic.com/images/_home_surge.jpg)
}
#homesection2 {
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  min-height: 300px;
  padding: 0;
  z-index: -1
}
#events, .block, .mc-event, .myPT, h1, h2 {
  display: block
}
.related {
  text-align: left
}
.overlay {
  /*min-height: 385px;*/
  background-color: aliceblue;
  padding: .5em 1em;
  margin: 0
}
#guideback {
  margin-top: 0;
  padding-top: 1.5em
}
#welcome li {
  list-style: outside
}
.result_block {
  margin-bottom: 2em
}
.description {
  font-size: 130%;
  font-weight: 700
}
#releases img {
  max-width: 70px;
  height: auto
}
.left-div, .right-div {
  max-width: 90%;
  float: none;
  clear: both;
  text-align: left
}
#releases {
  margin-left: .25em;
  padding-left: 0
}
.psaIcon {
  width: 70px;
  height: auto
}
.mapoverlay {
  min-height: 100%;
  background-color: rgba(0, 0, 0, 0);
  padding: 0;
  margin: 0
}
#history, .overlayW {
  height: 300px;
}
#values {
  padding-bottom: .45em;
  font-size: 110%
}
#legacy img {
  max-height: 300px;
  width: auto
}
.left-div {
  margin-left: 0;
  padding-right: 2em
}
#hope .row img {
  margin: 0;
  float: none
}
#brainhope .row img {
  margin: 0;
  float: none
}
#right {
  float: right
}
.map-image, .pdf, .snippet img {
  float: left;
  height: auto
}
.orlando {
  margin-top: .5em
}
#PMR {
  min-height: 250px
}
#location {
  /*min-height: 250px*/
}
.mc-event {
  margin-bottom: 2em;
  min-height: 225px
}
.mc-event #bad-wrap {
  margin-left: 175px
}
.mc-event img {
  float: left;
  margin: 0 0 .25
}
.mc-event h3 {
  padding-top: .5em
}
.padTop {
  padding-top: 1em
}
.eventpad {
  padding: 0 1em 1em
}
.margeLR {
  margin-left: .5em;
  margin-right: .5em
}
.snippet {
  display: inline-block;
  text-align: left;
  padding: .5em;
  margin: 1.25em .5
}
.snippet img {
  width: 150px;
  display: inline;
  margin-right: .5rem;
  margin-bottom: 1.75rem;
}
.list-group {
  border-radius: 0;
  margin: 0
}
.list-group-item {
  border: 0;
  cursor: pointer;
  color: #00599c;
  background-color: #fff;
  font-weight: 600;
  border-radius: 0;
  margin: 0;
  padding: 1em
}
#address a:hover, main a:active, main a:hover, main a:visited {
  text-decoration: underline
}
.ht h2, ol, ul {
  font-weight: 400
}
.list-group-item:first-child, .list-group-item:last-child {
  border-radius: 0
}
.list-group-item a:link {
  color: #ff7f00 !important
}
.titleO {
  border-bottom: medium;
  border-bottom-color: #ff7f00;
  border-bottom-style: solid;
  margin: .5em 0
}
.map-image {
  max-width: 200px;
  margin: .25em 1em 0 0
}
.pdf {
  max-width: 40px;
  padding: .25em
}
.bannerImage {
  width: 100%;
  min-width: 320px;
  height: auto
}
.hope-box {
  margin: .25em;
  border: #00599c;
  color: #00599c;
  padding: 1.25em;
  text-align: left
}
.circleTeal, .circledBlue {
  border-radius: 50%;
  width: 200px;
  height: 200px
}
.clearfix:after {
  clear: both
}
.right {
  text-align: right
}
.left {
  text-align: left
}
.float-left {
  float: left
}
.float-right {
  float: right
}
#chiari {
  background-color: #7976a3;
  padding: .5em
}
#teal {
  color: #13baab
}
#brt_blue, .brt_blue {
  color: #00599c
}
.bgB_blue, .bg-mayfield-blue {
  background-color: #00599c
}
.bgD_blue, .darkblue, .dark-blue {
  background-color: #003c71
}
.bgteal {
  background-color: #13baab
}
.bgD_grey {
  background-color: #666366
}
.bgLtGray {
  background-color: #e9e9e9
}
.bgorange {
  background-color: #ff7f00
}
.circledBlue {
  background-color: #00599c;
  color: #fff;
  font-size: 3em
}
.circleTeal {
  background-color: #13baab
}
.circleTeal img {
  max-height: 160px;
  width: auto;
  padding-top: 3em
}
.circleOrange, .circleYellow {
  width: 200px;
  border-radius: 50%;
  height: 200px
}
.circleOrange {
  background-color: #ff7f00
}
.circleYellow {
  background-color: #f8e8ad
}
.circleBlue img, .circleOrange img, .circleYellow img {
  max-height: 160px;
  width: auto;
  padding-top: 3em
}
.circleBlue {
  border-radius: 50%;
  width: 200px;
  height: 200px;
  background-color: #3cf
}
.bgyellow {
  background-color: #f8e8ad
}
.myPT {
  max-width: 240px;
  margin-bottom: 1em
}
#dk_blue, .dk_blue {
  color: #003c71
}
#dk_grey {
  color: #666366
}
#yellow {
  color: #f8e8ad
}
#orange, .orange {
  color: #ff7f00
}
#white, .white, .white a:link {
  color: #fff
}
.white a:hover {
  color: #f2f2f2
}
.white a:visited {
  color: #e4e4e4
}
h1, h2, h3, h4, h5, h6 {
  color: #00599c
}
h1 {
  font-size: 180%;
  margin-bottom: .5em;
  margin-top: 0
}
h2 {
  font-size: 155%;
  margin-top: .75em;
  margin-bottom: .25em
}
h3 {
  font-size: 130%
}
h4 {
  font-size: 110%
}
h5 {
  font-size: 100%
}
h6 {
  font-size: 80%
}
/*li, p {
  font-size: 100%;
  line-height: normal
}*/
p {
  margin-left: 0;
  padding-left: .25em
}
li {
  margin: 0 .25 .5 0
}
#pe h1, #pe h2 {
  text-align: left;
}
.snippet img {
  margin: .125rem .5rem 1.25rem .5rem;
}
#events {
  margin-bottom: 2em
}
#hon img {
  float: left;
  margin-top: .25em
}
#hon {
  font-size: small
}
/*#ptlogo {
  max-width: 275px;
  height: auto;
  margin-top: 1em
}*/
li.myMayfield {
  color: #666366;
  background-color: #0cf
}
.item-title, .title {
  border-bottom: medium;
  border-bottom-color: #00599c;
  border-bottom-style: solid;
  margin: .25em 0 .5em 0
}
.pdficon {
  width: 50px;
  height: auto;
  padding: .25em;
  float: right;
  margin-left: auto;
  margin-right: auto;
  clear: both;
  display: inline
}
.spirit-floater {
  float: left;
  display: inline
}
#physBo {
  margin-bottom: 0;
  padding-bottom: 0
}
#myGlass {
  margin-left: .5em;
  margin-right: .5em
}
.blue-title, .hope-title {
  border-bottom-width: medium;
  border-bottom-style: solid;
  margin-bottom: .5em
}
ul.checklist {
  list-style-position: outside;
  list-style-image: url(/images/_checkmark.png)
}
.white {
  color: #fff;
  opacity: 1
}
#facts, .h1 {
  color: #00599c
}
.blue-title {
  border-bottom-color: #00599c
}
.hope-title {
  border-bottom-color: #ff7f00
}
.align-left {
  text-align: left
}
.ht img {
  margin-left: auto;
  margin-right: auto;
  float: none
}
ol, ul {
  color: #000;
  margin-bottom: 1em;
  padding-bottom: 1em;
  display: block
}
main a:link, main a:visited {
  font-family: "Open Sans";
  font-weight: 700
}
.h1 {
  border-bottom: 2px solid #ff7f00;
  padding: .25em 0 0;
  font-size: 180%
}
#address a:active, #social a:active, main a:active {
  color: #edd25f
}
#address a:visited, #social a:visited {
  color: #666366
}
#facts, blockquote, figure {
  display: block
}
#main {
  padding-top: 0;
  margin-top: 0
}
a:link {
  border: none
}
#mylogin a:link {
  color: #fff
}
main a:active {
  font-family: "Open Sans"
}
main a:hover {
  font-family: "Open Sans";
  color: #ff7f00
}
main a:visited {
  color: #666366
}
#banner_side a:link, .B_row li a:link {
  font-weight: 400
}
main li, main p {
  color: #000
}
#events img, #facts {
  margin-bottom: 3em
}
/*#banner_side h3, #banner_side p {
  margin: .5em
}
#banner_side {
  background: #d6ecfa;
  display: inline
}*/
#facts {
  border-left: 3px !important;
  border-left-color: #00599c;
  border-style: solid;
  border-right: 0;
  border-top: 0;
  border-bottom: 0;
  padding: .5em;
  min-height: 255px
}
#events p {
  line-height: 1em
}
#spirit {
  margin-left: -.25rem;
  float: left;
  max-width: 125px;
  height: auto;
  margin-bottom: 0
}
blockquote {
  border-left: 0;
  border-left-width: 0;
  border-left-style: none;
  margin-bottom: .25em;
  font-size: 100%
}
figure {
  margin: 1em 5em
}
.figure1, .figure2 {
  display: inline;
  float: none;
  clear: both
}
.figure1 {
  margin-left: 2em;
  margin-right: 2em
}
#appts h3, #appts p {
  color: #00599c;
  margin-left: .75em
}
figcaption, figcaption-center {
  font-weight: 700;
  color: #00559c;
  margin: 1em .5em;
}
figcaption {
  text-align: left;
  display: block;
  float: left;
  clear: right
}
#services h3, figcaption-center {
  text-align: center
}
figcaption-center {
  text-align: center;
  display: block;
  float: none;
  clear: both
}
.ipc {
  width: 75px;
  height: auto;
  display: block
}
#address a:link, #address h3, #address p {
  color: #00599c
}
#address a:hover {
  color: #ff7f00
}
#contact {
  float: left;
  display: inline
}
.jobslist li {
  line-height: normal;
  margin-bottom: .5em
}
#social h4 {
  color: #00599c;
  font-weight: 600
}
#profile h3 a:active, #profile h3 a:hover, #profile h3 a:link, #profile h3 a:visited {
  font-weight: 400;
  text-decoration: underline
}
#social a:link, #social p {
  color: #00599c
}
#social a:hover {
  color: #ff7f00;
  text-decoration: underline
}
#social li {
  list-style-type: none;
  display: inline
}
.padLeftRight {
  padding: 0 .5em
}
.padTopBot {
  padding: 1em 0
}
#appts {
  padding: .25em;
  line-height: normal;
  position: relative top
}
#appts h3 {
  margin-bottom: 1em;
  padding: 0
}
#appts p {
  line-height: 1em
}
#appts .btn a:hover {
  color: #fff
}
#about_sidebar {
  border-left: 1px;
  border-left-color: #ccc;
  border-left-style: solid;
  padding-left: .75em
}
#profile h3 a:link {
  color: #00599c
}
#profile h3 a:active {
  color: #edd25f
}
#profile h3 a:hover {
  color: #ff7f00
}
#profile h3 a:visited {
  color: #666366
}
#border {
  border-right: 4px;
  border-right-color: #06c;
  -moz-border-right-colors: #06c
}
#services {
  float: none;
  clear: both;
  width: 100%;
  display: inline-block;
  padding: 1em
}
.SLPic {
  max-height: 275px;
  width: auto
}
#sidebar ul.li {
  line-height: normal;
  margin-bottom: .5em;
  background-color: #ccc;
  padding: 0 1em;
  font-size: 100%
}
#sidebar {
  padding: .25em 0 0;
  margin: 0;
  width: 100%;
  background-color: #e9e9e9;
  vertical-align: top
}
#sidebar p {
  padding: 0 1em
}
#sidebar h3 {
  margin-left: .5em;
  margin-top: 1em;
  font-weight: 700
}
.spiney2 {
  float: none;
  width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  clear: both;
}
#more-people img, #sidebar .btn, li.micnav {
  float: none;
  clear: both
}
#home_2, #search_field, .guideback {
  margin-top: .5em
}
#certified img {
  margin-right: 1em
}
#certified {
  color: #13baab;
  padding: 1em;
  border-top: 2px;
  border-top-color: #00599c
}
#copyright, #guide_1 img {
  padding: .25em
}
.back-to-top {
  cursor: pointer;
  position: fixed;
  bottom: 0;
  right: 20px;
  display: none;
  border-radius: 180px
}
#BioPic, #mc-map, #ptmap, section {
  display: block
}
#BioPic img {
  margin-top: 1em !important
}
#footer, .footer, footer {
  background: #feffff;
  background: -moz-linear-gradient(45deg, #feffff 0, #ddf1f9 35%, #a0d8ef 100%);
  background: -webkit-linear-gradient(45deg, #feffff 0, #ddf1f9 35%, #a0d8ef 100%);
  background: linear-gradient(45deg, #feffff 0, #ddf1f9 35%, #a0d8ef 100%)
}
#health-topics, #homesection {
  background-image: url(https://mayfieldclinic.com/images/tlbackground.jpg);
  background-position: bottom center
}
/*#more-people {
  background-image: url(https://mayfieldclinic.com/images/tlbackground.jpg) !important;
  background-position: bottom center !important;
  background-size: cover;
  background-repeat: no-repeat
}*/
#PMR, #homesection2, #location {
  background-position: top center
}
#footer {
  color: #00599c;
  padding: 0 .5em
}
#footer a:link {
  color: #00599c
}
#footer a:hover {
  color: #ff7f00
}
#footer a:visited {
  color: #666366
}
#copyright {
  color: #fff;
  font-size: small;
  background-color: #00599c;
  text-align: center;
  font-weight: 500
}
.copyright {
  color: #fff;
  font-size: small;
  text-align: center;
  font-weight: 500
}
#home_3, #services {
  background-color: #f8e8ad
}
#home_4, #mc_services {
  background-color: #666366
}
.copyright p {
  color: #fff
}
.copyright a:link {
  color: #fff
}
.copyright a:hover {
  color: #ff7f00
}
.copyright a:visited {
  color: #fff
}
li.micnav {
  width: 200px
}
#mc-map {
  width: 100%
}
#locations22 {
  background-image: url(https://mayfieldclinic.com/images/my-blue-city.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  padding: 1rem;
}
#spinecare .ph a:link {
  color: #00599c
}
.panel-title {
  text-shadow: none !important
}
#an_week {
  background-color: #5e5e5e
}
#giving {
  background: #e0f2fd;
  background-image: url(https://mayfieldclinic.com/images/giving-banner-image.jpg);
  background-position: bottom center;
  background-size: cover;
  min-height: 225px
}
#PMR {
  background-image: url(https://mayfieldclinic.com/images/pmr_banner.jpg);
  height: 100%
}
#about {
  background: #e0f2fd;
}
#history {
  background-image: url(https://mayfieldclinic.com/images/_history.jpg);
  background-position: 33% 30%;
  height: 100%
}
#press {
  background-image: url(https://mayfieldclinic.com/images/_crewshot2.jpg);
  background-position: 33% center;
  min-height: 225px;
  background-size: cover;
  background-repeat: no-repeat
}
#press2 {
  z-index: 55
}
/*#spotlight {
  color: #fff;
  padding: 1em 2em
}*/
#cityguide a, #communicate a {
  color: #fff;
  text-decoration: underline
}
/*#spotlight a:hover {
  color: #f70;
  text-decoration: underline
}
 #spotlight img {
  max-height: 265px;
  width: auto
}*/
#cityguide p, #communicate p {
  color: #fff;
  text-align: left
}
#cityguide h1, #cityguide h2, #communicate h1, #communicate h2 {
  color: #fff
}
#guide_1 img {
  max-height: 275px;
  width: auto;
  box-shadow: 4px 4px 4px #666
}
#ptmap {
  width: 640px;
  height: 480px
}
#mc-map {
  height: 450px
}
#referrals {
  background-image: url(https://mayfieldclinic.com/images/_neuronbg.jpg);
  background-position: bottom center;
  padding: 1em 1em 0em 1em
}
#referrals2 {
  height: 320px;
  background-image: url("/images/_referral-bg.jpg");
  background-position: center center;
  padding: 2em 1em 0em 1em;
  background-repeat: repeat-x;
}
#services {
  color: #fff;
  margin: 2em .25 .25;
  padding: 1em
}
#mc_services {
  color: #fff;
  margin: 0;
  padding: 1em;
  height: 100%
}
#home_1 p {
  color: #00599c;
  font-weight: 600
}
#home_3 {
  color: #00599c
}
#home_4 {
  color: #fff
}
#home_4 h2 {
  margin: 1em 0
}
.sec_4 {
  padding: .25em
}
#home_5, #hope-stories {
  background-color: #13baab;
  color: #fff
}
#home_5 p, #hope-stories {
  font-size: 1.2em
}
#home_5 a:link, #home_5 a:visited, #hope-stories a:link, #hope-stories a:visited {
  color: #fff
}
#home_5 a:hover, #hope-stories a:hover {
  color: #ff7f00
}
#archive {
  z-index: 22
}
#careers {
  background-position: bottom center;
  background-repeat: repeat-x !important;
  background: #feffff;
  background: -moz-linear-gradient(45deg, #feffff 0, #ddf1f9 35%, #a0d8ef 100%);
  background: -webkit-linear-gradient(45deg, #feffff 0, #ddf1f9 35%, #a0d8ef 100%);
  background: linear-gradient(45deg, #feffff 0, #ddf1f9 35%, #a0d8ef 100%);
  background: url(https://mayfieldclinic.com/images/_careers.jpg);
  padding: 1em;
}
#careers li, #careers p {
  line-height: normal
}
.careers {
  width: auto;
  border: 1px;
  padding: 1em
}
#homesection, #homesection2 {
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  min-height: 300px;
  padding: 0;
  z-index: -1
}
#jobs {
  line-height: normal
}
#mission-spacer {
  height: 100%;
  padding-left: 4.5em;
  padding-bottom: .25em
}
#more-people {
  background-image: url(https://mayfieldclinic.com/images/tlbackground.jpg) !important;
  background-position: bottom center !important;
  background-size: cover;
  background-repeat: no-repeat
}
#health-topics {
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  min-height: 300px;
  padding: 1em;
  z-index: -1
}
#appt-section {
  background: #cdecfe;
  background-image: url(https://mayfieldclinic.com/images/apptspage_banner.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 43% 60%;
  width: 100%;
  padding: 1em;
  z-index: -1
}
#welcome {
  color: #fff;
  padding: 1em;
  background: #3cf;
  -webkit-box-shadow: 9px 10px 5px 0 rgba(0, 0, 0, .23);
  -moz-box-shadow: 9px 10px 5px 0 rgba(0, 0, 0, .23);
  box-shadow: 9px 10px 5px 0 rgba(0, 0, 0, .23)
}
.PTback, .guideback {
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  min-height: 300px
}
#ht h3, #welcome h4 {
  line-height: 1.5em
}
#az h4 a {
  margin-right: 1.35em;
  text-align: justify
}
.guideback {
  background-image: url(https://mayfieldclinic.com/images/_forpatients.jpg);
  background-position: 0 75%;
  padding: 1em;
  z-index: -1
}
.guideback h1 {
  z-index: 88;
  opacity: 100%
}
#bring {
  background-color: #00f
}
#myGuide img {
  max-width: 360px;
  height: auto
}
.PTback {
  background-image: url(https://mayfieldclinic.com/images/_ptback.jpg);
  background-position: bottom center
}
downZ, upZ {
  z-index: 88;
}
.opacity2 {
  background: #ccc;
  background: rgba(255, 255, 255, 0);
  padding: 1em
}
.opacity {
  background: #ccc;
  background: rgba(0, 0, 0, 0);
  padding: 1em
}
.bumper {
  z-index: 5;
  color: #fff
}
#lead, .lead {
  color: #00559c
}
#quicklinks {
  border-radius: 0;
  background-color: #fff;
  color: #00599c;
  z-index: 1;
  max-width: 100%;
  margin: 4em 0 0;
  padding: 0 1em 0 0
}
#quicklinks .active, main.btn-default a {
  background-color: #00599c
}
.btn {
  border: none;
  border-radius: 8px;
}
#my-login input[type=submit] {
  background-color: #6c757d;
  border: none !important;
  border-radius: .8em;
  display: inline;
  float: none;
  margin: 0;
}
main.btn-default a {
  font-weight: 700;
  color: #fff;
  border: none;
  border-radius: 0
}
main.btn-default a:hover, main.btn-default a:visited {
  background-color: #e6e6e6;
  color: #00599c
}
.btn-primary {
  color: #fff;
  border: none;
  border-radius: 0;
  background-color: #ff7f00
}
.btn-primary a:hover {
  color: #fff;
  border: none;
  border-radius: 0
}
.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open > .dropdown-toggle.btn-primary.focus, .open > .dropdown-toggle.btn-primary:focus, .open > .dropdown-toggle.btn-primary:hover {
  color: #fff;
  background-color: #00599c
}
.btn-info {
  background-color: #13baab;
  color: #fff;
  box-shadow: 2px 2px 4px gray;
}
.btn-info a:link {
  background-color: inherit;
  color: #fff
}
.btn-info:hover {
  color: #fff;
  background-color: #ff7f00;
  box-shadow: none;
}
.btn-orange {
  font-weight: 700;
  background-color: #ff7f00;
  color: #fff;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  box-shadow: 2px 2px 4px gray;
}
.btn-orange a:link {
  text-decoration: none;
  color: #fff
}
.btn-orange:hover {
  color: #fff;
  background-color: #138496;
  box-shadow: none;
}
.btn-mayfield {
  color: #ffffff;
  background-color: #00599c;
  box-shadow: 2px 2px 8px gray;
}
.btn-mayfield:link {
  color: #ffffff;
  background-color: #00599c;
}
.btn-mayfield:hover {
  color: #ffffff;
  background-color: #138496 !important;
}
.btn-mayfield:active {
  color: #ffffff;
  background-color: #138496;
}
.btn-mayfield:visited {
  background-color: #00599c;
  box-shadow: 2px 2px 8px gray;
}
.btn-appt a:link {
  text-decoration: none;
  color: #fff
}
.btn-appt {
  font-weight: 700;
  background-color: #ff7f00;
  color: #fff;
  border-radius: 0
}
.btn-appt:hover, .btn-prime {
  background-color: #00599c;
  color: #fff;
  border-radius: 8px;
}
.btn-prime a:link {
  text-decoration: none;
  color: #ffffff
}
.btn-prime:hover {
  background-color: #ff7f00;
  color: #ffffff;
  border-radius: 8px;
}
.btn-giving {
  background-color: #bdcc2b;
  color: #ffffff;
  border-radius: 8px;
}
.btn-giving:hover > a {
  background-color: #00599c;
  color: #bdcc2b;
  border-radius: 8px
}
.btn-white {
  background-color: #fff;
  color: #00599c
}
.btn-white:hover > a {
  background-color: #333;
  color: #666366
}
.btn-referral {
  background-color: #3cf;
  color: #ffffff;
}
.btn-referral:hover > a {
  background-color: #fff;
  color: #666366
}
#blueBTN a:active, #blueBTN a:link, #blueBTN a:visited {
  color: #ffffff;
}
#blueBTN a:hover {
  color: #e6e6e6
}
#sidebar .btn {
  font-weight: 700;
  /*margin-left: 5.5em;*/
  margin-right: auto
}
.bio h1 {
  border-bottom: medium;
  border-bottom-color: #00599c;
  border-bottom-style: solid;
  border-bottom-width: 85%;
  margin-bottom: .25rem
}
.txt {
  float: left;
  width: auto;
  padding: 0 1em;
  margin-bottom: 0
}
/*****BIO STYLES*********/
#bio, #biobtn {
  float: none;
  clear: both
}
#bio {
  /*padding-top: 2em;*/
  margin-left: auto;
  margin-right: auto
}
#biobtn {
  margin-top: .25rem;
  margin-left: .25rem;
  margin-right: .25rem;
  margin-bottom: 1.5rem;
  display: inline-block;
  border: none;
  border-radius: 8px;
  box-shadow: 2px 2px 4px gray;
}
#biobtn a:active, #biobtn a:link, #biobtn a:visited, #rtCol .btn, #yellowBTN a:active {
  color: #fff;
}
#biobtn a:hover {
  color: #e6e6e6;
  box-shadow: none;
}
/**********/
#yellowBTN a:link, #yellowBTN a:visited {
  color: #00599c
}
#yellowBTN a:hover {
  color: #ff7f00
}
#search h4, #search p {
  color: #666366;
  display: inline
}
.well {
  background-color: #fff;
  border-color: #ccc;
  padding-top: .25em
}
div.searchheading, h1, h2, h3, h4, h5, li, p {
  color: #00599c;
  padding-bottom: 0;
  font-weight: 600
}
div.recommended_heading, h1, h2, h3, h4, h5, li, p {
  color: #00599c
}
div.recommend_description, h1, h2, h3, h4, h5, li, p {
  color: #666366;
  font-weight: 600
}
div.result_pagescount, div.summary, h1, h2, h3, h4, h5, li, p {
  color: #00599c;
  padding-bottom: 0;
  font-weight: 600
}
div.description, h1, h2, h3, h4, h5, li, p {
  color: #00599c
}
.descriptor div, .spacer div, .thumber div {
  max-height: 40px !important;
  color: #fff
}
.label-float {
  margin-top: 100px;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  flex-direction: row;
  width: 100% !important;
  max-height: 125px
}
.aneurysm-label-float {
  margin-top: 78px;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  flex-direction: row;
  width: 100% !important;
  height: auto;
}
.aneurysm-label-float img {
  opacity: 1 !important
}
div.infoline, h1, h2, h3, h4, h5, li, p {
  font-weight: 600
}
.item {
  margin-bottom: 2em
}
.thumbnail {
  background-color: #fff;
  margin-right: .25em;
  margin-bottom: 60px
}
.thumbnail img {
  float: none;
  clear: both
}
.container, .container-fluid {
  padding: 0
}
.patient_login > a:hover, .patient_login > a:link, .patient_login > a:visited {
  color: #003c71 !important
}
.patient_login {
  background: #3cf
}
#neuron, #people {
  background-image: url(https://mayfieldclinic.com/images/_neuronbg.jpg);
  background-position: 33% 30;
  background-size: cover
}
#my-people {
  background-color: white;
}
#appts {
  margin-left: 1em;
  float: none
}
#login .fa {
  color: #d3d3d3
}
#login button {
  background-color: transparent;
  border: 0
}
#top a:link {
  color: #fff !important
}
.salogo img {
  max-width: 250px;
  height: auto
}
#saLogo img {
  max-width: 250px;
  height: auto
}
#top a:visited {
  color: #fff !important
}
.fa-search {
  color: #d3d3d3
}
header .fa {
  color: #d3d3d3
}
.blog1, .blog2, .blog3 {
  margin: .5em
}
.button-pmt {
  display: inline-block;
  color: #fff;
  border: none !important;
  border-radius: 1em;
  float: none;
  background-color: transparent;
  text-shadow: none !important;
  box-shadow: none !important
}
.button-pmt a:link {
  color: #000
}
.button-pmt a:hover {
  color: #a9a9a9
}
/******MY LOGIN STUFF **********/
#my-login .btn {
  color: white;
  text-shadow: none !important;
  box-shadow: none !important;
  border: none
}
#my-login a.button-pmt {
  color: white;
}
#my-login form a:link {
  color: #FFFFFF !important;
  /*margin: 0em;
  padding: 0em */
}
#my-login .fa {
  font-size: 1.85em
}
#my-login .search_field {
  margin: 0;
  padding: 0;
  width: auto;
  display: inline
}
#my-login .fa-phone {
  transform: rotate(45deg) scaleX(-1) !important
}
#my-login button {
  border: none;
  background-color: transparent
}
#my-login form {
  border: 00px !important;
  background-color: transparent
}
#my-login .button-pmt {
  float: left;
  margin-left: auto;
  margin-right: auto;
  clear: both;
  color: white !important;
}
#my-login svg {
  max-height: 32px;
  width: auto;
  display: inline-flex;
}
#my-login p.phone-line {
  margin-top: 1em;
  color: #fff;
  font-size: 2em
}
.phone-line a:link {
  color: #fff !important
}
.phone-line a:visited {
  color: #fff !important
}
.phone-line a:active {
  color: #fff !important
}
.phone-line a:hover {
  color: #fff !important
}
#my-login input[type=submit] {
  background-color: #6c757d61;
  border: none !important;
  border-radius: .8em;
  display: inline;
  float: none;
  margin: 0;
  padding: .25rem;
  font-size: .85rem;
  color: white !important;
}
#my-login input[type=text] {
  border: 2px medium #393939;
  border-radius: .8em;
  display: inline;
  margin: 0
}
#my-login2 input[type=submit] {
  background-color: #6c757d61;
  border: none !important;
  border-radius: .8em;
  display: inline;
  float: none;
  margin: 0
}
#my-login2 input[type=text] {
  border: 2px medium #393939;
  border-radius: .8em;
  display: inline;
  margin: 0
}
h1.title {
  margin-top: 1rem;
  margin-bottom: 1.25em !important
}
.blog-white {
  background-color: #fff;
  padding: .5em;
  margin-bottom: 1em
}
#appt-section2 {
  background-color: #d4e7f8
}
p.appts {
  color: #00599c;
  font-size: 1.25em;
  white-space: nowrap;
  font-size-adjust: auto
}
#login a:link {
  color: #a9a9a9
}
#login a:visited {
  color: #a9a9a9
}
#blogger {
  display: flex;
  flex-direction: row;
  margin-left: auto;
  margin-right: auto;
  clear: both;
}
.txt {
  color: #fff
}
#jordin img {
  max-height: 340px;
  width: auto;
  margin: 1em 0em
}
.blogpost {
  color: #b22222;
  display: block;
  text-align: center
}
.mini-bio {
  width: 145px;
  height: auto
}
#conditions {
  background-color: #e9e9e9
}
#acoustic-care, #aneurysm-care, #backpain-care, #brain-tumor-care, #meningioma-care, #neurovascular, #scoli-care, #spinecare {
  background-color: #c0e5ff
}
#chiari-care {
  background-color: #cac7e0;
}
#top2 a:link {
  color: #fff !important
}
#top2 a:visited {
  color: #fff !important
}
#top2 a:hover {
  color: #fff !important
}
#top2 p a:link {
  color: #00599c !important
}
#top2 p a:visited {
  color: #00599c !important
}
#top2 p a:hover {
  color: #00599c !important
}
.coe-hope-bg {
  display: block;
  background-image: url(/images/coe-joanne.jpg);
  background-position: top center;
  background-size: cover;
  height: 420px !important;
  background-repeat: no-repeat;
  font-size: 100%;
  padding-top: 28%
}
.coe-hope-bg2 {
  display: block;
  background-image: url(/images/hope-meningioma.jpg);
  background-position: top center;
  background-size: cover;
  height: 420px !important;
  background-repeat: no-repeat;
  font-size: 100%;
  padding-top: 28%
}
.coe-hope-bg3 {
  display: block;
  background-image: url("/images/_lysa-andy.jpg");
  background-position: 44% 55%;
  background-size: cover;
  height: 420px !important;
  background-repeat: no-repeat;
  font-size: 100%;
  padding-top: 28%
}
.coe-hope-an-bg {
  display: block;
  background-image: url(/images/_hope-acoustic.jpg);
  background-position: top center;
  background-size: cover;
  height: 420px !important;
  background-repeat: no-repeat;
  font-size: 100%;
  padding-top: 28%
}
.coe-hope-scoli-bg {
  display: block;
  background-image: url("/images/scoliosis-hope-bg.jpg");
  background-position: top center;
  background-size: cover;
  height: 420px !important;
  background-repeat: no-repeat;
  font-size: 100%;
  padding-top: 28%
}
.coe-hope-bg-chiari {
  display: block;
  background-image: url("/images/hope-bg-chiari.jpg");
  background-position: top center;
  background-size: cover;
  height: 420px !important;
  background-repeat: no-repeat;
  font-size: 100%;
  padding-top: 28%
}
.coe-grid, .coe-grid4, .coe-grid5 {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  justify-content: space-evenly;
}
.avm, .carotid, .stroke {
  background-position: center center
}
.aneurysm {
  background-position: 50% 15%
}
.coe-grid div, .coe-grid4 div {
  margin: .25em;
  text-align: center !important;
  font-size: 12px;
  flex-basis: 100%;
  height: 124px;
  padding: 0
}
div.acoustic, div.radiosurgery {
  display: inline;
  flex-grow: auto
}
#home-section-2021 .message h1, #apt-section-2021 .message h1 {
  margin-bottom: .25rem;
}
#spirit-side img {
  max-width: 145px;
  height: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
  clear: both;
}
/***iPhone 5*****/
@media only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-device-pixel-ratio:2) {
  #about {
    background: #e0f2fd;
    background-image: url(https://mayfieldclinic.com/images/_bgabout414.jpg);
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom: 00;
    height: auto;
  }
  div.thumber {
    display: none;
  }
  #home-video {
    display: inline-flex;
    flex-direction: column-reverse;
  }
  #covid h2.modal-title {
    font-size: 110%;
    margin-top: .75em;
    margin-bottom: .25em;
  }
  #myslides label.over20 {
    width: 66%;
    font-size: 100%;
    font-weight: 600;
    margin-top: 34px;
  }
  #my-people .row {
    flex-direction: column;
  }
  #spirit-side {
    display: flex;
    flex-direction: column;
  }
  #myslides {
    display: inline-flex;
    flex-direction: column-reverse;
  }
  #welcome1 h3 {
    font-size: 113%;
  }
  #welcome1 div.key-flex {
    margin-left: 00rem;
    margin-top: 00rem;
    padding: 00;
    align-content: center;
  }
  #welcome1 div.message {
    text-align: center !important;
    align-items: center !important
  }
  #gradbg div.message .btn-ready {
    margin-left: 3.5rem;
    margin-right: 00;
  }
  #gradbg div.message .ph {
    margin-left: 1rem;
  }
  #all_slides .home-slide {
    /*padding: 3rem 0rem!important;*/
    margin-top: 5px;
    height: 100%;
  }
  #slides2 label.over20 {
    margin-top: 84px;
    width: 49%;
    padding: .25rem .5rem;
    font-size: 75%;
  }
  #myslides2 {
    display: flex;
    flex-direction: column-reverse;
  }
  /*#s-cards{margin-top:200px;}*/
  #s-cards .card {
    width: 98%;
    height: auto;
  }
  #gradbg .key-flex {
    margin-top: 60px;
    margin-left: .5rem;
  }
  #gradbg .message h2 {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    clear: both;
  }
  #all_slides .slide {
    padding: 4rem 6rem;
    margin-top: 16px;
  }
  #my-login .button-pmt {
    font-size: .85em;
    float: none;
    margin-bottom: .25em;
    /*  display: none*/
  }
  #ref-flex .ref-flex {
    flex-direction: column-reverse
  }
  #hr {
    height: 243px;
    -webkit-height: 243px;
  }
  #health-topics {
    margin-top: 48px
  }
  #my-login .fa {
    font-size: 1.45rem;
    margin-right: .25rem;
    /*margin-top: .75em;*/
  }
  #my-login .fa-envelope, .fa-search {
    /*margin-top: .5em;*/
  }
  #logo-holder img {
    float: left;
    width: 150px !important;
    height: auto;
    margin: .25rem;
  }
  #scoli-care .key-flex {
    margin-top: 175px;
    margin-bottom: 1rem;
  }
  #acoustic-care .key-flex {
    margin-top: 145px
  }
  .message {
    color: #ffffff;
  }
  #mapper .row {
    margin-left: 00rem;
  }
  .coe {
    margin-bottom: 00 !important
  }
  .coe1, .coe2, .coe3, .coe4, .coe5 {
    margin-bottom: .25rem
  }
  .outside {
    margin-top: 0em
  }
  #coe.container {
    display: flex;
    flex-direction: column !important;
    flex-wrap: wrap
  }
  #coe.container > div {
    width: 100%;
    font-size: 1.5em;
    font-weight: 700;
    font-family: 'Open Sans';
    padding: .65em 1em;
    color: #fff;
    text-align: center
  }
  #acoustic-care .message h2, #scoli-care .message h2 {
    text-align: center;
  }
  #neurovascular {
    text-align: center;
    width: 100%;
    background-image: url(https://mayfieldclinic.com/images/neurovascular414.jpg) !important;
    background-position: top center !important;
    background-size: contain;
    background-repeat: no-repeat;
    height: auto;
    /* margin-top: 104px !important;*/
  }
  #neurovascular .key-flex {
    margin-top: 125px;
  }
  #neurovascular .message h1 {
    margin-top: .5rem;
    font-size: 1.5rem;
    width: auto;
  }
  #neurovascular p.ph {
    font-size: 1.5rem !important;
    margin-top: .25rem;
  }
  #spinecare {
    background-image: url(https://mayfieldclinic.com/images/spine414.jpg);
    background-repeat: no-repeat
  }
  /*#acoustic-care { 
    text-align: center;
    width: 100%;
    background-repeat: no-repeat;
		     background-position: top center;
    background-size: contain;
   
  }*/
  #aneurysm-care {
    margin-top: 00;
    text-align: center;
    width: 100%;
    background-image: url(https://mayfieldclinic.com/images/aneurysm414.jpg);
    background-position: top center;
    background-size: contain;
    background-repeat: no-repeat
  }
  .aneurysm-label-float {
    margin-top: 132px;
  }
  #aneurysm-care .telephone {
    display: none;
    visibility: hidden;
  }
  #aneurysm-care .key-flex {
    margin-top: 00;
  }
  div.thumber {
    display: none;
    visibility: hidden;
  }
  #brain-tumor-care .key-flex {
    margin-top: 178px
  }
  #meningioma-care .key-flex {
    margin-top: 168px
  }
  #chiari-care .key-flex {
    margin-top: 168px
  }
  div.coeHW h3 {
    margin-top: 15%
  }
  .avm, .carotid, .stroke {
    background-position: center center
  }
  .aneurysm {
    background-position: 50% 15%
  }
  .coe-grid div, .coe-grid4 div {
    margin: .25em;
    text-align: center !important;
    font-size: 12px;
    flex-basis: 99%;
    flex-direction: column;
    height: 100px;
    padding: 0
  }
  div.coeHW h3 {
    font-size: 130%;
  }
  /*************/
  div.sciatica {
    background-position: 50% 10%
  }
  div.stenosis {
    background-position: 50% 60%
  }
  div.neckpain {
    background-position: 50% 40%
  }
  div.pmr {
    background-position: 50% 20%
  }
  div.scoliosis {
    background-position: 50% 35%
  }
  div.stimulators {
    background-position: 50% 60%
  }
  div.meningioma2 {
    background-position: 50% 35%
  }
  div.craniotomy {
    background-position: 50% 50%
  }
  div.radiosurgery2 {
    background-position: 50% 50%
  }
  /*********/
  #scoliosis div.coeHW h3 {
    margin-top: 18% !important;
  }
  #brain-tumor-care {
    /* margin-top: 100px;*/
    background-image: url(https://mayfieldclinic.com/images/brain414.jpg) !important;
    background-repeat: no-repeat;
    background-size: contain;
  }
  .mc-main {
    margin-top: 00px !important
  }
  #brain-tumor-care .message {
    width: 300px !important
  }
  #brain-tumor-care .message h1 {
    font-size: 145%;
    margin-top: 26px
  }
  #brain-tumor-care p.ph {
    font-size: 1.55rem !important;
  }
  #meningioma-care {
    background-image: url(https://mayfieldclinic.com/images/meningioma414.jpg);
    background-repeat: no-repeat
  }
  #chiari-care {
    background-image: url(https://mayfieldclinic.com/images/chiari414.jpg);
    background-repeat: no-repeat
  }
  #appt-section2 {
    background-image: url(https://mayfieldclinic.com/images/apptshero414-2020.jpg) !important;
    background-size: contain;
    background-repeat: no-repeat;
    margin-bottom: 30px;
    height: auto;
  }
  .appts {
    font-size: 1.25em;
    text-align: center
  }
  #appt-section {
    background-image: none !important;
    background-color: #cdecfe !important
  }
  #gozal {
    display: flex;
    flex-direction: column-reverse;
  }
  #apt-btn2 {
    margin: 1em 1em
  }
  .why {
    margin-top: 00 !important;
    padding: 1em 0em
  }
  p.why {
    text-align: left;
    /* font-size: 120%*/
  }
  .why h2 {
    font-size: 1.25em;
    white-space: nowrap
  }
  .txt {
    color: #fff;
    font-size: 1em
  }
  .ph {
    color: #fff;
    font-size: 1.5em
  }
  .message h1 {
    text-align: center;
    margin-bottom: .5em;
    margin-top: 10px;
    padding-right: 00;
  }
  #spinecare {
    /*margin-top: 104px;*/
    /*padding-top: 130px;*/
    text-align: center;
    width: 100%;
    background-image: url(https://mayfieldclinic.com/images/spine414.jpg) !important;
    background-position: top center;
    background-size: contain;
    background-repeat: no-repeat;
    margin-bottom: 00;
  }
  #spinecare p.ph {
    margin-left: 00;
    margin-right: 0
  }
  #blogger {
    /*margin-left: 00*/
  }
  #spinecare .key-flex {
    margin-top: 135px;
  }
  #spinecare .readybutton {
    font-size: 1em;
    margin-bottom: 00;
    margin-left: 20px
  }
  #spinecare .message h1 {
    color: #00599c;
    margin-top: 48px;
    font-size: 1.35em;
  }
  #spinecare svg {
    width: 24px;
    height: auto;
  }
  .message {
    margin-top: 00;
    padding-top: 0
  }
  .telephone {
    text-align: center !important;
    margin-left: 0;
    padding-right: 1em;
    margin-bottom: .5em !important
  }
  .btn-ready {
    max-width: 280px !important;
    font-size: 1em !important
  }
  .readybutton {
    align-content: center;
    text-align: center
  }
  #apt-btn2 .btn-ready {
    float: none !important;
    margin: 00 !important;
  }
  #spinecare p.ph {
    margin-left: 00 !important;
    margin-right: 0
  }
  #spinecare .readybutton {
    margin-bottom: .5em !important
  }
  #neurovascular p.ph {
    margin-left: 00 !important;
    margin-right: 0
  }
  #neurovascular .readybutton {
    margin-bottom: .5em !important
  }
  #appt-section .key-flex {
    margin-top: 2px !important
  }
  #appt-section .telephone {
    margin-left: 0
  }
  #copy h1 {
    margin-top: .25em;
    font-size: 20px
  }
  #neurovascular p.ph {
    margin-left: 0
  }
  #about {
    background-image: url(https://mayfieldclinic.com/images/_bgabout414.jpg) !important;
    background-position: 50 50;
    background-size: contain;
    background-repeat: repeat-x;
    margin-bottom: 00;
  }
  #ht .img-responsive, #login, #logo, .mc-event img, .snippet img {
    clear: both;
    float: none
  }
  .mc-event h3, section.guideback {
    padding-top: 0;
    margin-top: 0
  }
  .mini-bio {
    max-width: 225px;
    height: auto;
    display: block;
    float: none;
    margin-left: auto;
    margin-right: auto;
    clear: both
  }
  .an-label-float {
    float: right;
    margin-top: 150px;
    background-color: #000;
    opacity: .65;
    display: flex;
    flex-direction: row;
    width: 100% !important;
    /** padding: .5em;***/
    font-size: 110%
  }
  #coe-sidebar h3 {
    font-size: 18px;
    display: block;
    text-align: center
  }
  #coe-sidebar p.ph {
    text-align: center;
    margin: 0
  }
  header {
    position: relative;
    margin: 0;
    padding: 0
  }
  #headholder container {
    padding-bottom: 1em;
    max-height: 275px !important
  }
  #press {
    background-position: 50% 33%
  }
  section#press {
    min-height: 225px;
    /* margin-top: 110px;*/
  }
  #giving {
    background-position: 27% top;
    min-height: 160px
  }
  .mc-event {
    height: 480px;
    width: 320px
  }
  .txt, blockquote, p.specialty {
    width: 100%
  }
  .mc-event img {
    display: block;
    margin-left: 3em;
    margin-right: 3em;
    margin-bottom: 0
  }
  .mc-event #bad-wrap, .mc-event p.btn {
    margin-left: 90px
  }
  .mc-event p.btn {
    margin-bottom: 2em
  }
  #history {
    background-position: 52% top;
    margin-top: -6em
  }
  p.specialty {
    margin: 0;
    padding: 0
  }
  .related {
    white-space: normal;
    text-wrap: normal
  }
  .snippet img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    padding-top: 0
  }
  .snippet h3 {
    display: block;
    text-decoration: underline
  }
  section #careers {
    visibility: hidden;
    display: none
  }
  .map-image {
    display: block
  }
  blockquote, li {
    margin: 0;
    padding: 0
  }
  #people h1 {
    /*margin-top: .25em;
    padding-top: 0;
    font-size: 150%*/
  }
  #bio h1, #bio h2 {
    /* padding-top: 0;
    font-size: 130%*/
  }
  #people, #my-people {
    margin-top: 0;
    padding-top: .5em
  }
  #bio {
    padding-left: 0;
    margin-right: 0;
    padding-right: 0
  }
  #biobtn {
    margin-bottom: .25em
  }
  #bio h1 {
    /*margin-top: 1em*/
  }
  .container, .txt {
    margin: 0;
    padding: 0
  }
  #ht .img-responsive {
    margin-left: auto;
    margin-right: auto
  }
  .map-image {
    margin: 0 1.5em 1em 0;
    float: none
  }
  #ptmap {
    width: 300px;
    height: 250px
  }
  #pt-pad {
    margin-left: 2em
  }
  /* h1 {
    font-size: 150%
  }*/
  #bullet-fixer li {
    margin-left: .5em;
    padding-left: .5em;
    list-style: inside;
    text-indent: -1.35em;
    white-space: normal;
    font-size: medium
  }
  #teampic img {
    max-width: 300px !important;
    height: auto;
    float: none;
    margin-left: auto;
    margin-right: auto;
    clear: both
  }
  #scoli-care {
    /*margin-top: 40px;*/
    text-align: center;
    background-image: url(https://mayfieldclinic.com/images/scoliosis-414.jpg);
    background-position: top center;
    background-size: contain;
    background-repeat: no-repeat;
    padding-top: 36px;
    padding-bottom: 0;
    margin-bottom: 0
  }
  #scoli-care div.key-flex {
    margin-top: 33px;
    text-align: center;
    align-content: center;
    width: 300px !important;
  }
  #scoli-care div.message {
    font-size: 100% !important;
  }
  #scoli-care div.readybutton #apt-btn2 {
    width: 225px !important;
  }
  #my-login .fa {
    margin-top: .5rem;
  }
}
/**GALAXY Note and Note2*****/
@media only screen and (min-device-width:360px) and (max-device-width:640px) and (-webkit-device-pixel-ratio:2) {
  #spirit-side {
    display: flex;
    flex-direction: column;
  }
  #my-people .row {
    flex-direction: column;
  }
  div.thumber {
    display: none;
  }
  #home-video {
    display: inline-flex;
    flex-direction: column-reverse;
  }
  #gradbg .key-flex {
    margin-top: 65px;
  }
  #gradbg h2 {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    clear: both;
  }
  #gradbg .message {
    padding-left: .5rem;
  }
  #all_slides .slide {
    padding: 5rem 6rem;
    margin-top: 16px;
  }
  #all_slides .home-slide {
    padding: 5rem 6rem;
    margin-top: 16px;
  }
  #myslides2 {
    display: flex; /*flex-direction:column-reverse;*/
  }
  #aneurysm-care .message {
    margin-top: 00;
  }
  #logo-holder img {
    width: 145px;
    height: auto;
    float: left;
  }
  #gozal {
    display: flex;
    flex-direction: column-reverse;
  }
  #mapper .row {
    margin-left: 00rem;
  }
  .coe {
    margin-bottom: 00 !important
  }
  .coe1, .coe2, .coe3, .coe4, .coe5 {
    flex-basis: 100%;
    margin-bottom: .25rem
  }
  .outside {
    margin-top: 0em
  }
  #coe.container {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap
  }
  div.coeHW h3 {
    margin-top: 15%
  }
  .avm, .carotid, .stroke {
    background-position: center center
  }
  .aneurysm {
    background-position: 50% 15%
  }
  .coe-grid div, .coe-grid4 div {
    margin: .25em;
    text-align: center !important;
    font-size: 12px;
    flex-basis: 98%;
    flex-direction: column;
    height: 112px;
    padding: 0
  }
  #appt-section {
    background-image: none !important;
    background-color: #cdecfe !important
  }
  .neuro-block {
    min-height: 200px;
    width: 32%;
    margin: .25em .25em;
    float: left
  }
  #apt-btn {
    margin-left: 3em
  }
  #apt-btn2 {
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: auto;
    margin-right: auto;
    clear: both;
  }
  p.ph {
    /* margin-left: 4em;*/
    color: #fff;
    font-size: 1.5em
  }
  #appt-section p.ph {
    color: #fff;
    font-size: 1.5em
  }
  .neuro-block {
    width: 75%;
    height: auto;
    margin: .25em .25em;
    display: block;
    float: none;
    clear: both;
    padding: 1em
  }
  .pic {
    margin-right: 3.5em
  }
  #BioPic {
    margin-top: .5em
  }
  #about {
    background-image: url(https://mayfieldclinic.com/images/_bgabout414.jpg);
    background-position: top center;
    background-size: contain;
    background-repeat: no-repeat;
    margin-bottom: 00;
  }
  /*h1 {
    font-size: 160%
  }*/
  .message h1 {
    text-align: center;
    font-size: 160%;
    margin-bottom: .5em;
    margin-top: 00;
  }
  div.message {
    margin-top: 0
  }
  #scoli-care .key-flex {
    padding-top: 224px
  }
  #acoustic-care .key-flex {
    padding-top: 136px;
  }
  #acoustic-care div.message {
    margin-top: 00;
  }
  .telephone {
    text-align: center !important;
    margin-left: 0;
    padding-right: 1em;
    margin-bottom: .5em !important
  }
  #neurovascular .key-flex {
    margin-top: 128px
  }
  .readybutton {
    align-content: center;
    text-align: center
  }
  #aneurysm-care .key-flex {
    /*margin-top: 38px;*/
    text-align: center;
  }
  #aneurysm-care .message h1 {
    color: #00599c;
    margin-top: 175px;
    font-size: 1.4em;
  }
  #acoustic-care .message h1, #scoli-care .message h1 {
    color: #00599c;
    /**margin-top: 48px;**/
    font-size: 1.7em;
    /***margin-bottom: 2em***/
  }
  #acoustic-care .readybutton, #scoli-care .readybutton {
    margin-bottom: 2em;
  }
  #acoustic-care .key-flex, #scoli-care .key-flex {
    margin-top: 38px;
    text-align: center;
  }
  #acoustic-care .telephone, #scoli-care .telephone {
    display: none
  }
  #backpain-care .message h1 {
    color: #00599c;
    margin-top: 48px;
    font-size: 1.4em;
    margin-bottom: 2em
  }
  #backpain-care .readybutton {
    margin-bottom: 2em
  }
  #backpain-care .key-flex {
    margin-top: 32px
  }
  #backpain-care .telephone {
    display: none
  }
  #brain-tumor-care p.ph, #spinecare p.ph, #meningioma-care p.ph, #chiari-care p.ph {
    margin-left: 00 !important;
    margin-right: 0
  }
  #spinecare .key-flex {
    margin-top: 145px
  }
  #brain-tumor-care .readybutton, #spinecare .readybutton, #meningioma-care .readybutton, #chiari-care .readybutton {
    margin-bottom: 1em !important
  }
  #chiari-care .key-flex, #brain-tumor-care .key-flex, #meningioma-care .key-flex {
    margin-top: 210px
  }
  #copy h1 {
    margin-top: .5em;
    font-size: 20px
  }
  #appt-section {
    background-image: none;
    background-color: #cdecfe !important
  }
  #homesection2 {
    background: #cdecfe;
    width: 100%;
    height: 65vh;
    padding: 0;
    z-index: -1
  }
  #bullet-fixer li {
    margin-left: .5em;
    padding-left: .5em;
    list-style: inside;
    text-indent: -1.35em;
    white-space: normal;
    font-size: medium
  }
  #people, #my-people {
    margin-top: 00rem;
  }
  #aneurysm-care {
    text-align: center;
    width: 100%;
    background-image: url(https://mayfieldclinic.com/images/aneurysm414.jpg);
    background-position: top center;
    background-size: contain;
    background-repeat: no-repeat;
    padding-top: 36px;
    padding-bottom: 0;
    margin-bottom: 0
  }
  #scoli-care {
    text-align: center;
    width: 100%;
    background-image: url(https://mayfieldclinic.com/images/scoliosis-414.jpg);
    background-position: top center;
    background-size: contain;
    background-repeat: no-repeat;
    padding-top: 36px;
    padding-bottom: 0;
    margin-bottom: 0
  }
  #acoustic-care {
    text-align: center;
    width: 100%;
    background-image: url(https://mayfieldclinic.com/images/acoustic414.jpg);
    background-position: top center;
    background-size: contain;
    background-repeat: no-repeat;
    padding-top: 36px;
    padding-bottom: 0;
    margin-bottom: 0
  }
  #acoustic-care .message h1 {
    text-align: center;
  }
  #acoustic-care .key-flex {
    margin-top: 46px;
  }
  #neurovascular {
    background-image: url(https://mayfieldclinic.com/images/neurovascular414.jpg) !important;
    background-size: contain;
    background-repeat: no-repeat;
    /*margin-top: 102px !important;*/
  }
  #neurovascular .key-flex {
    margin-top: 200px;
  }
  div.coeHW h3 {
    margin-top: 16% !important;
	}}
  @media only screen and (min-device-width:360px) and (max-device-width:640px) and (-webkit-min-device-pixel-ratio:3) {
    #spirit-side {
      display: flex;
      flex-direction: column;
    }
    #home-video {
      display: inline-flex;
      flex-direction: column-reverse;
    }
    #my-people .row {
      flex-direction: column;
    }
    div.thumber {
      display: none;
    }
    #gradbg .key-flex {
      margin-top: 80px;
    }
    #all_slides {
      /* margin-top: 15px;*/
    }
    #slides label.over20 {
      margin-top: 29px;
      padding: .25rem .5rem;
    }
    #gradbg h2 {
      text-align: center;
      margin-left: auto;
      margin-right: auto;
      clear: both;
    }
    #message li {
      margin-left: .5rem;
    }
    #gozal {
      display: flex;
      flex-direction: column-reverse;
    }
    #mapper .row {
      margin-left: 00rem;
    }
    #pt {
      text-align: center;
      width: 100%;
      background-image: url(https://mayfieldclinic.com/images/pt-bannerx414.jpg);
      background-position: top center;
      background-size: cover;
      background-repeat: no-repeat;
      min-height: 200px;
    }
    .outside {
      margin-top: 0em
    }
    #coe.container > div {
      width: 100% !important;
      flex-direction: column !important;
      font-size: 1.3em;
      font-weight: 700;
      padding: 1em;
      color: #fff
    }
    .coe {
      margin-bottom: 1em !important
    }
    div.coeHW h3 {
      margin-top: 15%
    }
    .avm, .carotid, .stroke {
      background-position: center center
    }
    .aneurysm {
      background-position: 50% 15%
    }
    #aneurysm-care .message {
      /*margin-top: 230px;*/
      text-align: center;
    }
    #aneurysm-care .message h1 {
      margin-top: 6rem;
      margin-bottom: 00;
    }
    .coe-grid div, .coe-grid4 div {
      margin: .25em;
      text-align: center !important;
      font-size: 12px;
      flex-basis: 98%;
      flex-direction: column;
      height: 124px;
      padding: 0
    }
    .coeHW h3 {
      font-size: 12px
    }
    .bigmap {
      display: none;
      visibility: hidden
    }
    #neurovascular {
      text-align: center;
      width: 100%;
      background-image: url(https://mayfieldclinic.com/images/neurovascular414.jpg);
      background-position: top center;
      background-size: contain;
      background-repeat: no-repeat
    }
    #spinecare {
      text-align: center;
      width: 100%;
      background-image: url(https://mayfieldclinic.com/images/spine414.jpg);
      background-position: top center;
      background-size: contain;
      background-repeat: no-repeat
    }
    #meningioma-care .key-flex {
      margin-top: 210px;
      -webkit-text-align: center;
      text-align: center;
    }
    #chiari-care .key-flex {
      margin-top: 210px;
      -webkit-text-align: center;
      text-align: center;
    }
    #brain-tumor-care .key-flex {
      margin-top: 200px;
    }
    #neurovascular .key-flex {
      margin-top: 200px;
    }
    #brain-tumor-care {
      /*margin-top: 98px;*/
      text-align: center;
      width: 100%;
      background-image: url(https://mayfieldclinic.com/images/brain414.jpg) !important;
      background-position: top center;
      background-size: contain;
      background-repeat: no-repeat
    }
    #brain-tumor-care .message {
      font-size: 1rem;
      text-align: center;
      width: 100%;
    }
    #meningioma-care {
      text-align: center;
      width: 100%;
      background-image: url(https://mayfieldclinic.com/images/meningioma414.jpg);
      background-position: top center;
      background-size: contain;
      background-repeat: no-repeat
    }
    #chiari-care {
      text-align: center;
      width: 100%;
      background-image: url(https://mayfieldclinic.com/images/chiari414.jpg);
      background-position: top center;
      background-size: contain;
      background-repeat: no-repeat
    }
    #aneurysm-care {
      text-align: center;
      width: 100%;
      background-image: url(https://mayfieldclinic.com/images/aneurysm414.jpg);
      background-position: top center;
      background-size: contain;
      background-repeat: no-repeat;
      padding-top: 36px;
      padding-bottom: 0;
      margin-bottom: 0
    }
    #scoli-care {
      text-align: center;
      width: 100%;
      background-image: url(https://mayfieldclinic.com/images/scoliosis-414.jpg);
      background-position: top center;
      background-size: contain;
      background-repeat: no-repeat;
      padding-top: 36px;
      padding-bottom: 0;
      margin-bottom: 0
    }
    .neuro-block {
      width: 75%;
      height: auto;
      margin: .25em .25em;
      display: block;
      float: none;
      clear: both;
      padding: 1em
    }
    #coe div {
      margin-bottom: .2rem;
    }
    #top {
      margin-top: 125px
    }
    #logo {
      float: none;
      display: inline
    }
    #login2 {
      float: none;
      display: inline;
      margin: 0 0 1em 0em
    }
    #login2 .fa {
      font-size: 2em;
      margin: .25em .5em
    }
    #login2 .fa-phone {
      display: none
    }
    #login2 .button-pmt {
      display: inline;
      float: right;
      margin-bottom: 0
    }
    .button-size {
      padding: .5em .25em;
      max-width: 285px;
      font-size: 1em;
      text-align: center
    }
    .why {
      padding: .5em 0em
    }
    p.why {
      text-align: left;
      font-size: 120%
    }
    .why h2 {
      font-size: 1.25em;
      white-space: nowrap
    }
    .txt {
      color: #fff;
      font-size: 1em
    }
    #apt-btn {
      margin-left: 2.5em
    }
    #apt-btn2 {
      margin: 0rem 1rem 0rem 4rem
    }
    p.ph {
      color: #fff;
      font-size: 1.5em
    }
    #appt-section p.ph {
      color: #fff;
      font-size: 1.5em
    }
    #appt-section .key-flex {
      margin-top: 0
    }
    .pic {
      margin-right: 3.5em
    }
    #main {
      /*margin-top: 90px;*/
    }
    #press {
      background-position: 50% 33%
    }
    .row {
      padding: 0 .5em
    }
    #mission-spacer {
      padding-left: 1.25em
    }
    #people, #my-people {
      margin-top: 00rem;
      padding-top: 0
    }
    #about {
      background-image: url(https://mayfieldclinic.com/images/_bgabout414.jpg) !important;
      background-position: center center;
      background-size: cover;
      background-repeat: no-repeat;
      margin-bottom: 00;
      height: 225px;
    }
    .container {
      padding: 0;
      margin: 0
    }
    #bullet-fixer li {
      margin-left: .5em;
      padding-left: .5em;
      list-style: inside;
      text-indent: -1.35em;
      white-space: normal;
      font-size: medium
    }
    #appt-section {
      background-image: none !important;
      background-color: #cdecfe !important
    }
    #homesection2 {
      background: #cdecfe;
      width: 100%;
      height: 65vh;
      padding: 0;
      z-index: -1
    }
    div.sciatica {
      background-position: 50% 10%
    }
    div.stenosis {
      background-position: 50% 60%
    }
    div.neckpain {
      background-position: 50% 40%
    }
    div.pmr {
      background-position: 50% 20%
    }
    div.scoliosis {
      background-position: 50% 35%
    }
    div.stimulators {
      background-position: 50% 60%
    }
    div.meningioma2 {
      background-position: 50% 35%
    }
    div.craniotomy {
      background-position: 50% 35%
    }
    div.radiosurgery2 {
      background-position: 50% 35%
    }
    #scoli-care .key-flex {
      margin-top: 220px;
      text-align: center;
    }
  }
  /*****Galaxy S21 5G ******/
  @media only screen and (min-device-width:360px) and (max-device-width:800px) and (-webkit-device-pixel-ratio:3) {
    #home-video {
      display: inline-flex;
      flex-direction: column-reverse;
    }
    #message li {
      margin-left: .5rem;
    }
    div.thumber {
      display: none;
    }
    #my-people .row {
      flex-direction: column;
    }
    #gradbg .key-flex {
      margin-top: 76px;
    }
    #gradbg h2 {
      text-align: center;
      margin-left: auto;
      margin-right: auto;
      clear: both;
    }
    #all_slides .home-slide {
      margin-top: 24px;
      padding: 5rem 6rem !important;
    }
    #all_slides .slide {
      margin-top: 24px;
      padding: 5rem 6rem !important;
    }
    #slides label.over20 {
      margin-top: 40px;
      padding: .25rem .5rem;
    }
    #slides2 {
      /* margin-top: 26px;*/
      padding: 00;
    }
    #myslides {
      display: inline-flex;
      flex-direction: column-reverse !important;
    }
    #myslides2 {
      display: flex;
      flex-direction: column-reverse;
    }
    #welcome1 h3 {
      font-size: 113%;
    }
    #welcome1 div.key-flex {
      margin-left: 00rem !important;
      margin-top: 00rem !important;
      padding: 00 !important;
      align-content: center;
    }
    #welcome1 div.message {
      text-align: center !important;
      align-items: center !important
    }
    #welcome1 p.ph {
      text-align: center;
      color: #fff;
      font-size: 1.5em;
      margin-left: 00rem
    }
    #all_slides .home-slide {
      /*padding: 3rem 0rem!important;*/
      margin-top: 00px;
      height: 100%;
    }
    #slides2 label.over20 {
      margin-top: 115px;
      width: 45%;
      padding: .25rem .5rem;
      font-size: 90%;
    }
    #slides2 {
      margin-top: 12px;
    }
    #gozal {
      display: flex;
      flex-direction: column-reverse;
    }
    #mapper .row {
      margin-left: 00rem;
    }
    #meningioma-care .key-flex {
      margin-top: 220px
    }
    #chiari-care .key-flex {
      margin-top: 220px
    }
    #aneurysm-care .key-flex {
      margin-top: 210px;
    }
    #acoustic-care .key-flex {
      margin-top: 160px !important;
    }
    #acoustic-care {
      text-align: center;
      width: 100%;
      background-image: url(https://mayfieldclinic.com/images/acoustic414.jpg);
      background-position: top center;
      background-size: contain;
      background-repeat: no-repeat;
      padding-top: 36px;
      padding-bottom: 0;
      margin-bottom: 0
    }
    #acoustic-care .message h1 {
      text-align: center;
    }
    #spinecare .key-flex {
      margin-top: 26px
    }
    #aneurysm-care .readybutton, #brain-tumor-care .readybutton, #meningioma-care .readybutton, #spinecare .readybutton, #spinecare .readybutton {
      margin-bottom: 1em !important
    }
    #appt-section {
      background-image: none !important;
      background-color: #cdecfe !important
    }
    #pt {
      /*background-position: 36% top !important*/
    }
    div.coeHW h3 {
      margin-top: 15% !important;
    }
    #spinecare {
      /*margin-top: 106px;*/
      text-align: center;
      width: 100%;
      background-image: url(https://mayfieldclinic.com/images/spine414.jpg) !important;
      background-position: top center;
      background-size: contain;
      background-repeat: no-repeat;
    }
    #spinecare .message {
      text-align: center;
    }
    #spinecare .key-flex {
      margin-top: 210px;
      text-align: center;
    }
    #spinecare .readybutton {
      margin: 00;
    }
    #neurovascular {
      /* margin-top: 106px;*/
      text-align: center;
      width: 100%;
      background-image: url(https://mayfieldclinic.com/images/neurovascular414.jpg) !important;
      background-position: top center;
      background-size: contain;
      background-repeat: no-repeat;
    }
    #neruovascular .message {
      text-align: center;
    }
    #neurovascular .key-flex {
      margin-top: 160px;
      text-align: center;
      font-size: 85%
    }
    #neruovascular .readybutton {
      margin: 00;
    }
    .avm, .carotid, .stroke {
      background-position: center center
    }
    .aneurysm {
      background-position: 50% 15%
    }
    .coe-grid div, .coe-grid4 div {
      margin: .25em;
      text-align: center !important;
      font-size: 12px;
      flex-basis: 98%;
      flex-direction: column;
      height: 112px;
      padding: 0
    }
    div.sciatica {
      background-position: 50% 10%
    }
    div.stenosis {
      background-position: 50% 60%
    }
    div.neckpain {
      background-position: 50% 40%
    }
    div.pmr {
      background-position: 50% 20%
    }
    div.scoliosis {
      background-position: 50% 35%
    }
    div.stimulators {
      background-position: 50% 60%
    }
    div.meningioma2 {
      background-position: 50% 35%
    }
    div.craniotomy {
      background-position: 50% 35%
    }
    div.radiosurgery2 {
      background-position: 50% 35%
    }
    #health-topics {
      margin-top: 36px;
    }
    #logo-holder img {
      width: 150px;
      height: auto;
      float: left;
    }
    #my-login .fa-envelope, #my-login .fa-search {
      margin-top: .25em;
    }
    #my-login .fa-phone {
      margin-top: .25rem;
    }
    #brain-tumor-care {
      /*margin-top: 104px;*/
      text-align: center;
      width: 100%;
      background-image: url(https://mayfieldclinic.com/images/brain414.jpg) !important;
      background-position: top center;
      background-size: contain;
      background-repeat: no-repeat;
      padding-top: 36px;
      padding-bottom: 0;
      margin-bottom: 0
    }
    #brain-tumor-care .readybutton {
      margin-left: 1.5rem;
    }
    #brain-tumor-care .key-flex {
      margin-top: 170px;
    }
    #brain-tumor-care .message {
      width: 325px !important
    }
    #brain-tumor-care .message h1 {
      font-size: 134%
    }
    #brain-tumor-care p.ph {
      font-size: 145% !important;
      margin-left: 3rem !important;
    }
    #copy h1 {
      font-size: 145%;
    }
    #appt-section2 {
      background-image: url(https://mayfieldclinic.com/images/apptshero414-2020.jpg) !important;
      background-size: contain;
      background-repeat: no-repeat;
      margin-bottom: 30px;
      height: auto;
    }
  }
  /****Galaxy 6 and 7, 7 edge, 8 9****/
  @media only screen and (min-device-width:360px) and (max-device-width:740px) and (-webkit-device-pixel-ratio:4) {
    #home-video {
      display: inline-flex;
      flex-direction: column-reverse;
    }
    #message li {
      margin-left: .5rem;
    }
    div.thumber {
      display: none;
    }
    #my-people .row {
      flex-direction: column;
    }
    #gradbg .key-flex {
      margin-top: 76px;
    }
    #gradbg h2 {
      text-align: center;
      margin-left: auto;
      margin-right: auto;
      clear: both;
    }
    #all_slides .home-slide {
      margin-top: 24px;
      padding: 5rem 6rem !important;
    }
    #all_slides .slide {
      margin-top: 24px;
      padding: 5rem 6rem !important;
    }
    #slides label.over20 {
      margin-top: 40px;
      padding: .25rem .5rem;
    }
    #slides2 {
      /* margin-top: 26px;*/
      padding: 00;
    }
    #myslides {
      display: inline-flex;
      flex-direction: column-reverse !important;
    }
    #myslides2 {
      display: flex;
      flex-direction: column-reverse;
    }
    #welcome1 h3 {
      font-size: 113%;
    }
    #welcome1 div.key-flex {
      margin-left: 00rem !important;
      margin-top: 00rem !important;
      padding: 00 !important;
      align-content: center;
    }
    #welcome1 div.message {
      text-align: center !important;
      align-items: center !important
    }
    #welcome1 p.ph {
      text-align: center;
      color: #fff;
      font-size: 1.5em;
      margin-left: 00rem
    }
    #all_slides .home-slide {
      /*padding: 3rem 0rem!important;*/
      margin-top: 00px;
      height: 100%;
    }
    #slides2 label.over20 {
      margin-top: 115px;
      width: 45%;
      padding: .25rem .5rem;
      font-size: 90%;
    }
    #slides2 {
      margin-top: 12px;
    }
    #gozal {
      display: flex;
      flex-direction: column-reverse;
    }
    #mapper .row {
      margin-left: 00rem;
    }
    #brain-tumor-care .key-flex, #meningioma-care .key-flex, #chiari-care .key-flex {
      margin-top: 220px
    }
    #aneurysm-care .key-flex {
      margin-top: 210px;
    }
    #acoustic-care .key-flex {
      margin-top: 160px !important;
    }
    #acoustic-care {
      text-align: center;
      width: 100%;
      background-image: url(https://mayfieldclinic.com/images/acoustic414.jpg);
      background-position: top center;
      background-size: contain;
      background-repeat: no-repeat;
      padding-top: 36px;
      padding-bottom: 0;
      margin-bottom: 0
    }
    #acoustic-care .message h1 {
      text-align: center;
    }
    #spinecare .key-flex {
      margin-top: 26px
    }
    #aneurysm-care .readybutton, #brain-tumor-care .readybutton, #meningioma-care .readybutton, #chiari-care .readybutton, #spinecare .readybutton {
      margin-bottom: 1em !important
    }
    #appt-section {
      background-image: none !important;
      background-color: #cdecfe !important
    }
    #pt {
      /*background-position: 36% top !important*/
    }
    div.coeHW h3 {
      margin-top: 15% !important;
    }
    #spinecare {
      /*margin-top: 106px;*/
      text-align: center;
      width: 100%;
      background-image: url(https://mayfieldclinic.com/images/spine414.jpg) !important;
      background-position: top center;
      background-size: contain;
      background-repeat: no-repeat;
    }
    #spinecare .message {
      text-align: center;
    }
    #spinecare .key-flex {
      margin-top: 210px;
      text-align: center;
    }
    #spinecare .readybutton {
      margin: 00;
    }
    #neurovascular {
      /* margin-top: 106px;*/
      text-align: center;
      width: 100%;
      background-image: url(https://mayfieldclinic.com/images/neurovascular414.jpg) !important;
      background-position: top center;
      background-size: contain;
      background-repeat: no-repeat;
    }
    #neruovascular .message {
      text-align: center;
    }
    #neurovascular .key-flex {
      margin-top: 160px;
      text-align: center;
      font-size: 85%
    }
    #neruovascular .readybutton {
      margin: 00;
    }
    .avm, .carotid, .stroke {
      background-position: center center
    }
    .aneurysm {
      background-position: 50% 15%
    }
    .coe-grid div, .coe-grid4 div {
      margin: .25em;
      text-align: center !important;
      font-size: 12px;
      flex-basis: 98%;
      flex-direction: column;
      height: 112px;
      padding: 0
    }
    div.sciatica {
      background-position: 50% 10%
    }
    div.stenosis {
      background-position: 50% 60%
    }
    div.neckpain {
      background-position: 50% 40%
    }
    div.pmr {
      background-position: 50% 20%
    }
    div.scoliosis {
      background-position: 50% 35%
    }
    div.stimulators {
      background-position: 50% 60%
    }
    div.meningioma2 {
      background-position: 50% 35%
    }
    div.craniotomy {
      background-position: 50% 35%
    }
    div.radiosurgery2 {
      background-position: 50% 35%
    }
    #health-topics {
      margin-top: 36px;
    }
    #logo-holder img {
      width: 150px;
      height: auto;
      float: left;
    }
    #my-login .fa-envelope, #my-login .fa-search {
      margin-top: .25em;
    }
    #my-login .fa-phone {
      margin-top: .25rem;
    }
    #brain-tumor-care {
      /*margin-top: 104px;*/
      text-align: center;
      width: 100%;
      background-image: url(https://mayfieldclinic.com/images/brain414.jpg) !important;
      background-position: top center;
      background-size: contain;
      background-repeat: no-repeat;
      padding-top: 36px;
      padding-bottom: 0;
      margin-bottom: 0
    }
    #brain-tumor-care .readybutton {
      margin-left: 1.5rem;
    }
    #brain-tumor-care .key-flex {
      margin-top: 150px;
    }
    #brain-tumor-care .message {
      width: 325px !important
    }
    #brain-tumor-care .message h1 {
      font-size: 134%
    }
    #brain-tumor-care p.ph {
      font-size: 145% !important;
      margin-left: 3rem !important;
    }
    #copy h1 {
      font-size: 145%;
    }
    #appt-section2 {
      background-image: url(https://mayfieldclinic.com/images/apptshero414-2020.jpg) !important;
      background-size: contain;
      background-repeat: no-repeat;
      margin-bottom: 30px;
      height: auto;
    }
  }
  /******iPhone 6,7,8 *******/
  @media only screen and (min-device-width:375px) and (max-device-width:667px) and (-webkit-device-pixel-ratio:2) {
    #home-video {
      display: inline-flex;
      flex-direction: column-reverse;
    }
    #myslides label.over20 {
      width: 66%;
      font-size: 100%;
      font-weight: 600;
      margin-top: 52px;
    }
    #my-people .row {
      flex-direction: column;
    }
    #gradbg .key-flex {
      margin-top: 90px;
    }
    #gradbg h2 {
      text-align: center;
      margin-left: auto;
      margin-right: auto;
      clear: both;
    }
    #myslides {
      display: inline-flex;
      flex-direction: column-reverse;
    }
    #myslides2 {
      display: flex;
      flex-direction: column-reverse;
    }
    #welcome1 h3 {
      font-size: 113%;
    }
    /*#welcome1 div.key-flex {
    margin-left: 00rem !important;
    margin-top: -2rem !important;
    padding: 00 !important;
    align-content: center;
  }*/
    #welcome1 div.message {
      text-align: center !important;
      align-items: center !important
    }
    #welcome1 div.key-flex {
      margin-left: 00rem;
      margin-top: 00rem;
      padding: 00;
      align-content: center;
    }
    #welcome1 h1 {
      margin-top: 08px;
    }
    #welcome1 p.ph {
      text-align: center;
      color: #fff;
      font-size: 1.5em;
      margin-left: 00rem
    }
    /* #all_slides .home-slide {
padding: 5rem 6rem; 
    margin-top: 00px;
    height: 100%;
}*/
    /*#all_slides .home-slide{width:120%;height:auto;}*/
    #slides2 label.over20 {
      margin-top: 125px;
      width: 55%;
      padding: .25rem .5rem;
      font-size: 90%;
    }
    #slides2 {
      /* margin-top: 12px;*/
    }
    #message li {
      margin-left: .5rem;
    }
    /*#leader div{display:flex; }*/
    .bt-grid div.coeHW h3 {
      margin-top: 18%;
    }
    #my-login .fa {
      font-size: 2rem;
      /*margin-right: 1rem;*/
      margin-top: .25em;
    }
    #aneurysm-care {
      /*margin-top: 100px;*/
      text-align: center;
      width: 100%;
      /* background-image: url(https://mayfieldclinic.com/images/aneurysm414.jpg); */
      background-position: 00% -5%;
      background-size: contain;
      background-repeat: no-repeat;
    }
    #an-care .descriptor {
      margin-top: 45px;
    }
    .small-bio {
      max-height: 200px;
      width: auto;
    }
    .diverse {
      width: 275px;
      height: auto;
    }
    #gozal {
      display: flex;
      flex-direction: column-reverse;
    }
    #coe.container {
      display: flex;
      flex-direction: column;
      flex-wrap: wrap
    }
    .coe {
      margin-bottom: 1em !important
    }
    div.coeHW h3 {
      margin-top: 15%
    }
    .avm, .carotid, .stroke {
      background-position: center center
    }
    .aneurysm {
      background-position: 50% 15%
    }
    .coe-grid div, .coe-grid4 div {
      margin: .25em;
      text-align: center !important;
      font-size: 12px;
      flex-basis: 98%;
      flex-direction: column;
      height: 112px;
      padding: 0
    }
    .coeHW h3 {
      font-size: 12px
    }
    #appt-section2 {
      text-align: center;
      padding-top: 50px;
      width: 100%;
      background-image: url(https://mayfieldclinic.com/images/apptshero414-2020.jpg);
      background-position: top center;
      background-size: contain;
      background-repeat: no-repeat
    }
    .bigmap {
      display: none;
      visibility: hidden
    }
    #neurovascular {
      text-align: center;
      padding-top: 65px;
      width: 100%;
      background-image: url(https://mayfieldclinic.com/images/neurovascular414.jpg);
      background-position: top center;
      background-size: contain;
      background-repeat: no-repeat
    }
    #meningioma-care {
      text-align: center;
      padding-top: 65px;
      width: 100%;
      background-image: url(https://mayfieldclinic.com/images/meningioma414.jpg);
      background-position: top center;
      background-size: contain;
      background-repeat: no-repeat
    }
    #chiari-care {
      text-align: center;
      padding-top: 65px;
      width: 100%;
      background-image: url(https://mayfieldclinic.com/images/chiari414.jpg);
      background-position: top center;
      background-size: contain;
      background-repeat: no-repeat
    }
    #aneurysm-care {
      text-align: center;
      /*margin-top: 96px;*/
      width: 100%;
      background-image: url(https://mayfieldclinic.com/images/aneurysm414.jpg);
      background-position: top center;
      background-size: contain;
      background-repeat: no-repeat
    }
    #spinecare {
      text-align: center;
      width: 100%;
      background-image: url(https://mayfieldclinic.com/images/spine414.jpg) !important;
      background-position: top center;
      background-size: contain;
      background-repeat: no-repeat;
      /*margin-top: 104px;*/
    }
    #spinecare .key-flex {
      margin-top: 165px
    }
    #spinecare .message h1 {
      margin-bottom: 00 !important;
    }
    #brain-tumor-care {
      text-align: center;
      padding-top: 65px;
      width: 100%;
      background-image: url(https://mayfieldclinic.com/images/brain414.jpg);
      background-position: top center;
      background-size: contain;
      background-repeat: no-repeat
    }
    #blogger {
      /*margin-left: 00;*/
    }
    #meningioma-care {
      text-align: center;
      padding-top: 65px;
      width: 100%;
      background-image: url(https://mayfieldclinic.com/images/meningioma414.jpg);
      background-position: top center;
      background-size: contain;
      background-repeat: no-repeat
    }
    #chiari-care {
      text-align: center;
      padding-top: 65px;
      width: 100%;
      background-image: url(https://mayfieldclinic.com/images/chiari414.jpg);
      background-position: top center;
      background-size: contain;
      background-repeat: no-repeat
    }
    .btn-info {
      font-size: 1.2em;
    }
    #brain-tumor-care .key-flex, #meningioma-care .key-flex, #chiari-care .key-flex {
      padding: .25em;
      margin-top: 155px
    }
    #brain-tumor-care .readybutton, #neurovascular .readybutton, #spinecare .readybutton, #meningioma-care .readybutton, #chiari-care .readybutton {
      margin-bottom: 1em;
    }
    #brain-tumor-care .readybutton {
      margin-left: auto;
      margin-right: auto;
      clear: both;
    }
    #backpain-care p.ph {
      margin-left: 00;
      margin-right: .5em
    }
    #backpain-care .key-flex {
      margin-top: 45px
    }
    #backpain-care .readybutton {
      margin-bottom: 1em;
    }
    #acoustic-care p.ph {
      margin-left: 00;
      margin-right: .5em
    }
    #acoustic-care .key-flex {
      margin-top: 40px
    }
    #acoustic-care .message h1 {
      margin-top: 00px;
      text-align: center;
    }
    #acoustic-care .readybutton {
      margin-bottom: 1em;
    }
    #neurovascular .key-flex {
      margin-top: 140px;
    }
    div.coeHW h3 {
      margin-top: 15% !important;
    }
    .appts {
      font-size: 1.25em;
      text-align: center
    }
    #top {
      margin-top: 220px;
    }
    #logo {
      float: none;
      display: inline
    }
    #login2 {
      float: right;
      display: inline;
      margin: 0 0 1em 0em
    }
    #login2 .fa {
      font-size: 2em;
      margin-top: .25em
    }
    #login2 .fa-phone {
      display: none
    }
    .why {
      margin-top: 0;
      padding: 1em 0em 2em 0em
    }
    p.why {
      text-align: left;
      font-size: 120%
    }
    .why h2 {
      font-size: 1.25em;
      white-space: nowrap
    }
    #top .txt {
      padding-top: 0em;
      margin-left: .5em;
      color: #fff;
      font-size: 1.2em
    }
    #apt-btn {
      margin-left: 4em
    }
    #apt-btn2 {
      margin-left: auto
    }
    p.ph {
      color: #fff;
      font-size: 1.5em
    }
    #copy h1 {
      margin-top: .5em;
      font-size: 26px;
    }
    #brain-tumor-care p.ph {
      color: #fff;
      font-size: 1.5em;
      margin-left: 00;
    }
    #meningioma-care p.ph {
      color: #fff;
      font-size: 1.5em;
      margin-left: 00;
    }
    #chiari-care p.ph {
      color: #fff;
      font-size: 1.5em;
      margin-left: 00;
    }
    #bio, .bio h2 {
      margin-left: 0
    }
    #biobtn {
      height: auto
    }
    #homesection2, #pt {
      background-size: cover;
      background-repeat: no-repeat;
      width: 100%
    }
    #header {
      /*position: relative*/
    }
    #main {
      /*margin-top: 99px;*/
    }
    #about {
      background-image: url(https://mayfieldclinic.com/images/_bgabout414.jpg);
      background-position: top center;
      background-size: contain;
      background-repeat: no-repeat;
      margin-bottom: 00;
      height: 225px;
    }
    .mini-bio {
      max-width: 225px;
      height: auto;
      display: block;
      float: none;
      margin-left: auto;
      margin-right: auto;
      clear: both
    }
    .an-label-float {
      float: right;
      margin-top: 145px;
      background-color: #000;
      opacity: .65;
      display: flex;
      flex-direction: row;
      width: 90% !important;
      padding: .5em;
      font-size: 110%
    }
    #coe-sidebar h3 {
      font-size: 18px;
      display: block;
      text-align: center
    }
    #coe-sidebar p.ph {
      text-align: center;
      margin: 0
    }
    #giving {
      background-position: 27% top;
      min-height: 175px
    }
    .pdficon {
      float: right
    }
    .pic {
      margin-right: 2.5em;
      margin-top: .5em
    }
    /*h1 {
    font-size: 165%
  }*/
    #press {
      background-position: 50% 33%
    }
    .snippet img {
      padding-top: 0
    }
    #appts p, .map-image, .snippet h3, .snippet img {
      display: block
    }
    #bio {
      overflow-x: hidden
    }
    #appts p {
      margin: 0;
      float: left
    }
    #careers h1 {
      margin-top: 2em;
      color: #fff;
      text-shadow: 2px 2px #000
    }
    .snippet img {
      float: none;
      margin: .125rem .5rem;
      clear: both;
    }
    .snippet h3 {
      text-decoration: underline
    }
    .container {
      padding: 0;
      margin: 0
    }
    #myslides {
      display: inline-flex;
      flex-direction: column-reverse;
    }
    footer .row {
      display: flex;
      flex-direction: column !important
    }
    #ptlogo {
      /* float: none;
    margin-right: auto;
    clear: both;
    max-width: 200px*/
    }
    #blue1 {
      margin-bottom: 1.5em
    }
    .map-image {
      margin: 0 1.5em 1em 0;
      float: none
    }
    #pt {
      background-image: url(https://mayfieldclinic.com/images/pt-bannerx414.jpg);
      background-position: 34% top;
    }
    #ptmap {
      width: 340px;
      height: 250px
    }
    #pt-pad {
      margin-left: 2em
    }
    #quicklinks {
      visibility: hidden;
      display: none
    }
    #appt-section {
      background-image: none !important;
      background-color: #cdecfe !important
    }
    #bullet-fixer li {
      margin-left: .5em;
      padding-left: .5em;
      list-style: inside;
      text-indent: -1.35em;
      white-space: normal;
      font-size: medium
    }
    #homesection2 {
      background: #cdecfe;
      width: 100%;
      height: 60vh;
      padding: 0;
      z-index: -1
    }
    .bio-flex img {
      max-width: 275px;
      height: auto;
      margin-top: 1rem;
    }
    #scoli-care {
      text-align: center;
      width: 100%;
      background-image: url(https://mayfieldclinic.com/images/scoliosis-414.jpg) !important;
      background-position: top center;
      background-size: contain;
      background-repeat: no-repeat;
      padding: 00;
      /*margin-top: 80px !important;*/
      margin-bottom: 0;
      height: 225px !important;
    }
    #scoli-care div.key-flex {
      padding-top: 00;
      margin-top: 1rem;
      align-content: center;
      width: 330px !important;
    }
    #scoli-care div.message {
      padding-top: 00;
      margin-top: 24px;
      font-size: 90% !important
    }
    #scoli-care .readybutton #apt-btn2 {
      font-size: 100% !important;
      padding: auto !important;
      width: 265px !important;
      box-shadow: 2px 2px 4px gray
    }
    #s-cards .card {
      width: 96%;
      height: auto;
    }
    #brain-tumor-care .message h1 {
      margin-left: 1.25rem;
      font-size: 140%;
    }
  }
  /******iPhone 6,7,8 Plus*******/
  @media only screen and (min-device-width:414px) and (max-device-width:736px) and (-webkit-device-pixel-ratio:3) {
    #gradbg h2 {
      text-align: center;
      margin-left: auto;
      margin-right: auto;
      clear: both;
    }
    #my-people .row {
      flex-direction: column;
    }
    #home-video {
      display: inline-flex;
      flex-direction: column-reverse;
    }
    #slides {
      margin-top: 12px;
      padding: 00;
    }
    #gradbg .key-flex {
      margin-top: 124px;
    }
    #all_slides {
      position: relative;
      width: 100%;
      height: 170%;
      padding: .5rem;
      margin: 0px;
      list-style-type: none;
    }
    #myslides {
      display: inline-flex;
      flex-direction: column-reverse;
    }
    #myslides2 {
      display: flex;
      flex-direction: column-reverse;
    }
    #welcome1 h3 {
      font-size: 118%;
    }
    #welcome1 h4 {
      font-size: 132%;
    }
    #welcome1 .message h1 {
      margin-top: 00rem;
      font-size: 200% !important;
    }
    #welcome1 div.key-flex {
      margin-left: 00rem !important;
      margin-top: -2rem !important;
      padding: 00 !important;
      align-content: center;
    }
    #welcome1 div.message {
      text-align: center !important;
      align-items: center !important
    }
    #welcome1 p.ph {
      text-align: center;
      color: #fff;
      font-size: 1.5em;
      margin-left: 00rem
    }
    #all_slides .home-slide {
      /*padding: 3rem 0rem!important;*/
      margin-top: 00px;
      height: 100%;
    }
    #slides2 label.over20 {
      margin-top: 130px !important;
      width: 45%;
      padding: .25rem .5rem;
      font-size: 90%;
    }
    #slides2 {
      /*margin-top: 12px;*/
    }
    #mysection {
      text-align: center;
      width: 100%;
      /*background-image: url(https://mayfieldclinic.com/images/scoliosis-414.jpg);
    background-position: top center;
    background-size: contain;
    background-repeat: no-repeat;*/
      padding-top: 36px;
      margin-top: 100px !important;
      padding-bottom: 0;
      margin-bottom: 0
    }
    #message li {
      margin-left: .5rem !important
    }
    #s-cards {
      /*margin-top: 200px;*/
    }
    #s-cards .card {
      width: 96%;
      height: auto;
    }
    #no-slides {
      flex-direction: column-reverse !important;
      margin-top: 00 !important
    }
    #sans-slides {
      margin-bottom: 5rem;
    }
    #all_slides {
      padding: 1rem !important
    }
    label.over20 {
      width: 55%;
      font-size: 125%;
      font-weight: 600;
      margin-top: 15px;
    }
    #gradbg .key-flex {
      margin-top: 86px;
    }
    #all_slides .slide {
      font-size: 40px;
      box-sizing: border-box;
      background: transparent;
      color: #fff;
      background-size: cover;
      padding: 6rem 6rem;
    }
    #all_slides .home-slide {
      font-size: 40px;
      box-sizing: border-box;
      background: transparent;
      color: #fff;
      background-size: cover;
      padding: 6rem 6rem;
    }
    #scoli-care .readybutton #apt-btn2 {
      font-size: 100% !important;
      padding: auto !important;
      width: 265px !important;
      box-shadow: 2px 2px 4px gray
    }
    .small-bio {
      max-width: 280px;
      height: auto;
    }
    div.coeHW h3 {
      z-index: 55;
      font-size: 149%;
      font-weight: 600;
      -webkit-filter: none;
      filter: none;
      color: #fff !important;
      /*margin-top: 34%;*/
    }
    #press {
      /*margin-top: 108px;*/
      background-position: 34% center;
    }
    #gozal {
      display: flex;
      flex-direction: column-reverse;
    }
    #mapper .row {
      margin-left: 00rem;
    }
    #acoustic-care .key-flex {
      margin-top: 225px;
      margin-bottom: 1rem;
    }
    #hr {
      margin-top: .5rem;
      margin-bottom: 00;
    }
    #coe.container > div {
      width: 100% !important;
      flex-direction: column !important;
      font-size: 1.3em;
      font-weight: 700;
      padding: 1em;
      color: #fff;
      margin-bottom: .2rem;
    }
    .coe {
      margin-bottom: 1em !important
    }
    .avm, .carotid, .stroke {
      background-position: center center
    }
    div.coeHW h3 {
      margin-top: 15%;
    }
    .aneurysm {
      background-position: 50% 15%
    }
    .coe-grid div, .coe-grid4 div {
      margin: .25em;
      text-align: center !important;
      font-size: 12px;
      flex-basis: 98%;
      flex-direction: column;
      height: 124px;
      padding: 0
    }
    .coeHW h3 {
      font-size: 12px
    }
    div.sciatica {
      padding: .25em
    }
    #appt-section {
      background-image: none !important;
      background-color: #cdecfe !important
    }
    .bigmap {
      display: none;
      visibility: hidden
    }
    #neurovascular {
      padding-top: 24px;
      text-align: center;
      width: 100%;
      background-image: url(https://mayfieldclinic.com/images/neurovascular414.jpg);
      background-position: top center;
      background-size: contain;
      background-repeat: no-repeat
    }
    #neurovascular .key-flex {
      margin-top: 24px;
    }
    #neurovascular p.ph {
      font-size: 1.65rem !important;
      margin-right: 26px;
    }
    #spinecare {
      padding-top: 24px;
      text-align: center;
      width: 100%;
      background-image: url(https://mayfieldclinic.com/images/spine414.jpg);
      background-position: top center;
      background-size: contain;
      background-repeat: no-repeat
    }
    #spinecare .key-flex {
      margin-top: 220px;
    }
    #meningioma-care {
      padding-top: 24px;
      text-align: center;
      width: 100%;
      background-image: url(https://mayfieldclinic.com/images/meningioma414.jpg);
      background-position: top center;
      background-size: contain;
      background-repeat: no-repeat
    }
    #chiari-care {
      padding-top: 24px;
      text-align: center;
      width: 100%;
      background-image: url(https://mayfieldclinic.com/images/chiari414.jpg);
      background-position: top center;
      background-size: contain;
      background-repeat: no-repeat
    }
    #aneurysm-care {
      margin-top: 100px;
      text-align: center;
      width: 100%;
      background-image: url(https://mayfieldclinic.com/images/aneurysm414.jpg);
      background-position: 00% -5%;
      background-size: contain;
      background-repeat: no-repeat
    }
    #brain-tumor-care {
      padding-top: 24px;
      text-align: center;
      width: 100%;
      background-image: url(https://mayfieldclinic.com/images/brain414.jpg);
      background-position: top center;
      background-size: contain;
      background-repeat: no-repeat
    }
    #brain-tumor-care .key-flex, #meningioma-care .key-flex, #chiari-care .key-flex {
      margin-top: 212px
    }
    #meningioma-care {
      padding-top: 24px;
      text-align: center;
      width: 100%;
      background-image: url(https://mayfieldclinic.com/images/meningioma414.jpg);
      background-position: top center;
      background-size: contain;
      background-repeat: no-repeat
    }
    #chiari-care {
      padding-top: 24px;
      text-align: center;
      width: 100%;
      background-image: url(https://mayfieldclinic.com/images/chiari414.jpg);
      background-position: top center;
      background-size: contain;
      background-repeat: no-repeat
    }
    #scoli-care {
      text-align: center;
      width: 100%;
      background-image: url(https://mayfieldclinic.com/images/scoliosis-414.jpg);
      background-position: top center;
      background-size: contain;
      background-repeat: no-repeat;
      padding-top: 36px;
      padding-bottom: 0;
      margin-bottom: 0
    }
    #scoli-care .readybutton #apt-btn2 {
      font-size: 100% !important;
      padding: auto !important;
      width: 265px !important;
      box-shadow: 2px 2px 4px gray
    }
    .neuro-block {
      width: 75%;
      height: auto;
      margin: .25em .25em;
      display: block;
      float: none;
      clear: both;
      padding: 1em
    }
    #container, #main, body, html, main {
      overflow-x: scroll
    }
    #brain-tumor-care, #apt-btn2 {
      margin-left: 0em
    }
    #appt-section {
      padding-top: 24px;
      text-align: center;
      width: 100%;
      background-image: url(https://mayfieldclinic.com/images/apptshero414-2020.jpg);
      background-position: top center;
      background-size: contain;
      background-repeat: no-repeat
    }
    #appt-section p.ph {
      float: left
    }
    #top {
      margin-top: 220px !important
    }
    #logo {
      float: none;
      display: inline !important;
      margin-left: 0
    }
    #login2 {
      float: right;
      display: inline;
      margin: 0 0 1em 0em
    }
    #login2 .fa {
      font-size: 2em;
      margin-top: .25em
    }
    #login2 .fa-phone {
      display: none
    }
    .why {
      margin-top: 0;
      padding: 1.25em 0em
    }
    p.why {
      text-align: left;
      font-size: 120%
    }
    .why h2 {
      font-size: 1.25em;
      white-space: nowrap
    }
    p.ph {
      color: #fff;
      font-size: 1.5em;
      margin-left: 5em
    }
    #appt-section p.ph {
      color: #fff;
      font-size: 1.5em
    }
    #appts h4, #appts p, #bio h4 {
      float: left;
      display: block
    }
    #about {
      background-image: url(https://mayfieldclinic.com/images/_bgabout414.jpg) !important;
      background-position: 50 50;
      background-size: contain;
      background-repeat: no-repeat;
      margin-bottom: 00;
      height: 225px;
    }
    #pt {
      background-size: cover;
      background-repeat: no-repeat;
      width: 100%;
      padding: 0
    }
    #header {
      /*position: relative*/
    }
    #press {
      background-position: 5% 33%
    }
    #history {
      background-position: 33% top
    }
    #giving {
      background-position: 25% top;
      min-height: 175px;
      background-size: cover
    }
    #bio h4 {
      width: 100%;
      margin: 0 0 1em 1em
    }
    #appts h4 {
      margin: 0 0 .25em
    }
    #appts p {
      line-height: .9em;
      margin: 1em 0 2em
    }
    .message {
      padding-top: 12px
    }
    .message h1 {
      text-align: center !important;
      margin-bottom: .5em !important
    }
    .telephone {
      text-align: center !important;
      margin-left: 0;
      padding-right: 1em;
      margin-bottom: .5em !important
    }
    .readybutton {
      align-content: center;
      text-align: center
    }
    .key-flex {
      margin-top: 200px
    }
    #acoustic-care .key-flex {
      margin-top: 166px;
    }
    #acoustic-care .message h2 {
      font-size: 1.4em
    }
    #aneurysm-care .key-flex {
      margin-top: 00;
    }
    #spinecare p.ph {
      margin-left: 00 !important;
      margin-right: 0
    }
    #spinecare .key-flex {
      margin-top: 220px;
    }
    #neurovascular .readybutton, #spinecare .readybutton, #meningioma-care .readybutton, #chiari-care .readybutton {
      margin-left: 18px;
      margin-bottom: 1em !important
    }
    #brain-tumor-care .key-flex, #meningioma-care .key-flex, #chiari-care .key-flex {
      margin-top: 96px
    }
    #neurovascular .key-flex {
      margin-top: 190px !important
    }
    #copy h1 {
      margin-top: .5em
    }
    .guideback {
      margin-top: 0;
      z-index: -1
    }
    #pt {
      background-image: url(https://mayfieldclinic.com/images/_pt-banner.jpg);
      background-position: 15% 30%;
      min-height: 200px;
      margin-top: 0
    }
    #ptmap {
      width: 380px;
      height: 280px
    }
    #bio {
      padding-top: 0;
      overflow-x: hidden
    }
    #pt-pad {
      margin-left: 2em
    }
    #quicklinks {
      visibility: hidden;
      display: none
    }
    #ptlogo {
      float: none;
      margin-left: 6.5em;
      max-width: 200px
    }
    #health-topics, #ht {
      padding: .5em;
      margin: 0
    }
    #health-topics img {
      padding: 0;
      margin: 0;
      max-width: 375px;
      height: auto;
      float: none;
      clear: both
    }
    #careers h1 {
      margin-top: 0;
      color: #fff;
      text-shadow: 2px 2px #000
    }
    #bio h1, #bio h2 {
      margin-right: 1.25em;
      padding: 0;
      margin-bottom: 0;
      line-height: normal;
      display: block
    }
    .txt {
      float: left;
      padding-right: 0
    }
    #bio.pdficon {
      visibility: hidden;
      display: none
    }
    .snippet img {
      float: none;
      margin-left: auto;
      margin-right: auto;
      clear: both;
      margin-top: 0;
      padding-top: 0
    }
    .snippet h3 {
      text-decoration: underline
    }
    .container {
      margin: 0;
    }
    .map-image {
      margin: 0 1.5em 1em 0;
      float: none
    }
    #homesection2 {
      background: #cdecfe;
      width: 100%;
      height: 50vh;
      padding: 0;
      z-index: -1
    }
    #bio, .pic, .txt {
      margin-left: 0
    }
    #ptlogo, #search_field {
      margin-right: auto;
      clear: both
    }
    #appt-section {
      background-image: none !important;
      background-color: #cdecfe !important
    }
    div.sciatica {
      background-position: 50% 10%
    }
    div.stenosis {
      background-position: 50% 60%
    }
    div.neckpain {
      background-position: 50% 40%
    }
    div.pmr {
      background-position: 50% 20%
    }
    div.scoliosis {
      background-position: 50% 35%
    }
    div.stimulators {
      background-position: 50% 60%
    }
    div.meningioma2 {
      background-position: 50% 35%
    }
    div.craniotomy {
      background-position: 50% 35%
    }
    div.radiosurgery2 {
      background-position: 50% 35%
    }
    #people, #my-people {
      margin-top: 00rem;
    }
  }
  /***Galaxy S8******/
  @media only screen and (min-device-width:360px) and (max-device-width:740px)and (-webkit-device-pixel-ratio:4) {
    #myslides2 {
      display: flex;
      flex-direction: column-reverse;
    }
    #slides2 label.over20 {
      margin-top: 115px;
    }
    div.thumber {
      display: none;
    }
    #my-people .row {
      flex-direction: column;
    }
    #aneurysm-care .message {
      margin-top: 160px;
      text-align: center;
    }
    #gradbg h2 {
      text-align: center;
      margin-left: auto;
      margin-right: auto;
      clear: both;
    }
    #my-login .fa {
      font-size: 1.75rem;
    }
    #hr {
      height: 243px;
      -webkit-height: 243px;
    }
    #press {
      /*margin-top: 108px;*/
      background-position: 24 center
    }
    #acoustic div.coeHW h3 {
      margin-top: 14%;
    }
    #brain-tumor div.coeHW h3 {
      margin-top: 14%;
    }
    #brain-tumor-care {
      text-align: center;
      width: 100%;
      background-image: url(https://mayfieldclinic.com/images/brain414.jpg) !important;
      background-position: top center;
      background-size: contain;
      background-repeat: no-repeat;
      /*margin-top: 106px;*/
      padding-top: 55px;
      padding-bottom: 0;
      margin-bottom: 0
    }
    #brain-tumor-care .message {
      width: 338px !important;
      margin-top: 00;
    }
    #neurovascular {
      /*margin-top: 100px;*/
    }
    #brain-tumor-care .key-flex {
      margin-top: 150px;
    }
    #scoli-care {
      /*margin-top: 107px !important;*/
      width: 100%;
      background-image: url(https://mayfieldclinic.com/images/scoliosis-414.jpg);
      background-position: center center;
      background-size: cover !important;
      background-repeat: no-repeat;
      height: 195px !important;
    }
    #scoli-care div.key-flex {
      margin-top: 00 !important;
      width: 375px !important;
    }
    #scoli-care div.message {
      width: 375px !important;
      font-size: 114% !important;
      margin-top: 00px;
      margin-bottom: 10px !important;
    }
    #scoli-care div.message h1 {
      margin-top: 00;
      font-size: 125%;
      width: 336px;
      margin-bottom: 00;
    }
    #scoli-care div.readybutton #apt-btn2 {
      font-size: 100% !important;
      width: 250px !important;
      margin-right: 3rem;
    }
    #neurovascular .key-flex {
      margin-top: 200px !important;
    }
    #neurovascular .telephone, #neurovascular .readybutton {
      margin-left: auto;
      margin-right: auto;
      clear: both;
      padding-right: 00;
    }
  }
  /***#3 iphone XS, XR, 11pro******/
  @media only screen and (min-device-width:375px) and (max-device-width:812px) and (-webkit-device-pixel-ratio:3) {
    #spirit-side {
      display: flex;
      flex-direction: column;
    }
    .small-bio {
      max-height: 230px;
      width: auto;
    }
    div.thumber {
      display: none;
    }
    #my-people .row {
      flex-direction: column;
    }
    #gradbg h2 {
      text-align: center;
      margin-left: auto;
      margin-right: auto;
      clear: both;
    }
    #slides {
      margin-top: 26px;
      padding: 00;
    }
    #slides2 {
      /* margin-top: 26px;*/
      padding: 00;
    }
    #myslides {
      display: inline-flex;
      flex-direction: column-reverse;
    }
    #myslides2 {
      display: flex;
      flex-direction: column-reverse;
    }
    #welcome1 h3 {
      font-size: 113%;
    }
    #welcome1 div.key-flex {
      margin-left: 00rem !important;
      margin-top: -2rem !important;
      padding: 00 !important;
      align-content: center;
    }
    #welcome1 div.message {
      text-align: center !important;
      align-items: center !important
    }
    #welcome1 p.ph {
      text-align: center;
      color: #fff;
      font-size: 1.5em;
      margin-left: 00rem
    }
    #all_slides .home-slide {
      /*padding: 3rem 0rem!important;*/
      margin-top: 00px;
      height: 100%;
    }
    #slides2 label.over20 {
      margin-top: 115px;
      margin-left: .5rem;
      width: 45%;
      padding: .25rem .5rem;
      font-size: 90%;
    }
    #slides2 {
      margin-top: 12px;
    }
    .aneurysm-label-float {
      margin-top: 105px;
      background: rgba(0, 0, 0, 0.5);
      display: flex;
      flex-direction: row;
      width: 100% !important;
      height: auto;
    }
    #gozal {
      display: flex;
      flex-direction: column-reverse;
    }
    #mapper .row {
      margin-left: 00rem;
    }
    #bio h1, #bio h2 {
      margin-right: 1.25em;
      line-height: normal;
      display: block;
    }
    #my-login {
      /*width:45%;*/
    }
    .outside {
      margin-top: 0em
    }
    #coe.container {
      flex-direction: column !important;
      flex-wrap: wrap;
      justify-content: space-evenly
    }
    .coe {
      margin-bottom: 1em !important
    }
    #coe.container > div {
      width: 100% !important;
      flex-direction: column !important;
      font-size: 1.3em;
      font-weight: 700;
      padding: 1em;
      color: #fff;
      margin-bottom: .2rem;
    }
    div.coeHW h3 {
      margin-top: 15% !important;
    }
    .avm, .carotid, .stroke {
      background-position: center center
    }
    .aneurysm {
      background-position: 50% 15%
    }
    .coe-grid div, .coe-grid4 div {
      margin: .25em;
      text-align: center !important;
      font-size: 1rem;
      flex-basis: 98%;
      flex-direction: column;
      height: 124px;
      padding: 0;
    }
    div.scoliosis {
      padding: .25em
    }
    .coeHW h3 {
      font-size: 12px
    }
    #neurovascular {
      background-image: url(https://mayfieldclinic.com/images/neurovascular414.jpg) !important;
      text-align: center;
      width: 100%;
      background-repeat: no-repeat;
      padding-bottom: 0;
      margin-bottom: 0;
      /*margin-top: 106px !important;*/
    }
    #neurovascular .message h1 {
      margin-top: 24px;
      font-size: 130% !important;
    }
    #neurovascular p.ph {
      font-size: 1.65rem !important;
      margin-right: 44px;
    }
    .neuro-block {
      width: 75%;
      height: auto;
      margin: .25em .25em;
      display: block;
      float: none;
      clear: both;
      padding: 1em
    }
    #container, #main, body, html, main {
      overflow-x: scroll
    }
    main #main {
      margin-top: 120px;
    }
    main #main .ap {
      margin-top: 100px !important;
    }
    #gradbg .key-flex {
      margin-top: 68px;
    }
    label.over20 {
      width: 70%;
      padding: .25rem .5rem;
      margin-top: 36px;
    }
    #main .mc-main {
      margin-top: 10px !important;
    }
    .bigmap {
      display: none;
      visibility: hidden
    }
    #backpain-care, #spinecare {
      text-align: center;
      width: 100%;
      background-image: url(https://mayfieldclinic.com/images/spine414.jpg) !important;
      background-position: top center;
      background-size: contain;
      background-repeat: no-repeat;
      padding-bottom: 0;
      margin-bottom: 0
    }
    #spinecare {
      /*margin-top: 96px;*/
    }
    #spinecare svg, #acoustic-care svg, #neurovascular-care svg, #brain-tumor-care svg {
      width: 24px;
      height: auto;
    }
    #acoustic-care {
      text-align: center;
      width: 100%;
      background-image: url(/images/acoustic414.jpg);
      background-position: top center;
      background-size: contain;
      background-repeat: no-repeat;
      padding-bottom: 0;
      margin-bottom: 0
    }
    #acoustic-care .key-flex {
      margin-top: 215px;
    }
    .mini-bio {
      max-width: 225px;
      height: auto;
      display: block;
      float: none;
      margin-left: auto;
      margin-right: auto;
      clear: both
    }
    .an-label-float {
      float: right;
      margin-top: 132px;
      background-color: #000;
      opacity: .65;
      display: flex;
      flex-direction: row;
      width: 90% !important;
      padding: .5em;
      font-size: 110%
    }
    #aneurysm-care .message {
      /*margin-top: 100px;*/
    }
    #spinecare p.ph {
      margin-left: 00;
      margin-right: 0
    }
    #spinecare .key-flex {
      margin-top: 210px;
    }
    #spinecare .readybutton {
      margin-bottom: .75em;
      margin-left: 20px
    }
    #blogger {
      /*margin-left: 00rem;*/
    }
    #meningioma-care .readybutton, #chiari-care .readybutton {
      margin-bottom: .75em;
      margin-left: 20px
    }
    #brain-tumor-care .readybutton {
      margin-left: auto;
      margin-right: auto;
      clear: both;
    }
    #neurovascular-care .readybutton {
      margin-bottom: .75em;
      margin-left: 20px
    }
    #backpain-care p.ph {
      margin-left: 00;
      margin-right: 0
    }
    #backpain-care .key-flex {
      margin-top: 170px;
    }
    #backpain-care .readybutton {
      margin-bottom: .75em;
    }
    #acoustic-care p.ph {
      margin-left: 00;
      margin-right: 0
    }
    #acoustic-care.key-flex {
      margin-top: 170px;
    }
    #acoustic-care .readybutton {
      margin-bottom: .75em;
    }
    #meningioma-care {
      text-align: center;
      width: 100%;
      background-image: url(https://mayfieldclinic.com/images/meningioma414.jpg);
      background-position: top center;
      background-size: contain;
      background-repeat: no-repeat;
      padding-top: 55px;
      padding-bottom: 0;
      margin-bottom: 0
    }
    #chiari-care {
      text-align: center;
      width: 100%;
      background-image: url(https://mayfieldclinic.com/images/chiari414.jpg);
      background-position: top center;
      background-size: contain;
      background-repeat: no-repeat;
      padding-top: 55px;
      padding-bottom: 0;
      margin-bottom: 0
    }
    #aneurysm-care {
      text-align: center;
      width: 100%;
      background-image: url(https://mayfieldclinic.com/images/aneurysm414.jpg);
      background-position: top center;
      background-size: contain;
      background-repeat: no-repeat;
      padding-top: 55px;
      padding-bottom: 0;
      margin-bottom: 0
    }
    #aneurysm-care div.key-flex {
      margin-top: 62px;
    }
    #scoli-care {
      text-align: center;
      width: 100%;
      background-image: url(https://mayfieldclinic.com/images/scoliosis-414.jpg) !important;
      background-position: top center;
      background-size: cover;
      background-repeat: no-repeat;
      /* margin-top: 58px;*/
      padding-bottom: 0;
      margin-bottom: 0;
      padding-top: 28px;
      height: 185px;
    }
    #scoli-care .key-flex {
      margin-top: 00;
      width: 325px !important;
    }
    #scoli-care div.message h1 {
      font-size: 135%;
      text-align: center !important;
      margin-bottom: .5rem;
    }
    #scoli-care div.readybutton #apt-btn2 {
      width: 249px;
      padding: .25rem;
      border-radius: 12px;
      -weblit-border-radius: 12px;
      font-size: 112% !important;
      float: none;
      margin-right: auto;
      margin-left: auto;
      margin-top: 00;
      margin-bottom: 00;
      clear: both;
      align-content: center;
    }
    #brain-tumor-care {
      text-align: center;
      width: 100%;
      background-image: url(https://mayfieldclinic.com/images/brain414.jpg) !important;
      background-position: top center;
      background-size: contain;
      background-repeat: no-repeat;
      /*margin-top: 106px;*/
      padding-top: 55px;
      padding-bottom: 0;
      margin-bottom: 0
    }
    #brain-tumor-care .message {
      width: 338px !important;
    }
    #apt-btn2 {
      margin-left: 1rem
    }
    #copy {
      padding-top: 0
    }
    .appts {
      font-size: 1.25em;
      text-align: center
    }
    #top {
      margin-top: 195px !important
    }
    #logo {
      float: none;
      display: inline
    }
    #login2 {
      float: right;
      display: inline;
      margin: 0 0 1em 0em
    }
    #login2 .fa {
      font-size: 2em;
      margin-top: .25em
    }
    #login2 .fa-phone {
      display: none
    }
    .why {
      margin-top: 0
    }
    p.why {
      text-align: left;
      font-size: 120%
    }
    .why h2 {
      font-size: 1.25em;
      white-space: nowrap
    }
    .txt {
      margin-top: 1em;
      color: #fff;
      font-size: 1.25em
    }
    p.ph {
      text-align: center;
      color: #fff;
      font-size: 1.5em;
      margin-left: 4em
    }
    #brain-tumor-care p.ph {
      margin-left: 00em
    }
    .message h1 {
      text-align: center;
      font-size: 160%;
      margin-bottom: .5em;
      padding-right: 00;
    }
    #welcome1 .message h1 {
      margin-top: 2rem;
    }
    .telephone {
      text-align: center;
      margin-left: 00;
      margin-bottom: .5em;
    }
    .readybutton {
      margin-top: 1rem;
      align-content: center;
      text-align: center
    }
    /*.key-flex {
    margin-top: 100px
  }*/
    #acoustic-care .message h2 {
      margin-top: 106px
    }
    div.glioma {
      background-position: 50% 20%
    }
    div.pituitary {
      background-position: 50% 34%
    }
    div.meningioma {
      background-position: 50% 14%
    }
    #coe-grid .acoustic {
      background-position: 50% 42%
    }
    #coe-grid .radiosurgery {
      background-position: 50% 46%
    }
    #acoustic-care p.ph {
      margin-left: 00;
      margin-right: .5em
    }
    #acoustic-care .readybutton {
      margin-bottom: 1em;
    }
    #backpain-care p.ph {
      margin-left: 00;
      margin-right: .5em
    }
    #backpain-care .key-flex {
      margin-top: 155px
    }
    #backpain-care .readybutton {
      margin-bottom: 1em !important
    }
    #neurovascular p.ph {
      margin-left: 00 !important;
      margin-right: inherit;
    }
    #neurovascular .key-flex {
      margin-top: 190px;
    }
    #meningioma-care .key-flex {
      margin-top: 155px;
    }
    #chiari-care .key-flex {
      margin-top: 155px;
    }
    #brain-tumor-care .key-flex {
      margin-top: 155px !important
    }
    #brain-tumor-care .telephone {
      margin-left: 00 !important;
      margin-bottom: 00;
    }
    #brain-tumor-care p.ph {
      font-size: 1.5rem !important
    }
    #appt-section .key-flex {
      margin-top: 2px !important
    }
    #appt-section .telephone {
      margin-left: 0
    }
    #copy h1 {
      font-size: 1.4rem;
      margin-top: .5em
    }
    #appt-section p.ph {
      text-align: center;
      color: #fff;
      font-size: 1.5em;
      margin-left: 0 !important
    }
    #appt-section {
      background-image: none !important;
      background-color: #cdecfe;
    }
    #bullet-fixer li {
      margin-left: 2.25em;
      padding-left: .5em;
      margin-bottom: .25em;
      list-style: inside;
      text-indent: -1.5em;
      white-space: normal;
      font-size: medium
    }
    #homesection2 {
      background: #cdecfe;
      width: 100%;
      height: 50vh;
      padding: 0;
      z-index: -1
    }
    #appt-section {
      background-image: none !important;
      background-color: #cdecfe !important
    }
    #teampic img {
      max-width: 350px;
      height: auto;
      float: none;
      margin-left: auto;
      margin-right: auto;
      clear: both
    }
    div.sciatica {
      background-position: 50% 10%
    }
    div.stenosis {
      background-position: 50% 60%
    }
    div.neckpain {
      background-position: 50% 40%
    }
    div.pmr {
      background-position: 50% 20%
    }
    div.scoliosis {
      background-position: 50% 35%
    }
    div.meningioma2 {
      background-position: 50% 35%
    }
    div.craniotomy {
      background-position: 50% 35%
    }
    div.radiosurgery2 {
      background-position: 50% 35%
    }
    div.stimulators {
      background-position: 50% 60%
    }
    #people, #my-people {
      margin-top: 00rem;
    }
    #my-login .fa-envelope, .fa-search, .fa-phone {
      margin-top: .25em;
    }
    #logo-holder img {
      float: left;
      width: 150px;
      margin: .25em;
      height: auto;
    }
    #press {
      background-image: url(https://mayfieldclinic.com/images/_crewshot2.jpg);
      background-position: top center;
      min-height: 20vh;
      background-size: cover;
      background-repeat: no-repeat;
      /* margin-top: 100px;*/
    }
  }
  /***PIXEL2*****/
  @media only screen and (min-device-width:411px) and (max-device-width:823px) {
    div.thumber {
      display: none;
      visibility: hidden;
    }
    #complex {
      display: inline-flex;
      flex-direction: column;
      flex-flow: wrap-reverse;
    }
    #spirit-side {
      display: flex;
      flex-direction: column;
    }
    #myslides {
      display: inline-flex;
      flex-direction: column-reverse !important;
    }
    /*#myslides2 {
    display: flex;
    flex-direction: column-reverse;
  }*/
    #my-people .row {
      flex-direction: column;
    }
    #welcome1 h3 {
      font-size: 113%;
    }
    #welcome1 div.key-flex {
      margin-left: 00rem !important;
      margin-top: 00;
      padding: 00 !important;
      align-content: center;
    }
    #welcome1 p.ph {
      text-align: center;
      color: #fff;
      font-size: 135%;
      margin-left: 00rem;
      margin-right: 1rem;
    }
    #all_slides .home-slide {
      /*padding: 3rem 0rem!important;*/
      margin-top: 00px;
      height: 100%;
    }
    #myslides2 label.over20 {
      margin-top: 115px;
      width: 45%;
      padding: .25rem .5rem;
      font-size: 90%;
    }
    #myslides label.over20 {
      margin-top: 115px;
      width: 45%;
      padding: .25rem .5rem;
      font-size: 90%;
    }
    #slides2 {
      /* margin-top: 12px;*/
    }
    #gradbg h2 {
      text-align: center;
      margin-left: auto;
      margin-right: auto;
      clear: both;
    }
    #logo-holder img {
      float: left;
      width: 150px;
      margin: .5em;
      height: auto;
    }
    .grey-button {
      display: block;
      width: 100%;
    }
    .small-bio {
      max-height: 210px;
      width: auto;
    }
    #gozal {
      display: flex;
      flex-direction: column-reverse;
    }
    #mapper .row {
      margin-left: 00rem;
    }
    .bigmap {
      display: none;
      visibility: hidden
    }
    .neuro-block {
      width: 75%;
      height: auto;
      margin: .25em .25em;
      display: block;
      float: none;
      clear: both;
      padding: 1em
    }
    .hr, #hr {
      height: 234px;
    }
    #container, #main, body, html, main {
      overflow-x: scroll
    }
    #appt-section {
      background-image: none !important;
      background-color: #cdecfe !important
    }
    /*div.message {  margin-top: 30px
  }*/
    #neurovascular-care .message {
      margin-top: 00 !important;
      padding: 00 !important;
      margin-bottom: .25rem;
      text-align: center;
    }
    #brain-tumor-care div.key-flex {
      margin-top: 156px;
      /*margin-left: 20px;*/
      align-content: center;
    }
    #brain-tumor-care .btn-ready {
      margin-right: 44px;
    }
    #appt-section div.message {
      margin-top: 00px !important
    }
    .message h1 {
      text-align: center !important;
      font-size: 155%;
      margin-bottom: .5em !important;
      padding-right: 00 !important
    }
    #spinecare .message h1 {
      text-align: center !important;
      font-size: 155%;
      margin-top: 1.5rem !important;
      margin-bottom: 00 !important;
      padding-right: 00 !important
    }
    #aneurysm-care .message h1 {
      color: #00599c;
      margin-top: 160px;
      font-size: 1.25em;
    }
    #neurovascular .message h1 {
      text-align: left !important;
      font-size: 125%;
      margin-bottom: 00 !important;
      padding-right: 00 !important
    }
    #welcome1 .message h1 {
      margin-top: 1rem;
      text-align: center !important;
      font-size: 155%;
      margin-bottom: .5em !important;
      padding-right: 00 !important
    }
    .telephone {
      text-align: center !important;
      margin-left: 0;
      /*padding-right: 4rem;*/
      margin-bottom: 00 !important
    }
    .readybutton {
      align-content: center;
      text-align: center
    }
    .key-flex {
      margin-top: 168px;
      margin-bottom: 0
    }
    #acoustic-care .key-flex {
      margin-top: 00px;
      margin-bottom: 0
    }
    #aneurysm-care .key-flex {
      margin-top: 00;
      margin-bottom: 00;
    }
    #spinecare .key-flex {
      margin-top: 00px;
    }
    #scoli-care .key-flex {
      margin-top: 00;
      margin-bottom: 00;
    }
    #scoli-care div.message {
      text-align: center;
    }
    #spinecare {
      text-align: center;
      width: 100%;
      background-image: url(https://mayfieldclinic.com/images/spine414.jpg);
      background-position: top right;
      background-size: contain;
      background-repeat: no-repeat;
      padding-top: 00px;
      padding-bottom: 0;
      margin-bottom: 0;
      /*margin-top: 106px;*/
    }
    #blogger {
      /*margin-left: 00;*/
    }
    div .coeHW h3 {
      margin-top: 17%;
    }
    #aneurysm-care {
      text-align: center;
      width: 100%;
      background-image: url(https://mayfieldclinic.com/images/aneurysm414.jpg);
      background-position: top center;
      background-size: contain;
      background-repeat: no-repeat;
      padding-top: 36px;
      padding-bottom: 0;
      margin-bottom: 0
    }
    #brain-tumor-care {
      text-align: center;
      width: 100%;
      background-image: url(https://mayfieldclinic.com/images/brain414.jpg);
      background-position: top center;
      background-size: contain;
      background-repeat: no-repeat;
      padding-bottom: 0;
      margin-bottom: 0
    }
    #brain-tumor-care .key-flex {
      margin-top: 165px;
      width: 375px;
    }
    #main .mc-main {
      margin-top: 00 !important
    }
    #neurovascular {
      text-align: center;
      width: 100%;
      background-image: url(https://mayfieldclinic.com/images/neurovascular414.jpg);
      background-position: top center;
      background-size: contain;
      background-repeat: no-repeat;
      padding-bottom: 0;
      margin-bottom: 0
    }
    #brain-tumor-care {
      text-align: center;
      width: 100%;
      background-image: url(https://mayfieldclinic.com/images/brain414.jpg);
      background-position: top center;
      background-size: contain;
      background-repeat: no-repeat;
      padding-bottom: 0;
      margin-bottom: 0
    }
    #meningioma-care {
      text-align: center;
      width: 100%;
      background-image: url(https://mayfieldclinic.com/images/meningioma414.jpg);
      background-position: top center;
      background-size: contain;
      background-repeat: no-repeat;
      padding-top: 36px;
      padding-bottom: 0;
      margin-bottom: 0
    }
    #chiari-care {
      text-align: center;
      width: 100%;
      background-image: url(https://mayfieldclinic.com/images/chiari414.jpg);
      background-position: top center;
      background-size: contain;
      background-repeat: no-repeat;
      padding-top: 36px;
      padding-bottom: 0;
      margin-bottom: 0
    }
    #scoli-care {
      text-align: center;
      width: 100%;
      background-image: url(https://mayfieldclinic.com/images/scoliosis-414.jpg);
      background-position: top center;
      background-size: cover;
      background-repeat: no-repeat;
      padding-top: 36px;
      padding-bottom: 0;
      margin-bottom: 0
    }
    #spinecare .key-flex {
      margin-top: 200px
    }
    #spinecare .readybutton {
      margin-bottom: 00em;
    }
    #backpain-care .message h1 {
      color: #00599c;
      margin-top: 48px;
      font-size: 1.4em;
      margin-bottom: 2em
    }
    #backpain-care .readybutton {
      margin-bottom: 2em
    }
    #backpain-care .key-flex {
      margin-top: 45px
    }
    #backpain-care .telephone {
      margin-bottom: 1em
    }
    #acoustic-care .message h1 {
      color: #00599c;
      margin-top: 48px;
      font-size: 1.6em;
      margin-bottom: 2em
    }
    .an-main div.coeHW h3 {
      margin-top: 25%;
    }
    .an-radio {
      background-image: url(https://mayfieldclinic.com/images/bluebox-acoustic-radio320.jpg);
      background-size: cover;
      background-repeat: no-repeat;
      background-position: 50% 78% !important;
    }
    /*#acoustic-care .readybutton {
    margin-bottom: 2em
  }*/
    /*#acoustic-care .key-flex {
    margin-top: 45px
  }*/
    /* #acoustic-care .telephone {
    margin-bottom: 1em
  }*/
    #copy {
      margin-top: 00;
    }
    #copy h1 {
      margin-top: .5em
    }
    div.coeHW h3 {
      margin-top: 15%
    }
    .avm, .carotid, .stroke {
      background-position: center center
    }
    .aneurysm {
      background-position: 50% 15%
    }
    .coe-grid div, .coe-grid4 div {
      margin: .25em;
      text-align: center !important;
      font-size: 12px;
      flex-basis: 98%;
      flex-direction: column;
      height: 124px;
      padding: 0
    }
    div.sciatica {
      background-position: 50% 10%
    }
    div.stenosis {
      background-position: 50% 60%
    }
    div.neckpain {
      background-position: 50% 40%
    }
    div.pmr {
      background-position: 50% 20%
    }
    div.scoliosis {
      background-position: 50% 35%
    }
    div.stimulators {
      background-position: 50% 60%
    }
    div.meningioma2 {
      background-position: 50% 35%
    }
    div.craniotomy {
      background-position: 50% 35%
    }
    div.radiosurgery2 {
      background-position: 50% 35%
    }
    #brain-tumor-care .key-flex {
      margin-top: 172px
    }
    #meningioma-care .key-flex {
      margin-top: 180px;
      text-align: left;
      margin-left: 1rem;
    }
    #chiari-care .key-flex {
      margin-top: 180px;
      text-align: left;
      margin-left: 1rem;
    }
    #coe.container > div {
      width: 100% !important;
      flex-direction: column !important;
      font-size: 1.3em;
      font-weight: 700;
      padding: 1em;
      color: #fff
    }
    #apt-btn2 {
      /*margin-left: 3.25rem;
    margin-right: 1.5rem;
    clear: both;*/
    }
    #top {
      margin-top: 172px !important
    }
    p.why {
      text-align: left;
      font-size: 120%
    }
    .why h2 {
      font-size: 1.25em;
      white-space: nowrap
    }
    .txt {
      color: #fff;
      font-size: 1em
    }
    .ph {
      color: #fff;
      font-size: 1.5em
    }
    #about {
      background: #e0f2fd;
      background-image: url(https://mayfieldclinic.com/images/_bgabout768.jpg);
      background-position: top center;
      background-size: cover;
      background-repeat: no-repeat;
      margin-bottom: 00;
      height: 225px;
    }
    #teamtext h1 {
      margin-top: 24px
    }
    #teampic img {
      max-width: 318px;
      height: auto;
      float: none;
      margin-left: auto;
      margin-right: auto;
      clear: both;
      margin-top: 12px
    }
    #pt {
      background: #e0f2fd;
      background-image: url(https://mayfieldclinic.com/images/pt-bannerx768.jpg);
      background-position: top center;
      background-size: cover;
      background-repeat: no-repeat;
      margin-bottom: 00;
      height: 225px;
    }
    #main {
      /*margin-top: 105px;*/
    }
  }
  /*****Galaxy S21***/
  @media only screen and (min-device-width:360px) and (max-device-width:800px) and (-webkit-device-pixel-ratio:4) {
    #spirit-side {
      display: flex;
      flex-direction: column;
    }
    div.thumber {
      display: none;
    }
    #home-video {
      display: inline-flex;
      flex-direction: column-reverse;
    }
    #myslides2 {
      display: flex;
      flex-direction: column-reverse;
    }
    #myslides2 label.over20 {
      margin-top: 145px;
    }
    #my-people .row {
      flex-direction: column;
    }
    /*#slides2 label.over20 {
    margin-top: 100px!important;
    width:inherit;
    padding: inherit;
    font-size: inherit;
	}*/
    #myslides label.over20 {
      width: 66%;
      font-size: 100%;
      font-weight: 600;
      margin-top: 34px;
    }
    #myslides {
      display: inline-flex;
      /* flex-direction: column-reverse!important;*/
    }
    #covid h2.modal-title {
      font-size: 130%;
      margin-top: .75em;
      margin-bottom: .25em;
    }
    #welcome1 h3 {
      font-size: 113%;
    }
    #welcome1 div.key-flex {
      margin-left: 00rem !important;
      margin-top: 00rem !important;
      padding: 00 !important;
      align-content: center;
    }
    #welcome1 div.message {
      text-align: center !important;
      align-items: center !important
    }
    #gradbg div.message .btn-ready {
      margin-left: 3.5rem;
      margin-right: 00;
    }
    #gradbg div.message .ph {
      margin-left: 1rem;
    }
    #all_slides .home-slide {
      /*padding: 3rem 0rem!important;*/
      margin-top: 00px;
      height: 100%;
    }
    #slides2 label.over20 {
      margin-top: 115px;
      width: 45%;
      padding: .25rem .5rem;
      font-size: 85%;
    }
    #logo-holder img {
      max-width: 140px;
      height: auto;
      margin: .25rem;
    }
    #my-login .fa {
      font-size: 1.75rem;
    }
    #myslides2 {
      display: flex;
      flex-direction: column-reverse;
    }
    /*#s-cards{margin-top:200px;}*/
    #s-cards .card {
      width: 98%;
      height: auto;
    }
    #gradbg .key-flex {
      margin-top: 60px;
      margin-left: .5rem;
    }
    #gradbg .message h2 {
      text-align: center;
      margin-left: auto;
      margin-right: auto;
      clear: both;
    }
    #all_slides .slide {
      padding: 4rem 6rem;
      margin-top: 16px;
    }
  }
  /********iphone12 PRO**************/
  @media only screen and (min-device-width:390px) and (max-device-width:844px) and (-webkit-device-pixel-ratio:3) {
    #spirit-side {
      display: flex;
      flex-direction: column;
    }
    #gradbg .key-flex {
      margin-top: 86px;
    }
    #aneuysm-care .key-flex {
      margin-top: 62px
    }
    div.thumber {
      display: none;
    }
    #my-people .row {
      flex-direction: column;
    }
    #myslides2 {
      display: flex; /*flex-direction:column-reverse;*/
    }
    #myslides2 label.over20 {
      margin-top: 145px;
    }
    #myslides label.over20 {
      margin-top: 145px;
    }
    #gradbg h2 {
      text-align: center;
      margin-left: auto;
      margin-right: auto;
      clear: both;
    }
    #all_slides .slide {
      padding: 6rem 6rem;
    }
    #all_slides .home-slide {
      padding: 6rem 6rem;
    }
    #slides label.over20 {
      margin-top: 45px;
    }
    main .ap {
      margin-top: 100px !important
    }
    .btn-info {
      font-size: 1.2em;
    }
    #aneurysm-care .message {
      /*margin-top: 230px;*/
    }
    #hr {
      height: 243px;
      -webkit-height: 243px;
    }
    #press {
      /* margin-top: 108px;*/
      background-position: -470 center;
    }
    #brain-tumor-care {
      text-align: center;
      width: 100%;
      background-image: url(https://mayfieldclinic.com/images/brain414.jpg) !important;
      background-position: top center;
      background-size: contain;
      background-repeat: no-repeat;
      /*margin-top: 104px;*/
      padding-bottom: 0;
      margin-bottom: 0
    }
    #brain-tumor-care .key-flex {
      margin-top: 185px !important;
      margin-bottom: .25rem;
      text-align: center;
    }
    #brain-tumor-care .message {
      width: 375px !important;
      text-align: center;
    }
    #brain-tumor-care .btn-ready {
      box-shadow: 2px 2px 4px gray;
    }
    #brain-tumor-care p.ph {
      font-size: 1.65rem !important;
    }
    #main .mc-main {
      margin-top: 00 !important;
    }
    #neurovascular {
      text-align: center;
      width: 100%;
      background-image: url(https://mayfieldclinic.com/images/neurovascular414.jpg) !important;
      background-position: top center;
      background-size: contain;
      background-repeat: no-repeat;
      height: auto;
      /*margin-top: 107px !important;*/
    }
    #neurovascular .key-flex {
      margin-top: 190px;
    }
    #my-login .fa {
      font-size: 2rem;
    }
  }
  /********Samsung Note 10+ *********/
  @media only screen and (min-device-width:412px) and (max-device-width:869px) and (-webkit-device-pixel-ratio:3.5) {
    #gradbg .key-flex {
      margin-top: 75px !important;
    }
    #myslides label.over20 {
      padding: .25rem;
    }
    div.thumber {
      display: none;
    }
    #my-people .row {
      flex-direction: column;
    }
    #spirit-side {
      display: flex;
      flex-direction: column;
    }
    #gradbg h2 {
      text-align: center;
      margin-left: auto;
      margin-right: auto;
      clear: both;
    }
    #myslides2 {
      display: flex;
      flex-direction: column-reverse;
    }
    #my-login .fa {
      margin-top: .25rem;
    }
    #home-video {
      display: inline-flex;
      flex-direction: column-reverse;
    }
    #welcome1 div.key-flex {
      align-items: center;
    }
    #welcome1 .btn-ready {
      margin-left: 4rem;
    }
    #scoli-care {
      text-align: center;
      width: 100%;
      background-image: url(https://mayfieldclinic.com/images/scoliosis-414.jpg) !important;
      background-position: top center;
      background-size: contain;
      background-repeat: no-repeat;
      padding-top: 36px;
      padding-bottom: 0;
      /*margin-top: 80px !important;*/
      margin-bottom: 0;
      height: 225px !important;
    }
    #scoli-care div.key-flex {
      margin-top: 00px !important;
    }
    #brain-tumor-care {
      margin-top: 104px;
      text-align: center;
      width: 100%;
      background-image: url(https://mayfieldclinic.com/images/brain414.jpg) !important;
      background-position: top center;
      background-size: contain;
      background-repeat: no-repeat;
      padding-top: 36px;
      padding-bottom: 0;
      margin-bottom: 0
    }
    #brain-tumor-care .key-flex {
      margin-top: 145px !important;
      margin-bottom: .25rem;
      width: 350px;
      text-align: center;
    }
    #brain-tumor-care .message {
      margin-top: 60px;
      width: 350px !important;
      text-align: center;
    }
    #brain-tumor-care .readybutton {
      margin-left: auto;
      margin-right: auto;
      clear: both;
    }
    #brain-tumor-care .telephone {}
    #brain-tumor-care .btn-ready {
      box-shadow: 2px 2px 4px gray;
    }
    #brain-tumor-care p.ph {
      font-size: 1.65rem !important;
    }
    .bt-grid div.coeHW h3 {
      margin-top: 14%;
    }
    #neurovascular div.key-flex {
      margin-top: 240px;
    }
    #neurovascular div.key-flex h1 {
      font-size: 140%;
    }
  }
  /***#3 iphone XR******/
  /***#1 iphone XS MAX************************************************* ******/
  @media only screen and (min-device-width:414px) and (max-device-width:896px) and (-webkit-device-pixel-ratio:2) {
    #spirit-side {
      display: flex;
      flex-direction: column;
    }
    #gradbg h2 {
      text-align: center;
      margin-left: auto;
      margin-right: auto;
      clear: both;
    }
    #my-people .row {
      flex-direction: column;
    }
    #gradbg .key-flex {
      margin-top: 78px;
    }
    #all_slides .slide {
      padding: 5rem 6rem;
      margin-top: 16px;
    }
    #welcome1 div.key-flex {
      margin-left: 00rem !important;
      margin-top: 00;
      padding: 00 !important;
      align-content: center;
    }
    #welcome1 div.message {
      text-align: center !important;
      align-items: center !important
    }
    #myslides h1.mayfield-blue {
      margin-top: 1.5rem !important;
    }
    #all_slides .home-slide {
      padding: 5.5rem;
      margin-top: 16px;
    }
    #myslides2 label.over20 {
      margin-top: 145px;
      width: 45%;
      padding: .25rem .5rem
    }
    #myslides label.over20 {
      margin-top: 145px;
      margin-left: .5rem;
      width: 45%;
      padding: .25rem .5rem
    }
    /*#myslides2 {
    display: flex;
    flex-direction: column-reverse;
  }*/
    #hr {
      height: 243px;
      -webkit-height: 243px;
    }
    #aneurysm-care .message {
      margin-top: 44px;
    }
    #gozal {
      display: flex;
      flex-direction: column-reverse;
    }
    #mapper .row {
      margin-left: 00rem;
    }
    #bio h1, #bio h2 {
      margin-right: 1.25em;
      padding: 0;
      margin-bottom: 0;
      line-height: normal;
      display: block !important
    }
    #acoustic-care .message h2 {
      margin-top: 00px;
      text-align: center
    }
    #spinecare {
      /*margin-top: 96px;*/
    }
    #spinecare svg, #acoustic-care svg, #neurovascular-care svg, #brain-tumor-care svg {
      width: 24px;
      height: auto;
    }
    #blogger {
      /*margin-left: 00*/
    }
    #spinecare .message h1 {
      margin-top: 1rem !important;
    }
    #appt-section .readybutton {
      margin-top: 0
    }
    #coe.container > div {
      flex-basis: 100%;
      font-size: 1.5em;
      font-weight: 700;
      font-family: 'Open Sans';
      justify-content: space-between;
      align-items: stretch;
      padding: .65em 1em;
      color: #fff;
      text-align: center
    }
    .coe-grid div, .coe-grid4 div {
      margin: .25em;
      text-align: center !important;
      font-size: 15px;
      flex-basis: 98%;
      flex-direction: column;
      height: 124px;
      padding: 0
    }
    div.sciatica {
      background-position: 50% 10%
    }
    div.stenosis {
      background-position: 50% 60%
    }
    div.neckpain {
      background-position: 50% 40%
    }
    div.pmr {
      background-position: 50% 20%
    }
    div.scoliosis {
      background-position: 50% 35%
    }
    div.stimulators {
      background-position: 50% 60%
    }
    div.glioma {
      background-position: 50% 20% !important
    }
    div.pituitary {
      background-position: 50% 34% !important
    }
    div.meningioma {
      background-position: 50% 14% !important
    }
    div.meningioma2 {
      background-position: 50% 35%
    }
    div.craniotomy {
      background-position: 50% 35%
    }
    div.radiosurgery2 {
      background-position: 50% 35%
    }
    #coe-grid .acoustic {
      background-position: 50% 42% !important;
    }
    #coe-grid .radiosurgery {
      background-position: 50% 46% !important;
    }
    #aneurysm-care {
      text-align: center;
      width: 100%;
      background-image: url(https://mayfieldclinic.com/images/aneurysm414.jpg);
      background-position: 08% -5%;
      background-size: contain;
      background-repeat: no-repeat
    }
    #apt-btn2 {
      /*margin-left: 3rem;
    margin-right: 0rem;
    clear: both;*/
    }
    #brain-tumor-care {
      text-align: center;
      width: 100%;
      background-image: url(https://mayfieldclinic.com/images/brain414.jpg);
      background-position: top center;
      background-size: contain;
      background-repeat: no-repeat;
      padding-bottom: 0;
      margin-bottom: 0
    }
    #neurovascular {
      text-align: center;
      width: 100%;
      background-image: url(https://mayfieldclinic.com/images/neurovascular414.jpg) !important;
      background-position: top center !important;
      background-size: contain;
      background-repeat: no-repeat;
      padding-bottom: 0;
      margin-bottom: 0
    }
    #neurocascular div.message {
      margin-top: 00px !important;
      margin-bottom: .25rem;
      text-align: center;
    }
    #neurovascular .message h1 {
      font-size: 130% !important;
    }
    #neurovascular .key-flex {
      margin-top: 190px !important;
    }
    #brain-tumor-care .key-flex {
      margin-top: 130px;
      margin-bottom: .25rem;
      text-align: center;
    }
    #brain-tumor-care .message {
      width: 375px !important;
      text-align: center;
    }
    #brain-tumor-care .readybutton {
      margin-left: 46px !important;
    }
    #brain-tumor-care p.ph {
      font-size: 1.65rem !important;
      margin-left: 48px !important;
    }
    .mc-main {
      margin-top: 00 !important;
    }
    #scoli-care {
      text-align: center;
      width: 100%;
      background-image: url(https://mayfieldclinic.com/images/scoliosis-414.jpg) !important;
      background-position: top center;
      background-size: contain;
      background-repeat: no-repeat;
      /*padding-top: 36px;*/
      padding-bottom: 0;
      /*margin-top: 80px !important;*/
      margin-bottom: 0;
      /*height: 225px;*/
    }
    #scoli-care div.key-flex {
      margin-top: 00px;
    }
    div.coeHW h3 {
      margin-top: 17%;
    }
  }
  /********- iphone 12 Pro**************/
  @media only screen and (min-device-width:414px) and (max-device-width:896px) and (-webkit-device-pixel-ratio:3) {
    #myslides label.over20 {
      width: 45%;
      margin-top: 8px;
    }
    #spirit-side {
      display: flex;
      flex-direction: column;
    }
    #my-people .row {
      flex-direction: column;
    }
    #gradbg h2 {
      text-align: center;
      margin-left: auto;
      margin-right: auto;
      clear: both;
    }
    #home-video {
      display: inline-flex;
      flex-direction: column-reverse;
    }
    #myslides {
      display: inline-flex; /*flex-direction: column-reverse!important;*/
    }
    #myslides .home-row {
      display: inline-flex;
      flex-direction: row !important;
    }
    #myslides2 {
      display: flex;
      flex-direction: column-reverse;
    }
    #hr {
      height: 243px;
      -webkit-height: 243px;
    }
    .small-bio {
      max-height: 175px;
      width: auto;
    }
    #acoustic-care .key-flex {
      margin-top: 165px
    }
    #logo-holder img {
      float: left;
      width: 150px;
      margin: .5em;
      height: auto;
    }
    #scoli-care {
      text-align: center;
      width: 100%;
      background-image: url(https://mayfieldclinic.com/images/scoliosis-414.jpg) !important;
      background-position: top center;
      background-size: contain;
      background-repeat: no-repeat;
      padding-top: 36px;
      padding-bottom: 0;
      /*margin-top: 80px !important;*/
      margin-bottom: 0;
      height: 225px !important;
    }
    #scoli-care div.key-flex {
      /*margin-top: 36px !important;*/
      align-content: center;
      width: auto;
    }
    #scoli-care div.message {
      padding-top: 00;
      font-size: 141% !important;
    }
    #scoli-care .readybutton #apt-btn2 {
      font-size: medium;
      padding: auto !important;
      width: 265px !important;
    }
    #aneurysm-care {
      margin-top: 00;
      text-align: center;
      width: 100%;
      background-image: url(https://mayfieldclinic.com/images/aneurysm414.jpg);
      background-position: top center;
      background-size: contain;
      background-repeat: no-repeat;
      padding-top: 36px;
      padding-bottom: 0;
      margin-bottom: 0;
    }
    #aneurysm-care .message {
      /*margin-top: 195px;*/
      text-align: center;
    }
  }
  /********iphone12 PRO Max**************/
  @media only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) {
    #my-people .row {
      flex-direction: column;
    }
    div.thumber {
      display: none;
    }
    #spirit-side {
      display: flex;
      flex-direction: column;
    }
    #gradbg .key-flex {
      margin-top: 80px;
    }
    #gradbg h2 {
      text-align: center;
      margin-left: auto;
      margin-right: auto;
      clear: both;
    }
    #myslides2 {
      display: flex;
      flex-direction: column-reverse;
    }
    .btn-info {
      font-size: 1.2em;
    }
    #aneurysm-care .message {
      /*margin-top: 230px;*/
    }
    #hr {
      height: 243px;
      -webkit-height: 243px;
    }
    #press {
      /*margin-top: 108px;*/
      background-position: -470 center;
    }
    #brain-tumor-care {
      text-align: center;
      width: 100%;
      background-image: url(https://mayfieldclinic.com/images/brain414.jpg) !important;
      background-position: top center;
      background-size: contain;
      background-repeat: no-repeat;
      /*margin-top: 104px;*/
      padding-bottom: 0;
      margin-bottom: 0
    }
    #pt {
      background: #e0f2fd;
      background-image: url(https://mayfieldclinic.com/images/pt-bannerx414.jpg);
      background-position: top center;
      background-size: contain;
      background-repeat: no-repeat;
      /*margin-top: 104px;*/
      padding-bottom: 0;
      margin-bottom: 0;
      min-height: 230px;
    }
    #brain-tumor-care .key-flex {
      margin-top: 185px !important;
      margin-bottom: .25rem;
      text-align: center;
    }
    #brain-tumor-care .message {
      width: 375px !important;
      text-align: center;
    }
    #brain-tumor-care .btn-ready {
      box-shadow: 2px 2px 4px gray;
    }
    #brain-tumor-care p.ph {
      font-size: 1.65rem !important;
    }
    #main .mc-main {
      margin-top: 00 !important;
    }
    #neurovascular {
      text-align: center;
      width: 100%;
      background-image: url(https://mayfieldclinic.com/images/neurovascular414.jpg);
      background-position: top center;
      background-size: contain;
      background-repeat: no-repeat;
      height: auto;
      /* margin-top: 107px !important;*/
    }
    #neurovascular .key-flex {
      margin-top: 160px;
      margin-bottom: .25rem;
      text-align: center;
    }
  }
  /***NAV toggler****/
  @media (max-width:1023px) {
    .navbar-header {
      float: none;
    }
    .navbar-toggle {
      display: block;
    }
    .navbar-collapse {
      border-top: 1px solid transparent;
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    }
    .navbar-collapse.collapse {
      display: none !important;
    }
    .navbar-nav {
      float: none !important;
      margin: 7.5px -15px;
    }
    .navbar-nav > li {
      float: none;
    }
    .navbar-nav > li > a {
      padding-top: 10px;
      padding-bottom: 10px;
    }
  }
  /********ipad**************/
  /********ipad landscape*************
/*@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio : 2) and (orientation:landscape) {
  #main {
    /*margin-top: 130px;
  }
  #hr {
    height: 225px;
    -webkit-height: 300px;
    margin-top: 130px;
  }
  #offices .mt-3 {
    flex-basis: 25%;
    flex-flow: row wrap !important;
  }
  #offices .card-img-top {
    max-width: 208px;
    width: auto;
  }
  #logo-holder img {
    float: left;
  }
  #more-people {
    background-image: url(https://mayfieldclinic.com/images/tlbackground.jpg) !important;
    background-position: bottom center !important;
    background-size: cover;
    background-repeat: no-repeat
  }
  #coe.container > div {
    flex-basis: 24%;
    font-size: 1em;
    font-weight: 700;
    font-family: 'Open Sans';
    justify-content: space-evenly;
    padding: .75em .5em;
    color: #fff;
    text-align: center
  }
  .coe-grid div {
    margin: .5em .25em;
    text-align: center;
    flex-basis: 32%;
    min-height: 165px;
    padding: 0;
    background-color: #0086ac
  }
  .coe-grid4 div {
    margin: .25em;
    text-align: center !important;
    font-size: 12px;
    flex-basis: 48% !important;
    flex-wrap: wrap;
    flex-direction: row !important;
    height: 124px;
    padding: 0
  }
  .message h1 {
    margin-top: 1em
  }
  #coe-grid div.acoustic, #coe-grid div.radiosurgery {
    flex-basis: 48% !important;
    flex-direction: row
  }

  div.coe {
    margin-bottom: 00 !important
  }
  #appt-section2 {
    padding-top: 60px;
    width: 100%;
    height: 294px !important;
    background-image: url(https://mayfieldclinic.com/images/apptshero1024-2020.jpg);
    background-position: top center;
    background-size: contain;
    background-repeat: no-repeat
  }
  #neurovascular {
    width: 100%;
    background-image: url(https://mayfieldclinic.com/images/neurovascular1024.jpg);
    background-position: top center;
    background-size: contain;
    background-repeat: no-repeat
  }
  #scoli-care {
    padding-top: 60px;
    width: 100%;
    background-image: url(../images/scoliosis-1024.jpg);
    /*background-position: top center;
    background-size: cover;
    background-repeat: no-repeat
  }
  #acoustic-care {
    padding-top: 60px;
    width: 100%;
    background-image: url(../images/acoustic1024.jpg);
    background-position: top center;
    background-size: contain;
    background-repeat: no-repeat
  }
  #aneurysm-care {
    padding-top: 60px;
    width: 100%;
    background-image: url(https://mayfieldclinic.com/images/aneurysm1024.jpg);
    background-position: top center;
    background-size: contain;
    background-repeat: no-repeat
  }
  #spinecare {
    padding-top: 60px;
    width: 100%;
    background-image: url(https://mayfieldclinic.com/images/spine1024.jpg);
    background-position: top center;
    background-size: contain;
    background-repeat: no-repeat
  }
  #backpain-care {
    padding-top: 60px;
    width: 100%;
    height: 294px !important;
    background-image: url(https://mayfieldclinic.com/images/spine1024.jpg);
    background-position: top center;
    background-size: contain;
    background-repeat: no-repeat
  }
  #brain-tumor-care .telephone, #neurovascular .telephone, #spinecare .telephone {
    margin-bottom: 0
  }
  #search_field {
    margin: 0;
    width: auto;
    display: inline
  }
  #brain-tumor-care {
    width: 100%;
    background-image: url(https://mayfieldclinic.com/images/brain1024.jpg);
    background-position: top center;
    background-size: contain;
    background-repeat: no-repeat
  }
  #meningioma-care {
    width: 100%;
    background-image: url(https://mayfieldclinic.com/images/meningioma1024.jpg);
    background-position: top center;
    background-size: contain;
    background-repeat: no-repeat
  }
  .button-size {
    float: left;
    display: block
  }
  .why {
    padding: .25em 0em
  }
  p.why {
    text-align: left;
    font-size: 120%
  }
  .why h2 {
    font-size: 1.25em;
    white-space: nowrap
  }
  .txt {
    float: left;
    color: #fff;
    font-size: 1.25em
  }
  p.ph {
    margin: 0em 2.5em 2em 00em !important
  }
  #top {
    padding: 0
  }
  #apt-btn2 {
    margin: 1em 1em
  }
  #logo img {
    float: left !important
  }
  div.blog-white h3 {
    font-size: 110%;
    margin-top: 0
  }
}
/*@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) {
  #offices .mt-3 {
    flex-basis: 25%;
    flex-flow: row wrap !important;
  }
  #offices .card-img-top {
    max-width: 208px;
    width: auto;
  }
  #logo-holder img {
    float: left;
    width: 150px;
    height: auto
  }
  #search {
    margin: 0 1rem !important
  }
  
  .why {
    padding-top: 00 !important;
    padding-bottom: 00 !important
  }
	#all_slides .home-slide {margin-top:12px!important;
    height: 265px!important;
    width: 102%!important;
		margin-left:00rem!important;
}
  #coe.container > div {
    flex-basis: 24%;
    font-size: 1em;
    font-weight: 700;
    font-family: 'Open Sans';
    justify-content: space-evenly;
    padding: .75em .5em;
    color: #fff;
    text-align: center
  }
  #coe-grid div.acoustic, #coe-grid div.radiosurgery {
    flex-basis: 48% !important;
    flex-direction: row
  }
  div.coe {
    padding-top: 00 !important;
    padding-bottom: 00 !important;
    margin-top: 00 !important;
    margin-bottom: 1.5em
  }
  #aneurysm-care {
    width: 100%;
    background-image: url(https://mayfieldclinic.com/images/aneurysm-1024.jpg);
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat
  }
  #drs div {
    flex-direction: row
  }
  #scoli-care {
    width: 100%;
    background-image: url(https://mayfieldclinic.com/images/scoliosis-1024.jpg);
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat
  }
  #neurovascular {
    width: 100%;
    background-image: url(https://mayfieldclinic.com/images/neurovascular1024.jpg);
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
	  
  }
  #spinecare {
    width: 100%;
    background-image: url(https://mayfieldclinic.com/images/spine1024.jpg);
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat
  }
  #backpain-care {
    padding-top: 0;
    width: 100%;
    background-image: url(https://mayfieldclinic.com/images/spine1024.jpg);
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat
  }
  #acoustic-care {
    padding-top: 0;
    width: 100%;
    background-image: url(/images/acoustic1024.jpg);
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat
  }
  #meningioma-care {
    width: 100%;
    background-image: url(https://mayfieldclinic.com/images/meningioma1024.jpg);
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat
  }
  #brain-tumor-care {
    width: 100%;
    background-image: url(https://mayfieldclinic.com/images/brain1024.jpg);
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat
  }
  #appt-section2 {
    padding-top: 0;
    width: 100%;
    height: 30vh;
    background-image: url(https://mayfieldclinic.com/images/apptshero1024-2020.jpg);
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat
  }
  #appt-section {
    background-image: url(https://mayfieldclinic.com/images/apptspage_banner.jpg);
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    padding: 0;
    z-index: -1
  }
  #top {
    margin-top: 12px !important
  }
  #logo {
    float: left
  }
  #about {
    background-image: url(https://mayfieldclinic.com/images/_bgabout1024.jpg);
    background-position: 50 50;
    background-size: contain;
    background-repeat: no-repeat;
    margin-bottom: 00;
  }
  #more-people {
    background-image: url(https://mayfieldclinic.com/images/tlbackground.jpg) !important;
    background-position: bottom center !important;
    background-size: cover;
    background-repeat: no-repeat
  }
  div.blog-white h3 {
    font-size: 110%;
    margin-top: 0
  }
}
/****Portrait*****
@media only screen and  (min-device-width:768px) and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio : 2) and (orientation:portrait) {
  #gradbg .key-flex {
    /*margin-top: 48px;
  }
  /*#gradbg .message h2 {
    text-align: left;
  }
  #all_slides {
    position: relative;
    width: 100%;
    height: 100%;
    padding: .5rem;
    margin: 0px;
    list-style-type: none;
  }
	#all_slides .home-slide {
  height:211px!important;
    width: 150%!important;
    margin-bottom: 00;
    padding-bottom: 00;
    margin-top: 00;
    margin-left: -6rem;
}
	#apt-section-2021{height:225px;}
  #myslides label.over20 {
    margin-top: 3rem;
    padding: .25rem .5rem;
    font-weight: 600;
    width: 65%;
  }
	#myslides2 label.over20 {
    margin-top: 154px!important;
    margin-right: 0rem!important;
}
  #offices .mt-3 {
    flex-basis: 50%;
    flex-flow: row wrap !important;
  }
  #offices .card-img-top {
    height: 186px;
    width: auto;
  }

  #logo-holder img {
    float: left;
  }
  #coe.container > div {
    flex-basis: 24%;
    font-size: 1em;
    font-weight: 700;
    font-family: 'Open Sans';
    justify-content: space-evenly;
    padding: .75em .5em;
    color: #fff;
    text-align: center
  }
  #about {
    background-image: url(https://mayfieldclinic.com/images/_bgabout768.jpg) !important;
    background-position: 50 50;
    background-size: contain;
    background-repeat: no-repeat;
    margin-bottom: 00;
  }
  #neurovascular {
    width: 100%;
    background-image: url(https://mayfieldclinic.com/images/neurovascular768.jpg);
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat
  }
  #aneurysm-care {
    padding-top: 0;
    width: 100%;
    background-image: url(https://mayfieldclinic.com/images/aneurysm768.jpg);
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat
  }
  #spinecare {
    margin-top: 130px !important;
    padding-top: 0;
    width: 100%;
    background-image: url(https://mayfieldclinic.com/images/spine768.jpg);
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat
  }
  #spinecare .key-flex {}
  #backpain-care {
    padding-top: 0;
    width: 100%;
    background-image: url(https://mayfieldclinic.com/images/spine768.jpg);
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat
  }
  #backpain-care .readybutton {
    margin-bottom: .5em
  }
  #backpain-care .message h1 {
    margin-top: 20px;
    margin-bottom: 0em
  }
  #acoustic-care {
    padding-top: 0;
    width: 100%;
    background-image: url(../images/acoustic768.jpg);
    background-position: 45% 50% !important;
    background-size: cover;
    background-repeat: no-repeat
  }
  #acoustic-care .message h1, #scoli-care .message h1 {
    margin-top: 20px;
    margin-bottom: 0em
  }
  .message h1 {
    font-size: 160%;
    color: #00599c;
    margin-top: 1em;
    margin-bottom: 1em
  }
  #welcome1 h1 {
    text-align: left !important;
    font-size: 160%;
    color: #00599c;
    margin-top: 2 .75rem !important;
    margin-bottom: .25rem
  }
  #myslide2 label.over20 {
    padding: 00;
    margin: 00;
  }
  #neurovascular .message h1 {
    font-size: normal !important;
    color: #00599c;
    margin-top: 1.25em;
    margin-bottom: 1em
  }
  #brain-tumor-care {
    padding-top: 0;
    width: 100%;
    background-image: url(https://mayfieldclinic.com/images/braintumor768.jpg);
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat
  }
  #scoli-care {
    padding-top: 0;
    width: 100%;
    background-image: url(https://mayfieldclinic.com/images/scoliosis-768.jpg);
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat
  }
  #meningioma-care {
    padding-top: 0;
    width: 100%;
    background-image: url(https://mayfieldclinic.com/images/meningioma768.jpg);
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat
  }
  .neuro-block {
    width: 45%;
    max-height: 90px;
    display: inline-block;
    float: none
  }
  #appt-section2 {
    padding-top: 0;
    width: 100%;
    height: 24vh;
    background-image: url(https://mayfieldclinic.com/images/apptshero768-2020.jpg);
    background-position: top left;
    background-size: cover;
    background-repeat: no-repeat
  }
  #become h1.title {
    margin-top: 1em
  }
  .appts {
    font-size: 1.25em;
    text-align: left;
    color: #00599c;
    text-shadow: 6 6 24 #000
  }
  #appt-section p.ph {
    font-size: 1.25em
  }
  div.coe {
    margin: 0;
    padding: 00 !important
  }
  #coe.container > div {
    flex-basis: 24%;
    font-size: 1em;
    font-weight: 600;
    font-family: 'Open Sans';
    justify-content: space-around;
    padding: .5em .65em;
    color: #fff;
    text-align: center;
    margin-top: 18px
  }
  #apt-btn2 {
    margin-top: .5em;
    margin-bottom: 1em;
  }
  .button-size {
    margin-left: 1em;
    max-width: 270px
  }
  #apt-btn .btn-appt {
    margin-top: 1em;
    margin-right: 0;
    margin-bottom: 1em;
    margin-left: 1em !important
  }
  #top {
    margin-top: 00 !important;
    padding: 0
  }
  .why {
    padding: .5em 0em
  }
  p.why {
    text-align: left;
    font-size: 120%
  }
  .why h2 {
    font-size: 1.25em;
    white-space: nowrap
  }
  .txt {
    color: #fff;
    font-size: .9em
  }
  .button-size {
    float: left;
    display: inline-block;
    padding: .5em;
    font-size: medium;
    line-height: 1em;
    border-radius: 0;
    color: #fff;
    max-width: 320px
  }
  #login2 .fa-phone {
    display: none;
    visibility: hidden
  }
  #login2 .fa-search {
    text-align: right;
    font-size: 2em
  }
  #login2 .fa-envelope {
    text-align: right;
    font-size: 2em;
    margin-right: 2em
  }
  #login2 {
    text-align: right;
    margin-top: .5em;
    white-space: nowrap
  }
  #logo {
    float: left
  }
  #appt-section {
    background-image: url(https://mayfieldclinic.com/images/apptspage_banner.jpg) !important;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    padding: 0
  }
  #more-people {
    background-image: url(https://mayfieldclinic.com/images/tlbackground.jpg) !important;
    background-position: bottom center
  }
  #teamtext h1 {
    margin-top: 24px
  }
  #teampic img {
    max-width: 350px;
    height: auto;
    float: none;
    margin-left: auto;
    margin-right: auto;
    clear: both;
    margin-top: 3em
  }
  #acoustic .coe-grid {
    flex-flow: row;
  }
  #brain-tumor .coe-grid {
    flex-flow: row;
  }
  div.blog-white h3 {
    font-size: 89%;
    margin-top: 0
  }
}
/****iPad3*****/
  /*@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio : 2), only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (min-resolution: 192dpi) */ /* Retina devices with medium screen size */
  @media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 768px), only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 768px), only screen and (min-device-pixel-ratio: 2) and (min-width: 768px), only screen and (min-resolution: 192dpi) and (min-width: 768px), only screen and (min-resolution: 2dppx) and (min-width: 768px) {
    #spirit-side {
      display: flex;
      flex-direction: row;
    }
    #covid .modal-dialog {
      max-width: 675px !important;
    }
    #my-people .row {
      flex-direction: row;
      margin-right: 1.5rem;
    }
    div.acoustic, div.radiosurgery {
      flex-basis: 49% !important;
    }
    div.thumber {
      visibility: visible;
      display: inline;
    }
    #myslides {
      display: inline-flex;
      flex-direction: row !important;
      margin-bottom: 00;
      padding-bottom: 00;
    }
    #pt-logo img {
      margin-left: 1rem;
      width: 265px;
      height: auto;
    }
    #home-section-2021 {
      height: 200px;
    }
    #apt-section-2021 {
      height: 186px;
    }
    .bg-pt {
      background-image: url(https://mayfieldclinic.com/images/pt-bg-2021.jpg);
      background-attachment: scroll !important;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
    }
    #slides2 {
      height: 45px;
      /* margin-top: 12px; */
    }
    #norwood h2 {
      margin-top: 00;
      font-size: 150%;
    }
    #norwood .row {
      margin-bottom: .5rem
    }
    #norwood .phone {
      margin-bottom: 1rem;
    }
    #home-section-2021 {
      height: 228px;
    }
    #home-video {
      display: inline-flex;
      flex-direction: column-reverse;
    }
    #all_slides .slide {
      /* margin-top: 00 !important;
    height: 234px !important;
    width: 88% !important;
    margin-bottom: 00 !important;
    margin-left: 4rem !important;
    padding-bottom: 00 !important;*/
    }
    #all_slides .home-slide {
      margin-top: 00;
      height: 187px;
      width: 115%;
      margin-left: -2rem;
    }
    #myslides .home-slide {
      margin-top: 00;
      height: 228px;
      width: 140%;
      margin-left: -6rem;
    }
    #myslides2 div.row {
      display: flex !important;
      flex-direction: row !important;
    }
    #my-login .fa {
      margin-top: .25rem;
      margin-right: 1rem;
    }
    #myslides label.over20 {
      /*margin-top: 4rem !important;
    margin-left: 10rem !important;*/
    }
    #myslides2 label.over20 {
      margin-top: 106px;
    }
    #gradbg .key-flex {
      margin-top: 00;
    }
    #welcome1 .key-flex {
      margin-top: 00;
      padding: 00;
    }
    #make-appt {
      /*margin-top: 235px !important;*/
    }
    #acoustic-care {
      text-align: center;
      width: 100%;
      background-image: url(https://mayfieldclinic.com/images/acoustic1024.jpg) !important;
      background-position: 50% 50%;
      background-size: cover;
      background-repeat: no-repeat;
    }
    #pt {
      text-align: center;
      width: 100%;
      background-image: url(https://mayfieldclinic.com/images/pt-bannerx768.jpg);
      background-position: top center;
      background-size: cover;
      background-repeat: no-repeat;
      height: 250px;
    }
    .coe-grid div {
      margin: .25em;
      text-align: center !important;
      font-size: 12px;
      flex-basis: 32%;
      flex-direction: row;
      height: 180px;
      padding: 0;
    }
    .coe-grid, .coe-grid4, .coe-grid5 {
      flex-flow: row wrap;
    }
    div.coeHW h3 {
      font-size: 120%;
      margin-top: 32%;
    }
    div.chiari h3, div.syringo h3, div.chiarisurgery h3 {
      font-size: 150%;
      margin-top: 32%;
    }
    div.acoustic h3, div.radiosurgery h3 {
      margin-top: 24%;
    }
    #service-boxes h3 {
      text-align: center;
      font-size: 1.25rem;
      white-space: nowrap;
      margin-top: 6.5rem;
    }
    #service-boxes {}
    #service-boxes .card {
      display: inline-flex;
      flex-wrap: wrap;
      width: 35%;
      height: 26vh;
    }
    #scoli-care {
      padding-top: 0;
      text-align: center;
      width: 100%;
      background-position: 50% 50%;
      background-size: cover;
      background-repeat: no-repeat;
      background-image: url(https://mayfieldclinic.com/images/scoliosis-1024.jpg);
      /*height: 225px;*/
    }
    #scoli-care .key-flex {
      margin-top: 24px;
    }
    #scoli-care div.message {
      font-size: 130%;
      margin-left: 3rem;
      margin-top: 24px;
    }
    #spinecare {
      text-align: center;
      width: 100%;
      background-image: url(https://mayfieldclinic.com/images/spine1024.jpg);
      background-size: contain;
      background-position: 75% 50%;
      background-repeat: no-repeat
    }
    #spinecare .key-flex {
      margin-top: 24px;
    }
    #spinecare .message h1 {
      margin-bottom: 00;
    }
    #neurovascular {
      text-align: center;
      width: 100%;
      background-image: url(https://mayfieldclinic.com/images/neurovascular1024.jpg) !important;
      background-size: contain;
      background-position: 85% 50%;
      background-repeat: no-repeat
    }
    #neurovascular .key-flex {
      margin-top: 20px !important;
    }
    #neurovascular div.key-flex h1 {
      text-align: left !important;
    }
    #chiari-care {
      text-align: center;
      width: 100%;
      background-image: url(https://mayfieldclinic.com/images/chiari1024.jpg) !important;
      background-size: contain;
      background-position: 85% 50%;
      background-repeat: no-repeat
    }
    #chiari-care .key-flex {
      margin-top: 00px;
    }
    #chiari div.key-flex h1 {
      text-align: left !important;
    }
    #brain-tumor-care div.key-flex {
      padding-top: 00rem;
      margin-top: 32px;
      align-content: center;
    }
    #brain-tumor-care {
      text-align: center;
      width: 100%;
      background-image: url(https://mayfieldclinic.com/images/braintumor1024.jpg);
      background-size: cover;
      background-position: top center;
      background-repeat: no-repeat;
    }
    #service-boxes .card {
      width: 28%;
      height: 20vh;
    }
    #aneurysm-care {
      width: 100%;
      background-image: url(https://mayfieldclinic.com/images/aneurysm1024.jpg);
      background-position: top center;
      background-size: cover;
      background-repeat: no-repeat;
      height: 225px;
    }
    #aneurysm-care .key-flex {
      margin-top: 00;
      width: 400px;
      margin-left: 00rem;
      margin-bottom: 1.5rem;
    }
    #aneurysm-care .message {
      margin-top: 00;
    }
    #aneurysm-care .message h1 {
      margin-top: 44px;
    }
    #meningioma-care {
      text-align: center;
      width: 100%;
      background-position: 27% 50%;
      background-size: contain;
      background-image: url(https://mayfieldclinic.com/images/meningioma768.jpg);
      background-repeat: no-repeat;
      height: 220px;
    }
    #meningioma-care .key-flex {
      margin-top: 14px !important;
      margin-bottom: 1.5rem;
      width: 350px;
    }
  }
  /********end box*********/ /********New iPad 810x1080 ********/
  @media only screen and (min-device-width:810px) and (max-device-width:1080px) and (-webkit-min-device-pixel-ratio:2) and (orientation:portrait) {

    #spirit-side {
      display: flex;
      flex-direction: row;
    }
    #covid .modal-dialog {
      max-width: 675px !important;
    }
    #my-people .row {
      flex-direction: row;
    }
    #all_slides {
      height: 85%;
    }
    #all_slides .slide {
      /*margin-left: 9rem !important; */
    }
    #all_slides .home-slide {
      width: 115%;
    }
    #myslides .home-slide {
      width: 141%;
    }
    #my-login {
      padding-top: .25rem;
    }
    #my-login .fa {
      margin-right: 1rem;
    }
    #myslides2 label.over20 {
      padding: .25rem;
      font-size: 110%;
      font-weight: 600;
      width: 60%;
      margin-left: 2rem;
      margin-top: 112px;
    }
    #myslides label.over20 {
      margin-top: 145px;
      width: 55%;
      margin-right: 2rem;
      font-weight: 650;
    }
    #pt {
      text-align: center;
      width: 100%;
      background-image: url(https://mayfieldclinic.com/images/pt-bannerx1024.jpg);
      background-position: top center;
      background-size: cover;
      background-repeat: no-repeat;
      height: 275px;
    }
    #pt-logo img {
      max-width: 265px;
      height: auto;
      shape-image-threshold: 70%;
      shape-image-threshold: 0.7;
    }
    #myslides, #myslides2 {
      display: inline-flex;
      flex-direction: row !important;
    }
    .hr #canvas {
      max-width: 1024px;
      max-height: 300px;
      position: relative;
    }
    #neurovascular {
      text-align: center;
      width: 100%;
      background-image: url(https://mayfieldclinic.com/images/neurovascular1024.jpg);
      background-position: 85% 00% !important;
      background-size: contain;
      background-repeat: no-repeat;
      /* height: 325px !important;*/
    }
    #neurovascular .key-flex {
      margin-top: 37px;
    }
    #neurovascular .message h1 {
      font-size: 125% !important;
    }
    #neurovascular .readybutton {
      margin-bottom: 00px;
    }
    #chiari-care {
      text-align: center;
      width: 100%;
      background-image: url(https://mayfieldclinic.com/images/chiari1024.jpg);
      background-position: 85% 00% !important;
      background-size: contain;
      background-repeat: no-repeat;
      /* height: 325px !important;*/
    }
    #chiari-care .key-flex {
      /*margin-top: 37px;*/
    }
    #chiari-care .message h1 {
      font-size: 125% !important;
    }
    #chiari-care .readybutton {
      margin-bottom: 25px;
    }
    #header-elements {
      align-items: flex-start;
      flex-direction: row;
      display: block;
    }
    #header-elements nav {
      display: block;
      margin-top: 75px;
    }
    .coe-grid div {
      margin: .25em;
      text-align: center !important;
      font-size: 12px;
      flex-basis: 32%;
      height: 180px;
      padding: 0
    }
    #coe-grid div.acoustic, #coe-grid div.radiosurgery {
      flex-basis: 48% !important;
      flex-direction: row
    }
    div.coeHW h3 {
      margin-top: 30%;
      font-size: 115%;
    }
    div.acoustic h3, div.radiosurgery h3 {
      margin-top: 24%;
    }
    #brain-tumor-care {
      text-align: center;
      width: 100%;
      background-image: url(https://mayfieldclinic.com/images/braintumor1024.jpg);
      background-size: cover;
      background-repeat: no-repeat;
    }
    #brain-tumor-care .readybutton {
      margin-bottom: 00 !important
    }
    #brain-tumor-care div.key-flex {
      margin-top: 24px;
      margin-left: 20px;
      align-content: center;
    }
    #brain-tumor-care .message h1 {
      margin-bottom: 00;
    }
    #brain-tumor-care div.telephone .ph {
      font-size: 165%;
    }
    #meningioma-care {
      text-align: center;
      width: 100%;
      background-position: 00% 50%;
      background-size: cover;
      background-image: url(https://mayfieldclinic.com/images/meningioma1024.jpg);
      background-repeat: no-repeat
    }
    #chiari-care {
      text-align: center;
      width: 100%;
      background-position: 00% 50%;
      background-size: cover;
      background-image: url(https://mayfieldclinic.com/images/chiari1024.jpg);
      background-repeat: no-repeat
    }
    #scoli-care {
      padding-top: 0;
      text-align: center;
      width: 100%;
      background-image: url(https://mayfieldclinic.com/images/scoliosis-1024.jpg) !important;
      background-position: bottom center;
      background-size: cover !important;
      background-repeat: no-repeat;
      height: 225px;
    }
    #scoli-care .key-flex {
      margin-top: 36px;
    }
    #scoli-care div.message {
      width: 550px;
      font-size: 120%;
      margin-left: 5rem;
      margin-top: 33px;
    }
    #spinecare {
      text-align: center;
      width: 100%;
      background-image: url(https://mayfieldclinic.com/images/spine1024.jpg);
      background-position: 65% 50% !important;
      background-size: contain;
      background-repeat: no-repeat
    }
    #spinecare .key-flex {
      margin-top: 00;
    }
    #about {
      background-image: url(https://mayfieldclinic.com/images/_bgabout1024.jpg);
      background-position: top center;
      background-size: cover;
      background-repeat: no-repeat;
      margin-bottom: 00;
      height: 275px;
    }
    #service-boxes .card {
      width: 30%;
      height: 16vh;
    }
  }
  /*@media only screen and (min-device-width:810px) and (max-device-width:1080px) and (-webkit-min-device-pixel-ratio:2) and (orientation:landscape){
	#all_slides .home-slide {
    height: 216px;
    width: 85%;
    margin-bottom: 00;
    padding-bottom: 00;
    margin-top: 00;
    margin-left: 0rem; 
    padding: 6rem;
}
	#all_slides {
    position: relative;
    width: 100%;
    height: 89%;
    padding: .5rem;
    margin: 0px;
    list-style-type: none;
}
}
*/
  @media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (min-width: 1024px), only screen and (min-resolution: 192dpi) and (min-width: 1024px), only screen and (min-resolution: 2dppx) and (min-width: 1024px) {
    #spirit-side {
      display: flex;
      flex-direction: row;
    }
    #my-people .row {
      flex-direction: row;
    }
    #apt-section-2021 {
      height: 256px;
    }
    #home-section-2021 {
      height: 256px;
    }
    #pt {
      text-align: center;
      width: 100%;
      background-image: url(https://mayfieldclinic.com/images/pt-bannerx1024.jpg);
      background-position: top center;
      background-size: cover;
      background-repeat: no-repeat;
      height: 275px;
    }
    #pt-logo img {
      max-width: 265px;
      height: auto;
    }
    #myslides .home-slide {
      margin-top: 00;
      height: 187px;
      width: 100%;
      margin-left: -2rem;
    }
    #apt-section-2021 .key-flex {
      margin-top: 1rem !important;
      margin-left: 1rem !important;
    }
    #home-section-2021 div.key-flex {
      margin-top: 2rem !important;
      margin-left: 2rem !important;
    }
    #home-video {
      display: inline-flex;
      flex-direction: row;
    }
    #all_slides .home-slide {
      margin-top: 00;
      height: 187px;
      width: 100%;
      margin-left: -2rem;
    }
    #logo-holder img {
      float: left;
      width: 160px;
      margin: .25rem;
    }
    #myslides2 div.row {
      display: flex !important;
      flex-direction: row !important;
    }
    #my-login .fa {
      margin-top: .25rem;
      margin-right: 1rem;
    }
    #myslides label.over20 {
      margin-top: 165px;
      width: 55%;
      padding: .25rem .5rem;
      font-weight: 650;
    }
    #myslides2 label.over20 {
      margin: 165px 00rem 00rem 00rem;
    }
    #about {
      background: #e0f2fd;
      background-image: url(https://mayfieldclinic.com/images/_bgabout1024.jpg);
      background-position: 50% 50%;
      background-size: cover;
      background-repeat: no-repeat;
      margin-bottom: 00;
      height: 209px;
    }
    #aneurysm-care {
      width: 100%;
      background-image: url(https://mayfieldclinic.com/images/aneurysm-1024.jpg);
      background-position: top center;
      background-size: cover;
      background-repeat: no-repeat
    }
  }
  @media screen and (max-width:1920px) and (min-width:1080px) {
    #about {
      background-image: url(https://mayfieldclinic.com/images/_bgabout1480.jpg);
      background-position: top center;
      background-size: cover;
      background-repeat: no-repeat;
      margin-bottom: 00;
    }
    #spirit-side {
      display: flex;
      flex-direction: column;
    }
    #home-video {
      display: inline-flex;
      flex-direction: row;
    }
    #pt {
      text-align: center;
      width: 100%;
      background-image: url(https://mayfieldclinic.com/images/pt-bannerx1200.jpg);
      background-position: top center;
      background-size: cover;
      background-repeat: no-repeat;
      height: 300px;
    }
    #pt-logo img {
      max-width: 300px;
      height: auto;
    }
    #main {
      /*margin-top: 108px;*/
    }
    #my-people .row {
      flex-direction: row;
    }
    #my-login .fa {
      margin-top: .5rem;
      margin-right: 2rem;
    }
    #all_slides .slide {
      margin-top: 26px;
      /*height:325px;
    padding:10rem 0rem;*/
    }
    #all_slides .home-slide {
      width: 97%;
      padding: 16rem 0rem 0rem 0rem;
    }
    #myslides .home-slide {
      width: 96%;
      padding: 18.75rem 0rem 0rem 0rem;
    }
    #myslides .btn-ready {
      font-size: 1.25rem;
    }
    #myslides .ph {
      font-size: 2rem;
    }
    #home-section-2021 .key-flex, #apt-section-2021 .key-flex {
      margin-top: 00rem;
    }
    #slides {
      margin-bottom: 3rem;
    }
    #slides2 {
      height: 92%;
    }
    #apt-section {
      height: 300px;
      margin-top: 00;
    }
    #myslides label.over20 {
      margin-top: 14rem;
      width: 45%;
      padding: .5rem;
      margin-bottom: 1rem;
      font-size: 1.25rem;
      font-weight: 650;
    }
    #myslides2 label.over20 {
      width: 45%;
      padding: .5rem;
      margin-top: 12rem;
    }
    #home-section-2021 {
      height: 300px;
    }
    #welcome1 div.message h1 {
      margin-top: 32px;
    }
    #spinecare div.message h1 {
      margin-top: 32px;
    }
    #welcome1 .key-flex {
      font-size: 125%;
    }
    #slides ul {
      margin-bottom: -12px;
    }
    #care-team h4 {
      margin-top: 1.25rem !important;
    }
    .hr #canvas {
      width: 1024px !important;
      height: 300px !important;
      -webkit-width: 1024px;
      -webkit-height: 300px;
    }
    #hr {
      margin-top: 112px;
      height: 300px;
      -webkit-height: 300px;
    }
    #my-hr {
      margin-top: 4px;
    }
    #offices .card {
      flex-direction: row;
      flex-basis: 50%;
      flex-grow: auto;
      flex-flow: row wrap !important;
    }
    #aneurysm-care {
      text-align: center;
      background-image: url(https://mayfieldclinic.com/images/aneurysm1200.jpg);
      background-position: 40% 50%;
      background-size: contain;
      background-repeat: no-repeat;
      padding: 1.25em;
    }
    .small-bio {
      max-width: 285px;
      height: auto;
    }
    .bio-flex img {
      max-width: 325px;
      height: auto;
      margin-top: .25rem;
    }
    #logo-holder img {
      width: 185px;
      height: auto;
      float: left;
      margin: .25rem;
    }
    #neurovascular {
      text-align: center;
      width: 100%;
      background-image: url(https://mayfieldclinic.com/images/neurovascular-hero.jpg);
      background-position: top center;
      background-size: contain;
      background-repeat: no-repeat;
      height: auto;
    }
    #press {
      background-image: url(https://mayfieldclinic.com/images/_crewshot2.jpg);
      background-position: 33% center;
      background-size: cover;
      background-repeat: no-repeat;
      height: 300px;
    }
    /*#tom-hero {
    text-align: center;
    width: 100%;
    background-image: url(https://mayfieldclinic.com/images/tom-hero.jpg);
    background-position: top center;
    background-size: contain;
    background-repeat: repeat-x;
    height: auto
  }*/
    #scoli-care {
      /*margin-top: 114px;*/
      text-align: center;
      width: 100%;
      background-image: url(https://mayfieldclinic.com/images/scoliosis-1480.jpg) !important;
      background-position: 65% 50%;
      background-size: cover;
      background-repeat: no-repeat;
    }
    #scoli-care div.message {
      font-size: 140%
    }
    #spinecare {
      text-align: center;
      width: 100%;
      background-image: url(https://mayfieldclinic.com/images/spine-hero.jpg);
      background-position: top center;
      background-size: contain;
      background-repeat: no-repeat;
    }
    #blogger {
      /*margin-left: 25rem;
    padding: 1.5em 0em 1em 0em;*/
    }
    #meningioma-care {
      text-align: center;
      width: 100%;
      background-image: url(https://mayfieldclinic.com/images/meningioma1200.jpg);
      background-position: 30% 50%;
      background-size: contain;
      background-repeat: no-repeat;
      min-height: 275px;
    }
    #chiari-care {
      text-align: center;
      width: 100%;
      background-image: url(https://mayfieldclinic.com/images/chiari-hero.jpg);
      background-position: top center;
      background-size: contain;
      background-repeat: no-repeat;
      height: auto;
    }
    #chiari-care .key-flex {
      margin-top: 3rem;
      text-align: left;
      margin-left: 1rem;
    }
    #meningioma-care .key-flex {
      margin-top: 3rem;
      text-align: left;
      margin-left: 1rem;
    }
    #brain-tumor-care {
      /*margin-top: 112px;*/
      text-align: center;
      width: 100%;
      background-image: url(https://mayfieldclinic.com/images/braintumor-hero.jpg);
      background-position: top center;
      background-size: contain;
      background-repeat: no-repeat;
      height: auto
    }
    #brain-tumor-care .key-flex {
      margin-top: 2rem;
      width: 545px;
    }
    .home-cards {
      width: 22rem;
      height: auto;
      margin-left: auto;
      margin-right: auto;
      margin-top: .25em;
      margin-bottom: .5em;
    }
    .key-flex {
      margin-top: .25rem;
    }
    #scoli-care .key-flex {
      margin-top: 2.25rem;
    }
    div .my-h1 h1 {
      font-size: 151%
    }
    #acoustic-care {
      /* margin-top: 104px;*/
    }
    #acoustic-care {
      text-align: center;
      width: 100%;
      background-image: url(https://mayfieldclinic.com/images/acoustic-hero.jpg) !important;
      background-position: 40% 50%;
      background-size: contain;
      background-repeat: no-repeat;
      padding: 1rem;
    }
    #brain-tumor-care .message {
      width: 480px
    }
    #meningioma-care .message {
      width: 480px
    }
    #chiari-care .message {
      width: 480px
    }
    #neurovascular .message {
      width: 480px
    }
    #acoustic-care .telephone, #brain-tumor-care .telephone, #neurovascular .telephone, #chiari-care .telephone, #spinecare .telephone {
      margin-left: 8px
    }
    .coe-grid div {
      margin: .25em;
      text-align: center !important;
      font-size: 12px;
      flex-basis: 32%;
      height: 180px;
      padding: 0;
      flex-direction: row
    }
    div.acoustic, div.radiosurgery {
      font-size: 12px;
      flex-basis: 49%
    }
    div.acoustic h3, div.radiosurgery h3 {
      margin-top: 22%
    }
    #neurovascular p.ph, #spinecare p.ph, #chiari-care p.ph {
      font-size: 1.5em
    }
    #coe.container {
      display: flex;
      flex-basis: 24%;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: space-around;
      align-content: center;
      align-items: baseline
    }
    .coe-grid div {
      height: 180px
    }
    #coe.container > div {
      font-size: 1.4em;
      font-weight: 700;
      flex-basis: 24%;
      font-family: 'Open Sans';
      justify-content: space-between;
      align-items: stretch;
      padding: .5em .75em;
      color: #fff;
      text-align: center
    }
    .coe-grid, .coe-grid4, .coe-grid5 {
      display: -ms-flex;
      display: -webkit-flex;
      display: inline- flex;
      flex-wrap: wrap;
      flex-basis: 100%;
      padding: 0;
      justify-content: space-evenly;
      flex-direction: row;
      flex-flow: row wrap;
    }
    #brain-tumor div.coeHW h3 {
      margin-top: 24%;
    }
    #coe-grid div.acoustic, #coe-grid div.radiosurgery {
      flex-basis: 48% !important;
      flex-direction: row
    }
    #brain-tumor-care p.ph {
      font-size: 200%
    }
    #welcome1 div.message .ph {
      font-size: 124%;
    }
  }
  @media only screen and (min-width: 800px) {
    .bg-pt {
      background-image: url(https://mayfieldclinic.com/images/pt-bg-2021.jpg);
      background-attachment: scroll;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
    }
    #pt-logo img {
      max-width: 300px;
      height: auto;
    }
    #neurovascular {
      /*margin-top: 112px;*/
      text-align: center;
      width: 100%;
      background-image: url(https://mayfieldclinic.com/images/neurovascular1200.jpg) !important;
      background-position: 60% 10%;
      background-size: contain !important;
      background-repeat: no-repeat;
    }
    #chiari-care {
      /*margin-top: 112px;*/
      text-align: center;
      width: 100%;
      background-image: url(https://mayfieldclinic.com/images/chiari1200.jpg) !important;
      background-position: 60% 10%;
      background-size: contain !important;
      background-repeat: no-repeat;
    }
    #neurovascular div.key-flex {
      margin-top: 40px;
    }
    #chiari-care div.key-flex {
      /*margin-top: 40px;*/
    }
    #chiari-care div.telephone {
      margin-bottom: 00;
    }
    #neurovascular div.telephone {
      margin-bottom: 00;
    }
    #neurovascular .message h1 {
      text-align: left;
      font-size: 130%;
      margin-bottom: 00;
      padding-right: 00;
    }
    #chiari-care .message h1 {
      text-align: left;
      font-size: 130%;
      margin-bottom: 00;
      padding-right: 00;
    }
    #home-video {
      display: inline-flex;
      flex-direction: row;
    }
    .coe-grid div {
      margin: .25em;
      text-align: center !important;
      font-size: 100%;
      flex-basis: 32%;
      height: 180px;
      padding: 0;
    }
    #coe-grid div.acoustic, #coe-grid div.radiosurgery {
      flex-basis: 48% !important;
      flex-direction: row
    }
    #brain-tumor-care p.ph {
      font-size: 200%
    }
    #neurovascular p.ph {
      font-size: 1.25rem;
    }
    #chiari-care p.ph {
      font-size: 1.25rem;
    }
    #brain-tumor div.coeHW h3 {
      margin-top: 24%;
    }
    #brain-tumor-care p.ph {
      font-size: 200%
    }
  }
  /********KINDLE********/
  @media only screen and (min-device-width: 800px) and (max-device-width: 1280px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio: 1.5) {
    #spinecare {
      text-align: center;
      width: 100%;
      background-image: url(https://mayfieldclinic.com/images/spine1200.jpg);
      background-position: top center;
      background-size: contain;
      background-repeat: no-repeat;
    }
    #pt-logo img {
      max-width: 300px;
      height: auto;
      margin-left: .5rem;
    }
    #spinecare .key-flex {
      margin-top: 16px;
    }
    #spinecare div.telephone ph {
      font-size: 120%;
    }
    #spirit-side {
      display: flex;
      flex-direction: row;
    }
  }
  /* Retina devices with large screen sizes */
  @media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 1200px), only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 1200px), only screen and (min-device-pixel-ratio: 2) and (min-width: 1200px), only screen and (min-resolution: 192dpi) and (min-width: 1200px), only screen and (min-resolution: 2dppx) and (min-width: 1200px) {
    /*#service-boxes h3 {
    text-align: center;
    font-size: 1.5rem;
    white-space: nowrap;
    margin-top: 4.5rem;
}*/
    .bg-pt {
      background-image: url(https://mayfieldclinic.com/images/pt-bg-2021.jpg);
      background-attachment: fixed !important;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
    }
    #pt-logo img {
      max-width: 300px;
      height: auto;
      margin-left: .5rem;
    }
    #my-login {
      margin-top: .25rem;
    }
    #spirit-side {
      display: flex;
      flex-direction: column;
    }
    #pt {
      background-image: url(https://mayfieldclinic.com/images/pt-banner-2022.jpg);
      background-position: top center;
      background-size: cover;
      margin-bottom: 00;
      height: 300px;
    }
    #about {
      background-image: url(https://mayfieldclinic.com/images/_bgabout2560.jpg);
      background-position: top center;
      background-size: contain;
      background-repeat: repeat-x;
      margin-bottom: 00;
    }
    #my-people .row {
      flex-direction: row;
    }
    #service-boxes {
      flex-direction: row;
      flex-wrap: wrap;
      align-content: space-evenly;
    }
    #complex {
      display: inline-flex;
      flex-direction: row;
      flex-flow: wrap;
      flex-basis: 45%;
    }
    #home-video {
      display: inline-flex;
      flex-direction: row;
    }
    #care-team img {
      padding: .25rem;
      margin-top: 2.25rem;
      margin-bottom: 1rem;
    }
    #all_slides .slide {
      height: 325px;
    }
    #all_slides .home-slide {
      margin-top: 12px;
      width: 92%;
      padding: 16.75rem 0rem 0rem 0rem;
    }
    #home-section-2021, #apt-section-2021 {
      height: 280px;
      width: 100%
    }
    #covid .modal-dialog {
      max-width: 800px !important;
    }
    #welcome1 .key-flex {
      margin-left: 2rem;
      margin-top: 1rem;
    }
    #welcome1 p.ph {
      font-size: 128%;
    }
    #myslides2 label.over20 {
      width: 40%;
      padding: .5rem;
      font-size: 130%;
      font-weight: normal;
    }
    #myslides label.over20 {
      margin-top: 185px;
      width: 40%;
      padding: .5rem;
      font-size: 130%;
      font-weight: normal;
    }
    div.coeHW h3 {
      font-size: 160%;
      margin-top: 8%;
    }
    #my-login .fa {
      margin-top: .25rem;
      margin-right: 1rem;
    }
    #apt-section .col-lg-7 {
      padding: 1rem 9rem;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
      display: block;
    }
    #apt-section .col-lg-5 {
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100% !important;
      display: block;
    }
    #make-appt {
      margin-top: 00px !important;
    }
    #gradbg .key-flex {
      margin-top: -216px !important;
      margin-left: 34rem !important;
      font-size: 105% !important;
    }
    .hr #canvas {
      width: 1024px !important;
      height: 300px !important;
      -webkit-width: 1024px;
      -webkit-height: 300px;
    }
    #drs .row {
      flex-direction: column
    }
    #team-lister div {
      text-align: left
    }
    #neurovascular {
      /*margin-top: 112px;*/
      text-align: center;
      width: 100%;
      background-image: url(https://mayfieldclinic.com/images/neurovascular1480.jpg) !important;
      background-position: 60% 10%;
      background-size: contain !important;
      background-repeat: no-repeat;
      height: auto
    }
    #neurovascular .key-flex {
      margin-top: 48px;
    }
    #neurovascular .message {
      width: 400px;
    }
    #chiari-care {
      /*margin-top: 112px;*/
      text-align: center;
      width: 100%;
      background-image: url(https://mayfieldclinic.com/images/chiari1480.jpg) !important;
      background-position: 60% 10%;
      background-size: contain !important;
      background-repeat: no-repeat;
      height: 275px;
    }
    #chiari-care .key-flex {
      margin-top: 48px;
    }
    #chiari-care .message {
      width: 400px;
    }
    #press {
      background-image: url(https://mayfieldclinic.com/images/_crewshot2.jpg);
      background-position: top center;
      background-size: cover;
      background-repeat: no-repeat;
      height: 300px;
    }
    #spinecare {
      text-align: center;
      width: 100%;
      background-image: url(https://mayfieldclinic.com/images/spine-hero.jpg);
      background-position: 65% 50%;
      background-size: contain;
      background-repeat: no-repeat;
    }
    #scoli-care {
      text-align: center;
      width: 100%;
      background-position: 45% 50%;
      background-size: cover;
      background-repeat: no-repeat;
      background-image: url(https://mayfieldclinic.com/images/scoliosis-hero2021.jpg);
    }
    #acoustic-care {
      text-align: center;
      width: 100%;
      background-image: url(https://mayfieldclinic.com/images/acoustic-hero.jpg) !important;
      background-position: 50% 50%;
      background-size: contain;
      background-repeat: no-repeat;
      padding: 2rem;
    }
    .coe-grid, .coe-grid4, .coe-grid5 {
      display: -ms-flex;
      display: -webkit-flex;
      display: inline- flex;
      flex-basis: 100%;
      padding: 0;
      justify-content: space-evenly;
      flex-direction: row;
      flex-wrap: wrap;
    }
    .mini-bio {
      max-width: 165px;
      height: auto;
      display: block;
      float: none;
      margin-left: auto;
      margin-right: auto;
      clear: both
    }
    #coe-sidebar h3 {
      font-size: 18px;
      display: block;
      text-align: center
    }
    #coe-sidebar p.ph {
      text-align: center;
      margin: 0
    }
    #meningioma-care {
      text-align: center;
      width: 100%;
      background-image: url(https://mayfieldclinic.com/images/meningioma-hero.jpg);
      background-position: 40% 50%;
      background-size: contain;
      background-repeat: no-repeat;
      height: auto;
    }
    #meningioma-care .key-flex {
      margin-top: 48px;
      text-align: left;
      margin-left: 1rem;
    }
    #locations22 {
      margin-top: 00;
      background-position: top center;
      height: 300px;
    }
    #locations22 h1 {
      margin-top: .5rem;
    }
    #locations22 h3.white-shadow {
      line-height: 2rem;
    }
    #brain-tumor-care {
      text-align: center;
      width: 100%;
      background-image: url(https://mayfieldclinic.com/images/braintumor-hero.jpg);
      background-position: top center;
      background-size: contain;
      background-repeat: no-repeat;
      height: auto
    }
    #brain-tumor-care div.key-flex {
      padding-top: 00rem;
      margin-top: 32px;
      align-content: center;
    }
    .key-flex {
      margin-top: 1.5em
    }
    #brain-tumor-care .message {
      width: 480px !important;
    }
    #brain-tumor-care .message h1 {
      margin-bottom: 00;
    }
    #chiari-care .message {
      width: 480px
    }
    #meningioma-care .message {
      width: 480px
    }
    #neurovascular .message {
      width: 480px
    }
    #chiari-care h1 {
      margin-bottom: .5rem
    }
    #chiari-care div.readybutton {
      margin: 1.25rem 0rem
    }
    #brain-tumor-care .telephone, #neurovascular .telephone, #chiari-care .telephone, #spinecare .telephone {
      margin-left: 8px
    }
    .coe-grid div {
      margin: .25em;
      text-align: center !important;
      font-size: 12px;
      flex-basis: 32%;
      height: 180px;
      padding: 0;
      flex-direction: row
    }
    div.coeHW h3 {
      margin-top: 28%
    }
    div.acoustic, div.radiosurgery {
      font-size: 12px;
      flex-basis: 49%
    }
    div.acoustic h3, div.radiosurgery h3 {
      margin-top: 22%
    }
    #brain-tumor-care p.ph, #neurovascular p.ph, #spinecare p.ph, #chiari-care p.ph {
      font-size: 1.5em
    }
    #coe.container > div {
      font-size: 1.5em;
      font-weight: 700;
      flex-basis: 24%;
      font-family: 'Open Sans';
      justify-content: space-between;
      align-items: stretch;
      padding: .65em 1em;
      color: #fff;
      text-align: center
    }
    #logo-holder img {
      float: left;
      width: 185px;
      height: auto;
      margin: .25rem;
    }
    #aneurysm-care {
      text-align: center;
      width: 100%;
      background-image: url(https://mayfieldclinic.com/images/aneurysm1200.jpg);
      background-position: 38% 50%;
      background-size: contain;
      background-repeat: no-repeat;
      /*padding: 1.25em;*/
    }
  }
  /****MENU /NAV STUFF*******/
  #cssmenu {
    font-family: 'Open Sans', sans-serif;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  #cssmenu ul ul li, #cssmenu > ul > li > a, nav ul {
    text-transform: uppercase
  }
  #cssmenu, #cssmenu #menu-button, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    line-height: 1;
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 700
  }
  #cssmenu:after, #cssmenu > ul:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
  }
  #cssmenu #menu-button {
    display: none
  }
  #cssmenu {
    z-index: 99;
    line-height: 1;
    background: #00599c;
    width: auto
  }
  #menu-line {
    position: absolute;
    top: 0;
    left: 0;
    height: 3px;
    background: #00599c;
    -webkit-transition: all .25s ease-out;
    -moz-transition: all .25s ease-out;
    -ms-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    transition: all .25s ease-out
  }
  #cssmenu > ul > li {
    float: left
  }
  #cssmenu.align-center > ul {
    font-size: 0;
    text-align: center
  }
  #cssmenu.align-center > ul > li {
    display: inline-block;
    float: none
  }
  #cssmenu.align-center ul ul {
    text-align: left
  }
  #cssmenu.align-right > ul > li {
    float: right
  }
  #cssmenu.align-right ul ul {
    text-align: right
  }
  #cssmenu > ul > li > a {
    padding: 20px;
    font-size: 14px;
    text-decoration: none;
    color: #fff !important;
    -webkit-transition: color .2s ease;
    -moz-transition: color .2s ease;
    -ms-transition: color .2s ease;
    -o-transition: color .2s ease;
    transition: color .2s ease
  }
  #cssmenu > ul > li.active > a, #cssmenu > ul > li:hover > a {
    color: #fff;
    font-weight: 700
  }
  #cssmenu > ul > li.has-sub > a {
    padding-right: 25px
  }
  #cssmenu > ul > li.has-sub > a::after {
    position: absolute;
    top: 22px;
    right: 10px;
    width: 4px;
    height: 4px;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    content: "";
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: border-color .2s ease;
    -moz-transition: border-color .2s ease;
    -ms-transition: border-color .2s ease;
    -o-transition: border-color .2s ease;
    transition: border-color .2s ease
  }
  #cssmenu > ul > li.has-sub:hover > a::after {
    border-color: #fff
  }
  #cssmenu ul ul {
    position: absolute;
    left: -9999px;
    -webkit-box-shadow: 9px 10px 5px 0 rgba(0, 0, 0, .23);
    -moz-box-shadow: 9px 10px 5px 0 rgba(0, 0, 0, .23);
    box-shadow: 9px 10px 5px 0 rgba(0, 0, 0, .23)
  }
  #cssmenu li:hover > ul {
    left: auto
  }
  #cssmenu.align-right li:hover > ul {
    right: 0
  }
  #cssmenu ul ul ul {
    margin-left: 100%;
    top: 0
  }
  #cssmenu.align-right ul ul ul {
    margin-left: 0;
    margin-right: 100%
  }
  #cssmenu ul ul li {
    height: 0;
    -webkit-transition: height .2s ease;
    -moz-transition: height .2s ease;
    -ms-transition: height .2s ease;
    -o-transition: height .2s ease;
    transition: height .2s ease
  }
  #cssmenu ul li:hover > ul > li {
    height: 32px
  }
  #cssmenu ul ul li a {
    padding: 10px 8px;
    width: 160px;
    font-size: 12px;
    background: #3cf;
    text-decoration: none;
    -webkit-transition: color .2s ease;
    -moz-transition: color .2s ease;
    -ms-transition: color .2s ease;
    -o-transition: color .2s ease;
    transition: color .2s ease;
    font-weight: 700;
    color: #003c71 !important
  }
  #cssmenu ul ul li a:hover, #cssmenu ul ul li:hover > a {
    color: #fff
  }
  #cssmenu ul ul li.has-sub > a::after {
    position: absolute;
    top: 13px;
    right: 10px;
    width: 4px;
    height: 4px;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    content: "";
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: border-color .2s ease;
    -moz-transition: border-color .2s ease;
    -ms-transition: border-color .2s ease;
    -o-transition: border-color .2s ease;
    transition: border-color .2s ease
  }
  #cssmenu.align-right ul ul li.has-sub > a::after {
    right: auto;
    left: 10px;
    border-bottom: 0;
    border-right: 0;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff
  }
  #cssmenu ul ul li.has-sub:hover > a::after {
    border-color: #fff
  }
  #cssmenu.small-screen {
    width: 100%
  }
  #cssmenu.small-screen ul {
    width: 100%;
    display: none
  }
  #cssmenu.small-screen.align-center > ul, #cssmenu.small-screen.align-right ul ul {
    text-align: left
  }
  #cssmenu.small-screen ul li, #cssmenu.small-screen ul li:hover > ul > li, #cssmenu.small-screen ul ul li {
    width: 100%;
    height: auto;
    border-top: 1px solid rgba(120, 120, 120, .15)
  }
  #cssmenu.small-screen ul li a, #cssmenu.small-screen ul ul li a {
    width: 100%;
    color: #003c71
  }
  #cssmenu.small-screen.align-center > ul > li, #cssmenu.small-screen.align-right > ul > li, #cssmenu.small-screen > ul > li {
    float: none;
    display: block
  }
  #cssmenu.small-screen ul ul li a {
    padding: 20px 20px 20px 30px;
    font-size: 14px;
    color: #fff
  }
  #cssmenu.small-screen ul ul li a:hover, #cssmenu.small-screen ul ul li:hover > a {
    color: #fff
  }
  #cssmenu.small-screen ul ul ul li a {
    padding-left: 40px
  }
  #cssmenu.small-screen ul ul, #cssmenu.small-screen ul ul ul {
    position: relative;
    left: 0;
    right: auto;
    width: 100%;
    margin: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
  }
  #cssmenu.small-screen #menu-line, #cssmenu.small-screen ul ul li.has-sub > a::after, #cssmenu.small-screen > ul > li.has-sub > a::after {
    display: none
  }
  #cssmenu.small-screen #menu-button {
    display: block;
    padding: 20px;
    color: #fff;
    cursor: pointer;
    font-size: 12px;
    text-transform: uppercase
  }
  #cssmenu.small-screen #menu-button::after {
    content: '';
    position: absolute;
    top: 21px;
    right: 20px;
    display: block;
    width: 15px;
    height: 2px;
    background: #fff
  }
  #cssmenu.small-screen #menu-button::before {
    content: '';
    position: absolute;
    top: 26px;
    right: 20px;
    display: block;
    width: 15px;
    height: 8px;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff
  }
  #cssmenu.small-screen .submenu-button {
    position: absolute;
    z-index: 10;
    right: 0;
    top: 0;
    display: block;
    border-left: 1px solid rgba(120, 120, 120, .15);
    height: 54px;
    width: 54px;
    cursor: pointer
  }
  #cssmenu.small-screen .submenu-button::after {
    content: ' ';
    position: absolute;
    top: 22px;
    left: 27px;
    display: block;
    width: 1px;
    height: 11px;
    background: #fff;
    z-index: 99
  }
  #cssmenu.small-screen .submenu-button::before {
    content: '';
    position: absolute;
    left: 22px;
    top: 27px;
    display: block;
    width: 11px;
    height: 1px;
    background: #fff;
    z-index: 99
  }
  #cssmenu.small-screen .submenu-button.submenu-opened:after {
    display: none
  }
  #cssmenu.small-screen.select-list {
    padding: 5px
  }
  #cssmenu > ul > li:hover > a {
    color: #3cf
  }
  #cssmenu > ul > #patient_login > li:hover > a {
    color: #003c71
  }
  #cssmenu .patient_login > a:link {
    color: #003c71 !important
  }
  #cssmenu .patient_login > a:hover, #cssmenu .patient_login > a:visited {
    color: #00599c !important
  }
  /*.patient_login {
  font-weight: 700
}
****.timeline {
  list-style: none;
  padding: 20px 0;
  position: relative
}
.timeline:before {
  top: 0;
  bottom: 0;
  position: absolute;
  content: " ";
  width: 3px;
  background-color: #eee;
  left: 50%;
  margin-left: -1.5px
}
.timeline > li {
  margin-bottom: 20px;
  position: relative
}
.timeline > li:after, .timeline > li:before {
  content: " ";
  display: table
}
.timeline > li:after {
  clear: both
}
.timeline > li > .timeline-panel {
  width: 46%;
  float: left;
  border: 1px solid #d4d4d4;
  border-radius: 2px;
  padding: 20px;
  position: relative;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, .175);
  box-shadow: 0 1px 6px rgba(0, 0, 0, .175)
}
.timeline > li > .timeline-panel:before {
  position: absolute;
  top: 26px;
  right: -15px;
  display: inline-block;
  border-top: 15px solid transparent;
  border-left: 15px solid #ccc;
  border-right: 0 solid #ccc;
  border-bottom: 15px solid transparent;
  content: " "
}
.timeline > li > .timeline-panel:after {
  position: absolute;
  top: 27px;
  right: -14px;
  display: inline-block;
  border-top: 14px solid transparent;
  border-left: 14px solid #fff;
  border-right: 0 solid #fff;
  border-bottom: 14px solid transparent;
  content: " "
}*/
  /*.timeline > li > .timeline-badge {
  color: #fff;
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 1.4em;
  text-align: center;
  position: absolute;
  top: 16px;
  left: 50%;
  margin-left: -25px;
  background-color: #999;
  z-index: 100;
  border-radius: 50%
}
.timeline > li.timeline-inverted > .timeline-panel {
  float: right
}
.timeline > li.timeline-inverted > .timeline-panel:before {
  border-left-width: 0;
  border-right-width: 15px;
  left: -15px;
  right: auto
}
.timeline > li.timeline-inverted > .timeline-panel:after {
  border-left-width: 0;
  border-right-width: 14px;
  left: -14px;
  right: auto
}
.timeline-badge.primary {
  background-color: #2e6da4 !important
}
.timeline-badge.success {
  background-color: #3f903f !important
}
.timeline-badge.warning {
  background-color: #f0ad4e !important
}
.timeline-badge.danger {
  background-color: #d9534f !important
}
.timeline-badge.info {
  background-color: #5bc0de !important
}
.timeline-title {
  margin-top: 0;
  color: inherit
}
.timeline-body > p, .timeline-body > ul {
  margin-bottom: 0
}
.timeline-body > p + p {
  margin-top: 5px
}*/
  a.pointer {
    font-size: normal
  }
  #hope .panel-default > .panel-heading {
    color: #fff;
    background-color: #13baab;
    border: none;
    border-radius: 0;
    padding-right: 1em
  }
  #hope .panel-default, #hope .panel-group .panel-heading {
    border: none;
    border-radius: 0
  }
  #hope .panel-heading {
    padding: 10px 15px;
    border: none;
    border-radius: 0
  }
  #brainhope .panel-default > .panel-heading {
    color: #fff;
    background-color: #00599c;
    border: none;
    border-radius: 0;
    padding-right: 1em
  }
  #brainhope .panel-default, #brainhope .panel-group .panel-heading {
    border: none;
    border-radius: 0
  }
  #brainhope.panel-heading {
    padding: 10px 15px;
    border: none;
    border-radius: 0
  }
  .panel-default > .panel-heading {
    color: #fff;
    background-color: #B1F3F5;
    border-radius: 0;
    padding: 1rem;
    margin-bottom: .5rem;
    border-bottom: 2px !important;
    border-bottom-color: black !important;
  }
  @media (max-width:575px) {
    .hidden-xs-down {
      display: none !important
    }
  }
  @media (min-width:576px) {
    .hidden-sm-up {
      display: none !important
    }
  }
  @media (max-width:767px) {
    .hidden-sm-down {
      display: none !important
    }
  }
  @media (min-width:768px) {
    .hidden-md-up {
      display: none !important
    }
  }
  @media (max-width:1023px) {
    .hidden-md-down {
      display: none !important
    }
  }
  @media (min-width:1024px) {
    .hidden-lg-up {
      display: none !important
    }
  }
  @media (max-width:1199px) {
    .hidden-lg-down {
      display: none !important
    }
  }
  @media (min-width:1200px) {
    .navbar {
      position: relative;
      background-color: #00599c;
      padding: 0;
      min-height: 50px;
      float: none;
      margin-left: auto;
      margin-right: auto;
      clear: both;
      align-content: center
    }
    .hidden-xl-up {
      display: none !important
    }
  }
  @media print {
    #back-to-top, #copyright, #cssmenu, #login, #sharebox, #sidebar, #social, .ipc, .pdficon, footer, .footer, header, nav {
      display: none
    }
    img {
      max-width: 500px
    }
    blockquote {
      border: none
    }
    h1, h2, h3, h4, h5 {
      color: #00599c
    }
    #logo {
      max-width: 120px;
      height: auto;
    }
  }