{"version":3,"sources":["webpack:///webpack:///css/partials/_variables.scss?615d","webpack:///webpack:///css/responsive.scss"],"names":[],"mappings":"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","file":"..\\css\\responsive.css","sourcesContent":["$gray-darker: #414141;\n$gray-dark: #878787;\n$gray: #acaaa6;\n$gray-light: #ebebeb;\n$gray-lighter: #f6f6f6;\n$brand-primary: #2fb5d2;\n$brand-secondary: #f39d72;\n$brand-success: #4cbb6c;\n$brand-warning: #ff9a52;\n$brand-danger: #ff4c4c;\n$label-color: $gray-darker;\n$btn-primary-color: #fff;\n$btn-primary-bg: #444444;\n$btn-primary-border: #444444;\n/*$btn-secondary-color: $gray-darker;\n$btn-secondary-bg: $gray-lighter;\n$btn-secondary-border: transparent;\n$btn-border-radius: 0; */\n$headings-font-weight: 700;\n$tooltip-bg: $brand-danger;\n// $border-radius: 0;\n$extra-small-space: rem(4px);\n$small-space: rem(6px);\n$medium-space: rem(10px);\n$large-space: rem(16px);\n$extra-large-space: rem(32px);\n/* $warning: #FF9A52;\n$warning-hover: #FDE7BB;\n$alert-warning-bg: rgba(255,154,82,0.3);\n$alert-warning-border: $warning;\n$alert-warning-text: $gray-darker;\n$btn-warning-bg: $warning;\n$btn-warning-color: white; */\n$btn-tertiary-color: #6C868E;\n$btn-tertiary-hover: #BBCDD2;\n$base-font-size: rem(12px);\n/* $font-size-lg: rem(15px);\n$font-size-sm: rem(14px);\n$font-size-xs: rem(13px);\n$font-size-h1: rem(22px);\n$font-size-h2: rem(20px);\n$font-size-h3: rem(18px);\n$font-size-h4: rem(18px);\n$font-size-h5: rem(16px);\n$font-size-h6: rem(15px);\n$display1-size: rem(50px);\n$display1-weight: 600;\n$display2-size: rem(35px);\n$display2-weight: 400;\n$display3-size: rem(25px);\n$display3-weight: 400;\n$display4-size: rem(20px);\n$display4-weight: 400; */\n$text-muted: $gray;\n$NotoSansPath: \"~notosans-fontface/fonts\";\n$NotoSansVersion: \"1.0.1\";\n$modal-dialog-margin:         38px !default;\n$modal-dialog-sm-up-margin-y: 38px !default;\n\n\n$white:\t\t\t\t#fff;\n$almost-white:\t\t\t\t#fcfcfc;\n$font-family:\t\t\t\t  \t\tTahoma,Arial,sans-serif;\n$font:\t\t\t\t\t\t  \t\tnormal 12px/150% $font-family;\n$font-custom:                 \t\t'Vollkorn', sans-serif;\n$font-icon:                   \t\t\"fontello\";\n\n//\n$theme-color:                   #00a161;\n$highlight-color:\t\t\t\t\t#E54D26;\n$gray-color:\t\t\t\t\t\t#999999;\n\n//-------- BORDERS\n$base-border-color:\t\t\t\t\t#f2f2f2; //\n$main_border:\t\t\t\t\t\t1px solid $base-border-color;\n$dark-border-color:\t\t\t\t\t#444;//\n$light-border-color:\t\t\t\t#fff;\n$gray-border-color:            \t\t#d9d9d9;//\n$title-border-color:            \t#d9d9d9;\n$input-border-focus:\t\t\t\t#666;\n\n//--------- BACKGROUNDS\n$base-box-bg:                       #fcfcfc;//\n$table-background:                  $base-box-bg;\n$dark-background:                   #444;//\n$light-background:                  #fff;//\n$gray-background:                #E9E9E9;\n$base-background:                \t#f2f2f2; //\n\n//--------- COLORS\n$base-body-color:                   #777;\n$base-text-color:                   #777; //\n$dark-text-color:                   #444; //\n$base-heading-color:\t\t\t\t#444; //\n$base-title-color:\t\t\t\t\t$base-text-color;\n$light-text-color:                  #fff;//\n$link-color:\t\t\t\t\t\t#444444; //\n$link-hover-color:                  #00a161; //\n$price-color:\t\t\t\t\t\t#444;\n$product-old-price-color:\t\t\t#999;\n$product-special-price-color:\t\t#f13340;\n\n//---------- Buttons\n$button-text-color:\t\t\t\t\t$link-color;\n$button-hover-color:\t\t\t\t#fff;\n$button-hover-bg-color:\t\t\t\t$link-color;\n\n//--------- Indents\n$base-box-padding:                  14px 18px 13px;\n$base-box-indent:                  \t0 0 30px 0;\n\n//st override\n$pagination-border-width: 0;\n$pagination-bg: transparent;\n$pagination-hover-bg: $base-background;\n$pagination-active-bg: transparent;\n$pagination-disabled-bg: transparent;\n$pagination-active-color: $gray-color;\n$pagination-disabled-color: $gray-color;\n$pagination-color: $link-color;\n$pagination-hover-color: $link-color;\n$pagination-padding-x:             9px;\n$pagination-padding-y:             6px;\n//\n\n// Extra small screen / phone\n$st-screen-sm:                  480px !default;\n$st-screen-phone:               $st-screen-sm !default;\n\n// Small screen / tablet\n$st-screen-md:                  768px !default;\n$st-screen-tablet:              $st-screen-md !default;\n\n// Medium screen / desktop\n$st-screen-lg:                  992px !default;\n$st-screen-desktop:             $st-screen-lg !default;\n\n// Large screen / wide desktop\n$st-screen-xl:                  1200px !default;\n$st-screen-xl-desktop:          $st-screen-xl !default;\n\n// Large screen / wide desktop\n$st-screen-xxl:                  1440px !default;\n$st-screen-xxl-desktop:          $st-screen-xxl !default;\n\n// full screen\n$st-screen-fw:                  1600px !default;\n$st-screen-fw-desktop:          $st-screen-fw !default;\n\n// So media queries don't overlap when required, provide a maximum\n$st-screen-sm-max:              ($st-screen-md - 1) !default;\n$st-screen-md-max:              ($st-screen-lg - 1) !default;\n$st-screen-lg-max:              ($st-screen-xl - 1) !default;\n$st-screen-xl-max:              ($st-screen-xxl - 1) !default;\n$st-screen-xxl-max:              ($st-screen-fw - 1) !default;\n\n$st-grid-gutter-width:         30px !default;\n\n// Extra small screen / phone\n$st-container-phone:            516px !default;\n\n// Small screen / tablet\n$st-container-tablet:            768px !default;\n\n// Medium screen / desktop\n$st-container-desktop:           992px !default;\n\n// Large screen / wide desktop\n$st-container-lg-desktop:        1200px !default;\n\n// Extra large screen\n$st-container-xl-desktop:        1440px !default;\n\n// Extra large screen\n$st-container-xxl-desktop:        1600px !default;\n\n$output-bourbon-deprecation-warnings: false;\n\n\n// WEBPACK FOOTER //\n// webpack:///css/partials/_variables.scss","@import \"partials/_variables\";\n\n@media (min-width: $st-screen-lg) {\n  #page_wrapper, .wide_container {\n    max-width: $st-screen-lg; }\n}\n//<992\n@media only screen and (max-width: $st-screen-md-max) {\n  .text-md-1, .steasy_element_item.text-md-1{\n    text-align: left;\n  }\n  .text-md-2, .steasy_element_item.text-md-2{\n    text-align: center;\n  }\n  .text-md-3, .steasy_element_item.text-md-3{\n    text-align: right;\n  }\n  .container {\n    width: 100%;\n  }\n  //mobile global\n  .flex_container,\n  .flex_box{\n    &.flex_column_md{\n      -webkit-flex-flow: column nowrap;\n      -moz-flex-flow: column nowrap;\n      flex-flow: column nowrap;\n    }\n  }\n  .flex_column_md{\n    .flex_child, .flex_child_md{\n      width: 100%;\n    }\n  }\n  //\n  .checkout_left_wrapper{\n    order: 2;\n  }\n  //structure\n  #body_wrapper{\n    padding-bottom: 50px;\n  }\n  .slide_lr_column{\n    #left_column,#right_column{\n      display: none;\n      &.sidebar_opened{\n        bottom: 50px;\n      }\n    }\n  }\n  .mobile_header_wrapper{\n    display: block;\n  }\n  .pro_img_hover_scale:hover{\n    -webkit-transform: none;\n  -moz-transform: none;\n  -ms-transform: none;\n  -o-transform: none;\n  transform: none;\n  }\n  \n  \n  .st_image_layered_description{\n    font-size: 10px; //h1-h6 tags using em, so decrese font size to decrease their size\n  }\n  \n  //category page\n  .sortPagiBar .product-count{\n    display: none;\n  }\n  .bottom-pagination-content{\n    text-align: center;\n    .pagination,.product-count{\n      float: none;\n    }\n  }\n  //product page\n  .owl-theme.owl-navigation-lr{\n    .owl-controls{\n      .owl-buttons{\n        .owl-prev{\n          left: 0;\n        }\n        .owl-next{\n          right: 0;\n        }\n      }\n    }\n    &.owl-navigation-circle{\n      .owl-controls{\n        .owl-buttons{\n          .owl-prev{\n            left: 10px;\n          }\n          .owl-next{\n            right: 10px;\n          }\n        }\n      }\n    }\n  }\n  #bigpic_list_frame.owl-theme.owl-navigation-lr .owl-controls{\n    display: none!important;\n  }\n  \n  //header\n  #header_top_right, #header_bottom,#header_left{\n    .top_bar_item{\n      float: none;\n    }\n  }\n  /* #search_block_main_menu #search_block_top{\n    position: static;\n  }\n  #search_block_top.quick_search_simple{\n    width: 260px;\n    .button-search {\n      position: absolute;\n    }\n    #searchbox {\n        #search_query_top {\n            width: 100%;\n            display: inline-block;\n            position: static;\n        }\n    }\n  } */\n  .ac_results{display: none !important;}\n  //menu\n  #st_mega_menu_column{\n    display: none;\n  }\n  //search\n  // #header_top_left #search_block_top{\n  //   width: 260px;\n  // }\n\n  /* .hover_fly {\n    .quick-view{\n      display: none;\n    }\n    a {\n        width: 25% !important;\n        &:hover, &:first-child:hover {\n          width: 25% !important;\n          span {\n            display: none !important;\n          }\n        }\n        span {\n          display: none !important;\n        }\n    }\n    &.fly_5{\n        a {\n          width: 20% !important;\n          &:hover, &:first-child:hover{\n            width: 20% !important;\n          }\n        }\n    }\n    &.fly_5.has_quick_view {\n        a {\n          width: 25% !important;\n          &:hover, &:first-child:hover{\n            width: 25% !important;\n          }\n        }\n    }\n    &.fly_3, &.fly_4.has_quick_view {\n        a {\n          width: 33.333333% !important;\n          &:hover, &:first-child:hover{\n            width: 33.333333% !important;\n          }\n        }\n    }\n    &.fly_2, &.fly_3.has_quick_view {\n        a {\n            width: 50% !important;\n            &:hover, &:first-child:hover{\n              width: 50%!important;\n            }\n        }\n    }\n    &.fly_1,&.fly_2.has_quick_view {\n        a {\n            width: 100% !important;\n            &:hover, &:first-child:hover{\n              width: 100%!important;\n            }\n        }\n    }\n  }\n  @media screen and (-webkit-min-device-pixel-ratio: 0) {\n    .hover_fly {\n        a {\n            &:first-child {\n                position: static;\n            }\n        }\n        &.fly_5 a {\n            &:first-child {\n                position: static;\n            }\n        }\n        &.fly_3 a {\n            &:first-child {\n                position: static;\n            }\n        }\n        &.fly_2 a {\n            &:first-child {\n                position: static;\n            }\n        }\n    }\n  }\n\n  noindex:-o-prefocus, .hover_fly a:first-child{position:static;}\n\n  noindex:-o-prefocus, .hover_fly.fly_5 a:first-child{position:static;}\n\n  noindex:-o-prefocus, .hover_fly.fly_3 a:first-child{position:static;}\n\n  noindex:-o-prefocus, .hover_fly.fly_2 a:first-child{position:static;} */\n\n\n  //the same code is alos in .use_mobile_header\n  //rightbar\n  .st-menu{\n    bottom: 50px;//the 50 is also in sidebar.php\n    body#checkout &{\n      bottom: 0;\n    }\n  }\n  #sidebar_box{\n    position: fixed;\n    z-index: 110;\n    bottom: 0;\n      top: auto;\n      right: 0;\n      left: 0;\n      width: 100%;\n    .rightbar_wrap a.icon_wrap{\n      border: none;\n      display: block;\n      width: auto;\n      text-align: center;\n      height: 50px;\n      padding: 6px 0;\n    }\n  }\n\n  #rightbar,#leftbar{\n    -webkit-flex-flow: row nowrap;\n    -moz-flex-flow: row nowrap;\n    flex-flow: row nowrap;\n    position: static;\n    bottom: auto;\n      top: auto;\n      right: auto;\n      left: auto;\n      border-right: none;\n      border-bottom: none;\n      border-left: none;\n  }\n  .icon_wrap .amount_circle{right:auto;left:50%;}  \n  \n  .rightbar_visi_1{\n    display: none;\n  }\n  .rightbar_visi_2{\n    display: block;\n  }\n  //end\n  /* #rightbar_inner{\n      margin-right: auto;\n      margin-left: auto;\n      *zoom: 1;\n  }\n  #to_top_wrap{\n      display: block!important;\n      opacity: 1!important;\n      filter: alpha(opacity=100)!important;\n  } */\n  #switch_left_column_wrap, #switch_right_column_wrap{\n    -webkit-flex-grow: 1;\n    -moz-flex-grow: 1;\n    flex-grow: 1;\n    -ms-flex-positive: 1;\n  }\n  //\n  .act_box .ajax_add_to_cart_button i,\n  .act_box .view_button i{\n    display: none;\n  }\n  \n  #st_header.sticky_mh{\n    padding-bottom: 60px; //the same setting is also in the theme.scss file @.use_mobile_header\n  }\n  //**mobile header\n  #mobile_bar{\n    display: block;\n  } \n  #top_bar,#header_primary,#top_extra{\n    display: none;\n  }\n\n  .content_sortPagiBar {\n    .sortPagiBar {\n      #productsSortForm {\n        select {\n          max-width: 100px;\n        }\n      }\n    }\n  }\n\n  //footer\n  .footer_block_content{\n    display:none;\n  }\n  .footer_block_content.keep_open{\n    display:block;\n  }\n  .stlinkgroups_links_footer_bottom {\n    display: inline-block;\n    li{\n      float: none;\n      display: inline-block;\n    }\n  }\n  #footer{\n    .block{\n      padding-top: 0;\n      padding-bottom: 0;\n      margin-top: 0;\n      margin-bottom: 0;\n      position: relative;\n    }\n    .title_block{\n      margin: 0 0 6px;\n      padding: 10px 35px 10px 10px;\n      border-bottom: 1px solid $base-border-color;\n      .opener, .grower{\n        display: flex;\n      }\n    }\n    /* .row > .col-sm-12{\n      float: none;\n    } */\n    .row > .col-sm-12:last-child{\n      .title_block{\n        margin-bottom: 0;\n        border-bottom: none;\n      }\n    }\n    .footer_block_content{\n      padding-bottom: 10px;\n      padding-left: 10px;\n    }\n    .st_open{\n      .title_block{\n        border-bottom: none;\n      }\n      .footer_block_content{\n        display: block;\n        border-bottom: 1px solid $base-border-color;\n      }\n    }\n    #footer_bottom_left, #footer_bottom_right{\n      float: none!important;//rtl\n      text-align: center;\n      padding: 6px 0;\n    }\n  }\n  #footer-secondary, #footer-tertiary{\n    .footer_block{\n      &:last-child{\n        .title_block, .footer_block_content{\n          border-bottom: none;\n        }\n      }\n    }\n  }\n\n  //Tab\n  .mobile_tab{\n        .mobile_tab_title{\n          display: block;\n          cursor: pointer;\n        }\n      .nav-tabs{\n        display: none;\n      }\n      .tab-content{\n        border: none;\n        .tab-pane:last-child{\n          border-bottom: none;\n        }\n      }\n      .tab-pane{\n        display: block;\n        border-bottom: 1px solid #e5e5e5;\n        .tab-pane-body{\n          display: none;\n        }\n        &.st_open .tab-pane-body{\n          display: block;\n          padding-top: 8px;\n          padding-bottom: 1em;\n        }\n      }\n  }\n  //\n  //The same code is also in .mobile_device\n  .horizontal_filters_dropdown {\n    .dropdown_tri{\n      display: none;\n    }\n    .dropdown_list{\n      display: block;\n      position: static;\n    }\n    .facet{\n      display:block;\n      margin-right: 0;\n    }\n    .facet-title-mobile{\n      display: block;\n    }\n  }\n  .act_box_cart{\n    &.add_show_on_mobile{\n      display: block;\n      visibility: visible;\n    }\n    &.add_hide_on_mobile{\n      display: none;\n      .product_list.list &{\n        display: block;\n        visibility: visible;\n      }\n    }\n  }\n\n  .products_slider .ajax_block_product,.product_list.grid .ajax_block_product{\n      .hover_fly.mobile_hover_fly_hide, .hover_fly_static .hover_fly.mobile_hover_fly_hide{\n        display: none;\n      }\n      .hover_fly.mobile_hover_fly_show{\n        position: static;\n        &.fly_1{\n          a{\n            &.ajax_add_to_cart_button, &.view_button{\n              span{\n                display: inline-block !important;\n              }\n            }\n          }\n        }\n      }\n      .hover_fly.mobile_hover_fly_cart{ //, .hover_fly.mobile_hover_fly_cart.has_quick_view\n        position: static;\n        .hover_fly_btn{\n          display: none;\n          &.ajax_add_to_cart_button{ //, &.view_button\n            display: block;\n            width:100%!important;\n            span{\n              display: inline-block !important;\n            }\n          }\n        }\n      }\n      /* .act_box.display_when_hover{\n        visibility: visible;\n      } */\n  }\n  .moblie_flyout_buttons_show {\n    .countdown_wrap{\n      bottom: 30px;\n      &.v_middle{\n        bottom: 50%;\n      }\n    }\n  }\n  \n  //end\n  //for list filters on center column on desktop\n  .facet .collapse{\n    display: none;\n    &.show{\n      display: block;\n    }\n  }\n  .horizontal_filters .facet{\n    //@include flex-direction(column);\n    -webkit-box-orient: vertical;\n    -moz-box-orient: vertical;\n    box-orient: vertical;\n    -webkit-box-direction: normal;\n    -moz-box-direction: normal;\n    box-direction: normal;\n    -webkit-flex-direction: column;\n    -moz-flex-direction: column;\n    flex-direction: column;\n    -ms-flex-direction: column;\n    .facet-title-mobile, .facet_filter_box{\n      width: 100%; //make them be full screen\n    }\n  }\n  //stnewsletter\n  .news_letter_1 .st_news_letter_content{\n    margin-bottom: 10px;\n  }\n  /* .st_news_letter_form_inner{\n    width: 100%!important;\n  } */\n  //\n  .sttext_banner_1_2 .sttext_banner_text{\n    margin-bottom: 16px;\n  }\n  .pcomment_left{width: auto;}\n}\n//end <992\n//\n//>768 <992\n@media only screen and (min-width: $st-screen-md) and (max-width: $st-screen-md-max) {  \n  //header\n  .product_list.grid {\n    .product_list_item {\n      &.first-item-of-tablet-line {\n        clear: both;\n      }\n      &.first-tablet-line {\n        border-top: none;\n        padding-top: 0;\n      }\n    }\n  }\n\n  .pro_itemlist {\n    .ajax_block_product {\n      &.first-item-of-tablet-line {\n        clear: both;\n      }\n      &.first-tablet-line {\n        border-top: none;\n      }\n    }\n  }\n    \n  .subcate_grid_view, .com_grid_view, .pro_itemlist, .blog_row_list, .blog_list_grid{\n    .first-item-of-tablet-line{\n      clear: both;\n    } \n  }\n  .pro_column_left{\n    width: 40px;\n  }\n  .pro_column_right{\n    margin-left: 50px;\n  }\n  form#searchbox input#search_query_block {min-width: 110px;}\n\n}  \n//end >768 <992\n//\n//<768\n@media (max-width: $st-screen-sm-max) {\n  .st_image_layered_description{\n    font-size: 8px; //h1-h6 tags using em, so decrese font size to decrease their size\n  }\n  .flex_container,\n  .flex_box{\n    &.flex_column_sm{\n      -webkit-flex-flow: column nowrap;\n      -moz-flex-flow: column nowrap;\n      flex-flow: column nowrap;\n    }\n  }\n  .btn-mobile-full-width{\n    width: 100%;\n  }\n  //structure\n  .style_content{\n  }\n  \n  .width_90, .center_width_90{\n    width: 95%;\n  }\n  .width_80, .center_width_80{\n    width: 90%;\n  }\n  .width_70, .center_width_70{\n    width: 85%;\n  }\n  .width_60, .center_width_60{\n    width: 80%;\n  }\n  .width_50, .center_width_50{\n    width: 75%;\n  }\n  .width_40, .center_width_40{\n    width: 70%;\n  }\n  .width_30, .center_width_30{\n    width: 65%;\n  }\n  .width_20, .center_width_20{\n    width: 60%;\n  }\n  .width_10, .center_width_10{\n    width: 50%;\n  }\n  //\n  ul.step li{\n    float: none !important; \n    margin: 0 auto;\n    width: 80%;\n    a, span{\n      display: block;\n      border: 1px solid #ccc;\n      border-bottom-width: 0;\n    }\n    &:last-child{\n      a, span{\n        border-bottom-width: 1px;\n      }\n    }\n  }\n  /* #account-creation_form .form-group > label, #account-creation_form .form-stru > label,\n  #identity .form-group > label, #identity .form-stru > label,\n  #opc_account_form .form-group > label, #opc_account_form .form-stru > label,\n  #new_account_form .form-group > label, #new_account_form .form-stru > label,\n  #authentication .form-group > label, #authentication .form-stru > label,\n  #address .form-group > label, #address .form-stru > label,\n  #add_address .form-group > label, #add_address .form-stru > label{\n    width: auto !important;\n    padding: 0 0 0 0 !important;\n    display: block !important;\n    float: none !important;\n    text-align: left !important;\n  } \n  #account-creation_form .form-group .form-control,\n  #opc_account_form .form-group .form-control,\n  #address .form-group .form-control,\n  #add_address .form-group .form-control,\n  #authentication .form-group .form-control,\n  #new_account_form .form-group .form-control,\n  #identity .form-group .form-control{\n    width: 90% !important;\n    max-width: none;\n  }*/\n\n  /* #address,\n  #add_address,\n  #identity,\n  #account-creation_form,\n  #new_account_form,\n  #opc_account_form{\n    #uniform-newsletter, #uniform-optin, #uniform-invoice_address, .submit, .submit2, span.form_info, p.inline-infos, span.inline-infos{\n      margin-left: 0 !important;\n      padding-left: 0 !important;\n      margin-right: 0 !important;\n      padding-right: 0 !important;\n    }\n  } */\n\n  .product-quantity{\n    .qty_wrap {\n      display: block;\n      width: 100%;\n      margin-right: 0;\n      margin-bottom: rem(6px);\n    }\n    .add {\n      display: block;\n    }\n    #quantity_wanted{\n      width: 100%;\n    }\n  }\n  .pro_cart_block .product-quantity{\n    width: 100%;\n  }\n\n  #order-detail-content {\n    #cart_summary {\n      td {\n        position: relative;\n        width: 100% !important;\n        float: left;\n        text-align: left;\n        white-space: normal;\n        &.cart_product {}\n        &.cart_description {}\n        &.cart_avail {\n          clear: both;\n        }\n        &.cart_unit {\n          .price {\n            text-align: left;\n          }\n        }\n        &.cart_quantity {\n          clear: both;\n        }\n        &.cart_total {}\n        &.cart_delete {\n          width: 100%;\n          clear: both;\n          text-align: right;\n          &:before {\n            display: inline-block;\n            padding-right: 0.5em;\n            position: relative;\n            top: -3px;\n          }\n        }\n      }\n    }\n  }\n  .delivery_options{\n    table{\n      td{\n        width: 100% !important;\n        text-align: left;\n        white-space: normal;\n      }\n    }\n  }\n  .resp_table{\n    //@include clearfix();\n    .resp_table:before, .resp_table:after {\n      content: \" \";\n      /* 1 */\n      display: table;\n      /* 2 */ }\n    .resp_table:after {\n      clear: both; }\n    //\n    // Ensure the content doesn't wrap\n    > thead,\n    > tbody,\n    > tfoot {\n      > tr {\n        > th,\n        > td {\n          white-space: nowrap;\n        }\n      }\n    }\n    td:before {\n      content: attr(data-title);\n      display: block;\n      font-weight: bold;\n      float: left;\n    }\n    td{\n      &.white_space_normal{\n        white-space: normal;\n      }\n      .mobile_table_content{\n        min-height: 16px;\n        margin-left: 130px;\n        text-align: left;\n        border-bottom: none;\n        white-space: normal;\n      }\n    }\n    thead tr {\n      position: absolute;\n      top: -9999px;\n      left: -9999px;\n    }\n    table, thead, tbody, th, td, tr {\n      display: block;\n    }\n    tr {\n      border-bottom: 1px solid #cccccc;\n      overflow: hidden;\n    }\n    &.table-bordered {\n      // Nuke the appropriate borders so that the parent can handle them\n      > thead,\n      > tbody,\n      > tfoot {\n        > tr {\n          > th,\n          > td {\n            border: none;\n            border-top: 1px solid #D6D4D4;\n          }\n        }\n      }\n    }\n  }\n\n  table#cart_summary_total{width: 100% !important; float: none;}\n  #cart_voucher{width: 100% !important; float: none;}\n  \n  .welcome.hidden_extra_small,\n  .my_account_link.top_bar_item{\n    display: none;\n  }\n\n  #footer{\n    #newsletter_block_left {\n      .newsletter-input {\n        width: 160px !important;\n        margin-bottom: 0;\n      }\n    }\n  }\n  //stbanner\n  .st_banner_block{\n    margin-bottom: 20px;\n    .st_banner_1 &{\n      text-align: center;\n    }\n  }\n  \n  //product page\n  .product_link_nav.with_preview a#product_link_nav_next .product_link_nav_preview{\n    right: 0;\n    left: auto;\n  }\n  #new_comment_form {\n    .product {\n      .product_name, .product_desc {\n        margin-left: 0!important;\n      }\n    }   \n  }\n  #product_comments_block_tab {\n    div.comment {\n      .comment_author { \n        padding-left: 0;\n        padding-right: 0; \n        margin-bottom: 6px;\n        .star_content {\n          display: inline-block;\n          vertical-align: top;\n        }\n        .comment_author_infos {\n          display: inline-block;\n          margin-left: 6px;\n          strong{\n            display: inline-block;\n          }\n        } \n      }\n      .comment_details{\n        padding-left: 0;\n        padding-right: 0;\n      }\n      .comment_actions{\n        padding-left: 0;\n        padding-right: 0;\n      }\n    }\n  }\n  \n  //\n  .owl-carousel-banner, .st_swiper_banner{\n    padding-top: 2em;\n  }\n  .carousel_banner_nbr_1 .st_owl_carousel_block, .st_swiper_banner_nbr_1 .swiper-slide{\n    width: 100%;\n  }\n  .carousel_banner_nbr_3 .st_owl_carousel_block, .st_swiper_banner_nbr_3 .swiper-slide{\n    float: left;\n    width: 33.333%;\n    padding-right: 1%;\n    padding-left: 1%;\n    &:first-child{\n      padding-right: 2%;\n      padding-left: 0;\n    }\n    &:last-child{\n      padding-right: 0;\n      padding-left: 2%;\n    }\n  }\n\n  .carousel_banner_nbr_2,\n  .carousel_banner_nbr_4,\n  .carousel_banner_nbr_5,\n  .carousel_banner_nbr_6{\n    .st_owl_carousel_block{\n      float: left;\n      width: 50%;\n      &:nth-child(odd){\n        padding-right: 2%;\n        clear: left;\n      }\n      &:nth-child(even){\n        padding-left: 2%;\n      }\n    }\n  }\n  .st_swiper_banner_nbr_2,\n  .st_swiper_banner_nbr_4,\n  .st_swiper_banner_nbr_5,\n  .st_swiper_banner_nbr_6{\n    .swiper-slide{\n      float: left;\n      width: 50%;\n      &:nth-child(odd){\n        padding-right: 2%;\n        clear: left;\n      }\n      &:nth-child(even){\n        padding-left: 2%;\n      }\n    }\n  }\n  //blog\n  .blog_row_list .blog_image{float: none!important;}\n  .blog_row_list .s_title_block, .blog_row_list .blok_blog_short_content, .blog_row_list .blog_info{margin-left: 0!important;margin-right: 0!important;}\n\n  .st_blog_comment_list .comment_child{padding-left:20px;}\n\n  //\n  #cmsinfo_block {\n    border: none;\n    margin-top: 10px;\n    > div {\n      padding-top: 20px;\n    }\n  }\n  table.table-product-discounts{\n    width: 100%;                                    \n  } \n  #stores {\n    .address-input {\n      width: 100%;\n      margin: 0 0 20px 0;\n    }\n    #stores-table {\n      tbody {\n        td {\n          &.name {\n            img {display: none;}\n          }\n        }\n      }\n    }\n  }\n  #opc_account_choice .col-xs-12:first-child{\n    margin-bottom: 2em;\n  }\n  //\n  /* .st_news_letter_popup {\n    .st_news_letter_box{\n      padding-left: 5%!important;\n      padding-left: 5%!important;\n    }\n  } */\n  //\n  .easyzoom.disable_easyzoom_on_mobile .easyzoom-flyout{\n    display: none;\n  }\n  .easyzoom.is-ready.disable_easyzoom_on_mobile img{\n    cursor: default;\n  }\n  .parallax_video_wrap{\n    .parallax_video_play{\n      right: 1%;\n      bottom: 1%;\n    }\n  }\n  .easycontent_s13{\n    .easycontent_s13_left, .easycontent_s13_right{\n      text-align: center;\n    }\n  }\n  .box-cart-bottom #quantity_wanted_p{\n    display: block;\n    padding-right: 0;\n    padding-bottom: 8px;\n  }\n  .quantity_input_wrap, .cart_quantity_button,.s_quantity_input_wrap{\n    display: block;\n    width: 100%;\n    padding: 0 33px;\n  }\n  .s_quantity_input_wrap{\n    padding: 0 33px;\n  }\n  /* why? this make quantity input lower that +-buttons\n  #quantity_wanted_p input, .cart_quantity .cart_quantity_input,.s_quantity_wanted input {\n    width: 100%;\n    height: 33px;\n    padding: 0 2px;\n    line-height: 26px;\n  } */\n  .itemlist_right .s_quantity_wanted{\n    display: inline-block;\n    margin-bottom: 0;\n  }\n  .s_quantity_wanted input{\n    width: 32px;\n  }\n  .product_quantity_up, .product_quantity_down, .cart_quantity_up, .cart_quantity_down,.s_product_quantity_up,.s_product_quantity_down {\n     height: 33px;\n     line-height: 31px;\n     width: 33px;\n     font-size: 1.3em;\n  }\n  .product_quantity_up, .cart_quantity_up,.s_product_quantity_up{\n    border-bottom-width: 1px;\n  }\n  .product_quantity_down, .cart_quantity_down,.s_product_quantity_down{\n    left:0;\n    top: 0;\n    right: auto;\n    border-left-width: 1px;\n    border-right-width: 0;\n  }\n  .box-cart-bottom{\n    #add_to_cart_wrap{\n      display: block;\n    }\n  }\n  .box-info-product .exclusive{\n    width: 100%;\n  }\n  .pb-center-column {\n    #buy_block {\n      label {\n          display: block;\n          width: auto;\n          margin-bottom: 3px;\n      }\n    }\n  }\n  #attributes{\n    .attribute_list {\n      display: block;\n      .form-control {\n        max-width: none;\n        width: 100%;\n      }\n    }\n  }\n  .product_list.list{\n    .blog_lr{\n      .pro_first_box{\n        float: none;\n        // width: auto!important;\n      }\n      .pro_second_box{\n        margin-left: 0;\n      }\n    }\n    .ajax_block_product{\n      -webkit-box-shadow: none!important; \n      -moz-box-shadow: none!important;\n      box-shadow: none!important;\n      &:hover{\n        -webkit-box-shadow: none!important; \n        -moz-box-shadow: none!important;\n        box-shadow: none!important;\n      }\n      .pro_first_box{\n        // width: auto!important;\n        float: none;\n      }\n      .pro_second_box{\n        margin-left: 0!important;\n      }\n    }\n  }\n\n  .product_list.grid, .products_sldier_swiper {\n    .blog_lr{\n        .pro_first_box{\n          float: none;\n          margin-bottom: 10px;\n        }\n        .pro_second_box{\n          margin-left: 0;   \n        }\n    }\n  }\n  \n  #blockcart-modal {\n    .modal-dialog {\n      width: 80%;\n      margin-right: auto;\n      margin-left: auto;\n    }\n  }\n  .page-order-confirmation #order-items{\n    margin-bottom: 1.5rem;\n  }\n}\n//end <768\n//\n//>480 <768\n@media only screen and (min-width: $st-screen-sm) and (max-width: $st-screen-sm-max) {   \n  .product_list.grid {\n    .product_list_item {\n      &.first-item-of-mobile-line {\n        clear: both;\n      }\n      &.first-mobile-line {\n        border-top: none;\n        padding-top: 0;\n      }\n    }\n  }\n  \n  .pro_itemlist {\n    .ajax_block_product {\n      &.first-item-of-mobile-line {\n        clear: both;\n      }\n      &.first-mobile-line {\n        border-top: none;\n      }\n    }\n  }\n  .subcate_grid_view, .com_grid_view, .pro_itemlist, .blog_row_list, .blog_list_grid{\n    .first-item-of-mobile-line{\n      clear: both;\n    } \n  }\n}\n//end >480 <768\n//\n//<480\n@media only screen and (max-width: $st-screen-sm) {\n  //structure\n  .table th, .table td{\n    padding: 4px;\n  }\n  \n  .order-line .qty{\n    margin-top: 10px;\n  }\n  //header\n  /* .nav{\n    #nav_left,\n    #nav_right{\n      float: none;\n      text-align: center;\n      display: block;\n      .top_bar_item{\n        float: none;\n      }\n    }\n  }\n  .top_bar_item{\n    .nav.vertical-s &, .nav.horizontal-s-fullheight &, .nav.horizontal-s &{\n      &:before{\n        display: none;\n      }\n    }\n  }\n  #nav_left, #nav_right{\n    .stsocial_list_topbar{\n      float: none;\n    }\n  } */\n  //categories page\n  .product_list.grid {\n    .product_list_item {\n      &.first-item-of-portrait-line {\n        clear: both;\n      }\n      &.first-portrait-line {\n        border-top: none;\n        padding-top: 0;\n      }\n    }\n  }\n\n  .pro_itemlist {\n    .ajax_block_product {\n      &.first-item-of-portrait-line {\n        clear: both;\n      }\n      &.first-portrait-line {\n        border-top: none;\n      }\n    }\n  }\n      \n  .subcate_grid_view, .com_grid_view, .pro_itemlist, .blog_row_list, .blog_list_grid{\n    .first-item-of-portrait-line{\n      clear: both;\n    }\n  }\n\n  .content_sortPagiBar {\n    .display,\n    .display_m{\n      display: none;\n    }\n    .sortPagiBar {\n      #productsSortForm{\n        display: none;\n      }\n    }\n  }\n  //\n  .carousel_banner_nbr_3 .st_owl_carousel_block{\n    float: none;\n    width: 100%;\n    padding-right: 0;\n    padding-left: 0;\n    &:first-child, &:last-child{\n      padding-right: 0;\n      padding-left: 0;\n    }\n  }\n\n  .carousel_banner_nbr_2,\n  .carousel_banner_nbr_4,\n  .carousel_banner_nbr_5,\n  .carousel_banner_nbr_6{\n    .st_owl_carousel_block{\n      float: none;\n      width: 100%;\n      &:nth-child(odd), &:nth-child(even){\n        padding-left: 0;\n        padding-right: 0;\n      }\n    }\n  }\n\n  .st_swiper_banner_nbr_3 .swiper-slide{\n    float: none;\n    width: 100%;\n    padding-right: 0;\n    padding-left: 0;\n    &:first-child, &:last-child{\n      padding-right: 0;\n      padding-left: 0;\n    }\n  }\n  .st_swiper_banner_nbr_2,\n  .st_swiper_banner_nbr_4,\n  .st_swiper_banner_nbr_5,\n  .st_swiper_banner_nbr_6{\n    .swiper-slide{\n      float: none;\n      width: 100%;\n      &:nth-child(odd), &:nth-child(even){\n        padding-left: 0;\n        padding-right: 0;\n      }\n    }\n  }\n\n  .layer_box{\n    width: 280px;\n    margin-left: -140px;\n    .button-container{\n      .col-xxs-12:first-child{\n        margin-bottom: 10px;\n      }\n    }\n  }\n  \n\n  .st_blog_comment_list .comment_child{\n    padding-left: 10px;\n  }\n  #cmsinfo_block {\n    > div {\n        width: 100%;\n        border-top: 1px solid $base-border-color;\n    }\n  }\n  #footer {\n    #newsletter_block_left {\n      .newsletter-input {\n        width: 110px !important;\n      }\n    }\n  }\n  /* .st_news_letter_popup {\n    width: 260px!important;\n  } */\n  .cart_navigation {\n    text-align: center;\n    .button-medium, .pull-right, .pull-left{\n      float: none!important;\n      margin-bottom: 6px;\n    }\n  }\n  //sidebar may change the width\n  /* .st-menu{\n    width: 250px!important;\n  }\n\n  .st-effect-0.open_bar_right {\n    .st-pusher {\n      -webkit-transform: translate3d(-250px, 0, 0)!important;\n      transform: translate3d(-250px, 0, 0)!important;\n    }\n  }\n\n  .st-effect-0.open_bar_left{\n    .st-pusher {\n      -webkit-transform: translate3d(250px, 0, 0)!important;\n      transform: translate3d(250px, 0, 0)!important;\n      .is_rtl &{\n        -webkit-transform: translate3d(-250px, 0, 0)!important;\n        transform: translate3d(-250px, 0, 0)!important;\n      }\n    }\n  } */\n}\n//end <480\n\n\n// WEBPACK FOOTER //\n// webpack:///css/responsive.scss"],"sourceRoot":""}