/* Media queries for responsive design
--------------------------------------------- */
/* --- iPad Landscape --- */
@media screen and (min-width: 1024px)
{
    /* --- General --- */

    #header-content
    {
        width: 960px !important;
    }


}
/* --- iPad Portrait --- */
/* iPads (portrait) ----------- */
@media screen and (min-width: 768px)
{

    .enquireButton, .menuButton
    {
        display: none;
    }
    .homepage-lead
    {
        width: 500px !important;
    }
    .menu {display:block !important}

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

    html
    {
        zoom: 0.78;
    }

}

@media screen and (min-width : 621px)
{
	#mobile-phone {
		display: none;
	}
}

/* --- Smartphones and small Tablet PCs --- */
@media screen and (max-width : 620px)
{
    html
    {
        zoom: 1;
    }
    h1
    {
        font-size: 1.8em;
        line-height: 30px;
    }
    .container
    {
        width: 100% !important;
    }
    #header
    {
        height: 52px;
        border-bottom: 1px solid #cecece;
    }
    .wrapper
    {
        background-image: none !important;
    }
    #footer .menu, #header-content h1, #header-content h2, .header-primary h1, .header-primary h2, .mainContentRight
    {
        display: none;
    }
    .enquireButton, .menuButton
    {
        display: block !important;
    }

    div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24, div.span-25, div.span-26, div.span-28
    {
        float: none !important;
        width: 100% !important;
    }
    div.navigation-primary ul
    {
        margin: 0px !important;
    }
    .homepage-3-column-bot, .homepage-3-column
    {
        background-image: none !important;
    }
    .header-primary
    {
        float: none !important;
        margin: auto;
    }
    .homepage-lead
    {
        padding-left: 0px !important;
    }
    .append-1
    {
        padding-right: 0px !important;
    }
    .header-primary .align-right
    {
        width: 100%;
        padding: 10px 0px 0px 0%;
        text-aiign: center;
        background-image: url("images/header-bg.gif");
        background-repeat: repeat-x;
    }
    .header-primary .align-right #mobileTag
    {
    	display: block;
        font-family: 'Droid Sans',sans-serif;
        float:left;
        font-size:20px;
        color:#3A3CA0;
        margin-left:20px;
        line-height:0;
        margin-top:25px;
    }
    .header-primary .align-right #mobileTag span {
	    font-size:40px;
	    color:#A9CC18;
	    position:relative;
	    top:3px;
    }
    h3.lead-highlight.icon-telephone
    {
        display: block;
        width: 50%;
        text-align: center;
        text-indent: 30px;
        color: #fff;
        font-size: 150%;
        float: right;
        background: url("images/contact-telephone.png") no-repeat scroll 7% 45%;
        line-height: 42px;
        margin: 0px 4% 0px 0px;
        padding: 0px;
        -moz-border-radius: 6px;
        border-radius: 6px;
        background-color: #3a3ca0;
        -moz-box-shadow: 1px 1px 2px #b3b3b1;
        -webkit-box-shadow: 1px 1px 2px #b3b3b1;
        box-shadow: 1px 1px 2px #b3b3b1;
    }
    #desktop-phone, #desktop-mobile, .callFree {
	    display: none;
    }

    .appleLinks a
    {
        color: #ffffff;
    }

    .mobileleftAlign
    {
        width: 21%;
        float: left;
        margin-top: 10px;
        margin-left: 1%;
    }
    .headerLogo
    {
        width: 56%;
        float: left;
        margin: auto;
        display: block;
        text-align: center;
        padding-top: 15px;
    }
    .headerLogo img
    {
        width: 165px;
        margin: auto;
        text-align: center;
    }
    .mobilerightAlign
    {
        width: 21%;
        display: block;
        float: right;
        margin-right: 1%;
        margin-top: 10px;
    }
    #nav-wrap
    {
        position: relative;
    }



    /* main nav */
    #footer .menu
    {
        display: none !important;
    }
    div.navigation-primary
    {
        border: 0px;
    }
    div.navigation-primary ul
    {
        float: none;
    }

    #menu-icon
    {
        float: right;
        color: #000;
        text-align: center;
        width: 63px;
        height: 29px;
        padding-right: 5px;
        color: #fff;
        background: url(images/menu-arrow.gif) no-repeat;
        background-position: 50px 10px;
        line-height: 28px;
        -moz-border-radius: 6px;
        border-radius: 6px;
        background-color: #7eac30;
        -moz-box-shadow: 1px 1px 2px #b3b3b1;
        -webkit-box-shadow: 1px 1px 2px #b3b3b1;
        box-shadow: 1px 1px 2px #b3b3b1;
        cursor: pointer;
        display: block; /* show menu icon */
    }
    .enquireButton a
    {
        float: left;
        color: #000;
        width: 68px;
        color: #fff;
        text-align: center;
        height: 29px;
        cursor: pointer;
        line-height: 28px;
        -moz-border-radius: 6px;
        border-radius: 6px;
        background-color: #3a3ca0;
        -moz-box-shadow: 2px 2px 2px #b3b3b1;
        -webkit-box-shadow: 2px 2px 2px #b3b3b1;
        box-shadow: 3px 3px 4px #b3b3b1;
        display: block; /* show menu icon */
        margin-bottom: 10px;
    }
    #menu-icon:hover
    {
    }
    #menu-icon.active
    {
        z-index: 9000;
        position: relative;
    }
    .menu
    {
        clear: both;
        position: absolute;
        top: 53px;
        width: 100%;
        left: 0px;
        z-index: 10000;
        background: #f8f8f8;
        margin: 0px;
        display: none; /* visibility will be toggled with jquery */
        clear: both;
        float: none;
    }
    .menu a, .menu ul a
    {
        font: inherit;
        background: none;
        display: inline;
        padding: 0;
        color: #666;
        border: none;
    }
    .menu a:hover, .menu ul a:hover
    {
        background: none;
        color: #000;
    }

    /* dropdown */
    .menu ul
    {
        width: auto;
        position: static;
        display: block;
        border: none;
        background: inherit;
    }
    div.navigation-primary li
    {
        margin: 3px 0 3px 0px;
        border: none;
        float: none !important;
        text-indent: 25px;
        padding: 0px 10px 10px 0px;
        border-bottom: 1px solid #000;
        background-image: url(images/icon-info.png);
        background-repeat: no-repeat;
        background-position: 10px 10px;
    }
    div.navigation-primary li a, div.navigation-primary li a:hover
    {
        background-image: url(images/menu-arrow.png);
        background-repeat: no-repeat;
        background-position: right;
        display: block;
    }

    /*content-with-sidebar-1 */
    .sidebar-1-right #content{
        margin: 0px
    }


    .content-with-sidebar-1 #content
    {
        background: none !important;
    }

    .content-with-sidebar-1 #header-panel-bg
    {
        background-image: none;
        background-color: #fff;
    }
    .content-with-sidebar-1 id
    {
        margin-top: 0px;
    }

    #sidebar
    {
        display: none;
    }
    .span-18
    {
        width: 100%;
    }
    .strap
    {
        text-align: center;
        float: right;
        width: 60%;
        display: block !important;
        padding: 5px 0px 0px 0px;
        color: #969595;
        font-weight: 600;
        font-size: 14px;
        margin-bottom: 5px;
    }
    .footer-left
    {
        text-indent:10px;
    }

    /*HOME PAGE*/
    
    #enquireBox {
	    background: #f3f3f3;
	    border-radius: 0;
	    border: none;
	    box-shadow: none;
	    color: #000;
	    text-align: left;
	    padding-bottom: 5px;
    }
    #enquireBox h3.sidebar-title {
	    color: #7eac30;
	    margin-bottom: 0;
    }
    .sidebar-title, #enquireBox h3.sidebar-title {
		text-align: center;
	}
    #enquireBox p.advisors-info {
	    color: #000;
	    margin-top: 5px;
	    text-align: center;
	    padding-right: 0;
    }
    #enquireBox .gform_heading {
	    display: block;
	    text-align: center;
	    font-size: 15px;
	    color: #393b9f;
	    line-height: 24px;
	    margin-bottom: 14px;
    }
    .home div.gform_footer.left_label {
	    top:0;
    }
    .home div.widget-box label.gfield_label {
	    font-weight: bold;
    }
    .home div.widget-box {
		padding: 0 15px;
	}
    h3.lead-highlight.icon-telephone span {
		font-size: 100%;
	}
    .home #content
    {
        margin: 0px !important;
    }
    .homepage-lead, .widget-homepage-middle, .widget-homepage-bottom-right, #homepage-content, .widget-homepage-right, .ticksection-container, #footer .legal, #footer .services, .home .widget-text
    {
        display: none;
    }
    .homepageRight {
	    display: none;
    }
    .homepage-3-column-bot
    {
        /* padding-top: 50%; */
    }
    .widget-box-enquire
    {
        background-color: #f3f3f3 !important;
        border-radius: 0px !important;
    }
    .widget-homepage-left label
    {
        display: block !important;
        width: 100% !important;
        float: none !important;
    }
    .widget-homepage-left input, .widget-homepage-left select
    {
        width: 100% !important;
    }
    .gfield_select
    {
        height: 27px;
    }

    /*HOME PAGE FORM*/

    .gform_wrapper .validation_error
    {
        font-size: 90% !important;
    }
    .gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning
    {
        background-color: #FFDFDF;
        margin-bottom: 0px !important;
        padding: 5px !important;
        border: 1px solid #fff !important;
    }
    .gform_wrapper li.gfield.gfield_error input {
	    width: 95% !important;
    }
    .gform_wrapper .right_label .gfield_description, .gform_wrapper .left_label .gfield_description, .gform_wrapper .left_label .instruction, .gform_wrapper .right_label .instruction
    {
        margin-left: 2% !important;
    }
    /*what to claim for*/

    .sidebar-1-left #content
    {
        margin: 0px;
    }

    #subpage-navigation
    {
        margin: 0px !important;
        border-radius: 0px 0px 0px 0px;
    }
    #subpage-navigation ul li a
    {
        padding: 8px 6px 8px 10px;
    }

    /*Yor questions - change to page-id-5 for live site*/


    .page-id-5 #content
    {
        display: block !important;
    }
    .page-id-5 .hentry
    {
        display: none;
    }
    .questions
    {
        display: block;
    }
    ul.questions
    {
        padding: 0px !important;
    }
    ul.questions li
    {
        padding: 4px 0px 4px 10px;
        background-position: 10px 10px !important;
    }

    /*LET US HELP replace 141 with 138 on live site*/

    .page-id-138 #header-panel-bg
    {
        background: none !important;
    }

    .page-id-138 #content
    {
        display: none;
    }
    .page-id-138 #sidebar
    {
        margin-top: 0px !important;
    }
    .page-id-138 #sidebar div:first-child
    {
        display: none;
    }
    .page-id-138 .gform_body
    {
        display: block !important;
    }
    .page-id-138 .gform_body label
    {
        display: block !important;
        width: 100% !important;
        float: none !important;
    }
    .page-id-138 .gform_body input, .page-id-138 .gform_body select
    {
        width: 100% !important;
    }
    .page-id-138 .gform_body input
    {
        width: 100% !important;
    }
    .page-id-138 .gform_body .gfield_select
    {
        height: 27px;
    }
    .page-id-138 #sidebar
    {
        display: block !important;
        margin: 0px;
    }
    .page-id-138 #sidebar .widget-box
    {
        border-radius: 0px 0px 0px 0px !important;
    }
    .page-id-138 #sidebar .widget-box #field_1_5, .page-id-138 #sidebar .widget-box #field_1_4
    {
        display: none;
    }

    .gform_wrapper .top_label input.medium
    {
        padding-right: 0px !important;
    }

    input.medium, .gfield_select
    {
        float: none !important;
    }
    li.gfield_select
    {
        margin-left: 0px;
    }
    .menu li:hover {
        background-color: transparent;
    }
    .menu li:hover > .sub-menu
    {
        display: none;
    }
    .menu li > .sub-menu li {
        background-image: none !important;
        text-indent: 0 !important;
    }
    div.navigation-primary ul.sub-menu
    {
        display: none;
        margin: 10px -10px -10px 0px !important;
        border-top: 1px solid #000;
        background: #e6e6e6;
        overflow: hidden;
    }
    div.navigation-primary ul.sub-menu ul.sub-menu
    {
        background: #f8f8f8;
    }
    div.navigation-primary ul.sub-menu a
    {
        margin-left: 40px !important;
        padding-right: 20px;
    }
    div.navigation-primary ul.sub-menu ul.sub-menu a
    {
        margin-left: 60px !important;
    }

    .post-412.hentry
    {
        padding-right:20px;
    }

    .full-width-video
    {
        cursor:pointer;
    }

    .full-width-video iframe,
    .pull-right
    {
        display:none;
    }

    .full-width-video .full-width-image,
    .full-width-video .full-width-overlay
    {
        display:block;
    }
    #footer .footer-left p {
	    float: none;
	    text-align: center;
    }


}

@media screen and (min-width: 681px) {
    #menu-item-348 > a, #menu-item-348 > .sub-menu > li > a {
        background-repeat: no-repeat;
        background-position: right center;
        background-image: url('images/black-right.png');
        background-size: 10px 10px;
        padding-right: 20px;
        margin-right: 10px;
    }

    #menu-item-348:hover > a {
        background-image: url('images/black-down.png');
    }
}

@media
screen and (min-width: 681px) and (-webkit-min-device-pixel-ratio: 1.3),
screen and (min-width: 681px) and (   min--moz-device-pixel-ratio: 1.3),
screen and (min-width: 681px) and (     -o-min-device-pixel-ratio: 4/3),
screen and (min-width: 681px) and (        min-device-pixel-ratio: 1.3),
screen and (min-width: 681px) and (                min-resolution: 124dpi),
screen and (min-width: 681px) and (                min-resolution: 13dppx) {
    #menu-item-348 > a, #menu-item-348 > .sub-menu > li > a {
        background-image: url('images/black-right@2x.png');
    }

    #menu-item-348:hover > a {
        background-image: url('images/black-down@2x.png');
    }
}