/*
Theme Name: Pacific Vet Care by Giant Media
Description: Custom responsive theme for Pacific Vet Care
Version: 1.0
Author: GiantMedia.com.au
*/
/*  RESET ALL  ============================================================================= */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
/*  Standard styling site wide  ============================================================================= */
@font-face {
	font-family: 'circular';
	src: url('fonts/CircularStd-Black.eot') format('embedded-opentype'), 
	     url('fonts/CircularStd-Black.woff') format('woff'), 
	     url('fonts/CircularStd-Black.ttf')  format('truetype');
    font-weight:700;
}
@font-face {
	font-family: 'circular';
	src: url('fonts/LINETO-CIRCULAR-MEDIUM.TTF')  format('truetype');
    font-weight:500;
}
@font-face {
	font-family: 'circular';
	src: url('fonts/CircularStd-Book.eot') format('embedded-opentype'), 
	     url('fonts/CircularStd-Book.woff') format('woff'), 
	     url('fonts/CircularStd-Book.ttf')  format('truetype');
    font-weight:400;
}
body, textarea { font-family: 'circular', sans-serif; line-height:1.8; font-size:17px; color:#414141; background:#fff; text-rendering: optimizeLegibility; }
p { font-family: 'circular', sans-serif; margin-bottom:13px; color:#414141; line-height:1.8; font-size:17px; font-weight:300; }
ol { font-family: 'circular', sans-serif; margin:10px 0px; color:#414141; margin-left:30px; font-weight:300; }
ul { font-family: 'circular', sans-serif; margin:10px 0px; color:#414141; margin-left:30px; font-weight:300; }
li { font-family: 'circular', sans-serif; line-height:1.7; font-weight:300; }
a {color: #0e6e6e;text-decoration:none;font-weight:300;}
a:hover { color:#1fa9a9; }
a img { -webkit-transition: all 500ms; transition: all 500ms;  }
strong { font-weight:600; }
hr { height:1px; width:100%; background:#ccc; display:block; position:relative; border:none; outline:none; margin: 45px 0;}
/*  stops iphone changing color of phone numbers
============================================================================= */
a[href^=tel] {text-decoration:inherit;color:inherit;color: #0e6e6e;}
/* Does the same thing as <meta name="viewport" content="width=device-width">,
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 * the meta tag. See http://core.trac.wordpress.org/ticket/25888.
 */
@-ms-viewport {	width: device-width; }
@viewport {	width: device-width; }
/* headings  ================================================== */
h1,h1 a, h2, h2 a, h3, h3 a, h4, h4 a, h5, h5 a { font-family: 'circular', sans-serif; color:#404450; display:block; width:auto; text-decoration:none; font-weight:700; line-height:1.2em; text-transform:none; -webkit-transition: all 500ms; transition: all 500ms; }
h1, h1 a { font-size:45px; margin-bottom:30px; }
h2, h2 a { font-size:45px; margin-bottom:20px; }
h3, h3 a { font-size:30px; margin-bottom:20px; }
h4, h4 a, h5, h5 a { font-size:20px; margin-bottom:15px; }
iframe { max-width:100%!important; display:block; margin:0px auto; }
img  { max-width:100% !important; height:auto; display:block; }

/*  HEAD  ============================================================================= */
/* .logged-in .header { padding-top:28px!important; } */ 
.header .block { position: absolute; top:-35px; right:0; }
.numbers { padding:15px 40px 15px 70px; border-radius:0 0 5px 5px; display: inline-block; background-repeat: no-repeat !important; background-image:url(images/phone.png) !important; background-position:25px 50% !important; position: relative;margin-left: 5px;box-shadow: 0px 5px 15px rgba(0,0,0,0.1);}
.numbers p { color:#fff; margin:0; font-family:'circular', sans-serif; }
.main-menu { display: inline-block; margin-top: 0px; width: auto; float:right; clear: both; padding: 35px 0px;}
.header { z-index:200;   display:block;   overflow:visible; position:absolute;   box-sizing: border-box; -webkit-transition: all 500ms; transition: all 500ms;padding: 0;height: 120px;width: 100%;}
.home .header { background: url(images/fade.png) repeat-x 50% 50%; background-size: contain; }
.header .div_row { width:inherit; position: absolute; left:50%; top:50%; transform:translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}
#logo {background:url('images/logo.png') 0 50% no-repeat;background-size:contain !important;position: relative;height: 97px;z-index:1200;width: 394px;-webkit-transition: all 500ms;transition: all 500ms;max-width: 100%;}
.home #logo { background:url('images/logo-white.png') 0 50% no-repeat; }
.banner { display:block; position:relative; padding:200px 0 60px; background: #efebe7 !important;}
.banner h1 {     margin: 0 !important;  max-width: 70%;}
.banner h1:after { display: none; }
#breadcrumbs a { font-size:95% !important; margin:0 5px; color: #404450; -webkit-transition: all 500ms; transition: all 500ms; }
#breadcrumbs span { font-size:95% !important; margin:0 5px; color: #aaa; -webkit-transition: all 500ms; transition: all 500ms; }
#breadcrumbs a:hover { color:#28d8d8; }
#breadcrumbs a:first-child, #breadcrumbs span:first-child { margin-left:0; }

/*  HOME  ============================================================================= */
.animals h3 {font-size:20px;font-weight:400;text-align: center;margin-top: 3em;}
.animals .icon { position: relative; }
.animals .icon img {
    margin: 0 auto;
    z-index: 999999999;
    }
.animals .icon svg { z-index:10; position:relative; height: 140px;  width: 100%; -webkit-transition: all 500ms; transition: all 500ms; }
.animals .icon svg path { fill:#262d3f; -webkit-transition: all 500ms; transition: all 500ms;  }
.animals .icon:after {z-index: -1;content:'';display: block;height: 200px;width: 200px;background:#28d8d8;position: absolute;top: 57%;left:50%;transform: translate(-50%, -50%);border-radius:50%;box-shadow:0px 0px 40px -10px rgba(0,0,0,0.3);-webkit-transition: all 500ms;transition: all 500ms;}
.animals:hover .icon svg { }
.animals:hover .icon:after {background:#1fa9a9;height: 200px;width: 200px;}
.animals:hover .icon img { transform:scale(1.05) rotate(3deg); -webkit-transform:scale(1.05) rotate(3deg); }
.animals:hover .icon svg { transform:scale(1.05) rotate(3deg); -webkit-transform:scale(1.05) rotate(3deg); }
.welcome .image { width:40%; display:inline-block; vertical-align: middle; margin-right:10%; }
.welcome .image img { box-shadow:0px 0px 40px -10px rgba(0,0,0,0.3); }
.welcome .text { width:49%; display:inline-block; vertical-align: middle; }
.team .image { width:40%; display:inline-block; vertical-align: middle; margin-left:10%; }
.team .image img { box-shadow:0px 0px 40px -10px rgba(0,0,0,0.3); }
.team .text { width:49%; display:inline-block; vertical-align: middle; }
.shadow { box-shadow:0px 0px 40px -10px rgba(0,0,0,0.3); }
.featured { position: absolute; z-index:10; }
.blog-box img { margin-bottom:1em; }
.blog-box .date { text-align: center; margin-bottom:5px; }
.blog-box h3, .blog-box p { text-align: center; margin: 0; }
.team h3 { margin-top:20px; }
.overlap { position: relative; z-index: 25; }
.overlap .center { position: absolute; left:50%; top:50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); width: 90%;box-sizing: border-box;}
.testimonials { background:url(images/testimonial-background.jpg) no-repeat 50% 50%; background-size:cover; }
.noshadow { box-shadow:none !important; }
.button { text-align:center; padding:0px 45px !important; background:#28d8d8; color:#fff; text-transform:none !important; letter-spacing:0 !important; font-size:17px; font-weight:400; -webkit-transition: all 500ms; transition: all 500ms; display: inline-block;font-family: 'circular',sans-serif !important;border-radius: 40px;height: 70px;line-height: 70px;margin-top: 10px;top: 0; position: relative; box-sizing: border-box;} 
.button:hover { background:#1fa9a9; color:#fff; top:-3px; box-shadow: 0px 5px 20px rgba(0,0,0,0.2); }
.whitebutton { background:#fff; color:#404450; }
.whitebutton:hover { background:#ddd; color:#404450; }
.button a { color:#fff; }
.lightgreybkg { background:#f7f5f0; }
.wrapper.team {
      padding-bottom: 120px;
}
/*  BODY/PAGE/CONTENT  ============================================================================= */
.box { text-align: center; min-height: 200px; width:100%; box-sizing: border-box; display: block; border: 1px solid #ccc; border-radius: 5px; padding:35px 40px; box-shadow:0px 0px 40px -10px rgba(0,0,0,0); -webkit-transition: all 500ms; transition: all 500ms; position: relative; }
.box:hover { box-shadow:0px 0px 40px -10px rgba(0,0,0,0.3); }
.box h4 { font-size:25px; }
span.arrow { display: block; height: 45px; width:45px; margin:0px auto; position: absolute; bottom:35px; left:50%;  background:url(images/arrow.png) no-repeat center; background-size: contain; -webkit-transform: translateX(-50%);transform: translateX(-50%);}

.su-accordion { margin-top:1em; margin-bottom:0 !important;  }
.recommend { display: inline-block; width:15%; margin-right:1%; vertical-align: middle; }
.recommend img { max-height: 100px; width: auto; max-width: 85% !important; }
.desktop { display:block; }
.mobi { display:none; }
.wc-gallery .gallery .gallery-icon a img { border-radius:5px !important; }
.su-spoiler-title { position: relative; padding: 28px 60px !important; font-weight: 600 !important; font-size: 18px !important; background: #28d8d8 !important; font-family: 'circular',sans-serif; color: #fff !important; border-radius: 5px !important; line-height: 1.3 !important; }
.su-spoiler-icon { position: absolute; left:30px !important; font-size:15px !important; top:50% !important; transform: translateY(-50%) !important; -webkit-transform: translateY(-50%) !important; }
.links { border-bottom:1px solid #ccc; margin-bottom:25px !important; padding-bottom:10px !important; }
.links h2 { margin-bottom:0px; }
.links h2:after { display:none; }
.links h2 a { margin-bottom:0px; color:#404450; font-size:25px; }
.wcflex-direction-nav .wcflex-prev { background:url('images/flex-left.png') no-repeat center !important; background-size: contain !important; opacity:0.5; width:60px; height:60px; }
.wcflex-direction-nav .wcflex-next { background:url('images/flex-right.png') no-repeat center !important; background-size: contain !important; opacity:0.5; width:60px; height:60px; }
.wc-gallery .gallery.wcflexslider { background:none !important; }
.testi { display: block; max-width: 100%; background: #28d8d8;padding: 50px;border-radius: 5px; position:relative;margin-bottom: 15px;}
.testi:after { position: absolute;   content:''; display: block; bottom: -14px;left: 50px;border-width: 15px 15px 0;border-color: #28d8d8 transparent;border-style: solid;}
.testi p {  color:#fff; text-align: left; margin-bottom:15px; }
.testi h2{ font-size:20px; text-align: left; margin: 0;color: #fff;}
.testi h2:after { display:none; }
.coloredlink {
  color: #28d8d8!important;
}

.fpsect1 {
  padding-top: 35px!Important;
}


/* ============================================================================= */
/* rusable elements below */
.page-numbers { font-size:20px; padding:23px 5px; color:#666; text-decoration:none; display:inline-block; }
 .page-numbers:hover { color:#ccc; text-decoration:none; }
 .current:before { content: "["; } 
 .current:after { content: "]"; } 
.sitemap li a { text-decoration:none; font-size:22px; }
.sitemap li a:hover { color:#666; }
.page_link h3 { color:#fff; font-size:24px; display:block !important;  border-bottom:2px solid; margin-bottom:25px; padding-bottom:13px; width:100%; }
.page_link h3:hover { color:#fff; border-bottom:2px solid; }
form { }
form p { width:100%; margin:3px auto; }
form .col { margin-top:0; margin-bottom:0; }
.search { display:block; position: relative; width: 100%;}
.search form { margin: 19px 0px;float: right;width: 370px;}
.search input[type="text"] { max-width:300px; display: inline-block; margin: 0px;height: 60px;background: #fff !important;box-sizing: border-box !important;}
.search input[type="submit"] { width:60px; display: inline-block; font-size: 0px;margin: 0px; height: 60px;padding: 0px; background:url('images/search.png') no-repeat 50% 50% #ed1a22; }
.handbook input[type="text"], .handbook input[type="email"] { background:#fff !important; }
input[type="email"],select, input[type="password"],input[type="text"], .form-phone , textarea, input[type="tel"]{
    border:none;
    background:#ddd;
    color: #222;
    padding: 0px 30px;
    width: 100%;
    margin:5px auto;
    display: inline-block;

    font-size:17px;
    font-weight:400;
    font-family:inherit;
    box-sizing: border-box;
    border-radius:3px;
    height: 70px;
    line-height: 70px;
}
::-webkit-input-placeholder { color:#555; font-family:inherit; font-weight:300; }
:-moz-placeholder { color:#555; font-family:inherit; font-weight:300; }
::-moz-placeholder { color:#555; font-family:inherit; font-weight:300; }
:-ms-input-placeholder { color:#555; font-family:inherit; font-weight:300; }
textarea, .inpage textarea { height:auto; }
input[type="submit"] { cursor:pointer; border:none; -webkit-appearance:none; -moz-appearance:none; appearance:none; color:#fff; background:#28d8d8; font-family:inherit; font-size:18px; width:100%; padding:0px 40px; display:inline-block; text-align:center; font-weight:600; text-transform:none; -ms-transition:all 500ms; -webkit-transition: all 500ms; transition: all 500ms; height: 70px;line-height: 70px;margin-top: 5px !important;}
input[type="submit"]:hover { background:#329917; }
.navigation { display:block; padding:50px 0px; }
.navigation .alignleft a, .alignright a { padding:15px 30px; background:#fff; border-radius:9px; color:#666; border:1px solid #666; -webkit-transition: all 500ms; transition: all 500ms; }
.navigation .alignleft a:hover, .alignright a:hover { background:#666; color:#fff;  }
/*  SLIDE  ============================================================================= */
#sliderBlk { margin:0px auto!important; max-width:1400px!important; position:fixed; padding:0px 0px 0px 0px; }
/*  FOOT  ============================================================================= */
[class^="socicon-"] { position:relative; background:#fff; color:#444; height:45px; width: 45px; border-radius:50%;  display: inline-block; text-align: center; vertical-align: middle; font-size:18px; }
[class^="socicon-"]:before { top:50%; position: absolute; transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);left: 50%;}
#footer_wrap { padding:80px 0px 70px; background:#262d3f; background-size:cover; position:relative; z-index: 20;  overflow: hidden; }
#footer_wrap .footlogo {  max-width:90% !important; width: 250px;}
#footer_wrap ul { text-align:left; float:left; width:100%;  margin: 0;}
#footer_wrap li { margin:0px; margin-right:30px;  float:none; width:auto; text-align:left; padding:0px 0px; display: inline-block; }
#footer_wrap li.button { background:none; padding:0 !important; }
#footer_wrap li.button:hover { box-shadow:none !important; top:0 !important; }
#footer_wrap ul li ul { margin-top:20px;}
#footer_wrap ul li ul li { display: block; margin:0;  }
#footer_wrap ul li ul li a { font-weight:400; padding:3px 0;  }
#footer_wrap ul li a { display: block; text-decoration: none; color:#fff !important; font-weight:600; text-transform:none;  -webkit-transition: all 500ms; transition: all 500ms; font-size: 16px; margin-right: 30px; font-family: 'circular',sans-serif;}
#footer_wrap ul li a:hover { color:#28d8d8!important; text-decoration: none; }
#footer_wrap ul li ul { /*! display:none; */ }
#footer_wrap .copyright { padding-top:40px; }
#footer_wrap .copyright p {font-size:13px;color:#fff !important;font-weight:400;text-align:left;text-align:  center;}
#footer_wrap .copyright a { color:#fff !important; }
#footer_wrap .copyright a:hover { color:#28d8d8 !important; }
/*  SECTIONS  ============================================================================= */
.wrapper { width:100%; padding:60px 0px; clear: both; position: relative; z-index:3;  }
.inpage {padding: 80px 0px;}
.div_row { margin:0px auto!important; max-width:1500px; position:relative; }
.fifty { width:50% !important; float:left; margin:0px; }
.map p { margin-bottom:0px !important; }
#sliderBlk { margin:0px auto!important; max-width:1400px!important; position:fixed; z-index:2;   }

.bumpit { display:block; height:895px; width:100%; position:relative; z-index:1; visibility:visible; }

.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}
.blk { display:block; }
/*  GROUPING  ============================================================================= */
.group:before,
.group:after {
    content:"";
    display:table;
}
.group:after {
    clear:both;
}
.group {
    zoom:1; /* For IE 6/7 (trigger hasLayout) */
}
/*  GRID COLUMN SETUP   ==================================================================== */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.col:first-child { margin-left: 0; } /* all browsers except IE6 and lower */
/*  REMOVE MARGINS AS ALL GO FULL WIDTH AT 480 PIXELS */
@media only screen and (max-width: 480px) {
	.col { margin: 1% 0 1% 0%;}
}
/*  GRID OF TWELVE   ============================================================================= */
.span_12_of_12 { width: 100%; }
.span_11_of_12 { width: 91.53%; }
.span_10_of_12 { width: 83.06%; }
.span_9_of_12 {	width: 74.6%; }
.span_8_of_12 {	width: 66.13%; }
.span_7_of_12 {	width: 57.66%; }
.span_6_of_12 {	width: 49.2%; }
.span_5_of_12 {	width: 40.73%; }
.span_4_of_12 {	width: 32.26%; }
.span_3_of_12 {	width: 23.8%; }
.span_2_of_12 {	width: 15.33%; }
.span_1_of_12 {	width: 6.86%; }
.fourty{ width:40%; float:left; }
.sixty{ width:60%; float:left; }
.half{ width:50%; float:left;  }
.third { width:30%; float:left; }
.two-thirds { width:70%; float:left; }
/*  SUNDRIES  ============================================================================= */
.absolute { position:absolute; top:0px; left:0px; }
.fr { float:right; }
.fl { float:left; }
.tl { text-align:left; }
.tr { text-align:right; }
.big { font-size:26px!important; padding-bottom:13px; }
.clBottom { margin-bottom:0px!important; padding-bottom:0px!important; }
.white { color:#fff!important; text-decoration:none; }
.blue { color:#0270a1!important; }
.grey { color:#655e4e!important; }
.pink{ color:#ff3692!important; }
.black { color:#333; font-size:16px;  }
.light-orange { color:#f58220!important; }
.green { color:#2e7a32!important; }
.center { text-align:center!important; display: block;  }
.upper { text-transform:none; }
.no_style { text-decoration:none; }
.fb { position:relative; top:-14px; }
.clear { clear:both; }
.bgwhite { background:#fff; }
.rounded { border-radius:5px; overflow:hidden; }
.inline { display:inline; }
.ML0 { margin-left:0px!important; }
.M0 { margin:0px!important; }
.M1 { margin:13px!important; }
.MR0 { margin-right:0px!important; }
.MR2 { margin-right:2em!important; }
.MR3 { margin-right:3em!important; }
.MT0 { margin-top:0px!important; }
.MT1 { margin-top:20px !important; }
.MT2 { margin-top:2em !important; }
.MT65 { margin-top:65px!important; }
 .MB0 { margin-bottom:0!important;}
 .MBhalf { margin-bottom:0.5em!important;}
 .MB1 { margin-bottom:1em !important;}
 .MB2 { margin-bottom:2em !important;}
 .MB2-5 { margin-bottom:2.5em!important;}
 .MB3 { margin-bottom:3.0em!important;}
 .MB5 { margin-bottom:5.0em!important;}
 .MR0 { margin-right:0!important;}
 .MR1 { margin-right:1em!important;}
 .ML2 { margin-left:2em; }
 .ML3 { margin-left:3em; }
 .MT3 { margin-top:3em; }
 .MT80 { margin-top:-80px !important; }
 .PB0 { padding-bottom:0!important;}
 .PB0-5, .minPad { padding-top:0.5em!important;}
 .PB1 { padding-bottom:1.0em!important;}
 .PB2 { padding-bottom:2.0em!important;}
 .PB4 { padding-bottom:4.0em!important;}
 .PT0 { padding-top:0!important;}
  .PT1 { padding-top:1em!important;}
  .PT2 { padding-top:2em!important;}
 .PT2-5 { padding-top:2.5em!important;}
 .aCenter {text-align:center;}
 .aLeft { text-align:left;}
 .aRight { text-align:right!important;}
.bb1 { border-bottom:1px solid #666; margin-bottom:13px!important; padding-bottom:13px; }
.bb2 { border-bottom:1px solid #ccc; margin-bottom:8px!important; padding-bottom:8px; }

.br1 { border-right:1px solid #c5c5c5; margin:0px; }
.bl1 { border-left:1px solid #c5c5c5; margin:0px; }
.m-only { display:none; }
.alignright { float:right; padding-left:40px; }
.alignleft { float:left; padding-right:40px; }
.no_padd { padding:0px!important; }
.bgnone { background:none!important; }
.cap { text-transform:capitalize; }
.Borange { background:#f8951d!important; }
.Bblue { background:#0aa6c7!important; }
.padd2 { padding:23px 0px; }
.rel { position:relative; }
.minh300 { min-height:300px; }
.minh250 { min-height:250px; }
.small { font-weight:300; font-size:16px; }

@media only screen and (max-width: 1620px) {
    .div_row { max-width: 95% !important;  }
    .slider h2 { margin-left:4% !important; }
    .slider a { margin-left:3.5% !important; }
}

@media only screen and (max-width: 1280px) {
	h1, h1 a { font-size:35px; }
	h2, h2 a { font-size:35px; }
	h3, h3 a { font-size:25px; }
	h4, h4 a, h5, h5 a { font-size:20px; }
}

/* RESPONSIVE ipad */ 
@media only screen and (max-width: 1080px) { 
    .banner { padding: 150px 0 40px; }
    .span_2_of_12 { width:31%; }
    .header { height:auto; padding: 20px 0;}
    .header .div_row { position: relative; top:auto; left:auto; transform: none; }
.welcome { background-image:none !important; }
.welcome .span_6_of_12 { width:100% !important; }
    .gallery { display:block; position: relative; }
    #footer_wrap ul { text-align: left; margin-bottom:10px; }
    .wrapper { padding:50px 0px; }
    #footer_wrap .footlogo { width: 200px !important; margin-bottom: 10px; }
    #footer_wrap .span_9_of_12 { margin-left:0; width: 100%;}
    #footer_wrap .copyright { padding-top:0px; max-width: 400px; }
    #footer_wrap { padding: 50px 0px 30px; }
    #footer_wrap .image { position: absolute; bottom: -150px; right:0; }
    #footer_wrap img { max-width:400px !important; }
    h1, h1 a { font-size:30px; }
    h2, h2 a { font-size:30px; }
    h3, h3 a { font-size:20px; }
    h4, h4 a, h5, h5 a { font-size:20px; }
    .div_row { max-width: 90% !important; }
    #logo img { max-width:250px !important; }
    .span_3_of_12 { width: 48%; }
    .span_3_of_12:nth-of-type(odd) { margin-left:0; }
    .header .div_row {  width:90%; }
    #logo { height:60px; width: 60%; }
}

/*  GO FULL WIDTH AT LESS THAN 640 PIXELS */
@media only screen and (max-width: 680px) {
	#footer_wrap .fr {
		text-align:  center;
		float: none;
		margin-top: 13px;
	}
	#footer_wrap .footlogo {
		margin: 0 auto;
		margin-top: 23px;
	}
	#footer_wrap .copyright p {

    text-align: center;
	}

    .featured { position: relative; margin-top:1.5em; }
    .team .image { width: 100%; margin:0; margin-top:30px; }
    .team .text, .welcome .text { width: 100%; }
    .welcome .image { display:none; }
    
        .span_2_of_12 { width:50%; }
.desktop { display:none !important; }
.mobi { display:block !important; }
    .box, .location-box { padding:30px 40px; min-height:auto; }
	#footer_wrap .menu { display:none; }
	.MR2,
	.MR3,
    .ML3,
    .MT3,
	.MT80 { margin:0 !important; }
	.inpage .shadow { margin-top:1.5em; }
    .button { width:100%; display: block;}
    #footer_wrap ul li { display: block; }
    .slider h2 { display:none !important; }
    .slider a { display:none !important; }
    .MR2 { margin-right:0 !important; }
    .testi { max-width: 90% !important; padding: 30px 60px 30px 40px;}
    #footer_wrap .image { display: none; }
    #footer_wrap .copyright {padding-top:20px;margin: 0 auto;text-align:  center;}
    #footer_wrap .span_10_of_12 { display: none; }
    p { font-size:16px; }
    h1, h1 a { font-size:25px;  }
    h2, h2 a { font-size:22px; margin-bottom:20px;  }
    h3, h3 a { font-size:20px !important; }
    h4, h4 a, h5, h5 a { font-size:20px !important; }
    .box h4 { margin:0; }
    .box .arrow { display: none; }
    .main-menu { padding:0px; float: none; width:100%; clear: both; }
    .wrapper { padding: 40px 0px !important; }
    .col { margin-left:0px; }
   .span_12_of_12, .span_11_of_12, .span_10_of_12, .span_9_of_12, .span_8_of_12, .span_7_of_12, .span_6_of_12, .span_5_of_12, .span_3_of_12, .span_4_of_12, .span_1_of_12, .homeU { width: 100%!important; }
	.quater { width:50%; float:left; }
	.half { width:100%; float:left; }
	.third { width:100%; float:left; }
	.two-thirds { width:100%; float:left; }
	.menu { margin:0px!important; }
	#footer_wrap .nav-menu li { display:block; color:#fff; }
	#footer_wrap .nav-menu li a { padding-left:0px; }
}

@media only screen and (max-width: 580px) {
    .animals h3 { margin-top:10px; }
    .animals .icon::after { width: 100px; height:100px; }
    .animals .icon img { width: 40%; }
    .animals .icon svg { height:100px; }
    #logo { height:50px; }
    .quicklink .content h2 { font-size:25px;}
	.span_12_of_12, .span_11_of_12, .span_10_of_12, .span_9_of_12, .span_8_of_12, .span_7_of_12, .span_6_of_12, .span_5_of_12, .span_4_of_12, .span_3_of_12, .span_1_of_12, .homeU { width: 100% !important; margin:10px 0px 0px; padding:0px; }
	.quater { width:100%; float:left; }
}