/**
* @author Design & Accessible Team ( Angie Radtke  )
* @package Joomla
* @subpackage Accessible-Template-Beez
* @copyright Copyright (C) 2005 - 2008 Open Source Matters. All rights reserved.
* @license GNU/GPL, see LICENSE.php
* Joomla! is free software. This version may have been modified pursuant to the
* GNU General Public License, and as distributed it includes or is derivative
* of works licensed under the GNU General Public License or other free or open
* source software licenses. See COPYRIGHT.php for copyright notices and
* details.
*/
@media (min-width: 180px) and (max-width: 767px){
.foot-main-panel-bg {
    background: #df0024 none repeat scroll 0 0;
}
.logo {
    display: block;
    float: left;
    text-align: center;
    width: 45%;
}
.donate {
    margin: 13px 0;
    position: inherit;
    right: inherit;
    top: inherit;
    width: 50%;
    z-index: 9;
}
.width-66 {
    width: auto;
}
.none
{
    float: none;
}
.width-auto
{
    width: auto;
}
.bottom-bg
{
    padding: 0;
}
.bottom ul li
{
    width: auto;
    float: none;
}
.footer-menu
{
    display: none;   
}
.foot-main-panel-bg {
    background: #df0024 none repeat scroll 0 0;
}
.img-1
{
    display: none;
}
.img-2
{
    display: none;
}
.slicknav_nav ul {
    margin: 0 !important;
    padding: 0;
    text-align: left;
}
}

@media (min-width: 180px) and (max-width: 640px){

.panel-left {
float: none;
width: auto;
}
.panel-right {
float: none;
width: auto;
}

.copy
{
float: none;
font-size: 13px;
text-align: center;
}

}
@media (min-width: 768px) and (max-width: 1100px){
.bottom ul li
    {
        width: 30%;
    }
.footer-menu
    {
        display: none;
    }
.copy
    {
        float: none;
        text-align: center;
    }
.logo {
    display: block;
    float: left;
    text-align: center;
    width: 45%;
}
.donate {
    margin: 13px 0;
    position: inherit;
    right: inherit;
    top: inherit;
    width: 50%;
    text-align: right;
    z-index: 9;
}
.img-1
{
    display: none;
}
.img-2
{
    display: none;
}
}
@media (min-width: 1100px) and (max-width: 1350px){
    .donate {
    float: right;
    position: absolute;
    right: -1.6%;
    top: 15px;
    z-index: 9;
}
.header-menu ul li {
    padding: 12.4px 3px;
}
.header-menu ul li a {
    font-size: 12.5px;
    padding: 12.4px 12px;
}
.header-menu ul li:hover a, .header-menu ul li.active a
{
    padding: 12.4px 12px;
}
.header-menu .img-1 {
    left: 0;
}
.header-menu .img-2 {
    right: 0;
}
}
@media (min-width: 575px) and (max-width: 767px){
.bottom ul li {
    display: inline-block;
    float: none;
    width: 40%;
}
.bottom ul {
    text-align: center;
}
}

@media (min-width: 180px) and (max-width: 767px){
.header-menu
{
display: none;
}
.slicknav_menu
{
display: block;
}
.container
{
width: auto;
margin: 0 15px;
}
.inside
{
    height: auto;
    margin-bottom: -4px;
}
.main-panel .panel-3 ul
{
height: auto;
}
.main-panel .panel-3 ul li {
margin: 10px 0;
text-align: center;
position: inherit;
}
.main-panel .panel-3 ul li.three
{
text-align: center;
}
.main-panel .panel-3 ul li a span {
background: none repeat scroll 0 0 #f5f5f5;
display: block;
font-family: open_sanslight;
opacity: 0;
font-weight: 700;
margin: 0 0;
position: inherit;
padding: 4px 5px;
transition: all 0.5s ease 0s;
}
.main-panel .panel-3 ul li.two span
{
position: inherit;
}
.forminput label
{
width:auto;
}
.wrap
{
width: 100%;
}
.wrap input, .wrap textarea, .wrap select
{
display: inline-block;
width: 92%;
}
.menu-inside
{
display: block;
margin: 0;}
.forminput {
    float: left;
    width: 100%;
}

.contact-details {
    float: right;
    width: 100%;
}
}
@media (min-width: 180px) and (max-width: 767px){
.logo-res
{
display: block;
padding: 10px 0;
text-align: center;
}
.main-panel .panel-inside
{
text-align: center;
}
.main-panel .panel-1
{
bottom: 0;
}
.main-panel .panel-inside
{
position: inherit;
margin: 0 0;
float: none;
width: auto;
}
.main-panel .panel-3
{
float: none !important;
margin: 0 0;
}
.main-panel .panel-1
{
margin: 40px 0 0 ;
}
.panel-1 img
{
width: 300px;
}
.main-panel .panel-2 span.head
{
width: inherit;
right: 0;
font-size: 26px;
}

.main-panel .panel-2
{
margin: 0;
}
.personal-services
{
width: auto;
float: none;
}
.str-planning {
float: none;
width: auto;
}
.about-us .main-panel
{
    text-align: center;
}
.about-us .main-panel ul li
{
    float: none;
    display: inline-block;
    width: auto;
    border: none;
}
.personal-services {
    border: medium none;
    float: none;
    padding: 0;
    width: auto;
    min-height: inherit;
}
.about-us .main-panel ul li img, .services-img img
{   
width: 100%;
padding: 0 0;
}
.personal-assistant {
    float: none;
    width: auto;
}
.forminput label.error
{
    width: auto;
}
}
@media (min-width: 767px) and (max-width: 1100px){
.menu-inside {
    display: block;
    margin: 0px 0;
}
.inside-banner
{
height: auto;
}
.container
{
width: auto;
margin: 0 10px;
}
.inside
{
    height: auto;
    margin-bottom: -4px;
}
.main-bg-2
{
width: auto;
}
.forminput label
{
width:auto;
}
/*.header-menu ul li:hover, .header-menu ul li.active {
background: url("../images/menu-hover.png") no-repeat scroll 0 0 / 100% auto;
}
.header-menu ul li
{
background:url("../images/menu-bg.png") no-repeat scroll 0 0 / 100% auto;
width: 100px;
margin: 0 0;
}
.header-menu ul li a
{
font-size: 11px;
padding: 6px 0;
}*/
.header-menu
{
display: none;
}
.slicknav_menu
{
display: block;
}
.logo-res
{
display: block;
padding: 10px 0;
text-align: center;
}
.logo
{
width: 40%;
}
.personal-services {
    border-right: medium none;
    float: left;
    min-height: 615px;
    padding-right: 0;
    width: 48%;
}
.personal-assistant {
    float: right;
    width: 48%;
}
.about-us .main-panel ul li img, .services-img img {
    border: 1px solid #ccc;
    padding: 0;
    width: 100%;
}
.panel-1
{}
.panel-1 img
{
width: 100%;
}
.panel-3 img
{
width: 100%}
.main-bg-2 {
background: url("../images/bg-2.png") no-repeat scroll 0 0 / 92% auto ;
overflow: hidden;
}
.main-panel {
position: inherit;
}
.main-panel .panel-2 {
/*  margin: 37px 0;*/
text-align: center;
position: inherit;
}
.main-panel .panel-2 span.head {
    font-size: 20px;
    right: 0;
    width: auto;
}
.main-panel .panel-3 ul li {
position: absolute;
width: 50%;
}
.main-panel .panel-3 ul li span
{
font-size: 15px;
}
.wrap
{
width: 100%;
}
.wrap input, .wrap textarea, .wrap select
{
display: inline-block;
width: 92%;
}
.main-panel .panel-3
{
margin: 0 0;
}
.main-panel .panel-1
{
bottom: 0;
}
.main-panel .panel-2{
margin: 24px 0 0;
}
.main-panel .panel-2 span.head img {
    width: 100%;
}
.main-panel .panel-3 ul li a span
{
font-size: 15px;
}
.about-us .main-panel
{
    text-align: center;
}
.about-us .main-panel ul li
{
    float: none;
    display: inline-block;
    width: auto;
    border: none;
}
.forminput {
    float: left;
    width: 60%;
}

.contact-details {
    float: right;
    width: 35%;
}
}
@media (min-width: 801px) and (max-width: 1100px){
.main-panel .panel-3 {
    position: relative;
    right: 40px;
    top: 0;
}
.main-panel .panel-3 ul
{
height: auto;
}
.main-panel .panel-3 ul li.one {
left: 57%;
top: -7px;
}
.main-panel .panel-3 ul li.one span {
right: 125px;
top: 42px;
width: 100%;
}
.main-panel .panel-3 ul li.two {
left: 38%;
top: 107px;
}
.main-panel .panel-3 ul li.two span {
right: 115px;
top: 28px;
width: 110%;
}
.main-panel .panel-3 ul li.three {
left: 14%;
text-align: left;
top: 225px;
}
.main-panel .panel-3 ul li.three span {
left: 113px;
top: 113px;
width: 110%;
}
.main-panel .panel-inside
{
  float: left;
}
.main-panel .panel-2 p {
    font-size: 13px;
    line-height: inherit;
    margin: 14px 0 0;
    width: auto;
}
.main-panel .panel-2 {
    margin: 24px 0 0;
}
.main-panel .panel-1 {
    position: relative;
    top: 4px;
}
.main-panel .panel-inside
{
  float: left;
}
}
@media (min-width: 768px) and (max-width: 800px){
.main-panel .panel-3 {
    position: relative;
    right: 40px;
    top: 0;
}
.main-panel .panel-3 ul
{
height: auto;
}
.main-panel .panel-3 ul li.one {
left: 57%;
top: -10px;
}
.main-panel .panel-3 ul li.one span {
right: 105px;
top: 29px;
width: 100%;
}
.main-panel .panel-3 ul li.two {
left: 37%;
top: 79px;
}
.main-panel .panel-3 ul li.two span {
right: 85px;
top: 21px;
width: 110%;
}
.main-panel .panel-3 ul li.three {
left: 14%;
text-align: left;
top: 170px;
}
.main-panel .panel-3 ul li.three span {
left: 92px;
top: 86px;
width: 110%;
}
.main-panel .panel-2 p {
    font-size: 12px;
    line-height: inherit;
    margin: 14px 0 0;
    width: auto;
}
.main-panel .panel-1 {
    position: relative;
    top: 4px;
}
.main-panel .panel-inside
{
  float: left;
}
}
@media (min-width: 980px) and (max-width: 1100px){
.main-panel .panel-2 {
    margin: 84px 0 0;
}
}
@media (min-width: 1100px) and (max-width: 1420px){
.inside
{
    height: auto;
    margin-bottom: -4px;
}
}