@media (max-device-width: 767px) and (orientation: portrait) { 
body ul#main-nav {    
margin: 0;
padding:0;
overflow: hidden;
float:right!important;
}
body ul#main-nav li {
clear:none!important;
margin-left: 10px!important;    
}
}
@media only screen and (min-width: 768px) and (max-width: 990px) { 
body ul#main-nav li a {
font-size: 12px;
}
body #featureContent {
margin-top: -141px; 
} 
}  @media only screen and (max-width: 990px) { body #topHeader-content .container {
width: 100%; 
}
body #logoContent {
position: absolute;
top: 0;
left: 0;
}
body ul#main-nav li {
font-size: 14px!important;
}  body #featureContent {
margin-top: -105px; 
}  
body #featureContent ul li  {
width: 30%;
margin-right: 24px; 
}
body #logoContent {
width: 80px;
body body ul#main-nav li {
font-size: 12px!important;
}
}
}
@media screen and (max-width: 767px) { body #topHeader-content .container {
width: 100%; 
}
body #topHeader-content {
height: 80px;	    
}
body #featureContent {
margin-top: -141px;
}  body #featureContent ul li  {
width: 100%;
margin: 0 0 40px 0;
padding-bottom: 20px;
clear: both;
height: auto;
}
body #featureContent ul li p {
width: 92%;
margin: 20px 0 0 2%;
} body .mainFeatureContent.displayRightContent .decriptionContFeature,
body .mainFeatureContent.displayLeftContent .decriptionContFeature {
width: 100%;
text-align: center;
} 
body .mainFeatureContent.displayRightContent .imageContent,
body .mainFeatureContent.displayLeftContent .imageContent {
width: 100%; 
}
body #topSocialShare {
display: none; 
} 
body #topHeader-content .phone { }
body #logoContent {
width: 90px;
left: 10px; 
}
body .navbar-default .navbar-collapse, .navbar-default .navbar-form {
border: 0;
background: rgba(138, 6, 43, 0.9);
margin: 13px 0 0 0;
}
body ul#main-nav {
margin: 0;
padding: 10px 0 0 0;
overflow: hidden;
float: left !important;
}
body ul#main-nav li {
float:none;
display:block;
margin: 0 0 8px 0;
padding: 0;
}
body ul#main-nav li a:hover {
color:#fff;
}
body #topHeader-content .row .col-xs-12 {
width: 100%;
padding: 0;
margin: 0;
} 
body #topHeader-content .navbar-toggle {
margin-right: 9px;
background: none;
}
body #contact-section {  top: 7px;
right: 60px;
}
body .navbar-default .navbar-toggle .icon-bar {
background: #fff;
}
body #homeHero-content h3 {
font-size: 32px;
margin: 0 0 10px 0;
padding: 0;
}
body #homeHero-content p {
font-size: 15px;
margin: 0;
padding: 0; 
}
body .mainHeroContent h3 {
font-size: 30px;
}
body .mainHeroContent p { 
font-size: 14px;
}
.mainHeroContent .mainHeroContentDescription {
width: 90%;
padding-top: 40px;
}
.current-menu-item a {
margin: 0;
opacity:.75;
background:transparent;
border:1px solid transparent !important;
}
.mainFeatureContent.displayCenterContent .img-overlay {
padding: 0 0 50px 0;
}
}
@media screen and (max-width: 500px) {
body .mainFeatureContent.displayRightContent .decriptionContFeature,
body .mainFeatureContent.displayLeftContent .decriptionContFeature {
width: 100%;
padding: 0 20px; 
} 
body .mainFeatureContent.displayRightContent .imageContent,
body .mainFeatureContent.displayLeftContent .imageContent {
width: 100%; 
}
body div.dr-mugshot {
padding: 100px 0;
}
body #topHeader-content .phone {
font-size: 18px;
}
body #schedule-content h3 span {
display: block;
width: 100%; margin-bottom: 25px;
}
body ul#main-nav li {
font-size: 16px!important;
}
body #schedule-content h3 .btn-default  {
clear: both; 
margin-bottom: 20px;
}
body .navbar-default .navbar-collapse, .navbar-default .navbar-form {
border:0; 
margin:13px 0 0 0;
}
body #testimonial-content h3 {
font-size: 17px;
text-align: center;
margin-top: 0;
}
body #homeHero-content,
body #homeHero-content .overlayImagehero {
min-height: 427px;
}
body #footer-content p.acreditedRadiology {
top: 96px;
}
.page-template-page-doctors .col-xs-6 { display:block !important;
}
.page-template-page-doctors .col-xs-6 .dr-mugshot {
padding:100px 0 !important;
}
.main-content .item-container h3 {
font-size: 13px;
}
}