/****** Screen > 1024px *****/
@media screen and (min-width: 1024px) {
  #content #cta_block.large-up-3 > .column,
  #content #cta_block.large-up-3 > .columns, #content #promo_block.large-up-3 > .column,
  #content #promo_block.large-up-3 > .columns,
  #content #intl_feature_block.large-up-3 > .column,
  #content #intl_feature_block.large-up-3 > .columns {
    width: 31.3%;
    padding-left: 0;
    padding-right: 0;
    margin-right: 3%; }
  /*-----------------------------------
	 * Header
	 *----------------------------------*/
  #pagetitle .large-4 {
    width: 30%; }
  #pagetitle .large-8 {
    width: 70%; }
  /*-----------------------------------
	 * Footer
	 *----------------------------------*/
  #pagefooter #nav_block .large-3.col-1 {
    width: 22.8%; }
  #pagefooter #nav_block .large-3.col-2 {
    width: 25.6%; }
  #pagefooter #nav_block .large-6 {
    width: 51.6%; }
  /*-----------------------------------
	 * Content
	 *----------------------------------*/
  #content .large-3 {
    width: 22.9%;
    padding: 0; }
    #content .large-3.last {
      width: 22.5%; }
      #content .large-3.last.properties {
        padding-left: 16px; }
  #content .large-6 {
    width: 54.6%;
    padding: 0 20px; }
    #content .large-6.introduction {
      padding-right: 4px; }
  #content .large-9 {
    width: 77.1%;
    padding-left: 20px; }
  #content .large-offset-3 {
    margin-left: 22.9%; }
  #content #hero_slider {
    min-height: 467px; }
  #content #cta_block.large-up-3 > .column:last-child,
  #content #cta_block.large-up-3 > .columns:last-child {
    margin-right: 0; }
  #content #promo_block.large-up-3 > .column:last-child,
  #content #promo_block.large-up-3 > .columns:last-child,
  #content #intl_feature_block.large-up-3 > .column:last-child,
  #content #intl_feature_block.large-up-3 > .columns:last-child {
    margin-right: 0; }
  #content #industry_segments .large-up-4 .column {
    padding: 0;
    width: 19.1%;
    margin-right: 7.86%; }
    #content #industry_segments .large-up-4 .column.col-4 {
      margin-right: 0; }
  /*-----------------------------------
	 * Content - Page / Sections
	 *----------------------------------*/
  .page-productDetail #content .detail .row.content .large-4 {
    width: 34.6%; }
    .page-productDetail #content .detail .row.content .large-4.col-3 {
      width: 30.4%; }
  .page-productDetail #content .detail .row.large-up-3 .column {
    padding-left: 14px;
    padding-right: 7px; }
  .page-productDetail #content #related_resources .row.content .column {
    width: 30.7%; }
  .page-error404PageNotFound .large-2.column {
    width: 18.66667%; }
  .page-error404PageNotFound .large-10.column {
    padding: 0;
    width: 81.33333%; }
  .page-internationalHome .large-12.columns,
  .page-internationalLanding .large-12.columns {
    padding: 0; } }

/****** Screen > 640px *****/
@media screen and (min-width: 640px) {
  #content {
    /* Testimonial Block */ }
    #content #testimonial_block .medium-4 {
      width: 35.8%; }
    #content #testimonial_block .medium-8 {
      width: 64.2%; }
  #fancybox-wrap, #fancybox-inner {
    width: 100%; } }

/****** Screen < 1150px *****/
@media screen and (max-width: 1150px) {
  #content #hero_slider .slick-slide .caption h1,
  #content #image_section .caption h1 {
    font-size: 52px; }
  #content #hero_slider .slick-slide .caption p,
  #content #image_section .caption p {
    font-size: 20px; }
  .page-knowledgeResources #content #resources .filter .form {
    margin-right: 0; }
    .page-knowledgeResources #content #resources .filter .form > div {
      float: none !important; }
      .page-knowledgeResources #content #resources .filter .form > div.product-area {
        margin-top: 10px; }
  .page-knowledgeResources #content #resources .filter h2 {
    text-align: left; } }

/****** Screen < 1024px *****/
@media screen and (max-width: 1024px) {
  /*-----------------------------------
	 * Header
	 *----------------------------------*/
  #pageheader #navbar .mobile.menu-button {
    display: block; }
  #pageheader #navbar .nav-main {
    display: none; }
  #pageheader #navbar .nav-top .utility, #pageheader #navbar .nav-top .search {
    display: none; }
  #pageheader #pagetitle .nav-quicklinks {
    display: none; }
  body .js-off-canvas-exit.is-visible {
    display: none !important; }
  /*-----------------------------------
	 * Footer
	 *----------------------------------*/
  #pagefooter #copy_block .logo-bottom {
    padding-left: 10px; }
  #pagefooter #copy_block .text-social {
    text-align: left;
    padding: 20px 10px; }
    #pagefooter #copy_block .text-social .copyright {
      display: block;
      margin-top: 0; }
    #pagefooter #copy_block .text-social .nav-bottom {
      display: block;
      margin: 0; }
    #pagefooter #copy_block .text-social .social {
      text-align: left; }
  /*-----------------------------------
	 * Content
	 *----------------------------------*/
  #content #hero_slider .slick-slide .caption.left {
    left: 100px; }
  #content #hero_slider .slick-slide .caption.right {
    right: 100px; }
  #content #hero_slider .slick-slide .caption h1 {
    font-size: 44px; }
  #content #hero_slider .slick-slide .caption p {
    font-size: 16px; }
  #content #image_section {
    height: 300px;
    margin-bottom: 0; }
    #content #image_section .caption {
      right: 12px; }
      #content #image_section .caption h1 {
        font-size: 44px; }
      #content #image_section .caption p {
        font-size: 16px; }
  #content .category-list .row .columns.title {
    text-align: left; }
  #content .category-list .row .columns.action {
    padding-right: 20px; }
  #content .detail h3, #content .article h3 {
    text-align: left; }
  #content .columns img {
    zoom: 0.85; }
  /*-----------------------------------
	 * Content - Page / Sections
	 *----------------------------------*/
  #mobileSearchForm input[type=text] {
    width: 86%;
    display: inline-block;
    margin-right: 6px;
    margin-bottom: 7px; }
  .page-error404PageNotFound .logo {
    margin-bottom: 50px; } }

/****** Screen < 800px *****/
@media screen and (max-width: 800px) {
  #content #image_section {
    background-position: top left;
    background-size: auto 87%; }
  .page-Homepage #content #hero_slider {
    margin-top: 58px; }
    .page-Homepage #content #hero_slider .slick-slide .slide-image {
      display: none; }
    .page-Homepage #content #hero_slider .slick-slide .caption {
      position: relative;
      top: 0;
      right: auto;
      left: auto;
      text-align: center;
      vertical-align: middle;
      width: 100%;
      height: auto;
      padding: 0 10px; }
      .page-Homepage #content #hero_slider .slick-slide .caption p {
        text-align: center !important; }
    .page-Homepage #content #hero_slider .slick-dots {
      position: relative;
      bottom: 0;
      margin: 0; }
  .page-standaloneRedirectPopup p.logo {
    border-bottom: 3px solid #0067da;
    margin-bottom: 54px; }
    .page-standaloneRedirectPopup p.logo.eolite img, .page-standaloneRedirectPopup p.logo.visicon img {
      padding-left: 30px; }
  .page-standaloneRedirectPopup div.content {
    padding: 0 30px; } }

/****** Screen < 640px *****/
@media screen and (max-width: 640px) {
  /*-----------------------------------
	 * Header
	 *----------------------------------*/
  body .off-canvas-wrapper {
    border-top: 10px solid #aec944; }
  #pageheader #navbar {
    border-top: 0; }
    #pageheader #navbar .mobile.menu-button a {
      padding-top: 14px; }
    #pageheader #navbar .logo {
      margin-top: 33px; }
    #pageheader #navbar .nav-top {
      padding-right: 20px; }
      #pageheader #navbar .nav-top div.contact {
        width: 227px; }
        #pageheader #navbar .nav-top div.contact h3 a {
          padding: 9px 17px 10px 0;
          font-size: 17px;
          letter-spacing: -0.025em; }
  #pageheader #pagetitle {
    background: #474c4e url("");
    height: auto;
    padding-top: 3px;
    padding-bottom: 3px; }
    #pageheader #pagetitle .columns {
      display: table; }
      #pageheader #pagetitle .columns.large-4, #pageheader #pagetitle .columns.large-12 {
        min-height: 36px; }
      #pageheader #pagetitle .columns img {
        margin-top: 0; }
      #pageheader #pagetitle .columns h1 {
        width: 85%;
        margin-bottom: 0;
        vertical-align: middle;
        display: table-cell;
        min-height: 36px; }
  /*-----------------------------------
	 * Footer
	 *----------------------------------*/
  #pagefooter {
    padding-top: 38px; }
    #pagefooter .column, #pagefooter .columns {
      padding-left: 36px;
      padding-right: 36px; }
    #pagefooter #nav_block {
      margin: 0; }
      #pagefooter #nav_block .columns.col-1, #pagefooter #nav_block .columns.col-2 {
        display: none; }
      #pagefooter #nav_block .columns.newsletter-signup {
        padding-top: 4px; }
        #pagefooter #nav_block .columns.newsletter-signup h4 {
          letter-spacing: -0.04em;
          margin-bottom: 0; }
        #pagefooter #nav_block .columns.newsletter-signup h5 {
          font-size: 12px;
          letter-spacing: 0;
          margin-top: 0; }
        #pagefooter #nav_block .columns.newsletter-signup p {
          font-size: 10px;
          line-height: 1.2;
          margin-bottom: 19px; }
        #pagefooter #nav_block .columns.newsletter-signup .form {
          padding-top: 2px; }
          #pagefooter #nav_block .columns.newsletter-signup .form input[type=text] {
            width: 65%;
            padding: 5px 16px 4px;
            margin-right: 7px;
            margin-bottom: 5px; }
          #pagefooter #nav_block .columns.newsletter-signup .form button {
            font-size: 11px;
            font-weight: 700;
            margin: 0;
            padding: 8px 8px 6px 28px; }
    #pagefooter #copy_block .logo-bottom {
      display: none; }
    #pagefooter #copy_block .text-social {
      text-align: center;
      padding-top: 23px;
      padding-bottom: 35px; }
      #pagefooter #copy_block .text-social p.copyright {
        font-size: 10px;
        margin: 0; }
      #pagefooter #copy_block .text-social ul.nav-bottom {
        font-size: 16px;
        margin-top: 4px;
        line-height: 1.8; }
      #pagefooter #copy_block .text-social p.social {
        text-align: center;
        font-size: 10px;
        padding-top: 10px; }
        #pagefooter #copy_block .text-social p.social img {
          width: 29px; }
  /*-----------------------------------
	 * Content
	 *----------------------------------*/
  #content img {
    height: auto !important; }
  #content .column, #content .columns {
    padding-left: 36px;
    padding-right: 36px; }
  #content .row.title h3 {
    text-align: left; }
  #content #testimonial_block {
    margin-bottom: 10px; }
    #content #testimonial_block .medium-12.columns.subhead {
      margin-top: 12px;
      margin-bottom: 0;
      padding: 0 20px; }
      #content #testimonial_block .medium-12.columns.subhead h4 {
        font-size: 16px;
        line-height: 1.15;
        margin-bottom: 0; }
    #content #testimonial_block .image {
      padding: 0;
      margin: 0 0 30px;
      height: 80px;
      text-align: center;
      zoom: 0.75; }
      #content #testimonial_block .image img {
        height: 100% !important; }
    #content #testimonial_block blockquote {
      padding: 0;
      text-align: center; }
      #content #testimonial_block blockquote p {
        font-size: 14px;
        font-weight: 400;
        margin-top: 5px;
        margin-bottom: 6px; }
      #content #testimonial_block blockquote cite {
        font-size: 11px;
        line-height: 1.2; }
    #content #testimonial_block p.action {
      padding: 0;
      font-size: 14px;
      line-height: 1.4;
      margin-bottom: 12px;
      padding: 0 40px; }
  #content #promo_block {
    margin-top: 0;
    margin-bottom: 13px; }
    #content #promo_block .column {
      padding: 12px 0 18px;
      text-align: center; }
      #content #promo_block .column img {
        width: 282px; }
  #content #cta_block .column {
    float: none;
    width: 320px;
    margin: 0 auto; }
    #content #cta_block .column a h4 {
      font-size: 24px;
      font-weight: 300; }
  #content #connected_block {
    padding: 0 30px;
    margin-bottom: -20px; }
    #content #connected_block p {
      font-size: 16px;
      line-height: 1.16;
      margin-bottom: 21px; }
      #content #connected_block p.action {
        font-size: 14px;
        line-height: 1.4;
        margin-bottom: 12px;
        padding: 0 40px; }
      #content #connected_block p.icon {
        width: 104px;
        margin: 0 auto;
        padding: 0; }
  #content #image_section {
    background: none !important;
    height: auto; }
    #content #image_section img {
      display: none; }
    #content #image_section .mobile {
      display: block; }
      #content #image_section .mobile img {
        display: block; }
    #content #image_section .caption {
      position: relative;
      text-align: center !important;
      top: 0 !important;
      bottom: auto !important;
      left: auto !important;
      right: auto !important;
      width: 90% !important;
      padding: 40px 0;
      margin: 0 auto; }
      #content #image_section .caption:before {
        display: none; }
      #content #image_section .caption .textblock {
        display: block; }
  #content #intro_section .large-3.columns,
  #content .document-list .large-3.columns {
    float: none;
    text-align: center;
    margin-bottom: 2em; }
  #content .category-list .row .title, #content .section-list .row .title {
    text-align: center;
    margin-bottom: 20px; }
  #content .category-list .row .columns.action {
    text-align: center;
    padding-left: 0;
    padding-right: 0; }
    #content .category-list .row .columns.action a p {
      margin-top: 12px; }
  #content .category-list .row .description p {
    font-size: 16px; }
  #content .section-list .row .content h4 {
    font-size: 19px; }
  #content .section-list .row .content p {
    font-size: 16px; }
  #content .section-list .row.images .image.columns {
    text-align: center;
    margin: 10px 0; }
  #content .article-list .columns span.image {
    float: none !important;
    margin: 20px auto;
    text-align: center;
    display: block; }
  /* Content Section - Homepage
	 *----------------------------------*/
  .page-Homepage #content #industry_segments {
    margin-bottom: -5px; }
    .page-Homepage #content #industry_segments .column {
      padding: 0 56px 20px; }
      .page-Homepage #content #industry_segments .column .image {
        margin-bottom: 13px; }
      .page-Homepage #content #industry_segments .column h2 {
        font-size: 26px;
        font-weight: 300;
        margin-bottom: 6px; }
      .page-Homepage #content #industry_segments .column p {
        font-size: 17px;
        line-height: 1.3; }
  .page-Homepage #content #why_esi {
    margin-bottom: -20px; }
    .page-Homepage #content #why_esi .title {
      margin-bottom: 10px; }
    .page-Homepage #content #why_esi .list {
      padding: 0 16px; }
      .page-Homepage #content #why_esi .list .column {
        padding-left: 10px;
        padding-right: 10px;
        margin-bottom: 11px; }
        .page-Homepage #content #why_esi .list .column h3 {
          font-size: 18px;
          margin-bottom: -10px; }
        .page-Homepage #content #why_esi .list .column .image {
          height: 81px;
          line-height: 81px; }
          .page-Homepage #content #why_esi .list .column .image img {
            transform: scale(0.74);
            -webkit-transform: scale(0.74);
            -moz-transform: scale(0.74);
            -o-transform: scale(0.74);
            -ms-transform: scale(0.74); }
  .page-applicationProductList #content #products .product .image.columns,
  .page-solutionProductList #content #products .product .image.columns,
  .page-productSubcategory #content #products .product .image.columns {
    text-align: center; }
  .page-applicationProductList #content #products .product .introduction h4,
  .page-solutionProductList #content #products .product .introduction h4,
  .page-productSubcategory #content #products .product .introduction h4 {
    font-size: 19px; }
  .page-productSubcategory #content #products {
    margin-top: 40px; }
    .page-productSubcategory #content #products .row.title h3 {
      text-align: left; }
  .page-productDetail #content #details {
    margin-bottom: 30px; }
    .page-productDetail #content #details .row.title h3 {
      text-align: left; }
    .page-productDetail #content #details .row.content #product_detail_slider .column img {
      width: 70%; }
    .page-productDetail #content #details .row.content #product_detail_slider .fa-chevron-left {
      left: 0;
      z-index: 10; }
    .page-productDetail #content #details .row.content #product_detail_slider .fa-chevron-right {
      right: 0; }
    .page-productDetail #content #details #related_resources {
      margin-bottom: 20px; }
      .page-productDetail #content #details #related_resources .row.content .large-9.columns .row {
        max-width: 282px;
        margin: 0 auto; }
        .page-productDetail #content #details #related_resources .row.content .large-9.columns .row .column {
          width: 100%;
          margin: 0 0 20px; }
          .page-productDetail #content #details #related_resources .row.content .large-9.columns .row .column h5 {
            font-size: 20px;
            padding-left: 80px; }
          .page-productDetail #content #details #related_resources .row.content .large-9.columns .row .column p {
            font-size: 16px; }
            .page-productDetail #content #details #related_resources .row.content .large-9.columns .row .column p.action {
              font-size: 14px; }
  .page-knowledgeResources #content #resources .filter .form {
    padding: 10px 20px; }
    .page-knowledgeResources #content #resources .filter .form > div {
      display: block; }
      .page-knowledgeResources #content #resources .filter .form > div.interest-type .option {
        display: block; }
      .page-knowledgeResources #content #resources .filter .form > div.product-area select {
        display: block; }
  .page-knowledgeResources #content #resources .filter h2 {
    text-align: center;
    font-size: 24px; }
  .page-knowledgeResources #content #resources .filter .action {
    float: none;
    text-align: center; }
    .page-knowledgeResources #content #resources .filter .action a, .page-knowledgeResources #content #resources .filter .action strong {
      font-size: 14px; }
  .page-knowledgeResources #content #resources .article .row.content .large-9.columns .no-results {
    font-size: 14px; }
  .page-standaloneContact #content .large-3.columns {
    display: none; }
  .page-standaloneContact iframe {
    height: 750px !important; }
  .page-error404PageNotFound .logo {
    margin-bottom: 20px; }
  .page-error404PageNotFound .content .image {
    text-align: center;
    margin-bottom: 20px; }
  .page-error404PageNotFound .content .text {
    text-align: center; }
    .page-error404PageNotFound .content .text br {
      display: none; }
  .page-internationalHome #content #hero_slider {
    margin-top: -30px;
    margin-bottom: 18px; }
    .page-internationalHome #content #hero_slider .slick-slide .slide-image {
      height: 228px; }
    .page-internationalHome #content #hero_slider .slick-dots {
      bottom: 0; }
  .page-internationalHome #content #intro_section img {
    zoom: 0.7; }
  .page-internationalHome #content #intl_feature_block .column {
    margin-bottom: 20px; }
  .page-internationalHome #content #intl_link_block .link-block ul {
    margin-bottom: 16px; }
  .page-internationalLanding #content {
    margin-top: 0; }
    .page-internationalLanding #content #image_section img {
      display: block; }
    .page-internationalLanding #content #image_section .caption {
      display: none; }
    .page-internationalLanding #content #intl_cta_block .column {
      padding: 20px 0; }
      .page-internationalLanding #content #intl_cta_block .column .large-3 {
        text-align: center; }
        .page-internationalLanding #content #intl_cta_block .column .large-3 img {
          zoom: 0.7; }
    .page-internationalLanding #content #intl_link_block .column {
      padding: 0;
      margin-bottom: 20px; }
      .page-internationalLanding #content #intl_link_block .column .large-3 {
        text-align: center;
        margin-bottom: 20px; }
  /* Fancybox */
  .fancybox-slide--iframe {
    padding: 30px 30px 0; }
  .fancybox-slide--iframe .fancybox-content {
    width: 100% !important;
    height: 96% !important; } }

/****** Screen < 450px *****/
@media screen and (max-width: 450px) {
  #content .column,
  #content .columns,
  #pagefooter .column,
  #pagefooter .columns {
    padding-left: 20px;
    padding-right: 20px; }
  .page-standaloneRedirectPopup p.logo {
    border-bottom: 1px solid #0067da;
    margin-bottom: 24px; }
    .page-standaloneRedirectPopup p.logo.eolite img, .page-standaloneRedirectPopup p.logo.visicon img {
      zoom: 0.6; }
  .page-standaloneRedirectPopup div.content {
    padding: 0 20px; }
    .page-standaloneRedirectPopup div.content h1 {
      font-size: 1.4em; }
    .page-standaloneRedirectPopup div.content p, .page-standaloneRedirectPopup div.content ul li {
      font-size: 0.8em; }
  body #ccc #ccc-notify p {
    font-size: 0.9em !important; }
  body #ccc[light] .ccc-button-solid {
    font-size: 1em; } }