header#header nav ul li ul {display:none; width:150px; position:absolute; z-index:99999999;}
header#header nav ul li:hover > ul {display:block;}
header#header nav ul li ul li {width:100%; text-align:center; border-top:2px solid transparent; line-height:20px;}
header#header nav ul li ul li a {display:block; padding:10px 0; background:#c4d600; color:#000;}
header#header nav ul li ul li a:hover {background:#43b02a; color:#fff;}
header#header nav ul li ul li:after {display:none;}

section#sub aside {padding-bottom:50px;}

#slider {overflow:hidden;}
#slider, .slider {position:relative;}
.slider button, #slider .next, #slider .prev {position:absolute; z-index:999;}
#slider, .slider .slideImage {width:100%; min-width:960px; height:295px; position:relative; background:#00afd7;}
#slider .sNav {position:absolute; top:0; width:100%; min-width:960px; height:295px;}
#slider .sNav .sNavWrap {height:295px;}
#slider .prev, #slider .next {top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); cursor:pointer;}
#slider .prev .fa, #slider .next .fa {color:rgba(256,256,256,.6); font-size:50px;}
#slider .prev {left:-25px;}
#slider .next {right:-25px;}

section#sub aside {width:250px;}
section#sub aside nav ul li ul li {position:relative;}
section#sub aside nav .volunteer-nav li .fa {height:0; position:absolute; top:28%; left:10px;}
section#sub .content ul, section#sub .content ol {margin-bottom: 20px; margin-left: 30px;}
section#sub .content ul li, section#sub .content ol li {color: #385988; line-height: 22px; font-size: 14px; margin-bottom: 10px;}
section#sub .content ul li {list-style: disc;}
section#sub .content ol li {list-style: decimal;}
section#sub .content table {color: #385988; margin-bottom: 20px; font-size:14px;}
section#sub .content table th {font-weight: bold; text-decoration: underline;}
section#sub .content table th, section#sub .content table td {padding: 5px;}
section#sub .content table tbody th {text-align: center;}
section#sub .content b {font-weight: bold;}
section#sub article {width:710px;}
section#sub .asExtend .extend {left:-230px;}

/* Forms Styles */
[type="radio"]:not(:checked), [type="radio"]:checked ,[type="checkbox"]:not(:checked), [type="checkbox"]:checked {position:relative; left:0; opacity:1;}
select {display:block;}
.dform_element .checkboxes, .dform_element .radios {list-style:none;}
input.submit {border:0; padding:10px 20px; background:#385988; color:#fff; text-transform:uppercase; float:right;}

#bod h3 {margin-bottom:10px;}

.donate-area form {margin-bottom:15px;}
.donate-area ul {list-style:none; padding:0;}
.donate-area ul li span {font-weight:bold; margin-right:10px; display:inline-block;}
section#sub .content .donate-area ul li {list-style:none;}

.gallery {width:100%; margin-bottom:40px; float:left;}
.gal-img {width:33%; box-sizing:border-box; padding:10px; float:left;}
.gal-img img {width:100%; height:auto; background:grey;}

/* style fix home page badge */
.vet-ready-badge {
	margin-top: -120px; 
	margin-left: 80px; 
	width: 250px;
}

/* screen width below 1027px, need to remove negative margin from badge */
@media screen and (max-width:1400px) {
  .vet-ready-badge {
	  margin-top: 0; 
	  margin-bottom: 20px;
  }
}

/* screen size below 1400px, need to decrease footer margin-left */
@media screen and (max-width:1400px) {

	footer .row {
		margin-left: 20px;
	}
	
}

/* screen size below 1194px, need to adjust footer styles */
@media screen and (max-width:1194px) {

	footer {
		height: auto;
	}
	
	.borderdivleft, .borderdivright {
		display: none;
	}
	
}






@media screen and (max-width:960px) {
	
	.fullWidth, header#header, header#header nav, #slider, footer, footer .copyright {min-width:100%;}
	header#header nav ul {width:auto;}
	.wrap {width:100%;}
	section#home article .btns, footer .blue .fLinks, footer .blue {width:100%;}
	.slide {background:#385988;}

	header#header {height:auto; float:left;}
	header#header .nails, footer .blue .fLinks, footer .map, #slider, .slider .slideImage, section#sub aside, section#sub .asExtend {display:none;}
	header#header .logo img {max-width:100%;}
	header#header .logo {height:auto; width:50%; margin:20px 5%; text-align:center;}

	header#header .social {float:left; width:40%; margin-right:0; margin-top:20px; margin-bottom:20px;}
	header#header .social .btn {margin:auto; margin-bottom:10px;}
	header#header nav {clear:both; height:auto; float:left;}

	section#home article {width:90%; margin:0 5%; padding-left:0; padding-right:0; border-right:0;}
	section#home article .btns ul li:first-child, section#home article .btns ul li {margin:2%; width:46%; }

	section#home aside {width:100%; padding:0px 5% 25px 5%;}
	section#home aside .box {position:relative;}
	
	section#sub .content table {display:block; width:100%; overflow:scroll;}

	section#sub article {width:100%;}
	section#sub article header {padding-left:5%;}
	section#sub article .content {width:90%; margin:20px 5%; padding:0; float:left;}
	
	footer {float:left; height:auto;}
	footer .green, footer .blue {width:50%; float:left; padding:0 5%; height:auto; padding-bottom:20px;}
	footer .blue .address {float:none; margin:auto; text-align:center;}
	footer .green {text-align:center;}
	footer .blue .address span.hours b, footer .blue .address span.phone b, footer .green span.hours b, footer .green span b {float:none; width:auto; margin:0;}
	footer .copyright {float:left; position:relative; height:auto;}
	footer .copyright span {line-height:15px; padding:10px 0;}
}

@media screen and (max-width:720px) {
	header#header .logo {width:90%;}
	header#header .social {float:left; width:100%; margin-right:0; margin-bottom:20px;}
	footer .green, footer .blue {width:100%;}
	.mobile {display:block;}
	.m-nav {width:100%; height:50px; float:left; position:relative;}
	.m-nav span {position:absolute; width:100%; line-height:50px; display:block; text-align:center; left:0; top:0; text-transform:uppercase; font-size:20px;}
	
	header#header nav ul li {width:100%; line-height:50px; position:relative; text-align:center;}
	header#header nav ul li .arrow {position:absolute; line-height:50px; width:50px; right:0; color:#fff; top:0;}
	header#header nav ul li:before, header#header nav ul li:after {display:none;}
	header#header nav ul li ul {position:relative; width:100%;}
	header#header nav ul {display:none; float:left;}
	header#header nav ul li:hover > ul {display:none;}
	
	header#header nav ul li .arrow {z-index:999;}
	.arrow > .fa {transition:.5s ease; transform:rotate(0deg); -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -ms-transform:rotate(0deg); line-height:50px;}
	.arrow.rotate > .fa {transition:.5s ease; transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg);}
	.cover {display:block; width:50px; height:50px; position:absolute; right:0; top:0; z-index:999;}
	.line {width:30px; height:3px; background:#fff; position:relative; top:23px; left:10px; transition:ease;}
	.line::before {content:''; left:0; width:30px; height:3px; position:absolute; top:-10px; background-color:#fff;}
	.line::after {content:''; left:0; width:30px; height:3px; position:absolute; top:10px; background-color:#fff;}
	.line.animate::before {-webkit-animation: mymove .5s forwards; -moz-animation: mymove .5s forwards; -o-animation: mymove .5s forwards; animation: mymove .5s forwards; }
	.line.animate::after {-webkit-animation: mymove2 .5s forwards; -moz-animation: mymove2 .5s forwards; -o-animation: mymove2 .5s forwards; animation: mymove2 .5s forwards;}
	.line.animate {-webkit-animation: mymove3 .2s forwards; -moz-animation: mymove3 .2s forwards; -o-animation: mymove3 .2s forwards; animation: mymove3 .2s forwards;}
	.line.reverse::before {-webkit-animation: mymove4 .5s forwards; -moz-animation: mymove4 .5s forwards; -o-animation: mymove4 .5s forwards; animation: mymove4 .5s forwards;}
	.line.reverse::after {-webkit-animation: mymove5 .5s forwards; -moz-animation: mymove5 .5s forwards; -o-animation: mymove5 .5s forwards; animation: mymove5 .5s forwards;}
	.line.reverse {-webkit-animation: mymove6 .2s forwards; -moz-animation: mymove6 .2s forwards; -o-animation: mymove6 .2s forwards; animation: mymove6 .2s forwards;}
	@keyframes mymove {
		0% {top:-10px;} 
		50% {top:0;} 
		51% {transform: rotate(0deg); -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); -moz-transform: rotate(0deg);} 
		100% {transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -moz-transform: rotate(-45deg); top:0;} 
	}
	@keyframes mymove2 {
		0% {top:10px;} 
		50% {top:0;} 
		51% {transform: rotate(0deg); -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); -moz-transform: rotate(0deg);} 
		100% {transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); top:0;} 
	}
	@keyframes mymove3 {
		99% {width:30px;} 
		100% {width:0px;} 
	}
	@keyframes mymove4 {
		0% {transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -moz-transform: rotate(-45deg); top:0;} 
		50% {transform: rotate(0deg); -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); -moz-transform: rotate(0deg);} 
		51% {top:0;} 
		100% {top:-10px;} 
	}
	@keyframes mymove5 {
		0% {transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); top:0;} 
		50% {transform: rotate(0deg); -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); -moz-transform: rotate(0deg);} 
		51% {top:0;} 
		100% {top:10px;} 
	}
	@keyframes mymove6 {
		0% {width:0px;} 
		99% {width:0px;} 
		100% {width:30px;} 
	}

	@-webkit-keyframes mymove {
		0% {top:-10px;} 
		50% {top:0;} 
		51% {transform: rotate(0deg); -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); -moz-transform: rotate(0deg);} 
		100% {transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -moz-transform: rotate(-45deg); top:0;} 
	}
	@-webkit-keyframes mymove2 {
		0% {top:10px;} 
		50% {top:0;} 
		51% {transform: rotate(0deg); -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); -moz-transform: rotate(0deg);} 
		100% {transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); top:0;} 
	}
	@-webkit-keyframes mymove3 {
		99% {width:30px;} 
		100% {width:0px;} 
	}
	@-webkit-keyframes mymove4 {
		0% {transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -moz-transform: rotate(-45deg); top:0;} 
		50% {transform: rotate(0deg); -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); -moz-transform: rotate(0deg);} 
		51% {top:0;} 
		100% {top:-10px;} 
	}
	@-webkit-keyframes mymove5 {
		0% {transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); top:0;} 
		50% {transform: rotate(0deg); -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); -moz-transform: rotate(0deg);} 
		51% {top:0;} 
		100% {top:10px;} 
	}
	@-webkit-keyframes mymove6 {
		0% {width:0px;} 
		99% {width:0px;} 
		100% {width:30px;} 
	}
}

.social .btn {
font-size:13px;
}
header#header .social .btn {
height:22px;
}
header#header .social .btn span {
line-height:22px;
}
nav ul li:hover > .expanded { display: block; }