/* ==========================================================================
   Project - ieSING
   Responsive Styles

   TABLE OF CONTENT
   01 Setup for mediaquery breakpoint detection
   02 Mobile Style - Catch all for all mobile devices
   03 Mobile Style - Phones and Tablets smaller than ipad
   04 Mobile Style - iPhone (landscape and portrait)
   05 Mobile Style - iPhone (portrait)
   06 Mobile Style - Tablet
   07 Mobile Style - Tablet Orientation(Landscape)
   ========================================================================== */
/* ==========================================================================
   01 Setup for mediaqueries breakpoint detection
   ========================================================================== */
html {
  font-family: 'desktop'; }

* html {
  /* IE6 */
  font-family: "desktop"; }

* + html {
  /* IE7 */
  font-family: "desktop"; }

@media \0screen {
  html {
    /* IE8 */
    font-family: "desktop"; } }
/* Reset your font families here!
	 ----------------------------------- */
body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }

/* Queries for supported browsers.
 ----------------------------------- */
body:after {
  text-indent: -9999px;
  height: 0;
  display: block; }

/* ==========================================================================
   02 Mobile Style - Catch all for all mobile devices
   ========================================================================== */
@media only screen and (min-width: 180px) and (max-width: 1023px) {
  html {
    font-family: "mobile-all";
    overflow-x: hidden; }

  /*body:after {
  	content: "mobile-all";
  }*/
  body {
    width: auto;
    min-width: auto\9; }

  .header,
  .header-wrapper,
  .navigation .submenu ul,
  .body,
  .shortcuts,
  .carousel,
  .mid-section,
  .page-header,
  .breadcrumb,
  .content-wrapper,
  .billboard-parent .list-wrapper,
  .footer-links,
  .location,
  .copyright,
  .connect-widget,
  .footer {
    width: auto; }

  .navigation,
  .page-header,
  .content-wrapper {
    max-width: 100%; }

  .header,
  .footer {
    min-width: inherit; }

  .connect {
    right: 10px; }

  .footer {
    padding: 20px; }

  .mid-section {
    padding: 10px; }

  .header {
    padding-left: 10px;
    padding-right: 10px; }

  .page-header {
    margin-left: 10px;
    margin-right: 10px; }

  .side-navigation {
    width: 20%;
    padding-left: 1.5%; }

  .navigation {
    width: auto;
    background: none; }

  .navigation ul li {
    width: auto; }

  .navigation ul li a.home {
    width: 50px; }

  .navigation ul li a {
    width: 125px; }

  .breadcrumb {
    padding-left: 10px; }

  .article {
    width: 74%;
    padding-right: 1.5%; }

  .page-header .title {
    max-width: 100%;
    display: block;
    zoom: 1;
    /* For IE 6/7 (trigger hasLayout) */ }
    .page-header .title:before, .page-header .title:after {
      content: "";
      display: table; }
    .page-header .title:after {
      clear: both; }

  html.touch .page-widget {
    display: none; }

  html.no-touch .page-widget {
    position: relative;
    clear: right;
    margin: 10px 0 0 0;
    padding: 0;
    bottom: 0; }

  .page-widget {
    position: relative;
    bottom: 0; }

  .mid-section {
    border-left: 0;
    border-right: 0; }

  .billboard-parent .list-wrapper {
    margin-right: 20px;
    margin-left: 20px; }

  .market-showcase .wide {
    width: auto;
    background: none; }

  .media-highlight .list li.featured {
    height: 260px; }

  .feature-block {
    top: 10px; }

  .billboard-era .content {
    width: auto;
    background-position: center center; }

  .billboard-era .content h1 {
    margin: auto 12%;
    padding: 0;
    font-size: 28px; }

  .billboard-era .explaination {
    padding: 0 50px; }

  .factsheet-panel .information {
    width: 29%; }

  .media-highlight .list li.featured {
    height: 240px; }

  .header-gov {
    top: 0; }

  .header hgroup h1 {
    padding-top: 8px; }

  .billboard-parent .list-wrapper .list h2 {
    min-height: auto;
    height: auto; }

  .browse-market-menu .list-wrapper .list {
    width: 19%;
    padding-left: 5%; }

  .result-filter-form {
    clear: both;
    margin-left: 0; }

  .result-filter-list,
  .result-filter-form input[type="submit"] {
    margin-top: 5px; }

  #modal {
    width: 90%;
    margin: -250px 0 0 -45%; }

  #modal .modal-body {
    max-height: 500px; }

  .section-page iframe {
    /* onemap iframe */
    width: 100%;
    float: none;
    margin: 0 0 15px 0; }

  .ask-ie {
    padding: 10px 0; }
    .ask-ie:before, .ask-ie:after {
      display: none; }

  .ask-ie-content {
    width: 96%;
    padding: 25px 2% 0; }
    .ask-ie-content .select-wrapper {
      margin: 10px 0 20px;
      width: 100%; }
    .ask-ie-content label {
      font-size: 34px;
      font-size: 3.4rem; }

  .signup-cta {
    margin: 0;
    padding: 0;
    width: 100%; }
    .signup-cta:before, .signup-cta:after {
      display: none; }
    .signup-cta a {
      text-align: center;
      font-size: 14px;
      font-size: 1.4rem;
      margin: 0 10px;
      padding-left: 0;
      padding-right: 0; }

  .success-stories-carousel-block .left-block {
    min-height: 300px; }
  .success-stories-carousel-block .wrapper {
    padding: 10px; }
  .success-stories-carousel-block h1 {
    padding: 10px 10px 15px; }
  .success-stories-carousel-block .summary {
    padding: 0 20px 0 0; }
  .success-stories-carousel-block .carousel-nav {
    width: 100%; } }
/* ==========================================================================
   03 Mobile Style - Mini Tablets and below
   ========================================================================== */
@media only screen and (min-width: 180px) and (max-width: 767px) {
  html {
    font-family: "mobile-tablet-mini";
    overflow-x: hidden; }

  /*body:after {
  	content: "mobile-tablet-mini";
  }*/
  .navigation-menu,
  .header-gov,
  .widget-search,
  .connect-widget {
    display: none; }

  .navigation-menu-mobile {
    display: block; }

  .header {
    padding: 20px 0 0 0; }

  .header-wrapper {
    margin-left: 10px; }

  .body {
    margin-top: 0 !important; }

  .announce {
    padding: 10px; }

  .carousel-banner .carousel-nav {
    float: none;
    margin: -45px auto auto; }

  .carousel-banner-headline {
    margin: 50px;
    width: auto; }

  .event-carousel .slide {
    width: 310px;
    margin: auto; }

  .breadcrumb,
  .breadcrumb ul {
    width: auto;
    margin-top: 0; }

  .breadcrumb {
    padding: 8px 10px 10px; }

  .side-navigation,
  .article {
    position: relative;
    width: auto;
    float: none;
    padding-left: 10px;
    padding-right: 10px;
    min-height: 0; }

  .pdf-download {
    float: left;
    width: 50%; }
    .pdf-download .pdf-image-link img {
      width: auto;
      max-width: 100%; }

  .title-image-link {
    float: left;
    width: 50%; }
    .title-image-link .image-link img {
      width: auto;
      max-width: 100%; }

  .article section {
    margin-top: 20px; }

  .listing section {
    margin: 0 auto; }

  .billboard-standard {
    padding: 10px; }

  .billboard-parent h1 {
    line-height: 1;
    background: none;
    height: auto; }
  .billboard-parent .list-wrapper {
    margin: 10px; }
    .billboard-parent .list-wrapper .list {
      width: 46%;
      padding-left: 1%;
      background: transparent;
      min-height: inherit; }
      .billboard-parent .list-wrapper .list:nth-child(2n+1) {
        clear: left; }
  .billboard-parent .hero-two-col {
    padding: 0 10px 10px; }

  .column {
    float: none !important;
    width: auto !important; }

  .two-col.column {
    width: auto;
    float: none; }

  .assistance > h2,
  .assistance .column p {
    padding-left: 0; }

  .hero-3-col li,
  .hero-3-col li:first-child,
  .hero-3-col li:last-child {
    float: none;
    width: auto;
    background: none;
    margin-left: 0; }

  .hero-3-col .linklist p {
    padding-left: 0; }

  .hero-3-col .linklist a {
    display: block;
    border-bottom: 1px solid #ccc; }

  .billboard-parent {
    background: none !important; }

  .browse-sector-menu .list h2 {
    height: auto; }

  .two-column .column {
    padding: 1%; }

  /**
  * Video Box
  */
  .banner-wrapper {
    border-bottom: 1px solid #e6e6e6; }

  .video-play-btn a {
    left: 32%;
    right: 68%;
    top: 20%;
    bottom: 80%; }

  .video-highlight {
    position: inherit;
    height: 220px;
    width: 300px;
    margin: 10px auto; }

  /**
  * Mid Section
  */
  .mid-section-tabbed .list {
    min-height: 0; }

  .section-page h1,
  .section-page h2 {
    margin: 15px 0 5px 0; }

  .mid-section section {
    width: 100%;
    min-height: inherit;
    margin: 0; }

  .mid-section .list {
    min-height: auto; }

  .two-col .column,
  .two-col .column:first-child,
  .two-col .column:last-child,
  .three-col .column,
  .three-col .column:first-child,
  .three-col .column:last-child,
  .two-column .column:first-child,
  .two-column .column:last-child {
    width: auto;
    float: none;
    padding: 0; }

  .two-col .column img,
  .three-col .column img {
    display: none; }

  .side-heading .title-column {
    float: none;
    width: auto;
    min-height: inherit;
    padding: 0;
    background: none; }

  .four-panel .panel,
  .three-panel .panel {
    width: auto;
    height: auto;
    min-height: 100px;
    margin: 20px auto;
    float: none;
    background: #fafafa;
    border: 1px solid #ccc; }

  .four-panel .panel:first-child,
  .three-panel .panel:first-child {
    margin-left: auto; }

  .four-panel .panel:last-child,
  .three-panel .panel:last-child {
    margin-right: auto; }

  .four-panel .panel h2 {
    min-height: auto; }

  .four-column-grid,
  .three-column-grid {
    list-style-type: none;
    margin-bottom: 0; }

  .four-column-grid li,
  .three-column-grid li {
    display: list-item;
    width: auto;
    float: none;
    border-top: 1px solid #e6e6e6;
    background: none;
    min-height: inherit;
    padding: 0; }

  .three-col-list .list,
  .four-col-list .list {
    float: none;
    min-height: inherit;
    width: auto;
    padding: 20px; }

  .three-col-list .list ul,
  .three-col-list .list h2,
  .four-col-list .list ul,
  .four-col-list .list h2 {
    margin-left: 0; }

  .accordion-viewport-widget .decorated {
    padding-left: 25px; }

  .half-width {
    width: auto; }

  .drop-shadow-divider {
    background: none;
    padding-bottom: 0; }

  .pull-away-top {
    margin-top: 0 !important; }

  .resources li h2,
  .resources li p {
    padding-left: 0; }

  /**
  * Footer
  */
  .shortcuts section {
    float: none;
    width: auto;
    min-height: inherit;
    margin-bottom: 10px; }

  .footer-links {
    overflow: inherit; }

  .footer-links .links,
  .footer-links .contact {
    float: none; }

  .footer-links .links {
    height: 15px;
    margin-top: 50px;
    padding: 10px 0; }

  .footer-links .links li:first-child a {
    padding-left: 0; }

  .copyright {
    clear: left;
    text-align: left; }

  .toggle-link {
    display: block;
    padding-right: 10px;
    overflow: auto; }

  .toggle-link .link-icon {
    position: relative;
    padding-left: 5px; }

  .toggle-link .link-icon img {
    margin-bottom: 0px; }

  .shortcuts .links {
    overflow-x: hidden; }

  /**
  * Nest Viewport
  **/
  .nested-viewport-widget {
    overflow: auto;
    background: none; }

  .nested-viewport-widget a {
    text-decoration: underline; }

  .nested-viewport-widget .scroll-wrapper,
  .nested-viewport-widget .image-wrapper {
    display: none; }

  .nested-viewport-widget-nav .slide {
    padding: 10px; }

  .nested-viewport-widget-nav {
    width: auto;
    float: none;
    background: none;
    min-height: inherit;
    padding: 0;
    margin: 0; }

  .nested-viewport-widget-nav li:hover,
  .nested-viewport-widget-nav li.active {
    background: none; }

  .nested-viewport-widget-nav li > a {
    text-decoration: underline; }

  .nested-viewport-widget-nav li:hover > a,
  .nested-viewport-widget-nav li.active > a {
    background-color: #e3e3e3; }

  /**
  * Publication Listing
  */
  .publication-listing > li {
    width: 48%;
    padding: 10px 1%;
    min-height: inherit; }

  .publication-listing-1-column > li {
    width: auto;
    padding: 0; }

  .publication-listing > li p,
  .publication-listing > li h3 {
    padding-left: 0; }

  .publication-listing li:nth-child(odd) {
    clear: both; }

  .publication-listing .btn-group {
    position: relative;
    top: auto;
    left: auto; }

  /**
  * Market showcase
  */
  .market-showcase ul {
    padding: 0 20px;
    width: auto;
    background: none; }

  /**
  * Filter list tags
  */
  .filter-list-tags .title {
    position: relative;
    left: auto; }

  /**
  * Factsheet Widget
  */
  .selector .label {
    position: relative;
    background: none;
    border: none;
    width: auto;
    padding-left: 0;
    text-align: left; }

  .selector .selected {
    display: block;
    float: none;
    width: auto;
    border-left: 1px solid #e3e3e3; }

  .factsheet-panel .information {
    width: auto; }

  .factsheet-panel img {
    display: none; }

  .icon {
    background: none;
    display: none !important; }

  /**
  * Media Center Highlight
  */
  .media-highlight .column > h2 {
    display: block;
    height: inherit; }

  .media-highlight .list li.featured {
    background: none !important;
    height: inherit;
    border-top: 3px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6; }

  .feature-block {
    position: inherit;
    top: auto;
    left: auto;
    width: auto; }

  .featured-right .feature-block a,
  .featured-right .feature-block {
    color: inherit; }

  .billboard-era .content {
    background: none;
    padding: 0;
    height: auto;
    width: auto; }

  .billboard-era .content h1 {
    margin: auto 12%;
    font-size: 28px; }

  .billboard-era .explaination {
    margin: 0 0 30px 0;
    padding: 0 10px; }

  /**
  * Various override for mobile
  */
  .fullwidth-column {
    padding-top: 0; }

  .gcp-process-panel .panel h2 {
    margin-top: 0; }

  /**
  * Contact form
  */
  .contact-form {
    width: auto;
    padding: 0 10px 0 0; }

  .contact-form .control-label {
    float: none;
    width: auto;
    text-align: left; }

  .contact-form .controls {
    margin-left: 0;
    width: 100%; }

  .contact-form .mandatory {
    color: #ff0000; }

  /**
  * Sitecore form
  */
  .contact-form .controls input,
  .contact-form .controls textarea,
  .scfForm input[type="text"],
  .scfForm input[type="password"],
  .scfForm .scfMultipleLineGeneralPanel textarea {
    width: 92%; }

  .contact-form .controls input[type="submit"] {
    width: auto; }

  .contact-form .controls select,
  .scfForm select {
    width: 94.5%; }

  .scfForm .scfDateSelectorLabel,
  .scfForm .scfSectionContent label,
  .scfForm .scfRadioButtonListLabel,
  .scfForm .scfCheckBoxListLabel {
    width: auto;
    text-align: left;
    padding-left: 10px; }

  .scfForm .scfSectionContent label.scfCaptchaLabelText {
    width: 80%; }

  .scfForm .scfSectionContent .scfDateSelectorShortLabelYear,
  .scfForm .scfSectionContent .scfDateSelectorShortLabelMonth,
  .scfForm .scfSectionContent .scfDateSelectorShortLabelDay {
    width: 24%;
    margin-right: 1%;
    padding-left: 10px;
    float: left;
    text-align: left; }

  .scfForm .scfDateSelectorYear,
  .scfForm .scfDateSelectorMonth,
  .scfForm .scfDateSelectorDay {
    width: 25%;
    margin-right: 1%;
    margin-left: 0; }

  .scfForm .scfDatePickerGeneralPanel .ui-icon {
    top: 40px;
    left: 90%; }

  .scfForm .scfDateSelectorLabel {
    margin-top: 25px; }

  .scfForm .scfFileUploadBorder {
    margin-bottom: 10px; }

  .scfForm .scfSingleLineGeneralPanel,
  .scfForm .scfMultipleLineGeneralPanel,
  .scfForm .scfConfirmPasswordGeneralPanel,
  .scfForm .scfEmailGeneralPanel,
  .scfForm .scfTelephoneGeneralPanel,
  .scfForm .scfNumberGeneralPanel,
  .scfForm .scfDatePickerGeneralPanel,
  .scfForm .scfDateSelectorGeneralPanel,
  .scfForm .scfFileUploadGeneralPanel,
  .scfForm .scfDropListGeneralPanel,
  .scfForm .scfListBoxGeneralPanel,
  .scfForm .scfRadioButtonListGeneralPanel,
  .scfForm .scfCheckBoxListGeneralPanel,
  .scfForm .scfSubmitButtonBorder,
  .scfForm .scfFooterBorder,
  .scfForm .scfPasswordGeneralPanel {
    margin-left: 0;
    width: 100%; }

  .scfForm .scfCheckboxBorder {
    margin-left: 0; }

  .scfForm .scfCheckbox label,
  .scfForm .scfRadioButtonList label,
  .scfForm .scfCheckBoxList label {
    margin-left: 0;
    padding-left: 0;
    width: 80%; }

  .scfForm .scfRequired,
  .scfForm .scfValidatorRequired {
    left: -5px; }

  .scfForm .scfCaptchaLimitGeneralPanel {
    margin-left: auto; }

  /**
  * Market Access Resources
  */
  .section-page h1,
  .widget-market-access-resource .slide > h2 {
    display: block; }

  .widget-market-access-resource .slide .btn {
    margin-bottom: 10px; }

  .widget-market-access-resource .four-column-grid li {
    min-height: 1px; }

  .midsection-header-btn,
  .iadvisory {
    margin-top: 2px;
    display: inline-block; }

  .filter-list-tags li a {
    background-color: #ccc;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px; }

  .filter-list-tags li a:hover,
  .filter-list-tags li a.active {
    background-color: #ec1d23; }

  /**
   * App Banner
   */
  #appBanner {
    padding: 10px; }

  #gizmoUploadForm {
    min-height: 1760px; }

  .success-stories-carousel-block .left-block {
    margin-top: 0; }
  .success-stories-carousel-block .right-block {
    margin-top: 15px; }
  .success-stories-carousel-block h1 {
    position: relative;
    margin-bottom: 0;
    padding-bottom: 0; }

  .homepage-about .wrapper {
    padding: 0; }
    .homepage-about .wrapper > * {
      padding-left: 0; }
  .homepage-about .image-placeholder {
    float: left;
    position: relative;
    width: auto;
    margin: 0 10px 5px 0;
    max-width: inherit; }

  .homepage-features .more-link {
    display: block; }
  .homepage-features .event-carousel, .homepage-features .list {
    border-bottom: 1px dotted #CCC; }

  .persona-cta {
    padding: 0 10px;
    background: #fff;
    border: 0; }

  .persona-cta-boxes {
    display: none; }

  .persona-submenu {
    display: block;
    padding: 20px 0 0;
    height: auto; }
    .persona-submenu .outer-wrapper {
      border-top: 0; }
    .persona-submenu .slide-toggle {
      display: block; }
    .persona-submenu .wrapper {
      padding: 0; }
      .persona-submenu .wrapper h3 {
        color: #333;
        line-height: 1.2;
        margin-bottom: 5px;
        font-size: 16px;
        font-size: 1.6rem; }
      .persona-submenu .wrapper:before, .persona-submenu .wrapper:after {
        display: none; }
    .persona-submenu .slide {
      display: none;
      padding: 10px; }
    .persona-submenu .content {
      border-bottom: 1px solid #e6e6e6;
      display: block; }
    .persona-submenu .links, .persona-submenu .desc {
      width: auto;
      float: none; }

  .anchor-links {
    padding: 10px; }

  .anchor-links__list li {
    width: 100%; }

  .related-items__list {
    padding: 0 10px; }
    .related-items__list li {
      margin-bottom: 10px;
      width: 100%;
      border: 0;
      border-top: 1px solid #000;
      padding-top: 20px; } }
/* ==========================================================================
   04 Mobile Style - iPhone (landscape and portrait)
   ========================================================================== */
@media only screen and (min-width: 180px) and (max-width: 480px) {
  .carousel-banner-headline {
    padding: 30px;
    width: auto !important;
    margin: auto; }

  .carousel-banner-headline {
    line-height: 1; }

  /**
  * Content Banner
  */
  .content-carousel .two-column div.left,
  .content-carousel .two-column div.right {
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 20px;
    float: none; }

  .content-carousel .two-column li,
  .content-carousel .two-column li div {
    float: none;
    width: auto;
    padding: 0;
    display: block !important; }

  .content-carousel .slide {
    height: auto !important; }

  .content-carousel .slide ul {
    margin-left: 0 !important; }

  .content-carousel .carousel-nav {
    display: none; }

  .content-carousel .two-column li div img {
    display: none;
    min-width: 100%; }

  .content-carousel .two-column div {
    margin: auto; }

  .billboard-parent .list-wrapper .list {
    width: auto;
    float: none; }

  .filter-list-tags li {
    margin: 4px; }

  .link-listing li .pull-left {
    float: none;
    display: inline-block;
    margin: 0 auto; }

  /**
  * Market showcase
  */
  .market-showcase ul li {
    padding: 0 5px;
    width: auto; }

  /**
  * Publication List
  */
  .publication-listing > li {
    width: 100%;
    padding-bottom: 10px;
    border-top: 1px solid #e6e6e6; }

  .publication-listing-1-column li {
    border-top: none; }

  .interactive-links {
    display: none; }

  .publication-filters {
    margin-top: 8px; }

  .publication-filters select {
    width: 160px; }

  /**
  * Interactive link
  */
  .interactive-link-widget .desc li {
    display: block !important; }

  .three-col-list .active {
    background: #fff !important; }

  .carousel-title {
    width: auto !important;
    font-size: 26px !important; }

  /**
  * Result filter list
  */
  .result-filter-form {
    clear: left; }

  .result-filter-form input[type="submit"] {
    margin-top: 5px; }

  /**
  * Success Story
  */
  .success-story > p {
    padding-right: 0; }

  .story-thumbnail,
  .event-thumbnail {
    width: auto;
    margin: 0;
    float: none; }

  .story-header,
  .event-header {
    width: auto;
    float: none; }

  blockquote.pull-left,
  blockquote.pull-right {
    float: none;
    margin: 20px;
    width: auto; }

  figure.pull-right {
    margin-right: 40px; }

  /**
  * Related Article
  */
  .related-articles li {
    width: auto;
    margin: auto;
    float: none; }

  .related-articles li:nth-child(even) {
    margin: auto; }

  .shortcuts section {
    padding: 0; }

  .article section {
    margin-bottom: 10px; }

  .article .thumb-inset {
    padding-left: 0; }

  .article .thumbnail {
    display: none; }

  /**
  * Sitecore form
  */
  .scfForm select,
  .contact-form .controls select {
    width: 96%; }

  /**
   * App Banner
   */
  #appBanner .close-link {
    margin-right: 20px; }
  #appBanner .app-icon {
    width: 75px; }
    #appBanner .app-icon img {
      border-radius: 10px; }
  #appBanner .section {
    float: left;
    margin-right: 10px; }
  #appBanner .details {
    text-align: left;
    width: 40%; }
    #appBanner .details h3 {
      margin: 5px 0 8px 0; }
  #appBanner .close {
    margin-top: 30px; }
  #appBanner .store-badge {
    margin-top: 25px;
    margin-right: 0; }

  .success-stories-carousel {
    padding: 0; }

  .success-stories-carousel-block h1 {
    padding: 10px;
    margin: 0; }
  .success-stories-carousel-block .right-block, .success-stories-carousel-block .left-block {
    float: none;
    width: auto;
    min-height: inherit;
    margin: 0; }
  .success-stories-carousel-block .summaries {
    padding: 0 10px 40px; }
  .success-stories-carousel-block .summary {
    padding: 0; }
  .success-stories-carousel-block .wrapper {
    padding: 0; }

  .homepage-about .image-placeholder {
    float: none;
    position: relative;
    width: auto;
    margin: 0 auto 15px;
    text-align: center; }

  .persona-submenu .links li {
    float: none;
    width: auto; }
  .persona-submenu .desc img {
    float: none;
    margin: auto; } }
/* ==========================================================================
   05 Mobile Style - iPhone (portrait)
   ========================================================================== */
@media only screen and (min-width: 180px) and (max-width: 320px) {
  html {
    font-family: "mobile-phone";
    overflow-x: hidden; }

  /*body:after {
  	content: "mobile-phone";
  }*/
  body {
    width: auto;
    min-width: auto\9; }

  .event-carousel .slide {
    width: auto; }

  /**
  * Sitecore form
  */
  .scfForm select,
  .contact-form .controls select {
    width: 98%; }

  #gizmoUploadForm {
    min-height: 1900px; } }
/* ==========================================================================
   06 Mobile Style - Tablet
   ========================================================================== */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  html {
    font-family: "mobile-tablet";
    overflow-x: hidden; }

  /*body:after {
  	content: "mobile-tablet";
  }*/
  .carousel-banner-headline {
    margin-left: 30px; }

  .carousel-banner .carousel-nav {
    margin-left: 20px; }

  .widget-search {
    top: 70px; }

  .navigation {
    margin-top: 35px; }

  .navigation .submenu ul {
    padding-left: 20px; }

  .article {
    padding: 10px; }

  .mid-section,
  .billboard-standard {
    padding: 20px 1%; }

  .mid-section-three-column section {
    width: 32%; }

  .section-page section {
    width: auto; }

  .three-col-list .list {
    width: 28%; }

  .factsheet-panel .information {
    width: 35%; }

  .factsheet-panel img {
    width: 60%; }

  .navigation .submenu ul.align-right {
    text-align: center; }

  .navigation .submenu ul.align-center {
    text-align: left; }

  /**
   * App Banner
   */
  #appBanner {
    padding: 10px; }

  .ask-ie-content {
    width: 47%;
    padding: 25px 10px 10px; }

  .signup-cta {
    margin: 0;
    height: 100%;
    width: 50%;
    right: 0;
    top: 0;
    bottom: 0; }
    .signup-cta a {
      margin: 0 10px; }

  .ask-ie {
    padding: 10px 0; } }
/* ==========================================================================
   07 Mobile Style - Tablet Orientation(Landscape)
   ========================================================================== */
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  html.touch {
    font-family: "mobile-ipad-landscape";
    overflow-x: hidden;
    min-width: 1023px;
    overflow-x: scroll; }

  /*html.touch body:after {
  	content: "mobile-ipad-landscape";
  }*/
  html.touch body {
    width: auto;
    min-width: auto\9; }

  html.touch .header,
  html.touch .footer {
    min-width: inherit; }

  /**
   * App Banner
   */
  #appBanner {
    padding: 10px; }

  #gizmoUploadForm {
    min-height: 1600px; } }
@media only screen and (min-width: 1205px) {
  .ask-ie:before, .ask-ie:after {
    content: '';
    display: block;
    width: 5px;
    height: 5px;
    position: absolute;
    background: url("../images/ask-ie-bar-corners.png") no-repeat -5px 0;
    bottom: -5px; }
  .ask-ie:after {
    right: 0;
    background-position: 0 0; } }

/*# sourceMappingURL=responsive.css.map */