/*!
 * 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) {
  body {
    padding-top: 0;
  }
  .navbar-fixed-top {
    position: static;
    margin-bottom: 23px;
  }
  .navbar-fixed-top .navbar-inner {
    padding: 5px;
  }
  .navbar .container {
    width: auto;
    padding: 0;
  }
  .navbar .brand {
    padding-right: 10px;
    padding-left: 10px;
    margin: 0 0 0 -5px;
  }
  .nav-collapse {
    clear: both;
  }
  .nav-collapse .nav {
    float: none;
    margin: 0 0 11.5px;
  }
  .nav-collapse .nav > li {
    float: none;
  }
  .nav-collapse .nav > li > a {
    margin-bottom: 2px;
  }
  .nav-collapse .nav > .divider-vertical {
    display: none;
  }
  .nav-collapse .nav .nav-header {
    color: #999999;
    text-shadow: none;
  }
  .nav-collapse .nav > li > a,
  .nav-collapse .dropdown-menu a {
    padding: 6px 15px;
    font-weight: bold;
    color: #999999;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
  }
  .nav-collapse .btn {
    padding: 4px 10px 4px;
    font-weight: normal;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
  }
  .nav-collapse .dropdown-menu li + li a {
    margin-bottom: 2px;
  }
  .nav-collapse .nav > li > a:hover,
  .nav-collapse .dropdown-menu a:hover {
    background-color: #222222;
  }
  .nav-collapse.in .btn-group {
    padding: 0;
    margin-top: 5px;
  }
  .nav-collapse .dropdown-menu {
    position: static;
    top: auto;
    left: auto;
    display: block;
    float: none;
    max-width: none;
    padding: 0;
    margin: 0 15px;
    background-color: transparent;
    border: none;
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
  }
  .nav-collapse .dropdown-menu:before,
  .nav-collapse .dropdown-menu:after {
    display: none;
  }
  .nav-collapse .dropdown-menu .divider {
    display: none;
  }
  .nav-collapse .navbar-form,
  .nav-collapse .navbar-search {
    float: none;
    padding: 11.5px 15px;
    margin: 11.5px 0;
    border-top: 1px solid #222222;
    border-bottom: 1px solid #222222;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
       -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  }
  .navbar .nav-collapse .nav.pull-right {
    float: none;
    margin-left: 0;
  }
  .nav-collapse,
  .nav-collapse.collapse {
    height: 0;
    overflow: hidden;
  }
  .navbar .btn-navbar {
    display: block;
  }
  .navbar-static .navbar-inner {
    padding-right: 10px;
    padding-left: 10px;
  }
}

@media (min-width: 980px) {
  .nav-collapse.collapse {
    height: auto !important;
    overflow: visible !important;
  }
}

/* Adding STX responsive styles directly for now */

/* Styles for transitional grid with 8px gutters. Currently used for Home Page only */

@media (min-width: 1200px) {
  .container.gutter8 {
    width: 1192px;
  }
  .gutter8 .span12 {
    width: 1192px;
  }
  .gutter8 .span9 {
    width: 892px;
  }
  .gutter8 .span3 {
    width: 292px;
  }
}

@media (max-width: 979px) and (min-width: 768px) {
  .container.gutter8 {
    width: 736px;
  }
  .gutter8 .span12 {
    width: 736px;
  }
  .gutter8 .span9 {
    width: 550px;
  }
  .gutter8 .span3 {
    width: 178px;
  }
  .gutter8 .t-s12 {
    width: 736px;
  }
  .gutter8 .t-s9 {
    width: 550px;
  }
  .gutter8 .t-s8 {
    width: 488px;
  }
  .gutter8 .t-s4 {
    width: 240px;
  }
  .gutter8 .t-s3 {
    width: 178px;
  }
}

@media (max-width: 767px) {
  .container.gutter8 {
    width: auto;
  }
  .gutter8 .span12 {
    width: auto;
  }
  .gutter8 .span9 {
    width: auto;
  }
  .gutter8 .span3 {
    width: auto;
  }
  .gutter0 [class*="span"] {
    width: auto;
  }
}

/* nav header locale selector */

@media (min-width: 1200px) {
  .nav-header-drop .row {
    margin-left: -20px;
  }
}

/* nav global */

@media (max-width: 767px) {
  .nav-global {
    display: block;
  }
}

/* Search Box Display View */

@media (max-width: 767px) {
  ul.search-nav {
    height: auto;
    border: none;
  }
  ul.search-nav li {
    display: none;
    float: none;
  }
  ul.search-nav li.active {
    display: block;
    padding: 0;
  }
  ul.search-nav li.tab-mobile-show {
    display: block;
  }
  ul.search-nav li,
  ul.search-nav li.active {
    border-radius: 0;
  }
  ul.search-nav li > a {
    margin-right: 0;
    border-radius: 0;
  }
  ul.search-nav li > a,
  ul.search-nav li.active > a,
  ul.search-nav li > a:hover,
  ul.search-nav li.active > a:hover {
    padding: 10px;
    text-decoration: none;
    border-right: none;
    border-bottom: 1px solid #ebebeb;
  }
  ul.search-nav li.active > a:before,
  ul.search-nav li.active.active-tab-opened > a:before {
    position: absolute;
    right: 30px;
    width: 30px;
    height: 25px;
    background-image: url("../images/menu-arrows.png");
    background-repeat: no-repeat;
    content: "";
  }
  ul.search-nav li.active.active-tab-opened > a:before {
    background-position: 98% -36px;
  }
  ul.search-nav li.active > a:before,
  ul.search-nav li.active.active-tab-closed > a:before {
    background-position: 98% -4px;
  }
}

@media (max-width: 767px) {
  input.search-query {
    margin-bottom: 9px;
  }
}

/* Search Results Display View */

@media (max-width: 767px) {
  .search-results-featured.two-up li,
  .search-results-featured.three-up li {
    display: inline-block;
    width: 100%;
    margin-right: 0;
  }
  .search-results-featured.three-up img {
    float: left;
  }
}

/* Search Filter Knowledge base Display View */

@media (max-width: 767px) {
  .search-filter-kb-list li label {
    padding: 11px 0;
    margin: 0;
    border-top: 1px dashed #818c8c;
  }
  .search-filter-kb-list li:first-of-type label {
    border-top: none;
  }
}

/* Tile List and Tile Categories Display Views */

@media (min-width: 1200px) {
  .tiles .span3 {
    width: 270px;
  }
  .tiles .span3 .tile {
    width: 257px;
    height: 278px;
  }
  .tiles .span3 .tile h3 {
    width: 257px;
    height: 90px;
  }
  .tiles .span3 .tile .cta {
    width: 257px;
    height: 18px;
  }
}

@media (max-width: 1199px) and (min-width: 770px) {
  .tiles .span3 {
    width: 220px;
  }
  .tiles .span3 .tile {
    width: 207px;
    height: 260px;
  }
  .tiles .span3 .tile h3 {
    width: 207px;
    height: 105px;
  }
  .tiles .span3 .tile .cta {
    width: 207px;
    height: 18px;
  }
}

@media (max-width: 979px) and (min-width: 768px) {
  .tiles .span3 {
    width: 256px;
  }
  .tiles .span3 .tile {
    width: 246px;
    height: 268px;
  }
  .tiles .span3 .tile h3 {
    width: 246px;
    height: 90px;
  }
  .tiles .span3 .tile .cta {
    width: 246px;
    height: 18px;
  }
  .tile-categories-list .pdp-main-tab > .tab-to-drop-dropdown > .dropdown-menu {
    position: static;
    display: block;
    padding: 0;
    margin: 0;
    background-color: #fff;
    background-image: none;
    border-top: none;
    border-radius: 0;
    box-shadow: none;
  }
  .tile-categories-list .tab-to-drop-dropdown > .dropdown-toggle {
    display: none;
  }
  .tile-categories-list .pdp-main-tab {
    box-shadow: none;
  }
  .tile-categories-list .tab-to-drop-dropdown > .dropdown-menu > li a {
    color: #00a1dd;
  }
  .tile-categories-list .tab-to-drop-dropdown > .dropdown-menu > li a:hover {
    color: #ffffff;
  }
  .tile-categories-list .tab-to-drop-dropdown > .dropdown-menu > li.active a {
    color: #ffffff;
  }
}

@media (max-width: 767px) {
  {
    /* Fix more mobile isotope display */
  
    /* Special tab system which can be changed into accordion within small viewport */
  
  }
  .tiles .span3 {
    width: 96%;
  }
  .tiles .span3 .tile {
    width: 95%;
    height: auto;
  }
  .tiles .span3 .tile h3 {
    width: 100%;
    height: auto;
  }
  .tiles .span3 .tile .cta {
    width: 100%;
    height: auto;
  }
  .tile-category-tab-dropdown-menu a.button {
    color: #fff;
  }
  .tile-category-tab-control {
    float: left;
    width: 60%;
  }
  .tile-category-group-title {
    float: left;
    width: 38%;
    padding-top: 8px;
    padding-right: 2%;
    clear: left;
    font-size: 20px;
    text-align: left;
  }
  .thumbnails.tiles.isotope {
    overflow: visible !important;
  }
  .tiles .span3.isotope-item {
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    -webkit-transform: none !important;
            transform: none !important;
  }
  .tiles .isotope-item.isotope-hidden {
    display: none;
  }
  .tab-to-accordion-tab {
    display: none;
  }
  .tab-to-accordion-tab-content > .tab-pane {
    display: block;
  }
  .tab-to-accordion .accordion-heading {
    display: block;
  }
  .tab-to-accordion .accordion-group {
    height: auto !important;
  }
  .tab-to-accordion .accordion-body.collapse {
    height: 0;
  }
  .span4.vertical-rule-left {
    padding-left: 0;
    margin-left: 0;
    border-left: none;
  }
}

/* Standard Responsive Nav Tabs Display View */

@media (max-width: 979px) {
  .rwd-nav-tabs {
    position: relative;
    width: 100%;
    background-color: #00a1dd;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
  }
  .rwd-nav-tabs > li {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
  }
  .rwd-nav-tabs-display {
    position: absolute;
    display: block;
    width: 84%;
    padding: 8px 20px;
    margin: 0;
    overflow: hidden;
    font-size: 15px;
    font-weight: bold;
    line-height: 24px;
    color: #ffffff;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
    vertical-align: middle;
    border-right: 1px solid #00678d;
    box-shadow: inset -1px 0 0 #007aa6;
  }
  .rwd-nav-tabs > li.rwd-nav-tabs-dropdown.active > .dropdown-menu {
    background-color: #838888;
    border-radius: 0 0 3px 3px;
  }
  .rwd-nav-tabs > li.rwd-nav-tabs-dropdown.active > a.dropdown-toggle,
  .rwd-nav-tabs > li.rwd-nav-tabs-dropdown.active > a.dropdown-toggle:hover {
    position: relative;
    z-index: 2;
    display: block;
    width: 100%;
    height: 100%;
    height: 40px;
    padding: 0;
    margin: 0;
    line-height: 40px;
    text-align: right;
    text-decoration: none;
    background-color: transparent;
    background-image: none;
    border: none;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
  }
  .rwd-nav-tabs > li.rwd-nav-tabs-dropdown.active > a.dropdown-toggle span {
    display: inline-block;
    width: 16%;
    height: 100%;
    padding: 0;
    margin: 0;
    font-size: 13px;
    line-height: 40px;
    color: #fff;
    text-align: center;
    background-color: transparent;
    border: none;
    -webkit-border-radius: 0 3px 3px 0;
       -moz-border-radius: 0 3px 3px 0;
            border-radius: 0 3px 3px 0;
    -webkit-transition: background-color 0.4s;
       -moz-transition: background-color 0.4s;
        -ms-transition: background-color 0.4s;
         -o-transition: background-color 0.4s;
            transition: background-color 0.4s;
  }
  .rwd-nav-tabs > li.rwd-nav-tabs-dropdown.active > a.dropdown-toggle:hover {
    color: #fff;
  }
  .rwd-nav-tabs > li.rwd-nav-tabs-dropdown.active > a.dropdown-toggle:hover span {
    background-color: #838888;
  }
  .rwd-nav-tabs > li.rwd-nav-tabs-dropdown.active.open > a.dropdown-toggle span,
  .rwd-nav-tabs > li.rwd-nav-tabs-dropdown.active.open > a.dropdown-toggle:hover span {
    background-color: #838888;
    border-radius: 0 3px 0 0;
  }
  .rwd-nav-tabs > li.rwd-nav-tabs-dropdown.active.open > .rwd-nav-tabs-dropdown-menu {
    display: block;
    padding: 10px 0;
  }
  .rwd-nav-tabs-dropdown-menu {
    position: absolute;
    top: 100%;
    right: 0;
    left: auto;
    z-index: 1;
    display: none;
    width: auto;
    padding: 10px 0;
    margin: 0;
    border-top: 1px solid #ccc;
    -webkit-border-radius: 0 0 3px 3px;
       -moz-border-radius: 0 0 3px 3px;
            border-radius: 0 0 3px 3px;
    -webkit-box-shadow: 0 5px 7px rgba(0, 0, 0, 0.1);
       -moz-box-shadow: 0 5px 7px rgba(0, 0, 0, 0.1);
            box-shadow: 0 5px 7px rgba(0, 0, 0, 0.1);
  }
  .rwd-nav-tabs-dropdown-menu > li {
    display: block;
    float: none;
    margin-left: 0;
  }
  .rwd-nav-tabs-dropdown-menu a.button {
    display: block;
    height: auto;
    color: #fff;
    text-align: left;
    text-transform: none;
    background-color: transparent;
    background-image: none;
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
    filter: none;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
  }
}

@media (max-width: 979px) {
  .pdp-main-tab {
    position: relative;
    width: 100%;
    background-color: #00a1dd;
    border-radius: 3px;
  }
  .pdp-main-tab > li {
    -moz-box-sizing: border-box;
         box-sizing: border-box;
  }
  .pdp-main-tab > .tab-to-drop-display {
    position: absolute;
    width: 84%;
    padding: 8px 20px;
    margin: 0;
    overflow: hidden;
    font-size: 15px;
    font-weight: bold;
    line-height: 24px;
    color: #ffffff;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
    vertical-align: middle;
    border-right: 1px solid #00678d;
    box-shadow: inset -1px 0 0 #007aa6;
  }
  .pdp-main-tab > .dropdown {
    width: 100%;
  }
  .pdp-main-tab > .dropdown .dropdown-toggle {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    line-height: 40px;
    text-align: right;
    background-color: transparent;
    border: none;
    border-radius: 3px;
  }
  .pdp-main-tab > .dropdown .dropdown-toggle span {
    display: inline-block;
    width: 16%;
    height: 100%;
    padding: 0;
    margin: 0;
    font-size: 13px;
    line-height: 40px;
    color: #fff;
    text-align: center;
    background-color: transparent;
    border: none;
    border-radius: 0 3px 3px 0;
    -webkit-transition: background-color 0.4s;
       -moz-transition: background-color 0.4s;
        -ms-transition: background-color 0.4s;
         -o-transition: background-color 0.4s;
            transition: background-color 0.4s;
  }
  .pdp-main-tab > .dropdown a.dropdown-toggle:hover {
    color: #fff;
    text-decoration: none;
    background-color: transparent;
    background-image: none;
    border: none;
  }
  .pdp-main-tab > .dropdown a.dropdown-toggle:hover span {
    background-color: #838888;
  }
  .pdp-main-tab > .open > a.dropdown-toggle,
  .pdp-main-tab > li.dropdown.open.active > a.dropdown-toggle:hover {
    background-color: transparent;
  }
  .pdp-main-tab > .open > a.dropdown-toggle span,
  .pdp-main-tab > .open > a.dropdown-toggle:hover span {
    background-color: #838888;
    border-radius: 0 3px 0 0;
  }
  .pdp-tab-control .row-fluid [class*="span"].pull-right {
    float: none;
  }
  .tab-to-drop-display,
  .tab-to-drop-dropdown > .dropdown-toggle {
    display: block;
  }
  .tab-to-drop-dropdown > .dropdown-menu {
    position: absolute;
    top: 100%;
    right: 0;
    left: auto;
    display: none;
    padding: 0;
    margin: 0;
    border-radius: 0;
    box-shadow: none;
  }
  .tab-to-drop-dropdown.open > .dropdown-menu {
    display: block;
    padding: 10px 0;
  }
  .tab-to-drop-dropdown > .dropdown-menu > li {
    display: block;
    float: none;
    margin-left: 0;
  }
  .tab-to-drop-dropdown > .dropdown-menu > li a {
    color: #fff;
  }
  .pdp-main-tab > .dropdown > .dropdown-menu {
    z-index: 1;
    width: auto;
    background-color: #838888;
    border-top: 1px solid #ccc;
    border-radius: 0 0 3px 3px;
    box-shadow: 0 5px 7px rgba(0, 0, 0, 0.1);
  }
  .pdp-main-tab-dropdown-menu a.button {
    display: block;
    height: auto;
    max-width: none;
    text-align: left;
    text-transform: none;
    background-color: transparent;
    background-image: none;
    border-radius: 0;
    filter: none;
    box-shadow: none;
  }
  .pdp-main-tab-side {
    width: 100%;
  }
  .pdp-main-tab-side > li [class*="icn-"] {
    display: none;
  }
  .pdp-main-tab-side a.button {
    width: 100%;
    max-width: none;
    text-align: left;
  }
  .pdp-feature-cell-text p,
  .pdp-feature-cell-text li,
  .pdp-buy p,
  .pdp-buy li,
  .pdp-accessories-info p,
  .pdp-accessories-info li,
  .pdp-related-products-info p,
  .pdp-related-products-info li {
    font-size: 14px;
  }
  .pdp-info [class*="icn-"] {
    width: 25px;
    height: 20px;
    background-size: 375px 60px;
  }
  .pdp-info [class*="icn-large-"] {
    width: 35px;
    height: 28px;
    background-size: 105px 84px;
  }
  .pdp-info .icn-videos {
    background-position: -50px 0;
  }
  .pdp-info .icn-arrowhead-down {
    background-position: -100px 0;
  }
  .pdp-info .icn-arrowhead-up {
    background-position: -150px 0;
  }
  .pdp-info .icn-arrowhead-right {
    background-position: -200px 0;
  }
  .pdp-info .icn-arrowhead-left {
    background-position: -250px 0;
  }
  .pdp-info .icn-cart {
    background-position: -300px 0;
  }
  .pdp-info .icn-guides-book {
    background-position: 0 -40px;
  }
  .pdp-info .icn-lifebelt {
    background-position: -50px -40px;
  }
  .pdp-info .icn-arrow-down {
    background-position: -100px -40px;
  }
  .pdp-info .icn-arrow-up {
    background-position: -150px -40px;
  }
  .pdp-info .icn-arrow-right {
    background-position: -200px -40px;
  }
  .pdp-info .icn-arrow-left {
    background-position: -250px -40px;
  }
  .pdp-info .icn-arrowgoto-right {
    background-position: -300px -40px;
  }
  .pdp-info .icn-large-download {
    background-position: 0 0;
  }
  .pdp-info .icn-large-user-guide {
    background-position: 0 -56px;
  }
  .pdp-info .icn-large-data-sheet {
    background-position: -70px -56px;
  }
  .pdp-accessories-image.span2,
  .pdp-accessories-info.span8 {
    float: left;
  }
  .pdp-accessories-buy.span2 {
    float: right;
  }
  .pdp-accessories-buy > strong,
  .pdp-accessories-buy small,
  .pdp-accessories-buy del,
  .pdp-accessories-buy p {
    font-size: 12px;
  }
  .pdp-accessories-buy > strong {
    font-size: 15px;
  }
  .pdp-accessories-info h3 {
    font-size: 18px;
  }
  .pdp-buy-title h3 {
    font-size: 16px;
  }
  .pdp-buy-title h3 ~ p {
    font-size: 12px;
  }
  .pdp-feature-cta {
    font-size: 14px;
  }
  .pdp-feature-row-quote [class*="row"] + [class*="row"] {
    margin-top: 0;
  }
}

@media (max-width: 767px) {
  {
    /* Special tab system which can be changed into accordion within small viewport */
  
    /** Comment/Uncomment the following rules to display bullet for mobile */
  
    /**/
  
    /* cwswww 2247
    	.pdp-feature-row .container.ds-btm {
    		padding: 10px 20px;
    	}
    	*/
  
    /* Specs Table */
  
    /*responsive header*/
  
    /*Nav global styles*/
  
    /* CSS Plus Minus Sign - First and Secondary Level*/
  
    /* CSS Small Dark Gray Right Pointing Arrow - Third Level */
  
    /* CSS Normal White Right Pointing Arrow - First and Second Level */
  
    /* Overwrite bootstrap modal */
  
  }
  .billboard {
    padding: 20px 0 40px;
  }
  .billboard-image-box {
    padding: 20px 15px;
    line-height: normal;
  }
  .billboard-text-box {
    padding: 0;
  }
  .billboard .span6.billboard-image-box,
  .billboard .span6.billboard-text-box {
    display: none;
  }
  .stay-informed-content {
    width: 100%;
  }
  .pdp-intro .video {
    width: 85%;
    max-width: 320px;
    margin-right: auto;
    margin-left: auto;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
  }
  .tab-to-accordion-tab {
    display: none;
  }
  .tab-to-accordion-tab-content > .tab-pane {
    display: block;
  }
  .tab-to-accordion .accordion-heading {
    display: block;
  }
  .tab-to-accordion .accordion-group {
    height: auto !important;
  }
  .tab-to-accordion .accordion-body.collapse {
    height: 0;
  }
  .pdp-info {
    margin-bottom: 30px;
  }
  .pdp-info .container {
    width: auto;
  }
  .pdp-info-tab-content {
    background-color: #ececec;
    background-image: none;
    box-shadow: 0 0px 8px rgba(0, 0, 0, 0.4);
  }
  .pdp-info-tab-content .container,
  .pdp-info-tab-content .tab-pane {
    padding: 0;
  }
  .pdp-info-tab-content .accordion-toggle {
    position: relative;
    display: block;
    padding: 13px 60px 13px 20px;
    font-size: 16px;
    font-weight: bold;
    line-height: 20px;
    text-transform: uppercase;
    border-color: #fff transparent #ccc;
    border-style: solid;
    border-width: 1px 0;
  }
  .pdp-info-tab-content .accordion-toggle:after {
    position: absolute;
    top: 50%;
    right: 25px;
    margin-top: -14px;
    font-size: 28px;
    font-style: normal;
    color: #999;
    content: "\002b";
  }
  .pdp-info-tab-content .pdp-info-tab-pane-support .accordion-toggle:after {
    font-size: 26px;
    content: "\003e";
  }
  .pdp-info-tab-content .accordion-toggle:hover {
    color: #666;
    text-decoration: none;
    background-color: #f5f5f5;
  }
  .pdp-info-tab-content .accordion-toggle:hover [class*="icn-"] {
    background-image: url("../images/icn-sprite-gray.png");
  }
  .pdp-info-tab-content .accordion-toggle:hover:after {
    color: #666;
  }
  .pdp-info-tab-content .accordion-toggle.open,
  .pdp-info-tab-content .accordion-toggle:active {
    color: #999;
    background-color: #fff;
  }
  .pdp-info-tab-content .accordion-toggle.open [class*="icn-"],
  .pdp-info-tab-content .accordion-toggle:active [class*="icn-"] {
    background-image: url("../images/icn-sprite-gray-light.png");
  }
  .pdp-info-tab-content .accordion-toggle.open:after {
    right: 26px;
    margin-top: -13px;
    color: #099;
    content: "\2013";
  }
  .pdp-info-tab-content .accordion-toggle:active:after {
    color: #099;
  }
  .pdp-info-tab-content .tab-content > .tab-pane:first-of-type .accordion-toggle {
    border-width: 0 0 1px;
  }
  .pdp-info-tab-content .accordion-body {
    padding: 0 20px;
    background-color: #fff;
    background-image: -moz-linear-gradient(top, #ffffff, #ececec);
    background-image: -ms-linear-gradient(top, #ffffff, #ececec);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#ececec));
    background-image: -webkit-linear-gradient(top, #ffffff, #ececec);
    background-image: -o-linear-gradient(top, #ffffff, #ececec);
    background-image: linear-gradient(top, #ffffff, #ececec);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ececec', GradientType=0);
  }
  .pdp-info-tab-pane-photos .video {
    width: 85%;
    max-width: 320px;
    margin: 0 auto;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
  }
  .pdp-info-tab-pane-photos .m-carousel-bulleted {
    /** thumbnail/bullet can be removed by uncomment the following rule 
    		display: none;
    		**/
  
  }
  .pdp-info-tab-pane-photos .m-carousel-bulleted a {
    width: 0;
    height: 0;
    padding: 8px;
    margin: 5px;
    text-indent: -999px;
    background-color: rgba(255, 255, 255, 0.3);
    border: none;
    border-radius: 50%;
    -webkit-box-shadow: inset rgba(0, 0, 0, 0.25) 0 1px 2px;
       -moz-box-shadow: inset rgba(0, 0, 0, 0.25) 0 1px 2px;
            box-shadow: inset rgba(0, 0, 0, 0.25) 0 1px 2px;
    -webkit-transition: background-color 0.1s ease-in;
       -moz-transition: background-color 0.1s ease-in;
         -o-transition: background-color 0.1s ease-in;
            transition: background-color 0.1s ease-in;
  }
  .pdp-info-tab-pane-photos .m-carousel-bulleted a:hover,
  .pdp-info-tab-pane-photos .m-carousel-bulleted a:focus {
    text-decoration: none;
    background-color: rgba(255, 255, 255, 0.6);
  }
  .pdp-info-tab-pane-photos .m-carousel-bulleted a.m-carousel-bullet-video {
    position: relative;
    margin-left: 5px;
    -webkit-box-shadow: inset rgba(0, 0, 0, 0.25) 0 1px 2px;
       -moz-box-shadow: inset rgba(0, 0, 0, 0.25) 0 1px 2px;
            box-shadow: inset rgba(0, 0, 0, 0.25) 0 1px 2px;
  }
  .pdp-info-tab-pane-photos .m-carousel-bulleted a.m-active {
    background-color: #ffffff;
    -webkit-box-shadow: rgba(0, 0, 0, 0.25) 0 1px 2px;
       -moz-box-shadow: rgba(0, 0, 0, 0.25) 0 1px 2px;
            box-shadow: rgba(0, 0, 0, 0.25) 0 1px 2px;
  }
  .pdp-info-tab-pane-photos .m-carousel-bulleted a.m-carousel-bullet-video:after,
  .pdp-info-tab-pane-photos .m-carousel-bulleted a.m-carousel-bullet-video:before {
    display: none;
  }
  .pdp-info-tab-pane-photos .m-carousel-bulleted a:hover,
  .pdp-info-tab-pane-photos .m-carousel-bulleted a:focus,
  .pdp-info-tab-pane-photos .m-carousel-bulleted a.m-active,
  .pdp-info-tab-pane-photos .m-carousel-bulleted a.m-active:hover,
  .pdp-info-tab-pane-photos .m-carousel-bulleted a.m-active:focus {
    border: none;
  }
  .pdp-info-tab-content .accordion-inner {
    padding: 20px 0;
  }
  .pdp-intro {
    margin-top: 0;
    margin-bottom: 0;
  }
  .pdp-intro > .row-fluid > .span6 .video {
    margin-left: 0;
  }
  .pdp-intro > .row-fluid > .span6 .text-wrapper {
    margin-right: 0;
  }
  .row-fluid.row-reverse > [class*="span"] {
    float: none;
    margin-left: 0;
  }
  .pdp-feature-row [class^="row"] > [class*="span"] > .pdp-feature-cell-image {
    text-align: center;
  }
  .pdp-feature-row.background-img {
    min-height: 360px;
  }
  .pdp-feature-row.centered .pdp-feature-cell-text {
    width: 100%;
  }
  .teaser-background-image {
    display: none;
  }
  .pdp-info-guides-list > li {
    padding: 10px 8px;
  }
  p.pdp-info-guides-doc-type,
  p.pdp-info-guides-doc-format {
    width: 48.618784527%;
    font-size: 12px;
    line-height: 28px;
  }
  p.pdp-info-guides-doc-name {
    float: none;
    width: 100%;
    padding-left: 5px;
    clear: both;
  }
  .pdp-accessories-row .ds-btm {
    padding: 10px 20px 20px;
  }
  .pdp-accessories-image.span2,
  .pdp-accessories-buy.span2 {
    width: 48.618784527%;
    margin-bottom: 18px;
    text-align: center;
  }
  .pdp-accessories-buy.span2 {
    margin-left: 2.762430939%;
    /*padding-top: 20px;*/
  
  }
  .pdp-accessories-buy .button {
    min-width: 104px;
    margin-bottom: 14px;
  }
  .pdp-buy > .row-fluid,
  .pdp-buy.two-column > .row-fluid {
    background: none!important;
  }
  .pdp-buy > .row-fluid > .span6,
  .pdp-buy > .row-fluid > .span6 + .span3,
  .pdp-buy > .row-fluid > .span3 + .span3 {
    width: auto;
    padding-right: 0;
    margin-left: 0;
    border: none;
  }
  .pdp-buy > .row-fluid > .span6 {
    margin-bottom: 10px;
  }
  .pdp-buy > .row-fluid > .span6 + .span3 {
    margin-bottom: 20px;
  }
  .pdp-buy > .row-fluid > .span6 .pdp-buy-title,
  .pdp-buy-filter {
    width: 100%;
  }
  .pdp-buy-filter-molecule > li {
    width: 100%;
    height: auto!important;
  }
  .pdp-buy-filter-molecule > li:nth-child(odd),
  .pdp-buy-filter-molecule > li:nth-child(even) {
    margin: 0 0 10px;
  }
  .pdp-buy-image {
    display: none;
  }
  .pdp-buy-filter-atom > li a,
  .buy-box-table li .button {
    padding: 4px 6px;
    font-size: 12px;
    line-height: 16px;
  }
  .product-specs-table-shadow-right {
    display: none;
  }
  .pstable-view-right .product-specs-table-content tr th,
  .pstable-view-right .product-specs-table-content tr td {
    display: none;
    width: 50%;
  }
  .pstable-view-right .product-specs-table-content tr th.show-phone-tt,
  .pstable-view-right .product-specs-table-content tr td.show-phone-tt {
    display: table-cell;
    width: 50%;
  }
  .pstable-view-right .product-specs-table-content tr.editorial-content td {
    display: block;
    width: 100%;
    border-bottom: 0;
  }
  .product-specs-table td {
    font-size: 11px;
  }
  .product-specs-table th {
    font-size: 11px;
  }
  .product-specs-table-content a.pdf {
    float: left;
    width: 50%;
    padding-top: 28px;
    padding-left: 0;
    margin-bottom: 16px;
    font-size: 9px;
    text-align: center;
    background-image: url(../images/icn-pdf-touch.png);
    background-position: center top;
  }
  .product-specs-table-content th ul li.buy .price-block,
  .product-specs-table-content td ul li.buy .price-block {
    margin-bottom: 6px;
  }
  .product-specs-table-content th ul li.buy .add-to-cart,
  .product-specs-table-content td ul li.buy .add-to-cart {
    margin-bottom: 17px;
  }
  .nav-header-wrapper,
  .nav-header {
    background-color: #323232;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMyMzIzMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0OTQ5NDkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background-image: -moz-linear-gradient(top, #323232 0%, #494949 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #323232), color-stop(100%, #494949));
    background-image: -webkit-linear-gradient(top, #323232 0%, #494949 100%);
    background-image: -o-linear-gradient(top, #323232 0%, #494949 100%);
    background-image: -ms-linear-gradient(top, #323232 0%, #494949 100%);
    background-image: linear-gradient(to bottom, #323232 0%, #494949 100%);
    /*margin-bottom: 10px;*/
  
  }
  .nav-header-wrapper .nav-header {
    background: transparent;
  }
  .nav-header-wrapper.nav-search-toggle .container {
    height: 88px;
    background-color: #323232;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMyMzIzMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzMyMzIzMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzQ5NDk0OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0OTQ5NDkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background-image: -moz-linear-gradient(top, #323232 0%, #323232 50%, #494949 50%, #494949 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #323232), color-stop(50%, #323232), color-stop(50%, #494949), color-stop(100%, #494949));
    background-image: -webkit-linear-gradient(top, #323232 0%, #323232 50%, #494949 50%, #494949 100%);
    background-image: -o-linear-gradient(top, #323232 0%, #323232 50%, #494949 50%, #494949 100%);
    background-image: -ms-linear-gradient(top, #323232 0%, #323232 50%, #494949 50%, #494949 100%);
    background-image: linear-gradient(to bottom, #323232 0%, #323232 50%, #494949 50%, #494949 100%);
  }
  .nav-header-logo img {
    width: auto;
    height: 29px;
    min-width: 90px;
  }
  .nav-header .span4 {
    float: left;
    width: 31.914893614%;
    line-height: 44px;
  }
  .nav-header .span8 {
    float: right;
    width: 65.95744680199999%;
  }
  .nav-header .span8 > :first-child {
    display: none;
  }
  .nav-header-toggle-btn,
  .subnav-cart-counter .ss-icon {
    display: block;
  }
  a.nav-header-toggle-btn,
  .subnav-cart-counter a.btn {
    position: relative;
    float: right;
    width: 40px;
    height: 30px;
    padding: 0;
    margin: 6px 10px 6px 0;
    font-size: 19px;
    line-height: 34px;
    color: #ececec;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    background: rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(0, 0, 0, 0.7);
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
    -webkit-box-shadow: rgba(255, 255, 255, 0.25) 0 0 1px inset, rgba(255, 255, 255, 0.15) 0 1px;
       -moz-box-shadow: rgba(255, 255, 255, 0.25) 0 0 1px inset, rgba(255, 255, 255, 0.15) 0 1px;
            box-shadow: rgba(255, 255, 255, 0.25) 0 0 1px inset, rgba(255, 255, 255, 0.15) 0 1px;
  }
  a[data-target*='nav-global-wrapper'] {
    margin-right: 0;
    color: #fff;
    background-color: #70b5b6;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzcwYjViNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0YTk2OTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background-image: -moz-linear-gradient(top, #70b5b6 0%, #4a9697 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #70b5b6), color-stop(100%, #4a9697));
    background-image: -webkit-linear-gradient(top, #70b5b6 0%, #4a9697 100%);
    background-image: -o-linear-gradient(top, #70b5b6 0%, #4a9697 100%);
    background-image: -ms-linear-gradient(top, #70b5b6 0%, #4a9697 100%);
    background-image: linear-gradient(to bottom, #70b5b6 0%, #4a9697 100%);
  }
  .nav-global-toggle a[data-target*='nav-global-wrapper'] {
    opacity: 0.8;
    -webkit-box-shadow: rgba(255, 255, 255, 0.25) 0 1px;
       -moz-box-shadow: rgba(255, 255, 255, 0.25) 0 1px;
            box-shadow: rgba(255, 255, 255, 0.25) 0 1px;
  }
  .nav-header-form-search {
    width: 151%;
    margin: 0;
  }
  .nav-header-form-search fieldset {
    display: none;
  }
  .nav-header-form-search.in fieldset {
    display: block;
    padding: 7px 5px;
  }
  .nav-header-input-medium {
    width: 100%;
    height: 30px;
    padding: 4px 14px;
    font-size: 14px;
    line-height: normal;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }
  .nav-header .nav-header-search-submit {
    right: 0;
    width: 44px;
    height: 30px;
    font-size: 16px;
    line-height: 30px;
    letter-spacing: normal;
    color: #62c7c8;
    text-indent: 0;
    background-color: #737373;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzczNzM3MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyMDIwMjAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background-image: -moz-linear-gradient(top, #737373 0%, #202020 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #737373), color-stop(100%, #202020));
    background-image: -webkit-linear-gradient(top, #737373 0%, #202020 100%);
    background-image: -o-linear-gradient(top, #737373 0%, #202020 100%);
    background-image: -ms-linear-gradient(top, #737373 0%, #202020 100%);
    background-image: linear-gradient(to bottom, #737373 0%, #202020 100%);
  }
  .nav-header-form-search fieldset .error-message {
    position: relative;
    top: auto;
    left: auto;
    float: left;
    width: 100%;
    margin: 10px 0 0;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }
  .nav-header-form-search fieldset .error-message:before {
    left: 50%;
    margin-left: -4px;
  }
  .subnav-cart-counter {
    padding: 0;
    margin: 0;
    border: none;
  }
  .subnav-cart-counter .icon-cart {
    display: none;
  }
  .subnav-cart-counter .cart-amount {
    position: absolute;
    top: -5px;
    right: -8px;
    padding: 0 5px;
    font-size: 16px;
    line-height: 18px;
    background-color: #fd7b24;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkN2IyNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNTVjMDEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background-image: -moz-linear-gradient(top, #fd7b24 0%, #e55c01 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fd7b24), color-stop(100%, #e55c01));
    background-image: -webkit-linear-gradient(top, #fd7b24 0%, #e55c01 100%);
    background-image: -o-linear-gradient(top, #fd7b24 0%, #e55c01 100%);
    background-image: -ms-linear-gradient(top, #fd7b24 0%, #e55c01 100%);
    background-image: linear-gradient(to bottom, #fd7b24 0%, #e55c01 100%);
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
    box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.3);
  }
  .nav-global-wrapper {
    margin: 0;
    background: #e6e6e6;
    filter: none;
  }
  .nav-global-wrapper.collapse {
    height: 0;
    overflow: hidden;
  }
  .nav-global-wrapper.collapse.in {
    height: auto;
    overflow: visible;
  }
  .nav-global {
    background: transparent;
    border: none;
    filter: none;
  }
  .nav-global-first-level-item {
    float: none;
    width: 100%;
    height: auto;
    margin: 10px 0;
    border: none;
  }
  .nav-global-first-level-item.hover {
    background: transparent;
  }
  .nav-global .nav-global-first-level-item-link,
  .nav-global .nav-global-first-level-item-link.hover {
    position: relative;
    display: block;
    height: auto;
    min-height: 20px;
    padding: 9px 49px 9px 9px;
    overflow: visible;
    font-size: 15px;
    font-weight: bold;
    color: #404040;
    text-decoration: none;
    text-shadow: rgba(255, 255, 255, 0.5) 0 1px;
    background-color: #eeeeee;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #d8d8d8));
    background-image: -webkit-linear-gradient(top, #eeeeee, #d8d8d8);
    background-image: -moz-linear-gradient(top, #eeeeee, #d8d8d8);
    background-image: -ms-linear-gradient(top, #eeeeee, #d8d8d8);
    background-image: -o-linear-gradient(top, #eeeeee, #d8d8d8);
    background-image: linear-gradient(top, #eeeeee, #d8d8d8);
    border: 1px solid #aaa;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#d8d8d8', GradientType=0);
    -webkit-box-shadow: #ffffff 0 1px inset, #bbbbbb 0 -1px 2px inset, #ffffff 0 0 4px inset;
       -moz-box-shadow: #ffffff 0 1px inset, #bbbbbb 0 -1px 2px inset, #ffffff 0 0 4px inset;
            box-shadow: #ffffff 0 1px inset, #bbbbbb 0 -1px 2px inset, #ffffff 0 0 4px inset;
  }
  .nav-global .nav-global-first-level-item-link:hover {
    color: #404040;
    text-decoration: none;
  }
  .nav-global .nav-global-first-level-item-link:active {
    background-color: #fbfbfb;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fbfbfb), color-stop(100%, #e5e5e5));
    background-image: -webkit-linear-gradient(top, #fbfbfb, #e5e5e5);
    background-image: -moz-linear-gradient(top, #fbfbfb, #e5e5e5);
    background-image: -ms-linear-gradient(top, #fbfbfb, #e5e5e5);
    background-image: -o-linear-gradient(top, #fbfbfb, #e5e5e5);
    background-image: linear-gradient(top, #fbfbfb, #e5e5e5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#d8d8d8', GradientType=0);
  }
  .nav-global-first-level-item-link:before {
    position: absolute;
    top: -1px;
    right: -1px;
    width: 39px;
    height: 100%;
    background-color: #70b6b6;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #70b6b6), color-stop(100%, #499696));
    background-image: -webkit-linear-gradient(top, #70b6b6, #499696);
    background-image: -moz-linear-gradient(top, #70b6b6, #499696);
    background-image: -ms-linear-gradient(top, #70b6b6, #499696);
    background-image: -o-linear-gradient(top, #70b6b6, #499696);
    background-image: linear-gradient(top, #70b6b6, #499696);
    border: 1px solid #499696;
    content: "";
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#d8d8d8', GradientType=0);
    -webkit-box-shadow: rgba(255, 255, 255, 0.5) 1px 1px 1px inset;
       -moz-box-shadow: rgba(255, 255, 255, 0.5) 1px 1px 1px inset;
            box-shadow: rgba(255, 255, 255, 0.5) 1px 1px 1px inset;
  }
  .nav-global-first-level-item-link span {
    display: block;
    height: auto;
    line-height: 18px;
    vertical-align: middle;
  }
  .nav-global-second-level-list {
    position: relative;
    display: none;
    background: transparent;
  }
  .nav-global-second-level-item {
    padding: 0;
    border: none;
  }
  .nav-global-second-level-item > .thin-grey-bottom-line {
    position: relative;
    display: block;
    min-height: 20px;
    padding: 9px 49px 9px 9px;
    overflow: hidden;
    font-size: 15px;
    font-weight: bold;
    color: #404040;
    text-shadow: rgba(255, 255, 255, 0.5) 0 1px;
    background: #ccc;
    border: solid #999999;
    border-bottom-color: #888;
    border-width: 0 1px 1px;
    -webkit-box-shadow: rgba(255, 255, 255, 0.5) 0 1px inset;
       -moz-box-shadow: rgba(255, 255, 255, 0.5) 0 1px inset;
            box-shadow: rgba(255, 255, 255, 0.5) 0 1px inset;
  }
  .hover .thin-grey-bottom-line,
  .hover .thin-grey-bottom-line:hover {
    color: #404040;
    text-decoration: none;
  }
  .nav-global-second-level-item > .thin-grey-bottom-line:before {
    position: absolute;
    top: 0;
    right: 0;
    width: 39px;
    height: 100%;
    background: #b3b3b3;
    border-left: 1px solid #828282;
    content: "";
    -webkit-box-shadow: rgba(255, 255, 255, 0.5) 1px 1px 1px inset;
       -moz-box-shadow: rgba(255, 255, 255, 0.5) 1px 1px 1px inset;
            box-shadow: rgba(255, 255, 255, 0.5) 1px 1px 1px inset;
  }
  .nav-global-second-level-item > .thin-grey-bottom-line:after {
    position: absolute;
    top: -9px;
    left: -8px;
    width: 15px;
    height: 15px;
    background: #999999;
    content: "";
    -webkit-transform: rotate(45deg);
       -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
         -o-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-box-shadow: rgba(255, 255, 255, 0.5) 1px 0;
       -moz-box-shadow: rgba(255, 255, 255, 0.5) 1px 0;
            box-shadow: rgba(255, 255, 255, 0.5) 1px 0;
  }
  .nav-global-secondary-link,
  .hover .nav-global-secondary-link {
    padding: 0;
    background: none;
  }
  .nav-global-secondary-link:before {
    padding: 0;
    background: none;
  }
  .nav-global-first-level-item.hover ul {
    top: 0;
    left: 0;
    display: block;
    width: auto;
  }
  .nav-global-first-level-item.hover > ul:before {
    position: absolute;
    top: 0;
    z-index: 2;
    width: 100%;
    height: 6px;
    pointer-events: none;
    border-top: 1px solid rgba(0, 0, 0, 0.2);
    content: "";
    -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 3px 6px -1px inset;
       -moz-box-shadow: rgba(0, 0, 0, 0.1) 0 3px 6px -1px inset;
            box-shadow: rgba(0, 0, 0, 0.1) 0 3px 6px -1px inset;
  }
  .nav-global-third-level-wrapper {
    position: relative;
    top: 0;
    left: 0;
    display: none;
  }
  .nav-global-second-level-item.hover .nav-global-third-level-wrapper {
    display: block;
    padding: 0;
    margin: 0 3px;
    background: #ccc;
    border: solid #757575;
    border-width: 0 1px 5px;
    filter: none;
  }
  .nav-global-right-item .nav-global-second-level-item.hover .nav-global-third-level-wrapper {
    right: auto;
    left: 0;
  }
  .nav-global-third-level-wrapper .caret {
    display: none;
  }
  .nav-global-third-level-wrapper .thin-grey-bottom-line {
    margin: 0;
    border: none;
  }
  .nav-global-third-level-wrapper .global-nav-browse {
    padding: 0;
  }
  .nav-global-third-level-wrapper .global-nav-browse a,
  .nav-global-third-level ul li a,
  .nav-global-third-level-wrapper .global-nav-browse a:hover,
  .nav-global-third-level ul li a:hover {
    position: relative;
    display: block;
    padding: 5px 27px 5px 7px;
    margin: 0;
    font-size: 12px;
    font-weight: bold;
    color: #666666;
    text-decoration: none;
  }
  .hover .nav-global-third-level-wrapper .global-nav-browse a:active,
  .hover .nav-global-third-level ul li a:active {
    color: #009999;
    text-decoration: none;
  }
  .nav-global-third-level {
    display: block;
    padding: 0;
  }
  .nav-global-third-level strong {
    display: block;
    padding: 5px 7px;
    font-size: 12px;
    color: #e8e8e8;
    background: #757575;
  }
  .nav-global-third-level ul {
    margin: 0;
  }
  .nav-global-third-level ul li {
    padding: 0;
    margin: 0;
  }
  .nav-global-third-level-wrapper a:before {
    display: block;
    margin: -6px -20px 4px 0;
    border-top: 1px solid rgba(0, 0, 0, 0.15);
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    content: "";
  }
  .nav-global-third-level-wrapper .global-nav-browse a:before,
  .nav-global-third-level-wrapper .nav-global-third-level strong + ul > li:first-of-type a:before {
    visibility: hidden;
  }
  .nav-global-first-level-item-link span:before,
  .nav-global-first-level-item-link span:after,
  .nav-global-secondary-link:before,
  .nav-global-secondary-link:after {
    position: absolute;
    top: 50%;
    background: #fff;
    content: "";
    -webkit-box-shadow: rgba(0, 0, 0, 0.25) 0 1px;
       -moz-box-shadow: rgba(0, 0, 0, 0.25) 0 1px;
            box-shadow: rgba(0, 0, 0, 0.25) 0 1px;
  }
  .nav-global-first-level-item-link span:before,
  .nav-global-secondary-link:before {
    right: 10px;
    width: 17px;
    height: 3px;
    margin-top: -2px;
  }
  .nav-global-first-level-item-link span:after,
  .nav-global-secondary-link:after {
    right: 17px;
    width: 3px;
    height: 17px;
    margin-top: -9px;
  }
  .nav-global-first-level-item.hover .nav-global-first-level-item-link span:after,
  .nav-global-second-level-item.hover .nav-global-secondary-link:after {
    display: none;
  }
  .nav-global-third-level-wrapper a:after {
    position: absolute;
    top: 50%;
    right: 14px;
    width: 5px;
    height: 5px;
    margin-top: -4px;
    border: solid #666666;
    border-width: 2px 2px 0 0;
    content: "";
    -webkit-transform: rotate(45deg);
       -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
         -o-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  .nav-global-third-level-wrapper .global-nav-browse a.hover:after,
  .nav-global-third-level-wrapper .global-nav-browse a:active:after,
  .nav-global-third-level ul li a.hover:after,
  .nav-global-third-level ul li a:active:after {
    border-color: #009999;
  }
  .nav-global-without-drop span:before {
    position: absolute;
    top: 50%;
    right: 15px;
    width: 9px;
    height: 9px;
    margin-top: -5px;
    background: transparent;
    border: solid #fff;
    border-width: 3px 3px 0 0;
    content: "";
    -webkit-transform: rotate(45deg);
       -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
         -o-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 2px 0 -1px inset, rgba(0, 0, 0, 0.25) 1px 0;
       -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 2px 0 -1px inset, rgba(0, 0, 0, 0.25) 1px 0;
            box-shadow: rgba(0, 0, 0, 0.2) 0 2px 0 -1px inset, rgba(0, 0, 0, 0.25) 1px 0;
  }
  .nav-global-without-drop span:after {
    display: none;
  }
  .modal,
  .modal.hide.in {
    position: fixed;
    top: 5%;
    right: 10px;
    left: 10px;
    width: auto;
    max-height: 90%;
    margin: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
  .modal.modal-video,
  .modal.modal-video.hide.in {
    overflow-y: visible;
  }
  .modal-body {
    height: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
}

@media (min-width: 768px) {
  {
    /* Special tab system which can be changed into dropdown within small viewport */
  
    /* PDP primary tab */
  
    /* Special tab system which can be changed into accordion within small viewport */
  
    /*responsive header*/
  
  }
  .tab-to-drop-dropdown-menu-item {
    margin-bottom: 18px;
  }
  .pdp-tab-control > .row-fluid > .span6:first-child {
    margin-left: 2.127659574%;
  }
  .tab-to-accordion .accordion-heading {
    display: none;
  }
  .tab-to-accordion .accordion-body.collapse {
    height: auto !important;
  }
  .nav-global-wrapper.collapse,
  .nav-header-form-search {
    height: auto !important;
    overflow: visible !important;
  }
}

@media (max-width: 480px) {
  .pdp-related-products-col {
    float: none;
    width: 100%;
    padding: 20px 0 13px;
    border-width: 0;
  }
  .pdp-related-products .pdp-related-products-col + .pdp-related-products-col {
    border-width: 1px 0 0;
  }
  .pdp-related-products-col img {
    float: left;
    width: 40%;
  }
  .pdp-related-products-col .pdp-related-products-info {
    float: left;
    width: 56%;
    margin-left: 4%;
  }
}

@media (min-width: 480px) and (max-width: 979px) {
  p.pdp-related-products-price .button,
  p.pdp-related-products-price .btn {
    width: 100%;
    margin: 6px 0 0 0;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
  }
}

@media (min-width: 768px) and (max-width: 979px) {
  {
    /* cwswww 2247
    	.pdp-feature-row .container.ds-btm {
    		padding: 25px 0;
    	}
    	*/
    /* Specs Table */
  
  }
  .billboard {
    padding: 15px 0 35px;
  }
  .billboard-image-box {
    line-height: 220px;
  }
  .billboard-text-box {
    padding-top: 24px;
  }
  .pdp-main-tab {
    width: 60%;
  }
  .pdp-main-tab-side {
    width: 35%;
  }
  .pdp-buy > .row-fluid > .span6 + .span3 {
    width: 23.928176794%;
    /*Reduce default left margin from 2.762430939% to 2%*/
  
    width: 24.690607733%;
  }
  .pdp-buy > .row-fluid > .span3 + .span3 {
    width: 21.076923077%;
    /*Reduce default left margin from 2.762430939% to 2%*/
  
    width: 22.690607733%;
  }
  .pdp-feature-row .row-fluid > .pdp-feature-cell-text {
    padding: 0;
  }
  .pdp-info-tab > li a {
    padding: 22px;
    font-size: 16px;
    font-weight: bold;
    line-height: 20px;
  }
  .pdp-info-tab > li.active > a .icn-arrowhead-down,
  .pdp-info-tab > li.active > a:hover .icn-arrowhead-down {
    background-position: -150px 0;
  }
  .pdp-info-tab-pane-photos .video {
    max-width: 500px;
    margin: 0 auto;
  }
  .pdp-info-tab-pane-photos .m-carousel-bulleted a {
    width: 56px;
    height: 56px;
  }
  .row-fluid.row-reverse > [class*="span"] > div:first-of-type {
    margin-left: 2.762430939%;
  }
  p.pdp-info-guides-doc-type {
    font-size: 12px;
    line-height: 14px;
  }
  p.pdp-info-guides-doc-format {
    font-size: 14px;
    line-height: 28px;
  }
  p.pdp-info-guides-doc-name {
    font-size: 16px;
    line-height: 28px;
  }
  .pdp-accessories-buy .button {
    min-width: 84px;
  }
  .teaser-background-image-cell-text {
    height: 80px;
    padding: 13px 8px 8px 10px;
  }
  .teaser-background-image-cell-text .overflow {
    display: none;
  }
  .teaser-background-image-cell-text .overflow-ellipsis:after {
    content: '...';
  }
  .teaser-background-image-cell-text h4 {
    font-size: 19px;
  }
  .buy-box {
    padding-top: 8px;
    padding-bottom: 8px;
  }
  .buy-box-table,
  .buy-box-table li,
  .buy-box-table li + li {
    display: block;
    width: 100%;
  }
  .pdp-buy-seagate .buy-box-table {
    padding: 0;
  }
  .buy-box-table li:first-of-type {
    margin-bottom: 4px;
  }
  .resellersPulldown .buy-box-table li,
  .pdp-buy-distributor .buy-box-table li {
    padding: 0;
  }
  .buy-box-table li .button {
    width: 100%;
  }
  .buy-box-table li:before,
  .buy-box-table li:after {
    display: table;
    content: "";
  }
  .buy-box-table li small {
    width: 100%;
    margin-right: 0;
    text-align: center;
  }
  .stock-status,
  .stock-status-outofstock {
    width: 100%;
    margin-right: 0;
    text-align: center;
  }
  .buy-box-table li:after {
    clear: both;
  }
  .buy-box-table li img {
    float: left;
  }
  .buy-box-table li img + strong {
    float: right;
    line-height: 40px;
  }
  .pdp-buy > .row-fluid > .span6 .pdp-buy-title,
  .pdp-buy-filter {
    width: 241px;
  }
  .product-specs-table td {
    font-size: 12px;
  }
  .product-specs-table th {
    font-size: 12px;
  }
  .product-specs-table-content a.pdf {
    float: left;
    width: 50%;
    padding-top: 28px;
    padding-left: 0;
    margin-bottom: 16px;
    font-size: 9px;
    text-align: center;
    background-image: url(../images/icn-pdf-touch.png);
    background-position: center top;
  }
  .product-specs-table-content th ul li.buy .price-block,
  .product-specs-table-content td ul li.buy .price-block {
    margin-bottom: 6px;
  }
  .product-specs-table-content th ul li.buy .add-to-cart,
  .product-specs-table-content td ul li.buy .add-to-cart {
    margin-bottom: 20px;
  }
}

@media (min-width: 980px) and (max-width: 1199px) {
  .teaser-background-image-cell-text .overflow {
    display: none;
  }
  .teaser-background-image-cell-text .overflow-ellipsis:after {
    content: '...';
  }
}

@media (min-width: 980px) {
  {
    /*.tab-to-drop > .tab-to-drop-dropdown {
    		width: 100%;	
    	}
    	.tab-to-drop-dropdown-menu-item {
    		min-width: 33.333%;
    	}*/
  
  }
  .pdp-info-tab-pane-photos .video {
    max-width: 640px;
    margin: 0 auto;
  }
}

@media (min-width: 1200px) {
  {
    /* cwswww 2247
    	.pdp-feature-row .container.ds-btm {
    		padding: 35px 0;
    	}
    	*/
  }
  .row-fluid.row-reverse > [class*="span"] {
    margin-left: 2.564102564%;
  }
  .row-fluid.row-reverse > [class*="span"] + [class*="span"] {
    margin-left: 0;
  }
  .pdp-accessories-image.span2,
  .pdp-accessories-info.span8 {
    float: left;
  }
  .pdp-accessories-buy.span2 {
    float: right;
  }
  .pdp-accessories-buy .button {
    min-width: 150px;
  }
  .pdp-accessories-buy small,
  .pdp-accessories-buy del {
    font-size: 13px;
  }
  .pdp-accessories-buy > strong {
    font-size: 18px;
  }
  .pdp-accessories-buy p {
    font-size: 15px;
  }
  .pdp-buy > .row-fluid > .span6 + .span3 {
    width: 24.076923077%;
    /*Reduce default left margin from 2.564102564% to 2%*/
  
    width: 24.641025641%;
  }
  .pdp-buy > .row-fluid > .span3 ~ .span3 {
    width: 22.076923077%;
    width: 22.641025641%;
  }
  .pdp-buy > .row-fluid > .span6 .pdp-buy-title,
  .pdp-buy-filter {
    width: 459px;
  }
}

/* New styles for product specs table with frozen left column */

@media screen and (max-width: 767px) {
  .pstable-view-left,
  .pstable-view-right {
    width: 50.1% !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 979px) {
  .product-specs-table .pstable-view-right {
    width: 524px;
  }
  .product-specs-table-content th ul li.buy .stock-status,
  .product-specs-table-content td ul li.buy .stock-status {
    width: auto;
    text-align: left;
  }
}

@media screen and (min-width: 1200px) {
  .product-specs-table .pstable-view-right {
    width: 970px;
  }
}

@media (min-width: 768px) {
  .span-center {
    text-align: center;
  }
  .span12.span-center {
    margin-left: 0;
  }
  .span10.span-center {
    margin-left: 9%;
  }
}

@media (max-width: 767px) {
  .span-center {
    text-align: center;
  }
  .span10.span-center {
    margin-left: 0;
  }
}

@media (min-width: 768px) and (max-width: 979px) {
  .pdp-anchor-row .hidden-tablet {
    display: none !important;
  }
  .pdp-anchor-row .pdp-ar-box li > a {
    border-left: 1px solid #ccc;
  }
  .pdp-anchor-row .pdp-ar-box li:first-of-type > a {
    border-left: none;
  }
  .pdp-anchor-row .pdp-ar-box li:first-child > a {
    border-left: none;
  }
  .pdp-anchor-row .pdp-ar-box li:before {
    display: none;
  }
  .pdp-anchor-row li .pdp-ar-item-link.pdp-ar-tablet {
    position: absolute;
    bottom: 0;
  }
}

@media (max-width: 767px) {
  .pdp-anchor-row {
    display: none;
  }
}

@media (max-width: 767px) {
  .billboard .refresh-btn-group,
  .billboard .form-search {
    float: none;
  }
  .billboard .form-search input[type="button"] {
    width: auto;
  }
}

@media (max-width: 979px) {
  .billboard h1 + h4 {
    font-size: 12px;
  }
}

/* Teaser Product Grid Display View */

@media (min-width: 768px) and (max-width: 979px) {
  .teaser-product-grid-item-name a {
    font-size: 16px;
  }
}

@media (max-width: 979px) {
  .teaser-product-grid-item-img {
    padding: 0 25px;
  }
  .teaser-product-grid-item-specs {
    min-height: 20px;
  }
  .teaser-product-grid-item-color .color-dot {
    width: 16px;
    height: 16px;
    margin-left: 6px;
  }
  .teaser-product-grid-item-color-more .color-dot {
    width: 10px;
    height: 10px;
    margin-left: 4px;
  }
}

@media (max-width: 767px) {
  .teaser-product-grid-item {
    display: block;
    float: none;
    width: auto;
    margin-left: 0;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
  }
}

/*Start default tab to drop responsive styles*/

@media (max-width: 767px) {
  .tab-drop {
    display: block;
    float: none;
    padding: 0;
    margin: 0 0 18px;
    clear: both;
    border: 0;
  }
  .tab-drop > li.selected,
  .tab-drop > li.drop,
  .tab-drop > li.drop > a.drop-toggle {
    display: block;
  }
  .tab-drop > li.drop {
    float: none;
  }
  .tab-drop > li.selected {
    position: absolute;
    top: 0;
    width: 84%;
    padding: 12px 20px;
    margin: 0;
    overflow: hidden;
    font-weight: bold;
    line-height: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
  }
  .tab-drop > li.drop > a.drop-toggle,
  .tab-drop > li.drop > a.drop-toggle:hover {
    position: relative;
    z-index: 2;
    height: 42px;
    padding: 0;
    margin: 0;
    line-height: 42px;
    color: #666;
    text-align: right;
    cursor: pointer;
    background-color: transparent;
    border: 1px solid #ddd;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
    outline: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
  .tab-drop > li.drop > a.drop-toggle .ss-icon {
    position: absolute;
    top: 0;
    right: 0;
    width: 16%;
    font-size: 13px;
    text-align: center;
    border-left: 1px solid #ddd;
    -webkit-border-radius: 0 4px 4px 0;
       -moz-border-radius: 0 4px 4px 0;
            border-radius: 0 4px 4px 0;
  }
  .tab-drop > li.drop > a.drop-toggle:hover .ss-icon {
    background-color: #eee;
  }
  .tab-drop > li.drop.open > a.drop-toggle .ss-icon,
  .tab-drop > li.drop.open > a.drop-toggle:hover .ss-icon {
    color: #fff;
    background-color: #999;
  }
  .tab-drop > li.drop.open > a.drop-toggle,
  .tab-drop > li.drop.open > a.drop-toggle .ss-icon {
    -webkit-border-bottom-right-radius: 0;
       -moz-border-bottom-right-radius: 0;
            border-bottom-right-radius: 0;
  }
  .tab-drop .drop-menu {
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 1000;
    display: none;
    min-width: 160px;
    background-color: #ffffff;
    border-color: #ddd;
    border-style: solid;
    border-width: 0 1px 1px 1px;
    -webkit-border-radius: 0 0 4px 4px;
       -moz-border-radius: 0 0 4px 4px;
            border-radius: 0 0 4px 4px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
       -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
            box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  }
  .tab-drop .open .drop-menu {
    display: block;
  }
  .tab-drop > .drop .drop-menu > li {
    display: block;
    float: none;
    margin: 0;
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
  }
  .tab-drop > .drop .drop-menu > li a {
    padding: 12px;
    margin: 0;
    border: 0;
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
  }
  .tab-drop > .drop .drop-menu > li a:hover {
    background-color: #eee;
  }
  .tab-drop > .drop .drop-menu > li:last-of-type a {
    -webkit-border-radius: 0 0 4px 4px;
       -moz-border-radius: 0 0 4px 4px;
            border-radius: 0 0 4px 4px;
  }
  .tab-drop > .drop .drop-menu > li.active a,
  .tab-drop > .drop .drop-menu > li.active a:hover {
    font-weight: normal;
    color: #fff;
    background-color: #099;
    background-image: none;
    border: 0;
  }
}

/*End default tab to drop responsive styles*/

/*Start default tab to drop responsive styles with larger breakpoint*/

@media (max-width: 979px) {
  .tab-drop.show-tablet {
    display: block;
    float: none;
    padding: 0;
    margin: 0 0 18px;
    clear: both;
    border: 0;
  }
  .tab-drop.show-tablet > li.selected,
  .tab-drop.show-tablet > li.drop > a.drop-toggle {
    display: block;
  }
  .tab-drop.show-tablet > li.selected {
    position: absolute;
    top: 0;
    width: 84%;
    padding: 12px 20px;
    margin: 0;
    overflow: hidden;
    font-weight: bold;
    line-height: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
  }
  .tab-drop.show-tablet .drop {
    width: 100%;
  }
  .tab-drop.show-tablet > li.drop > a.drop-toggle,
  .tab-drop.show-tablet > li.drop > a.drop-toggle:hover {
    position: relative;
    z-index: 2;
    height: 42px;
    padding: 0;
    margin: 0;
    line-height: 42px;
    color: #666;
    text-align: right;
    cursor: pointer;
    background-color: transparent;
    border: 1px solid #ddd;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
    outline: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
  .tab-drop.show-tablet > li.drop > a.drop-toggle .ss-icon {
    position: absolute;
    top: 0;
    right: 0;
    width: 16%;
    font-size: 13px;
    text-align: center;
    border-left: 1px solid #ddd;
    -webkit-border-radius: 0 4px 4px 0;
       -moz-border-radius: 0 4px 4px 0;
            border-radius: 0 4px 4px 0;
  }
  .tab-drop.show-tablet > li.drop > a.drop-toggle:hover .ss-icon {
    background-color: #eee;
  }
  .tab-drop.show-tablet > li.drop.open > a.drop-toggle .ss-icon,
  .tab-drop.show-tablet > li.drop.open > a.drop-toggle:hover .ss-icon {
    color: #fff;
    background-color: #999;
  }
  .tab-drop.show-tablet > li.drop.open > a.drop-toggle,
  .tab-drop.show-tablet > li.drop.open > a.drop-toggle .ss-icon {
    -webkit-border-bottom-right-radius: 0;
       -moz-border-bottom-right-radius: 0;
            border-bottom-right-radius: 0;
  }
  .tab-drop.show-tablet .drop-menu {
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 1000;
    display: none;
    min-width: 160px;
    background-color: #ffffff;
    border-color: #ddd;
    border-style: solid;
    border-width: 0 1px 1px 1px;
    -webkit-border-radius: 0 0 4px 4px;
       -moz-border-radius: 0 0 4px 4px;
            border-radius: 0 0 4px 4px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
       -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
            box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  }
  .tab-drop.show-tablet .open .drop-menu {
    display: block;
  }
  .tab-drop.show-tablet > .drop .drop-menu > li {
    display: block;
    float: none;
    margin: 0;
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
  }
  .tab-drop.show-tablet > .drop .drop-menu > li a {
    padding: 12px;
    margin: 0;
    border: 0;
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
  }
  .tab-drop.show-tablet > .drop .drop-menu > li a:hover {
    background-color: #eee;
  }
  .tab-drop.show-tablet > .drop .drop-menu > li:last-of-type a {
    -webkit-border-radius: 0 0 4px 4px;
       -moz-border-radius: 0 0 4px 4px;
            border-radius: 0 0 4px 4px;
  }
  .tab-drop.show-tablet > .drop .drop-menu > li.active a,
  .tab-drop.show-tablet > .drop .drop-menu > li.active a:hover {
    font-weight: normal;
    color: #fff;
    background-color: #099;
    background-image: none;
    border: 0;
  }
}

/*End default tab to drop responsive styles with larger breakpoint*/

/*Start buzz tab to drop responsive styles*/

@media (max-width: 767px) {
  .buzz-nav-tabs.tab-drop {
    margin: 0;
  }
  .buzz-nav-tabs.tab-drop .drop-menu > li {
    padding: 0;
    border: 0;
  }
  .buzz-nav-tabs.tab-drop .drop-menu > li.active:before {
    display: none;
  }
}

/*End buzz tab to drop responsive styles*/

/*Start nav tab tab to drop responsive styles*/

@media (max-width: 767px) {
  .nav-tab-list.tab-drop {
    margin: 0;
    border-top: 1px solid #528388;
  }
  .nav-tab-list.tab-drop .drop-menu {
    right: -1px;
    border: 1px solid #528388;
  }
  .nav-tab-list.tab-drop > .drop .drop-menu > li {
    border: 0;
  }
  .nav-tab-list.tab-drop > .drop .drop-menu > li a {
    display: block;
    padding: 12px;
    color: #099;
  }
  .nav-tab-list.tab-drop .drop-menu > li.active a:before {
    display: none;
  }
  .nav-tab-gray .nav-tab-list.tab-drop,
  .nav-tab-gray .nav-tab-list.tab-drop > li.drop > a.drop-toggle .ss-icon,
  .nav-tab-gray .nav-tab-list.tab-drop .drop-menu {
    border-color: #595959;
  }
  .nav-tab-gray .nav-tab-list.tab-drop > li.drop > a.drop-toggle:hover .ss-icon {
    background: #878f8f;
  }
  .nav-tab-gray .nav-tab-list.tab-drop > li.drop.open > a.drop-toggle .ss-icon,
  .nav-tab-gray .nav-tab-list.tab-drop > li.drop.open > a.drop-toggle:hover .ss-icon {
    background-color: #484848;
    background-image: -moz-linear-gradient(top, #484848 0%, #656565 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #484848), color-stop(100%, #656565));
    background-image: -webkit-linear-gradient(top, #484848 0%, #656565 100%);
    background-image: -o-linear-gradient(top, #484848 0%, #656565 100%);
    background-image: -ms-linear-gradient(top, #484848 0%, #656565 100%);
    background-image: linear-gradient(to bottom, #484848 0%, #656565 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#484848', endColorstr='#656565', GradientType=0);
  }
  .nav-tab-gray .nav-tab-list.tab-drop .drop-menu > li a:hover {
    background-color: #eee;
  }
  .nav-tab-list.tab-drop > .drop .drop-menu > li.active a,
  .nav-tab-list.tab-drop > .drop .drop-menu > li.active a:hover {
    color: #fff;
    background-color: #099;
    background-image: none;
    filter: none;
  }
  .nav-tab-gray .nav-tab-list.tab-drop > .drop .drop-menu > li.active a,
  .nav-tab-gray .nav-tab-list.tab-drop > .drop .drop-menu > li.active a:hover {
    background-color: #484848;
  }
  .nav-tab-list.tab-drop > .drop .drop-menu > li a {
    color: #666;
  }
  .nav-tab-list.tab-drop > li.drop > a.drop-toggle {
    color: #fff;
    background-image: none;
    border: 0;
  }
  .nav-tab-list.tab-drop > li.drop > a.drop-toggle .ss-icon {
    border-left-color: #528388;
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
  }
  .nav-tab-list.tab-drop > li.drop > a.drop-toggle:hover .ss-icon {
    color: #fff;
    background-color: #35bcbc;
  }
  .nav-tab-chrome .nav-tab-list.tab-drop,
  .nav-tab-chrome .nav-tab-list.tab-drop > li.drop > a.drop-toggle .ss-icon,
  .nav-tab-chrome .nav-tab-list.tab-drop .drop-menu {
    border-color: #999;
  }
  .nav-tab-chrome .nav-tab-list.tab-drop > li.drop > a.drop-toggle,
  .nav-tab-light .nav-tab-list.tab-drop > li.drop > a.drop-toggle {
    color: #666;
  }
  .nav-tab-light {
    position: relative;
    z-index: 2;
  }
  .nav-tab-light .nav-tab-list.tab-drop {
    border: 0;
  }
  .nav-tab-light .nav-tab-list.tab-drop > li.drop > a.drop-toggle {
    border: 1px solid #999;
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
  }
  .nav-tab-light .nav-tab-list.tab-drop > li.drop > a.drop-toggle .ss-icon {
    border-left-color: #999;
  }
  .nav-tab-light .tab-drop > li.drop > a.drop-toggle:hover .ss-icon {
    color: #666;
    background-color: #eee;
  }
  .nav-tab-list.tab-drop > li.drop.open > a.drop-toggle .ss-icon,
  .nav-tab-list.tab-drop > li.drop.open > a.drop-toggle:hover .ss-icon {
    background-color: #015959;
    background-image: -moz-linear-gradient(top, #015959 0%, #017b7b 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #015959), color-stop(100%, #017b7b));
    background-image: -webkit-linear-gradient(top, #015959 0%, #017b7b 100%);
    background-image: -o-linear-gradient(top, #015959 0%, #017b7b 100%);
    background-image: -ms-linear-gradient(top, #015959 0%, #017b7b 100%);
    background-image: linear-gradient(to bottom, #015959 0%, #017b7b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#015959', endColorstr='#017b7b', GradientType=0);
  }
  .nav-tab-light .nav-tab-list.tab-drop > li.drop.open > a.drop-toggle .ss-icon,
  .nav-tab-light .nav-tab-list.tab-drop > li.drop.open > a.drop-toggle:hover .ss-icon {
    color: #fff;
    background: #999;
    filter: none;
  }
  .nav-tab-light .nav-tab-list.tab-drop .drop-menu {
    right: 0;
    border-color: #999;
    border-top-width: 0;
  }
  .nav-tab-light .nav-tab-list.tab-drop li {
    margin-bottom: 0;
  }
  .nav-tab-light .nav-tab-list.tab-drop .drop-menu > li a {
    margin: 0;
    border: 0;
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
  }
  .nav-tab-light .nav-tab-list.tab-drop .drop-menu > li.active a:link,
  .nav-tab-light .nav-tab-list.tab-drop .drop-menu > li.active a:visited,
  .nav-tab-light .nav-tab-list.tab-drop .drop-menu > li.active a:hover,
  .nav-tab-light .nav-tab-list.tab-drop .drop-menu > li.active a:active {
    padding: 10px;
    margin: 0;
    color: #fff;
    background-color: #099;
    background-image: none;
    border: 0;
  }
  .nav-tab-light .nav-tab-list.tab-drop .drop-menu > li a:hover {
    background-color: #eee;
  }
  .nav-tab-light .nav-tab-list.tab-drop .drop-menu > li:first-child a {
    margin-left: 0;
  }
  .nav-tab-light .nav-tab-list.tab-drop .drop-menu > li:last-of-type a {
    -webkit-border-radius: 0 0 4px 4px;
       -moz-border-radius: 0 0 4px 4px;
            border-radius: 0 0 4px 4px;
  }
}

/*End nav tab tab to drop responsive styles*/

/* New Nav Tab Light "Flat and "Sticky" */

@media (max-width: 979px) {
  {
    /*ul.flat-tabs li .flat-tab {
    		font-size: 14px;
    	}*/
  
  }
  .flat-tabs .inner-container {
    padding-right: 0;
    padding-left: 0;
  }
  ul.flat-tabs {
    position: relative;
    z-index: 9;
    border-bottom: none;
  }
  ul.flat-tabs li {
    float: none;
    background: #f1f1f1;
  }
  ul.flat-tabs li .flat-tab {
    width: 90%;
    padding: 15px 5%;
    font-size: 16px;
    font-weight: 300;
    border-right: none;
    border-bottom: none;
    border-bottom: 1px solid #ebebeb;
  }
  ul.flat-tabs li .flat-tab-mobile-hide {
    display: none;
  }
  ul.flat-tabs li .flat-tab-mobile-show {
    display: block;
  }
  ul.flat-tabs li .active-flat-tab {
    display: block;
  }
  .active-flat-tab-closed {
    background-image: url('../images/menu-arrows.png') !important;
    background-position: 98% 9px !important;
    background-repeat: no-repeat !important;
  }
  .active-flat-tab-opened {
    background-image: url('../images/menu-arrows.png') !important;
    background-position: 98% -23px !important;
    background-repeat: no-repeat !important;
  }
  .flat-tabs-fixed {
    z-index: 999;
    width: 100%;
    height: 44px;
    padding: 0;
    border-bottom: none;
  }
  .last-flat-tab {
    -webkit-box-shadow: 0 5px 7px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 5px 7px 0 rgba(0, 0, 0, 0.1);
  }
}

@media (max-width: 767px) {
  .content-row-2-column {
    width: auto;
    margin-right: 0;
  }
  .content-row-2-column.pull-right {
    float: none;
  }
  .page-title-heading {
    margin-top: 12px;
    font-size: 195%;
  }
}

/* End of New Nav Tab Light "Flat and "Sticky" */

/* Link Background Image Hover */

@media (max-width: 979px) and (min-width: 768px) {
  .home-tile {
    height: 197px;
  }
  .home-tile-hover {
    height: 197px;
  }
}

@media (max-width: 767px) {
  .home-tile {
    height: 170px;
  }
  .home-tile-hover {
    height: 170px;
  }
  .home-tile-content {
    width: 70%;
  }
}

/* Link Background Image Button */

@media (max-width: 979px) and (min-width: 768px) {
  .link-background-image-button {
    min-height: 95px;
  }
}

@media (max-width: 767px) {
  .link-background-image-button {
    min-height: 100px;
  }
}

/* Teaser Latest News */

@media (max-width: 979px) and (min-width: 768px) {
  .teaser-latest-news {
    min-height: 95px;
  }
}

@media (max-width: 767px) {
  .teaser-latest-news {
    min-height: 100px;
  }
}

@media (max-width: 979px) and (min-width: 768px) {
  .carousel-illustrated.m-carousel .m-item {
    width: 50%;
  }
}

@media (max-width: 767px) {
  .link-list-icon-tile .link-list-heading {
    font-size: 16px;
  }
  .link-list-icon-tile .link-list-item {
    display: block;
    width: 100%;
  }
  .link-list-item:nth-child(even) {
    float: none;
  }
}

/*JIRA459, WWW Button and Dropdown Color changes*/

@media (min-width: 768px) and (max-width: 979px) {
  .support-search-box {
    padding-top: 25px;
  }
}

@media (max-width: 979px) {
  .support-search-box .content-wrapper {
    width: 100%;
  }
  .support-search-box .input-wrapper input {
    height: 40px;
    padding: 0 14px;
  }
}

@media (max-width: 767px) {
  .support-search-box {
    padding-top: 15px;
  }
  .support-search-box .content-wrapper .btn {
    display: block;
    float: right;
    width: 50%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
  }
  .support-search-box .content-wrapper p {
    float: left;
    width: 50%;
    margin: 0;
    line-height: 40px;
    text-align: center;
  }
  .support-search-box .input-wrapper {
    width: 100%;
    margin: 0 0 15px;
  }
}

@media (max-width: 979px) {
  .responsive-link-row .content-sm-3 .content-cell,
  .responsive-link-row .content-xs-3 .content-cell {
    width: 33.333%;
  }
}

@media (max-width: 979px) and (min-width: 768px) {
  .responsive-link-row .content-cell.hidden-sm {
    display: none;
  }
  .responsive-link-row .content-sm-2 .content-cell {
    width: 50%;
  }
  .responsive-link-row .content-sm-1 .content-cell {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .responsive-link-row .content-text a {
    color: #333;
  }
  .responsive-link-row .content-xs-2 .content-cell {
    width: 50%;
  }
  .responsive-link-row .content-xs-1 .content-cell {
    width: 100%;
  }
  .responsive-link-row .content-cell.hidden-xs {
    display: none;
  }
}

/* Styles requested by Online Marketing Group */

@media (max-width: 767px) {
  {
    /*Content layout patterns*/
  }
  .col-with-logo-left p,
  .col-with-lg-logo-left p,
  .three-col-logo-left p {
    float: none;
    width: 100%;
    text-align: center;
  }
  .col-with-logo-left img,
  .col-with-lg-logo-left img,
  .three-col-logo-left img {
    display: block;
    float: none;
    margin: 0 auto 5px auto;
  }
  .col-with-logo-left {
    padding: 20px 8%;
  }
  .col-with-lg-logo-left {
    padding: 20px 8%;
  }
  .three-col-top-logo {
    padding: 0;
  }
}

@media (min-width: 768px) and (max-width: 979px) {
  {
    /*Content layout patterns*/
  }
  .col-with-logo-left p {
    float: right;
    width: 75%;
  }
  .col-with-lg-logo-left p {
    float: right;
    width: 70%;
  }
  .three-col-logo-left p {
    width: 65%;
    padding-top: 0;
  }
}

@media (min-width: 1200px) {
  {
    /*Content layout patterns*/
  }
  .col-with-logo-left p {
    float: right;
  }
  .col-with-lg-logo-left p {
    float: right;
    width: 81%;
  }
  .three-col-logo-left p {
    float: left;
    padding-top: 0;
  }
}

@media (min-width: 1200px) {
  .row-reverse.row {
    margin-right: -30px;
  }
  .row-reverse.row > [class*="span"] {
    margin-right: 30px;
    margin-left: 0;
  }
}

@media (max-width: 767px) {
  .row-reverse.row {
    margin: 0;
  }
  .row-reverse.row > [class*="span"] {
    float: none;
    margin: 0;
  }
}

@media (max-width: 979px) {
  .spp-page {
    font-size: 12px;
  }
}

/* spp top profile section */

@media (max-width: 979px) and (min-width: 768px) {
  .spp-page .spp-top-profile [class*="span"] {
    margin-left: 1.40056022408964%;
  }
  .spp-page .spp-top-profile .span6 {
    width: 42.296918767507%;
    padding-right: 21px;
  }
  .spp-page .spp-top-profile .span2 {
    width: 11.83380018674136%;
  }
  .spp-page .spp-top-profile .span6 + .span2 {
    width: 29.83380018674136%;
  }
  .spp-page .spp-top-profile .unit-foot {
    min-height: 32px;
    padding: 5px 0;
  }
}

@media (max-width: 767px) {
  .spp-page {
    padding-bottom: 20px;
  }
  .spp-page .spp-top-profile [class*="span"] {
    min-height: 0;
    margin-left: 0;
  }
  .spp-page .spp-top-profile .span2 {
    float: left;
    width: 48%;
    margin-right: 2%;
  }
  .spp-page .spp-top-profile .span6,
  .spp-page .spp-top-profile .span6 + .span2 {
    width: 100%;
    margin: 0;
  }
  .spp-page .spp-top-profile .span2 + .span2 + .span2 {
    margin-right: 0;
    margin-left: 2%;
  }
  .spp-page .row-fluid [class*="span"] {
    min-height: 0;
  }
}

@media (max-width: 979px) and (min-width: 768px) {
  .spp-box .unit-info {
    padding: 10px;
  }
  .spp-box .unit-foot .link-add {
    top: 4px;
    right: 4px;
  }
  .spp-box .unit-play-list li {
    min-height: 36px;
    padding-right: 65px;
  }
  .spp-box .unit-date-list > li {
    min-height: 36px;
    padding-left: 50px;
  }
  .spp-box .unit-date-list > li .cell-day {
    font-size: 16px;
  }
  .spp-box .label {
    padding: 0 4px;
    margin-right: 4px;
  }
  .spp-box .table th,
  .spp-box .table td {
    padding: 4px;
  }
  .spp-box .table-activity tbody tr {
    height: 46px;
  }
  .spp-box .table-activity .td-status {
    width: 70px;
    padding-right: 0;
    padding-left: 10px;
  }
  .spp-box .table-activity .td-action {
    width: 50px;
    padding-right: 0;
    padding-left: 10px;
  }
  .spp-box .icn-play {
    width: 50px;
    height: 32px;
  }
}

@media (max-width: 767px) {
  .spp-box {
    margin-bottom: 8px;
  }
  .spp-box-collapse {
    margin-bottom: 0;
    border: 0;
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
  }
  .spp-box-collapse .unit-info {
    padding: 0;
  }
  .spp-box-collapse .collapse-icn {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
  }
  .spp-box-collapse .collapse-icn span {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 26px;
    height: auto;
    padding: 7px;
    background-color: #333;
    border-left: 2px solid #fff;
  }
  .spp-box-collapse .collapse-icn span:before,
  .spp-box-collapse .collapse-icn span:after {
    position: absolute;
    top: 50%;
    left: 7px;
    display: block;
    width: 26px;
    height: 2px;
    margin-top: -1px;
    background-color: #fff;
    content: "";
  }
  .spp-box-collapse .collapse-icn span:after {
    left: 19px;
    width: 2px;
    height: 22px;
    margin-top: -11px;
  }
  .spp-box-collapse .collapse-icn.open span:after {
    display: none;
  }
  .spp-box-collapse .unit-title {
    position: relative;
    padding: 8px 50px 8px 10px;
    margin-bottom: 2px;
    line-height: 20px;
    background-color: #e4e4e4;
  }
  .spp-box-collapse .unit-news-list {
    height: 0;
    overflow: hidden;
    background-color: #e4e4e4;
  }
  .spp-box-collapse .unit-news-list.collapse.in {
    height: auto;
    overflow: visible;
  }
  .spp-box-collapse .unit-news-list .unit-list-box {
    padding: 10px;
    margin-bottom: 2px;
  }
  .spp-box-collapse .unit-news-list .unit-item {
    padding: 7px 0;
    margin-bottom: 0;
    border-top: 1px solid #bcbcbc;
  }
  .spp-box-collapse .unit-news-list .unit-item:first-child {
    border: 0;
  }
  .spp-box-collapse .unit-news-list .item-support {
    display: none;
  }
}

@media (min-width: 768px) {
  .spp-box-collapse .unit-news-list,
  .spp-box-collapse .unit-news-list.collapse,
  .spp-box-collapse .unit-news-list.collapse.in {
    height: auto !important;
    overflow: visible !important;
  }
}

/* Profile Partner Information Display View */

@media (max-width: 979px) {
  .profile-partner-information [class^="txt-"] {
    line-height: 18px;
  }
  .profile-partner-information .txt-people,
  .profile-partner-information .txt-company {
    font-size: 14px;
  }
  .profile-partner-information .txt-icn-edit {
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
    background: url(../images/icn_editprofile-28x36.png) no-repeat 50%;
    border-left: 1px solid #ccc;
  }
  .profile-partner-information .txt-icn-edit span {
    font-size: 0;
    text-indent: -999em;
  }
  .profile-partner-information .txt-icn-edit a {
    display: block;
    height: 100%;
  }
}

@media (max-width: 979px) and (min-width: 768px) {
  .profile-partner-information .partner-logo {
    width: 78px;
    height: 78px;
    padding-bottom: 20px;
  }
  .profile-partner-information [class^="level"] {
    top: 78px;
    width: 78px;
    padding: 2px;
    line-height: 16px;
  }
  .profile-partner-information .cell-welcome {
    padding-right: 50px;
  }
  .profile-partner-information .cell-extra .txt-rep {
    padding-top: 3px;
    margin-top: 4px;
    margin-right: -50px;
  }
  .profile-partner-information .cell-extra .txt-rep:first-child {
    margin-top: 14px;
  }
}

@media (max-width: 767px) {
  .profile-partner-information {
    padding-right: 50px;
  }
  .profile-partner-information .partner-logo {
    width: 60px;
    height: 60px;
    padding-bottom: 0;
  }
  .profile-partner-information [class^="level"] {
    position: static;
    display: inline-block;
    width: auto;
    padding: 2px 5px;
    margin-top: 4px;
    line-height: 16px;
  }
  .profile-partner-information .txt-icn-edit {
    bottom: 0;
    height: auto;
  }
  .profile-support-cases .unit-info .figure-info,
  .profile-returns .unit-info .figure-info {
    min-height: 30px;
  }
}

/* BR-49 BR-50 - 2. Clicking on upper half of the box links to "View All" cases */

@media (max-width: 979px) {
  .profile-support-cases .link-sub,
  .profile-returns .link-sub {
    color: transparent;
    visibility: hidden;
  }
}

/* Something share between Profile Purchase Summary, Profile Support Cases & Profile Returns Display View  */

@media (max-width: 979px) and (min-width: 768px) {
  [class^="profile"].spp-box .unit-info p {
    font-size: 11px;
    line-height: 1.1;
  }
  [class^="profile"].spp-box .unit-info p.figure-hero {
    font-size: 25px;
  }
}

/* Profile Purchase Summary */

@media (max-width: 979px) and (min-width: 768px) {
  .profile-purchase-summary .unit-foot .link-sub {
    font-size: 11px;
    font-weight: normal;
    line-height: 1.2;
  }
  .profile-purchase-summary .unit-foot .link-sub .disclaimer-btn {
    display: block;
    width: 18px;
    height: 18px;
    margin: 0 auto;
  }
  .profile-purchase-summary .unit-foot .link-sub .disclaimer-btn:before {
    top: 4px;
  }
  .profile-purchase-summary .unit-foot .link-sub .disclaimer-btn:after {
    top: 8px;
  }
}

@media (max-width: 767px) {
  .profile-purchase-summary {
    padding: 3px;
    margin-bottom: 2px;
    text-align: center;
    background-color: #f8e18e;
  }
  .profile-purchase-summary [class^="unit"] {
    display: inline-block;
    float: none;
    width: auto;
    height: auto;
    padding: 0;
    background-color: transparent;
    border-bottom: 0;
  }
  .profile-purchase-summary [class^="unit"] p {
    display: inline;
  }
  .profile-purchase-summary [class^="unit"] p.figure-hero {
    font-size: 12px;
    font-weight: normal;
  }
  .profile-purchase-summary .unit-internal {
    background-color: transparent;
    border-right: 0;
  }
  .profile-purchase-summary .unit-internal:after {
    display: inline;
    color: #333;
    content: "/";
  }
  .profile-purchase-summary .figure-type {
    font-weight: normal;
    color: #333;
  }
  .profile-purchase-summary .unit-foot {
    position: static;
    width: auto;
    border-top: 0;
  }
  .profile-purchase-summary .unit-foot .link-sub {
    display: inline-block;
    height: auto;
    font-weight: bold;
    line-height: 18px;
    color: #333;
    vertical-align: top;
  }
  .profile-purchase-summary .unit-foot .link-sub:after {
    content: ":";
  }
  .profile-purchase-summary .unit-foot .link-sub span {
    vertical-align: top;
  }
  .profile-purchase-summary .unit-foot.visible-phone {
    display: inline-block !important;
  }
  .profile-purchase-summary.spp-box .unit-info {
    padding: 0;
  }
}

/* news ticker */

@media (max-width: 767px) {
  .profile-news-ticker .alert {
    margin-bottom: 8px;
    text-align: left;
  }
}

/* Dashboard Upcoming Events Display View */

@media (max-width: 767px) {
  .spp-event-calendar .unit-icon,
  .spp-event-calendar .unit-title,
  .spp-event-calendar .unit-date-list li {
    display: none;
  }
  .spp-event-calendar .unit-date-list {
    padding-top: 0;
  }
  .spp-event-calendar .unit-date-list li:first-child {
    position: relative;
    display: block;
    min-height: 36px;
    padding-left: 70px;
  }
  .spp-event-calendar .unit-date-list li:first-child:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 56px;
    width: 1px;
    height: 100%;
    background-color: #c7c7c7;
    content: "";
  }
  .spp-event-calendar .unit-info {
    padding: 8px 13px;
  }
}

/* Essential Product Guides Display View */

@media (max-width: 767px) {
  .spp-segmented-list {
    margin-bottom: 0;
  }
}

/* Announcement Modal */

@media (min-width: 1200px) {
  .announcement-modal .modal {
    width: 1170px;
    margin: 0 0 0 -585px;
  }
  .announcement-modal .modal h3 {
    font-size: 33px;
  }
  .am-spp-renewal .modal-body {
    padding: 20px 205px 10px;
  }
  .am-whats-new .modal h3 {
    margin: 0 65px;
  }
  .am-whats-new .am-i-a {
    width: 496px;
  }
  .am-whats-new .am-i-b .am-p-a {
    right: 329px;
  }
  .am-whats-new .am-i-b .am-p-b {
    left: 248px;
    width: 551px;
  }
  .am-whats-new .am-i-b p {
    width: 350px;
  }
  .am-whats-new .am-i-c .am-p-a {
    right: 520px;
  }
  .am-whats-new .am-i-c .am-p-b {
    left: 248px;
  }
  .am-whats-new .am-i-c .am-p-c {
    left: 248px;
    width: 551px;
  }
  .am-whats-new .am-i-c p {
    width: 350px;
  }
}

@media (max-width: 979px) {
  .announcement-modal .modal h3 {
    margin-top: 10px;
    font-size: 25px;
  }
  .announcement-modal .modal-body p {
    font-size: 14px;
  }
  .am-spp-renewal .modal-body {
    padding: 10px 75px 0;
    text-align: center;
  }
  .am-spp-renewal .modal-footer {
    padding-top: 10px;
    padding-bottom: 20px;
    text-align: center;
    background-color: transparent;
    border: 0;
  }
}

@media (min-width: 768px) and (max-width: 979px) {
  .announcement-modal .modal {
    width: 724px;
    margin: 0 0 0 -362px;
  }
  .am-whats-new .modal h3 {
    padding: 8px;
    margin: 0 80px;
  }
  .am-whats-new .am-i-a {
    width: 360px;
  }
  .am-whats-new .am-i-a .am-p-a {
    height: 34px;
  }
  .am-whats-new .am-i-b {
    top: 130px;
    height: 220px;
  }
  .am-whats-new .am-i-b .am-p-a {
    right: 180px;
  }
  .am-whats-new .am-i-b .am-p-b {
    top: 183px;
    left: 180px;
    width: 300px;
  }
  .am-whats-new .am-i-b p {
    right: 0;
    width: 228px;
  }
  .am-whats-new .am-i-c .am-p-a {
    right: 295px;
  }
  .am-whats-new .am-i-c .am-p-b {
    left: 180px;
  }
  .am-whats-new .am-i-c .am-p-c {
    left: 180px;
    width: 300px;
  }
  .am-whats-new .am-i-c p {
    right: 0;
    width: 228px;
  }
  .am-whats-new .btn {
    height: 30px;
    min-width: 90px;
    padding: 5px 30px;
    margin: -15px 0 0 -75px;
    font-size: 19px;
    line-height: 30px;
  }
}

@media (max-width: 767px) {
  .announcement-modal .modal {
    width: auto;
  }
  .announcement-modal .modal.fade {
    margin: 0;
  }
  .announcement-modal .modal.fade.in {
    top: 100px;
  }
  .am-spp-renewal .modal-body {
    padding: 10px 20px 0;
  }
  .am-whats-new {
    display: none;
  }
}

/* Announcement Modal Mobile View */

@media (max-width: 767px) {
  .am-whats-new-m .page-title {
    margin: 0 -10px;
  }
  .am-whats-new-m .am-m-content {
    position: absolute;
    top: 136px;
    bottom: 0;
    z-index: 9994;
    width: 100%;
    overflow: hidden;
    font-size: 12px;
    background-color: #fff;
    -webkit-box-shadow: 0 20px 10px #ffffff, 0 30px 10px rgba(255, 255, 255, 0.9), 0 40px 10px rgba(255, 255, 255, 0.8), 0 50px 10px rgba(255, 255, 255, 0.7);
       -moz-box-shadow: 0 20px 10px #ffffff, 0 30px 10px rgba(255, 255, 255, 0.9), 0 40px 10px rgba(255, 255, 255, 0.8), 0 50px 10px rgba(255, 255, 255, 0.7);
            box-shadow: 0 20px 10px #ffffff, 0 30px 10px rgba(255, 255, 255, 0.9), 0 40px 10px rgba(255, 255, 255, 0.8), 0 50px 10px rgba(255, 255, 255, 0.7);
  }
  .am-whats-new-m .am-m-content .am-title {
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: normal;
  }
  .am-whats-new-m .am-m-content p {
    font-size: 14px;
    color: #8d8d8d;
  }
  .am-whats-new-m .am-m-content img {
    width: auto;
    max-width: 100%;
    margin-bottom: 10px;
  }
  .am-whats-new-m .m-carousel {
    position: absolute;
    top: 0;
    right: 20px;
    bottom: 0;
    left: 20px;
  }
  .am-whats-new-m .m-carousel-controls {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    margin-bottom: 15px;
  }
  .am-whats-new-m .am-m-skip {
    position: absolute;
    right: 20px;
    bottom: 18px;
    z-index: 9995;
    font-size: 16px;
  }
  .am-whats-new-m .am-m-backdrop {
    position: fixed;
    top: 136px;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9993;
    background-color: #fff;
    opacity: 0.8;
    filter: alpha(opacity=80);
  }
  .am-whats-new-m .am-m-backdrop.scroll-over-page-title {
    top: 0;
  }
}

@media (min-height: 321px) and (max-height: 356px) {
  .am-whats-new-m .am-m-content {
    bottom: -60px;
  }
  .am-whats-new-m .am-m-content img {
    max-height: 210px;
    max-height: 45vh;
  }
  .am-whats-new-m .am-m-skip {
    margin-bottom: -60px;
  }
}

@media (max-height: 320px) {
  .am-whats-new-m .am-m-content .m-item {
    text-align: left;
  }
  .am-whats-new-m .am-m-content .am-title {
    text-align: center;
  }
  .am-whats-new-m .am-m-content img {
    float: left;
    max-width: 50%;
    max-height: 210px;
  }
  .am-whats-new-m .m-carousel-controls {
    left: 50%;
    width: 50%;
    text-align: left;
  }
}

/* Whats New Modal Animation */

@media (min-width: 768px) and (max-width: 979px) {
  .am-whats-new .am-on.in .am-i-a {
    width: 360px;
  }
  .am-whats-new .am-on.in .am-i-a .am-p-a {
    height: 34px;
  }
  .am-whats-new .am-on.in .am-i-b {
    top: 130px;
    height: 220px;
  }
  .am-whats-new .am-on.in .am-i-b .am-p-a {
    right: 180px;
    height: 165px;
  }
  .am-whats-new .am-on.in .am-i-b .am-p-b {
    top: 183px;
    left: 180px;
    width: 300px;
  }
  .am-whats-new .am-on.in .am-i-b p {
    right: 0;
    width: 228px;
  }
  .am-whats-new .am-on.in .am-i-c .am-p-a {
    right: 295px;
  }
  .am-whats-new .am-on.in .am-i-c .am-p-b {
    left: 180px;
  }
  .am-whats-new .am-on.in .am-i-c .am-p-c {
    left: 180px;
    width: 300px;
  }
  .am-whats-new .am-on.in .am-i-c p {
    right: 0;
    width: 228px;
  }
}

@media (min-width: 1200px) {
  .am-whats-new .am-on.in .am-i-a {
    width: 496px;
  }
  .am-whats-new .am-on.in .am-i-b .am-p-a {
    right: 329px;
  }
  .am-whats-new .am-on.in .am-i-b .am-p-b {
    left: 248px;
    width: 551px;
  }
  .am-whats-new .am-on.in .am-i-b p {
    width: 350px;
  }
  .am-whats-new .am-on.in .am-i-c .am-p-a {
    right: 520px;
  }
  .am-whats-new .am-on.in .am-i-c .am-p-b {
    left: 248px;
    width: 1px;
  }
  .am-whats-new .am-on.in .am-i-c .am-p-c {
    left: 248px;
    width: 551px;
  }
  .am-whats-new .am-on.in .am-i-c p {
    width: 350px;
  }
}

/* spp support contact */

@media (max-width: 979px) {
  .spp-support-contact .unit-content {
    margin-left: -10px;
  }
  .spp-support-contact .unit-item {
    float: left;
    width: 25%;
    padding-left: 10px;
    margin-bottom: 0;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
  }
  .spp-support-contact .unit-item .icon {
    float: none;
    max-width: none;
    text-align: center;
  }
}

@media (max-width: 767px) {
  .spp-support-contact {
    margin-top: 6px;
  }
}

/* link-list-icon */

@media (max-width: 767px) {
  .link-list-icon .unit-item {
    display: none;
    float: left;
    width: 50%;
    padding: 0 5px;
    margin-bottom: 0;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
  }
  .link-list-icon .unit-item .icon {
    display: block;
    float: none;
    max-width: none;
    padding: 0;
    margin-bottom: 8px;
    text-align: center;
  }
  .link-list-icon .unit-item .text {
    margin: 0;
    text-align: center;
  }
  .link-list-icon .unit-content .unit-item:first-child,
  .link-list-icon .unit-content .unit-item:first-child + .unit-item {
    display: block;
  }
}

/* link background image button responsive */

@media (max-width: 767px) {
  .link-background-image-button-rwd {
    position: relative;
    min-height: 0;
    padding: 0;
    background: none !important;
  }
  .link-background-image-button-rwd .unit-info {
    padding: 0;
  }
  .link-background-image-button-rwd .btn {
    position: static;
    width: 100%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
  }
}

@media (max-width: 780px) {
  #seagate-logo,
  .seagate-portal-logo {
    display: none;
  }
  #mega-nav-container {
    position: static;
    z-index: 100;
    width: 100%;
    height: 60px;
  }
  #mega-nav-container.light {
    position: static;
    background-color: #ffffff;
  }
  .home-page #mega-nav-container.light {
    background-color: transparent;
  }
  .home-page #mega-nav-container.sticky-nav {
    background-color: #fff;
  }
  #nav-separator {
    position: absolute;
    top: 60px;
    width: 100%;
    margin: 0;
    color: #464343;
    border-top: none;
    opacity: .20;
  }
  #nav-wrapper {
    position: relative;
    top: -20px;
    z-index: 100;
    float: right;
    width: 0;
    max-width: 87%;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: bold;
    background: none;
    -webkit-transition: all .3s ease .15s;
       -moz-transition: all .3s ease .15s;
        -ms-transition: all .3s ease .15s;
         -o-transition: all .3s ease .15s;
            transition: all .3s ease .15s;
  }
  .nav-content-wrapper a {
    font-weight: normal;
    text-decoration: none;
  }
  #mobile-logo {
    position: absolute;
    width: 120px;
    height: 100px;
    background: url("../images/logo_w110_wht.png") no-repeat scroll 10px 15px;
  }
  #mega-nav-container.light #mobile-logo {
    background: url("../images/logo_w110_blk.png") no-repeat scroll 10px 15px;
  }
  .home-page #mega-nav-container.light #mobile-logo {
    background-image: url("../images/logo_w110_wht.png");
  }
  .home-page #mega-nav-container.sticky-nav #mobile-logo {
    background-image: url("../images/logo_w110_blk.png");
  }
  .mobile-portal-logo {
    position: absolute;
    top: 29px;
    display: block;
    margin-left: 130px;
    font-size: 18px;
    color: #000;
  }
  button#burger:after {
    position: absolute;
    left: 0;
    width: 70%;
    height: 3px;
    background: none repeat scroll 0 0 #FFFFFF;
    content: "";
    box-shadow: 0 7px 0 #FFFFFF, 0 14px 0 #FFFFFF;
  }
  button#burger {
    position: relative;
    top: 45px;
    display: block;
    width: 31px;
    margin-left: -35px;
    overflow: hidden;
    text-indent: -900em;
    vertical-align: top;
    cursor: pointer;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    outline: medium none;
  }
  #mega-nav-container.light button#burger:after {
    background: none repeat scroll 0 0 #000000;
    box-shadow: 0 7px 0 #000000, 0 14px 0 #000000;
  }
  .home-page #mega-nav-container.light button#burger:after,
  #mega-nav-container.light button#burger.light-active:after {
    background: none repeat scroll 0 0 #ffffff;
    box-shadow: 0 7px 0 #ffffff, 0 14px 0 #ffffff;
  }
  .home-page #mega-nav-container.sticky-nav button#burger:after,
  #mega-nav-container.sticky-nav button#burger.light-active:after {
    background: none repeat scroll 0 0 #000000;
    box-shadow: 0 7px 0 #000000, 0 14px 0 #000000;
  }
  #mobile-wrapper {
    position: absolute;
    width: 100%;
    height: 1430px;
    height: 100%;
    max-width: 0;
    overflow: hidden;
    -webkit-transition: all .3s ease .15s;
       -moz-transition: all .3s ease .15s;
        -ms-transition: all .3s ease .15s;
         -o-transition: all .3s ease .15s;
            transition: all .3s ease .15s;
  }
  #nav-opacity {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 10;
    display: none;
    width: 100%;
    height: 100%;
    background: none repeat scroll 0 0 #000000;
    opacity: 0.7;
  }
  .mega-nav {
    position: relative;
    right: 0;
    z-index: auto;
    display: block;
    width: 100%;
    height: 100%;
    max-width: 340px;
    padding: 0;
    margin: 0;
    margin-bottom: 0;
    background: none repeat scroll 0 0 #FFFFFF;
    border-top: solid #ffffff 1px;
  }
  .mega-nav .first {
    margin-left: 10px;
  }
  .mega-nav > li {
    position: relative;
    right: 0;
    display: block;
    float: none;
    background: none repeat scroll 0 0 #ffffff;
    border-top: 1px solid #CCCCCC;
    -webkit-transition: all .3s ease .15s;
       -moz-transition: all .3s ease .15s;
        -ms-transition: all .3s ease .15s;
         -o-transition: all .3s ease .15s;
            transition: all .3s ease .15s;
  }
  .mega-nav > li.search-rollover.desk-only + .mega-lev1-right.mobile-only {
    margin-top: 10px;
  }
  .mega-nav > li.open {
    right: 340px;
  }
  .mega-nav > li > a {
    position: static;
    display: table-cell;
    height: 45px;
    padding-left: 7px;
    line-height: 15px;
    color: #333333;
    text-decoration: none;
    vertical-align: middle;
  }
  .home-page #mega-nav-container.light .mega-nav > li > a {
    color: #333;
  }
  u {
    text-decoration: none;
  }
  u.underline {
    padding-right: 41px;
  }
  .mega-nav-tab {
    position: absolute;
    top: 0;
    display: block;
    width: 100%;
    max-width: 340px;
    min-height: inherit;
    margin-left: 340px;
    background-color: #FFFFFF;
  }
  .mega-nav-contentblock {
    display: none;
    height: auto;
    margin: 72px 0;
    background-color: #eeeeee;
  }
  .mega-nav-contentblock.open {
    display: block !important;
    visibility: visible;
  }
  .feature-block {
    display: none;
  }
  ul.vtab {
    float: none;
    width: auto;
    min-height: 1px;
    padding-left: 0;
    font-weight: normal;
    border: none;
  }
  .vtab > li {
    border-left: none;
  }
  .vtab li.avail-item {
    display: block;
    height: 0;
    padding-right: 23px;
    overflow: hidden;
    background: none repeat scroll 0 0 #eeeeee;
    border-top: 1px solid #ffffff;
    border-bottom: none;
    -webkit-transition: all .3s ease .15s;
       -moz-transition: all .3s ease .15s;
        -ms-transition: all .3s ease .15s;
         -o-transition: all .3s ease .15s;
            transition: all .3s ease .15s;
  }
  li.active > div > div > ul.vtab > li.avail-item {
    height: 45px;
  }
  .vtab li.avail-item a {
    display: table-cell;
    width: 100%;
    height: 45px;
    padding-left: 7px;
    font-size: 16px;
    line-height: 15px;
    color: #333333;
    text-decoration: none;
    vertical-align: middle;
  }
  .vtab li.open a {
    background: none;
  }
  .vtab li a span {
    display: table-cell;
    height: auto;
    padding-right: 0;
    padding-left: 0;
    vertical-align: baseline;
  }
  .vtab li.avail-item a:hover {
    color: #333;
    background: none;
  }
  .vtab > li.avail-item:after {
    position: absolute;
    right: 20px;
    left: auto;
    width: 8px;
    height: 8px;
    margin-top: -27px;
    border-color: #333;
    border-style: solid;
    border-width: 2px 2px 0 0;
    content: "";
    -webkit-transform: rotate(45deg);
       -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
         -o-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  .unavail-item {
    display: none;
  }
  .nav-content-topcopy {
    display: none;
  }
  .nav-content-wrapper {
    padding-top: 0;
  }
  .nav-1up {
    display: block;
    width: auto;
    padding: 10px;
    margin-left: 0;
    border-top: 1px solid #ffffff;
  }
  .nav-learn-more {
    padding: 7px 20px;
    margin-top: 20px;
    color: #ffffff;
    text-transform: uppercase;
    cursor: pointer;
    background: none repeat scroll 0 0 #00a1dd;
    border: 1px #009999;
    -webkit-border-radius: 2px;
       -moz-border-radius: 2px;
        -ms-border-radius: 2px;
         -o-border-radius: 2px;
            border-radius: 2px;
    -webkit-transition: all .4s ease 0s;
       -moz-transition: all .4s ease 0s;
        -ms-transition: all .4s ease 0s;
         -o-transition: all .4s ease 0s;
            transition: all .4s ease 0s;
  }
  .l3-copy-center {
    width: 100%;
    text-align: center;
  }
  .nav-2up {
    padding: 10px;
    border-top: 1px solid #ffffff;
  }
  .nav-3up {
    padding: 10px;
    border-top: 1px solid #ffffff;
  }
  .nav-4up {
    display: block;
    width: auto;
    padding: 10px;
    margin-left: 0;
    overflow: auto;
    border-top: 1px solid #ffffff;
  }
  .nav-4up.first-up {
    margin-left: 0;
  }
  .mega-nav-image {
    width: 100%;
    height: auto;
    max-height: 200px;
    margin-bottom: 0;
    overflow: hidden;
    text-align: center;
  }
  .mega-nav-image img {
    max-width: 100%;
  }
  .nav-2up > .mega-nav-image img,
  .nav-3up > .mega-nav-image img,
  .nav-4up > .mega-nav-image img,
  .nav-2up-wfeat > .mega-nav-image img,
  .nav-4up-wfeat > .mega-nav-image img {
    width: auto;
  }
  .l3-copy > p {
    margin: 0;
    font-size: 13px;
    font-weight: normal;
  }
  .mega-lev1-left {
    margin-right: 10px;
    margin-left: 10px;
    background-color: #e3e3e3 !important;
    border-top: 1px solid #FFFFFF !important;
  }
  .mega-lev1-right {
    position: relative;
    margin-left: 3px;
  }
  .mega-lev1-right.border-bottom {
    border-bottom: 1px solid #CCCCCC;
  }
  ul.mega-nav > .last {
    margin-bottom: 10px !important;
  }
  ul.mega-nav > .first {
    background-color: #e3e3e3;
    border-top: medium none;
  }
  li.active > a > u:after {
    height: 0 !important;
  }
  .mega-lev1-left.active > div > div > ul {
    height: auto !important;
    max-height: 900px;
    margin: 0;
  }
  .mega-nav .mega-lev1-left {
    margin-right: 10px;
    margin-left: 10px;
  }
  .mega-nav .mega-lev1-left .underline {
    position: static;
    padding: 0;
  }
  .mega-nav > li:hover > a > u.underline,
  .mega-nav > li:hover > a > u.noborder {
    width: auto;
    color: inherit;
    border-bottom: none;
  }
  .mega-lev1-right > a > u {
    padding: 0 0 0 7px;
    margin: 0;
  }
  .mega-lev1-left > div > div > ul {
    max-height: 0;
    -webkit-transition: all .3s ease .15s;
       -moz-transition: all .3s ease .15s;
        -ms-transition: all .3s ease .15s;
         -o-transition: all .3s ease .15s;
            transition: all .3s ease .15s;
  }
  ul.mega-nav > li.mega-lev1-left > a > span:after {
    position: absolute;
    height: 30px;
    margin-top: -10px;
    margin-left: 60%;
    border-right: 3px solid #FFFFFF;
    content: "";
  }
  ul.mega-nav > li.mega-lev1-left > a > span:before {
    position: absolute;
    width: 30px;
    margin-left: 75%;
    border-top: 3px solid #FFFFFF;
    content: "";
  }
  .mega-nav-links {
    top: -33px;
    z-index: auto;
  }
  .mega-nav > li > div.lev1-rollover {
    position: static;
    height: auto;
    margin-top: 0;
    visibility: visible;
  }
  #vtab-store {
    position: absolute;
    right: 0;
    z-index: 200;
    width: 100% !important;
    height: 45px;
    margin-left: 0;
    background-color: #00a1dd !important;
    border-top: none;
    -webkit-box-shadow: 2px 0 4px 2px rgba(50, 50, 50, 0.45);
       -moz-box-shadow: 2px 0 4px 2px rgba(50, 50, 50, 0.45);
            box-shadow: 2px 0 4px 2px rgba(50, 50, 50, 0.45);
    -webkit-transition: none;
       -moz-transition: none;
        -ms-transition: none;
         -o-transition: none;
            transition: none;
  }
  #vtab-store > a:first-child {
    width: 100%;
    color: #ffffff !important;
    text-decoration: none;
  }
  #vtab-store > div > img {
    vertical-align: middle;
  }
  #mobile-cart {
    position: absolute;
    top: 0;
    top: 6px;
    right: 6px;
    height: 30px;
    padding-top: 5px;
    padding-right: 5px;
    padding-left: 5px;
    margin-top: 0;
    background-color: #00678D;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
        -ms-border-radius: 5px;
         -o-border-radius: 5px;
            border-radius: 5px;
  }
  #mobile-cart > div {
    display: inline-block;
    height: 100%;
    margin-left: 5px;
    color: #ffffff;
    vertical-align: middle;
  }
  .search-mobile {
    display: none;
  }
  .search-box {
    margin: 0 10px 8px;
    overflow: visible;
    line-height: normal;
    background: none;
    border: none;
    opacity: 1;
  }
  .mega-nav .seagate-search {
    margin-top: 10px;
    border: 1px solid #000000;
  }
  .mega-nav .error .seagate-search {
    border-color: #cc0001;
  }
  .mega-nav input.seagate-search[type="search"] {
    font-size: 18px;
  }
  .magnify-icon {
    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
    width: 1em;
    height: 1em;
    padding: 0;
    margin: 0;
    font-size: 10px;
    border: solid .35em #333333;
    border-radius: 50%;
  }
  .magnify-icon:after {
    position: absolute;
    top: 0.8em;
    right: -0.4em;
    width: 0.5em;
    height: 0.8em;
    background: #333333;
    border-radius: .2em;
    content: "";
    -webkit-transform: rotate(-40deg);
       -moz-transform: rotate(-40deg);
        -ms-transform: rotate(-40deg);
         -o-transform: rotate(-40deg);
            transform: rotate(-40deg);
  }
  .mega-nav li.mega-lev1-left.expand {
    position: relative;
    background: #eeeeee;
    /* Old browsers */
  
    background: linear-gradient(to right, #eeeeee 0%, #eeeeee 275px, #333333 275px, #333333 100%);
    /* W3C */
  
  }
  .mega-nav li.mega-lev1-left.expand u:before,
  .mega-nav li.mega-lev1-left.expand u:after {
    position: absolute;
    display: block;
    background-color: #fff;
    content: "";
  }
  .mega-nav li.mega-lev1-left.expand u:before {
    top: 22px;
    right: 10px;
    width: 26px;
    height: 2px;
    vertical-align: middle;
  }
  .mega-nav li.mega-lev1-left.expand u:after {
    right: 22px;
    width: 2px;
    height: 26px;
    margin-top: -19px;
  }
  .mobile-only {
    display: block !important;
  }
  .desk-only {
    display: none !important;
  }
  #vtab-back {
    position: fixed;
    position: absolute;
    top: 0;
    z-index: 100;
    width: 100%;
    height: 60px;
    padding-left: 15px;
    line-height: 60px;
    text-align: left;
    cursor: pointer;
    background-color: #ffffff;
    border-bottom: 1px #cccccc solid;
  }
  #vtab-back.hidden {
    display: none !important;
  }
  #vtab-back > a {
    color: #00a1dd;
    text-decoration: none;
  }
  #category-name.hidden {
    display: none !important;
  }
  #category-name {
    position: absolute;
    top: 60px;
    z-index: 300;
    width: 100%;
    height: 45px;
    margin-top: 15px;
  }
  #category-name > div {
    height: 45px;
    padding-left: 10px;
    margin: 0 10px;
    background-color: #e3e3e3;
  }
  #category-name > div > span {
    display: table-cell;
    height: 45px;
    color: #333333;
    vertical-align: middle;
  }
  .arrow-left {
    position: relative;
    top: 2px;
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-right: 8px solid #00a1dd;
    border-bottom: 8px solid transparent;
  }
  .mega-nav-contentblock > div.with-feature {
    display: inline-block;
    width: auto;
    height: auto;
    border: none;
  }
  .nav-link {
    font-size: 16px;
  }
  .mega-nav > li.mobile-search-rollover {
    position: relative;
  }
  .mega-nav > li.mobile-search-rollover > a {
    position: absolute;
    top: 14px;
    right: 5%;
    width: 20px;
    height: 20px;
    padding: 0;
    margin: 0;
  }
}

@media (max-width: 480px) {
  button#burger:after {
    width: 60% !important;
    height: 2px;
  }
}

@media (min-width: 0) {
  #nav-wrapper.nav-wrapper-mobile-width {
    width: 0;
  }
  #nav-wrapper.nav-wrapper-mobile-width-open {
    width: 340px;
  }
  #mobile-wrapper.mobile-wrapper-mobile-height {
    height: 1430px;
  }
}

@media (max-width: 480px) {
  .nav-footer-socials {
    float: none;
    margin: auto;
    clear: both;
    text-align: center;
  }
  .nav-footer-socials li {
    margin-left: 6%;
  }
  .nav-footer-socials li:first-child {
    margin-left: 0;
  }
  .nav-footer-right-link {
    float: left;
  }
  .link-icon {
    width: 48px;
    height: 48px;
    margin-right: 5px;
  }
  .google-plus-small {
    background-position: -288px 0;
  }
  .instagram-small {
    background-position: -240px 0;
  }
  .weibo-small {
    background-position: -192px 0;
  }
  .facebook-small {
    background-position: -144px 0;
  }
  .linkedin-small {
    background-position: -96px 0;
  }
  .twitter-small {
    background-position: -48px 0;
  }
  .youtube-small {
    background-position: 0 0;
  }
  .nav-footer-top {
    display: block;
    width: 100%;
  }
  .nav-footer-top li {
    width: 100%;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 0;
    border-bottom: solid 1px #e8e8e8;
  }
  .nav-footer-line {
    margin-bottom: 0;
  }
}

@media (max-width: 767px) {
  .nav-footer-selector-col {
    width: auto;
    padding-left: 11px;
    margin: 0 0 30px 20px;
    clear: both;
    border-left: 2px solid #E0E0E0;
  }
  .nav-footer-selector ul li {
    line-height: 27px;
  }
  .nav-footer-heading {
    font-size: 16px;
  }
  .nav-footer-checked,
  .nav-footer-unchecked {
    position: absolute;
    float: left;
    width: 13px;
    height: 13px;
    background-image: url(../images/nav-sprite.png);
  }
  .nav-footer-checkbox {
    display: inherit;
  }
  .nav-footer-checkbox-desc {
    position: relative;
    display: inline-block;
    float: left;
    margin-bottom: 15px;
    margin-left: 32px;
    text-align: left;
  }
  .nav-footer-remember {
    float: left;
    margin-left: 22px;
    clear: none;
  }
  .nav-footer-columns-frame {
    margin-left: 23px;
  }
  #LocaleSelector {
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    max-height: 100%;
    margin: 0;
    border: none;
  }
  #LocaleSelector div.modal-body {
    height: 100%;
    max-height: 100%;
  }
  .nav-footer-locale {
    font-weight: 400;
  }
  button.nav-footer-close {
    padding: 0;
    cursor: pointer;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
  }
  div.nav-footer-close {
    display: block;
    margin-bottom: -7px;
  }
  div.nav-footer-close button.nav-footer-close {
    font-size: 16px;
    color: #0079ff;
  }
  .nav-footer-lt {
    display: block;
    float: left;
    width: 18px;
    height: 18px;
    margin-top: -1px;
    margin-left: -5px;
    background-image: url(../images/nav-sprite.png);
    background-position: 0 -131px;
  }
  button.nav-footer-close.close {
    display: none;
  }
  .nav-footer-checkbox-desc {
    font-size: 14px;
  }
  .nav-footer-subregion,
  .nav-footer-additional-subregion {
    margin-bottom: 3px;
  }
  .nav-footer-selector-col ul li {
    width: 100%;
  }
  .nav-footer-selector-col ul li:nth-child(4n) {
    width: 100%;
  }
}

@media (min-width: 481px) and (max-width: 767px) {
  .nav-footer-right-link {
    float: none;
    margin-bottom: 7px;
    text-align: center;
  }
  .link-icon {
    width: 24px;
    height: 24px;
    margin-right: 5px;
  }
  .google-plus-small {
    background-position: -144px -78px;
  }
  .instagram-small {
    background-position: -120px -78px;
  }
  .weibo-small {
    background-position: -96px -78px;
  }
  .facebook-small {
    background-position: -72px -78px;
  }
  .linkedin-small {
    background-position: -48px -78px;
  }
  .twitter-small {
    background-position: -24px -78px;
  }
  .youtube-small {
    background-position: 0 -78px;
  }
  .nav-footer-socials {
    width: 100%;
    text-align: center;
  }
  .nav-footer-tablet-only {
    display: block;
  }
  .nav-footer-top {
    display: table;
    width: 100%;
    margin-bottom: 3px;
  }
  .nav-footer-top li:first-child {
    padding-right: 0;
    padding-left: 0;
  }
  .nav-footer-top li {
    display: table-cell;
    padding-right: 0;
    padding-left: 0;
    text-align: center;
  }
  .nav-footer-top li:first-child {
    border-left: none;
  }
  .nav-footer-top-container {
    width: 100%;
  }
  .nav-footer-heading {
    font-size: 20px;
  }
}

@media (max-width: 979px) {
  .banner-home {
    margin-top: -76px;
  }
}

@media (max-width: 979px) and (min-width: 768px) {
  .banner-home,
  .banner-item {
    height: 420px;
  }
  .banner-content-wrapper {
    height: 420px;
  }
  .banner-content,
  .banner-content-center,
  .banner-content-right {
    top: 130px;
  }
  .banner-content h1 {
    margin-bottom: 10px;
    font-size: 45px;
  }
  .banner-content .btn {
    margin-top: 25px;
  }
  .banner-content-center h1 {
    margin-bottom: 5px;
  }
  .banner-content-center .btn {
    margin-top: 20px;
  }
}

@media (max-width: 767px) {
  .banner-home,
  .banner-item {
    height: 250px;
  }
  .banner-item {
    background-position: center center;
  }
  .banner-content-wrapper {
    height: 250px;
  }
  .banner-content {
    top: 85px;
    left: -8px;
    width: 70%;
    text-shadow: 0 2px 0px rgba(0, 0, 0, 0.25);
  }
  .banner-content-center,
  .banner-content-right {
    right: auto;
    bottom: auto;
    left: -8px;
    height: 50%;
    margin: auto;
    text-align: left;
  }
  .banner-content h1 {
    margin-bottom: 10px;
    font-size: 26px;
  }
  .banner-content h2 {
    display: none;
  }
  .banner-content h3 {
    display: block;
  }
  .banner-content .btn {
    margin-top: 10px;
  }
  .banner-home-controls {
    right: 12px;
    left: auto;
    height: 24px;
    margin-bottom: 0;
    margin-left: auto;
    text-align: right;
  }
  .banner-home-controls a {
    margin-right: 0;
  }
}

@media (max-width: 767px) {
  .link-item-med-img .col-tab {
    position: relative;
    z-index: 1;
    float: none;
    float: left;
    width: 96%;
    padding: 10px 2%;
    overflow: hidden;
    background: #DFDFDF;
    border-bottom: 1px solid #fff;
  }
  .link-item-med-img .col-tab-left {
    float: left;
    width: 86%;
  }
  .link-item-med-img .col-tab-right {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 40px;
    text-align: center;
    cursor: pointer;
    background-position: center center;
  }
  .link-item-med-img .opened-tab {
    background-color: #008fc3;
    border-left: 2px solid #FFFFFF;
  }
  .link-item-med-img .opened-tab:before {
    position: absolute;
    top: 50%;
    left: 7px;
    display: block;
    width: 26px;
    height: 2px;
    margin-top: -1px;
    background-color: #fff;
    content: "";
  }
  .link-item-med-img .closed-tab {
    background-color: #333;
    border-left: 2px solid #FFFFFF;
  }
  .link-item-med-img .closed-tab:before,
  .link-item-med-img .closed-tab:after {
    position: absolute;
    top: 50%;
    left: 7px;
    display: block;
    width: 26px;
    height: 2px;
    margin-top: -1px;
    background-color: #fff;
    content: "";
  }
  .link-item-med-img .closed-tab:after {
    left: 19px;
    width: 2px;
    height: 26px;
    margin-top: -12px;
  }
  .link-item-med-img .col-content {
    background: #EAEAEA;
    border-bottom: 1px solid #FFFFFF;
  }
  .link-item-med-img .closed-tab-content {
    display: none;
  }
  .link-item-med-img .opened-tab-content {
    display: block;
  }
  .link-item-med-img .col-content-hover:hover {
    display: none;
    opacity: 0;
  }
}

@media (max-width: 480px) {
  
}

@media (min-width: 768px) {
  .link-item-med-img .col-content {
    display: block !important;
  }
}

@media (min-width: 768px) and (max-width: 979px) {
  .link-item-med-img .col-content-cta {
    padding-top: 20px;
    font-size: 18px !important;
    line-height: 1.2em;
  }
  .link-item-med-img h1 {
    font-size: 30px;
    line-height: 1.1em;
  }
  .link-item-med-img h2 {
    font-size: 25px;
    line-height: 1.1em;
  }
  .link-item-med-img h3,
  .link-item-med-img .link-list-title h3 {
    font-size: 21px;
  }
}

@media (min-width: 980px) and (max-width: 1199px) {
  
}

@media (min-width: 1200px) {
  .link-item-med-img .centered-title {
    padding: 0 20%;
  }
}

@media (min-width: 1200px) {
  .video-carousel-nav img {
    width: auto;
  }
  .video-carousel-nav li a:hover:before,
  .video-carousel-nav li a.current:before {
    width: 130px;
    height: 73px;
  }
  .video-carousel-nav li a:hover:after,
  .video-carousel-nav li a.current:after {
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 20px solid #fff;
  }
  .video-carousel-content-list {
    padding-top: 100px;
  }
}

@media (max-width: 1199px) and (min-width: 980px) {
  .video-carousel-nav img {
    width: 100px;
  }
  .video-carousel-nav li a:hover:before,
  .video-carousel-nav li a.current:before {
    width: 100px;
    height: 56px;
  }
  .video-carousel-nav li a:hover:after,
  .video-carousel-nav li a.current:after {
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 16px solid #fff;
  }
}

@media (max-width: 979px) and (min-width: 768px) {
  .video-carousel-nav img {
    width: 75px;
  }
  .video-carousel-nav li a:hover:before,
  .video-carousel-nav li a.current:before {
    width: 75px;
    height: 42px;
  }
  .video-carousel-nav li a:hover:after,
  .video-carousel-nav li a.current:after {
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 12px solid #fff;
  }
  .video-carousel-content-list {
    padding-top: 40px;
  }
}

@media (max-width: 767px) {
  .video-carousel-content {
    width: auto;
  }
  .video-carousel-videos {
    position: relative;
    float: none;
    width: auto;
  }
  .video-carousel-nav {
    text-align: center;
  }
  .video-carousel-nav li a {
    display: block;
    width: 15px;
    height: 15px;
    margin-right: 4px;
    margin-left: 4px;
    background-color: #CCC;
    border-radius: 25px;
  }
  .video-carousel-nav li a:hover,
  .video-carousel-nav li a.current {
    background-color: #666;
  }
  .video-carousel-nav li a:hover:before,
  .video-carousel-nav li a.current:before {
    display: none;
  }
  .video-carousel-nav li a:hover:after,
  .video-carousel-nav li a.current:after {
    display: none;
  }
  .video-carousel-thumbnail {
    display: none;
  }
  .video-carousel-nav .nav-left {
    position: absolute;
    top: 35%;
    left: 2%;
    display: block;
    width: 50px;
    height: 50px;
    background-color: #b8b8b8;
    border: none;
    border-radius: 100px;
    content: "";
  }
  .video-carousel-nav .nav-left span {
    position: relative;
    top: 15px;
    left: 15px;
    display: block;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-right: 15px solid #fff;
    border-bottom: 10px solid transparent;
    content: "";
  }
  .video-carousel-nav .nav-right {
    position: absolute;
    top: 35%;
    right: 2%;
    display: block;
    width: 50px;
    height: 50px;
    background-color: #b8b8b8;
    border: none;
    border-radius: 100px;
    content: "";
  }
  .video-carousel-nav .nav-right span {
    position: relative;
    top: 15px;
    left: 20px;
    display: block;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #fff;
    content: "";
  }
  .video-carousel .video-carousel-content {
    text-align: center;
  }
  .video-carousel .video-carousel-content h2,
  .video-carousel .video-carousel-content p {
    text-align: left;
  }
  .video-carousel-content-list {
    padding-top: 0;
  }
}

@media (max-width: 480px) {
  .article-image-box h2 {
    font-size: 24px;
    line-height: 28px;
  }
  .article-image-box {
    padding: 20px 0 100px 0;
    background: url(../images/intelligent-infrastructure-1568x292.jpg);
  }
  .article-no-bg-image .article-author {
    margin: -10px 0 0 0;
  }
  .article-no-bg-image .article-image-box {
    padding: 20px 0 20px 0;
  }
}

@media (max-width: 767px) {
  .article-author {
    margin-top: -60px;
  }
}

/* Jobs Search*/

@media (max-width: 979px) and (min-width: 768px) {
  .jobs-search-go .magnify-search-icon {
    position: absolute;
    top: -16px;
    right: 18px;
    border-width: 0.3em;
  }
  .jobs-search ul {
    max-width: 58%;
  }
}

@media (max-width: 767px) {
  {
    /* Sticky Header mode styles */
  
  }
  .jobs-search .jobs-search-go {
    top: 8px;
    right: auto;
    left: 6px;
    color: black;
  }
  .jobs-search {
    margin-left: -20px;
    box-sizing: border-box;
  }
  .jobs-search-go .magnify-search-icon {
    top: 3px;
    border-color: #666;
  }
  .jobs-search-go .magnify-search-icon:after {
    background: #666;
  }
  .jobs-search .jobs-search-go span {
    display: none;
  }
  .jobs-search .jobs-search-phone {
    display: inline-block;
    float: right;
    margin: 0 2%;
    font-size: 18px;
    line-height: 33px;
    text-align: left;
  }
  .jobs-search ul {
    display: block;
    width: 100%;
    margin-top: 74px;
    text-align: center;
  }
  .jobs-search .magnify-search-icon:after {
    top: 0.9em;
  }
  .jobs-search .jobs-search-background {
    position: absolute;
    display: block;
    width: 100%;
    padding: 20px 0 20px 15px;
    background-color: #99ddf7;
    box-sizing: border-box;
  }
  .jobs-search-form-wrapper {
    margin: 0;
  }
  .jobs-search .jobs-search-label-wrapper {
    width: auto;
    margin: 0 2%;
    overflow: hidden;
  }
  .jobs-search .jobs-search-label-wrapper input {
    padding: 0 30px;
  }
  .jobs-search.sticky-header-active {
    padding-top: 0;
    padding-left: 0;
  }
}

@media (min-width: 980px) {
  .jobs-search ul {
    max-width: 70%;
  }
}

/* Press Release Search And Listing*/

@media (max-width: 767px) {
  .press-release-sl-head .pull-left,
  .press-release-sl-head .pull-right {
    float: none;
  }
  .press-release-sr-form-wrapper .press-release-sr-label {
    float: none;
    width: auto;
  }
  .press-release-sr-form-wrapper ul {
    text-align: center;
  }
  .press-release-sl-wrapper {
    min-width: 118px;
  }
  .press-release-label-wrapper input {
    width: 142px;
  }
}

@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 (min-width: 768px) and (max-width: 979px) {
  .consumer-portal-welcome .t-span4 {
    width: 228px;
  }
  .consumer-portal-welcome .t-span12 {
    width: 100%;
  }
  .consumer-portal-welcome .welcome-item.register-product {
    height: auto;
    margin-top: 20px;
  }
  .consumer-portal-welcome .welcome-item.register-product h3 {
    padding-top: 10px;
    font-size: 24px;
  }
  .consumer-portal-welcome .welcome-item.register-product .btn {
    display: block;
  }
}

@media (max-width: 767px) {
  .consumer-portal-welcome {
    padding: 0;
    margin: 0;
    background-image: none;
  }
  .consumer-portal-welcome .welcome-message {
    padding: 30px 0;
    margin: -20px 0 30px 0;
    background-image: url(../images/fpo-consumer-dashboard-welcome-bg.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .consumer-portal-welcome .welcome-message p {
    margin-bottom: 0;
  }
  .consumer-portal-welcome .welcome-message.registered {
    padding-bottom: 20px;
    margin-bottom: 0;
  }
  .consumer-portal-welcome .welcome-item {
    border-left: none;
  }
  .consumer-portal-registered-products .registered-product-item {
    margin-bottom: 20px;
  }
  .consumer-portal-welcome .welcome-item.register-product,
  .registered-product-item.register-product {
    height: auto;
  }
  .welcome-item.register-product,
  .registered-product-item.register-product h3 {
    padding-top: 10px;
  }
  .registered-product-item-details ul.first {
    border-right: none;
  }
  .registered-product-item-details ul.last {
    padding-left: 0;
  }
  .communities-search .search-btn {
    width: 40px;
  }
  .communities-search .search-btn > span {
    width: 40px;
  }
  .communities-search .search-input {
    width: 80%;
  }
}

/* LaCie Branding */

@media (max-width: 979px) {
  .ci-lacie .gn-container .gn-logo a {
    width: 62px;
    background-image: url('../images/lacie-staticlogo-blue-nopad-62x26.png');
  }
  .ci-lacie .gn-menu-opened .gn-menu-item-1lvl > span > em {
    background: #0084cb;
  }
  .ci-lacie .gn-menu-item-2lvl {
    color: #0084cb;
  }
}

/* Locale Specific Styles*/

/*!
 * Arabic Responsive
 * To overwrite stx-bootstrap-responsive.css
 */

@media (max-width: 767px) {
  :lang(ar-em) .row,
  :lang(ar-em) .thumbnails {
    margin-right: 0;
  }
  :lang(ar-em) [class*="span"],
  :lang(ar-em).row-fluid [class*="span"] {
    float: none;
    margin-right: 0;
  }
}

@media (min-width: 768px) and (max-width: 979px) {
  :lang(ar-em) .row {
    margin-right: -20px;
    margin-left: 0;
  }
  :lang(ar-em) [class*="span"] {
    float: right;
    margin-right: 20px;
    margin-left: 0;
  }
  :lang(ar-em) .offset12 {
    margin-right: 764px;
    margin-left: 0;
  }
  :lang(ar-em) .offset11 {
    margin-right: 702px;
    margin-left: 0;
  }
  :lang(ar-em) .offset10 {
    margin-right: 640px;
    margin-left: 0;
  }
  :lang(ar-em) .offset9 {
    margin-right: 578px;
    margin-left: 0;
  }
  :lang(ar-em) .offset8 {
    margin-right: 516px;
    margin-left: 0;
  }
  :lang(ar-em) .offset7 {
    margin-right: 454px;
    margin-left: 0;
  }
  :lang(ar-em) .offset6 {
    margin-right: 392px;
    margin-left: 0;
  }
  :lang(ar-em) .offset5 {
    margin-right: 330px;
    margin-left: 0;
  }
  :lang(ar-em) .offset4 {
    margin-right: 268px;
    margin-left: 0;
  }
  :lang(ar-em) .offset3 {
    margin-right: 206px;
    margin-left: 0;
  }
  :lang(ar-em) .offset2 {
    margin-right: 144px;
    margin-left: 0;
  }
  :lang(ar-em) .offset1 {
    margin-right: 82px;
    margin-left: 0;
  }
  :lang(ar-em) .row-fluid [class*="span"] {
    float: right;
    margin-right: 2.762430939%;
    *margin-right: 2.709239449638298%;
    margin-left: 0;
    *margin-left: 0;
  }
  :lang(ar-em) .row-fluid [class*="span"]:first-child {
    margin-right: 0;
  }
  :lang(ar-em) input,
  :lang(ar-em) textarea,
  :lang(ar-em) .uneditable-input {
    margin-right: 0;
  }
}

@media (min-width: 1200px) {
  :lang(ar-em) .row {
    margin-right: -30px;
    margin-left: 0;
  }
  :lang(ar-em) [class*="span"] {
    float: right;
    margin-right: 30px;
    margin-left: 0;
  }
  :lang(ar-em) .offset12 {
    margin-right: 1230px;
    margin-left: 0;
  }
  :lang(ar-em) .offset11 {
    margin-right: 1130px;
    margin-left: 0;
  }
  :lang(ar-em) .offset10 {
    margin-right: 1030px;
    margin-left: 0;
  }
  :lang(ar-em) .offset9 {
    margin-right: 930px;
    margin-left: 0;
  }
  :lang(ar-em) .offset8 {
    margin-right: 830px;
    margin-left: 0;
  }
  :lang(ar-em) .offset7 {
    margin-right: 730px;
    margin-left: 0;
  }
  :lang(ar-em) .offset6 {
    margin-right: 630px;
    margin-left: 0;
  }
  :lang(ar-em) .offset5 {
    margin-right: 530px;
    margin-left: 0;
  }
  :lang(ar-em) .offset4 {
    margin-right: 430px;
    margin-left: 0;
  }
  :lang(ar-em) .offset3 {
    margin-right: 330px;
    margin-left: 0;
  }
  :lang(ar-em) .offset2 {
    margin-right: 230px;
    margin-left: 0;
  }
  :lang(ar-em) .offset1 {
    margin-right: 130px;
    margin-left: 0;
  }
  :lang(ar-em) .row-fluid [class*="span"] {
    float: right;
    margin-right: 2.564102564%;
    *margin-right: 2.510911074638298%;
    margin-left: 0;
    *margin-left: 0;
  }
  :lang(ar-em) .row-fluid [class*="span"]:first-child {
    margin-right: 0;
  }
  :lang(ar-em) .row-fluid.row-reverse > [class*="span"] {
    margin-right: 2.564102564%;
    margin-left: 0;
  }
  :lang(ar-em) .row-fluid.row-reverse > [class*="span"] + [class*="span"] {
    margin-right: 0;
    margin-left: 0;
  }
  :lang(ar-em) .thumbnails {
    margin-right: -30px;
    margin-left: 0;
  }
  :lang(ar-em) .thumbnails > li {
    margin-right: 30px;
    margin-left: 0;
  }
  :lang(ar-em) .row-fluid .thumbnails {
    margin-right: 0;
  }
}

@media (max-width: 979px) {
  :lang(ar-em) .navbar .brand {
    margin: 0 -5px 0 0;
  }
  :lang(ar-em) .navbar .nav-collapse .nav.pull-right {
    margin-right: 0;
  }
  :lang(ar-em) .pdp-main-tab > .dropdown .dropdown-toggle span,
  :lang(ar-em) .pdp-main-tab > .dropdown a.dropdown-toggle:hover span {
    border-radius: 3px 0 0 3px;
  }
  :lang(ar-em) .pdp-main-tab > .open > a.dropdown-toggle span {
    border-radius: 3px 0 0 0;
  }
  :lang(ar-em) .tab-to-drop-dropdown > .dropdown-menu > li {
    float: none;
  }
}

@media (min-width: 980px) {
  
}

/* Adding STX responsive styles directly for now */

/* nav header locale selector */

@media (min-width: 1200px) {
  :lang(ar-em) .nav-header-drop .row {
    margin-right: -20px;
  }
}

/* teaser */

@media (min-width: 481px) and (max-width: 767px) {
  :lang(ar-em) .teaser-image {
    float: right;
    margin-right: 0;
    margin-left: 18px;
  }
}

@media (max-width: 480px) {
  :lang(ar-em) .teaser-image {
    float: none;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
  }
}

@media (max-width: 767px) {
  :lang(ar-em) .search-results-featured.two-up li,
  :lang(ar-em) .search-results-featured.three-up li {
    margin-left: 0;
  }
  :lang(ar-em) .search-results-featured.three-up img {
    float: right;
  }
  :lang(ar-em) .tile-category-tab-control {
    float: right;
  }
  :lang(ar-em) .tile-category-group-title {
    float: right;
    padding-right: 0;
    padding-left: 2%;
    clear: right;
    text-align: right;
  }
}

@media (max-width: 979px) {
  :lang(ar-em) .pdp-main-tab > .tab-to-drop-display {
    border-right: none;
    border-left: 1px solid #66D9D9;
    box-shadow: inset 1px 0 0 #006666;
  }
  :lang(ar-em) .pdp-main-tab > .dropdown {
    width: 100%;
  }
  :lang(ar-em) .pdp-main-tab > .dropdown .dropdown-toggle {
    text-align: left;
  }
  :lang(ar-em) .tab-to-drop-dropdown > .dropdown-menu {
    right: auto;
    left: 0;
  }
  :lang(ar-em) .tab-to-drop-dropdown > .dropdown-menu > li {
    margin-right: 0;
  }
  :lang(ar-em) .pdp-main-tab > .dropdown > .dropdown-menu {
    border-radius: 0 0 3px 3px;
  }
  :lang(ar-em) .pdp-main-tab-dropdown-menu a.button {
    text-align: right;
  }
  :lang(ar-em) .pdp-main-tab-side a.button {
    text-align: right;
  }
  :lang(ar-em) .pdp-accessories-image.span2,
  :lang(ar-em) .pdp-accessories-info.span8 {
    float: right;
  }
  :lang(ar-em) .pdp-accessories-buy.span2 {
    float: left;
  }
}

@media (max-width: 767px) {
  {
    /* CSS Small Dark Gray Right Pointing Arrow - Third Level */
  
    /* CSS Normal White Right Pointing Arrow - First and Second Level */
  
  }
  :lang(ar-em) .pdp-buy > .row-fluid,
  :lang(ar-em) .pdp-buy.two-column > .row-fluid {
    background: none !important;
  }
  :lang(ar-em) .pdp-buy-filter-molecule > li:nth-child(odd),
  :lang(ar-em) .pdp-buy-filter-molecule > li:nth-child(even) {
    margin: 0 0 10px;
  }
  :lang(ar-em) .subnav-cart-counter {
    padding: 0;
    margin: 0;
    border: none;
  }
  :lang(ar-em) .nav-global-first-level-item {
    float: none;
    border: none;
  }
  :lang(ar-em) .nav-header-form-search {
    margin: 0;
  }
  :lang(ar-em) .pdp-accessories-buy.span2 {
    margin-right: 2.762430939%;
    margin-left: 0;
  }
  :lang(ar-em) .pdp-buy > .row-fluid > .span6,
  :lang(ar-em) .pdp-buy > .row-fluid > .span6 + .span3,
  :lang(ar-em) .pdp-buy > .row-fluid > .span3 + .span3 {
    padding-left: 0;
    margin-right: 0;
  }
  :lang(ar-em) .row-fluid.row-reverse > [class*="span"] {
    float: none;
    margin-right: 0;
  }
  :lang(ar-em) .nav-header .span4 {
    float: right;
  }
  :lang(ar-em) .nav-header .span8 {
    float: left;
  }
  :lang(ar-em) a.nav-header-toggle-btn,
  :lang(ar-em) .subnav-cart-counter a.btn {
    float: left;
    margin: 6px 0 6px 10px;
  }
  :lang(ar-em) a[data-target*='nav-global-wrapper'] {
    margin-left: 0;
  }
  :lang(ar-em) .nav-header .nav-header-search-submit {
    right: auto;
    left: 0;
    text-align: center;
  }
  :lang(ar-em) .nav-header-form-search fieldset .error-message {
    float: right;
  }
  :lang(ar-em) .nav-header-form-search fieldset .error-message:before {
    right: 50%;
    left: auto;
    margin-right: -4px;
    margin-left: 0;
  }
  :lang(ar-em) .subnav-cart-counter .cart-amount {
    right: auto;
    left: -8px;
  }
  :lang(ar-em) .nav-global-second-level-item {
    padding: 0;
    border: none;
  }
  :lang(ar-em) .nav-global-first-level-item-link:before {
    right: auto;
    left: -1px;
    -webkit-box-shadow: rgba(255, 255, 255, 0.5) -1px 1px 1px inset;
       -moz-box-shadow: rgba(255, 255, 255, 0.5) -1px 1px 1px inset;
            box-shadow: rgba(255, 255, 255, 0.5) -1px 1px 1px inset;
  }
  :lang(ar-em) .nav-global-second-level-item > .thin-grey-bottom-line:before {
    right: auto;
    left: 0;
    border-right: 1px solid #828282;
    border-left: none;
    -webkit-box-shadow: rgba(255, 255, 255, 0.5) -1px 1px 1px inset;
       -moz-box-shadow: rgba(255, 255, 255, 0.5) -1px 1px 1px inset;
            box-shadow: rgba(255, 255, 255, 0.5) -1px 1px 1px inset;
  }
  :lang(ar-em) .nav-global-second-level-item > .thin-grey-bottom-line:after {
    right: -8px;
    left: auto;
    -webkit-box-shadow: rgba(255, 255, 255, 0.5) 1px 1px;
       -moz-box-shadow: rgba(255, 255, 255, 0.5) 1px 1px;
            box-shadow: rgba(255, 255, 255, 0.5) 1px 1px;
  }
  :lang(ar-em) .nav-global-first-level-item.hover ul {
    right: 0;
    left: auto;
  }
  :lang(ar-em) .nav-global-third-level-wrapper {
    right: 0;
    left: auto;
    display: none;
  }
  :lang(ar-em) .nav-global-right-item .nav-global-second-level-item.hover .nav-global-third-level-wrapper {
    right: 0;
    left: auto;
  }
  :lang(ar-em) .nav-global-third-level-wrapper a:before {
    margin: -6px 0 4px -20px;
  }
  :lang(ar-em) .nav-global-first-level-item-link span:before,
  :lang(ar-em) .nav-global-secondary-link:before {
    right: auto;
    left: 10px;
  }
  :lang(ar-em) .nav-global-first-level-item-link span:after,
  :lang(ar-em) .nav-global-secondary-link:after {
    right: auto;
    left: 17px;
  }
  :lang(ar-em) .nav-global-third-level-wrapper a:after {
    right: auto;
    left: 14px;
    border-width: 0 0 2px 2px;
  }
  :lang(ar-em) .nav-global-without-drop span:before {
    right: auto;
    left: 15px;
    border-width: 0 0 3px 3px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 -2px 0 -1px inset, rgba(0, 0, 0, 0.25) -1px 0;
       -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 -2px 0 -1px inset, rgba(0, 0, 0, 0.25) -1px 0;
            box-shadow: rgba(0, 0, 0, 0.2) 0 -2px 0 -1px inset, rgba(0, 0, 0, 0.25) -1px 0;
  }
  :lang(ar-em) .nav-global-second-level-item > .thin-grey-bottom-line {
    padding: 9px 9px 9px 49px;
  }
  :lang(ar-em) .nav-global-second-level-item:hover .nav-global-third-level-wrapper {
    display: none;
    margin: 0 3px;
  }
  :lang(ar-em) .nav-global-second-level-item.hover .nav-global-third-level-wrapper {
    display: block;
  }
  :lang(ar-em) .nav-global-third-level-wrapper .global-nav-browse a,
  :lang(ar-em) .nav-global-third-level ul li a,
  :lang(ar-em) .nav-global-third-level-wrapper .global-nav-browse a:hover,
  :lang(ar-em) .nav-global-third-level ul li a:hover {
    padding: 5px 7px 5px 27px;
  }
  :lang(ar-em) .nav-global-third-level strong {
    padding: 5px 7px;
  }
  :lang(ar-em) .nav-global-third-level ul {
    margin: 0;
  }
  :lang(ar-em) .nav-global-third-level ul li {
    padding: 0;
    margin: 0;
  }
  :lang(ar-em) .billboard .refresh-btn-group {
    *zoom: 1;
  }
  :lang(ar-em) .billboard .refresh-btn-group:before,
  :lang(ar-em) .billboard .refresh-btn-group:after {
    display: table;
    content: "";
  }
  :lang(ar-em) .billboard .refresh-btn-group:after {
    clear: both;
  }
  :lang(ar-em) .span4.vertical-rule-left {
    padding-right: 0;
    padding-left: 0;
    margin-right: 0;
    margin-left: 0;
    border-right: none;
    border-left: none;
  }
}

@media (min-width: 768px) {
  {
    /* PDP primary tab */
  
  }
  :lang(ar-em) .pdp-tab-control > .row-fluid > .span6:first-child {
    margin-right: 2.127659574%;
    margin-left: 0;
  }
}

@media (max-width: 480px) {
  :lang(ar-em) .pdp-related-products-col img {
    float: right;
  }
  :lang(ar-em) .pdp-related-products-col .pdp-related-products-info {
    float: right;
    margin-right: 4%;
    margin-left: 0;
  }
  :lang(ar-em) .pdp-related-products-col {
    float: none;
    border-width: 0;
  }
}

@media (min-width: 768px) and (max-width: 979px) {
  :lang(ar-em) .row-fluid.row-reverse > [class*="span"] > div:first-of-type {
    margin-right: 2.762430939%;
    margin-left: 0;
  }
  :lang(ar-em) .buy-box-table li small {
    margin-left: 0;
  }
  :lang(ar-em) .stock-status {
    margin-left: 0;
  }
  :lang(ar-em) .stock-status-outofstock {
    margin-left: 0;
  }
  :lang(ar-em) .buy-box-table li img {
    float: right;
  }
  :lang(ar-em) .buy-box-table li img + strong {
    float: left;
  }
}

@media (min-width: 1200px) {
  :lang(ar-em) .pdp-accessories-image.span2,
  :lang(ar-em) .pdp-accessories-info.span8 {
    float: right;
  }
  :lang(ar-em) .pdp-accessories-buy.span2 {
    float: left;
  }
}

@media (max-width: 979px) and (min-width: 480px) {
  :lang(ar-em) p.pdp-related-products-price .btn,
  :lang(ar-em) p.pdp-related-products-price .button {
    margin: 6px 0 0 0;
  }
}

/*rwd-nav-tabs*/

@media (max-width: 979px) {
  {
    /*specs table*/
  
  }
  :lang(ar-em) .rwd-nav-tabs > li.rwd-nav-tabs-dropdown.active > a.dropdown-toggle,
  :lang(ar-em) .rwd-nav-tabs > li.rwd-nav-tabs-dropdown.active > a.dropdown-toggle:hover {
    text-align: left;
  }
  :lang(ar-em) .rwd-nav-tabs > li.rwd-nav-tabs-dropdown.active > a.dropdown-toggle span {
    -webkit-border-radius: 3px 0 0 3px;
       -moz-border-radius: 3px 0 0 3px;
            border-radius: 3px 0 0 3px;
  }
  :lang(ar-em) .rwd-nav-tabs > li.rwd-nav-tabs-dropdown.active.open > a.dropdown-toggle span {
    -webkit-border-radius: 3px 0 0 0;
       -moz-border-radius: 3px 0 0 0;
            border-radius: 3px 0 0 0;
  }
  :lang(ar-em) .rwd-nav-tabs-display {
    border-right: none;
    border-left: 1px solid #66D9D9;
    box-shadow: inset 1px 0 0 #006666;
  }
  :lang(ar-em) .rwd-nav-tabs-dropdown-menu > li {
    float: none;
    margin-right: 0;
  }
  :lang(ar-em) .rwd-nav-tabs-dropdown-menu {
    right: auto;
    left: 0;
    margin: 0;
  }
  :lang(ar-em) .product-specs-table-content a.pdf {
    float: right;
    padding-right: 0;
    background-position: center top;
  }
}

@media (max-width: 979px) and (min-width: 768px) {
  :lang(ar-em) .tile-categories-list .pdp-main-tab {
    box-shadow: none;
  }
  :lang(ar-em) .tile-categories-list .pdp-main-tab > .tab-to-drop-dropdown > .dropdown-menu {
    border-radius: 0;
    box-shadow: none;
  }
  :lang(ar-em) .thumbnails > li {
    margin-left: 3px;
  }
}

@media (max-width: 767px) {
  :lang(ar-em) .content-row-2-column {
    margin-left: 0;
  }
  :lang(ar-em) .content-row-2-column.pull-left {
    float: right;
  }
  :lang(ar-em) .tile-categories-list {
    *zoom: 1;
  }
  :lang(ar-em) .tile-categories-list:before,
  :lang(ar-em) .tile-categories-list:after {
    display: table;
    content: "";
  }
  :lang(ar-em) .tile-categories-list:after {
    clear: both;
  }
}

/*support search box*/

@media (max-width: 979px) {
  :lang(ar-em) .support-search-box .input-wrapper input {
    height: 42px;
  }
}

@media (max-width: 767px) {
  :lang(ar-em) .support-search-box .input-wrapper {
    margin: 0 0 15px;
  }
  :lang(ar-em) .support-search-box .content-wrapper .btn {
    float: left;
  }
}

/*flat tab*/

@media (max-width: 979px) {
  :lang(ar-em) ul.flat-tabs li {
    float: none;
  }
  :lang(ar-em) ul.flat-tabs li .flat-tab {
    border: 0;
  }
  :lang(ar-em) .active-flat-tab-closed {
    background-position: 2% 9px !important;
  }
  :lang(ar-em) .active-flat-tab-opened {
    background-position: 2% -23px !important;
  }
}

/* SPP redesign */

@media (min-width: 1200px) {
  :lang(ar-em) .row-reverse.row {
    margin-left: -30px;
  }
  :lang(ar-em) .row-reverse.row > [class*="span"] {
    margin-left: 30px;
  }
}

@media (max-width: 979px) {
  :lang(ar-em) .profile-partner-information .txt-icn-edit {
    right: auto;
    left: 0;
    border-right: 1px solid #ccc;
    border-left: 0;
  }
}

@media (max-width: 979px) and (min-width: 768px) {
  :lang(ar-em) .spp-box .table-activity .td-action {
    padding-right: 10px;
  }
  :lang(ar-em) .spp-page .spp-top-profile [class*="span"] {
    margin-right: 0.67750677506775%;
    margin-left: 0;
  }
  :lang(ar-em) .spp-page .spp-top-profile .span6 {
    padding-right: 0;
    padding-left: 21px;
  }
  :lang(ar-em) .profile-partner-information .cell-welcome {
    padding-right: 0;
    padding-left: 50px;
  }
  :lang(ar-em) .profile-partner-information .cell-extra .txt-rep {
    margin-right: 0;
    margin-left: -50px;
  }
  :lang(ar-em) .profile-purchase-summary .unit-foot {
    padding-top: 4px;
  }
}

@media (max-width: 767px) {
  :lang(ar-em) .row-reverse.row {
    margin: 0;
  }
  :lang(ar-em) .row-reverse.row > [class*="span"] {
    float: none;
    margin: 0;
  }
  :lang(ar-em) .spp-box-collapse .unit-title {
    padding: 8px 10px 8px 50px;
  }
  :lang(ar-em) .spp-box-collapse .collapse-icn span {
    right: auto;
    left: 0;
    border-right: 2px solid #fff;
    border-left: 0;
  }
  :lang(ar-em) .spp-page .spp-top-profile .span2 {
    float: right;
    margin-right: 0;
    margin-left: 2%;
  }
  :lang(ar-em) .spp-page .spp-top-profile .span2 + .span2 + .span2 {
    margin-right: 2%;
    margin-left: 0;
  }
  :lang(ar-em) .profile-partner-information {
    padding-right: 0;
    padding-left: 50px;
  }
  :lang(ar-em) .profile-purchase-summary [class^="unit"] {
    float: none;
    padding: 0;
  }
  :lang(ar-em) .profile-purchase-summary .unit-internal {
    border: 0;
  }
  :lang(ar-em) .spp-event-calendar .unit-date-list li:first-child {
    padding-right: 70px;
    padding-left: 0;
  }
  :lang(ar-em) .spp-event-calendar .unit-date-list li:first-child:before {
    right: 56px;
    left: auto;
  }
}

/* Announcement Modal */

@media (min-width: 1200px) {
  :lang(ar-em) .am-whats-new .am-on.in .am-i-b .am-p-a {
    right: auto;
    left: 329px;
  }
  :lang(ar-em) .am-whats-new .am-on.in .am-i-b .am-p-b {
    right: 248px;
    left: auto;
  }
  :lang(ar-em) .am-whats-new .am-on.in .am-i-c .am-p-a {
    right: 650px;
  }
  :lang(ar-em) .am-whats-new .am-on.in .am-i-c .am-p-b {
    right: 248px;
    left: auto;
  }
  :lang(ar-em) .am-whats-new .am-on.in .am-i-c .am-p-c {
    right: 248px;
    left: auto;
  }
}

@media (min-width: 768px) and (max-width: 979px) {
  :lang(ar-em) .am-whats-new .am-on.in .am-i-b .am-p-a {
    right: auto;
    left: 180px;
  }
  :lang(ar-em) .am-whats-new .am-on.in .am-i-b .am-p-b {
    right: 180px;
    left: auto;
  }
  :lang(ar-em) .am-whats-new .am-on.in .am-i-b p {
    right: auto;
    left: 0;
  }
  :lang(ar-em) .am-whats-new .am-on.in .am-i-c .am-p-a {
    right: 445px;
  }
  :lang(ar-em) .am-whats-new .am-on.in .am-i-c .am-p-b {
    right: 180px;
    left: auto;
  }
  :lang(ar-em) .am-whats-new .am-on.in .am-i-c .am-p-c {
    right: 180px;
    left: auto;
  }
  :lang(ar-em) .am-whats-new .am-on.in .am-i-c p {
    right: auto;
    left: 0;
  }
  :lang(ar-em) .am-whats-new .btn {
    font-size: 19px;
    line-height: 30px;
  }
}

/* Announcement Modal Mobile View */

@media (max-width: 767px) {
  :lang(ar-em) .am-whats-new-m .am-m-skip {
    right: auto;
    left: 20px;
  }
}

@media (max-height: 320px) {
  :lang(ar-em) .am-whats-new-m .am-m-content .m-item {
    text-align: right;
  }
  :lang(ar-em) .am-whats-new-m .am-m-content img {
    float: right;
  }
  :lang(ar-em) .am-whats-new-m .m-carousel-controls {
    right: 50%;
    left: auto;
    text-align: right;
  }
}

/* New Global Nav & Footer 2014 */

@media (max-width: 780px) {
  :lang(ar-em) #nav-wrapper {
    float: left;
  }
  :lang(ar-em) .mobile-portal-logo {
    top: 28px;
    margin-right: 120px;
    margin-left: 0;
  }
  :lang(ar-em) button#burger:after {
    right: 0;
    left: auto;
  }
  :lang(ar-em) button#burger {
    margin-right: -35px;
    margin-left: 0;
  }
  :lang(ar-em) #nav-opacity {
    right: 0;
    left: auto;
  }
  :lang(ar-em) .mega-nav {
    right: auto;
    left: 0;
  }
  :lang(ar-em) .mega-nav .mega-lev1-left {
    margin-right: 10px;
    margin-left: 10px;
  }
  :lang(ar-em) .mega-nav > li {
    right: auto;
    left: 0;
    float: none;
  }
  :lang(ar-em) .mega-nav > li.open {
    right: auto;
    left: 340px;
  }
  :lang(ar-em) .mega-nav > li > a {
    padding-right: 7px;
    padding-left: 0;
  }
  :lang(ar-em) .mega-nav .seagate-search {
    margin-top: 10px;
  }
  :lang(ar-em) u.underline {
    padding-right: 0;
    padding-left: 41px;
  }
  :lang(ar-em) .mega-nav-tab {
    margin-right: 340px;
    margin-left: 0;
  }
  :lang(ar-em) .vtab {
    float: none;
    padding-right: 0;
  }
  :lang(ar-em) .vtab > li {
    border-right: none;
  }
  :lang(ar-em) .vtab li.avail-item {
    padding-right: 0;
    padding-left: 23px;
    border-bottom: 0;
  }
  :lang(ar-em) .vtab li.avail-item a {
    padding-right: 7px;
    padding-left: 0;
  }
  :lang(ar-em) .vtab > li.avail-item:after {
    right: auto;
    left: 20px;
    border-width: 0 0 2px 2px;
  }
  :lang(ar-em) .nav-1up {
    margin-right: 0;
  }
  :lang(ar-em) .nav-4up {
    margin-right: 0;
  }
  :lang(ar-em) .nav-4up.first-up {
    margin-right: 0;
  }
  :lang(ar-em) .mega-lev1-right {
    margin-right: 3px;
    margin-left: 0;
  }
  :lang(ar-em) .mega-lev1-right > a > u {
    padding: 0 7px 0 0;
  }
  :lang(ar-em) ul.mega-nav > li.mega-lev1-left > a > span:after {
    margin-right: 60%;
    margin-left: 0;
    border-right: 0;
    border-left: 3px solid #FFFFFF;
  }
  :lang(ar-em) ul.mega-nav > li.mega-lev1-left > a > span:before {
    margin-right: 75%;
    margin-left: 0;
  }
  :lang(ar-em) #vtab-store {
    right: auto;
    left: 0;
    margin-right: 0;
  }
  :lang(ar-em) #mobile-cart {
    right: auto;
    left: 6px;
  }
  :lang(ar-em) #mobile-cart > div {
    margin-right: 5px;
    margin-left: 0;
  }
  :lang(ar-em) .magnify-icon {
    top: 0;
    right: auto;
    left: 0;
  }
  :lang(ar-em) .mega-nav li.mega-lev1-left.expand {
    background: #eee !important;
  }
  :lang(ar-em) .mega-nav li.mega-lev1-left.expand > a:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 45px;
    background: #333;
    content: "";
    -webkit-transition: all 0.3s ease 0.15s;
       -moz-transition: all 0.3s ease 0.15s;
        -ms-transition: all 0.3s ease 0.15s;
         -o-transition: all 0.3s ease 0.15s;
            transition: all 0.3s ease 0.15s;
  }
  :lang(ar-em) .light-active + .mobile-wrapper-mobile-height .mega-nav li.mega-lev1-left.expand > a:before {
    width: 45px;
  }
  :lang(ar-em) .mega-nav li.mega-lev1-left.expand u:before {
    right: auto;
    left: 10px;
  }
  :lang(ar-em) .mega-nav li.mega-lev1-left.expand u:after {
    right: auto;
    left: 22px;
  }
  :lang(ar-em) #vtab-back {
    padding-right: 15px;
    padding-left: 0;
    text-align: right;
  }
  :lang(ar-em) #category-name > div {
    padding-right: 10px;
    padding-left: 0;
  }
  :lang(ar-em) .nav-footer-lt {
    float: right;
    background-position: 6px -151px;
  }
  :lang(ar-em) .arrow-left {
    border-right: 0;
    border-left: 8px solid #008fc3;
  }
  :lang(ar-em) .mega-nav > li.mobile-search-rollover > a {
    right: auto;
    left: 5%;
  }
}

@media (max-width: 767px) and (min-width: 481px) {
  :lang(ar-em) .nav-footer-right-link {
    float: none;
    text-align: center;
  }
  :lang(ar-em) .nav-footer-heading {
    margin: 20px 0 14px;
  }
  :lang(ar-em) .nav-footer-top li {
    padding-left: 5px;
  }
  :lang(ar-em) .nav-footer-checkbox-desc {
    margin-right: 32px;
    margin-bottom: 10px;
    margin-left: 0;
    text-align: right;
  }
  :lang(ar-em) .nav-footer-remember {
    position: relative;
    float: right;
    margin-right: 22px;
    margin-left: 0;
  }
  :lang(ar-em) .nav-footer-selector-col {
    margin-bottom: 25px;
  }
}

@media (max-width: 480px) {
  :lang(ar-em) .nav-footer-top li,
  :lang(ar-em) .nav-footer-top li:first-child {
    padding-right: 0;
    padding-left: 0;
  }
  :lang(ar-em) .nav-footer-right-link {
    float: right;
  }
  :lang(ar-em) .nav-footer-socials {
    float: none;
    margin: auto;
    clear: both;
    text-align: center;
  }
  :lang(ar-em) .nav-footer-socials li {
    margin-right: 6%;
    margin-left: 0;
  }
  :lang(ar-em) .nav-footer-socials li:first-child {
    margin-right: 0;
  }
  :lang(ar-em) .nav-footer-lt {
    margin-right: -5px;
    margin-left: 0;
  }
  :lang(ar-em) .nav-footer-remember {
    position: relative;
    float: right;
    margin-right: 22px;
    margin-left: 0;
  }
  :lang(ar-em) .nav-footer-checked,
  :lang(ar-em) .nav-footer-unchecked {
    float: right;
    margin-top: 4px;
  }
  :lang(ar-em) .nav-footer-checkbox-desc {
    margin-right: 32px;
    margin-left: 0;
    text-align: right;
  }
}

@media (max-width: 979px) {
  :lang(ar-em) .spp-support-contact .unit-content {
    margin-right: -10px;
    margin-left: 0;
  }
  :lang(ar-em) .spp-support-contact .unit-item {
    float: right;
    padding-right: 10px;
    padding-left: 0;
  }
  :lang(ar-em) .spp-support-contact .unit-item .icon {
    float: none;
  }
}

@media (max-width: 767px) {
  :lang(ar-em) .link-list-icon .unit-item {
    float: right;
  }
  :lang(ar-em) .link-list-icon .unit-item .icon {
    float: none;
  }
  :lang(ar-em) .link-list-icon .unit-item .text {
    margin: 0;
  }
  :lang(ar-em) .banner-home-controls {
    right: auto;
    left: 12px;
    margin-right: 0;
    text-align: left;
  }
  :lang(ar-em) .banner-home-controls a {
    margin-right: 14px;
    margin-left: 0;
  }
}

/*Job Search*/

@media (max-width: 767px) {
  :lang(ar-em) .jobs-search .jobs-search-go {
    left: 21px;
  }
}

/*Press Release*/

@media (max-width: 767px) {
  :lang(ar-em) .press-release-sr-form-wrapper .press-release-sr-label {
    float: none;
  }
}

@media (min-width: 980px) and (max-width: 1200px) {
  :lang(ar-em) .video-carousel-nav .nav-left {
    top: 20px;
  }
  :lang(ar-em) .video-carousel-nav .nav-right {
    top: 20px;
  }
}

@media (min-width: 768px) and (max-width: 979px) {
  :lang(ar-em) .video-carousel-nav .nav-left {
    top: 10px;
  }
  :lang(ar-em) .video-carousel-nav .nav-right {
    top: 10px;
  }
}

@media (max-width: 767px) {
  :lang(ar-em) .video-carousel-nav .nav-left {
    position: absolute;
    top: 35%;
    float: none;
    border: none;
  }
  :lang(ar-em) .video-carousel-nav .nav-left span {
    left: -18px;
  }
  :lang(ar-em) .video-carousel-nav .nav-right {
    position: absolute;
    top: 35%;
    float: none;
    border: none;
  }
  :lang(ar-em) .video-carousel-nav .nav-right span {
    left: -14px;
  }
}

/*locale global mega nav*/

@media (max-width: 979px) {
  :lang(ar-em) .gn-logo a {
    margin-right: 0;
  }
  :lang(ar-em) .gn-icon {
    margin-right: 0;
  }
  :lang(ar-em) .gn-user {
    margin-left: 30px;
  }
  :lang(ar-em) .gn-side-toggle {
    right: auto;
    left: 0;
  }
  :lang(ar-em) .gn-user .gn-user-drop-container {
    width: 100%;
  }
  :lang(ar-em) .gn-user .gn-user-drop {
    text-align: right;
  }
  :lang(ar-em) .gn-user .gn-user-drop > p {
    margin-right: 0;
    margin-left: 50px;
  }
  :lang(ar-em) .gn-side-wrapper {
    right: auto;
    left: 0;
  }
  :lang(ar-em) .gn-side-opened .gn-side-toggle {
    right: auto;
    left: 274px;
  }
  :lang(ar-em) .gn-search {
    float: none;
  }
  :lang(ar-em) .gn-search .gn-search-clear {
    left: 61px;
  }
  :lang(ar-em) .gn-search .gn-search-btn {
    line-height: 32px;
  }
  :lang(ar-em) .gn-menu-item-1lvl > span > em {
    right: auto;
    left: 0;
  }
  :lang(ar-em) .gn-menu-item-1lvl > p {
    padding: 10px 10px 10px 50px;
    margin-bottom: 0;
  }
  :lang(ar-em) .gn-menu-item-2lvl > span:before {
    right: auto;
    left: 8px;
  }
  :lang(ar-em) .gn-menu-item-2lvl > p {
    padding: 11px 10px 10px 40px;
  }
  :lang(ar-em) .gn-dropdown .row-fluid [class*="span"] {
    float: none;
    margin-right: 0;
  }
  :lang(ar-em) .gn-menu > ul > li {
    float: none;
  }
  :lang(ar-em) .gn-menu ul {
    margin: 0;
  }
  :lang(ar-em) .ss-directright:before,
  :lang(ar-em) .ss-directright.right:after {
    content: "◃";
  }
  :lang(ar-em) .ss-directleft:before,
  :lang(ar-em) .ss-directleft.right:after {
    content: "▹";
  }
  :lang(ar-em) .gn-menu,
  :lang(ar-em) .gn-store {
    float: none;
  }
  :lang(ar-em) .gn-menu.gn-sub-menu-opened {
    left: 100%;
  }
  :lang(ar-em) .gn-menu-box-3lvl {
    right: auto;
    left: -100%;
  }
  :lang(ar-em) .gn-user .gn-user-drop:after {
    left: 65px;
  }
  :lang(ar-em) .gn-user .gn-user-drop:before {
    left: 72px;
  }
  :lang(ar-em) .gn-menu-item-1lvl > a {
    padding-right: 10px;
  }
}

@media (max-width: 767px) {
  :lang(ar-em) ul.search-nav li {
    float: none;
  }
  :lang(ar-em) ul.search-nav li.active > a:before,
  :lang(ar-em) ul.search-nav li.active.active-tab-opened > a:before {
    right: auto;
    left: 30px;
  }
  :lang(ar-em) ul.search-nav li a,
  :lang(ar-em) ul.search-nav li.active a,
  :lang(ar-em) ul.search-nav li a:hover,
  :lang(ar-em) ul.search-nav li a.active:hover {
    border-left: none;
  }
}

@media (max-width: 979px) and (min-width: 768px) {
  :lang(ar-em) .pdp-anchor-row .pdp-ar-box li > a {
    border-right: 1px solid #ccc;
    border-left: none;
  }
  :lang(ar-em) .pdp-anchor-row .pdp-ar-box li:first-of-type > a {
    border-right: none;
  }
  :lang(ar-em) .pdp-anchor-row .pdp-ar-box li:first-child > a {
    border-right: none;
  }
}

@media (max-width: 979px) {
  .nav-tab-light {
    position: relative;
    z-index: 2;
  }
}