article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary { display: block }
audio,
canvas,
video { display: inline-block }
audio:not([controls]) {
    display: none;
    height: 0;
}
[hidden] { display: none }
html {
    background: #fff;
    color: #000;
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}
body { margin: 0 }
a:focus { outline: thin dotted }
a:active,
a:hover { outline: 0 }
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}
abbr[title] { border-bottom: 1px dotted }
b,
strong { font-weight: bold }
dfn { font-style: italic }
hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}
mark {
    background: #ff0;
    color: #000;
}
code,
kbd,
pre,
samp {
    font-family: monospace,serif;
    font-size: 1em;
}
pre { white-space: pre-wrap }
q { quotes: "\201C" "\201D" "\2018" "\2019" }
small { font-size: 80% }
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup { top: -0.5em }
sub { bottom: -0.25em }
img { border: 0 }
svg:not(:root) { overflow: hidden }
figure { margin: 0 }
fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}
legend {
    border: 0;
    padding: 0;
}
button,
input,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0;
}
button,
input { line-height: normal }
button,
select { text-transform: none }
button,
html input[type='button'],
input[type='reset'],
input[type='submit'] {
    -webkit-appearance: button;
    cursor: pointer;
}
button[disabled],
html input[disabled] { cursor: default }
input[type='checkbox'],
input[type='radio'] {
    box-sizing: border-box;
    padding: 0;
}
input[type='search'] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}
input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-decoration { -webkit-appearance: none }
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}
textarea {
    overflow: auto;
    vertical-align: top;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
}
@media (min-width: 40rem) { 
}
@media (min-width: 64rem) { 
}

@media (min-width: 40rem) { 
}
@media (min-width: 64rem) { 
}
@media (min-width: 40rem) { 
}

blockquote { margin: 0 }
blockquote p {
    color: #bbb;
    margin-bottom: 1.5rem;
}
cite { color: #bbb }
p {
    margin: 0 auto 2em auto;
    text-align: left;
}
.lead {
    max-width: 45rem;
    font-size: 1.25rem;
}
dt { font-weight: bold }
dd { margin-bottom: 1.625em }
::-moz-selection,
::selection {
    background: #e67e39;
    color: #fff;
}
.sub-point {
    display: block;
    font-size: 0.75rem;
}
*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
section {
    border-top: 2px solid #f2f2f2;
    text-align: center;
    padding: 2rem 0;
}
section:first-of-type { border-top: none }
@media (min-width: 40rem) { 
    section { padding: 4rem 0 }
}
.container-lightbox {
    margin: 0 auto;
    max-width: 40rem;
    width: 90%;
}
.row { *zoom: 1 }
.row:after {
    content: "";
    display: table;
    clear: both;
}
header {
    padding: 2rem 0;
    background-color: #f7f7f7;
    text-align: center;
}
header p { text-align: center }
.example-image-link {
    display: inline-block;
    padding: 4px;
    margin: 0 0.5rem 1rem 0.5rem;
    background-color: #fff;
    line-height: 0;
    -webkit-transition: background-color 0.1s ease-out;
    -moz-transition: background-color 0.1s ease-out;
    -o-transition: background-color 0.1s ease-out;
    transition: background-color 0.1s ease-out;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
}
.example-image-link:hover { background-color: #4ae }
.example-image {
    max-width: 9rem;
    max-height: 9rem;
}
.how-to-use-section p,
.how-to-use-section ol,
.how-to-use-section ul,
.how-to-use-section pre { text-align: left }
fieldset { border: none }
.donate-button { width: 100% }
@media (min-width: 40rem) { 
    .donate-button { width: auto }
}
footer {
    padding: 2rem 0;
    background-color: #f7f7f7;
    text-align: center;
}
footer p { text-align: center }
footer .button { margin-top: 0.5rem }
.sharing-section {
    position: fixed;
    z-index: 10;
    top: 20px;
    right: 0;
}
code {
    color: #777;
    background-color: #f2f2f2;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
    font-family: Consolas,Courier,monospace;
    font-size: 0.9rem;
    padding: 0.1rem 0.3rem;
    position: relative;
    top: -1px;
}
pre {
    background-color: #f2f2f2;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
    padding: 0 0.5rem 0.1rem 0.5rem;
}
pre code {
    padding: 0;
    font-size: 0.7rem;
    border: none;
}
.column { margin-bottom: 1.5rem }
@media (min-width: 40rem) { 
    .column {
        float: left;
        margin: 0;
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .column.full { width: 100% }
    .column.two-thirds { width: 66.7% }
    .column.half { width: 50% }
    .column.third { width: 33.3% }
    .column.fourth { width: 24.95% }
    .column.flow-opposite { float: right }
}
ul {
    margin: 0;
    text-align: left;
}
@media (min-width: 40rem) { 
    ul {  }
}
.button {
    display: block;
    padding: 0.7rem 2rem;
    margin-bottom: 0.5rem;
    border: none;
    color: #fff;
    background-color: #4ae;
    font-size: 1.2rem;
    font-weight: bold;
    text-transform: uppercase;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
    vertical-align: middle;
    white-space: nowrap;
}
.button:hover {
    background: #1595ea;
    text-decoration: none;
}
@media (min-width: 40rem) { 
    .button {
        display: inline-block;
        margin: 0 0.25rem;
    }
}
.button-minor {
    padding: 0.35rem 1rem;
    border: 2px solid #4ae;
    color: #4ae;
    background-color: transparent;
    font-size: 0.8rem;
}
.button-minor:hover { color: #fff }
hr {
    border: 0;
    border-top: 2px solid #f2f2f2;
    margin: 2rem auto;
    width: 3rem;
}
@media (min-width: 40rem) { 
    hr { margin: 2.5rem auto }
}
/* Preload images */
body:after {
 content: url(../img/close.png) url(../img/loading.gif) url(../img/prev.png) url(../img/next.png); display: none;
}
.lightboxOverlay {
 position: absolute; top: 0; left: 0; z-index: 9999; background-color: black; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; display: none;
}
.lightbox {
 position: absolute; left: 0; width: 100%; z-index: 10000; text-align: center; line-height: 0; font-weight: normal;
}
.lightbox .lb-image {
 display: block; height: auto; max-width: inherit; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px;
}
.lightbox a img {
 border: none
}
.lb-outerContainer {
 position: relative; background-color: white; *zoom: 1; width: 250px; height: 250px; margin: 0 auto; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px;
}
.lb-outerContainer:after {
 content: ""; display: table; clear: both;
}
.lb-container {
 padding: 4px
}
.lb-loader {
 position: absolute; top: 43%; left: 0; height: 25%; width: 100%; text-align: center; line-height: 0;
}
.lb-cancel {
 display: block; width: 32px; height: 32px; margin: 0 auto; background: url(../img/loading.gif) no-repeat;
}
.lb-nav {
 position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10;
}
.lb-container > .nav {
 left: 0
}
.lb-nav a {
 outline: none; background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}
.lb-prev,
.lb-next {
 height: 100%; cursor: pointer; display: block;
}
.lb-nav a.lb-prev {
 width: 34%; left: 0; float: left; background: url(../img/prev.png) left 48% no-repeat; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transition: opacity 0.6s; -moz-transition: opacity 0.6s; -o-transition: opacity 0.6s; transition: opacity 0.6s;
}
.lb-nav a.lb-prev:hover {
 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1;
}
.lb-nav a.lb-next {
 width: 64%; right: 0; float: right; background: url(../img/next.png) right 48% no-repeat; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transition: opacity 0.6s; -moz-transition: opacity 0.6s; -o-transition: opacity 0.6s; transition: opacity 0.6s;
}
.lb-nav a.lb-next:hover {
 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1;
}
.lb-dataContainer {
 margin: 0 auto; padding-top: 5px; *zoom: 1; width: 100%; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px;
}
.lb-dataContainer:after {
 content: ""; display: table; clear: both;
}
.lb-data {
 padding: 0 4px; color: #ccc;
}
.lb-data .lb-details {
 width: 85%; float: left; text-align: left; line-height: 1.1em;
}
.lb-data .lb-caption {
 font-size: 13px; font-weight: bold; line-height: 1em;
}
.lb-data .lb-number {
 display: block; clear: left; padding-bottom: 1em; font-size: 12px; color: #999999;
}
.lb-data .lb-close {
 display: block; float: right; width: 30px; height: 30px; background: url(../img/close.png) top right no-repeat; text-align: right; outline: none; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s;
}
.lb-data .lb-close:hover {
 cursor: pointer; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1;
}
@charset "utf-8";

* { padding: 0; margin: 0; border: none; }
html { min-height: 100%; }
body { font-family: 'Montserrat', Arial, Helvetica, sans-serif; color: #58595b; font-size: 1em; }

p, .cannabis-container p {margin-bottom: 20px; line-height: 23px;}

h1 { font-size: 40px; color: #0098d2; margin-bottom: 15px; line-height: 45px;}
h2 { font-size: 33px; color: #fcb040; margin: 30px 0 6px; font-family: "Bree Serif"; }
h3 { font-size: 22px; color: #0098d2; margin: 51px 0 15px; line-height: 130%; font-family: "Bree Serif";}
h4 { font-size: 18px; color: #b4c93b; margin: 0 0 0; font-weight: normal;}
h5 { font-size: 16px; color: #fcb040; margin: -6px 0 -3px; font-weight: normal;}
a, a:hover { text-decoration: none;}

hr { margin: 40px 0; border: 1px solid #eee; }

/* ----------Start Mobile Navigation --------> */
.container { width: 100%; background-color: #0098d2; }
.toggleMenu { display:  none; padding: 6px 15px 10px; color: #FFFFFF; font-size: 20px; font-weight: bold; width: 100% }
.toggleMenu img { float: right; margin: 4px 30px 0 0; width: 28px; height: 20px; }
.nav { list-style: none; *zoom: 1; background: #20b1e8; }
.nav:before, .nav:after { content: " "; display: table; }
.nav:after { clear: both; }
.nav ul { list-style: none; width: 9em; }
.nav a { padding: 10px 15px; color:#fff; }
.nav li { position: relative; }
.nav > li { float: left; border-top: 1px solid #0098d2; }
.nav > li > .parent { background-image: url("../img/downArrow.png");   background-repeat: no-repeat; background-position: right; }
.nav > li > a { display: block; }
.nav li  ul { position: absolute; left: -9999px; }
.nav > li.hover > ul { left: 0; }
.nav li li.hover ul { left: 100%; top: 0; }
.nav li li a { display: block; background: #5dc7f0;position: relative; z-index:100; border-top: 1px solid #0098d2; }
.nav li li li a { background:#249578; z-index:200; border-top: 1px solid #1d7a62; }
.active { display: block; }
.nav > li { float: none; }
.nav > li > .parent { background-position: 95% 50%; }
.nav li li .parent { background-image: url("../img/downArrow.png"); 	background-repeat: no-repeat; background-position: 95% 50%;}
.nav ul { display: block; width: 100%; }
.nav > li.hover > ul , .nav li li.hover ul { position: static; }

/* End --------------------- End Responsive menu */

.container { display: none;}
#col1of2 a, #col1of1 a, #footer-sitemap a {color: #0098d2;}
#col1of2 a:hover, #col1of1 a:hover, #footer-sitemap a:hover {color: #fcb040;}
#footer-copyright a:hover {color: #A3A3B2;}
.footer-box .learn-more a, .footer-box2 .learn-more a, .footer-box-right .learn-more a, #sidebar-need-price a {color: #fff;}
.footer-box. .learn-more a:hover { color: #dae49d; }


#utility-wrapper, #logo-wrapper, #nav, #slider, #cta-wrapper, #footer-wrapper, #footer-logo, #footer-sitemap, #footer-copyright {font-size: 15px; margin: 0 auto; width: 990px; color: #6ac0e1;}

#utility-wrapper { text-align: right; margin: 2px auto 0; height: 25px; font-size: 13px; }
#utility-wrapper img { padding: 7px 0 0 2px; width: 11px; }
#utility-wrapper a, #utility-wrapper a:visited { color: #0098d2; }
#utility-wrapper a:hover { color: #fcb040; }




#logo-wrapper {height: 110px;}
#logo {width: 316px; float: left; }
#logo img {margin:5px 28px; width: 100%; }
#slogan {width: 300px; float: right; margin: 28px 1px 20px 10px; font-size: 26px; line-height: 32px; text-align: center; font-weight: 300; color: #fcbd42;font-style: italic;}
#mobile-banner { display: none; }





/* START ---------------- menu */
#nav { height: 39px; margin: 50px auto 0; text-align: center; text-transform: uppercase; font-size: 19px; }
#nav ul ul { display: none; }
#nav ul li:hover > ul { display: block; }
#nav ul { list-style: none; position: relative; display: inline-table; margin: 0;}
#nav ul:after { content: ""; clear: both; display: block; }

#nav ul li { float: left; padding-right: 40px; height: 39px; }
#nav > ul > li:first-child { float: left; }
#nav > ul > li:last-child { float: left; padding-right: 0; }

#nav ul li:hover ul { background: #f0f0f1; }
#nav ul li a { display: block; color: #0098d2; }
#nav ul li a:hover { color: #fcbd42; }
.no-hover { cursor: default; color: #0098d2; }

/* Level 2 */
#nav ul ul { background: #5f6975; border-radius: 0px; padding: 0; position: absolute; top: 100%; margin: 0 0 0 -12px; z-index: 999;}
#nav ul ul li { float: none; border-bottom: 2px solid #fdbd42; position: relative; font-size: 15px; text-align: left; background: #faefdb;}
#nav ul ul li { padding: 0 33px 6px 6px; }
#nav ul ul li:first-child { float: none; }
#nav ul ul li:last-child { float: none; border-bottom: 0px solid;}
#nav ul ul li a { padding: 10px 10px; }	
/* End Level 2 */

#nav ul ul ul { position: absolute; left: 100%; top:0; }
/* End --------------------- End Full menu */



#slider-bg {background:#fdbd42 url('../img/slider-bg.gif') center; /* height: 410px; */ }

.transparent {color: #fff; opacity: 0.5; filter: alpha(opacity="50");  } /* Used in top-cta-row.html */

#orange-bar { height: 21px; background: #fcbd42; margin: 0 auto; }
#content-wrapper { margin: 0 auto; width: 990px; overflow: auto; color: #404041; background: #fff; }
.home #content-wrapper { padding-top: 20px; }

#col1of1 { margin: 30px 30px 30px 61px; width: 900px;  }
#col1of2, .sub #col1of2 { width: 100%; margin: 65px 0 30px; }
#col1of2 ul, #col1of1 ul { margin: 0 0 22px 43px; line-height: 21px; }

.larger-font {font-size: 20px; line-height: 25px; font-weight: 600;}

.contact-today {text-transform: uppercase; margin: 15px 17px 0; text-align: right; font-size: 15px;}
.contact-today a { color: #fff;}


.bio { border-radius: 7px; overflow: auto; }
.bio img { max-width: 160px; float: left; margin: 0 20px 20px 0;}
.bio h3 { font-family: "Montserrat", Arial, Helvetica, sans-serif; font-weight: 700; font-size: 20px; color: #0098d2; margin: 0 0 2px 0; }

.gallery-title  { border-bottom: 1px solid #ccc; padding-bottom: 40px; min-height: 105px; }
.gallery-title h3 a { color: fcb070;}
.gallery-title a:hover { color: #0098d2; }
.gallery-title img { max-width: 160px; float: left; margin: 0 20px 20px 0; }
.gallery-title h3 { font-size: 26px; color: #fcb040; margin: 30px 0 6px 0; }
.see-gallery { font-size: 80%; float: right;}
#back-to-gallery { float: right; font-size: 15px;}

.thumb { max-width: 150px; max-height: 150px; border-radius: 6px;}
.gallery-table {width: 100%; }
.gallery-table td { width: 20%; text-align:center;}
.image-float-right { float: right; margin: 10px 0 30px 70px;  max-width: 400px; }
.image-float-left { float: left; margin: 10px 70px 30px 0; max-width: 400px; }
.image-full { max-width: 550px; height: auto; }

#testimonial {clear: both; margin: 0 76px 0 60px; padding: 50px 0 130px; font-size: 24px; font-weight: 300; color: #fff;}
#testimonial p {text-align: center; line-height: 31px; margin-bottom: 0;}
#testimonial-name {text-align: right; padding-right: 12px; line-height: 32px;}



.sub-footer { width: 100%; margin-top: 80px; overflow: auto; }
.map-row { width: 49%; float: left; border-right: 20px solid white; }
.map-row iframe { width: 100%; height: 520px; }
.sub-footer-right { width: 49%; float: right; }
.sub-newsletter { background-color: #6ac0e1; overflow: auto; height: 250px; }
.newsletter-content { width: 230px; padding: 20px 30px 30px 30px; }
	.newsletter-content h2, .hours-content h4 { font-size: 26px; color: #fff; font-weight: normal; margin-top: 0; font-family: "Bree Serif"; }
	.newsletter-content p { font-size: 16px; color: #fff;}

.sub-hours { background-color: #fcb040; height: 250px; margin-top: 20px; }
.hours-content { width: 260px; padding: 20px 30px 30px 30px;  }
.hours-content p { font-size: 14px; color: #fff; line-height: 21px; margin-bottom: 10px;  }
.hours-content p:last-child { margin-bottom: 0; }


.cannabis-row { width: 100%; padding: 50px 0 70px; background-color: /*#b4c93b*/#718e54; margin-top: 20px; }
.cannabis-container { margin: 0 auto; width: 990px; overflow: auto; color: #404041; }
.cannabis-container h2, .cannabis-container h3, .cannabis-container p { color: #fff!important;  }
.cannabis-container h3 { font-weight: 300; margin-top: 11px; }
.cannabis-container h3 a { color: #b4c93b!important;  }
.cannabis-container h3 a:hover { color: #babda8!important;  }
.cannabis-container img { margin-top: 50px; }


.shop-row { width: 100%; padding: 50px 0 70px; background-color: #0098d2; margin-top: 20px; }
.shop-container, .vetster-container { margin: 0 auto; width: 990px; overflow: auto; color: #404041; }
.shop-container h2, .shop-container h3, .shop-container p, .shop-container ol, .vetster-container h2, .vetster-container h3, .vetster-container p { color: #fff!important;  }
.shop-container ol { margin-left: 20px; line-height: 23px;   }
.shop-container h3, .vetster-container h3 { font-weight: 300; margin-top: 11px; color: #fff; }
.shop-container h3 a, .shop-container li a { color: #a4e6ff!important;  }
.shop-container h3 a:hover, .shop-container li a:hover { color: #fff!important;  }
.shop-container img, .vetster-container img { margin-top: 50px; }


.vetster-row { width: 100%; padding: 50px 0 70px; background-color: #42389d; margin-top: 80px; }
.vetster-container h3 a { color: #ffa4fe!important;  }
.vetster-container h3 a:hover { color: #fff!important;  }

.announcements { background-color: #ff7e3f; padding: 10px 0;   }
.announcements-container { width: 90%; color: #fff; text-align: center; margin: 0 auto;  }









#footer { margin-top: 40px; /* z-index: -1; */ position:relative; clear: both; }
#footer-dog-cat {background: url('../img/puppy-kitten.jpg') no-repeat center -95px; margin-top: 0px;}
#footer-wrapper {padding-top: 65px; }


.footer-box { float: left; width: 26.5%; text-align: center; font-family: "Bree Serif"; color: #fff; border-radius: 10px; padding-bottom: 20px; margin-right: 23px; color: #fff; font-weight: normal; padding: 0 20px 20px; height: 300px; }
/* .footer-box4 { margin-right: 0; float: right;  } */

.footer-left {background: #b4c93b;}
.footer-middle {background: #6ac0e1;}
.footer-right {background: #fcb040;}
/* .footer-box4 {background: #b640fc;}  */

.footer-box img { margin-top: -9px;}

.footer-box h2 { font-size: 28px; margin-top: 0!important;   }
.footer-box h2 a { color: #fff!important; }
.footer-left .learn-more a:hover { color: #dae49d!important; }
.footer-middle .learn-more a:hover { color: #b5e0f0!important; }
.footer-right .learn-more a:hover { color: #fed8a0!important; }
/*  .footer-box4 .learn-more a:hover { color: #c39fd9!important; }  */



.footer-box p { margin-bottom: 5px!important; font-size: 18px!important;  }
.footer-box p a { color: #fff!important;  }
.footer-box .learn-more { text-align: right; font-size: 17px; }
.footer-box .learn-more a { color: #fff; }

 
#footer-logo-sitemap-copyright { width: 990px; margin: 160px auto 50px; clear: both; background-color: #fff; }
#footer-logo, #footer-sitemap, #footer-copyright {text-align: center;}

#footer-logo {height: 96px; margin-top: -111px; }
#footer-logo img {width: 227px; height: auto;}

#footer-sitemap {height: 20px; margin-bottom: 37px; font-weight: bold; padding-top: 2px; color: #0098d2;}
#footer-sitemap li {display: inline; list-style: none; padding: 0 10px; border-right: 2px solid #fec271;}
#footer-sitemap li:last-child {border-right: 0;}
#footer-sitemap a {color: #0098d2;}

#footer-copyright {height: 55px; font-size: 13px; color: #59595a; margin-bottom: 30px; }
#footer-copyright ul {display: block; margin-bottom: 14px;}
#footer-copyright li {display: inline; list-style: none; padding: 0 2px; }
#footer-copyright a {color: #59595a;}


















/* =============================================================================
   Media Queries for Responsive Design
   ========================================================================== */
	

@media (min-width:769px) and (max-width: 1024px) { /* portrait tablet) ------------ */
#utility-wrapper, #logo-wrapper, #nav, #slider, #footer-wrapper, #footer-logo, #footer-sitemap, #content-wrapper, #footer-copyright, .cannabis-container, .vetster-container {  width: 710px;  }

.container { display: none; }

h1 { font-size: 36px; }
p { font-size: 16px; }

#utility-wrapper { margin: 2px auto 0; }
#logo img { width: 260px; height: auto; margin: 17px 28px 0 0; border: 0px solid red; }
#nav ul li { padding-right: 26px; }
#nav { font-size: 17px; }

.slider-wrapper { width: 100%; margin: 0 auto; }

#col1of1, #col1of2, .sub #col1of2  { width: 100%; margin: 30px auto;  }
.sub h1 { margin-top: 40px;}
.sub #content-wrapper { padding-bottom: 50px;}
.image-float-right { margin: 10px 0 10px 30px;  max-width: 320px; }
.image-float-left { margin: 10px 30px 10px 0;  max-width: 320px; }



.map-row { width: 48%; }
.newsletter-content, .hours-content { width: 70%; }
.hours-content p { font-size: 13px; }

#footer-wrapper { padding-top: 35px; width: 90% }
.footer-box { width: 40.9%; float: left; display: inline; margin-bottom: 20px; height: 243px; }
.footer-box1
.footer-box1 h2, .footer-box2 h2, .footer-box3 h2 { font-size: 20px; line-height: 35px;  margin: 0 35px 5px 20px; }
.footer-box1 p, .footer-box2 p, .footer-box3 p { margin: 0 20px 1px; font-size: 15px; }	
#testimonial p, #testimonial-name  { font-size: 16px; line-height: 25px;  }
#footer-dog-cat { background-image: none; background-color: #0098d2;  }	
#testimonial { padding: 60px 0 30px; }
#footer-logo-sitemap-copyright { width: 100%; }	

}






@media (min-width:691px) and (max-width: 768px) { /* landscape mini tablet) ------- */
#utility-wrapper, #logo-wrapper, #nav, #slider, #footer-wrapper, #footer-logo, #footer-sitemap, #content-wrapper, #footer-copyright, #footer-logo-sitemap-copyright, .wufoo, .cannabis-container, .vetster-container  { width: 600px;  }

#nav, .image-full { display: none; }

.toggleMenu { width: 95%; display: block; }
.toggleMenu img { margin: 5px 0 0; }
#logo { width: 225px; }
#logo img { height: auto; margin: 17px 28px 0 0 ; border: 0px solid aqua; }
.container { display: block; }
#slogan { font-size: 20px; line-height: 25px; width: 250px; margin: 25px 0 20px; }

h1 { font-size: 34px; }
p { font-size: 16px; }

#col1of1 { width: 100%; margin: 30px 0;  }
.image-float-right { margin: 10px 0 10px 30px;  max-width: 320px; }
.image-float-left { margin: 10px 30px 10px 0;  max-width: 320px; }

.map-row { width: 48%; }

#footer { height: inherit; }
#footer-wrapper { padding-top: 35px;  }
.footer-box1, .footer-box2, .footer-box3 { width: 185px; height: 286px; }
.footer-box1, .footer-box2 { margin-right: 20px; }
.footer-box1 img, .footer-box2 img, .footer-box-right img { width: 51px;} 
.footer-box1 h2, .footer-box2 h2, .footer-box3 h2 { font-size: 20px; line-height: 35px;  margin: 0 35px 5px 20px; }
.footer-box1 p, .footer-box2 p, .footer-box3 p { margin: 0 20px 1px; font-size: 15px; line-height: 20px; }	
#testimonial p, #testimonial-name  { font-size: 16px; line-height: 25px;  }
#footer-dog-cat { background-image: none; background-color: #0098d2;  }	
#testimonial { padding: 40px auto 50px; }
#footer-logo-sitemap-copyright { width: 100%; margin: 35px auto 50px; }
#footer-sitemap { font-size: 12px; }
#footer-logo { margin-top: 0; }

}







@media (min-width:481px) and (max-width: 690px) { /* portrait mini-tablet ) ------- */
#utility-wrapper, #logo-wrapper, #nav, #slider, #footer-wrapper, #footer-logo, #footer-sitemap, #content-wrapper, #footer-copyright, #footer-logo-sitemap-copyright, .wufoo, .cannabis-container, .shop-container, .vetster-container  {  width: 410px;  }

#nav, .image-full, .footer-box1, .footer-box2, .footer-box-right, #footer, .tracy-image, #slider { display: none; }

h1 { font-size: 28px; margin-bottom: 0; line-height: 35px;} 
h2 { font-size: 25px; margin: 20px 0 5px; } 
h3 { font-size: 18px; }
p { font-size: 15px; line-height: 22px; }

.toggleMenu { width: 93%; }
.toggleMenu img { margin: 5px 0 0; }

.container { display: block; }

#slider-bg { height: 264px; }
#mobile-banner { display: block; margin: 0 auto; width: 350px; }
#mobile-banner img { width: 100%; }


.utility-wrapper { text-align: center; }
#logo-wrapper { height: 170px; }
#logo { width: 260px; margin: 20px auto 0; float: none; } 
#logo img {  height: auto; margin: 0 ; border: 0px solid fuchsia; }
#slogan { width: 100%; text-align: center; font-size: 20px; margin: 12px 1px 20px 10px;  }

#col1of1 { width: 100%; margin: 30px 0 60px;  }
#col1of2, .sub #col1of2 { margin: 30px 0; width: 100%; }
.image-float-right, .image-float-left, .gallery-title img  {  width: 100%; max-width: 100%; }

#back-to-gallery { font-size: 13px; margin-right: 10px; float: none; }

.sub-footer { overflow: inherit; }
.map-row, .sub-footer-right { width: 100%; margin: 20px auto 0; float: none; border: 0;}
.sub-newsletter, .sub-hours { height: inherit; }
.newsletter-content { width: 85%; text-align: center; padding: 40px 30px 30px; margin: 0 auto;}
.hours-content { width: 85%; text-align: center; padding: 30px 30px 30px; margin: 0 auto; }
.map-row iframe { height: 220px; }
.hours-content p { font-size: 13px; }

.cannabis-container img, .shop-container img { margin: 0 auto; width: 200px; }

#testimonial { margin: 0 20px; font-size: 22px; }
#testimonial p { line-height: 30px; }
#footer-sitemap {  height: 50px; line-height: 28px; }
#footer-copyright { font-size: 10px; }

}







@media (min-width:0) and (max-width: 480px) { /* landscape phone ) ------------ */
#utility-wrapper, #logo-wrapper, #nav, #slider, #footer-wrapper, #footer-logo, #footer-sitemap, #content-wrapper, #footer-copyright, #footer-logo-sitemap-copyright, .wufoo, .vetster-container  {  width: 240px;  }

.cannabis-container, .shop-container { width: 90%!important; }

#nav, .image-full, .footer-box1, .footer-box2, .footer-box3, #footer, .tracy-image, #slider { display: none; }

h1 { font-size: 28px; margin-bottom: 0; line-height: 35px;} 
h2 { font-size: 25px; margin: 20px 0 5px; } 
h3 { font-size: 18px; }
h4, p { font-size: 15px; line-height: 22px; }


#utility-wrapper { text-align: center; }
.toggleMenu { width: 89%; }
.toggleMenu img { margin: 5px 0 0; }

.container { display: block; }

#logo-wrapper { height: 150px; }
#logo { width: 210px; margin: 35px auto 0; float: none; } 
#logo img {  height: auto; margin: 0 ; border: 0px solid blue; }
#slogan { width: 100%; text-align: center; font-size: 17px; margin: 12px 1px 20px 10px; line-height: 23px; }

#slider-bg { height: 181px; }
#mobile-banner { display: block; margin: 0 auto; width: 240px; }
#mobile-banner img { width: 240px; }

#col1of1 { width: 100%; margin: 30px 0 60px;  }
#col1of2, .sub #col1of2 { margin: 30px 0; width: 100%; }

#col1of2 h1 { font-size: 28px; line-height: 30px; margin-bottom: 20px; }
#col1of2 ul, #col1of1 ul { margin: 0 0 22px 25px;}
.image-float-right, .image-float-left, .gallery-title img { width: 100%; max-width: 100%; }
#back-to-gallery { font-size: 13px; margin-right: 10px; float: none; }

.bio img { width: 100%; max-width: 100%; }
.larger-font { font-size: 16px; line-height: 21px; }

.cannabis-container img, .shop-container img {  max-width: 180px!important; height: auto!important; margin: 0 auto; }

.sub-footer { overflow: inherit; }
.map-row, .sub-footer-right { width: 100%; margin: 20px auto 0; float: none; border: 0;}
.sub-newsletter, .sub-hours { height: inherit; }
.newsletter-content { width: 78%; text-align: center; padding: 40px 30px 30px; margin: 0 auto;}
.newsletter-content img { width: 100%; }
.hours-content { width: 78%; text-align: center; padding: 30px 30px 30px; margin: 0 auto; }
.map-row iframe { height: 220px; }
.hours-content p { font-size: 13px; }



#footer { height: 270px; }
#footer-dog-cat { background: margin-top: 0px; background-image: none; height: 590px; }
#footer-wrapper { padding-top: 0; height: 265px;  }
#testimonial { margin: 0 20px; font-size: 17px; padding-top: 30px; }
#testimonial p { line-height: 22px; }

#footer-logo-sitemap-copyright { margin: 30px auto 50px; }
#footer-logo { margin: 0 0 15px; height: 70px;}
#footer-sitemap {  height: 80px; line-height: 28px; }
}