/*!
 * Bootstrap Responsive v2.0.3
 *
 * Copyright 2012 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world @twitter by @mdo and @fat.
 */

.clearfix {
  *zoom: 1;
}

.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}

.clearfix:after {
  clear: both;
}

.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.input-block-level {
  display: block;
  width: 100%;
  min-height: 28px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
          box-sizing: border-box;
}

@media (max-width: 767px) {
  .visible-phone {
    display: inherit !important;
  }
  .hidden-phone {
    display: none !important;
  }
  .hidden-desktop {
    display: inherit !important;
  }
  .visible-desktop {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 979px) {
  .visible-tablet {
    display: inherit !important;
  }
  .hidden-tablet {
    display: none !important;
  }
  .hidden-desktop {
    display: inherit !important;
  }
  .visible-desktop {
    display: none !important ;
  }
}

@media (max-width: 480px) {
  .nav-collapse {
    -webkit-transform: translate3d(0, 0, 0);
  }
  .page-header h1 small {
    display: block;
    line-height: 23px;
  }
  .page-header h1 {
    font-size: 20px;
    line-height: 1;
  }
  .page-header {
    padding-bottom: 0;
    margin: 16px 0;
  }
  input[type="checkbox"],
  input[type="radio"] {
    border: 1px solid #ccc;
  }
  .form-horizontal .control-group > label {
    float: none;
    width: auto;
    padding-top: 0;
    text-align: left;
  }
  .form-horizontal .controls {
    margin-left: 0;
  }
  .form-horizontal .control-list {
    padding-top: 0;
  }
  .form-horizontal .form-actions {
    padding-right: 10px;
    padding-left: 10px;
  }
  .modal {
    position: absolute;
    top: 10px;
    right: 10px;
    left: 10px;
    width: auto;
    margin: 0;
  }
  .modal.fade.in {
    top: auto;
  }
  .modal-header .close {
    padding: 10px;
    margin: -10px;
  }
  .carousel-caption {
    position: static;
  }
  .nav-header-logo {
    line-height: 48px;
  }
  .nav-header-logo img {
    width: 110px;
  }
  .nav-footer-links {
    padding-bottom: 20px;
  }
  .nav-footer-top li {
    padding-right: 5px;
  }
  .right {
    text-align: center;
  }
  .input-large,
  .input-xlarge,
  .input-xxlarge,
  input[class*="span"],
  select[class*="span"],
  textarea[class*="span"],
  .uneditable-input {
    height: 40px;
    font-size: 16px;
  }
  input[type="button"],
  input[type="reset"],
  input[type="submit"] {
    height: 40px;
    font-size: 16px;
  }
}

@media (max-width: 767px) {
  body {
    /*padding-left: 20px;
        padding-right: 20px; */
  
  }
  .navbar-fixed-top,
  .navbar-fixed-bottom {
    margin-right: -20px;
    margin-left: -20px;
  }
  .container-fluid {
    padding: 0;
  }
  .dl-horizontal dt {
    float: none;
    width: auto;
    clear: none;
    text-align: left;
  }
  .dl-horizontal dd {
    margin-left: 0;
  }
  .container {
    width: auto;
    padding-right: 20px;
    padding-left: 20px;
  }
  .row-fluid {
    width: 100%;
  }
  .row,
  .thumbnails {
    margin-left: 0;
  }
  [class*="span"],
  .row-fluid [class*="span"] {
    display: block;
    float: none;
    width: auto;
    margin-left: 0;
  }
  input[type="button"],
  input[type="reset"],
  input[type="submit"] {
    width: 100%;
  }
  .input-large,
  .input-xlarge,
  .input-xxlarge,
  input[class*="span"],
  select[class*="span"],
  textarea[class*="span"],
  .uneditable-input {
    display: block;
    width: 100%;
    min-height: 28px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
  }
  .input-prepend input,
  .input-append input,
  .input-prepend input[class*="span"],
  .input-append input[class*="span"] {
    display: inline-block;
    width: auto;
  }
}

@media (min-width: 768px) and (max-width: 979px) {
  .row {
    margin-left: -20px;
    *zoom: 1;
  }
  .row:before,
  .row:after {
    display: table;
    content: "";
  }
  .row:after {
    clear: both;
  }
  [class*="span"] {
    float: left;
    margin-left: 20px;
  }
  .container,
  .navbar-fixed-top .container,
  .navbar-fixed-bottom .container {
    width: 724px;
  }
  .span12 {
    width: 724px;
  }
  .span11 {
    width: 662px;
  }
  .span10 {
    width: 600px;
  }
  .span9 {
    width: 538px;
  }
  .span8 {
    width: 476px;
  }
  .span7 {
    width: 414px;
  }
  .span6 {
    width: 352px;
  }
  .span5 {
    width: 290px;
  }
  .span4 {
    width: 228px;
  }
  .span3 {
    width: 166px;
  }
  .span2 {
    width: 104px;
  }
  .span1 {
    width: 42px;
  }
  .offset12 {
    margin-left: 764px;
  }
  .offset11 {
    margin-left: 702px;
  }
  .offset10 {
    margin-left: 640px;
  }
  .offset9 {
    margin-left: 578px;
  }
  .offset8 {
    margin-left: 516px;
  }
  .offset7 {
    margin-left: 454px;
  }
  .offset6 {
    margin-left: 392px;
  }
  .offset5 {
    margin-left: 330px;
  }
  .offset4 {
    margin-left: 268px;
  }
  .offset3 {
    margin-left: 206px;
  }
  .offset2 {
    margin-left: 144px;
  }
  .offset1 {
    margin-left: 82px;
  }
  .row-fluid {
    width: 100%;
    *zoom: 1;
  }
  .row-fluid:before,
  .row-fluid:after {
    display: table;
    content: "";
  }
  .row-fluid:after {
    clear: both;
  }
  .row-fluid [class*="span"] {
    display: block;
    float: left;
    width: 100%;
    min-height: 28px;
    margin-left: 2.762430939%;
    *margin-left: 2.709239449638298%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
  }
  .row-fluid [class*="span"]:first-child {
    margin-left: 0;
  }
  .row-fluid .span12 {
    width: 99.999999993%;
    *width: 99.9468085036383%;
  }
  .row-fluid .span11 {
    width: 91.436464082%;
    *width: 91.38327259263829%;
  }
  .row-fluid .span10 {
    width: 82.87292817100001%;
    *width: 82.8197366816383%;
  }
  .row-fluid .span9 {
    width: 74.30939226%;
    *width: 74.25620077063829%;
  }
  .row-fluid .span8 {
    width: 65.74585634900001%;
    *width: 65.6926648596383%;
  }
  .row-fluid .span7 {
    width: 57.182320438000005%;
    *width: 57.129128948638304%;
  }
  .row-fluid .span6 {
    width: 48.618784527%;
    *width: 48.5655930376383%;
  }
  .row-fluid .span5 {
    width: 40.055248616%;
    *width: 40.0020571266383%;
  }
  .row-fluid .span4 {
    width: 31.491712705%;
    *width: 31.4385212156383%;
  }
  .row-fluid .span3 {
    width: 22.928176794%;
    *width: 22.874985304638297%;
  }
  .row-fluid .span2 {
    width: 14.364640883%;
    *width: 14.311449393638298%;
  }
  .row-fluid .span1 {
    width: 5.801104972%;
    *width: 5.747913482638298%;
  }
  input,
  textarea,
  .uneditable-input {
    margin-left: 0;
  }
  input.span12,
  textarea.span12,
  .uneditable-input.span12 {
    width: 714px;
  }
  input.span11,
  textarea.span11,
  .uneditable-input.span11 {
    width: 652px;
  }
  input.span10,
  textarea.span10,
  .uneditable-input.span10 {
    width: 590px;
  }
  input.span9,
  textarea.span9,
  .uneditable-input.span9 {
    width: 528px;
  }
  input.span8,
  textarea.span8,
  .uneditable-input.span8 {
    width: 466px;
  }
  input.span7,
  textarea.span7,
  .uneditable-input.span7 {
    width: 404px;
  }
  input.span6,
  textarea.span6,
  .uneditable-input.span6 {
    width: 342px;
  }
  input.span5,
  textarea.span5,
  .uneditable-input.span5 {
    width: 280px;
  }
  input.span4,
  textarea.span4,
  .uneditable-input.span4 {
    width: 218px;
  }
  input.span3,
  textarea.span3,
  .uneditable-input.span3 {
    width: 156px;
  }
  input.span2,
  textarea.span2,
  .uneditable-input.span2 {
    width: 94px;
  }
  input.span1,
  textarea.span1,
  .uneditable-input.span1 {
    width: 32px;
  }
}

@media (min-width: 1200px) {
  .row {
    margin-left: -30px;
    *zoom: 1;
  }
  .row:before,
  .row:after {
    display: table;
    content: "";
  }
  .row:after {
    clear: both;
  }
  [class*="span"] {
    float: left;
    margin-left: 30px;
  }
  .container,
  .navbar-fixed-top .container,
  .navbar-fixed-bottom .container {
    width: 1170px;
  }
  .span12 {
    width: 1170px;
  }
  .span11 {
    width: 1070px;
  }
  .span10 {
    width: 970px;
  }
  .span9 {
    width: 870px;
  }
  .span8 {
    width: 770px;
  }
  .span7 {
    width: 670px;
  }
  .span6 {
    width: 570px;
  }
  .span5 {
    width: 470px;
  }
  .span4 {
    width: 370px;
  }
  .span3 {
    width: 270px;
  }
  .span2 {
    width: 170px;
  }
  .span1 {
    width: 70px;
  }
  .offset12 {
    margin-left: 1230px;
  }
  .offset11 {
    margin-left: 1130px;
  }
  .offset10 {
    margin-left: 1030px;
  }
  .offset9 {
    margin-left: 930px;
  }
  .offset8 {
    margin-left: 830px;
  }
  .offset7 {
    margin-left: 730px;
  }
  .offset6 {
    margin-left: 630px;
  }
  .offset5 {
    margin-left: 530px;
  }
  .offset4 {
    margin-left: 430px;
  }
  .offset3 {
    margin-left: 330px;
  }
  .offset2 {
    margin-left: 230px;
  }
  .offset1 {
    margin-left: 130px;
  }
  .row-fluid {
    width: 100%;
    *zoom: 1;
  }
  .row-fluid:before,
  .row-fluid:after {
    display: table;
    content: "";
  }
  .row-fluid:after {
    clear: both;
  }
  .row-fluid [class*="span"] {
    display: block;
    float: left;
    width: 100%;
    min-height: 28px;
    margin-left: 2.564102564%;
    *margin-left: 2.510911074638298%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
  }
  .row-fluid [class*="span"]:first-child {
    margin-left: 0;
  }
  .row-fluid .span12 {
    width: 100%;
    *width: 99.94680851063829%;
  }
  .row-fluid .span11 {
    width: 91.45299145300001%;
    *width: 91.3997999636383%;
  }
  .row-fluid .span10 {
    width: 82.905982906%;
    *width: 82.8527914166383%;
  }
  .row-fluid .span9 {
    width: 74.358974359%;
    *width: 74.30578286963829%;
  }
  .row-fluid .span8 {
    width: 65.81196581200001%;
    *width: 65.7587743226383%;
  }
  .row-fluid .span7 {
    width: 57.264957265%;
    *width: 57.2117657756383%;
  }
  .row-fluid .span6 {
    width: 48.717948718%;
    *width: 48.6647572286383%;
  }
  .row-fluid .span5 {
    width: 40.170940171000005%;
    *width: 40.117748681638304%;
  }
  .row-fluid .span4 {
    width: 31.623931624%;
    *width: 31.5707401346383%;
  }
  .row-fluid .span3 {
    width: 23.076923077%;
    *width: 23.0237315876383%;
  }
  .row-fluid .span2 {
    width: 14.529914530000001%;
    *width: 14.4767230406383%;
  }
  .row-fluid .span1 {
    width: 5.982905983%;
    *width: 5.929714493638298%;
  }
  input,
  textarea,
  .uneditable-input {
    margin-left: 0;
  }
  input.span12,
  textarea.span12,
  .uneditable-input.span12 {
    width: 1160px;
  }
  input.span11,
  textarea.span11,
  .uneditable-input.span11 {
    width: 1060px;
  }
  input.span10,
  textarea.span10,
  .uneditable-input.span10 {
    width: 960px;
  }
  input.span9,
  textarea.span9,
  .uneditable-input.span9 {
    width: 860px;
  }
  input.span8,
  textarea.span8,
  .uneditable-input.span8 {
    width: 760px;
  }
  input.span7,
  textarea.span7,
  .uneditable-input.span7 {
    width: 660px;
  }
  input.span6,
  textarea.span6,
  .uneditable-input.span6 {
    width: 560px;
  }
  input.span5,
  textarea.span5,
  .uneditable-input.span5 {
    width: 460px;
  }
  input.span4,
  textarea.span4,
  .uneditable-input.span4 {
    width: 360px;
  }
  input.span3,
  textarea.span3,
  .uneditable-input.span3 {
    width: 260px;
  }
  input.span2,
  textarea.span2,
  .uneditable-input.span2 {
    width: 160px;
  }
  input.span1,
  textarea.span1,
  .uneditable-input.span1 {
    width: 60px;
  }
  .thumbnails {
    margin-left: -30px;
  }
  .thumbnails > li {
    margin-left: 30px;
  }
  .row-fluid .thumbnails {
    margin-left: 0;
  }
}

@media (max-width: 979px) {
  [class^="gn-col-"] {
    width: auto;
  }
  .gn-no-nav .global-nav-oz {
    height: 49px;
  }
  .gn-container > .sticky-header-active {
    position: static !important;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
  }
  .gn-container > .sticky-header-placeholder {
    display: none;
  }
  .gn-container .gn-logo a {
    background-image: url('../images/stx-staticlogo-drk-nopad-109x26.png');
  }
  .home-page .gn-container.gn-post-sticky .global-nav-oz,
  .home-page .gn-container .sticky-header-active .global-nav-oz {
    background-color: transparent;
  }
  .home-page .gn-container.gn-post-sticky .global-nav-oz .gn-icon > .gn-icon-container,
  .home-page .gn-container .sticky-header-active .global-nav-oz .gn-icon > .gn-icon-container {
    color: #fff;
  }
  .home-page .gn-container.gn-post-sticky .gn-side-opened .gn-side-toggle .gn-icon-container,
  .home-page .gn-container .sticky-header-active .gn-side-opened .gn-side-toggle .gn-icon-container {
    color: #fff;
  }
  .home-page .gn-container .gn-logo a {
    background-image: url('../images/stx-staticlogo-wht-nopad-109x26.png');
  }
  .home-page .gn-container .gn-user-opened .gn-side-overlay {
    top: 0;
  }
  .global-nav-oz {
    height: 49px;
  }
  .global-nav-oz > .container {
    width: auto;
    padding-right: 12px;
    padding-left: 12px;
  }
  .global-nav-oz > .container > .row {
    margin-left: -12px;
  }
  .global-nav-oz > .container > .row > .span12 {
    float: none;
    width: auto;
    margin-left: 12px;
    *zoom: 1;
  }
  .global-nav-oz > .container > .row > .span12:before,
  .global-nav-oz > .container > .row > .span12:after {
    display: table;
    content: "";
  }
  .global-nav-oz > .container > .row > .span12:after {
    clear: both;
  }
  .gn-logo {
    margin: 1px 0 2px -10px;
  }
  .gn-logo a {
    width: 109px;
    height: 26px;
    line-height: 26px;
  }
  .gn-icon {
    height: 49px;
    margin: 0;
  }
  .gn-icon > .gn-icon-container {
    padding: 15px 14px 11px;
    outline: 0;
  }
  .gn-icon > .gn-icon-container > span {
    padding: 0;
  }
  .gn-cart > .gn-icon-container > i {
    top: 11px;
    right: -3px;
  }
  .gn-user {
    position: static;
    margin-right: 30px;
  }
  .gn-user > .gn-icon-container {
    width: 16px;
    height: 23px;
  }
  .gn-user > .gn-icon-container > i {
    display: none;
  }
  .gn-user > .gn-icon-container > span {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 19px;
    padding: 15px 14px;
  }
  .gn-user:hover .gn-user-drop-container,
  .gn-user.gn-user-pulled .gn-user-drop-container {
    display: none;
  }
  .gn-user .gn-user-drop {
    padding: 10px 0;
    text-align: left;
    border-width: 1px 0 0 0;
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
       -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
            box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
  }
  .gn-user .gn-user-drop:before,
  .gn-user .gn-user-drop:after {
    top: -13px;
    right: 56px;
  }
  .gn-user .gn-user-drop:before {
    right: 55px;
  }
  .gn-user .gn-user-drop > p,
  .gn-user .gn-user-drop > a {
    display: block;
    padding: 0 12px;
    margin: 0 0 10px;
    font-size: 16px;
    line-height: 23px;
    white-space: normal;
  }
  .gn-user .gn-user-drop > p {
    margin-right: 50px;
  }
  .gn-user .gn-user-drop > hr {
    margin: 0 0 10px;
  }
  .gn-user .gn-user-drop [class^="ss-"] {
    width: 14px;
    height: 14px;
    padding: 4px 14px;
    font-size: 14px;
    line-height: 19px;
    color: #999;
    cursor: pointer;
  }
  .gn-user-opened .gn-user .gn-user-drop-container {
    right: 0;
    left: 0;
    display: block;
    padding: 0;
  }
  .gn-user-opened .gn-user .gn-icon-container [class^="ss-"] {
    color: #00a1dd;
  }
  .gn-user-opened .gn-side-overlay {
    top: 49px;
    opacity: 1;
    visibility: visible;
  }
  .gn-side-toggle {
    position: absolute;
    right: 0;
    z-index: 3;
    height: 49px;
    padding: 0;
    margin: 0;
    -webkit-transition: right 0.3s ease;
       -moz-transition: right 0.3s ease;
        -ms-transition: right 0.3s ease;
         -o-transition: right 0.3s ease;
            transition: right 0.3s ease;
  }
  .gn-side-wrapper {
    position: absolute;
    right: 0;
    z-index: 3;
    max-width: 0;
    overflow: hidden;
    background-color: #f8f8f8;
    -webkit-transition: max-width 0.3s ease;
       -moz-transition: max-width 0.3s ease;
        -ms-transition: max-width 0.3s ease;
         -o-transition: max-width 0.3s ease;
            transition: max-width 0.3s ease;
  }
  .gn-side-container {
    position: relative;
    top: 0;
    right: -274px;
    width: 274px;
    -webkit-transition: right 2s ease;
       -moz-transition: right 2s ease;
        -ms-transition: right 2s ease;
         -o-transition: right 2s ease;
            transition: right 2s ease;
  }
  .gn-side-opened .gn-side-toggle {
    right: 274px;
  }
  .gn-side-opened .gn-side-wrapper {
    max-width: 274px;
  }
  .gn-side-opened .gn-side-container {
    right: 0;
    -webkit-transition: right 0.1s ease;
       -moz-transition: right 0.1s ease;
        -ms-transition: right 0.1s ease;
         -o-transition: right 0.1s ease;
            transition: right 0.1s ease;
  }
  .gn-side-opened .gn-side-toggle .gn-icon-container {
    color: #fff;
  }
  .gn-search {
    float: none;
    padding: 10px;
    margin: 0;
    border-bottom: 1px solid #ccc;
  }
  .gn-search form > * {
    height: 32px;
  }
  .gn-search .gn-search-input {
    width: 98%;
    width: 203px;
    padding: 8px 34px 8px 10px;
    font-size: 14px;
    line-height: 16px;
  }
  .gn-search .gn-search-clear {
    top: 10px;
    right: 71px;
    font-size: 14px;
    line-height: 32px;
  }
  .gn-search .gn-search-clear > span {
    width: 14px;
  }
  .gn-search .gn-search-btn {
    position: absolute;
    right: 10px;
    width: 51px;
    line-height: 32px;
  }
  .gn-menu {
    position: relative;
    left: 0;
    float: none;
    height: auto;
    padding: 10px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-transition: left 0.3s ease;
       -moz-transition: left 0.3s ease;
        -ms-transition: left 0.3s ease;
         -o-transition: left 0.3s ease;
            transition: left 0.3s ease;
  }
  .gn-menu > ul > li {
    float: none;
    margin-bottom: 1px;
    background-color: #eee;
  }
  .gn-menu > ul > li.gn-menu-pulled .gn-menu-item-1lvl > a {
    color: #333333;
  }
  .gn-menu.gn-sub-menu-opened {
    left: -100%;
  }
  .gn-menu-item-1lvl {
    position: relative;
    background: #e3e3e3;
  }
  .gn-menu-item-1lvl > a {
    display: block;
    height: auto;
    padding: 10px 50px 10px 10px;
    line-height: 20px;
  }
  .gn-menu-item-1lvl > span {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 3;
    cursor: pointer;
    background: rgba(227, 227, 227, 0);
  }
  .gn-menu-item-1lvl > span > em {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 40px;
    background: #333333;
  }
  .gn-menu-item-1lvl > span > em:before,
  .gn-menu-item-1lvl > span > em:after {
    position: absolute;
    top: 50%;
    left: 7px;
    display: block;
    width: 26px;
    height: 2px;
    margin-top: -1px;
    background-color: #fff;
    content: "";
  }
  .gn-menu-item-1lvl > span > em:after {
    left: 19px;
    width: 2px;
    height: 26px;
    margin-top: -13px;
  }
  .gn-dropdown {
    position: static;
    display: block;
    height: 0;
    overflow: hidden;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
    -webkit-transition: height 0.35s ease;
       -moz-transition: height 0.35s ease;
        -ms-transition: height 0.35s ease;
         -o-transition: height 0.35s ease;
            transition: height 0.35s ease;
  }
  .gn-dropdown > .container {
    width: auto;
    padding: 0;
  }
  .gn-dropdown .row-fluid [class*="span"] {
    display: block;
    float: none;
    width: auto;
    min-height: 0;
    margin: 0;
  }
  .gn-dropdown-menu {
    min-height: 0;
  }
  .gn-dropdown-menu > [class*="span"] {
    height: auto!important;
  }
  .gn-menu-opened .gn-menu-item-1lvl > span > em {
    background: #00a1dd;
  }
  .gn-menu-opened .gn-menu-item-1lvl > span > em:after {
    display: none;
  }
  .gn-menu-opened .gn-dropdown {
    height: auto!important;
  }
  .gn-dropdown-menu > [class^="gn-col-"] > .gn-row,
  .gn-dropdown-menu > [class^="gn-col-"] > .gn-row:first-child {
    padding: 0;
  }
  .gn-dropdown-menu > [class^="span"] > .row-fluid,
  .gn-dropdown-menu > [class^="span"] > .row-fluid:first-child {
    padding: 0;
  }
  .gn-menu-item-2lvl {
    position: relative;
    color: #00a1dd;
    cursor: pointer;
  }
  .gn-menu-item-2lvl > p {
    padding: 11px 40px 10px 10px;
    margin: 0;
  }
  .gn-menu-item-2lvl > span {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    margin: 0;
    font-size: 12px;
    line-height: 12px;
    background: rgba(238, 238, 238, 0);
  }
  .gn-menu-item-2lvl > span:before {
    position: absolute;
    top: 50%;
    right: 14px;
    padding: 0;
    margin-top: -4px;
    vertical-align: top;
  }
  .gn-menu-item-2lvl:hover > span {
    cursor: pointer;
  }
  .gn-menu-box-3lvl {
    position: absolute;
    top: 0;
    right: -100%;
    z-index: 1;
    width: 100%;
    padding: 10px;
    opacity: 0;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
  }
  .gn-menu-box-3lvl.gn-sub-menu-selected {
    z-index: 2;
    opacity: 1;
  }
  .gn-menu-box-3lvl > a {
    padding: 13px 10px 12px;
    font-size: 12px;
    font-weight: bold;
    line-height: 15px;
    text-transform: uppercase;
    background: #e3e3e3;
  }
  .gn-menu-box-3lvl > a > span {
    width: 12px;
    height: 12px;
    font-size: 12px;
    line-height: 12px;
    vertical-align: middle;
  }
  .gn-menu-box-3lvl > a:hover {
    text-decoration: none;
  }
  .gn-menu-box-3lvl > p {
    padding: 15px 10px 0;
    margin: 0;
    font-size: 16px;
    line-height: 23px;
    background: #eee;
  }
  .gn-menu-box-3lvl ul {
    padding: 3px 10px 10px;
    background: #eee;
  }
  .gn-menu-box-3lvl ul > li {
    padding: 10px 0;
    font-size: 14px;
    line-height: 17px;
  }
  .gn-store {
    float: none;
    width: auto;
    padding: 10px;
    margin: 0;
    border-top: 1px solid #ccc;
  }
  .gn-store > a {
    height: auto;
    padding: 10px 22px 9px 22px;
    font-size: 14px;
    line-height: 18px;
  }
  .gn-promo {
    display: none;
  }
  .gn-container .global-nav-oz .gn-menu-item-1lvl > a {
    color: #333333;
  }
  .gn-logo .seagate-portal-logo {
    top: 18px;
    left: 100px;
    display: inline-block;
    font-size: 13px;
    color: #fff;
  }
  .sticky-header-active {
    position: static !important;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
  }
}

@media (min-width: 980px) {
  .gn-side-wrapper {
    height: auto!important;
  }
  .gn-user-drop {
    min-height: 0!important;
  }
  .gn-dropdown {
    height: auto!important;
  }
}

@media (max-width: 979px) {
  .row {
    margin-left: 0;
  }
  [class*="span"],
  .row-fluid [class*="span"] {
    display: block;
    float: none;
    width: auto;
    margin-left: 0;
  }
  [class*="ci-same-height"] {
    height: auto!important;
  }
  .ci-side {
    background: #f8f8f8;
    border-top: 1px solid #ebebeb;
    border-left: 0;
    -webkit-border-radius: 0 0 3px 3px;
       -moz-border-radius: 0 0 3px 3px;
            border-radius: 0 0 3px 3px;
  }
  .ci-content .ci-form {
    padding: 40px;
  }
  .ci-content .help-links .help-link {
    width: 50%;
  }
  .ci-content .form-horizontal .control-group > label {
    width: 26%;
  }
  .ci-content .form-horizontal .input-row {
    width: 72%;
  }
  .ci-content .form-horizontal .form-actions {
    padding-left: 28%;
  }
  .ci-content-wrapper:before,
  .ci-content-wrapper:after {
    content: none;
  }
  .ci-title h3 {
    margin: 15px 0;
  }
  .ci-title .ci-account-box {
    margin: 15px 0;
  }
}

@media (max-width: 767px) {
  .ci-content {
    padding: 0;
    background: #fff;
  }
  .ci-content .container {
    padding: 0;
  }
  .ci-content .ci-form,
  .ci-content .ci-side {
    padding: 20px;
  }
  .ci-content .ir-left,
  .ci-content .ir-right {
    display: block;
    width: 100%;
  }
  .ci-content .help-inline {
    margin-top: 0;
  }
  .ci-content .control-group > label {
    width: 100%;
  }
  .ci-content .control-group + .help-block {
    width: 100%;
  }
  .ci-content .control-group + .help-block.help-block-inline.help-block-password > p {
    float: none;
    width: auto;
    padding-right: 0;
    margin-right: 0;
    margin-bottom: 0;
  }
  .ci-content .control-group.error .help-inline {
    padding-left: 0;
  }
  .ci-content .input-row .help-block-password {
    margin: 5px 0 0 0;
  }
  .ci-content .help-block-password {
    position: static;
    width: 100%;
    margin: 5px 0 0 0;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
  }
  .ci-content .help-block-password:before,
  .ci-content .help-block-password:after {
    content: none;
  }
  .ci-content-wrapper {
    margin: 0;
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
  }
  .ci-content-wrapper + .ci-content-wrapper {
    margin: 0;
  }
  .ci-content-wrapper.collapsed .ci-form {
    padding: 20px;
  }
  .ci-toggle-all {
    margin: 20px 20px 0 20px;
  }
  .ci-toggle-all .btn {
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
  }
  .ci-toggle-all ~ .ci-content-wrapper .ci-form {
    padding: 20px;
  }
  .ci-toggle .ss-icon {
    top: 0;
    left: -20px;
    width: 20px;
    font-size: 12px;
  }
  .password-progress .progress {
    width: 100%;
  }
}

@media (min-width: 1200px) {
  .ci-content .ci-form {
    padding-right: 10px;
  }
  .ci-content-wrapper:before,
  .ci-content-wrapper:after {
    right: 370px;
  }
  .ci-content-wrapper:before {
    right: 0;
    width: 370px;
  }
}

@media (max-width: 979px) {
  .ci-content .ci-side #pr_Carousel {
    width: 50%;
    margin: 0 auto;
  }
}

@media (max-width: 767px) {
  .ci-content .form-inline .control-group {
    display: block;
    width: 100%;
  }
  .ci-content .control-group.loading input {
    padding-right: 30px;
  }
  .ci-content .control-group.loading .ir-right:before {
    position: absolute;
    right: 2px;
    margin-left: 0;
  }
  .ci-content .control-group.correct input {
    padding-right: 30px;
  }
  .ci-content .control-group.correct .ir-right:before {
    position: absolute;
    top: 8px;
    right: 5px;
    padding-left: 0;
  }
  .ci-content .cong-container .help-links .help-link {
    width: 50%;
  }
  .ci-content .form-horizontal .control-group {
    margin-bottom: 11.5px;
  }
  .ci-content .form-horizontal .control-group > label {
    display: inline-block;
    width: 100%;
    margin-top: 0;
    line-height: 23px;
    text-align: left;
  }
  .ci-content .form-horizontal .input-row {
    display: inline-block;
    width: 100%;
    margin-left: 0;
  }
  .ci-content .form-horizontal .input-row .ir-left input[type="checkbox"],
  .ci-content .form-horizontal .input-row .ir-left input[type="radio"] {
    margin-top: 0;
  }
  .ci-content .form-horizontal .form-actions {
    padding-left: 0;
  }
  .teaser-link .ci-link-item {
    display: block;
  }
  .teaser-link .ci-link-item .teaser-content {
    display: block;
  }
  .teaser-link .ci-link-item .teaser-btn {
    display: block;
    padding-top: 0;
    text-align: left;
  }
  .ci-link-item.ci-li-rescue .teaser-btn {
    padding-bottom: 10px;
  }
}

@media (min-width: 1200px) {
  :lang(ar-em) .row {
    margin-right: -30px;
  }
  :lang(ar-em) [class*="span"] {
    margin-right: 30px;
  }
  :lang(ar-em) .row-fluid [class*="span"] {
    margin-right: 0;
  }
  :lang(ar-em) .ci-content .ci-content-wrapper:before {
    right: auto;
    left: 0;
  }
  :lang(ar-em) .ci-content .ci-content-wrapper:after {
    right: auto;
    left: 370px;
  }
  :lang(ar-em) .ci-content .ci-form {
    padding-right: 40px;
    padding-left: 10px;
  }
}

@media (max-width: 979px) {
  :lang(ar-em) [class*="span"] {
    float: none;
  }
  :lang(ar-em) .row-fluid [class*="span"] {
    float: none;
    margin-right: 0;
  }
  :lang(ar-em) .ci-content .ci-form {
    padding: 40px;
  }
  :lang(ar-em) .ci-content .form-horizontal .form-actions {
    padding-right: 28%;
    padding-left: 0;
  }
}

@media (max-width: 767px) {
  :lang(ar-em) .ci-content .ci-form {
    padding: 20px;
  }
  :lang(ar-em) .ci-content .control-group.error .help-inline {
    padding-right: 0;
  }
  :lang(ar-em) .ci-content .form-horizontal .control-group > label {
    text-align: right;
  }
  :lang(ar-em) .ci-content .form-horizontal .form-actions {
    padding-right: 0;
    padding-left: 0;
  }
  :lang(ar-em) .ci-content .teaser-link .ci-link-item .teaser-btn {
    text-align: right;
  }
}

@media (max-width: 979px) {
  .ci-lacie .gn-container .gn-logo a {
    width: 62px;
    background-image: url('../images/lacie-staticlogo-blue-nopad-62x26.png');
  }
}