@media screen and (min-width: 768px) { .modal:before { display: inline-block; vertical-align: middle; content: " "; height: 100%; } }
@media (max-width: 770px) { .hideOnMobile { display: none !important; }
  .mobile-text-left { text-align: left !important; }
  .mobile-text-center { text-align: center !important; }
  .no-gutter-mobile [class*="-6"] { padding-left: 0; } }
@media screen and (max-width: 437px) { .or-hero-title { font-size: 33px !important; }
  .or-hero-sub-title, .or-content-sub-title, .or-content-sub-title-dark { font-size: 12px !important; }
  .or-section-title-dark { font-size: 15px !important; font-weight: bold !important; }
  .or-content-title-light-left { font-size: 15px !important; font-weight: bold !important; }
  .Section-Title-LIT { font-size: 15px !important; font-weight: bold !important; }
  .or-hero-micro-title { font-size: 10px !important; }
  .or-content-body-dark { font-size: 10px !important; }
  .or-footer-micro-body { font-size: 10px !important; }
  .element-tall-top { margin-top: 30px !important; }
  .element-tall-bottom { margin-bottom: 30px !important; }
  .element-medium-top { margin-top: 23px !important; }
  .element-medium-bottom, .mobule-element-medium-bottom { margin-bottom: 23px !important; }
  .element-short-top { margin-top: 9px !important; }
  .element-short-bottom, .mobile-element-short-bottom { margin-bottom: 9px !important; }
  .or-button-blue { font-size: 12px !important; padding: 4px 20px !important; }
  #masthead.navbar { height: 43px; min-height: 43px; }
  #masthead.navbar-scrolled .navbar-brand { height: 43px; line-height: 43px; }
  #masthead.navbar-scrolled .navbar-toggle { margin-top: 4px; }
  #masthead .navbar-brand { height: 43px; line-height: 43px; }
  #masthead .navbar-brand img { height: 18px; width: auto; top: -3px; }
  #masthead .navbar-toggle { margin-top: 4px; margin-bottom: 4px; } }
@media screen and (max-width: 437px) { .modal .modal-dialog { margin: 0; margin-top: auto; margin-bottom: auto; padding: 0; top: 0; left: 0; right: 0; bottom: 0; height: 100%; width: 100%; }
  .modal .modal-dialog .content { padding: 0; }
  .modal .modal-dialog .content .v-box { margin-left: 10px; margin-right: 10px; text-align: center; }
  .modal .modal-dialog .close { font-size: 2.5em; }
  .modal .modal-dialog .usecase-arrow { top: 90%; }
  .modal .modal-dialog .modal-content { height: 100%; width: 100%; }
  .modal .modal-dialog .modal-body { height: 100%; width: 100%; position: relative; }
  .modal .modal-dialog .modal-body .head .icon { float: none; width: 100%; text-align: center; margin-bottom: 15px; }
  .modal .modal-dialog .modal-body .head h1 { font-size: 25px !important; text-align: center; margin-bottom: 15px; }
  .modal .modal-dialog .modal-body .description { font-size: 15px; text-align: left; } }
@media screen and (max-width: 437px) { div#pre-order-banner.pre-order-banner { top: 43px; }
  div#pre-order-banner.pre-order-banner.sticky { height: 50px; top: 43px; }
  div#pre-order-banner.pre-order-banner h1 { font-size: 33px; }
  div#pre-order-banner.pre-order-banner .button-container { line-height: 50px !important; }
  div#pre-order-banner.pre-order-banner .button-container .btn { font-size: 12px !important; font-weight: bold !important; line-height: 0; margin-top: -5px !important; } }
@media screen and (max-width: 437px) { .linkImage .linkImage-content { height: 77px !important; }
  .linkImage .linkImage-content .description { font-size: 14px; } }
@media screen and (max-width: 437px) { .or-hero-btn-pre-order { font-size: 11px !important; padding: 11px 20px !important; } }
@media screen and (max-width: 437px) { article#home section#head .flexslider { height: 435px; } }
@media screen and (max-width: 437px) and (max-height: 773px) { article#home section#head .flexslider { height: 545px !important; } }
@media screen and (max-width: 437px) and (max-height: 736px) { article#home section#head .flexslider { height: 505px !important; } }
@media screen and (max-width: 437px) and (max-height: 667px) { article#home section#head .flexslider { height: 435px !important; } }
@media screen and (max-width: 437px) and (max-height: 640px) { article#home section#head .flexslider { height: 350px !important; } }
@media screen and (max-width: 437px) { article#home section#head .flexslider .hero .title { margin-top: 10px; }
  article#home section#head .flexslider .hero .title > h1 > img { height: 40px; margin-left: auto; margin-right: auto; }
  article#home section#head .flexslider .hero .buttons { margin-top: 115px; }
  article#home section#head .flexslider .hero .buttons.pull-right { float: none !important; }
  article#home .media-links .element-short-bottom { margin-bottom: 10px !important; }
  article#home section#usecases .usecase > div { height: 140px; }
  article#home section#usecases .usecase-text { margin-top: 10px; }
  article#home section#usecases .description { font-size: 10px; }
  article#home section#usecases .usecase .background .usecase-content { height: 70px; padding-left: 14px; padding-right: 14px; }
  article#home section#usecases .usecase .background .usecase-content .svg-container { margin-bottom: 5px; height: 76px; }
  article#home section#tridentSpecs .background-media { background-position-x: 20%; }
  article#home section#tridentSpecs .description { font-size: 10px !important; }
  article#home section#tridentFeatures .description { font-size: 10px !important; }
  article#home section#openexplorer .oe-content { height: 280px; padding-top: 1px; }
  article#home section#openexplorer .oe-content header { margin-top: 23px !important; margin-bottom: 10px !important; }
  article#home section#openexplorer .oe-content header h1 { margin-top: 20px !important; margin-bottom: 20px !important; }
  article#home section#openexplorer .oe-content header img { height: 18px; width: auto; }
  article#home section#openexplorer .background-media { background-image: url("../images/hero/b-g-explore-small.jpg"); background-size: cover; }
  article#home section#product .linkImage .background { height: 260px; } }
@media screen and (max-width: 437px) { section#promotions .jumbotron { height: 500px; } }
@media screen and (max-width: 437px) and (max-height: 773px) { section#promotions .jumbotron { height: 545px !important; } }
@media screen and (max-width: 437px) and (max-height: 736px) { section#promotions .jumbotron { height: 505px !important; } }
@media screen and (max-width: 437px) and (max-height: 667px) { section#promotions .jumbotron { height: 435px !important; } }
@media screen and (max-width: 437px) and (max-height: 640px) { section#promotions .jumbotron { height: 350px !important; } }
@media screen and (max-width: 437px) { section#promotions .jumbotron .btn { font-size: 11px; padding: 11px 20px !important; }
  section#promotions .description { font-size: 14px !important; }
  section#products .linkImage .background { height: 230px !important; }
  .jumbotron > div.content { margin-left: 0 !important; }
  section#promotions .jumbotron h1.or-hero-title { font-size: 33px !important; }
  section#promotions .jumbotron h1 img { height: 40px !important; margin-left: auto !important; margin-right: auto !important; }
  section#components .linkImage .background { height: 150px !important; }
  section#components .linkImage .linkImage-content { height: 101px !important; } }
@media screen and (max-width: 437px) { article#trident .jumbotron > div.content { margin-left: 0 !important; }
  article#trident section#head .jumbotron { height: 500px; background-position-x: 66%; } }
@media screen and (max-width: 437px) and (max-height: 773px) { article#trident section#head .jumbotron { height: 545px !important; } }
@media screen and (max-width: 437px) and (max-height: 736px) { article#trident section#head .jumbotron { height: 505px !important; } }
@media screen and (max-width: 437px) and (max-height: 667px) { article#trident section#head .jumbotron { height: 435px !important; } }
@media screen and (max-width: 437px) and (max-height: 640px) { article#trident section#head .jumbotron { height: 350px !important; } }
@media screen and (max-width: 437px) { article#trident section#head .jumbotron h1.or-hero-title { font-size: 33px !important; }
  article#trident section#head .jumbotron .description { font-size: 14px !important; }
  article#trident section#head .jumbotron .hero .buttons { margin-top: 15px !important; }
  article#trident section#head .jumbotron .hero .buttons.pull-right { float: none !important; }
  article#trident .linkImage .background .linkImage-content { height: 180px; }
  article#trident section#content #wifi { width: 90%; height: auto; } }
@media screen and (max-width: 437px) { article#trident-specification .jumbotron { height: 500px; } }
@media screen and (max-width: 437px) and (max-height: 773px) { article#trident-specification .jumbotron { height: 545px !important; } }
@media screen and (max-width: 437px) and (max-height: 736px) { article#trident-specification .jumbotron { height: 505px !important; } }
@media screen and (max-width: 437px) and (max-height: 667px) { article#trident-specification .jumbotron { height: 435px !important; } }
@media screen and (max-width: 437px) and (max-height: 640px) { article#trident-specification .jumbotron { height: 350px !important; } }
@media screen and (max-width: 437px) { article#trident-specification .jumbotron > div.content { margin-left: 0 !important; }
  article#trident-specification section#content .row > .col-md-6 { width: 100%; }
  article#trident-specification section#head .jumbotron { background-position-x: 66%; }
  article#trident-specification section#head .jumbotron h1.or-hero-title { font-size: 33px !important; }
  article#trident-specification section#head .jumbotron .hero .buttons { margin-top: 15px !important; }
  article#trident-specification section#head .jumbotron .hero .buttons.pull-right { float: none !important; } }
@media screen and (max-width: 437px) { section#head-2-8 .jumbotron { height: 500px; } }
@media screen and (max-width: 437px) and (max-height: 773px) { section#head-2-8 .jumbotron { height: 545px !important; } }
@media screen and (max-width: 437px) and (max-height: 736px) { section#head-2-8 .jumbotron { height: 505px !important; } }
@media screen and (max-width: 437px) and (max-height: 667px) { section#head-2-8 .jumbotron { height: 435px !important; } }
@media screen and (max-width: 437px) and (max-height: 640px) { section#head-2-8 .jumbotron { height: 350px !important; } }

@media screen and (max-width: 437px) { #modal-contactSupport section.section { top: 0; left: 0; right: 0; bottom: 0; position: absolute; overflow-y: scroll; } }
@media screen and (max-width: 437px) { section#press .press-kit.pull-right { float: none !important; } }
@media screen and (max-width: 437px) { footer#footer section.main-footer { height: 20em; }
  footer#footer section.main-footer > .container > .row { margin-top: 20px !important; }
  footer#footer section.main-footer > .container > .row > div { margin-top: 10px; }
  footer#footer section.main-footer .link-partners .social { margin-top: 5px !important; }
  footer#footer section.main-footer .link-partners .social a { margin-right: 14px; }
  footer#footer section.main-footer .link-partners .fa { font-size: 32px; }
  footer#footer section.bottom { text-align: center; }
  footer#footer section.bottom .pull-right { float: none !important; }
  footer#footer section.bottom .row { margin-top: 18px !important; } }