@media only screen and (max-width: 480px) {
    /* header */
    header { width:100%; }
    header .container { width:100%; text-align:center; padding:0; }
    header .container .contact { display: none; }
    .masthead .container img { max-width:100%; height:auto; }
    #agentLogo { float: none; margin:0; }

    /* nav */
    nav { height:auto; background-image: url(http://static.contentres.com/site/templates/001/img/1ac-menu.png); background-position: 0 0; }
    #main .container { width:100%; padding:5px 0; }
    #main ul { display: none; }
    #main .container>ul { margin-top: 7px; }
    nav li { display:block; width:100%; margin:0; padding:0 0 0 0; line-height:2; background-position: 0 -375px; background-repeat:repeat-x; }
    nav li li { display:inline-block; width:100%; margin:0; padding:0 0 0 0; line-height:2; }
    nav li ul li a { padding-left: 30px; }
    nav ul ul { position:inherit; width:100%; top:0px; }
    nav li:hover ul { left: 0px; }
    nav li ul { left: 0px; }

    nav a { padding: 0 0 0 15px; }
    #homeButton { margin-left: 15px; }
    #navButton { display:inline-block; float:right; height: 19px; padding: 0 20px 0 0; margin: 0 20px 0 0; background: url('../../global/img/mobile-sprite.png') no-repeat 0 0; background-position-x: 60px; background-position-y: 1px; text-decoration: none; color: #fff; }
    .subnavButton { position:relative; top: 8px; display:inline-block; width: 20px; height: 17px; float:right; margin:0 20px 0 0; background: url('../../global/img/mobile-sprite.png') no-repeat 0 -20px; order:none; }
    .subnavButton.down { background-position-y: -35px; }

    /* hide the hero */
    #hero { display:none; }

    /* content  */
    #content .container { width: 100%; padding:1px 0; background-size:contain; }
    #content .container>* { padding: 20px 15px 0 15px; }

    article { width: auto; float:none; }
    article img { float:none; max-width:100%; }
    article h1 { margin: 0; }
    article h2 { margin: 15px 0 10px 0; }
    article section { margin: 0; }

    aside { width:auto; margin:0; margin-left:0; }

    #subContent .right .textfield { float:none; }

    #learningContent .matter { width: 100%; float: none; margin: 0; }

    #agentContent img { float: none; margin:0; max-width:100%; }

    #suggested { padding: 0; }
    #suggested .content { width: auto; float:none; margin:0; padding:0; min-height:150px; }
    #suggested .content img { float:none; margin-right:20px; max-width: 100%; }

    #articleContent img {margin:0px; float:none; height:auto; max-width:100%; }

    #presentationShell h2 { position: absolute; bottom: 130px; right:0px; background: #000; background: hsla(0,5%,5%,0.85); padding: 20px 0; font-size: 15px; text-align: center; color: #fff; width: 100%; }
    #presentationShell img { margin-left:0px; float:none; max-width:100%; height:auto; }

    .rule { background-size: contain; margin:10px 0; }
    aside .rule { width:auto; height:auto; background-size:contain; }
    aside .rule:first-child { display: block; }

    .right { float: none; margin: 0; }

    #articleContent .tip { display:none; }
    #articleContent .fastFact { display:none; }
    #articleContent .focusBox { width: auto; padding: 0; margin: 0; }

    #additional { display:none; padding-bottom: 20px; }
    #additional .wrapper { padding: 0; }

    #additional nav li { padding: 0; display:block; border:none; text-align: left; margin:0; }
    #additional nav li:first-child { border-left: 1px solid #012D5F; }
    #additional nav li a { padding:0 5px; }
    #additional .content { width: auto; margin:0; float:none; }

    #eventContent .info { margin: 0; width: 100%; }
    #eventContent .description { margin: 0; }

    #matterContent img { margin:0; max-width:100%; float:none; background-repeat:no-repeat; }

    /*team page*/
    #teamContent .principal .info img { margin: 0 0 10px 0; float:none; }
    #teamContent .principal .info h4, #teamContent .principal .info p, #teamContent .principal .team-description {margin-left: 0;}
    #teamContent .agent .info {margin-bottom: 15px;}
    #teamContent .agent .info h4, #teamContent .agent .info p {margin-left: 160px;}
    #teamContent .agent .info p:last-child {margin-bottom: 0;}
    #teamContent .agent .team-description {clear: left; margin-left: 0;}

    iframe { width: 100%; padding:0; margin:0; }

    .wrapper { padding:0; }

    #agentPhoto img { margin-left:0; max-width:100%; }

    #allVideoContent .videoContent { float: none; width: auto; margin-left: 0; padding-bottom: 20px; }
    #videoContent>div>a>img { max-width: 100%; height: auto; }

    .presentation-responsive    {display: block; }
    #presentationShell          {display: none; }

    /* footer */
    footer .container { width: 100%; padding:0; margin:0; }
    footer .container>* { padding:0 15px; }
    footer .note { width: auto; float:none; }
    footer .note .globalDisclosure { padding:0; }
    footer .note .globalCopyright { padding:0; }
    footer .note .globalDisclaimer { padding:0; }

    footer aside { margin:0; width:auto; }
    footer aside .wrapper { margin:0; padding:0; }
    footer .contact { width:auto; float:none; }
    footer .quickLinks { width:auto; margin:0; margin-left:0; padding-top:15px; }
    footer .quickLinks ul { padding:0; }
}