/*
 * responsive.custom.css is for custom media queries that are not set via the
 * theme settings, such as cascading media queries.
 *
 * By default all the other responsive stylesheets used in Adaptivetheme use a
 * "stacking method", however cascading media queries use a waterfall method so
 * you can leverage the cascade and inheritance for all browsers that support
 * media queries, regardless of screen size.
 *
 * @SEE http://zomigi.com/blog/essential-considerations-for-crafting-quality-media-queries/#mq-overlap-stack
 *
 * NOTE: this file loads by default, to disable got to your theme settings and
 * look under the "CSS" settings tab.
 */
/*
 * Really small screens and up
 */
/* @media only screen and (min-width: 220px) {} */
/*
 * Smartphone sizes and up
 */
/* @media only screen and (min-width: 320px) {} */
/*
 * Smartphone sizes and down
 */
@media only screen and (max-width: 480px) {
  /*
   * Float Region blocks example:
   * In smaller screen sizes we can remove the float and widths so all blocks
   * stack instead of displaying horizonally. The selector used here is an
   * "attribute selector" which will match on any float block class. Use your
   * inspector or Firebug to get the classes from the page output if you need
   * more granular control over block alignment and stacking.
   *
   * "Float Region blocks" is an extension for floating blocks in regions, see
   * your themes appearance settings, under the Extensions tab.
   */
  .region[class*="float-blocks"] .block {
    float: none;
    width: 100%;
  }
}
/*
 * Tablet sizes and up
 */
/* @media only screen and (min-width: 768px) {} */
/*
 * Desktops/laptops and up
 */
/* @media only screen and (min-width: 1025px) {} */
@media only screen and (min-width: 1250px) and (max-width: 1879px) {
  body #header div#branding {
    margin-left: 30px;
  }

  body #header .block-menu-login-menu {
    margin-right: 10px;
  }

  body #header nav.block-main-menu li li a{
    padding: 0 12px;
  }

  body #header div.block-google-appliance,
  body #header div.block-jnj-tiles-search-solr{
    margin: 0 20px 0 0;
  }

  body #header .block-menu-login-menu li a {
    padding-right: 20px;
  }

  body #header .block-menu-login-menu li a,
  body #header nav.block-main-menu li li a {
    line-height: 24px;
    font-size: 12px;
  }

  /**
   * Menu
   */

  /* Menu Login */
  div#menu-bar .login-form {
    margin-top: 30px;
    padding: 35px 40px 0 0;
    min-height: 165px;
    width: 230px;
  }

  div#menu-bar .login-form label{
    font-size: 15px;
    width: 50px;
    margin-right: 15px;
  }

  div#menu-bar .login-form input.form-text{
    font-size: 18px;
    width: 160px;
    line-height: 35px;
    height: 35px;
  }

  div#menu-bar .login-form .inline-error {
    margin-left: 70px;
  }

  div#menu-bar .login-form a.forgot-password {
    margin: 0 0 0 70px;
    font-size: 14px;
  }

  /* Menu login - Block Register */
  div#menu-bar .block-register {
    padding: 20px 20px 0;
    width: 295px;
    font-size: 22px;
    margin-left: -150px;
    min-height: 180px;
  }

  div#menu-bar .block-register a.button {
    height: 35px;
    font-size: 20px;
    line-height: 33px;
    padding: 0 20px;
  }

  /* Menu login - Block Title */
  div#menu-bar .block-title {
    padding: 0px 40px 0 20px;
    width: 290px;
  }

  div#menu-bar .block-title h3{
    font-size: 30px;
    line-height: 34px;
  }

  div#menu-bar .block-title p{
    font-size: 18px;
    line-height: 24px;
  }

  /* Menu Institucional - Block Title */
  div#menu-bar .block-institucional-title {
    width: 325px;
    padding-right: 0;
  }

  div#menu-bar .block-list li {
    width: 270px;
  }

  body div#menu-bar .block-products-list {
    height: 285px;
    width: 708px;
  }

}


/* @media only screen and (min-width: 1025px) {} */
@media only screen and (min-width: 641px) and (max-width: 1024px) {
  body #node-header div#video-container a.open-large-video,
  body #node-header div#page-title-container {
    left: 30px;
  }

}

/* @media only screen and (min-width: 1000px) {} */
@media only screen and (min-width: 641px) and (max-width: 1000px) {
  body div#menu-bar,
  body #header {
    position: absolute;
  }
}

/*
@media only screen and (min-width: 641px) and (max-width: 1000px) {*/
@media only screen and (min-width: 1px) and (max-width: 1px) {
  body #header div#branding {
    margin-left: 10px;
    width: 18%;
  }

  body #header div#branding a img,
  body #header div#branding a {
      display: block;
      width: 100%;
  }


  body #header .block-menu-login-menu {
    margin-left: 5px;
    margin-right: 0;
  }

  body #header .block-menu-login-menu li a.busca {
  }

  body.logged-in #header .block-menu-login-menu li a.busca {
    margin-right: 0;
  }

  body #header .block-menu-login-menu li a,
  body #header nav.block-main-menu li li a {
    font-size: 9px;
  }

  body #header nav.block-main-menu li li a{
    padding: 0 5px;
    min-width: 0;
  }

  body #header div.block-google-appliance,
  body #header div.block-jnj-tiles-search-solr {
    margin: 0;
  }

  body #header .block-menu-login-menu li a {
    padding-left: 34px;
    padding-right: 10px;
  }

  body #header .block-menu-login-menu li a.facebook {
  }

  body #header .block-menu-login-menu li a.user-name {
    border-left: none;
  }

  body div#menu-bar .block-register {
    border-left: medium none;
    font-size: 18px;
    line-height: 1.2;
    left: 0;
    margin-left: 0;
    min-height: 0;
    padding: 132px 20px 0;
    text-align: left;
    width: 295px;
  }

  body div#menu-bar .login-form {
    padding: 65px 20px 0 0;
  }

  body div#menu-bar .login-form input.form-text{
    width: 185px;
  }

  body div#menu-bar .block-carreira-title,
  body div#menu-bar .block-institucional-title {
    margin: 10px 0 8px;
    min-height: 102px;
    padding-right: 0;
    width: 90%;
  }

  body div#menu-bar .block-list {
    width: 100%;
  }

  body div#menu-bar .block-list li {
    height: 200px;
    width: 33.33%;
    margin-top: 0;
  }

  div#menu-bar .block-products-list {
    width: 36.7%;
    padding: 0 50px;
  }

  div#menu-bar .block-products-list ul.flex-direction-nav li a.flex-next {
    right: 0;
  }
  /**
   * Box -> Background Image + Text
   */
  .node-box-facebook .content {
    font-size: 24px !important;
    line-height: 30px !important;
    height: 60px;
    margin-top: -30px;
  }

  .node-box-facebook .content .face-text p {
    height: 60px;
  }

  .node-box-facebook .content p{
    margin-top: 0px !important;
  }

  .node-box-facebook.mobile-w-1 .content,
  .node-box-facebook.desktop-w-1 .content,
  .node-box-facebook.full-hd-w-1 .content {
    font-size: 16px !important;
    line-height: 20px !important;
    margin-top: 0 !important;
    top: 0;
    text-align: center;
  }

  .node-box-facebook.mobile-w-1 .content p,
  .node-box-facebook.desktop-w-1 .content p,
  .node-box-facebook.full-hd-w-1 .content p{
    margin: 0 3%;
  }

  .node-box-facebook.mobile-w-1 .content .face-text p,
  .node-box-facebook.desktop-w-1 .content .face-text p,
  .node-box-facebook.full-hd-w-1 .content .face-text p{
    vertical-align: top;
  }

  .node-box-facebook span.icon {
    width: 60px;
    height: 60px;
    background-position: -164px -110px;
    margin: 0 15px;
  }

  .node-box-facebook.mobile-w-1 span.icon,
  .node-box-facebook.desktop-w-1 span.icon,
  .node-box-facebook.full-hd-w-1 span.icon {
    float: none;
    margin: 10px auto 5px !important;
  }

  .node-box-facebook.desktop-w-1 .content .face-text p  {
    display: block;
  }

  /**
   * Box -> SAC
   */
  body .node-box-sac .sac-first-part-wrapper h3 {
    font-size: 22px;
    line-height: 26px;
  }

  body .node-box-sac .sac-first-part-wrapper h2 {
    font-size: 40px;
    line-height: 45px;
  }

  body .node-box-sac.desktop-h-2 .sac-first-part-wrapper div {
    font-size: 12px;
    line-height: 13px;
  }

  body .node-box-sac.desktop-h-1 .sac-first-part-wrapper div,
  bodt .node-box-sac.desktop-w-1 .sac-first-part-wrapper div {
    font-size: 12px;
    line-height: 13px;
  }

  body .node-box-sac .sac-second-part-wrapper {
    font-size: 14px;
  }

  body .node-box-sac.desktop-h-2 .sac-second-part-wrapper {
    font-size: 12px;
  }

  /**
   * Box -> News
   */
  body .node-box-news {
    font-size: 16px;
    line-height: 22px;
  }

  body .node-box-news .box-news-text {
    padding-top: 0;
  }

  body .node-box-news .box-news-expand-title {
    font-size: 32px;
    line-height: 36px;
  }

  body .node-box-news .box-news-expand-sub-title {
    font-size: 18px;
    line-height: 18px;
  }

  body .node-box-news .box-news-expand-body p {
    font-size: 16px;
    line-height: 20px;
  }

  /**
   * Box -> News - Text
   */
  body .node-box-news .content .news-box {
    padding: 15px;
  }

  body .node-box-news .news-box .news-title {
    font-size: 26px;
    line-height: 28px;
    margin-bottom: 10px;
  }

  body .node-box-news .news-box .news-summary {
    font-size: 16px;
    line-height: 20px;
  }

  /**
   * Box -> News - Expanded + Abas
   */
  body .node-box-news .box-news-expand.expand-tabs .box-news-expand-sidebar-menu .valign{
    font-size:18px;
  }

  /**
   * All Boxes -> Share by email
   */
  body .wrapper-share-by-email .wrapper-share-by-email-form label {
    font-size: 14px;
    line-height: 15px;
  }

  body .node-box-product-image-text .content .field-name-field-plain-body {
    font-size: 14px;
    line-height: 18px;
  }

  body .desktop-w-1 ul.wrapper-download-files li.wrapper-download-file-pdf span.pdf-description {
    width: 100px;
  }


  /**
   * Form
   */
  body .jnj-plusoft-form label {
    font-size: 13px;
    width: 33%;
    margin-right: 2%
  }

  body .jnj-plusoft-form .form-item-regional-counsel-number label {
    font-size: 13px;
    line-height: 20px;
  }

  body .jnj-plusoft-form textarea,
  body .jnj-plusoft-form input {
    width: 270px !important;
    font-size: 14px;
    line-height: 20px;
  }

  body .jnj-plusoft-form .select-wrapper select  {
    font-size: 14px;
  }

  body .jnj-plusoft-form input#edit-graduation-year,
  body .jnj-plusoft-form input#edit-address-number {
    width: 75px !important;
  }

  body .jnj-plusoft-form input#edit-postal-code  {
    width: 100px !important;
  }

  body .jnj-plusoft-form .scroll-content  {
    width: 252px;
  }

  body .jnj-plusoft-form .scroll-content .content {
    height: 180px;
  }

  body .jnj-plusoft-form .form-type-checkbox  {
    margin-left: 35%;
    margin-bottom: 30px;
  }

  body .jnj-plusoft-form .form-type-checkbox label {
    padding-left: 40px;
    width: 86%;
  }

  body .jnj-plusoft-form .form-type-radios label  {
    width: 85%;
    line-height: 20px;
  }

  body .jnj-plusoft-form .form-type-radios .form-item label {
    background-position: 5% -557px;
  }

  body .jnj-plusoft-form .form-type-radios .form-item label.checked {
    background-position: 5% -424px;
  }

  body .jnj-plusoft-form .inline-error {
    font-size: 10px;
    line-height: 11px;
    left: 35%;
  }

  body .jnj-plusoft-form .form-item-plusoft-sample-product .select-wrapper,
  body .jnj-plusoft-form .form-item-occupation .select-wrapper,
  body .jnj-plusoft-form .form-item-speciality .select-wrapper {
    width: 270px;
    background-position: 225px -376px;
  }

  body .jnj-plusoft-form .select-wrapper select,
  body .jnj-plusoft-form .form-item-plusoft-sample-product .select-wrapper select,
  body .jnj-plusoft-form .form-item-occupation .select-wrapper select,
  body .jnj-plusoft-form .form-item-speciality .select-wrapper select {
    width: 300px;
    font-size: 11px;
  }

  body .jnj-plusoft-form .form-item-privacy-policy-check + .inline-error {
    margin-top: -27px;
  }

  body .jnj-plusoft-form a#edit-search-postal-code {
    left: 340px;
  }

  body .jnj-plusoft-form .description {
    margin-left: 35%;
  }

  /* Ajax Loader */
  body .jnj-plusoft-form .form-item-postal-code .ajax-loader {
    left: 450px;
  }

  /**
   * Contact Us Landing Page
   */
  body.page-fale-conosco-landing .body-item .contact-us-landing-page .content .contact-us-title {
    margin-bottom: 30px;
  }

  body.page-fale-conosco-landing .body-item .content .contact-us-title p {
    font-size: 18px;
    line-height: 28px;
  }

  body.page-fale-conosco-landing .body-item .content .contact-us-register p {
    font-size: 16px;
    line-height: 20px;
  }

  body.page-fale-conosco-landing .body-item .content .contact-us-landing-page h3 {
    font-size: 15px;
    line-height: 26px;
    margin-bottom: 20px;
  }

  body.page-fale-conosco-landing .body-item .content .contact-us-login label{
    font-size: 16px;
    width: 20%;
    margin-right: 3%;
    -moz-box-sizing:    border-box;
    -webkit-box-sizing: border-box;
    box-sizing:         border-box;
  }

  body.page-fale-conosco-landing .body-item .content .contact-us-login input.form-text{
    font-size: 16px;
    text-indent: 5px;
    width: 75%;
    -moz-box-sizing:    border-box;
    -webkit-box-sizing: border-box;
    box-sizing:         border-box;
  }

  body.page-fale-conosco-landing .body-item .content .contact-us-login input.form-submit {
    width: 80px;
    font-size: 20px;
    position: static;
    float: right
  }

  body.page-fale-conosco-landing .body-item .content .contact-us-login a.forgot-password {
    margin: 0 0 0 25%;
    font-size: 12px;
  }

  /* Category */
  body .node-box-category .box-category-front-text {
    font-size: 30px;
    padding-left: 15px;
  }

  body .node-box-category .image-placeholder img {
    max-width: 50%;
  }

}

/* @ Workaround for not having Header Layout :-/
@media only screen and (min-width: 641px) and (max-width: 760px) {*/
@media only screen and (min-width: 1px) and (max-width: 1px) {
  body #header div#branding {
    margin-left: 5px;
    margin-top: 20px;
    width: 18%;
  }

  body #header div#branding a img,
  body #header div#branding a {
      display: block;
      width: 100%;
  }

  body #header .block-menu-login-menu {
    margin-left: 5px;
    margin-right: 0;
  }

  body.logged-in #header .block-menu-login-menu li a.busca {
    margin-right: 0;
  }

  body #header .block-menu-login-menu li a,
  body #header nav.block-main-menu li li a {
    font-size: 7px;
  }

  body #header nav.block-main-menu li li a{
    padding: 0 5px;
    min-width: 0;
  }

  body #header div.block-google-appliance,
  body #header div.block-jnj-tiles-search-solr{
    margin: 0;
  }

  body #header .block-menu-login-menu li a {
    padding-left: 34px;
    padding-right: 10px;
  }

  body #header .block-menu-login-menu li a.logout,
  body #header .block-menu-login-menu li a.login {
    background-position: 8px 5px;
  }

  body .jnj-plusoft-form a#edit-search-postal-code {
    left: 290px;
  }

  /* Ajax Loader */
  body .jnj-plusoft-form .form-item-postal-code .ajax-loader {
    left: 400px;
  }

}