@media (min-width: 1200px) {
	#navigation .container {
		width: 900px !important;
	}
}

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


@media (max-width: 991px) {
	#header-wrapper #header #header-inner .navbar .navbar-inner .site-phone {
		float:none !important;
	}

	.header-wrapper {
		width: 100%;	
	}

	.logo {
		text-align: center;
	}

	.logo img {
		margin: auto;	
	}	

	div#content div#main {
		padding-left: 0px;
		padding-right: 0px;
	}

	.main-content {
		position: relative !important;

	}

	.second-content {
		margin-top: 0 !important;
	}

	.first-content {
		margin: 0 !important;
	}

	img.img-responsive {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}

	input.btn.btn-primary.arrow-left.back-button {
		margin-top: -10px !important;
	}	

	.input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group {
		margin-bottom: 15px;
	}

	.other-content {
		padding-right: 0 !important;	
	}

	.header-request-appt.sidebar {
		padding-bottom: 20px;
		text-align: center !important;
	}

	.Articles {
		display: block;
		text-align: center;
	}
}

@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;
	}



}


/*=custom media */

@media (max-width: 667px) {

	.border-res {
		border-bottom: 1px solid #323237;
		padding-bottom: 10px;
	}

	.care-credit-img {  
		top: 0 !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;
	margin-top: 20px;
}

#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 {

}

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




/*-- 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: #f1f3f3;
	margin-bottom: 20px;
}



/*-- 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: #323237;
}
.site-phone a:hover {
	color: #4969e1;
	text-decoration: none;
}
.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;
	margin-top: 15px;
}

/*custom =config */

.home-wrapper {
	max-width: 1135px;
	float: none;
	margin: auto;
	clear: both;
}

a.btn.btn-primary.appoint-btn {
	color: #323237;
	background-color: transparent;
	border: 1px solid #323237;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
}

a.btn.btn-primary.appoint-btn:hover {
	color: #fff;
	background-color: #002265;
	border: 1px solid #002265;
}

.slider-button.btn.btn-primary, .slider-button.btn.btn-primary a {
	background-color: #fff;
	color: #323237;
}

.slider-button.btn.btn-primary:hover, .slider-button.btn.btn-primary a:hover {
	background-color: #fff;
	color: #183292;
}

a.btn.btn-primary.cta-btn {
	background-color: #002265;
	color: #fff;
	border: 1px solid #002265;
}
a.btn.btn-primary.cta-btn:hover {
	background-color: #fff;
	color: #002265;
}

.cta-btn .btn.btn-primary {
	background-color: #002265;
	border: 1px solid #002265;
	color: #fff;
}
.cta-btn .btn.btn-primary:hover {
	background-color: #fff;
	color: #002265;
}


.h1-title {
	padding-bottom: 10px;
}

.h1-title h1 {
	font-family: 'Lato', sans-serif;
	font-size: 40px;
	letter-spacing: 2px;
}

.cont-text {
	line-height: 2em;
	padding-bottom: 20px;
}

.slipper-one.gradient.blue {
	position: relative;
	height: 320px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#898989+0,c7c7c9+100 */
	background: rgb(137,137,137); /* Old browsers */
	background: -moz-linear-gradient(left,  rgba(137,137,137,1) 0%, rgba(199,199,201,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(137,137,137,1) 0%,rgba(199,199,201,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgb(0, 34, 101) 0%,rgba(199,199,201,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#898989', endColorstr='#c7c7c9',GradientType=1 ); /* IE6-9 */

}

.slipper-two.gradient.gray {
	height: 320px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#848484+0,333333+100 */
	background: rgb(132,132,132); /* Old browsers */
	background: -moz-linear-gradient(left,  rgba(132,132,132,1) 0%, rgba(51,51,51,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(132,132,132,1) 0%,rgba(51,51,51,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(132,132,132,1) 0%,rgb(0, 34, 101) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#848484', endColorstr='#333333',GradientType=1 ); /* IE6-9 */

}

img.img-responsive.img-one {
	position: absolute;
	left: 0;
	top: -20%;
}

img.img-responsive.img-two {
	position: absolute;

	right: 0;
}

.main-content {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(7%);
}

a.btn.btn-primary.cont-btn {
	background-color: #fff;
	border: 1px solid #323237;
	color: #323237;
}

a.btn.btn-primary.cont-btn:hover {
	color: #fff;
	background-color: #323237;
}

.first-content {
	margin: 30px 0;
}

.second-content {
	margin-top: 40px;
}

.cont-text {
	margin-top: 55px;
}

img.img-responsive.img-canine, img.img-responsive.img-feline {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.main-btn {
	padding-top: 10px;
}

.care-container {
	margin-bottom: 30px;
}

.care-btn {
	padding: 10px 0;
}


input.btn.btn-primary {
	background-color: #002265;
	border: 1px solid #002265;
}

input.btn.btn-primary:hover {
	background-color: transparent;
	border-color: #fff;
}

.title-background.services {
	background: url(https://www.royacdn.com/unsafe/smart/Site-f03ba6ca-439c-47fd-a8f7-683ed17fb185/content/servicesbg.png);
	background-size: cover;
	height: 100px;
	background-position: center;
	margin-top: -20px;
	margin-bottom: 25px;

}

.title-background.team {
	background: url(https://www.royacdn.com/unsafe/smart/Site-f03ba6ca-439c-47fd-a8f7-683ed17fb185/content/theteambg.png);
	height: 100px;
	background-size: cover;
	background-position: center;
	margin-top: -20px;
}

.title-background.online {
	background: url(https://www.royacdn.com/unsafe/smart/Site-f03ba6ca-439c-47fd-a8f7-683ed17fb185/content/onlinebg.png);
	background-size: cover;
	height: 100px;
	margin-top: -20px;
}

.title-background.contact {
	background: url(https://www.royacdn.com/unsafe/smart/Site-f03ba6ca-439c-47fd-a8f7-683ed17fb185/content/contact.png);
	background-size: cover;
	background-position: center;
	height: 100px;
	margin-top: -20px;
}

.title-background.payment {
	background: url(https://www.royacdn.com/unsafe/smart/Site-f03ba6ca-439c-47fd-a8f7-683ed17fb185/content/payment_img.jpg);
	background-size: cover;
	height: 100px;
	background-position: center;
	margin-top: -20px;
}

.title-with-bg {
	color: #fff;
	padding-top: 10px;
	font-family: 'Lato', sans-serif;
}

.other-content {
	line-height: 2em;
	padding-right: 20px;
	padding-top: 10px;
}

.serv-lists {
	padding: 15px 0 0 20px;
}

.each-lists {
	margin-top: 20px;
	margin-bottom: 30px;
}

.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child>.btn, .input-group-btn:first-child>.btn-group>.btn, .input-group-btn:first-child>.dropdown-toggle, .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child>.btn-group:not(:last-child)>.btn {


	border-bottom-left-radius: 25px;
	border-top-left-radius: 25px;
}

table.office-hours {
	margin-bottom: 20px;
}

.each-staff {
	border-bottom: 1px solid #323237;
	padding-bottom: 10px;
}

.staff-name p {
	margin-top: -20px;
}

.blog-lists {
	margin-top: -10px;
}

/* — 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: #C3C3C3;
}

.care-credit-img {
	position: relative;
	top: -25px;
}


.header-request-appt.sidebar {	
	text-align: left;
	text-align: left;
	margin-bottom: -20px;
	margin-top: -20px;
}

.site-logo {
	max-width: 250px;
}

.staff-image {
	max-width: 300px;
	float: none;
	margin: auto;
}