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


    /* nav */
    nav { height:auto; background:none; text-align:left; margin-bottom:0; padding: 5px 0; }
    nav ul { display: none; }
    nav li { display:block; width:100%; 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 ul ul { position:inherit; width:100%; top:0px; }
    nav li ul li a { padding-left: 30px; }
    nav li:hover ul { left: 0px; }
    nav li ul { left: 0px; }
    nav a { border:none; }

     nav a { padding: 0 0 0 15px; }
    #navButton { display:inline-block; height: 20px; margin: 0 20px 0 15px; background: url('../../global/img/mobile-sprite.png') no-repeat 0 0;  background-position-y: 1px; text-decoration: none; color: #fff; }
    .subnavContainer {display: inline !important; }
    .subnavButton { border:solid red 1px; position:relative; top: 8px; display:inline-block; width: 20px; height: 17px; float:right; margin:0 35px 0 0; background: url('../../global/img/mobile-sprite.png') no-repeat 0 -20px; border:none; }

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

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

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

    .subpage article { width: auto; float:none; padding:0 0 10px 0; margin:15px 0 0 5px; }
    .subpage #suggested .content { width:auto; float:none; margin:0; padding-bottom:15px; }

    aside { width:auto; margin:20px 0; margin-left:0; float:none; }
    aside .rule:first-child { display: block; }
    aside .right { float:none; }
    aside.right { float:none; }
    aside.right section { margin: 0; }

    .subpage aside { float: none; margin-left: 0; }
    .subpage footer aside { margin-left: 0; }

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

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

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

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

    #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; display:none; }
    aside .rule { width:auto; height:auto; background-size:contain; }
    .right { float: none; margin: 0; }
    .companyIntro { margin:10px 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: 100%; margin:0; float:none; }

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

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

    
    aside section{width:100%;}

    /*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: 120px;}
    #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%; }

    object { width: 100%; }

    #teamContent .info img { max-width:100%; }
    .principal { margin-bottom:30px; }
    .agent { margin-bottom:30px; }

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


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

    /* footer */
    footer .container { width: 100%; padding:0; margin:0; }
    footer .container>* { padding:0 15px; }
    footer .note { width: auto; float:none; padding-top:15px; }
    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; }
        /*PRESENTATION*/
.presentation.subpage .fancybox-close,
.page-resource-center-presentations .fancybox-close{
    background:rgba(255,255,255,.35);
    width:40px;
    top:0;
    right:0;
}
.page-resource-center-presentations .fancybox-close:before,
.presentation.subpage .fancybox-close:before{
    content:'';
    display:inline-block;
    width:100%;
    height:3px;
    right:0;
    top:16px;
    background:#000;
    position:absolute;
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -o-transform:rotate(45deg);
}
.page-resource-center-presentations .fancybox-close:after,
.presentation.subpage .fancybox-close:after{
    content:'';
    display:inline-block;
    width:100%;
    height:3px;
    right:0;
    top:16px;
    background:#000;
    position:absolute;
    transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
}
#presentationContainer{
    height:100%;
}
 #presentationShell img{
   margin-left:0;
 }
 #presentationShell h2{
   width:94%;
   font-size:1em;
   padding:15px 12px;
   bottom:0;
   margin-bottom:0;
 }
 #presentation span.slide{
   width:auto;
   height:auto;
   padding:10px;
   display:block;
 }
  #presentationContainer #presentation{
    width:100%;
    height:100%;
    overflow-y:auto;
  }
 #presentationContainer #presentation a.selected{
   display:block;
   width:100%;
 }
 #presentation a.selected img{
     display:block;
   margin-bottom:20px;
   max-width:610px;
   margin-left:auto;
   margin-right:auto;
 }
 #presentation .aside{
   margin-left:0;
   width:100%;
 }
 #presentation .slide{
   width:100%;
   height:100%;
   float:none;
 }
 #presentation .forwardArrow,
 #presentation .backArrow{
   top:100px;
   display:inline-block;
 }
 #presentation .forwardArrow{
   right:0;
   left:auto;
 }
 #presentation .slideText{
   width:100%;
   padding-right:0;
 }
 #presentation .wrapper{
   display:none;
 }
  #presentation .wrapper.selected{
    display:block;
  }
  #presentation span.slide{
    padding:5px;
    margin-bottom:20px;
  }
  .slide embed{
      width:auto;
      height:auto;
  }
  #presentation video{
    width:100%;
    height:auto;
  }
  #presentation .slideText{
      height:auto;
  }
             /*BROKER CHECK*/
  header .broker-check{
    width:100%;
    height:auto;
    background:#F6F6F6;
    text-align:center;
    margin-bottom:20px;
    border:solid 1px #E4E4E4;
  }
  header .broker-check img{
    width:auto;
  }
  header .broker-check .container{
        padding:9px 0 0 0;
  }
  header.masthead{
    margin:0 !important;
  }
      .floating-broker-check{
    position:static;
    width:auto;
    height:40px;
    background:#F6F6F6;
    text-align:center;
    border-bottom:solid 1px #E4E4E4;
}

   .floating-broker-check a{
       display:block;
         width:100%;
         height:40px
       }
      .broker-check-description{
     font-size:13px;
     margin-bottom:10px !important;
   }
}

/* This is for the video-scroll-play script */
.js-video-autoplay {
  width: 100%;
  margin-bottom: 40px;
}

/*TEAM MODULES*/
.subpage .section_TeamList .c-team-section__container {

    flex-flow: column nowrap;

}
.subpage .section_TeamList .c-team-section__container > .c-team-section__member{
    width:300px;
    margin:0 auto 25px auto;
}
.c-team-grid__img--solana{
    max-width:200px;
    margin: 0 auto;
    display: block;
}
.homepage .c-team-member__email a{
    width:auto;
}
.c-team-member__info{
    padding-left:20px;
    margin-top:15px;
}
.subpage #agentContent img{
    max-width:none;
}
.subpage .section_TeamList{
    padding-left:15px;
}
.c-fmg-divider{
    background:#BEBEBC;
}