@media (max-width: 1199px) {
	#header-wrapper #header #header-inner .navbar .navbar-inner .site-phone {
	  line-height: 90px !important;
	}
}


@media (max-width: 1024px) {

	#navigation .container {
		width: 100%;
	}
}


@media (max-width: 991px) {
	
	h1, .h1 {
		text-align: center;
	}
		
	.home-photo-wrapper {
		background-image: none !important;
	}
	
	.carousel-inner .item .col-xs-12 {
		background: #000;
	}
	
	ol.carousel-indicators {
    	display: none !important;
		
	}
	
	.slider-wrapper .slider-text-wrapper .slider-text {
    	float: none;
    	margin: auto;
		text-align: center;
	}
	
	.carousel-inner .slider-text-wrapper {
    	position: initial;
		background: #000;
		min-height: 145px;
	}
	
	.navigation-wrapper .navigation .nav li ul {
		background: #F0F0F0 !important;
	}
	
	.home-cta {
		margin-top: 0px !important;
	}

	.header-wrapper {
	  width: 100%;	
	}
	
	div.logo {
	  text-align: center;
	  height: 80px !important;
	}
	
	.logo img {
	  margin: auto;
	}	
	
	div#content div#main {
		padding-left: 0px;
		padding-right: 0px;
	}
}

@media (max-width: 768px) {

	div.header-request-appt {
		padding: 0 0 20px;
		text-align: center;
	}
	
	#header-wrapper #header #header-inner .navbar .navbar-inner .site-phone {
	  line-height: 50px !important;
	}
	
	#header-wrapper #header #header-inner .navbar .navbar-inner {
    	padding-left: 0px !important;
    	padding-right: 20px !important;
	}
}

@media (max-width: 500px) {
	div.logo img {
		margin-left: 20px;
    	width: 80%;
	
	}
	.cta-description {
		width: 100% !important;
		
	}
}



/* -- Fix for mobile repsonsive issue with display: table; -- */

body #wrapper-outer #wrapper {
    display: block !important;
}

body #wrapper-outer #wrapper #wrapper-inner {
    display: inline !important;
}

body #wrapper-outer #wrapper #footer-wrapper {
    display: inline-block !important;
    height: auto !important;
}

#header-wrapper #header #header-inner .navbar .navbar-inner #btn-nav {
    margin-top: 10px !important;
    position: absolute;
    z-index: 500;
}

body {
    font-size: 16px !important;
    color: #313131 !important;
}

/*--- Header Overrides ----*/

#header-wrapper #header #header-inner .navbar .navbar-inner .logo {
  margin: 10px 0 0 !important;
  line-height: 0 !important;
}

.header-request-appt {
	padding: 40px 0 0; 
	text-align: center;	
}

/*-- General Overrides --*/

#content {
  background-color: #fff !important;
}



/*-- Home Blocks --*/

.home-blocks {
  padding: 30px;
  border-bottom: 1px solid #c4c4c4;
  box-shadow: 0 20px 20px -20px #c4c4c4;
  -moz-box-shadow: 0 20px 20px -20px #c4c4c4;
  -o-box-shadow: 0 20px 20px -20px #c4c4c4;
  -webkit-box-shadow: 0 20px 20px -20px #c4c4c4;
  -ms-box-shadow: 0 20px 20px -20px #c4c4c4;
  background: #3C57A7 url("https://www.royacdn.com/unsafe/smart/Site-c85e76e0-93a1-4f58-a6c9-a674deed6608/az_subtle.png");
}



/*-- Slider --*/

.carousel-inner img.img-responsive {
  width: 100%;
}

a.carousel-control {
  position: absolute;
  left: 0;
  bottom: 50px;
  width: 90%;
  font-size: 50px;
  color: rgba(0, 0, 0, 0.5);
  text-align: center;
  text-shadow: 0 1px 2px rgba(115, 115, 115, 0.6);
  z-index: 20;
  top: inherit;
}


/* ---- Contact Information Overrides ----- */

.site-phone a {
  text-decoration: none;
  color: #3A3A3A;
}
.site-phone a:hover {
  color: #707070;
}
.broker-info ul {
  list-style: none;
  padding: 0;
}

table.office-hours {
  width: 100%;
}

table.office-hours thead {
  display: none;
}

table.office-hours tr td {
  padding: 5px;
  border-bottom: 1px solid #727272;
}


/* ----- Social Icon Overrides ------ */

.span6.share {
  float: right;
}
.social-icons {
	list-style: none;
    padding:0;
	width: 320px;
}
.social-icons li {
    float: right;
    margin-right:5px;
    border:1px solid rgba(255,255,255,0.3);
    -webkit-border-radius:100px;
    -moz-border-radius:100px;
    -ms-border-radius:100px;
    -o-border-radius:100px;
    border-radius:100px;
    padding:5px;
    width:32px;
    height:32px;
    line-height:26px;
    text-align:center;
    transition:all 300ms ease-in-out;
    -o-transition:all 300ms ease-in-out;
    -moz-transition:all 300ms ease-in-out;
    -webkit-transition:all 300ms ease-in-out;
}
.social-icons li a {
	font-size: 15px!important;
	text-align: center;
	text-decoration: none !important;
}
.social-icons li:hover {
    background-color:#fefefe;
}

/* ----- Footer Overrides ------ */

#footer-wrapper #footer #footer-inner p {
  margin: 0px;
  color: #fff !important;
}
#footer-wrapper #footer {
  border: 0px;
  margin-top: 0px;
  padding: 10px 0px !important;
}
.span6.copyright {
  float: left;
}

/* -- Modal Overrides -- */

.modal-body form.cmsForm {
  display: inline-block;
}

/*----- Font Awesome -----*/

.fa-paw:before {
  content: "\f1b0";
  float: left;
  margin: 20px 20px 0 0;
}

/* - Back Button — */

.btn.btn-primary.arrow-left {
    background-image: url("../images/arrow-left-white.png");
    background-position: 10px center;
    background-repeat: no-repeat;
    background-size: 8px 11px;
    padding-left: 15px;
}

input.btn.btn-primary.arrow-left.back-button {
    margin: 0 0 -50px;
    float: right;
    position: relative;
    right: 30px;
    width: 10px;
    z-index: 100;
    border-radius: 50px;
    height: 30px;
}

/* — Mobile Menu Icons — */

.mobile-icons-li .fa-envelope:before {
    margin: 0;
}

.mobile-icons-li li {
    display: inline;
    margin: 0 20px 0;
}

ul.mobile-icons-li {
    padding: 0;
}

.mobile-icons span.fa {
    font-size: 25px;
    vertical-align: middle;
}

.mobile-icons {
    text-align: center;
}

.mobile-icons-li a {
    color: #3C57A7;
}

.petsimonials img{
	    padding: 3px;
    box-shadow: 0px 2px 10px #000 !important;

}
.testimonials-block{
	border-top: 2px solid #E1E1E1; margin-top: 20px; padding-top: 20px;
}
.section-blocks{
	border-top: 2px solid #E1E1E1; margin-top: 20px;
}


.home-cta img{
	border-radius: 100%;
	max-width: 350px;
	border: solid 5px #3C57A7;
	margin: 0px auto 20px;
}

.home-cta img:hover{
	  -webkit-filter: brightness(80%);
	filter: brightness(80%);
}

.cta-description{
	width: 75%;
	float: none;
	margin: 20px auto;
	padding-top: 20px!important; 
	color: #f0f0f0;
}

.cta-description h3{
	color: #f0f0f0; 
}

.cta-buttons{
	border: solid 1px #FDE236 !important;
	margin-top: 15px;
}
.home-cta{
	margin-top: -100px;
}

.slider-button{
bottom: 40% !important;
}
.slider-button a{
	font-size: 1vw !important;
	}
	
.slider-text-wrapper{
bottom: 55% !important;
float: right !important;
}
.slider-text-wrapper h2{
	font-size: 35px ;
	text-transform: uppercase;
}
.slider-text-wrapper h4{
	font-size: 25px;
}
.slider-text-wrapper .slider-text h2 {
    font-size: 40px;	
}

.slider-text-wrapper .slider-text h4 {
    font-size: 20px;
}


h1, h2, h3{
	font-family: 'Montserrat', sans-serif;
}
.thumbnail {
    background-color: #FBFBF9;
    border-radius: 4px;
    box-shadow: 0px 7px 5px -5px #c4c4c4;
}

.special-offers{
	padding: 20px 0px;
	margin-bottom: 20px;
	background-color: #FBFBF9;
	box-shadow: 0px 7px 5px -5px #c4c4c4;
	border: 1px solid #ddd;
	border-radius: 4px;
}

.helpful-articles{
	background-color: #FBFBF9;
	box-shadow: 0px 7px 5px -5px #c4c4c4;
	margin-bottom: 20px !important;
	margin-bottom: 20px;
	border-radius: 4px;
	border: 1px solid #ddd;
}

#navigation .container{
	max-width: 1000px;
}
.happypets img{
	margin-bottom: 20px;
	border: 3px #f0f0f0 solid;
	box-shadow: 0px 2px 5px #272727;
}

.fullcontainer{
	width: 100%;
	padding: 0px;
	margin: 0px;
}

.index-set{
	max-width: 1200px !important;
	float: none !important;
	margin: auto !important;
}

.doc{
	max-width: 250px!important; 
	border-radius: 100%;
	margin-right: 20px;
	margin: auto;

}

.beforefooter{
    background-color: rgb(251, 251, 249);
    padding: 40px 0px;
    margin-top: 35px;
    background: rgba(57, 83, 161, 0.02) url("https://www.royacdn.com/unsafe/smart/Site-c85e76e0-93a1-4f58-a6c9-a674deed6608/az_subtle.png");
    border-top: 2px solid #c4c4c4;
    border-bottom: 2px solid #c4c4c4;
    box-shadow: inset 0px 0px 5px #c4c4c4;
    -moz-box-shadow: inset 0 0 10px #c4c4c4;
    -webkit-box-shadow: inset 0 0 10px #c4c4c4;
}

.hrstyle1{
 	width: 25%;
	border-top: 2px solid #FDE236;
}

.photo-content{
	margin:0px auto 20px;
	max-width: 500px;
	border: 1px solid #c1c1c1;
}

	.logo img {
	  max-width: 300px;
	}

#wrapper-outer #wrapper #wrapper-inner #header-wrapper #header #header-inner .container .navbar .logo {
	    margin: auto;
}

.container .navigation-wrapper .navigation .nav li ul {
	background-color: rgba(39, 39, 39, 0.6);
}

.pet-wrapper {
	padding: 0;
	margin: 0;
}


.home-photo-wrapper {
    background-image: url(https://www.royacdn.com/unsafe/smart/Site-c85e76e0-93a1-4f58-a6c9-a674deed6608/Banners/Salen_Oregon.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding: 0px;
    background-attachment: fixed;
}

.home-color-wrapper {
    background: rgba(0,0,0,0.4);
    width: 100%;
    background-size: cover;
    color: #fff;
    padding: 75px 0px 75px;
}

.modal-footer {
    margin-top: -50px !important;
    border-top: none !important;
}
	
.modal-body {
    margin-bottom: 30px;
}