/*============================================================================================= 
    Company    : PT Web Architect Technology - webarq.com
    Document   : Stylesheet
    Author     : Harlan
==============================================================================================*/
@media only screen and (max-width: 1200px) {
  /*============================================================================================= 
      Company    : PT Web Architect Technology - webarq.com
      Document   : Stylesheet
      Author     : Front End WEBARQ
  ==============================================================================================*/
  @import url("https://fonts.googleapis.com/css?family=Quicksand:300,400,700");
  @import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,700,800);
  body ::selection {
    background: #2CB3FF; }

  body ::-moz-selection {
    background: #2CB3FF; }

  body {
    color: #333;
    font-size: 12px;
    font-family: 'Quicksand', sans-serif;
    position: relative;
    overflow-x: hidden;
    background: #f9f9f9; }

  img {
    border: 0;
    max-width: 100%;
    height: auto; }

  .italic {
    font-style: italic; }

  .bold {
    font-weight: bold; }

  .regular {
    font-weight: lighter; }

  .fl {
    float: left; }

  .fr {
    float: right; }

  .clear {
    clear: both; }

  p {
    margin: 1px 0 15px;
    line-height: 20px; }

  input, textarea, select {
    font-size: 12px;
    border: none;
    border: 1px solid #D8D8D8;
    padding: 10px;
    margin: 0;
    color: #666;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    font-family: 'Quicksand', sans-serif; }

  textarea {
    resize: none; }

  input[type="submit"] {
    cursor: pointer; }

  input[type=checkbox], input[type=radio] {
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none; }

  select.def {
    background: url("../images/material/arr_tooltip_bottom.png") no-repeat 95% 50%;
    padding: 10px 35px 10px 10px; }

  h1 {
    font-size: 32px; }

  h2 {
    font-size: 28px; }

  h3 {
    font-size: 24px; }

  h4 {
    font-size: 20px; }

  h5 {
    font-size: 16px; }

  h6 {
    font-size: 14px; }

  /* structure 
  ----------------------------------------------------------------------------------------------*/
  section {
    position: relative; }

  #middle {
    padding-bottom: 0px; }

  figure {
    margin: 0; }

  .wrapper {
    width: 1170px;
    margin: 0 auto; }

  .container {
    width: 1170px;
    margin: 0 auto; }

  .container.w1200 {
    width: 1200px; }

  /* global
  ----------------------------------------------------------------------------------------------*/
  .after_clear:after, .product-grid .inner .content-list .content-right .row-three:after, .wrapper:after, section:after {
    clear: both;
    display: block;
    content: " "; }

  .before_clear:before {
    clear: both;
    display: block;
    content: " "; }

  .a-left {
    text-align: left; }

  .a-right {
    text-align: right; }

  .a-center {
    text-align: center; }

  .noborder {
    border: none !important; }

  .nopadding {
    padding: 0 !important; }

  .nomargin {
    margin: 0 !important; }

  .noborradius {
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -ms-border-radius: 0 !important;
    -o-border-radius: 0 !important; }

  .btn-blue {
    background: #0070b2;
    font-size: 14px;
    font-weight: bold;
    color: #fcf218;
    height: 30px;
    text-align: center;
    padding-left: 35px;
    padding-right: 35px;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    border: none;
    cursor: pointer;
    transition: 0.2s all;
    -webkit-transition: 0.2s all;
    -moz-transition: 0.2s all;
    -ms-transition: 0.2s all;
    -o-transition: 0.2s all; }
    .btn-blue span {
      font-size: 12px;
      font-weight: normal; }
    .btn-blue:hover {
      background: #1486ca; }
    .btn-blue.btnh2 {
      height: 35px;
      line-height: 35px;
      padding-top: 0;
      padding-bottom: 0;
      margin-left: 20px; }
    .btn-blue.btn-trans {
      background: #fff;
      border: 2px solid #0070b2;
      color: #0070b2;
      height: 35px;
      border-radius: 25px;
      -webkit-border-radius: 25px;
      -moz-border-radius: 25px;
      -ms-border-radius: 25px;
      -o-border-radius: 25px;
      padding-left: 40px;
      padding-right: 40px;
      display: block;
      line-height: 35px; }
      .btn-blue.btn-trans:hover {
        background: #1486ca;
        border-color: #1486ca;
        color: #fcf218; }
    .btn-blue.btn-cancel {
      background: transparent;
      border: 2px solid #ff1515;
      color: #ff1515;
      height: 35px;
      line-height: 35px;
      padding-top: 0;
      padding-bottom: 0; }

  .btn-oval {
    height: 25px;
    text-align: center;
    cursor: pointer;
    color: #fff;
    font-size: 13px;
    line-height: 25px;
    padding: 0 20px;
    background: #1a5bff;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    display: inline-block; }
    .btn-oval:hover {
      color: #fff; }
    .btn-oval.anew {
      background: #0070b2; }
    .btn-oval.ared {
      background: #c30101; }
      .btn-oval.ared:hover {
        background: #f16767; }

  .btn_round {
    height: 50px;
    background: #dddddd;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    display: inline-block;
    padding: 0 40px 0 20px;
    font-size: 19px;
    color: #7e7e7e;
    font-weight: 700;
    line-height: 50px;
    text-transform: uppercase;
    text-align: center; }
    .btn_round.blue {
      background: #0070b2;
      color: #f5fc00; }
      .btn_round.blue span {
        display: inline-block;
        background: url("../images/material/arr_btn.png") no-repeat right center;
        height: 16px;
        width: 23px;
        transition: all linear 0.2s;
        -webkit-transition: all linear 0.2s;
        -moz-transition: all linear 0.2s;
        -ms-transition: all linear 0.2s;
        -o-transition: all linear 0.2s;
        margin-left: 8px;
        vertical-align: middle; }
      .btn_round.blue:hover {
        background: #1486ca; }
        .btn_round.blue:hover span {
          transition: all linear 0.2s;
          -webkit-transition: all linear 0.2s;
          -moz-transition: all linear 0.2s;
          -ms-transition: all linear 0.2s;
          -o-transition: all linear 0.2s; }

  .opt {
    position: relative;
    width: 100%;
    float: left;
    padding-left: 30px;
    line-height: 20px;
    cursor: pointer;
    /*.radio-custom{
        width: 20px;height: 20px;float: left;margin: 2px 10px 0 0;position: absolute !important;top:6px;left:0;
        background: url(../images/material/radio-arr.png) no-repeat left center;                
    }
    .radio-custom.active{background-position: right center;}*/ }
    .opt .check-custom {
      width: 20px;
      height: 20px;
      float: left;
      margin: 0px 5px 0 0;
      position: absolute !important;
      /*top:-2px;*/
      top: 0px;
      left: 0;
      cursor: pointer;
      background: url(../images/material/checkbox.png) no-repeat left center; }
      .opt .check-custom input[type="checkbox"], .opt .check-custom input[type="radio"] {
        cursor: pointer; }
    .opt .check-custom.active {
      background-position: right center; }

  .mCSB_outside + .mCSB_scrollTools {
    right: 0; }

  .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #0070b3; }

  .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #0070b3; }

  .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #0070b3; }

  .mCSB_scrollTools .mCSB_draggerRail {
    background-color: #f0f2f7;
    margin: 0; }

  .mCSB_scrollTools a + .mCSB_draggerContainer {
    margin: 5px 0; }

  input[type="text"]:focus,
  input[type="email"]:focus,
  input[type="password"]:focus,
  textarea:focus {
    box-shadow: 0px 0px 2px #1486ca;
    -webkit-box-shadow: 0px 0px 2px #1486ca;
    -moz-box-shadow: 0px 0px 2px #1486ca;
    -ms-box-shadow: 0px 0px 2px #1486ca;
    -o-box-shadow: 0px 0px 2px #1486ca; }

  /* istep style
  ----------------------------------------------------------------------------------------------*/
  #istep .container {
    width: 980px; }
  #istep.istep_home, #istep.istep_delivery {
    background-size: 1300px !important; }
  #istep.istep_home #middle .box_step {
    min-height: 500px; }
  #istep #middle .box_step .frame_alt {
    display: block; }
    #istep #middle .box_step .frame_alt .alt {
      width: 304px;
      float: left;
      margin: 20px 40px 0 0; }
      #istep #middle .box_step .frame_alt .alt:nth-child(2) {
        margin-right: 0; }
      #istep #middle .box_step .frame_alt .alt p {
        color: #fff; }
  #istep .absolute_img {
    display: none; }

  #isite .container, #isite .wrapper {
    width: 980px; }
  #isite header.stay .h_bottom .category .schild.hov {
    padding: 18px 10px 18px 40px; }
  #isite header .h_middle .block_search {
    width: 550px; }
    #isite header .h_middle .block_search form input[type="text"] {
      width: 420px; }
  #isite header .h_middle .block_icon ul li .txt {
    display: none !important; }
  #isite header .h_bottom .category {
    width: 215px; }
    #isite header .h_bottom .category .schild {
      padding-left: 40px;
      background-position: 5% 50%;
      padding-right: 10px; }
      #isite header .h_bottom .category .schild.hov {
        background-position: 5% 50%; }
    #isite header .h_bottom .category .subNav ul li .menu_sub {
      width: 690px; }
      #isite header .h_bottom .category .subNav ul li .menu_sub .blok_menu {
        width: 490px; }
        #isite header .h_bottom .category .subNav ul li .menu_sub .blok_menu ul {
          min-height: 440px; }
  #isite header .h_bottom .cmenu ul li a {
    padding: 13px 0;
    width: 190px;
    text-align: center; }
  #isite .home_category h3 {
    font-size: 28px; }
  #isite .home_category .product_category ul li {
    width: 244px;
    height: 241px; }
    #isite .home_category .product_category ul li:nth-child(4n+4) {
      width: 244px; }
    #isite .home_category .product_category ul li .img {
      height: 190px; }
  #isite .home_category .bannerhome_promo {
    padding: 0 0 45px;
    height: auto; }
  #isite .box_product_list li .title {
    margin-bottom: 10px; }
  #isite .box_product_list li .price {
    font-size: 16px; }
  #isite .homeproduct_populer h3 {
    font-size: 28px; }
  #isite .homeproduct_populer .bx-wrapper {
    margin: 0 auto; }
    #isite .homeproduct_populer .bx-wrapper .bx-controls-direction a {
      width: 16px;
      height: 28px;
      background: url("../images/material/arr_slide_mob.png") no-repeat left center; }
      #isite .homeproduct_populer .bx-wrapper .bx-controls-direction a.bx-next, #isite .homeproduct_populer .bx-wrapper .bx-controls-direction a.bx-next:hover {
        right: -28px;
        background-position: right center; }
      #isite .homeproduct_populer .bx-wrapper .bx-controls-direction a.bx-prev, #isite .homeproduct_populer .bx-wrapper .bx-controls-direction a.bx-prev:hover {
        left: -28px; }
  #isite .bannerhome_static .bgrid {
    width: 49%;
    margin: 0 2% 0 0; }
  #isite footer .foot_top .foogrid {
    margin-right: 30px !important; }
    #isite footer .foot_top .foogrid:first-child {
      width: 190px; }
    #isite footer .foot_top .foogrid:nth-child(2) {
      width: 170px; }
    #isite footer .foot_top .foogrid:nth-child(3) {
      width: 305px; }
    #isite footer .foot_top .foogrid:last-child {
      margin-right: 0 !important; }

  .btn_round {
    line-height: 45px;
    height: 45px; }

  #middle.reg .not_grey.med {
    padding: 25px;
    min-height: 80px; }
    #middle.reg .not_grey.med h3 {
      padding-top: 10px; }
    #middle.reg .not_grey.med .right p {
      margin: 10px 0; }

  .not_grey,
  .list-data {
    padding: 22px 20px;
    min-height: 80px;
    width: 980px;
    border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    -ms-border-radius: 10px 10px 0 0;
    -o-border-radius: 10px 10px 0 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box; }
    .not_grey .container,
    .list-data .container {
      width: auto !important; }
    .not_grey h3,
    .list-data h3 {
      font-size: 16px; }
    .not_grey p,
    .list-data p {
      line-height: 14px;
      margin: 6px 0 0; }
    .not_grey.med,
    .list-data.med {
      padding: 13px 20px; }
      .not_grey.med h4,
      .list-data.med h4 {
        font-size: 14px; }
      .not_grey.med .btn-hicard,
      .list-data.med .btn-hicard {
        height: 35px;
        line-height: 35px;
        width: 185px;
        padding-left: 20px;
        padding-right: 20px; }
    .not_grey .btn-hicard,
    .list-data .btn-hicard {
      height: 35px;
      line-height: 35px;
      width: 180px;
      padding-left: 20px;
      padding-right: 20px; }
    .not_grey .pager,
    .list-data .pager {
      margin-top: 5px; }
      .not_grey .pager a,
      .list-data .pager a {
        height: 25px;
        width: 25px;
        line-height: 25px;
        font-size: 14px; }
    .not_grey.med.notif h4.success,
    .list-data.med.notif h4.success {
      margin-left: 20px; }

  .box-form-bottom {
    width: 980px;
    padding: 30px 45px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box; }
    .box-form-bottom .container {
      width: auto !important; }
    .box-form-bottom .inner .form-top .row {
      width: 100%;
      float: none; }
      .box-form-bottom .inner .form-top .row.fr {
        padding-left: 0;
        float: none; }
      .box-form-bottom .inner .form-top .row .fstyle {
        float: none;
        display: inline-block; }
        .box-form-bottom .inner .form-top .row .fstyle.l-phone span {
          font-size: 14px;
          width: 50px; }
        .box-form-bottom .inner .form-top .row .fstyle.l-phone input[type="text"] {
          padding-left: 65px; }
      .box-form-bottom .inner .form-top .row label {
        font-size: 12px;
        float: none;
        display: inline-block;
        vertical-align: top;
        line-height: 40px; }
      .box-form-bottom .inner .form-top .row input[type="text"],
      .box-form-bottom .inner .form-top .row input[type="email"],
      .box-form-bottom .inner .form-top .row input[type="password"],
      .box-form-bottom .inner .form-top .row select, .box-form-bottom .inner .form-top .row textarea {
        width: 400px;
        font-size: 14px;
        height: 40px; }
      .box-form-bottom .inner .form-top .row textarea {
        height: 100px;
        resize: none; }
    .box-form-bottom .inner .form-top .box-personal {
      padding-bottom: 0; }
      .box-form-bottom .inner .form-top .box-personal:nth-child(2) {
        margin-bottom: 0; }
        .box-form-bottom .inner .form-top .box-personal:nth-child(2) .right {
          margin-bottom: 0; }
      .box-form-bottom .inner .form-top .box-personal p {
        width: 540px; }
      .box-form-bottom .inner .form-top .box-personal .right {
        float: left;
        margin: 0 0 30px 179px; }
    .box-form-bottom .inner .form_tracking {
      margin: 80px auto; }
      .box-form-bottom .inner .form_tracking h1 {
        font-size: 30px; }
      .box-form-bottom .inner .form_tracking form input {
        line-height: 40px;
        font-size: 14px; }

  .list-data .list_shop .bar_amount .left input, .list-data .list_shop .bar_amount .left .cus_text {
    font-size: 16px; }
  .list-data .list_shop .bar_amount .btn-close:hover {
    background: #fff url("../images/material/ico_cart_eye2.png") no-repeat center center; }
  .list-data .content_bar table td h5 {
    font-size: 18px; }
  .list-data .content_bar table td .stock {
    font-size: 12px; }
  .list-data .content_bar table td .del span, .list-data .content_bar table td .cart span {
    font-size: 10px; }
  .list-data .content_bar .box-addrss {
    margin-bottom: 25px; }
    .list-data .content_bar .box-addrss .left p {
      line-height: 18px; }
    .list-data .content_bar .box-addrss .right a i {
      width: 90px;
      height: 66px;
      background-size: 100%; }

  .banner {
    min-height: 0; }
    .banner h2 {
      font-size: 28px; }
    .banner .desc {
      top: 35%; }

  .bannerhome_promo {
    padding: 0 0 45px;
    height: auto; }

  .product-grid .inner {
    top: -28px; }
    .product-grid .inner .content-list aside {
      width: 240px; }
      .product-grid .inner .content-list aside ul.cat-list li {
        font-size: 12px; }
      .product-grid .inner .content-list aside .sprice input[type="text"] {
        width: 160px; }
    .product-grid .inner .content-list .content-right {
      width: 720px; }
      .product-grid .inner .content-list .content-right .row-three .col {
        width: 171px;
        margin-right: 12px;
        margin-bottom: 20px; }
        .product-grid .inner .content-list .content-right .row-three .col:nth-child(3n) {
          margin-right: 12px; }
        .product-grid .inner .content-list .content-right .row-three .col:nth-child(4n) {
          margin-right: 0; }
        .product-grid .inner .content-list .content-right .row-three .col .desc {
          font-size: 10px;
          height: 145px; }
          .product-grid .inner .content-list .content-right .row-three .col .desc h5 {
            font-size: 12px;
            margin: 0 10px 6px; }
          .product-grid .inner .content-list .content-right .row-three .col .desc p {
            font-size: 14px; }
          .product-grid .inner .content-list .content-right .row-three .col .desc .link_btn a.btn-oval {
            font-size: 10px;
            padding: 0 15px; }
        .product-grid .inner .content-list .content-right .row-three .col figure {
          height: 155px;
          padding-bottom: 15px; }
          .product-grid .inner .content-list .content-right .row-three .col figure img {
            width: 85%; }
          .product-grid .inner .content-list .content-right .row-three .col figure .flag span {
            width: 32px;
            height: 42px;
            line-height: 10px;
            font-size: 7px; }
            .product-grid .inner .content-list .content-right .row-three .col figure .flag span b {
              font-size: 10px; }
            .product-grid .inner .content-list .content-right .row-three .col figure .flag span:nth-child(2) {
              right: 41px; }
            .product-grid .inner .content-list .content-right .row-three .col figure .flag span.flag_3 {
              font-size: 6px;
              line-height: 6px; }
              .product-grid .inner .content-list .content-right .row-three .col figure .flag span.flag_3 b {
                margin-bottom: 3px; }
      .product-grid .inner .content-list .content-right .row-three.row-list .col {
        margin-bottom: 15px; }
        .product-grid .inner .content-list .content-right .row-three.row-list .col .desc {
          width: 606px;
          height: 110px; }
          .product-grid .inner .content-list .content-right .row-three.row-list .col .desc h5 {
            width: 425px;
            margin: 0; }
          .product-grid .inner .content-list .content-right .row-three.row-list .col .desc p {
            margin: -5px 0 5px; }
        .product-grid .inner .content-list .content-right .row-three.row-list .col figure {
          width: 110px;
          height: 110px; }
        .product-grid .inner .content-list .content-right .row-three.row-list .col.ofstock figure:after {
          width: 109px; }
      .product-grid .inner .content-list .content-right .search-res .box-research {
        max-width: 200px; }
      .product-grid .inner .content-list .content-right .faq .list_faq .item .title_acc {
        padding-right: 40px; }
        .product-grid .inner .content-list .content-right .faq .list_faq .item .title_acc .ar {
          right: -20px; }
    .product-grid .inner .content-list .content-info {
      padding: 20px 30px 0; }
      .product-grid .inner .content-list .content-info .row_help .col h3 {
        font-size: 16px;
        line-height: 22px; }
      .product-grid .inner .content-list .content-info .list_cabang .cabang {
        display: inline-block;
        width: 48%;
        margin: 0 3% 20px 0; }
        .product-grid .inner .content-list .content-info .list_cabang .cabang:nth-child(3n) {
          margin-right: 3%; }
        .product-grid .inner .content-list .content-info .list_cabang .cabang:nth-child(2n) {
          margin-right: 0; }
        .product-grid .inner .content-list .content-info .list_cabang .cabang h5 {
          margin-bottom: 10px; }
        .product-grid .inner .content-list .content-info .list_cabang .cabang p {
          line-height: 20px; }
      .product-grid .inner .content-list .content-info form.cntct .row input, .product-grid .inner .content-list .content-info form.cntct .row textarea {
        font-size: 14px;
        padding: 10px 20px; }
    .product-grid .inner .nav-page .grid {
      padding: 11px 15px 5px 0;
      margin-right: 15px;
      height: 45px; }
      .product-grid .inner .nav-page .grid > span {
        margin-right: 20px;
        font-size: 10px; }
      .product-grid .inner .nav-page .grid:first-child {
        padding: 11px 15px 5px; }
      .product-grid .inner .nav-page .grid:last-child {
        padding-left: 15px;
        padding-right: 15px;
        border-left: 1px solid #f2f2f2; }
        .product-grid .inner .nav-page .grid:last-child span {
          margin-right: 20px; }
      .product-grid .inner .nav-page .grid:nth-child(3) {
        padding-left: 15px; }
      .product-grid .inner .nav-page .grid .drop {
        min-width: 50px; }
        .product-grid .inner .nav-page .grid .drop .select_cus select {
          font-size: 12px; }
        .product-grid .inner .nav-page .grid .drop .select_cus.sort {
          width: 110px; }
      .product-grid .inner .nav-page .grid .glist, .product-grid .inner .nav-page .grid .gbox {
        margin-top: 1px;
        width: 20px;
        height: 20px;
        background-size: 41px; }
    .product-grid .inner .nav-page:nth-of-type(1) .grid:first-child {
      display: none; }
    .product-grid .inner .nav-page:nth-of-type(1) .grid.filter {
      display: none; }
      .product-grid .inner .nav-page:nth-of-type(1) .grid.filter a {
        line-height: 31px;
        display: inline-block;
        background: #0070b2 url("../images/material/ico_filt.png") no-repeat 95% center;
        color: #fff;
        text-transform: uppercase;
        padding: 0 10px;
        font-size: 12px;
        width: 135px;
        border-radius: 6px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -ms-border-radius: 6px;
        -o-border-radius: 6px; }
    .product-grid .inner .nav-page:nth-of-type(1) .grid:last-child {
      float: right; }
    .product-grid .inner .nav-page:nth-last-of-type(1) .grid {
      display: none; }
      .product-grid .inner .nav-page:nth-last-of-type(1) .grid:first-child {
        display: block;
        float: right;
        border-right: none;
        padding: 8px 15px 8px 0;
        margin-right: 0; }
        .product-grid .inner .nav-page:nth-last-of-type(1) .grid:first-child span {
          font-size: 12px;
          padding-top: 10px; }
    .product-grid .inner.brand .content-list .content-right .search-res {
      padding-top: 0; }
      .product-grid .inner.brand .content-list .content-right .search-res .box_search {
        width: 360px; }
    .product-grid .inner.brand .nav-page {
      background: transparent; }

  .prod_det .breadcrumbs {
    height: 48px;
    line-height: 48px; }
    .prod_det .breadcrumbs .linkbc {
      font-size: 10px; }
      .prod_det .breadcrumbs .linkbc a {
        font-size: 10px; }
    .prod_det .breadcrumbs .sosmed span {
      font-size: 10px; }
    .prod_det .breadcrumbs .sosmed div {
      float:right;
      display: inline-block;
      margin-top: 0px;
    }
    .prod_det .breadcrumbs .sosmed a {
      padding-top: 0;
      line-height: normal;
      margin-top: 14px; }
  .prod_det .content_det .right .desc-bottom .check-av {
    float: none;
    top: 0;
    margin-top: 25px; }
  .prod_det .content_det .right .desc-bottom .box-btn-cart .btn-cart {
    width: 230px;
    margin-right: 10px; }
  .prod_det .content_det .right .desc-bottom .box-btn-cart .btn-whislist {
    width: 230px; }
  .prod_det .content_det .right .desc-bottom .box-btn-cart .list_add .sub_list {
    width: 200px; }

  .content_cart.troli01 .left_cart {
    width: 660px; }
    .content_cart.troli01 .left_cart .list_troli .box {
      width: 100%;
      margin-right: 0;
      box-shadow: none;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      -ms-box-shadow: none;
      -o-box-shadow: none; }
      .content_cart.troli01 .left_cart .list_troli .box .lf_troli .img {
        margin-right: 10px; }
      .content_cart.troli01 .left_cart .list_troli .box .lf_troli .dec_prod {
        width: 180px;
        margin-right: 25px; }
      .content_cart.troli01 .left_cart .list_troli .box .lf_troli .price {
        width: 100px; }
        .content_cart.troli01 .left_cart .list_troli .box .lf_troli .price h3 {
          font-size: 14px; }
          .content_cart.troli01 .left_cart .list_troli .box .lf_troli .price h3 span {
            font-size: 12px; }
      .content_cart.troli01 .left_cart .list_troli .box .lf_troli .qty {
        margin-right: 20px; }
        .content_cart.troli01 .left_cart .list_troli .box .lf_troli .qty input {
          font-size: 12px; }
      .content_cart.troli01 .left_cart .list_troli .box .dec_prod {
        width: 180px; }
      .content_cart.troli01 .left_cart .list_troli .box select {
        width: 180px;
        font-size: 12px; }
      .content_cart.troli01 .left_cart .list_troli .box .hide_troli {
        top: 20px; }
  .content_cart.troli01 .right_cart {
    width: 290px; }
  .content_cart .left_cart {
    width: 600px; }
    .content_cart .left_cart .head_box {
      margin-left: 306px; }
      .content_cart .left_cart .head_box span {
        width: 100px;
        margin-right: 20px; }
        .content_cart .left_cart .head_box span:nth-child(2) {
          margin-right: 20px; }
    .content_cart .left_cart .list_troli .box {
      width: 600px;
      padding: 15px;
      margin-right: 0;
      box-shadow: none;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      -ms-box-shadow: none;
      -o-box-shadow: none; }
      .content_cart .left_cart .list_troli .box .rg_troli {
        margin-left: 18px;
        width: 70px; }
        .content_cart .left_cart .list_troli .box .rg_troli input {
          font-size: 12px;
          padding: 7px 10px;
          width: 70px; }
      .content_cart .left_cart .list_troli .box select {
        font-size: 12px;
        padding: 7px 10px;
        width: 180px;
        display: block; }
      .content_cart .left_cart .list_troli .box .hide_troli {
        top: 48px; }
    .content_cart .left_cart .list_troli.regist .box {
      padding: 25px; }
    .content_cart .left_cart .list_troli form.registration .ck_alamat:after,
    .content_cart .left_cart .list_troli form.registration .ck_alamat:before,
    .content_cart .left_cart .list_troli form.registration .addrs:after,
    .content_cart .left_cart .list_troli form.registration .addrs:before {
      width: 109%;
      left: -25px; }
    .content_cart .left_cart .list_troli form.registration label {
      margin-right: 14px; }
    .content_cart .left_cart .list_troli form.registration .row input[type="text"],
    .content_cart .left_cart .list_troli form.registration .row input[type="password"],
    .content_cart .left_cart .list_troli form.registration .row input[type="email"],
    .content_cart .left_cart .list_troli form.registration .row select,
    .content_cart .left_cart .list_troli form.registration .row textarea,
    .content_cart .left_cart .list_troli form.registration .row .phone {
      width: 370px;
      padding: 10px 20px; }
    .content_cart .left_cart .list_troli form.registration .row .phone {
      padding: 0; }
      .content_cart .left_cart .list_troli form.registration .row .phone span {
        padding: 0 10px 0 15px;
        line-height: 40px; }
    .content_cart .left_cart .content_check {
      margin-top: 25px; }
      .content_cart .left_cart .content_check form input[type="email"],
      .content_cart .left_cart .content_check form input[type="password"] {
        font-size: 14px;
        padding: 10px 20px; }
    .content_cart .left_cart a.more {
      font-size: 12px;
      height: 35px;
      line-height: 35px;
      width: 400px; }
  .content_cart .right_cart {
    width: 350px; }
    .content_cart .right_cart .table_list table.prod th {
      font-size: 13px; }
    .content_cart .right_cart .table_list table.prod td {
      font-size: 12px; }
      .content_cart .right_cart .table_list table.prod td:last-child {
        font-size: 14px; }
    .content_cart .right_cart .table_list table.price_tot tr:nth-child(3) td {
      padding-bottom: 20px; }
    .content_cart .right_cart .table_list table.price_tot tr:last-child td {
      padding-top: 20px;
      font-size: 12px; }
      .content_cart .right_cart .table_list table.price_tot tr:last-child td:last-child {
        font-size: 16px; }
    .content_cart .right_cart .table_list table.price_tot td {
      font-size: 12px;
      padding: 8px; }
      .content_cart .right_cart .table_list table.price_tot td:last-child {
        font-size: 15px; }
    .content_cart .right_cart .list_total .total p {
      font-size: 14px; }
      .content_cart .right_cart .list_total .total p:nth-child(2) {
        font-size: 16px; }
    .content_cart .right_cart .list_total .total:last-child p {
      font-size: 16px; }
      .content_cart .right_cart .list_total .total:last-child p:nth-child(2) {
        font-size: 16px; }
  .content_cart .right_cart .table_list table.price_tot.grand_tot tr:last-child td:last-child {
    font-size: 20px; }

  .top_back a {
    font-size: 10px; }

  .accordion .list_acc .item .title_acc {
    padding: 10px 25px; }
    .accordion .list_acc .item .title_acc h6 {
      font-size: 16px; }
      .accordion .list_acc .item .title_acc h6 span {
        width: 32px;
        height: 28px;
        background-size: 64px !important; }
  .accordion .list_acc .item .dec_acc {
    padding: 25px; }
    .accordion .list_acc .item .dec_acc .tab_bank .wrap_tab .tab_cont .list_check li {
      margin-right: 16px; }
    .accordion .list_acc .item .dec_acc .tab_bank .wrap_tab .tab_cont .content_check .form_check form input[type="text"],
    .accordion .list_acc .item .dec_acc .tab_bank .wrap_tab .tab_cont .content_check .form_check form input[type="email"],
    .accordion .list_acc .item .dec_acc .tab_bank .wrap_tab .tab_cont .content_check .form_check form input[type="password"] {
      padding: 10px 20px;
      font-size: 14px; }

  .use_addrss {
    float: none;
    width: 100%; }
    .use_addrss:first-child {
      border-right: none; }
      .use_addrss:first-child .block {
        padding-bottom: 25px;
        border-bottom: 1px solid #eaeaea;
        margin-bottom: 40px; }
    .use_addrss .block {
      width: 100%;
      padding-left: 0; }

  .daftar_almt .box-form-bottom {
    padding-top: 60px; }
    .daftar_almt .box-form-bottom .form-top .box-personal {
      padding-bottom: 25px;
      margin-bottom: 40px; }
      .daftar_almt .box-form-bottom .form-top .box-personal:last-child {
        padding-bottom: 0;
        margin-bottom: 0; }
      .daftar_almt .box-form-bottom .form-top .box-personal label {
        width: 100%;
        margin-bottom: 20px; }
      .daftar_almt .box-form-bottom .form-top .box-personal p {
        width: 540px;
        font-size: 14px;
        color: #737373;
        line-height: 20px;
        float: none; }
      .daftar_almt .box-form-bottom .form-top .box-personal .right {
        float: right;
        margin: 0; }
        .daftar_almt .box-form-bottom .form-top .box-personal .right .btn-blue.btn-trans {
          line-height: 30px; }

  .box-personal {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box; }
    .box-personal p {
      width: 600px; }

  .pg_thanks {
    padding-top: 10%; }

  .thx_pg .pg_thanks {
    max-height: 600px; } }

/*# sourceMappingURL=media_1024.css.map */