/********************************************

In this file you can add your custom CSS.
It will always override rules in style.css.
Good work... and good luck! :)

********************************************/

 /* === SHORTCODES */
    .content blockquote { background-position: 0 0}
    .short-table table th, .short-table table td { padding:8px 0}
	.call-to-action-two .call-btn, .call-to-action-two .call-to-action-twothx {display: table-cell;vertical-align: middle; margin-right: 10px; margin-top: 10px; margin-bottom: 5px}
	.call-to-action-two .call-btn {float: left; margin-top: 15px; margin-right: auto; margin-bottom: 10px; margin-left: auto; text-align: center; width: 39%; max-width: 39%}
		
	.one-quarter .quarter-btn {float: left; margin-top: 5px; margin-right: auto; margin-bottom: 5px; margin-left: auto; padding-left: 20px; text-align: center;width: 90%; max-width: 218px; max-height: 40px}
	.one-quarter2 .quarter-btn2 {float: left; margin-top: 5px; margin-right: auto; margin-bottom: 5px; margin-left: auto; padding-left: 20px; text-align: center; width: 90%; max-width: 218px; max-height: 40px}
	.three-fourthtop .speech{ display:block; float: left; vertical-align:baseline; width:100%;  text-align:left; padding: 10px 0 0 0}
	.three-fourthtop2 .speech2{ display:block; float: left; vertical-align:baseline; width:66%;  text-align:left; padding: 0 10px 0 0}
	.three-fourthtop2 .speech3{ display:block; float: left; vertical-align:baseline; width:52%;  text-align:left; padding: 10px 10px 0 0}
	*.a17 *.three-fifthLz{ clear: left; float: left; margin-right: 3%; margin-bottom: 1%; width: 57%;}		
	*.a17 *.three-fifthLz2 { clear: left; float: left; margin-right: 3%; margin-bottom: 1%; width: 57%;}

	.call-to-action-two .incipit { display:block; float: left; vertical-align:baseline; width:79%; max-width:920px; text-align:left; padding: 10px 10px 0 10px}
    .call-to-action-two .foal { display:block; float: left; vertical-align:baseline; width:100%; max-width:960px; text-align:left; padding: 10px 10px 0 10px}
	.call-to-action-two .incipit2 { display:block; float: left; vertical-align:baseline; width:79%; max-width:920px; text-align:left; padding: 0 10px 0 10px}
    .call-to-action-two .incipit3 { display:block; float: left; vertical-align:baseline; width:98%; max-width:569px; text-align:left }
	
	.call-to-action-two .incipit span { font-size:34px }
	.call-to-action-two .incipit2 span { font-size:34px }
    .call-to-action-two p, .call-to-action-two h1, .call-to-action-two h2, .call-to-action-two h3, .call-to-action-two h4, .call-to-action-two h5,
	.call-to-action-two h6 { width:auto; font-size:1.5em; margin-bottom:10px }
	
	.call-to-action-twothx .incipitx { display:block; float: left; vertical-align:baseline; width:98%; max-width:920px; text-align:left; padding: 20px 10px 0 10px}
    .call-to-action-twothx .foal { display:block; float: left; vertical-align:baseline; width:100%; max-width:960px; text-align:left; padding: 10px 10px 0 10px}
	.call-to-action-twothx .incipit2x { display:block; float: left; vertical-align:baseline; width:98%; max-width:920px; text-align:left; padding: 0 10px 0 10px}
    .call-to-action-twothx .incipit3x { display:block; float: left; vertical-align:baseline; width:98%; max-width:569px; text-align:left }
	
	.call-to-action-twothx .incipitx span { font-size:34px }
	.call-to-action-twothx .incipit2x span { font-size:34px }
    .call-to-action-twothx p, .call-to-action-twothx h1, .call-to-action-twothx h2, .call-to-action-twothx h3, .call-to-action-twothx h4, .call-to-action-twothx h5,
	.call-to-action-twothx h6 { width:auto; font-size:1.5em; margin-bottom:10px }
	
    .pricing_box { width:100% !important; margin-top:17px !important; }
    .image-styled .img_frame img { max-width:100% !important; }
    .image-styled .img_frame.img_size_fullwidth, .image-styled .img_frame.img_size_fullwidth img { max-width: 100%; margin-right: 0 }
    .google-map-frame, .google-map-frame iframe { max-width: 100%; margin-bottom: 2%; border-width: 0; border: 0;}
    .call-to-action { height:auto }   
    .call-to-action .decoration-image { display: none }   
    .call-to-action .incipit { margin-right:20px }     
	.call-to-action .incipit2 { margin-right:20px} 
    .call-to-action .number-phone { margin-left:20px; margin-bottom:20px; text-shadow:none }
    .call-to-action .number-phone, .call-to-action .number-phone a { font-size:28px; line-height:46px; letter-spacing:0 }

/*WRAPPER */
.boxed #wrapper { padding: 0; width: 100%}
.inner { max-width: 100%; padding: 0 0px 0; max-width: 960px }
.innercopy {
    max-width: 100%;
    padding: 0 0px 0;
	max-width: 960px }

/*CENTRE BUTTON*/
#toTop {
    position: fixed;
    right: 10px;
    z-index: 9999;
	padding-right: 10px;
    top: 50%;
    cursor: pointer;
    opacity: 1;
    display: block
}
/*END BUTTON*/

/*margins*/
.left {margin-right: 2% }
.right {margin-left: 2% }


/*SIDEBAR*/

.sidebar { width: 25% }
.content { width: 75% }
.contentfull { width: 100%; max-width: 960px}
.hentrytitle h2 {display: none}


.sidebar-new { width: 19.4% }
.content-new { width: 74.6% }

.sidebar-left .sidebar, .sidebar-right .content { float: left }
.sidebar-right .sidebar, .sidebar-left .content { float: right }
.sidebar-no .content { float: none; width: 100%; overflow: hidden; padding-top: 10px }

/* ===== HEADER ===== */
#header {
    margin-bottom: 10px;
    position: relative;
	max-width: 96%;
	padding: 15px 30px 0
}
#gallery-header {
    margin-bottom: 10px;
    position: relative;
	max-width: 100%;
	padding: 15px 30px 0
}


/*Height below shadow*/
.page-template-home-php #header, .home #header { margin-bottom: 0 }



/* === NAVIGATION  - controls menu in responsive sizes */ 
.menu-select { display:none; overflow:hidden; position:relative; width:100%; margin:5px auto 15px}
.menu-select select { width:100%; border:0px solid #ddd; background:none; -webkit-appearance: none; padding:10px 10px 10px 30px; cursor:pointer; font-family:'Source Sans Pro', sans-serif; color:#373636; font-size:14px; font-weight: 500; position:relative; z-index:1 }
.gecko .menu-select select { width:120%}
.menu-select select option { background:none; width:100% }
.menu-select .arrow-icon { position:absolute; height:100%; width:100%; background:#edeed2 url('../images/menu-select-arrow.png') no-repeat 95% center; top:0 }




#header .menu {
    height: 25px;
    padding: 5px 0 0;
    position: relative;
	width: 100%
}

#header .menu ul {
    list-style: none;
    background-color: #fff
}

#header .menu ul li {
    position: relative;
    padding: 0 22px
}

#header .menu.classic ul li {
    padding-bottom:10px
}

#ie8 #header .menu ul li {
    padding: 0 25px
}

#header .menu ul li a {
    color: #939191;
    display: block;
    font-family: 'Rokkitt', 'Georgia', 'Times New Roman', serif;
    font-size: 11px;
    text-align: left
}

#header .menu ul li a:hover {
    color: #000
}

#header .menu > ul {
    margin: 10px 0px 10px  10px;
    overflow: hidden;
    position: relative;
    top: 0;
    width: 100%;
    height: 25px;
    z-index: 99999;
	margin: 0 auto
}

#header .menu.classic > ul {
    overflow:visible
}

#header .menu > ul > li {
    float: left;
    height: 25px;
    position: relative;
    text-align: center;
    z-index: 2000
}
#header .menu ul > li { padding: 0 25px !important }

#header .menu > ul > li > a {
    font-size: 14px;
    line-height: 25px;
    padding-right: 10px
}

#header .menu > ul > li:first-child { padding-left: 15px }
#header .menu > ul > li:last-child  { border-right: none; padding-right: 0 }
#header .menu > ul > li:last-child > a { padding-right: 0}

#header .menu > ul > li:first-child > ul > li { padding-left: 0 }

/* active item */
#header div.menu .current-menu-item > a, #header div.menu .current-menu-ancestor > a,
#header div.menu .current_page_item > a, #header div.menu .current_page_ancestor > a,
#header div.menu .current_page_parent > a, #header div.menu .current_page_item > a {
    color: #000
}

/* 2nd & 3rd uls - childs */
#header .menu.megamenu > ul ul {
    margin-top: 15px;
    position: absolute;
    top: 13px;
    left: 0px;
    width: 100%;
    z-index: 1000
}

#header .menu.megamenu > ul ul li {
    min-width: 100px
}

#header .menu.megamenu > ul ul li a {
    font-family: 'Droid Sans', 'Verdana', 'Arial', sans-serif;
    font-size: 11px;
    
    line-height: 25px
}

/* 3rd ul - usually last child */
#header .menu.megamenu > ul ul ul {
    margin-top: 0;
    position: static;
    padding: 0
}

#header .menu.megamenu > ul ul ul li {
    padding-left: 10px }

#copyright { margin-top: 10px; float: none; width: 98%; margin-left: 1%; margin-right: 1%; text-align: center;}
#copyrightanimals { margin-top: 10px; float: none; width: 98%; margin-left: 1%; margin-right: 1%; text-align: center;}
#copyright2 { margin-top: 10px; float: none; width: 98%; margin-left: 1%; margin-right: 1%; text-align: center;}

.copyright .innercopy {border-top: 0px solid #A5A5A5; padding-top: 0 ;padding-bottom: 5px;margin-bottom: 0 }
.copyrightanimals .innercopy {border-top: 0px solid #A5A5A5; padding-top: 0 ;padding-bottom: 5px;margin-bottom: 0 }
.copyright2 .innercopy {border-top: 0px solid #A5A5A5; padding-top: 0 ; padding-bottom: 5px; margin-bottom: 0 }

#copyright .innercopy2 {border-top: 0px solid #A5A5A5; padding-top: 5px; padding-bottom: 5px; margin-bottom: 0 }
#copyrightanimals .innercopy2 {border-top: 0px solid #A5A5A5; padding-top: 5px; padding-bottom: 5px; margin-bottom: 0 }
#copyright2 .innercopy2 {border-top: 0px solid #A5A5A5; padding-top: 5px; padding-bottom: 5px; margin-bottom: 0 }

#copyright .inner .center {  width: 960px ; background:#cfdcaf; margin-left: auto ; margin-right: auto ; margin-bottom: 10px }
#copyrightanimals .inner .center {  width: 960px ; background:#cfdcaf; margin-left: auto ; margin-right: auto ; margin-bottom: 10px }
#copyright2 .inner .center {  width: 960px ; background:#cfdcaf; margin-left: auto ; margin-right: auto ; margin-bottom: 10px }

#copyright .innercopy div p:first-child {  margin-top: 0}
#copyrightanimals .innercopy div p:first-child {  margin-top: 0}
#copyright2 .innercopy div p:first-child {  margin-top: 0}

#copyright .innercopy2 div p:first-child {  margin-top: 0}
#copyrightanimals .innercopy2 div p:first-child {  margin-top: 0}
#copyright2 .innercopy2 div p:first-child {  margin-top: 0}

#copyright .inner2 .center {  width: 960px ; background:#cfdcaf; margin-left: auto ;margin-right: auto ; margin-bottom: 10px }
#copyrightanimals .inner2 .center {  width: 960px ; background:#cfdcaf; margin-left: auto ;margin-right: auto ; margin-bottom: 10px }
#copyright2 .inner2 .center {  width: 960px ; background:#cfdcaf; margin-left: auto ;margin-right: auto ; margin-bottom: 10px }

#gallery-copyright { margin-top: 10px; float: none; width: 96%; margin-left: 2%; margin-right: 2%; text-align: center;}

.gallery-copyright .innercopy {
    border-top: 0px solid #A5A5A5; 
    padding-top: 0 ;
    padding-bottom: 5px;
    margin-bottom: 0 }
 #gallery-copyright .innercopy {
    border-top: 0px solid #A5A5A5; 
    padding-top: 0 ;
    padding-bottom: 5px;
    margin-bottom: 0 }
#gallery-copyright .innercopy2 {
    border-top: 0px solid #A5A5A5; 
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 0 }

#gallery-copyright .inner .center {  width: 960px ;
  background:#cfdcaf;
  margin-left: auto ;
  margin-right: auto ; 
  margin-bottom: 10px }
  
  #gallery-copyright .inner2 .center {  width: 960px ;
  background:#cfdcaf;
  margin-left: auto ;
  margin-right: auto ; 
  margin-bottom: 10px }

#gallery-copyright .innercopy div p:first-child {
    margin-top: 0
}
#gallery-copyright .innercopy2 div p:first-child {
    margin-top: 0
}
/* === SLIDER */
.slider, #slider { margin-bottom:0 !important; margin-left: 0; margin-right: 0 }
.mobile-slider { display: none; }
#slider-flexslider h2, #slider-flexslider h4, #slider-flexslider p, #slider-flexslider span { color: #fff}


/* === STATIC HEADER */
.slider.fixed-image img {
    width: auto;
    height: auto;
    max-width: 100% 
	}

.responsive-image{
        height:auto;
        max-width:100%}

 .image2{
   display: none }
	/*END*/

/* ===== TYPOGRAPHY ===== */
p, li, address, dd, blockquote, td, th { font-size:0.9em; line-height:1.55em }
h1, h2, h3, h4, h5, h6, p, dl { margin:0 0 0.5em}          
a, a:hover { text-decoration:none }
h1, h1 a, h1 span { font-size:26px; line-height: 26px }
h3, h3 a, h3 span { font-size:20px; line-height: 20px }
.donkey h3, h3 a, h3 span { font-size:30px; line-height: 30px; color: #b80000}


h4, h4 a, h4 span { font-size:18px; line-height: 18px }
h5, h5 a, h5 span { font-size:15px; line-height: 15px }
h6, h6 a, h6 span { font-size:12px; line-height: 12px }
h7, h7 a, h7 span { font-size:15px; line-height: 15px; color:#B50000 }
.content ul { margin-left:20px; list-style:square }
.content ul cd-hero-slider{ margin-left:0; list-style:square }
cd-hero-slider .ul { margin-left:0px; list-style:square }
cd-hero-slider { margin: 0 0 0 0 ;}

.gallery ul { margin-left:0px; list-style:square }
.content ol { margin-left:40px }
i, em { font-style:italic }
strong { font-weight:bold }
.content blockquote { background:url('images/cite.png') no-repeat 45px 25px; padding:35px }
.content blockquote p { padding-left: 45px}        
.border-line { height:1px; background:#CFCFCF; width:100%; clear:both; margin:1.2em 0 }
dt { font-weight:bold }

a, .sidebar a:hover {
    color: #a0b366
}

a:hover, .sidebar a {
    color: #99AE69
}

.line { border-top:1px solid #CFCFCF }
.space { height:10px }
body .last, body .widget-last { margin-top: 10px; padding-right:0 !important; border-right:0; margin-bottom: 1% }
body .lastT, { margin-top: 10px; padding-right:0 !important; border-right:0; margin-bottom: 1% }

/*donkeytabs*/
 .one-thirdtab last {
    float: left;
	margin-top: 0px;
    margin-left: 0%;
    margin-right: 1%;
    margin-bottom: 1%;
    width: 33%;
  	text-align: left;
	padding: 0;
}
/*end*/

body .last-row { margin-bottom:0; }        
.sidebar .widget-last { margin-bottom:0; }
.for-mobile { display:none !important }  
.not-logged-in .not__logged_in { display:none !important }

/*FONT*/
p, li, address, dd, blockquote, td, th,
body, h1, h3, h4, h5, h6, p, p2, dl, ol {
    color: #1c212a;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 14px;
	line-height: 1.55em;
    font-weight: normal
}
pInfo {
    color: #B50000;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 14px;
	line-height: 1.55em;
    font-weight: normal
}
.hentry-post div.text2 { position: relative; margin-left: 85px; margin-top: 5px; min-height: 113px }

 accordh3 {
    color: #b80000;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 16px;
	line-height: 1.55em;
    font-weight: normal
}

a, ul{
    color: #1A1A1A;
    font-family: 'Droid Sans', 'Verdana', 'Arial', sans-serif;
    font-size: 13px;
    font-weight: normal}

code, pre { background-color: #E8EBEC; border: 1px dotted #CFCFCF; color: #333333; font: 13px/18px Consolas,"Courier New",Courier,monospace; padding: 0 5px }
pre { margin-bottom: 10px; margin-top: 10px }

.red { color: #b73756 }

/* ===== PAGE META ===== */
#page-meta { margin: 0 0 0 0}

#page-meta h2 { font-size: 22px; font-family: 'Source Sans Pro', sans-serif; color: #586480; text-align: center; margin:0; line-height: 1em }

#page-meta h3, #page-meta h4 { font-size: 28px; font-family: 'Source Sans Pro', sans-serif; color: #030303; text-align: center; margin:0; line-height: 1em }
#page-meta h4 { color: #b30808; font-size: 22px }

#yit-breadcrumb, #yit-breadcrumb a{ color:#838383}
#yit-breadcrumb a:hover{color:#535353}

/* ===== HEADINGS ===== */

.one-third h2 { font-size: 18px; font-family: 'Source Sans Pro', sans-serif; color: #b60000 }/* #586480*/
 h6, h6a, h6 span { font-family: 'Source Sans Pro', sans-serif; font-size: 20px; color: #b03756 }

h1 span, h2 span, h3 span, h4 span, h5 span, h6 span { color: #3D4558}
pInfo span {
    color: #B50000;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 14px;
	line-height: 1.55em;
    font-weight: normal
}
#header .menu ul li a { color: #939191; display: block; font-family: 'Source Sans Pro', sans-serif;    font-size: 11px; text-align: left}
.text-quote-quote, .text-quote-author { background: none; color: #939191; font-family: 'Source Sans Pro', sans-serif; font-size: 18px; font-style: normal; margin-top: 0;  margin-bottom: 0; padding: 0}
#portfolio a.zoom span, .section a.zoom span { position: absolute; bottom: 25%; color: white; text-align: center; display: block; width: 100%; font-family: 'Source Sans Pro', sans-serif; font-size: 16px; line-height: 15px; text-indent: 0;}

/* SMARTMENU */
/* === MENU CLASSIC */
/* second level */
.classic #nav ul.sub-menu, .classic #nav ul.children { font-size: 1.2em; display:none; position:absolute; left:-12px; top:25px; text-transform: none; padding:0; margin:0; width:150px; background:#ebebe5; border:1px solid #d3d3d3; z-index:100000; -webkit-box-shadow:0px 1px 3px rgba(0, 0, 0, 0.3);-moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3) }
.classic #nav li:first-child ul.sub-menu, .classic #nav li:first-child ul.children { left:-10px }
.classic #nav ul.sub-menu li, .classic #nav ul.children li { float:none; display:block; line-height:1em; font-size: 15px; margin:0; padding:0 }
.classic #nav ul.sub-menu li:first-child a, .classic #nav ul.children li:first-child a { border:0 }
.classic #nav ul.sub-menu li a, #nav ul.children a { color:#3D4572; letter-spacing:0; display: block; padding:10px 0; margin:0 10px; border-top: 1px solid #DDD }
.classic #nav a:hover, .classic #nav .current_page_item a, .classic #nav ul.sub-menu li a:hover, .classic #nav ul.children a:hover { color:#fff }

/* third level */
.classic #nav ul.sub-menu li ul, .classic #nav ul.children li ul { margin:0; z-index:100; padding-top:0; top:0; left:150px}   

/* nojs */  
body.no_js .classic #nav ul li:hover > ul { display:block }
body.no_js .classic #nav ul li ul.submenu li:hover > ul, body.no_js .classic #nav ul li ul.children li:hover > ul { display:block } 


/*IMAGES*/

.hentry img { max-width:100%; height:auto; display:block; margin-left: auto; margin-right: auto} 
.hentry input { max-width:100%;  height:auto; display:block }

/* === TEXT IMAGE */
.text-image img{ max-width: 100%; width:auto; height:auto}

img.alignright {float:right; margin:10px 0em 1em 1em}
img.alignleft {float:left; margin:1em 1em 1em 0em}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
img.indexalignright {float:right; margin:1em 0em 1em 1em; max-width: 100%; height: auto}
img.indexalignleft {float:left; margin:1em 1em 1em 0em; max-width: 100%; height: auto}
img.indexaligncenter {display: block; margin-left: auto; margin-right: auto; max-width: 100%; height: auto}

img {
   max-width: 100%;
   height: auto
}
.blessing p {
padding-top: 10px
}
.about p {
padding-top: 10px
}


.hentry0 {
		width: 100%;
        max-width: 960px;
		min-height: 188px;
        height: auto ;
		margin-bottom: 0px;
		padding-bottom: 0px;
		background-repeat: no-repeat;
        background-position: right bottom}
				
		
.hentry01 {

        background-image: url('../images/index/saitopsue.png');
		width: 100%;
        max-width: 960px;
		min-height: 125px;
        height: auto ;
		margin-top: 0px;
		margin-bottom: 10px;
		padding-bottom: 10px;
		background-repeat: no-repeat;
        background-position: right bottom}
		
.portfolio.three-columns .overlay a {
    display: block;
    float: left;
    height: 100%;
    width: 100%;
    line-height: 9999px;
    overflow: hidden
}

/* === TEXT IMAGE */
.text-image img{ max-width: 100% }

/* ===== WIDGETS ===== */

.sidebar .widget { margin-top:0; margin-bottom: 10px}

/*FOOTER code from old website
#footer {background:#fff; border-top:0px solid #dedbb5; clear:both; color:#666; font-size:0.9em; margin:0 0 5px 0
px 0; padding:0 0; text-align:center; width:960px;}*/

/*PAYPAL*/

.paypal_btn{
display: inline-block;
font-family: 'Rokkitt', 'Droid Sans', 'Verdana', 'Arial', sans-serif;
font-size: 20px;
font-weight: 700;
color: #fff;
text-align: center;
width: 184px;
padding: 10px 20px;
margin: 0;
background: #B4BA6C;
border: 0;
cursor: pointer;
outline: none
}

.paypal_btn:hover{ background: #c8cc78 }

.one-fourthtop {float: right; margin-right: 0%; width: 21%; height: auto; max-height: 191px; margin-bottom: 5px; padding-top: 0px;  text-align: right}
.one-fourthtop img { min-width: 176px; height: auto; padding-top: 10px }
.box-sections, .one-fourth {
	float: left;
	width: 22.75%;
	margin-top: 5px;
	margin-bottom: 5px
}
.box-sections, .one-fourth2 {
	float: left;
	margin-right: 3%;
	width: 22.75%;
	margin-top: 5px;
	margin-bottom: 5px}

.one-fourthQ {
	float: left;
	margin-right: 3%;
	width: 22.75%;
	margin-top: 10px;
	margin-bottom: 5px}


.box-sections, .one-fourthQ {
	float: left;
	margin-right: 3%;
	width: 22.75%;
	margin-top: 10px;
	margin-bottom: 5px;
	align-content: center}

.box-sections, .one-fourthQ img{
width: 100%;
max-width: 218px;
border: 0;
max-height: 40px}

.box-sections, .one-fourthQ p{
	line-height: 0.6em}
	
.box-sections, .one-fourthQ2  {
	float: left;
	margin-right: 3%;
	width: 47.5%;
	margin-top: 10px;
	margin-bottom: 5px}
	
 .one-fourthnews {
    float: left;
    width: 22.75%;
    margin-top: 10px;
    margin-bottom: 1%;
}
 .one-fourthnewsb {
    float: left;
    width: 22.75%;
    margin-top: 10px;
    margin-bottom: 1%;
}

img.center { display: block; margin: 5px auto; }
.two-fifthL img {max-width: 100%; height: auto; display: block; margin-bottom: 10px; margin-left: auto; margin-right: auto;}
.three-fifthR img {max-width: 100%; height: auto; display: block; margin-bottom: 10px; margin-left: auto; margin-right: auto;}
.three-fifthRdonate img {max-width: 90%; height: auto; display: block; margin-bottom: 10px; margin-left: auto; margin-right: auto;}
.two-fifthR img {max-width: 100%; height: auto; display: block; margin-bottom: 10px; margin-left: auto; margin-right: auto;}
.three-fifthL img {max-width: 100%; height: auto; display: block; margin-bottom: 10px; margin-left: auto; margin-right: auto;}
*.a17 *.three-fifthLz *.three-fifthLz2 { clear: left; float: left; margin-right: 3%; margin-bottom: 1%; width: 57%;}
*.a17 *.two-fifthRz { float: right;  margin-right: 0%; margin-bottom: 1%; width: 40%; padding-top: 0;}
*.a17 *.two-fourthbruceclearL { clear: left; float: left; margin-right: 2%; margin-bottom: 1%; width: 51%;}
*.a17 *.three-fourth17sally { float: left; margin-right: 3%; width: 70.25%;}	
*.a17 *.three-fourth17sallyb { float: left; margin-right: 3%; width: 70.25%;}
*.a17 *.three-fourth17sallyc { clear: left; float: left; margin-right: 3%; width: 70.25%;}
*.a17 *.three-fourth17sallyd { clear: left; float: left; margin-right: 3%; width: 70.25%;}
*.a17 *.one-fourth17sally { float: right; margin-right: 0%; width: 26.75%;}	
*.a17 *.two-fifthRpoem{ float: right; margin-right: 0%; margin-bottom: 1%; width: 33%; padding-top: 0;}
*.a17 *.three-fifthLpoem {float: left; margin-right: 2%; margin-bottom: 1%; width: 65%;}

.container {
    position: relative;
    text-align: center;
    color: white;
}


.box-sections, .one-quarter {
background-color: #989987;
	float: left;
	margin-right: 2%;
	width: 23.5%;
	margin-top: 5px;
	margin-bottom: 5px;
	max-width:218px}
	
.box-sections, .one-quarter2 {
background-color: #989987;
	float: left;
	margin-right: 2%;
	width: 23.5%;
	margin-top: 5px;
	margin-bottom: 5px;
	max-width: 218px}
   
 div.sky {
     clear: both;
	   background-image: url('../images/index/top.png');
		width: 100%;
        max-width: 960px;
       min-height: 150px;
	   height: 100%;
	   margin-top: 0px;
	   background-repeat: no-repeat;
       background-position: left bottom}

div.boxhelp1 {
	text-align: left;
	background: url("../images/gradient-call-to-action.png") repeat-x scroll left top #FFFFFF;
	border: 0px solid #DEDBB5;
	border-radius: 6px 6px 6px 6px;
	margin: 5px 0 10px;
	padding: 5px 5px 5px 20px;
	min-height: 50px;
	background: rgb(255, 255, 255); /* Fallback for older browsers without RGBA-support */
    background: rgba(255, 255, 255, 0.3);
	width: 90%}

div.boxhelp2 {
	text-align: center;
	background: url("../images/gradient-call-to-action3.png") repeat-x scroll left top #FFFFFF;
	border: 0px solid #d0dded;
	border-radius: 6px 6px 6px 6px;
	margin: 0px auto 0px;
	width: 95%;
	padding: 5px 5px 5px 0px;
	min-height: 22px;
	background: rgb(255, 255, 255); /* Fallback for older browsers without RGBA-support */
    background: rgba(255, 255, 255, 0.5)}

div.box2bhelp2 {
	text-align: center;
	border: 0px solid #8ab6d9;
	border-radius: 6px 6px 6px 6px;
	font-size: 20px;
	margin: 0px auto 0px;
	width: 95%;
	padding: 0px 5px 5px 5px;
	min-height: 22px;
	background: rgb(255, 255, 255); /* Fallback for older browsers without RGBA-support */
    background: rgba(255, 255, 255, 0.5)}

div.box {
	text-align: center;
	background: url("../images/gradient-call-to-action.png") repeat-x scroll left top #FFFFFF;
	border: 0px solid #DEDBB5;
	border-radius: 6px 6px 6px 6px;
	margin: 0px 0 110px;
	padding: 5px 5px 5px 20px;
	min-height: 50px;
	background: rgb(255, 255, 255); /* Fallback for older browsers without RGBA-support */
    background: rgba(255, 255, 255, 0.3);
	width: 90%}
	
	div.boxdonate {
	text-align: center;
	background: url("../images/gradient-call-to-action.png") repeat-x scroll left top #FFFFFF;
	border: 0px solid #DEDBB5;
	border-radius: 6px 6px 6px 6px;
	margin: 0px 0 10px;
	padding: 5px 5px 5px 20px;
	min-height: 50px;
	background: rgb(255, 255, 255); /* Fallback for older browsers without RGBA-support */
    background: rgba(255, 255, 255, 0.3);
	width: 90%}

div.box2 {
	text-align: center;
	border: 2px solid #8ab6d9;
	border-radius: 6px 6px 6px 6px;
	margin: 10px auto 10px;
	width: 60%;
	max-width: 292px;
	padding: 12px 5px 7px 5px;
	min-height: 22px;
	min-width: 221px;
	background: rgb(255, 255, 255); /* Fallback for older browsers without RGBA-support */
    background: rgba(255, 255, 255, 0.5)}

div.box2b {
	text-align: center;
	border: 2px solid #8ab6d9;
	border-radius: 6px 6px 6px 6px;
	font-size: 20px;
	margin: 10px auto 10px;
	width: 60%;
	max-width: 292px;
	padding: 12px 5px 7px 5px;
	min-height: 22px;
	background: rgb(255, 255, 255); /* Fallback for older browsers without RGBA-support */
    background: rgba(255, 255, 255, 0.5)}
	
div.box2info {
	text-align: center;
	border: 2px solid #D5DCE6;
	border-radius: 6px 6px 6px 6px;
	margin: auto;
	width: 90%;
	max-width: 292px;
	padding: 12px 5px 7px 5px;
	min-height: 22px;
	background: rgb(255, 255, 255); /* Fallback for older browsers without RGBA-support */
    background: rgba(255, 255, 255, 0.5)}

div.box2binfo {
	text-align: center;
	border: 2px solid #D5DCE6;
	border-radius: 6px 6px 6px 6px;
	font-size: 20px;
	margin: 10px auto 10px;
	width: 60%;
	max-width: 292px;
	padding: 12px 5px 7px 5px;
	min-height: 22px;
	background: rgb(255, 255, 255); /* Fallback for older browsers without RGBA-support */
    background: rgba(255, 255, 255, 0.5)}	
	
	div.box3 {
	text-align: center;
	border: 2px solid #8ab6d9;
	border-radius: 6px 6px 6px 6px;
	margin: 10px auto 10px;
	width: 60%;
	max-width: 292px;
	padding: 12px 5px 7px 5px;
	min-height: 22px;
	background: rgb(255, 255, 255); /* Fallback for older browsers without RGBA-support */
    background: rgba(255, 255, 255, 0.5)}
	
	div.box3b {
	text-align: center;
	border: 2px solid #8ab6d9;
	border-radius: 6px 6px 6px 6px;
	font-size: 20px;
	margin: 10px auto 10px;
	width: 60%;
	max-width: 292px;
	padding: 12px 5px 7px 5px;
	min-height: 22px;
	background: rgb(255, 255, 255); /* Fallback for older browsers without RGBA-support */
    background: rgba(255, 255, 255, 0.5)}
	
	div.box3info {
	text-align: center;
	border: 2px solid #D5DCE6;
	border-radius: 6px 6px 6px 6px;
	margin: auto;
	width: 90%;
	max-width: 292px;
	padding: 12px 5px 7px 5px;
	min-height: 22px;
	background: rgb(255, 255, 255); /* Fallback for older browsers without RGBA-support */
    background: rgba(255, 255, 255, 0.5)}
	
	div.box3binfo {
	text-align: center;
	border: 2px solid #D5DCE6;
	border-radius: 6px 6px 6px 6px;
	font-size: 20px;
	margin: 10px auto 10px;
	width: 60%;
	max-width: 292px;
	padding: 12px 5px 7px 5px;
	min-height: 22px;
	background: rgb(255, 255, 255); /* Fallback for older browsers without RGBA-support */
    background: rgba(255, 255, 255, 0.5)}	

.one-thirdhelp {
	float: left;
	margin-right: 3%;
	margin-bottom: 1%;
	width: 31.33%}

.two-thirdhelp {
	float: left;
	margin-right: 3%;
	width: 65.66%}

.one-third1 {
	float: left;
	margin-right: 2%;
	margin-top: 10px;
	margin-bottom: 1%;
	width: 32.33%}

.one-third1.last{
	float: left;
	margin-right: 2%;
	margin-bottom: 1%;
	width: 32.33%}


.contact {
    background-image: url(../images/index/onefourthv.png);
    background-position: 0px 0px;
    width: 100%;
    max-width: 656px;
    max-height: 212px;
	min-height: 212px;
	padding-top: 10px;
    background-repeat: no-repeat;
    background-position: right bottom}

@media screen and (max-width: 1048px) {

.inner {
    max-width: 100%;
    padding: 0 30px 0;
	max-width: 960px}
	
.innercopy {
    max-width: 100%;
    padding: 0 0 0;
	max-width: 960px}

#header {
	max-width: 96%;
	padding: 15px 30px 0}
	
#header .menu ul > li { padding: 0px 25px !important}
#gallery-header {
	max-width: 100%;
	padding: 15px 30px 0}
	
#gallery-header .menu ul > li { padding: 0px 25px !important}

.flexslider {
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    min-height: 100px;
	min-width: 960px;
    background: #fff;
    position: relative;
    overflow: hidden}
	
.three-fourthtop2 .speech2{ display:block; float: left; vertical-align:baseline; width:62%;  text-align:left; padding: 10px 10px 0 0 }
.three-fourthtop {float: left; margin-right: 2%; width: 77%;  min-height: 180px; background-repeat: no-repeat; background-position: right top; clear: both; padding: 0 0 0 0 ; position: relative; margin-bottom: 0; margin-top: 0; display: block}
.three-fourthtop .speech{ display:block; float: left; vertical-align:baseline; width:100%;  text-align:left; padding: 10px 10px 0 0}

}

@media screen and (min-width: 1025px) {
*.a17 *.two-fourthbruceclearL {display: block;}
*.a17 *.two-fourthbruce2 {display: none;}

}
@media screen and (max-width: 1024px) {

#header .menu ul > li { padding: 0 24px !important }
.one-fourthtop { width: 21%; margin-top: 10px; margin-bottom: 5px }
*.a17 *.two-fourthbruceL { float: none; margin-right: 0%; margin-bottom: 1%; width: 100%;}
*.a17 *.two-fourthbruce{display: none;}
*.a17 *.two-fourthbruce2 {display: block; margin-bottom: 1%;}
*.a17 *.two-fourthbruceclearL {display: none;}
}


@media screen and (max-width: 1018px) {
 .three-fifthR { clear: left; width:100%; margin-bottom: 10px}
 .two-fifthL { margin-bottom: 10px; width: 100%}
  .three-fifthRdonate { clear: left; width:100%; margin-bottom: 10px}
 .two-fifthL { margin-bottom: 10px; width: 100%}
 
 .three-fifthLdonate { clear: left; width:100%; margin-bottom: 10px}
 .two-fifthR { margin-bottom: 10px; width: 100%}
 
 .three-fifthcareR { clear: left; width:100%; margin-bottom: 10px}
 .two-fifthcareL { margin-bottom: 10px; width: 100%}
 .two-fifthcareLc { margin-bottom: 10px; width: 100%}
 .two-fifthcareLd { margin-bottom: 10px; width: 100%}

 
 .three-fifthcareL { clear: left; width:100%; margin-bottom: 10px}
 .two-fifthcareR { margin-bottom: 10px; width: 100%}
 
 
.three-fourthtop2 .speech2{ display:block; float: left; vertical-align:baseline; width:62%;  text-align:left; padding: 10px 10px 0 0 }
.three-fourthtop2 .speech3{ display:block; float: left; vertical-align:baseline; width:43%;  text-align:left; padding: 10px 10px 0 0 }
.three-fourthtop .speech{ display:block; float: left; vertical-align:baseline; width:100%;  text-align:left; padding: 10px 10px 0 0 }
.one-fourthtop {width: 21%; margin-bottom: 5px }
}


@media screen and (max-width: 1000px) {

#header .menu ul > li { padding: 0px 21px !important}
 .three-fifthcareR { clear: left; width:100%; margin-bottom: 10px}
 .two-fifthcareL { margin-bottom: 10px; width: 100%}
 
 .three-fifthcareL { clear: left; width:100%; margin-bottom: 10px}
 .two-fifthcareR { margin-bottom: 10px; width: 100%}
.hentry01 { background-image: url('../images/index/saitopsue.png'); width: 100%; max-width: 960px; min-height: 125px; height: auto ; margin-top: 0px; margin-bottom: 10px; padding-bottom: 0px; background-repeat: no-repeat; background-position: right bottom}
.three-fourthtop2 .speech2{ display:block; float: left; vertical-align:baseline; width:59%;  text-align:left; padding: 0 10px 0 0 }
.three-fourthtop2 .speech3{ display:block; float: left; vertical-align:baseline; width:40%;  text-align:left; padding: 0 10px 0 0 }
.three-fourthtop {float: left; margin-right: 2%; width: 76%;  min-height: 180px; background-repeat: no-repeat; background-position: right top; clear: both; padding: 0px 0px 0px 0px; position: relative; margin-bottom: 0px; margin-top: 0px; display: block}
.three-fourthtop .speech{ display:block; float: left; vertical-align:baseline; width:100%;  text-align:left; padding: 10px 10px 0 0 }
.one-fourthtop { width: 21%; margin-bottom: 5px}
}

@media screen and (max-width: 970px) {
#header .menu ul > li { padding: 0px 19px !important}

.three-fourthtop {float: left; margin-right: 2%; width: 75%;  min-height: 180px; background-repeat: no-repeat; background-position: right top; clear: both; padding: 0 0 0 0; position: relative; margin-bottom: 10px; margin-top: 0; display: block }
.three-fourthtop2 {float: left; margin-right: 2%; width: 70%; background-repeat: no-repeat; background-position: right top; clear: both; padding: 0 0 0 0 ; position: relative; margin-bottom: 10px; margin-top: 0; display: block }
.three-fourthtop .speech{ display:block; float: left; vertical-align:baseline; width:100%;  text-align:left; padding: 10px 10px 0 0 }
.three-fourthtop2 .speech2{ display:block; float: left; vertical-align:baseline; width:85%;  text-align:left; padding: 0 10px 0 0}
.three-fourthtop2 .speech3{ display:block; float: left; vertical-align:baseline; width:60%; min-width: 184px;  text-align:left; padding: 0 10px 0 0 }
.one-fourthtop { width: 23%}
.recent-post .hentry-post {line-height: 20px; margin-left: 10px; margin-bottom: 10px; position: relative}
.recent-post2 .hentry-post {line-height: 20px;margin-left: 10px; margin-bottom: 10px; position: relative} .three-fifthcareR { clear: left; width:100%; margin-bottom: 10px}
.three-fifthcare1R { clear: left; width:100%; margin-bottom: 10px}
.two-fifthcare1L { margin-bottom: 10px; width: 100%} 
.three-fifthcare1L { clear: left; width:100%; margin-bottom: 10px}
.two-fifthcare1R { margin-bottom: 10px; width: 100%}





/*Newsletter bits at bottom of index*/
.recent-post .hentry-post div.text { position: relative; margin-left: 85px; margin-top: 5px; min-height: 113px }
.recent-post2 .hentry-post div.text { position: relative; margin-left: 85px; margin-top: 5px; min-height: 113px }
.call-to-action-two .call-btn {
    float: right; 
	margin-top:20px;
	margin-right: 10px;
	margin-left: 10px;
	text-align: center;
	vertical-align: baseline;
	width: 25%;
	max-height: 41px }
.call-to-action-two .quarter-btn {
    float: right; 
	margin-top:20px;
	margin-right: 10px;
	margin-left: 10px;
	text-align: center;
	vertical-align: baseline;
	width: 25%;
	max-height: 41px }
}

@media screen and (max-width: 950px) {
#header .menu ul > li { padding: 0px 17px !important }
img.alignright {float:none; display: block; margin-left: auto; margin-right: auto; max-width: 100%; height: auto; margin-top: 1em}
img.alignleft {float:none; display: block; margin-left: auto; margin-right: auto; max-width: 100%; height: auto; margin-top: 1em}
img.indexalignright {float:right; margin:1em 0em 1em 1em; max-width: 100%; height: auto}
img.indexalignleft {float:none; margin:1em 1em 1em 0em; max-width: 100%; height: auto}
}

@media screen and (max-width: 949px) {
.text-image img{ max-width: 100%; height:auto}
img.alignright {max-width: 100%; height:auto }
img.alignleft {max-width: 100%; height:auto }
img.aligncenter {max-width: 100%; height:auto }
*.a17 *.two-fourthbruceclearL {clear: left; float: left; margin-right: 2%; margin-bottom: 1%; width:51%;}
}
@media screen and (max-width: 935px){
.three-fourthtop .speech{ display:block; float: left; vertical-align:baseline; width:95%;  text-align:left; padding: 10px 10px 0 0 }
.three-fourthtop .speech2{ display:block; float: left; vertical-align:baseline; width:73%;  text-align:left; padding: 10px 10px 10px 0 } 
.three-fourthtop .speech3{ display:block; float: left; vertical-align:baseline; width:73%;  text-align:left; padding: 10px 10px 10px 0}
}
@media screen and (max-width: 920px) {
#header .menu ul > li { padding: 0px 15px !important}
}
/*CALL BUTTON STACK */
@media screen and (max-width: 900px) {
#header .menu ul > li { padding: 0px 13px !important}
.three-fourthtop {float: left; margin-right: 2%; width: 73%;  min-height: 180px; background-repeat: no-repeat; background-position: right top; clear: both; padding: 0 0 0 0; position: relative; margin-bottom: 10px; margin-top: 0; display: block}
.three-fourthtop2 {float: left; margin-right: 2%; width: 70%; background-repeat: no-repeat; background-position: right top; clear: both; padding: 0 0 0 0; position: relative; margin-bottom: 0; margin-top: 0; display: block }
.three-fourthtop .speech{ display:block; float: left; vertical-align:baseline; width:100%;  text-align:left; padding: 10px 10px 0 0 }
.three-fourthtop2 .speech2{ display:block; float: left; vertical-align:baseline; width:76%;  text-align:left; padding: 0 10px 0px 0 }
.three-fourthtop2 .speech3{ display:block; float: left; vertical-align:baseline; width:60%; min-width: 184px;  text-align:left; padding: 0 10px 20px 0}
.one-fourthtop {float: right; margin-right: 0%; width: 25%; height: auto;   margin-bottom: 0; padding-top: 0;  text-align: right}
.one-fourthtop img { width: 100%; min-width: 184px; max-width: 184px; height: auto; padding-top: 15px}

  .call-to-action-two .call-btn { float: right; margin-top:23px; margin-right: 10px; margin-left: 10px; text-align: center; vertical-align: baseline; width: 25%}
	
	 .call-to-action-two .quarter-btn { float: right; margin-top:23px; margin-right: 10px; margin-left: 10px; text-align: center; vertical-align: baseline; width: 25%}
    .call-to-action-two .incipit { display:block; float: left; vertical-align:baseline; width:79%; margin: auto; padding: 10px 10px 0 10px }
	 .call-to-action-two .incipit2 { display:block; float: left; vertical-align:baseline; width:79%; margin: auto; padding: 0 10px 0 10px }
	.call-to-action-two { background-image: url(../images/index/adoptbacktopochre.png); height: auto;  background-repeat: no-repeat; background-position: right bottom; clear: both; padding: 10px; position: relative}
    .call-to-action-two p { float: left; font-size: 15px !important; line-height: 18px; width: 72%; margin-right: 3%}
   .call-to-action-two p, .call-to-action-two h1, .call-to-action-two h2, .call-to-action-two h3, .call-to-action-two h4, .call-to-action-two h5, .call-to-action-two h6 { float: none; text-align: left; margin-right: 3%; width: 100%; line-height: 1.5em}

.one-third-visitors { float: none; width: 100%; margin: auto}
.one-third { float: left; width: 100%; margin: auto }
.portfolio .one-third { width: 31.33%; margin-right: 3%}
one-third1, .one-third1.last {float: left;  width: 50%;  margin: auto}
.one-third.last { float: right; width: 100%; margin: 140px auto 10px}
.one-third1, .one-third1.last{ float: left; width: 50%; margin: auto}
.recent-post .hentry-post { line-height: 20px; margin-left: 10px; margin-bottom: 10px; position: relative}
.recent-post2 .hentry-post { line-height: 20px; margin-left: 10px; margin-bottom: 10px; position: relative}
/*Newsletter bits at bottom of index*/
.recent-post .hentry-post div.text { position: relative; margin-left: 85px; margin-top: 5px; min-height: 110px}
.text-image img{ max-width: 100%; height:auto }
img.alignright {max-width: 100%; height:auto}
img.alignleft {max-width: 100%; height:auto }
img.aligncenter {max-width: 100%; height:auto}
}

@media screen and (max-width: 890px) {
#copyright .innercopy .left { float: none; width: 98%; margin-left: 1%; margin-right: 1%; text-align: center; margin-top: 0%}
#copyright .innercopy .right { float: none; width: 98%; margin-left: 1%; margin-right: 1%; text-align: center; margin-top: 0%}
#copyright2 .innercopy .left { float: none; width: 98%; margin-left: 1%; margin-right: 1%; text-align: center; margin-top: 0%}
#copyright2 .innercopy .right { float:none;  width: 98%; margin-left: 1%; margin-right: 1%; text-align: center; margin-top: 0%}
}

@media screen and (max-width: 860px) {
.hentry0 { width: 100%; max-width: 960px; min-height: 150px;  height: auto; margin-bottom: 0; padding-bottom: 0; background-repeat: no-repeat; background-position: right bottom}
.hentry01 {
        background-image: url('../images/index/saitopsuetriple.png');
		width: 100%;
        max-width: 960px;
		min-height: 199px;
        height: auto ;
		margin-bottom: 10px;
		padding-bottom: 0;
		background-repeat: no-repeat;
        background-position: right bottom}
		
.three-fourthtop {float: left; margin-right: 2%; width: 100%;  min-height: 180px; background-repeat: no-repeat; background-position: right top; clear: both; padding: 0 0 0 0; position: relative; margin-bottom: 0; margin-top: 0; display: block}
.three-fourthtop2 {float: left; margin-right: 2%; width: 100%; background-repeat: no-repeat; background-position: right top; clear: both; padding: 0 0 0 0; position: relative; margin-bottom: 10px; margin-top: 0; display: block}
.three-fourthtop .speech{ display:block; float: left; vertical-align:baseline; width:100%;  text-align:left; padding: 10px 10px 0 0}
.three-fourthtop2 .speech2{ display:block; float: left; vertical-align:baseline; width:70%;  text-align:left; padding: 0 40px 0 0}
.three-fourthtop2 .speech3{ display:block; float: left; vertical-align:baseline; width:30%; min-width: 184px;  text-align:left; padding: 0 30px 0 0}
.one-fourthtop {display: none}
.call-to-action-two .incipit { display:block; float: left; vertical-align:baseline; width:74%; padding-left: 10px; margin: auto;  max-width:860px}
.call-to-action-two .incipit2 { display:block; float: left; vertical-align:baseline; width:72%; padding-left: 10px; margin: auto;  max-width:860px}
	.call-to-action-two .call-btn {
    float: left; 
	margin-top:15px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	text-align: center;
	width: 50%;
	max-width: 50%}

.call-to-action-two .quarter-btn {
    float: left; 
	margin-top:15px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	text-align: center;
	width: 50%;
	max-width: 50%}
	
.call-to-action-two p, .call-to-action-two h1, .call-to-action-two h2, .call-to-action-two h3, .call-to-action-two h4, .call-to-action-two h5, .call-to-action-two h6 {
	float: none;
	text-align: left;
	margin-right: 3%;
	width: 100%;
	line-height: 1.5em}
}

@media screen and (max-width: 850px) {
#header .menu ul > li { padding: 0 11px !important}
*.a17 *.three-fourth17sally { float: left; margin-right: 3%; width: 70.25%;}
*.a17 *.three-fourth17sallyc { float: left; margin-right: 3%; width: 65.25%;} 
*.a17 *.three-fourth17sallyd { float: left; margin-right: 3%; width: 65.25%;}
*.a17 *.one-fourth17sally { float: right; margin-right: 0%; width: 26.75%;}
*.a17 *.two-fourthbruce { float: none; margin-right: 0%; width: 100%; margin-bottom: 1em;}
*.a17 *.two-fourthbruceclearL {clear: left; float: left; margin-right: 0%; margin-bottom: 1%; width:100%;}
*.a17 *.two-fourthbruceclearL img {float: right; margin-right: 0%; }
*.a17 *.two-fourthbruceclearL p {float: left; width: 50%; margin-right: 2%; }

}
@media screen and (max-width: 840px) {
.testimonial.two-fourth {
    float: none;
    width: 98%;
}
}
@media screen and (max-width: 830px){
#header .menu ul > li { padding: 0 9px !important}
.ei-title { padding:5px 10px}
.ei-title h2 { line-height: 1em}
.sidebar.group {display: none}
/* === TESTIMONIAL */
.testimonial.two-fourth {
    float: none;
    width: 98%;
}
.testimonial.adopt {
    float: none;
    width: 100%;
}

.testimonial .testimonial-name {
    height: 20px;
    margin-top: -20px;
}
}

@media screen and (min-width: 825px) {
.hentry .image2{ display: none}
.hentry0 .one-fourthtopb { display: none}
.three-fourthtop .speech { display: block}	
.three-fourthtop .speecha { display: none}
.three-fourthtop .speechb { display: none}
}

@media screen and (max-width: 824px) {
div.box2 {
	text-align: center;
	border: 2px solid #8ab6d9;
    font-size: 20px;
    margin: 30px auto 10px;
    padding: 12px 5px 7px 5px;
    min-height: 22px;
    width: 75%;
    background: rgb(255, 255, 255);
    background: rgba(255, 255, 255, 0.3)}

div.box2b {
	text-align: center;
	border: 2px solid #8ab6d9;
	width: 75%;
    font-size: 20px;
    margin: 10px auto 75px;
    padding: 12px 5px 7px 5px;
    min-height: 22px;
    background: rgb(255, 255, 255);
    background: rgba(255, 255, 255, 0.3)}


.hentry0 .one-fourthtopb { display: block}
.three-fourthtop .speech { display: none}	
.three-fourthtop .speecha { display: block}
.three-fourthtop .speechb { display: block}
.hentry0 {
		width: 100%;
        max-width: 960px;
		min-height: 150px;
        height: auto ;
		margin-bottom: 0;
		padding-bottom: 0;
		background-repeat: no-repeat;
        background-position: right bottom}
.hentry01 {
        background-image: url('../images/index/saitopsue.png');
		width: 100%;
        max-width: 960px;
		min-height: 169px;
        height: auto ;
		margin-bottom: 10px;
		padding-bottom: 0;
		background-repeat: no-repeat;
        background-position: right bottom}
		
.three-fourthtop {float: left; margin-right: 2%; width: 70%;  min-height: 180px; background-repeat: no-repeat; background-position: right top; clear: both; padding: 0 0 0 0; position: relative; margin-bottom: 0; margin-top: 0; display: block}
.three-fourthtop2 {float: left; margin-right: 2%; width: 100%;   background-repeat: no-repeat; background-position: right top; clear: both; padding: 0 0 0 0; position: relative; margin-bottom: 10px; margin-top: 0; display: block}
.three-fourthtop .speecha{  float: left; vertical-align:baseline; width:98%;  text-align:left; padding: 0 10px 0 0 }
.three-fourthtop .speechb{  float: left; vertical-align:baseline; width:98%;  text-align:left; padding: 0 10px 0 0}
.three-fourthtop2 .speech2{ display:block; float: left; vertical-align:baseline; width:69%;  text-align:left; padding: 0 40px 0 0}
.three-fourthtop2 .speech3{ display:block; float: left; vertical-align:baseline; width:40%; min-width: 184px;  text-align:left; padding: 0 10px 0 0 }
.one-fourthtopb { float: right; margin-right: 0%; width: 28%; height: auto; margin-top:0px ; margin-bottom: 5px; padding-top: 0}
.one-fourthtopb img { float: right; width: 100%; min-width: 184px; max-width: 184px; height: auto}
.hentrytitle h2 { display: block; padding-top: 5px; margin-bottom: 10px}
.hentry .image1{ display: none}
 .hentry .image2{ display: block; }
 .hentry0 { margin-bottom: 0px;}



#copyright .innercopy2 .left {float: none; width: 96%; margin-left: 2%; margin-right: 2%; text-align: center; margin-top: 0%}
#copyright .innercopy2 .right { float: none; width: 96%; margin-left: 2%; margin-right: 2%; text-align: center; margin-top: 0%}

}
@media screen and (min-width: 806px) {
.three-fourthtop .speech h2 { display: block; margin-bottom: 10px}
}

@media screen and (max-width: 805px) {
.hentry0 { margin-bottom: 0}
.hentry0 .one-fourthtopb { display: block}
.three-fourthtop .speech { display: none}	
.three-fourthtop .speecha { display: block}
.three-fourthtop .speechb { display: block}
.hentry0 {  width: 100%; max-width: 960px; min-height: 150px; height: auto ; margin-bottom: 0; padding-bottom: 0; background-repeat: no-repeat; background-position: right bottom}
.hentry01 {background-image: url('../images/index/saitopsue.png'); width: 100%; max-width: 960px; min-height: 169px; height: auto ;margin-bottom: 10px; padding-bottom: 0; background-repeat: no-repeat; background-position: right bottom}
		
.three-fourthtop {float: left; margin-right: 2%; width: 68%;  min-height: 180px; background-repeat: no-repeat; background-position: right top; clear: both; padding: 0 0 0 0; position: relative; margin-bottom: 0; margin-top: 0px; display: block}
.three-fourthtop2 {float: left; margin-right: 2%; width: 100%;   background-repeat: no-repeat; background-position: right top; clear: both; padding: 0 0 0 0; position: relative; margin-bottom: 10px; margin-top: 0; display: block}
.three-fourthtop .speecha{  float: left; vertical-align:baseline; width:98%;  text-align:left; padding: 0 10px 0 0}
.three-fourthtop .speechb{  float: left; vertical-align:baseline; width:98%;  text-align:left; padding: 0 10px 0 0}
.three-fourthtop2 .speech2{ display:block; float: left; vertical-align:baseline; width:65%;  text-align:left; padding: 0 40px 0 0}
.three-fourthtop2 .speech3{ display:block; float: left; vertical-align:baseline; width:40%; min-width: 184px;  text-align:left; padding: 0px 10px 0 0}
.one-fourthtopb { float: right; margin-right: 0%; width: 30%; height: auto; margin-top:0 ; margin-bottom: 5px; padding-top: 0}
 .hentry .image1{ display: none;}
 .hentry .image2{ display: block; }
 .hentry0 { margin-bottom: 0}
.three-fourthtop h2 { display: none}
.hentrytitle h2 { display: block; padding-top: 5px; margin-bottom: 10px}
*.a17 *.three-fifthLz2 { clear: left; float: left; margin-right: 0%; margin-bottom: 1%; width: 100%;}

}

@media screen and (max-width: 800px) {
#header .menu ul > li { padding: 0 7px !important }
}
@media screen and (min-width: 776px) {
 .newsletters { display: block}
 .newsletters2 { display: none}
}
@media screen and (max-width: 775px) {
 .newsletters { display: none}
 .newsletters2 { display: block}
.one-fourthnews {
    display: block;
    text-align: center;
    float: left;
    position: relative;
    width: 48.5%;
    margin-right: 2%;
    margin-top: 10px;
    margin-bottom: 5px;
}
.one-fourthnewsb {
    display: block;
    text-align: center;
    float: left;
    position: relative;
    width: 48.5%;
    margin-right: 2%;
    margin-top: 10px;
    margin-bottom: 5px;
}
 .one-fourthnewsb p {
    font-size: 14px;}
}

@media screen and (max-width: 770px) {
#header .menu ul > li { padding: 0 5px !important}
#copyright .innercopy .left .right{ float: none; width: 98%; margin-left: 1%; margin-right: 1%; text-align: center; margin-top: 0%}
#copyright .innercopy2 .left .right{  float: none; width: 98%; margin-left: 1%; margin-right: 1%; text-align: center; margin-top: 0%}
*.a17 *.three-fourth17sally { float: left;  margin-right: 0%; width: 100%;}
*.a17 *.three-fourth17sallyb { float: left; margin-right: 3%; width: 65.25%;}
*.a17 *.one-fourth17sally { float: right; margin-right: 0%; width: 31.75%;}
}


@media screen and (max-width: 750px) {
.google-map-frame, .google-map-frame iframe {
    max-width: 100%;
    margin-bottom: 3%}
.hentry0 { margin-bottom: 0}
.hentry0 .one-fourthtopb { display: block}
.three-fourthtop .speech { display: none}	
.three-fourthtop .speecha { display: block}
.three-fourthtop .speechb { display: block}
.hentry0 {  width: 100%; max-width: 960px; min-height: 150px; height: auto ; margin-bottom: 0; padding-bottom: 0; background-repeat: no-repeat; background-position: right bottom}
.hentry01 {background-image: url('../images/index/saitopsue.png'); width: 100%; max-width: 960px; min-height: 169px; height: auto ;margin-bottom: 10px; padding-bottom: 0; background-repeat: no-repeat; background-position: right bottom}
		
.three-fourthtop {float: left; margin-right: 2%; width: 68%;  min-height: 180px; background-repeat: no-repeat; background-position: right top; clear: both; padding: 0 0 0 0; position: relative; margin-bottom: 0; margin-top: 0; display: block}
.three-fourthtop2 {float: left; margin-right: 2%; width: 100%;   background-repeat: no-repeat; background-position: right top; clear: both; padding: 0 0 0 0; position: relative; margin-bottom: 10px; margin-top: 0; display: block}
.three-fourthtop .speecha{  float: left; vertical-align:baseline; width:98%;  text-align:left; padding: 0 10px 0 0}
.three-fourthtop .speechb{  float: left; vertical-align:baseline; width:98%;  text-align:left; padding: 0 10px 0 0}
.three-fourthtop2 .speech2{ display:block; float: left; vertical-align:baseline; width:65%;  text-align:left; padding: 0 40px 0 0}
.three-fourthtop2 .speech3{ display:block; float: left; vertical-align:baseline; width:40%; min-width: 184px;  text-align:left; padding: 0 10px 0 0}
.one-fourthtopb { float: right; margin-right: 0%; width: 30%; height: auto; margin-top: 15px ; margin-bottom: 5px; padding-top: 0}  
 .hentry .image1{ display: none}
 .hentry .image2{ display: block}
 .hentry0 { margin-bottom: 0}
.three-fourthtop h2 { display: none}
.hentrytitle h2 { display: block; padding-top: 5px; margin-bottom: 10px}
.one-fourthtop {display: none}
 #header .menu, #header hr { display:none } 
 #header .menu-select { display:block} 
.one-third.last {
	float: left;
	width: 100%;
	margin: 180px auto 0}

.two-fourth {
	float: left;
	width: 48%;
	margin: auto;
	margin-bottom: 1%}
.adopt {
	float: none;
	width: 100%;
	margin: auto;
	margin-bottom: 1%;
	background-color: #edeed2}
div.box2 {
	text-align: center;
	border: 2px solid #8ab6d9;
	border-radius: 6px 6px 6px 6px;
	font-size: 20px;
	margin: 30px auto 10px auto;
	padding: 12px 5px 7px 5px;
	min-height: 22px;
	width: 70%;
	background: rgb(255, 255, 255); /* Fallback for older browsers without RGBA-support */
    background: rgba(255, 255, 255, 0.3)}

div.box2b {
	text-align: center;
	border: 2px solid #8ab6d9;
	border-radius: 6px 6px 6px 6px;
	font-size: 20px;
	margin: 10px auto 10px auto;
	padding: 12px 5px 7px 5px;
	min-height: 22px;
	width: 70%;
	background: rgb(255, 255, 255); /* Fallback for older browsers without RGBA-support */
    background: rgba(255, 255, 255, 0.3)}
}

/*--THIRDS?--*/
.one-third-visitors {
	float: left;
	margin-right: 3%;
	margin-bottom: 1%;
	width: 31.33%}

@media screen and (max-width: 743px) {

.hentry0 { margin-bottom: 0}
.hentry0 .one-fourthtopb { display: block}
.three-fourthtop .speech { display: none}	
.three-fourthtop .speecha { display: block;}
.three-fourthtop .speechb { display: block;}
.hentry0 {  width: 100%; max-width: 960px; min-height: 150px; height: auto ; margin-bottom: 0; padding-bottom: 0; background-repeat: no-repeat; background-position: right bottom}
.hentry01 {background-image: url('../images/index/saitopsue.png'); width: 100%; max-width: 960px; min-height: 169px; height: auto ;margin-bottom: 10px; padding-bottom: 0; background-repeat: no-repeat; background-position: right bottom}
		
.three-fourthtop {float: left; margin-right: 2%; width: 69%;  min-height: 180px; background-repeat: no-repeat; background-position: right top; clear: both; padding: 0 0 0 0; position: relative; margin-bottom: 0; margin-top: 0px; display: block}
.three-fourthtop2 {float: left; margin-right: 2%; width: 100%; background-repeat: no-repeat; background-position: right top; clear: both; padding: 0 0 0 0; position: relative; margin-bottom: 10px; margin-top: 0; display: block}
.three-fourthtop .speecha{ float: left; vertical-align:baseline; width:98%;  text-align:left; padding: 0 10px 0 0}
.three-fourthtop .speechb{ float: left; vertical-align:baseline; width:98%;  text-align:left; padding: 0 10px 0 0}
.three-fourthtop2 .speech2{ display:block; float: left; vertical-align:baseline; width:64%;  text-align:left; padding: 0 40px 0 0}
.three-fourthtop2 .speech3{ display:block; float: left; vertical-align:baseline; width:40%; min-width: 184px; text-align:left; padding: 0 10px 0 0}
.one-fourthtopb { float: right; margin-right: 0%; width: 29%; height: auto; margin-top:10px ; margin-bottom: 5px; padding-top: 10px}
  .one-fourthtopb img { float: right; width: 100%; min-width: 184px; max-width: 184px; height: auto}

 .hentry .image1{ display: none}
 .hentry .image2{ display: block }
 .hentry0 { margin-bottom: 0}

.three-fourthtop h2 { display: none}
.hentrytitle h2 { display: block; padding-top: 5px; margin-bottom: 10px}
}


@media screen and (max-width: 735px) {
.hentry0 { margin-bottom: 0}
.hentry0 .one-fourthtopb { display: block}
.three-fourthtop .speech { display: none}	
.three-fourthtop .speecha { display: block}
.three-fourthtop .speechb { display: block}
.hentry0 {  width: 100%; max-width: 960px; min-height: 150px; height: auto ; margin-bottom: 0; padding-bottom: 0; background-repeat: no-repeat; background-position: right bottom}
.hentry01 {background-image: url('../images/index/saitopsue.png'); width: 100%; max-width: 960px; min-height: 185px; height: auto ;margin-bottom: 10px; padding-bottom: 0; background-repeat: no-repeat; background-position: right bottom}
		
.three-fourthtop {width: 66%; margin-bottom: 0}
.three-fourthtop2 {float: left; margin-right: 2%; width: 100%; background-repeat: no-repeat; background-position: right top; clear: both; padding: 0 0 0 0; position: relative; margin-bottom: 20px; margin-top: 0; display: block}
.three-fourthtop .speecha{ display:; float: left; vertical-align:baseline; width:96%;  text-align:left; padding: 0 10px 0 0}
.three-fourthtop .speechb{ display:; float: left; vertical-align:baseline; width:96%;  text-align:left; padding: 0 10px 0 0}
.three-fourthtop2 .speech2{ display:block; float: left; vertical-align:baseline;  text-align:left; padding: 0px 40px 0 0}
.three-fourthtop2 .speech3{ display:block; float: left; vertical-align:baseline; width: 38%;  text-align:left; padding: 20px 10px 0 0}
.one-fourthtopb { float: right; margin-right: 0%; width: 30%; height: auto; margin-top:0 ; margin-bottom: 5px; padding-top: 10px}
.one-fourthtopb img { float: right; width: 100%; min-width: 184px; max-width: 184px; height: auto}
  
 .hentry .image1{ display: none}
 .hentry .image2{ display: block}
 .hentry0 { margin-bottom: 0}

.three-fourthtop h2 { display: none}
.hentrytitle h2 { display: block; padding-top: 5px; margin-bottom: 10px}
}
@media screen and (min-width: 724px) {
    .buttons { display: block}
    .buttons2 { display: none}
   #logo.group { display: none}
   .galleryindex1 { display: block}
   .galleryindex2 {display: none;}
   .slider.fixed-image.inner  { display: block}
      .slider.fixed-image.inner2  { display: block}
}
/*header image*/

@media screen and (max-width: 723px) {
    .buttons { display: none}
    .buttons2 { display: block}
 .galleryindex1 { display: none}
   .galleryindex2 {display: block}
.box-sections, .one-fourth {float: none}
.box-sections, buttons2.one-fourthQ {float: none}
.box-sections, .one-quarter {float: none}
.box-sections, .one-quarter2 {float: none}
.one-fourth {
	float: left;
	width: 47.5%;
	margin-right: 3%;
	margin-top: 5px;
	margin-bottom: 5px}
.one-fourth2 {
	float: left;
	width: 47.5%;
	margin-right: 0;
	margin-top: 5px;
	margin-bottom: 5px}
.buttons2 .one-fourthQ {
    display: block;
    text-align: center;
	float: left;
	position: relative;
	width: 48.5%;
	margin-right: 2%;
	margin-top: 10px;
	margin-bottom: 5px}
.buttons2 .one-fourthQb  {
    display: block;
    text-align: center;
	float: right;
	max-height: 46px;
	position: relative;
	width: 47.5%;
	margin-right: 0%;
	margin-top: 10px;
	margin-bottom: 5px}
.one-fourth .img {
    max-width: 218px;
    height: auto}
.one-fourthQ2 {
    text-align: center;
	float: left;
	width: 46.5%;
	margin-right: 0px;
	margin-top: 10px;
	margin-bottom: 5px}
.one-quarter {
	float: left;
	width: 47.5%;
	margin-right: 3%;
	margin-top: 5px;
	margin-bottom: 5px;
	max-height: 40px}
.one-quarter2 {
	float: left;
	width: 47.5%;
	margin-right: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
	max-height: 40px}
.call-btn {
	float: left;
	margin-right: 3%;
	width: 100%;
	margin-top: 5px;
	margin-bottom: 5px;
	max-height: 61px;
	max-width: 218px}
.quarter-btn {
	float: left;
	margin-right: 3%;
	width: 100%;
	margin-top: 5px;
	margin-bottom: 5px;
	max-height: 61px;
	max-width: 218px}
   .slider.fixed-image img { min-width: 677px; height: auto; overflow: hidden; margin-right: 10px; margin-left: 0}
   .slider .fixed-image img {width: auto; height: auto; max-width: 100%}
	#hslider {  display:block; overflow:hidden; position:relative; width:100%; max-width: 723px; height: auto; margin:5px 0 15px}
   #copyright .innercopy .left  { display: block ; float: none; width: 98%; margin-left: 1%; margin-right: 1%; text-align: center; margin-top: 0%}
   #copyright .innercopy .right { display: block ; float: none; width: 98%; margin-left: 1%; margin-right: 1%; text-align: center; margin-top: 0%}
   #copyright .innercopy2 .left  { display: block ; float: none; width: 98%; margin-left: 1%; margin-right: 1%; text-align: center; margin-top: 0%}
   #copyright .innercopy2 .right { display: block ; float: none; width: 98%; margin-left: 1%; margin-right: 1%; text-align: center; margin-top: 0%}
   #logo.group { display: none; min-width: 679px; min-height: 67px; overflow: hidden} 
   #logo.group.img { width: 100%} 
   div.box2 {
	text-align: center;
	border: 2px solid #8ab6d9;
    font-size: 20px;
    margin: 30px auto 10px;
    padding: 12px 5px 7px 5px;
    min-height: 22px;
    width: 85%;
    background: rgb(255, 255, 255);
    background: rgba(255, 255, 255, 0.3)}

div.box2b {
	text-align: center;
	border: 2px solid #8ab6d9;
	width: 85%;
    font-size: 20px;
    margin: 10px auto 75px;
    padding: 12px 5px 7px 5px;
    min-height: 22px;
    background: rgb(255, 255, 255);
    background: rgba(255, 255, 255, 0.3)}
	}
 
 @media screen and (max-width: 700px) {
 .adoptL {
	float: left;
	padding: 15px 0 10px 0;
	margin-bottom: 1%;
	margin-top: 5px;
	width: 50%;
	background-image: url(../images/index/adoptbackbottomLG.png);
    background-repeat: no-repeat;
    background-position: right bottom}
.adoptR {
	float: left;
	padding: 15px 0 10px 0;
	margin-bottom: 1%;
	margin-top: 5px;
	width: 50%;
	background-image: url(../images/index/adoptbackbottomRG.png);
    background-repeat: no-repeat;
    background-position: left bottom}
	
 .one-thirdInfo {
	float: left;
	width: 100%;
	margin: 5px autoss}
 }
 
 @media screen and (max-width: 650px) {
 .hentry0 { margin-bottom: 0}
.hentry0 .one-fourthtopb { display: block}
.three-fourthtop .speech { display: none}	
.three-fourthtop .speecha { display: block}
.three-fourthtop .speechb { display: block}
.hentry0 {  width: 100%; max-width: 960px; min-height: 150px; height: auto ; margin-bottom: 0; padding-bottom: 0; background-repeat: no-repeat; background-position: right bottom}
.hentry01 {background-image: url('../images/index/saitopsue.png'); width: 100%; max-width: 960px; min-height: 230px; height: auto ;margin-bottom: 10px; padding-bottom: 0; background-repeat: no-repeat; background-position: right bottom}
.three-fourthtop {float: left; margin-right: 2%; width: 65%; margin-bottom: 0}
.three-fourthtop2 {float: left; margin-right: 2%; width: 100%; background-repeat: no-repeat; background-position: right top; clear: both; padding: 0 0 0 0; position: relative; margin-bottom: 10px; margin-top: 0; display: block}
.three-fourthtop .speecha{ display:; float: left; vertical-align:baseline; width:94%;  text-align:left; padding: 0 10px 10px 0}
.three-fourthtop .speechb{ display:; float: left; vertical-align:baseline; width:94%;  text-align:left; padding: 0 10px 0 0}
.three-fourthtop2 .speech2{ display:block; float: left; vertical-align:baseline; width:100%;  text-align:left; padding: 0 40px 10px 0}
.three-fourthtop2 .speech3{ display:block; float: left; vertical-align:baseline; width:35%;  text-align:left; padding: 10px 10px 10px 0}
.one-fourthtopb { float: right; margin-right: 0%; width: 33%; height: auto; margin-top: 0; margin-bottom: 5px; padding-top: 10px}
 .hentry .image1{ display: none}
 .hentry .image2{ display: block}
 .hentry0 { margin-bottom: 0}
.three-fourthtop h2 { display: none}
.hentrytitle h2 { display: block; padding-top: 5px; margin-bottom: 10px}
  .adoptL {
	float: left;
	padding: 15px 0 10px 0;
	margin-bottom: 0% ;
	margin-top: 5px;
	width: 100%;
	background-image: url(../images/index/adoptbackbottomBG2.png);
    background-repeat: no-repeat;
    background-position: left bottom}
.adoptR {
	float: left;
	padding: 0 0 10px 0;
	margin-bottom: 1%;
	margin-top: 0;
	width: 100%;
	background-image: url(../images/index/adoptbackbottomBG2.png);
    background-repeat: no-repeat;
    background-position: left bottom}
}
 
 @media screen and (max-width: 640px) {
 *.a17 *.three-fourth17sallyb { float: left; margin-right: 0%; width: 100%;}
 *.a17 *.three-fourth17sallyc { float: left;  margin-right: 0%; width: 100%;}
*.a17 *.one-fourth17sally { float: left; margin-right: 0%; margin-bottom: 1%; width: 100%;}
 .recent-post2 {
    background-image: url(../images/index/hentry4whiteline.png);
    width: 100%;
    max-width: 960px;
    min-height: 420px;
    background-repeat: no-repeat;
    background-position: left bottom;
    margin-top: 20px;
    margin-bottom: 0;
    margin-right: 0}
 .hentry01 {background-image: url('../images/index/saitopsue.png'); width: 100%; max-width: 960px; min-height: 220px; height: auto ;margin-bottom: 10px; padding-bottom: 0; background-repeat: no-repeat; background-position: right bottom}
 .two-fourthR {
    float: left;
    margin-left: 0%;
    margin-bottom: 1%;
    width: 100%}
 .two-fourth {
    float: left;
    width: 98%;
    margin: auto;
    margin-bottom: 1%}
 .call-to-action-two .incipit { display:block; float: left; vertical-align:baseline; width:70%; padding-left: 10px; margin: auto;  max-width:860px }
 .call-to-action-two .incipit2 { display:block; float: left; vertical-align:baseline; width:70%; padding-left: 10px; margin: auto;  max-width:860px  }
 .one-third,{
	float: left;
	width: 100%;
	margin: auto}
.one-third1, .one-third1.last {
	float: left;
	width: 100%;
	margin: 10px auto}
.recent-post .hentry-post {
	line-height: 20px;
	margin-left: 10px;
	margin-bottom: 10px;
	position: relative}
.recent-post2 .hentry-post {
	line-height: 20px;
	margin-left: 10px;
	margin-bottom: 10px;
	position: relative}
/*Newsletter bits at bottom of index*/
.recent-post .hentry-post div.text {
	position: relative;
	margin-left: 85px;
	margin-top: 5px;
	min-height: 110px}
.recent-post2 .hentry-post div.text {
	position: relative;
	margin-left: 85px;
	margin-top: 5px;
	min-height: 110px}
.two-fourth.last {
    background-position: 0 0;
    width: 100%;
    max-width: 656px;
    max-height: 288px;
    min-height: 288px;
    padding-top: 10px;
    background-repeat: no-repeat;
    background-position: right bottom}
	.two-fourth.lastT {
    background-position: 0 0;
    width: 98%;
    padding-top: 0px;
    background-repeat: no-repeat;
    background-position: right bottom}
	.testimonial.two-fourth.lastT {
    margin-top: 0px;
    padding-right: 0 !important;
    border-right: 0;
    margin-bottom: 1%;
}
.adopt.last {
    background-position: 0 0;
    width: 100%;
    max-width: 656px;
    max-height: 288px;
    min-height: 288px;
    padding-top: 10px;
    background-repeat: no-repeat;
    background-position: right bottom}
div.box {
	text-align: center;
	border: 0px solid #DEDBB5;
	border-radius: 6px 6px 6px 6px;
	margin: 0 0 0;
	padding: 5px 5px 5px 20px;
	min-height: 50px;
	background: rgb(255, 255, 255); /* Fallback for older browsers without RGBA-support */
    background: rgba(255, 255, 255, 0.3);
	width: 90%}
div.box2 {
	text-align: center;
	border: 2px solid #8ab6d9;
    font-size: 20px;
    margin: 5px auto 10px;
    padding: 12px 5px 7px 5px;
    min-height: 22px;
    width: 70%;
    background: rgb(255, 255, 255);
    background: rgba(255, 255, 255, 0.3)}
div.box2b {
	text-align: center;
	border: 2px solid #8ab6d9;
	width: 70%;
    font-size: 20px;
    margin: 10px auto 130px;
    padding: 12px 5px 7px 5px;
    min-height: 22px;
    background: rgb(255, 255, 255);
    background: rgba(255, 255, 255, 0.3)}
}

@media screen and (max-width: 607px) {
.hentry0 { margin-bottom: 0;}
.hentry0 .one-fourthtopb { display: block}
.three-fourthtop .speech { display: none}	
.three-fourthtop .speecha { display: block}
.three-fourthtop .speechb { display: block}
.hentry0 { width: 100%; max-width: 960px; min-height: 150px; height: auto ; margin-bottom: 0; padding-bottom: 0; background-repeat: no-repeat; background-position: right bottom}
.hentry01 {background-image: url('../images/index/saitopsue.png'); width: 100%; max-width: 960px; min-height: 250px; height: 251px; margin-bottom: 10px; padding-bottom: 0; background-repeat: no-repeat; background-position: right bottom}
		
.three-fourthtop { width: 56%}
.three-fourthtop2 {float: left; margin-right: 2%; width: 100%; background-repeat: no-repeat; background-position: right top; clear: both; padding: 0 0 0 0; position: relative; margin-bottom: 0px; margin-top: 0px; display: block}
.three-fourthtop .speecha{ display:; float: left; vertical-align:baseline; width:96%; text-align:left; padding: 0 10px 10px 0}
.three-fourthtop .speechb{  float: left; vertical-align:baseline; width:175%; text-align:left; padding: 0 10px 0 0}
.three-fourthtop2 .speech2{ display:block; float: left; vertical-align:baseline; width:100%; text-align:left; padding: 0 40px 0 0}
.three-fourthtop2 .speech3{ display:block; float: left; vertical-align:baseline; width:55%; text-align:left; padding: 10px 10px 10px 0}
.one-fourthtopb { float: right; width: 40%; height: auto}
.one-fourthtopb img { float: none; width: 100%; min-width: 184px; max-width: 184px; height: auto;  margin: 0 auto}
*.a17 *.three-fifthLz{float: left; margin-right: 0%; margin-bottom: 1%; width: 100%;}
*.a17 *.two-fifthRz {float: left; margin-right: 0%; margin-bottom: 1%; width: 100%;}

	

 .hentry .image1{ display: none}
 .hentry .image2{ display: block; }
 .hentry0 { margin-bottom: 0px;}
.three-fourthtop h2 { display: none; }
.hentrytitle h2 { display: block; max-width: 400px; padding-top: 5px; margin: 0 auto 15px; text-align: center}
}

@media screen and (min-width: 566px) {
.hentry01b { display: none}
.hentry01 { display: block}
}

@media screen and (max-width: 565px) {
.hentry01b {
        background-image: url('../images/index/suehorse.png');
		width: 100%;
        max-width: 960px;
		min-height: 180px;
        height: auto ;
		margin-top: 0;
		margin-bottom: 10px;
		padding-bottom: 10px;
		background-repeat: no-repeat;
        background-position: right bottom}

.hentry01 {  display: none}
.hentry01b {display: block}
.hentry0 { margin-bottom: 0}
.hentry0 .one-fourthtopb { display: block}
.three-fourthtop .speech { display: none}	
.three-fourthtop .speecha { display: block}
.three-fourthtop .speechb { display: block}
.hentry0 {  width: 100%; max-width: 960px; min-height: 150px; height: auto ; margin-bottom: 0; padding-bottom: 0; background-repeat: no-repeat; background-position: right bottom;}
.hentry01 {background-image: url('../images/index/saitopsue.png'); width: 100%; max-width: 960px; min-height: 250px; height: auto ;margin-bottom: 10px; padding-bottom: 0px; background-repeat: no-repeat; background-position: right bottom}
		
.three-fourthtop {float: left; margin-right: 2%; width: 100%;  min-height: 180px; background-repeat: no-repeat; background-position: right top; clear: both; padding: 0 0 0 0; position: relative; margin-bottom: 10px; margin-top: 0; display: block}
.three-fourthtop2 {float: left; margin-right: 2%; width: 100%;   background-repeat: no-repeat; background-position: right top; clear: both; padding: 0 0 0 0; position: relative; margin-bottom: 10px; margin-top: 0; display: block}
.three-fourthtop .speecha{ float: left; vertical-align:baseline; width:98%;  text-align:left; padding: 0 10px 10px 0}
.three-fourthtop .speechb{ float: left; vertical-align:baseline; width:98%;  text-align:left; padding: 0 10px 0 0}
.three-fourthtop2 .speech2{ display:block; float: left; vertical-align:baseline; width:100%;  text-align:left; padding: 0 40px 0 0}
.three-fourthtop2 .speech3{ display:block; float: left; vertical-align:baseline; width:60%; text-align:left; padding: 10px 10px 10px 0}
.one-fourthtopb { float: none; text-align: center; margin-right: 0%; width: 100%; height: auto; margin-top:0 ; margin-bottom: 5px; padding-top: 5px}
.one-fourthtopb img { float: none; width: 100%; min-width: 184px; max-width: 184px; height: auto;  margin: 0 auto}
  
 .hentry .image1{ display: none}
 .hentry .image2{ display: block}
 .hentry0 { margin-bottom: 0}
.three-fourthtop h2 { display: none}
.hentrytitle h2 { display: block; max-width: 400px; padding-top: 5px; margin: 10px auto 10px; text-align: center}
    .call-to-action-two .incipit { display:block; float: left; vertical-align:baseline; width:98%; padding: 0 20px 0 10px; margin: auto;  max-width:449px}
	    .call-to-action-two .incipit2 { display:block; float: left; vertical-align:baseline; width:68%; padding: 10px 0 0 10px; margin: auto;  max-width:860px }
	.call-to-action-two {	
	background-image: url(../images/index/adoptbacktopochre.png);
	height: auto;
    background-repeat: no-repeat;
    background-position: right bottom;
	clear: both;
	padding: 10px 20px 30px 10px;
	position: relative}
	
	.call-to-action-two .call-btn {
    float: left; 
	margin-top:15px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	width: 100%;
	max-width: 100%}

.call-to-action-two .quarter-btn {
    float: left; 
	margin-top:15px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	width: 100%;
	max-width: 100%}
}


@media screen and (max-width: 540px) {

  .call-to-action-two {
margin-bottom: 5px}
.buttons2 .one-fourthQ {
    text-align: center;
    float: left;
    width: 100%;
    margin-right: 3%;
    margin-top: 10px;
    margin-bottom: 5px}
.buttons2 .one-fourthQb {
    text-align: center;
    float: left;
    width: 100%;
    margin-right: 3%;
    margin-top: 10px;
    margin-bottom: 5px}
div.box2 {
	text-align: center;
	border: 2px solid #8ab6d9;
    font-size: 20px;
    margin: 5px auto 10px;
    padding: 12px 5px 7px 5px;
    min-height: 22px;
    width: 56%;
    background: rgb(255, 255, 255);
    background: rgba(255, 255, 255, 0.3)}

div.box2b {
	text-align: center;
	border: 2px solid #8ab6d9;
	width: 56%;
    font-size: 20px;
    margin: 10px auto 130px;
    padding: 12px 5px 7px 5px;
    min-height: 22px;
    background: rgb(255, 255, 255);
    background: rgba(255, 255, 255, 0.3)}
}

/* === LOGO */
#logo.group {
	margin: 0 auto}
/* === INDICATORS */
#header .sub-indicator {
    font-size: 18px;
    line-height: 13px;
	display: none}

#header .sub-menu .sub-indicator, #header .children .sub-indicator {
    font-size: 13px}

/* ===== COPYRIGHT ===== */
@media screen and (max-width: 500px) {
    .call-to-action-two .incipit { display:block; float: left; vertical-align:baseline; width:96%; padding: 0 20px 0 10px; margin: auto;  max-width:380px}
	.call-to-action-two .incipit2 { display:block; float: left; vertical-align:baseline; width:57%; padding-left: 10px; margin: auto;  max-width:860px}
	.call-to-action-two { background-image: url(../images/index/adoptbacktopochre.png); height: auto; background-repeat: no-repeat;  background-position: right bottom; clear: both; padding: 10px 10px 0 10px; position: relative}
	div.box2 {
	text-align: center;
	border: 2px solid #8ab6d9;
    font-size: 20px;
    margin: 5px auto 10px;
    padding: 12px 5px 7px 5px;
    min-height: 22px;
    width: 62%;
	min-width: 163px;
    background: rgb(255, 255, 255);
    background: rgba(255, 255, 255, 0.3)}

div.box2b {
	text-align: center;
	border: 2px solid #8ab6d9;
	width: 62%;
	min-width: 163px;
    font-size: 20px;
    margin: 10px auto 130px;
    padding: 12px 5px 7px 5px;
    min-height: 22px;
    background: rgb(255, 255, 255);
    background: rgba(255, 255, 255, 0.3)}
}
@media screen and (min-width: 451px) {
#hslider { display: block}
#hslider450 { display: none}
}
@media screen and (max-width: 450px) {
.one-fourthnews {
    text-align: center;
    float: left;
    width: 100%;
	margin-right: 0;
    margin-top: 10px;
    margin-bottom: 1%;
}
.one-fourthnewsb {
    float: left;
    width: 100%;   
    margin-top: 15px;
    margin-bottom: 1%;
}

.gallery-wrap li {
    width: 100%;
    margin-right: 0%}
.one-fourthportfolio {
    margin-right: 0%;
    width: 100%}
.one-fourthportfolio h5 {
     text-align: center}
.internal_page_item {
    padding: 5px;
    border: 1px solid #CFCFCF;
    overflow: hidden;
    position: relative;
    max-width: 320px}

#hslider450 {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%}
.slider.fixed-image img {
       width: auto;
    height: auto;
    max-width: 100%;
    min-width: 190px}
	
#hslider { display: none}
#copyright .innercopy .left { float: none; width: 98%; margin-left: 1%; margin-right: 1%; text-align: center; margin-top: 0%}
#copyright .innercopy .right { float: none; width: 98%; margin-left: 1%; margin-right: 1%; text-align: center; margin-top: 0%}
#copyright .innercopy2 .left { float: none; width: width: 98%; margin-left: 1%; margin-right: 1%; text-align: center; margin-top: 0%}
#copyright .innercopy2 .right { float: none; width:width: 98%; margin-left: 1%; margin-right: 1%; text-align: center; margin-top: 0%}
}

@media screen and (max-width: 435px) {
.hentry01b {
        background-image: url('../images/index/suehorse.png');
		width: 100%;
        max-width: 960px;
		min-height: 180px;
        height: auto ;
		margin-top: 0px;
		margin-bottom: 10px;
		padding-bottom: 10px;
		background-repeat: no-repeat;
        background-position: right bottom}

.hentry01b {
        background-image: url('../images/index/suehorse.png');
		width: 100%;
        max-width: 960px;
		min-height: 230px;
        height: auto ;
		margin-top: 0px;
		margin-bottom: 10px;
		padding-bottom: 10px;
		background-repeat: no-repeat;
        background-position: right bottom} 
		
div.box2 {
	text-align: center;
	border: 2px solid #8ab6d9;
    font-size: 10px;
    margin: 10px auto 10px;
    padding: 12px 5px 7px 5px;
    min-height: 22px;
	min-width: 163px;
    width: 62%;
    background: rgb(255, 255, 255);
    background: rgba(255, 255, 255, 0.3)}

div.box2b {
	text-align: center;
	border: 2px solid #8ab6d9;
	width: 62%;
    font-size: 10px;
    margin: 10px auto 120px;
    padding: 12px 5px 7px 5px;
    min-height: 22px;
    background: rgb(255, 255, 255);
    background: rgba(255, 255, 255, 0.3)}
}
@media screen and (max-width: 400px) {
 .hentry01b {
        background-image: url('../images/index/suehorse100.png');
		width: 100%;
        max-width: 960px;
		min-height: 125px;
        height: auto ;
		margin-top: 0px;
		margin-bottom: 10px;
		padding-bottom: 10px;
		background-repeat: no-repeat;
        background-position: right bottom}
		
.three-fourthtop2 .speech3{ display:block; float: left; vertical-align:baseline; width:100%; text-align:left; padding: 0 10px 70px 0}
.call-to-action-two .incipit { display:block; float: left; vertical-align:baseline; width:95%; padding-left: 10px; margin: auto;  max-width:860px }
.call-to-action-two .incipit2 { display:block; float: left; vertical-align:baseline; width:55%; padding-left: 10px; margin: auto;  max-width:860px}
.call-to-action-two {	
	background-image: url(../images/index/adoptbacktopochre.png);
	height: auto;
    background-repeat: no-repeat;
    background-position: right bottom;
	clear: both;
	padding: 10px 10px 10px 10px;
	position: relative}
}

@media screen and (max-width: 410px) {

#copyright .innercopy .left { float: none; width: 98%; margin-left: 1%; margin-right: 1%; text-align: center; margin-top: 0%}
#copyright .innercopy .right { float: none;width: 98%; margin-left: 1%; margin-right: 1%; text-align: center; margin-top: 0%}

#copyright .innercopy2 .left { float: none; width: 98%; margin-left: 1%; margin-right: 1%; text-align: center; margin-top: 0%}
#copyright .innercopy2 .right {float: none; width: 98%; margin-left: 1%; margin-right: 1%; text-align: center; margin-top: 0%}
}
@media screen and (max-width:380px) { 
.recent-post2 {
        background-image: url(../images/index/hentry4whiteline.png);
        width: 100%;
        max-width: 960px;
        min-height: 510px;
        background-repeat: no-repeat;
        background-position: left bottom;
        margin-top: 20px;
        margin-bottom: 0;
        margin-right: 0;
    }}

@media screen and (min-width: 371px){
.call-to-action-two .incipit2 { display:block}
.call-to-action-twothx .incipit2x { display:block}
.call-to-action-two .incipit2a { display:none }
.call-to-action-twothx .incipit2ax { display:none }
.call-to-action-two .incipit2b { display:none}
.call-to-action-twothx .incipit2bx { display:none}

}
@media screen and (max-width: 370px) {
 .call-to-action-two .incipit { display:block; float: left; vertical-align:baseline; width:94%; padding: 0 20px 0 10px; margin: auto; max-width:860px}
 .call-to-action-two .incipit2 { display:none}
 .call-to-action-two .incipit2a { display:block; float: left; vertical-align:baseline; width:94%; padding: 0 20px 0 10px; margin: auto;  max-width:860px}
 .call-to-action-two .incipit2b { display:block; float: left; vertical-align:baseline; width:45%; padding-left: 10px; padding-top: 20px; margin: auto;  max-width:860px }
 .call-to-action-two { padding-bottom: 40px; margin-bottom: 10px}
	
 .call-to-action-twothx .incipitx { display:block; float: left; vertical-align:baseline; width:94%; padding: 0 20px 0 10px; margin: auto; max-width:860px}
 .call-to-action-twothx .incipit2x { display:none}
 .call-to-action-twothx .incipit2ax { display:block; float: left; vertical-align:baseline; width:94%; padding: 0 20px 0 10px; margin: auto;  max-width:860px}
 .call-to-action-twothx .incipit2bx { display:block; float: left; vertical-align:baseline; width:45%; padding-left: 10px; padding-top: 20px; margin: auto;  max-width:860px }
 .call-to-action-twothx { padding-bottom: 40px; margin-bottom: 10px}
}
@media screen and (max-width: 321px) {
#copyright .innercopy .left { float: none; width: 98%; margin: auto}}
#copyright .innercopy .right { float: left; width: 98%; margin: auto}
#copyright .innercopy2 .left { float: none; width: 98%; margin: auto}
#copyright .innercopy2 .right { float: left; width: 98%; margin: auto}
}
@media screen and (max-width: 312px) {
 	.call-to-action-two .incipit2b { display:block; float: left; vertical-align:baseline; width:45%; padding-left: 10px; padding-top: 20px; margin: auto;  max-width:860px }
	
}


@media screen and (max-width: 295px) { 
.recent-post2 {
        background-image: url(../images/index/hentry4whiteline.png);
        width: 100%;
        max-width: 960px;
        min-height: 510px;
        background-repeat: no-repeat;
        background-position: left bottom;
        margin-top: 20px;
        margin-bottom: 0;
        margin-right: 0;
    }}