
/*-- Mobile Media Queries --*/

@media only screen and (max-width: 480px) {

  /*-- Home page --*/
  .mobile_override { display: block; height: auto; }
  .white-highlight-text-block, .cta-strip { height: auto; }
  
  #heroArea h1 { font-size: 3.2em; }
  #heroArea h2 { font-size: 1.5em; padding: 0 10px 0 10px; }
  #hero-video { display: none; }
  #heroArea .hero-background { height: 100%; }
  #heroArea .hero-content { margin-bottom: 15%; height: 600px; }
  #heroArea .hero_bg_img { background-position: 50% 50%; }
  
  #heroArea.homepage_hero .hero-background .hero_bg_img { background-position: 50% 50%; }
  #heroArea.careers_hero_bg { background-position: 25% 50%; }
  #heroArea.locations_hero_bg { background-position: 5% 50%; }
  
  .media-grid .media-first { text-align: center; padding: 15px; padding-top: 50px; padding-bottom: 50px; }
  .media-grid .media-tile.bigger { height: 250px; }
  .media-grid .media-tile.smaller { height: 150px; }
  
  .white-highlight-text-block, .cta-strip { padding: 30px 15px 30px 15px; }
  .white-highlight-text-block h4, .cta-strip h6, .media-grid .media-first h3, footer .lets-connect .heading h6 { line-height: 1.4em; font-size: 2.5em; }
  
  .tt-brand-media-grid .brand-tile { height: 175px; }
  .media-grid .media-first { background-image: none !important; height: auto; }
  /*-- End Home page --*/
  
  /*-- Cookies popup --*/
  #EUCookiePolicyNotice { height: 180px; padding: 10px; font-size: .7em; text-align: center; }
  #EUCookiePolicyNotice { margin-top: 15px; }
  #EUCookiePolicyNotice p { text-align: center; }
  
  /*-- Solutions page --*/
  .architecture img, .architecture h4 { display:none; }
  .architecture p { padding: 10px; text-align: center; }
  .products-strip { display: block; height: auto; width: 100%; margin-top:0; }
  .products-strip a { display:block; height: 150px; }
  .paragraph-bulleted-list { height: auto; padding: 30px 10px 30px 10px; }
  .media-grid .media-tile.bigger h5 { font-size: 1.4em; line-height: 1.4em; }
  .media-grid .media-tile.bigger h4 { font-size: 1.3em; }
  .llnw-video .vid_playbtn { width: 50px; }
  
  /*-- Products page --*/
  .resources-strip .image-tile h4 { font-size: .8em; }
  .resources-strip .image-tile h5 { font-size: .6em; }
  .resources-strip .image-tile { height: 200px; }
  .products-strip .image-tile { display: block; height: 150px; }
  .resources-strip .image-tile h4 { line-height: 1.2em; }
  
  /*-- Footer page --*/
  footer .lets-connect button.cta.small { border-radius: 0; border: none; margin-top: 3px; padding: 12px 40px 12px 40px; margin-bottom: 3px; width: 100%; }
  .heading { margin-top: 30px; }
  footer .lets-connect { height: auto; }
  footer .lets-connect .heading p { padding: 0 15px 0 15px; }
  
  /*-- Tech pages --*/
  .sa-image { display: none; }
  .sa-title h3 { font-size: 2.8em; }
  .sa-title { margin-top: 30px; }
  .bg-white p { text-align: left; }
  .tech-products h4 { font-size: 2.5em; }
  .tech-products .image-tile { height: 150px; }
  .tech_copy h2 { text-align: center; padding: 15px;}
  .tech_copy p { padding: 15px; }
  .tech_copy { margin-top: 30px; }
  
  /*-- About Page --*/
  .panels { height: auto; text-align: center; }
  
  /*-- About Page --*/
  .about_copy { padding: 0 15px 0 15px; }
   
  /*-- Careers Page --*/
  .top_careers .mobile_override, .panels .careers_top { height: 150px; }
  .bg-dark-blue .careers_top_blue { padding: 30px; display: block; }
  .large-text { margin-top: 30px;  }
  .large-text h4 { margin-left: 15px;  }
  .panels .about_botlinks { height: 130px; }
  .careers_topcopy h4, .highlight-area h5, .current-jobs h4 { font-size: 2.5em;margin: 0 15px 0 15px; }
  .careers_topcopy p, .bg-white p, .eoe h6 { padding: 0 15px 0 15px; }
  .highlight-area { padding-top: 50px; }
  
  /*-- Customers Page --*/
  .bg-white.heading { padding: 20px; }
  .bg-white.heading h6 { font-size: 2.5em; }
   
  /*-- Locations Page --*/
  .bg-white .loc_contactinfo p, .bg-white .location-info p { padding-left: 0; }
  .loc_contactinfo { padding: 15px; }
  .repeated-header-mobile.loc_blackoverlay { height: 150px; }
  /* .locations-pane .image-tile { height: 150px; } 
  .location-images .repeated-header-mobile { padding: 60px 20px 60px 20px; } */
   
  /*-- Resources Page --*/
  .grid-item, .grid-item.featured { width: 100% }
  .grid-item { height: 200px; }
  .grid-item.TechValidate.featured h3 { font-size: 1.4em; margin-bottom: 30px }
  .grid-item.TechValidate.featured h4, .grid-item.TechValidate.featured h5 { font-size: 1.2em; }
  .grid-item.TechValidate a { padding: 15px; }
  .TechValidate p { padding: 0; }
  .TechValidate img { width: 40%; margin-top: 10px; }
  .grid-item.TechValidate .tvid { text-align: left; margin-top: 5px; }
  .bg-white.grid-item.TechValidate. p { text-align: center; }
  .bg-white .grid-item p { text-align: center; line-height: 1.5em; }
  
  .grid-item.featured { height: 450px; }
  .grid-item.featured h3 { font-size: 3em; line-height: 1.2em; text-align: center; }
  .grid-item.featured p { font-size: 1.5em; }
   
  /*-- Mobile Nav --*/
  #headerMenu .dd li {
  background-color: #fff; margin-left: -12px; margin-right: -12px; padding-left: 12px; padding-right: 12px; }
  #headerMenu .dd-lime .title { color: #000 !important; font-size: 1em !important; }  
  #headerMenu nav > ul.secondary li.Login { padding-right: 0 !important }
  #headerMenu .dd-lime .title { font-family: MontrealTS-Regular; font-size: 1.2em; }
  /*-- #headerMenu .secondary .language-dd { display: none; } --*/
  .bg-dark-blue.media-grid .cta { padding: 7px 30px; }
  
   /*-- Events Page --*/
   .event .where { float: left; }
   .events .links { padding: 0; }
   
   /*-- 404 Page --*/
   .mobile404 { height: 250px; }
   .search-box #q { width: 90%; }
   .menu .menu-item { padding: 1.5em; }
   ._404_copy .title { font-size: 1.6em; }
}

/*-- Tablet Media Queries --*/

@media only screen and (max-width: 991px) and (min-width: 481px) {

/*-- Home page --*/
  .mobile_override { display: block; height: auto; }
  #hero-video { display: none; }
  #heroArea { height: 700px; }
  .media-grid .media-first { text-align: center; }
  .media-grid .media-first p { font-size: 1.6em; }
  .media-grid .media-first { background-image: none !important; height: auto; }
  
  /*-- Footer --*/
  footer .lets-connect { height: auto; padding: 30px; }
  footer .contact-grid h5 { font-size: 2.5em; }
  
  /*-- Product pages --*/
  .resources-strip .image-tile { height: 300px; }
  .paragraph-bulleted-list { height: auto; padding: 30px 10px 30px 10px;  }
  .products-strip .image-tile { display: block; height: 150px; }
  .resources-strip .image-tile h4 { line-height: 1.2em; font-size: .8em; }
  .resources-strip .image-tile h5 { font-size: .6em; }
  
  /*-- Mobile Nav --*/
  #headerMenu .dd li { background-color: #fff; margin-left: -12px; margin-right: -12px; padding-left: 12px; padding-right: 12px; }
  #headerMenu .dd-lime .title { color: #000 !important; font-size: 1em !important; }
  #headerMenu nav > ul.secondary li.Login { padding-right: 0 !important }
  #headerMenu .dd-lime .title { font-family: MontrealTS-Regular; font-size: 1.2em; }
  
  /*-- Careers Nav --*/
  .bg-dark-blue .careers_top_blue { padding: 30px; }
  .panels .careers_top { height: 200px; }
  .youbelonghere { height: auto; padding: 30px 10px 75px 10px; text-align: center; }
  .panels .about_botlinks { height: 200px; }
  .youbelonghere .container .row .mobile_override { display: normal; }
  
  /*-- Customers --*/
  .brand-grid img { width: 60%; }
  
  /*-- Locations --*/
  .repeated-header-mobile.loc_blackoverlay { height: 200px; }
  #heroArea.heroArea_sml.locations_hero_bg { background-position: 0% 50%; }
  
  /*-- Resources Page --*/
  .grid-item.featured { width: 100% }
  .grid-item { width: 50% }
  .grid-item { height: 350px; }
  .grid-item.TechValidate.featured h3 { font-size: 1.4em; margin-bottom: 30px }
  .grid-item.TechValidate.featured h4, .grid-item.TechValidate.featured h5 { font-size: 1.2em; }
  .grid-item.TechValidate a { padding: 15px; }
  .TechValidate p { padding: 0; }
  .TechValidate img { width: 30%; margin-top: 10px; }
  .grid-item.TechValidate .tvid { text-align: left; margin-top: 5px; }
  .bg-white.grid-item.TechValidate. p { text-align: center; }
  .bg-white .grid-item p { text-align: center; }
  .grid-item.featured h3 { text-align: center; }
  
  /*-- Cookie Popup --*/
  #EUCookiePolicyNotice { height: 125px; padding: 10px; text-align: center; }
  #EUCookiePolicyNotice button { margin-top: 15px; margin-left: 0; }
  #EUCookiePolicyNotice .col-sm-12 p { text-align: center; }
  
   /*-- Events Page --*/
   .event .where { float: left; }
   .events .links { padding: 0; }
   
   /*-- 404 Page --*/
   .search-box #q { width: 90%; }
   .menu .menu-item { padding: 1.5em; }
}

/*-- Annoying Tablet widescreen widths -*/

@media only screen and (max-width: 1024px) and (min-width: 992px) {
  #headerMenu .links nav .login { padding-right: 10px; }
  #headerMenu nav > .main { padding-right: 0px; }
  #headerMenu ul.main > li { padding: 20px 15px 20px 15px; } 
  #hero-video { display: none; }
}
