/*Hide components on desktop version*/
  p.CTA {display:none}  
      
 .mobile-masthead {display:none}
 
.middle-left-bubble-wrapper {margin-left:20px; display:block}
  
  .mobile {display:none} 
 
 
 
 /* MEDIA QUERIES - 480px */

@media only screen and (max-width: 480px) {
     .mobile ul {margin-left:50px; margin-bottom:15px}
	 .mobile li {margin-bottom:4px}
     p.CTA {display:block !important}
    .mobile {display:block !important}
   .desktop {display:none}
    .middle-left-bubble-wrapper img {display:none}
	.middle-left-bubble-wrapper ul {width:90% !important}
    .middle-left-bubble-wrapper {width:90% !important}
    
    body, html,  .footer-links, .body-footer, .top-pattern, .logo-wrapper {      width:100% !important; padding:0px !important
        }
    
      .logo-wrapper {margin:auto; height:auto}
      
      .logo-wrapper h1 {margin-top:0px !important; margin-bottom:20px !important;height:auto}
      a.logo {margin-top:0px; width:auto}
      
      .logo-wrapper h1 {margin-top:0px; margin-bottom:10px}
      .masthead { width: 100%;
        height:auto;
        background-image:none;
        margin-bottom:26px;
                 }
   
      .masthead img {width: 100%;
                background-size: 100% auto !important;
           }
      
      .mobile-masthead {display:block;  width: 100%;
            height: auto;
        background-size: 100% auto !important;}
      
      .footer {display:none}
      
      
a.logo img {margin-left:20px !important;}
    
    .container {
      width:100% !important;
        }
    
    .middle-inner {
        width:100% !important; margin:auto !important
        }
    
    .middle-left {
      width:100% !important; padding:0px !important; padding-top:33px !important 
        }
    
      .middle-left p {width:90% !important; margin-top:10px !important; margin-left:20px !important ; padding:0px !important; }
    .middle-inner {width:100%; margin:0px !important; padding:0px !important}

      .middle-right #form {width:100% !important; padding:0px !important}
      .middle-right {width:100% !important; margin:0px; padding:0px}
      .middle-right input {width:90% !important; min-width:240px !important}
.middle-right select {width:95% !important; min-width:255px !important}
.middle-right #submit {width:90% !important;}
.middle-right a#submit.submit {width:85% !important; min-width:80% !important}
   
    
    .middle-left-bubble-wrapper {margin-left:20px; display:none}
   .footer-links {width:100%}
      .footer-links a:last {display:none !important}
    }

    
  
 @-ms-viewport{
  width: device-width;
    }