@charset "utf-8";
/* CSS Document */


@media only screen and (max-width: 1200px){.header-inner{ width:98%;} .header-right{ width:74%;} .logo{ width:24%;} .top-bottom-left-menu{ width:41%;} .top-bottom-right-menu{ width:59%; float:right;} ul.menu-left li{ width:33.33%;} ul.menu-left li a{ width:80%; padding:25px 10%} ul.sitemenu li a{ padding:16px 0px;} ul.sitemenu li { padding-right: 0.4%; width: 24.6%;}ul.sitemenu li a{ text-align:center;} ul.menu-left li:last-child{ width: 33.34%;} .container{ width:98%;} .slider-main{ background-size:100%;} .section-inner{ width:100%;} .footer-left{ width:30%;} .company {padding-left: 5%; width: 18%;} .contact-us{ width:29%;} .get-in-touch-left{ width:47%;} .get-in-touch-right{ width:43%;} .seprate-left{ width:45%;} .seprate-right{ width:45%;} ul.category li{ width:22%; margin-right:3%;} ul.menu-left-footer li{ width:33.33%;} ul.menu-left-footer li a{ width:80%; padding:25px 10%} ul.sitemenu { margin-top: 31px;} 
.nav > li > a{ height:auto;} .nav > li {  float: left; width: 33.33%;} .nav > li > a{ width:auto;} .nav > li > div{ display: block; left: -87%; top:103px; width: 332%;} .top-bottom-left-menu .megamenu .dropdown_fullwidth {left: -92%; width: 336%;}}

@media only screen and (max-width: 1024px){ul.sitemenu li a{ font-size:15px; padding:19px 0;} ul.menu-left li a{ font-size:19px;} ul.sitemenu{ margin-top:33px;} .get-call{ font-size:26px;}  .top-bottom-left-menu .megamenu .dropdown_fullwidth {  left: -64%; width: 286%;} .give-seprator { padding: 0 6%;} }

@media only screen and (max-width: 960px){.top-bottom-left-menu .megamenu_wrapper .megamenu > li{ height:auto;} .top-bottom-left-menu .megamenu > li > a{ padding: 15px 9px 25px;} .top-bottom-left-menu .megamenu .dropdown_fullwidth { left: -98%; width: 347%;} .top-bottom-left-menu .megamenu_wrapper .megamenu_container .megamenu{ padding-right:0;} .give-help-bottom-link a{ font-size:14px;}}

@media screen and (max-width: 768px) {.logo{ width:100%; text-align:center; padding-bottom:20px;} .header-right{ width:100%;} .top-social{ margin:0 auto; float:none; padding:0 0 20px 0; overflow:hidden;} .hero-unit h1{ font-size:24px; line-height:25px;} .hero-unit p{ font-size:11px;} .carousel-control{ font-size:40px;} .row-fluid .span7 { width: 51.265%;} .heading h2{ font-size:20px;} .seprate-left { width: 100%;} .span5.seprate-left.pull-right { width: 100%;} .section-left{ padding-top:20px;} .seprate-right{ width:100%; padding-top:20px;} .escape{ width:100%; text-align:center;} .escape a{ margin:0 auto;} ul.social-icon{ float:none; margin:0 auto; width:286px; overflow:hidden; padding-top:20px;} .category-heading{ font-size:23px;} .category-dec{ font-size:12px;}.footer-left{ width:46%;} .company{ width:27%;} .contact-us{ width:100%; padding-top:20px; padding-bottom:20px;} .dog-home{ padding-top:10px;} .dog-home{ border-bottom:1px solid #662c83;} .company, .site-map { border-bottom: 1px solid #662C83; min-height:293px;} ul.social-icon-footer { float: none; margin: 0 auto; overflow: hidden; padding: 20px 0; width: 238px;} .megamenu_button{ background:#000 !important;} .megamenu_wrapper{ width:100%;} .top-bottom-right-menu{ width:100%;} .top-bottom-left-menu{ width:100%;} .nav .nav-column{ width:102%; background:none;} .top-bottom-left-menu .megamenu > li > a{ width:100%; text-align:center; padding:10px 0;} .nav .nav-column h3{ line-height:40px;} .top-bottom-left-menu .megamenu > li > a{ height:30px; font-size:17px;} 
.give-seprator { padding: 0 18%;} .nav .nav-column{ min-height:inherit;} .get-help-read > a { float: none;  margin: 20px auto 0;} .get-help-heading, .get-call, .more-information, .last-link-menu{ text-align:center;} .get-help-button{ float:none; margin: 20px auto 0;}}

@media only screen and (max-width: 640px) {.row-fluid .span7 { width: 35.265%;} .row-fluid .span5 { width: 59.171%;} .hero-unit p{ padding:5px 0;} .date, .time, .category-heading{ font-size:15px;} .get-in-touch-left, .get-in-touch-right{ width:98%; padding:0 1%;} .section-five{ padding: 30px 0 50px;} .company{ width:23%;} .dog-home { padding-top: 40px;}ul.sitemenu li { padding-right: 0.3%;}} 
	
@media only screen and (max-width:568px){ul.menu-left li a {font-size: 16px;} ul.sitemenu li a{ font-size:12px;} ul.sitemenu { margin-top: 47px;} .donate-now{ font-size:15px; width:190px;} .hero-unit p { height: 92px;  margin-bottom: 10px;  overflow: hidden;} .hero-unit{ padding:27px 6px 0;} ul.category li{ width:47%;} .footer-left{ width:100%;} .dog-home{ width:100%; padding:30px 0 0 0; text-align:center;} .company{ width:68%;} .contact-us{ width:88%; padding:0 6%;}}

@media screen and (max-width: 480px) {.top-bottom-left-menu{ width:100%;} ul.menu-left li a{ line-height:45px;} .top-bottom-right-menu{ width:100%;} ul.sitemenu{ margin-top:0;} ul.menu-left li:last-child { width: 32.9%;} .row-fluid .span5 br{ display:none;} .hero-unit h1{ font-size:21px;} .hero-unit p{ height:74px;} .carousel-control{ top:55%;} .section-two-main p, .media-body-two p{ font-size:12px;} .company { width: 63%;} .nav .nav-column h3{ margin:0 0 10px;}}

@media only screen and (max-width: 320px) {.top-social{ width:100%;} .hero-unit p{ display:none;} .hero-unit { padding: 16px 2px 0;} .row-fluid .span7 {  width: 54.265%;} .row-fluid .span5 {  width: 37.171%;} .hero-unit h1 { font-size: 16px;} .donate-now {height: 28px; width: 114px;} .donate-icon{ display:none;} .donate-now{ font-size:13px; line-height:28px;} .hero-unit h1{ padding-bottom:36px;} ul.menu-left li a { height:10px; padding: 25px 2%; width: 96%; line-height:10px;} .carousel-control{ top:51%;} .section-one{ padding-bottom:0;} .pull-left{ width:100%; margin-right:0; text-align:center; margin-bottom:20px;} ul.category li{ width:100%; margin-right:0;} .company, .site-map{ width:100%; text-align:center; padding-left:0; min-height:inherit; padding-bottom:20px;} .contact-us {padding: 0 1%;  width: 96%;} ul.sitemenu li {  padding-right: 0.6%; width: 24.4%;} .media, .media-body{ overflow:visible;} .give-seprator { padding: 0 5%;} .nav .nav-column h3{ margin:0; font-size:18px;} .get-help-heading{ font-size:16px;} .get-help-read a{ font-size:12px;} .last-link-menu a { font-size: 17px;  padding: 10px 0;}}