/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width : 320px) and (max-width : 768px) {
    /* remove focus styles for android */



    * {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }

    /* resize images */

    img {
        max-width:100%;
        height:auto;
    }
    div.content-wrapper {
        width:90%;
        margin:0 auto;
    }

    div.content-wrapper-overflow {
        position:static;
    }



    /*************************************************
    hide desktop navigation 
    *************************************************/

    nav.main-nav, nav.admin-nav {
        display:none;
    }

    /*************************************************
    mobile navigation styles
    *************************************************/

    /* mobile navigation */

    ul#nav {
        width:70%;
        margin:0;
        padding:0;
        display:none;
        border-bottom:1px solid #EEE;
        float:right;
    }
    ul#nav li {
        border-top:1px solid #EEE;
        list-style:none;
    }
    ul#nav li a {
        background:#FFF;
        padding:1em;
        display:block;
        color:#444;
        text-transform:capitalize;
        text-decoration:none;
        font-size:0.9em;
    }
    ul#nav li a:hover {
        background:#EEE;
    }
    #menu-icon {
        width:40px;
        height:40px;
        display:block;
        position:absolute;
        top:5px;
        right:5px;
        border:1px solid #CCC;
        background-image:url(../img/nav-icon.png);
        background-repeat:no-repeat;
        background-position:center center;
    }


    /* resources and updates admin nav */

    nav.admin-nav-resources {
        position:absolute;
        bottom:-20px;
        right:0;
    }



    .active {
        background-image:url(../img/nav-icon-hover.png)!important;
        background-repeat:no-repeat;
        background-position:center center;
        border:1px solid #F680AD!important;
    }

    a.default-btn {
        line-height:1.5em;	
    }

    /* sections */

    section.kate-bio img {
        width:100%;
        height:auto;
    }
    section.intro {
        margin-top:63px;
    }

    section.about-us, section.private-tax, section.business-tax, section.trusts,section.offshore,section.charities,section.support, section.contact {
        padding:3em 0;
    }

    section.kate-bio {
        background-position:top left;
    }

    div.trusts-border {
        display:none;
    }

    div.testimonial {
        margin-bottom:1em;	
		width:100%;
    }
	
	.parallax-intro {
    height:650px;
}
	
	div.intro-inner {
    padding-top:120px;
}



    /* columns */


    div.column25-inner {
        border-right:none;
        border-bottom:1px solid #E5E5E5;
        padding-right:0;
        margin-right:0;
        padding-bottom:1.5em;
        margin-bottom:1.5em;
    }
    div.column25-inner-last {
        padding-left:0;
        padding-bottom:1.5em;
    }

    div.column30 {
        width:100%;
    }
    div.column30-right {
        width:100%;
        float:left;
        margin-left:0;
        margin-top:2em;
    }


    /* header */

    header {
        height:63px;
        background-color:#FFF;
    }
    div.header-inner {
        width:90%;
    }


    /* section columns */

    div.column-65-left, div.column-35-right, div.column-65-right, div.column-35-left, div.column-45-left, div.column-45-right, div.column25 {
        width:100%;
        float:none;
    }

    div.column-35-left {
        margin-bottom:1em;	
    }

    /* panels */

    .parallax-kate {
        display:none;
    }
    .parallax-sheena {
        display:none;
    }

    div.mobile-kate {
        width:100%;
        display:block;
        background-color: rgba(246, 128, 173, 0.5);
        background: rgba(246, 128, 173, 0.5);
        color: rgba(246, 128, 173, 0.5);
        color:#333;
    }

    div.mobile-text-wrapper {
        padding:3em 5%;
    }

    div.mobile-sheena {
        width:100%;
        display:block;
        background-color: rgba(109, 54, 94, 0.5);
        background: rgba(109, 54, 94, 0.5);
        color: rgba(109, 54, 94, 0.5);
        color:#FFF;
    }


    /* fact sheets */

    ul.factsheets-calculators-list {
        width:100%;
        padding:0;
    }

    section.tax-updates .archive-content {
        width: 100%;
        float:none;
        margin-left:0;
        margin-bottom:3em;
    }

    section.tax-updates h1.dark,
    section.tax-updates hr.black-rule,
    section.tax-updates .tax-updates-content {
        width:100%;
    }

}