.nav-corporate .btn-custom, .logoSocialRow .btn-custom{
  background-color: transparent; 
  border: 1px solid #555555;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; 
  text-transform: uppercase;
  color: #555555;
  box-shadow: none;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 2px;
  padding-bottom: 2px;
  text-shadow: none;
  white-space: nowrap;
  -webkit-font-smoothing: antialiased;
  }
.appstoreIcons{ margin-left: 1em; }
.mega-dropdown .media-left, .mega-dropdown .media{background-color: #C13D4F;}
.mega-dropdown #homecaress, .mega-dropdown .hcmedia{background-color: #3f5c75;}
.mega-dropdown .media-body .btn-learn-more{width: 140px !important;}
.nav-corporate .btn-custom:hover, .logoSocialRow .btn-custom:hover{ background-color: #555555; color: #ffffff;}
.mega-dropdown .media-body .media-list.span3{width: 260px !important;}
.logoSocialRow .btn-custom{padding: 10px 15px 10px 15px; border: 2px solid #555555;}
.btn-video{text-transform: uppercase;
    color: #BA394C;
    width: 184px !important;
    font-weight: bold;
    margin: 0 auto;
    text-align: center !important;
    padding: 0;
    background-color: #ffffff;
    border-radius: 5px;
    border: 1px solid #bbb;
}
.btn-video span{ 
  color: #BA394C;
 }
/*Media Queries */
.logoSocialRow{display: none;}
/* Portrait and Landscape */
@media (max-width: 366px) and (min-width: 320px){
  .appstoreIcons{margin-left: 0.5em;}
  .appstoreIcons .appstore{width: 44%;}
  .appstoreIcons img{width: 49%;}
}
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) {
  	.logoSocialRow{display: block;}
  	#axxessLogo, nav.nav-corporate{display: none;}
  	.logoSocialRow{
  		background-color: #ffffff;
  	}
  	.logoSocialRow [class^=icon]{font-size: 30px; vertical-align: middle;}
  	.logoSocialRow li a:link, .logoSocialRow li a:visited, .logoSocialRow  li a:active, .nav-corporate li a:hover {
  		color: #555; text-decoration: none; font-size: 14px; font-weight: bold; 
  	}
	.logoSocialRow  li a:hover i {color:#b8223b;}
	.logoSocialRow ul{
		float: right;
		list-style: none;
		margin: 0px;
		padding: 0px;
		display: block;
		margin-top:20px;
	}
	.logoSocialRow ul li{ display: inline-block; padding: 2px 5px;}
}
/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {
   #seeDemo{margin-top:5px!important}
   #clientLogin{margin-top:5px!important; margin-right: 10px!important; }
   #heroBannerSlider1{background-position: 45%;}
   .hero .hero-text .inner{height: 340px; width: 380px;}
   .hero .hero-text{top: 20px;}
   .hero .hero-text p{width: 350px;}
   #heroBannerSlider5 .hero .vid {width:150%!important; margin-left: 65px;}
   #heroBannerSlider5 .hero .hero-text .inner{height: 250px; width: 350px; margin-left: -50px;}
   #heroBannerSlider3 .hero .hero-text p{margin-bottom: 20px;}
   #heroBannerSlider2 .hero .hero-text .inner{height: 300px;}
}
/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {
  	#seeDemo, #clientLogin{margin-top: 5px!important}
    .hero .hero-text p{margin-left: 0px;}
    #heroBannerSlider2 .hero .vid, #heroBannerSlider3 .hero .vid, .people .vid{margin-left: 0px;}
    .hero .hero-text .inner{width: 400px; margin-top: 50px; margin-left: -50px;}
    #heroBannerSlider5 .hero .vid{width: 130%!important; margin-left: 90px;}
 
}