/*====================================*/
/* large design is 1360px */
/* handset design is 360px */
@media (max-width: 1199px) {
  #compare_container h1 {
    font-size: 20px;
    line-height: 21px; }
  #compare_container #compare_right #core_table .tbl .row:last-child .cell,
  #compare_container #compare_right #core_table .tbl.tbl_5_col .row .cell {
    font-size: 12px;
    line-height: 13px; }
  #compare_container #compare_right #core_table .tbl .row:nth-child(3) .cell {
    font-size: 15px;
    line-height: 16px; }
  #compare_container #compare_right #core_table .tbl .row:nth-child(5) .cell,
  #compare_container #compare_right #core_table .tbl .row:nth-child(6) .cell {
    font-size: 13px;
    line-height: 14px; }
  #compare_container #compare_right #core_table .tbl .row .cell:nth-child(1) {
    font-size: 11px !important; } }

@media (max-width: 999px) {
  html,
  body,
  #container {
    min-height: 765px; }
  body.touch {
    height: 100%; }
    body.touch #container {
      height: 100%; }
      body.touch #container #compare_container,
      body.touch #container #compare_container > div {
        height: 100%; }
  .hide_handset {
    display: none !important; }
  .hide_desktop {
    display: block; }
  #hover_display_elem {
    width: 150px;
    font-size: 12px; }
  #container {
    width: 100%;
    /*#compare_container {
      &.ctls_disabled {
        min-height: 1440px;
        #compare_left {
          left: 0px;
          top: 720px;
          .btn_container {
            display: none !important;
          }
        }
      }
    }*/ }
    #container #compare_container.ctls_disabled {
      min-height: auto; }
      #container #compare_container.ctls_disabled #compare_left {
        top: 0px;
        left: -10000px; }
    #container #compare_left {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      min-height: 100%;
      height: 100%; }
      #container #compare_left .btn_container {
        position: relative;
        margin-top: 50px; }
        #container #compare_left .btn_container .btn {
          font-size: 23px; }
      #container #compare_left .range_container {
        border-bottom: 1px solid rgba(255, 255, 255, 0.05);
        height: 125px; }
        #container #compare_left .range_container .range_ctl .thumb.pulse {
          /*left: 46% !important;*/ }
        #container #compare_left .range_container#range_ctl_3 .range_ctl {
          top: 59%; }
        #container #compare_left .range_container#range_ctl_3 .legend {
          top: 74%; }
      #container #compare_left #compare_left_headline {
        font-size: 22px;
        padding-top: 14px;
        margin: 0 10%;
        padding-bottom: 10px;
        line-height: 23px; }
      #container #compare_left #compare_left_instructions {
        font-size: 20px;
        padding-top: 5px;
        padding-bottom: 10px; }
      #container #compare_left #core_hero {
        width: 45%;
        margin: 10px auto 0; }
    #container #compare_container #compare_right {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      background: linear-gradient(145deg, #03060C 0%, #0A0C2F 60%, #121A9E 100%);
      min-height: 765px;
      height: auto;
      /*.btn_container {
        bottom: 10%;

        .btn {
          width: 80%;
          font-size: 23px;
        }
      }*/ }
      #container #compare_container #compare_right #compare_right_headline_mobile {
        font-size: 20px;
        line-height: 20px;
        text-align: left;
        padding: 5px 20px 0 75px;
        font-family: 'Intel Light'; }
      #container #compare_container #compare_right #btn_cta_handset_text {
        font-size: 18px;
        line-height: 18px; }
      #container #compare_container #compare_right .btn_container {
        bottom: 20px; }
        #container #compare_container #compare_right .btn_container .btn {
          width: 80%;
          font-size: 13px; }
      #container #compare_container #compare_right #core_hero {
        z-index: 0; }
      #container #compare_container #compare_right #overlay_hero {
        display: none; }
      #container #compare_container #compare_right #handset_ctls {
        position: relative;
        width: 100%;
        z-index: 9; }
        #container #compare_container #compare_right #handset_ctls #btn_burger {
          display: block;
          position: absolute;
          cursor: pointer;
          padding: 10px; }
      #container #compare_container #compare_right #compare_right_headline {
        padding-top: 13px;
        font-size: 20px;
        text-align: left;
        width: 70%;
        position: absolute;
        left: 23%;
        line-height: 21px; }
      #container #compare_container #compare_right #core_table {
        left: 0;
        top: 0;
        margin-top: 50px;
        width: 100%;
        height: 82.5%;
        -webkit-transform: none;
        transform: none;
        overflow-x: scroll;
        overflow-y: hidden;
        z-index: 0;
        /*padding-bottom: 15%;*/ }
        #container #compare_container #compare_right #core_table .tbl {
          left: 0;
          top: 0;
          width: auto;
          height: 100%;
          -webkit-transform: none;
          transform: none; }
          #container #compare_container #compare_right #core_table .tbl.tbl_4_col {
            min-width: 700px; }
            #container #compare_container #compare_right #core_table .tbl.tbl_4_col .row .cell {
              padding: 5px 20px; }
          #container #compare_container #compare_right #core_table .tbl.tbl_5_col {
            min-width: 1000px; }
            #container #compare_container #compare_right #core_table .tbl.tbl_5_col .row .cell {
              padding: 0px 20px; }
            #container #compare_container #compare_right #core_table .tbl.tbl_5_col .tbl_title {
              height: 80px; }
              #container #compare_container #compare_right #core_table .tbl.tbl_5_col .tbl_title h1 {
                /*line-height: 25px;*/
                line-height: 1.1em;
                font-size: 20px; }
          #container #compare_container #compare_right #core_table .tbl .tbl_title {
            display: none; }
          #container #compare_container #compare_right #core_table .tbl .row {
            /*&:nth-child(4) {
                .cell {
                  font-size: 15px;

                  span {
                    font-size: 25px;
                  }
                }
              }*/ }
            #container #compare_container #compare_right #core_table .tbl .row .cell {
              font-size: 15px;
              line-height: 16px; }
              #container #compare_container #compare_right #core_table .tbl .row .cell:nth-child(1) {
                font-size: 12px !important;
                line-height: 13px; }
                #container #compare_container #compare_right #core_table .tbl .row .cell:nth-child(1) .hover_element {
                  padding-top: 3px; }
            #container #compare_container #compare_right #core_table .tbl .row:nth-child(3) .cell {
              font-size: 15px;
              line-height: 16px; }
          #container #compare_container #compare_right #core_table .tbl#laptop_desktop_caliber.not_overclocked .row .cell {
            -webkit-transition: background-color .25s, opacity .25s;
            transition: background-color .25s, opacity .25s;
            background-color: transparent;
            opacity: 1; }
            #container #compare_container #compare_right #core_table .tbl#laptop_desktop_caliber.not_overclocked .row .cell:nth-child(2) {
              background-color: rgba(128, 128, 128, 0.5);
              opacity: .25; }
          #container #compare_container #compare_right #core_table .tbl#laptop_desktop_caliber.overclocked .row .cell {
            -webkit-transition: background-color .25s, opacity .25s;
            transition: background-color .25s, opacity .25s;
            background-color: transparent;
            opacity: 1; }
            #container #compare_container #compare_right #core_table .tbl#laptop_desktop_caliber.overclocked .row .cell:nth-child(3), #container #compare_container #compare_right #core_table .tbl#laptop_desktop_caliber.overclocked .row .cell:nth-child(4), #container #compare_container #compare_right #core_table .tbl#laptop_desktop_caliber.overclocked .row .cell:nth-child(5) {
              background-color: rgba(128, 128, 128, 0.5);
              opacity: .25; }
  #compare_container #compare_right #core_table .tbl .row:last-child .cell,
  #compare_container #compare_right #core_table .tbl.tbl_5_col .row .cell {
    font-size: 14px;
    line-height: 15px; }
  #compare_container #compare_right #core_table .tbl .row:nth-child(3) .cell {
    font-size: 17px;
    line-height: 18px; }
  #compare_container #compare_right #core_table .tbl .row:nth-child(5) .cell,
  #compare_container #compare_right #core_table .tbl .row:nth-child(6) .cell {
    font-size: 15px;
    line-height: 16px; }
  #compare_container #compare_right #core_table .tbl .row .cell:nth-child(1) {
    font-size: 12px !important; } }

@media (max-width: 499px) {
  #compare_container #compare_right #core_table .tbl .row:last-child .cell,
  #compare_container #compare_right #core_table .tbl.tbl_5_col .row .cell {
    font-size: 12px;
    line-height: 13px; }
  #compare_container #compare_right #core_table .tbl .row:nth-child(3) .cell {
    font-size: 15px;
    line-height: 16px; }
  #compare_container #compare_right #core_table .tbl .row:nth-child(5) .cell,
  #compare_container #compare_right #core_table .tbl .row:nth-child(6) .cell {
    font-size: 13px;
    line-height: 14px; }
  #compare_container #compare_right #core_table .tbl .row .cell:nth-child(1) {
    font-size: 11px !important; }
  /*====================================*/
  /* handset */
  #hover_display_elem {
    width: 150px;
    font-size: 12px; }
  #container {
    width: 100%;
    min-width: 300px; }
    #container #compare_left {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%; }
      #container #compare_left .btn_container {
        position: relative;
        margin-top: 50px; }
        #container #compare_left .btn_container .btn {
          font-size: 15px; }
      #container #compare_left .range_container {
        border-bottom: 1px solid rgba(255, 255, 255, 0.05);
        height: 125px; }
        #container #compare_left .range_container .range_ctl .thumb.pulse {
          /*left: 41.5% !important;*/ }
        #container #compare_left .range_container#range_ctl_3 .range_ctl {
          top: 59%; }
        #container #compare_left .range_container#range_ctl_3 .legend {
          top: 74%; }
      #container #compare_left #compare_left_headline {
        font-size: 22px;
        padding-top: 14px;
        margin: 0 10%;
        padding-bottom: 10px;
        line-height: 23px; }
      #container #compare_left #compare_left_instructions {
        font-size: 20px;
        padding-top: 5px;
        padding-bottom: 10px; }
      #container #compare_left #core_hero {
        width: 76%;
        max-width: 450px;
        margin: 10px auto 0; }
    #container #compare_right {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      background: linear-gradient(145deg, #03060C 0%, #0A0C2F 60%, #121A9E 100%); }
      #container #compare_right #compare_right_headline_mobile {
        text-align: left;
        font-size: 15px;
        padding: 5px 20px 0 75px;
        line-height: 16px;
        font-family: 'Intel Light'; }
      #container #compare_right #btn_cta_handset_text {
        font-size: 13px;
        line-height: 13px; }
      #container #compare_right #overlay_hero {
        display: none; }
      #container #compare_right #compare_right_headline {
        padding-top: 13px;
        font-size: 20px;
        text-align: left;
        width: 70%;
        position: absolute;
        left: 23%;
        line-height: 21px; }
      #container #compare_right #core_table {
        margin-top: 50px; }
        #container #compare_right #core_table .tbl {
          width: 500px;
          left: 0;
          top: 0;
          min-width: 700px;
          height: 100%;
          -webkit-transform: none;
          transform: none; }
          #container #compare_right #core_table .tbl.tbl_4_col .row .cell {
            padding: 5px 20px; }
          #container #compare_right #core_table .tbl.tbl_5_col .row .cell {
            padding: 0px 20px; }
          #container #compare_right #core_table .tbl.tbl_5_col .tbl_title {
            height: 80px; }
            #container #compare_right #core_table .tbl.tbl_5_col .tbl_title h1 {
              /*line-height: 25px;*/
              line-height: 1.1em;
              font-size: 20px; }
          #container #compare_right #core_table .tbl .tbl_title {
            display: none; }
          #container #compare_right #core_table .tbl .row .cell {
            font-size: 15px;
            line-height: 16px; }
            #container #compare_right #core_table .tbl .row .cell:nth-child(1) {
              font-size: 12px !important;
              line-height: 13px; }
              #container #compare_right #core_table .tbl .row .cell:nth-child(1) .hover_element {
                padding-top: 3px; }
          #container #compare_right #core_table .tbl .row:nth-child(3) .cell {
            font-size: 15px;
            line-height: 16px; }
          #container #compare_right #core_table .tbl .row:nth-child(4) {
            /* row 4 */
            /* blue "up to" text */ }
            #container #compare_right #core_table .tbl .row:nth-child(4) .cell {
              font-size: 15px; }
              #container #compare_right #core_table .tbl .row:nth-child(4) .cell span {
                font-size: 25px; } }

@media (max-width: 399px) {
  #compare_container #compare_right #core_table .tbl .row:last-child .cell,
  #compare_container #compare_right #core_table .tbl.tbl_5_col .row .cell {
    font-size: 14px;
    line-height: 15px; }
  #compare_container #compare_right #core_table .tbl .row:nth-child(3) .cell {
    font-size: 17px;
    line-height: 18px; }
  #compare_container #compare_right #core_table .tbl .row:nth-child(5) .cell,
  #compare_container #compare_right #core_table .tbl .row:nth-child(6) .cell {
    font-size: 15px;
    line-height: 16px; }
  #compare_container #compare_right #core_table .tbl .row .cell:nth-child(1) {
    font-size: 12px !important; } }