@media only screen and (max-width: 767px) {
  .mhide {
    display: none; }

  .desktop_hide {
    display: block; }

  /*--------------------------------------------------------------
  # Buttons & Forms
  --------------------------------------------------------------*/
  .button,
  .button:visited,
  button,
  button:visited,
  input[type="button"],
  input[type="button"]:visited,
  input[type="reset"],
  input[type="reset"]:visited,
  input[type="submit"],
  input[type="submit"]:visited {
    height: auto;
    line-height: 1.2em;
    padding: 15px 20px;
    display: inline-block;
    width: auto; }
    .button.small,
    .button:visited.small,
    button.small,
    button:visited.small,
    input[type="button"].small,
    input[type="button"]:visited.small,
    input[type="reset"].small,
    input[type="reset"]:visited.small,
    input[type="submit"].small,
    input[type="submit"]:visited.small {
      height: 40px;
      font-size: 15px;
      height: auto;
      line-height: 1.4em;
      padding: 5px 10px; }
    .button svg.fixed,
    .button:visited svg.fixed,
    button svg.fixed,
    button:visited svg.fixed,
    input[type="button"] svg.fixed,
    input[type="button"]:visited svg.fixed,
    input[type="reset"] svg.fixed,
    input[type="reset"]:visited svg.fixed,
    input[type="submit"] svg.fixed,
    input[type="submit"]:visited svg.fixed {
      top: calc(50% - 17px); }

  input[type="text"],
  input[type="email"],
  input[type="url"],
  input[type="password"],
  input[type="search"],
  input[type="number"],
  input[type="tel"],
  input[type="range"],
  input[type="date"],
  input[type="month"],
  input[type="week"],
  input[type="time"],
  input[type="datetime"],
  input[type="datetime-local"],
  input[type="color"],
  textarea,
  select {
    height: 45px; }

  /*--------------------------------------------------------------
  # Header
  --------------------------------------------------------------*/
  .header {
    padding: 0;
    margin: 0; }
    .header .col {
      height: auto; }
    .header .col_main {
      height: 60px !important; }
    .header .col_logo {
      width: 150px; }
    .header .logo img {
      max-height: 35px;
      max-width: 150px;
      width: auto;
      height: auto; }
    .header ul.header-cart {
      max-height: 60px; }
      .header ul.header-cart li {
        list-style: none;
        display: inline-block;
        padding: 0 7px;
        position: relative; }
        .header ul.header-cart li:last-child {
          padding-right: 0; }
        .header ul.header-cart li a {
          display: inline-block;
          text-decoration: none;
          position: relative; }
        .header ul.header-cart li svg {
          width: 20px;
          height: 20px;
          margin-top: 5px; }

  .search__bar {
    padding: 10px 10px;
    height: 60px; }
    .search__bar .col:nth-child(2) {
      width: 120px; }
    .search__bar input[type="text"],
    .search__bar input[type="submit"] {
      height: 41px;
      line-height: 40px;
      padding: 0 10px; }

  .fixed .alert-box,
  .fixed #element-breadcrumbs,
  .fixed .nobread {
    margin-top: 60px; }

  .shopping-cart {
    right: -20px; }

  /*--------------------------------------------------------------
  ## section__full_bg
  --------------------------------------------------------------*/
  .section__full_bg {
    background: #00C2E5;
    width: 100%;
    padding: 80px 0; }
    .section__full_bg .contentWrap {
      padding: 20px; }

  .contact_form .row,
  .contact_form .col {
    display: inline-block;
    width: 100%; }

  .swiper-container.swiper-hero {
    height: 600px; }

  /*--------------------------------------------------------------
  # Swiper Slider
  --------------------------------------------------------------*/
  .swiper-container .swiper-button-next {
    right: 20px !important;
    font-size: 10px !important;
    width: 20px !important;
    height: 20px !important; }
  .swiper-container .swiper-button-next:after,
  .swiper-container .swiper-button-prev:after {
    font-size: 10px !important;
    width: 20px !important;
    height: 20px !important;
    line-height: 16px !important;
    font-weight: 800 !important; }
  .swiper-container .swiper-button-prev {
    left: 20px !important;
    width: 20px !important;
    height: 20px !important; }

  /*--------------------------------------------------------------
  ## Product List
  --------------------------------------------------------------*/
  .prodList {
    grid-template-columns: calc(50% - 11px) calc(50% - 11px); }
    .prodList .prodCol .image {
      height: 180px; }
      .prodList .prodCol .image img {
        max-height: 180px; }

  /*--------------------------------------------------------------
  # Cookie Switch
  --------------------------------------------------------------*/
  .cookieSwitch .row,
  .cookieSwitch .col {
    display: inline-block;
    width: 100%; }
  .cookieSwitch .alignRight {
    text-align: left; }
  .cookieSwitch h2 {
    font-size: 15px;
    padding-bottom: 10px; }
  .cookieSwitch ul {
    margin: 0;
    padding: 0; }
    .cookieSwitch ul li {
      list-style: none;
      display: inline-block;
      margin-left: 0;
      width: 50%; }
      .cookieSwitch ul li .button {
        width: 100%;
        padding: 10px 5px;
        height: auto;
        line-height: 1em; }
      .cookieSwitch ul li:nth-child(1) {
        padding-right: 5px; }
      .cookieSwitch ul li:nth-child(2) {
        padding-left: 5px; }

  .cookieSwitch,
  #eu_cookie_dialogue {
    font-size: 12px; }
    .cookieSwitch .row,
    .cookieSwitch .col,
    #eu_cookie_dialogue .row,
    #eu_cookie_dialogue .col {
      display: block;
      text-align: center; }
    .cookieSwitch .button,
    #eu_cookie_dialogue .button {
      margin-top: 10px; }

  /*--------------------------------------------------------------
  # Home Popular Slider
  --------------------------------------------------------------*/
  .swiper-popular .row,
  .swiper-popular .col {
    display: inline-block;
    width: 100%; }
  .swiper-popular .row {
    display: table; }
  .swiper-popular .col_body {
    display: table-footer-group;
    height: 100%; }
  .swiper-popular .col_image {
    display: table-header-group;
    height: 100%;
    background-color: #fff; }

  .category_list h3 {
    padding-top: calc(50% - 10px);
    font-size: 20px;
    line-height: 20px; }

  /*--------------------------------------------------------------
  ## section__feat_grid
  --------------------------------------------------------------*/
  .section__feat_grid .content {
    padding: 40px 40px;
    max-width: 100%;
    margin: 0 auto;
    display: inline-block; }

  /*--------------------------------------------------------------
  ## section__feat_product
  --------------------------------------------------------------*/
  .section__feat_product .col_main {
    display: block;
    width: 100%; }
  .section__feat_product .col_main:nth-child(1) {
    padding-right: 0; }
  .section__feat_product .col_main:nth-child(2) {
    padding-left: 0; }

  .prod_description {
    margin-top: 60px; }

  .prod_options {
    margin-bottom: 20px;
    display: inline-block;
    width: 100%; }
    .prod_options .row,
    .prod_options .col {
      display: inline-block;
      width: 100%;
      margin: 0; }
    .prod_options .radio {
      width: 100%; }

  .div_inputs .row,
  .div_inputs .col,
  .div_inputs .div_inputs_rating {
    display: inline-block;
    width: 100%; }
  .div_inputs .col_input div {
    width: 100%; }
    .div_inputs .col_input div label {
      margin-left: 0; }
  .div_inputs .col_input input[type="text"] {
    width: 100%; }

  .div_inputs_rating.row {
    display: inline-block;
    width: 100%;
    margin: 5px 0 10px 0; }
  .div_inputs_rating .col {
    width: 100%;
    display: inline-block; }

  .col_label {
    padding: 5px 0 5px 0;
    width: 100%;
    display: block; }

  .section__reviews .commentItem blockquote {
    padding: 10px 0 0 0;
    max-width: 100%; }
  .section__reviews .top__bar .row,
  .section__reviews .top__bar .col {
    display: inline-block;
    width: 100%;
    text-align: center; }

  /*--------------------------------------------------------------
  # Swiper Slider
  --------------------------------------------------------------*/
  /*--------------------------------------------------------------
  # Tabs
  --------------------------------------------------------------*/
  /* Style the tab */
  .product-single .tabWrap {
    margin: 60px 0 0 0; }

  .tab {
    border-top: 1px solid #eee; }

  .tab button {
    width: 100%;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee; }

  /*--------------------------------------------------------------
  # Checkout Form
  --------------------------------------------------------------*/
  .checkout-progress-wrapper {
    margin: 0 0 0 0; }
    .checkout-progress-wrapper li {
      font-size: 12px; }

  .checkoutForm .itemsTable {
    padding: 0 0 20px 0; }
    .checkoutForm .itemsTable .row_head {
      display: none; }
    .checkoutForm .itemsTable .col_image {
      width: 150px; }
    .checkoutForm .itemsTable .col_qty {
      width: 120px;
      text-align: center; }
      .checkoutForm .itemsTable .col_qty .quan {
        margin: 0 15px; }
    .checkoutForm .itemsTable .col_price {
      width: 100%;
      text-align: center; }
    .checkoutForm .itemsTable .col_buttons {
      width: 100%; }
      .checkoutForm .itemsTable .col_buttons a {
        margin: 5px 20px;
        display: block; }
    .checkoutForm .itemsTable .row_items {
      border: 1px solid #DCDCDC;
      display: inline-block;
      width: 100%;
      text-align: center;
      padding: 10px;
      border-radius: 4px; }
      .checkoutForm .itemsTable .row_items .col {
        display: inline-block;
        width: 100%;
        padding: 5px 0; }
    .checkoutForm .itemsTable .col_misc,
    .checkoutForm .itemsTable .col_action,
    .checkoutForm .itemsTable .col_price {
      width: 50% !important;
      text-align: center;
      float: left !important; }
    .checkoutForm .itemsTable .col_misc a {
      margin: 18px 0 0 0;
      position: relative;
      display: inline-block; }
  .checkoutForm .subTotal {
    border: 1px solid #DCDCDC;
    border-left: none;
    border-bottom: none; }
    .checkoutForm .subTotal .col {
      padding-top: 10px;
      padding-bottom: 10px;
      border-left: 1px solid #DCDCDC;
      border-bottom: 1px solid #DCDCDC; }
    .checkoutForm .subTotal .col:nth-child(odd) {
      padding: 0 20px; }
    .checkoutForm .subTotal .col_price {
      padding-right: 0;
      width: 100% !important; }
    .checkoutForm .subTotal.nopd .col_price {
      padding-right: 20px; }

  .column_two {
    display: inline-block;
    width: 100%; }
    .column_two .colmn {
      display: inline-block;
      float: left; }
      .column_two .colmn.left {
        width: 100%; }
      .column_two .colmn.right {
        width: 100%; }

  .couponadd {
    padding: 20px 0 10px 0; }
    .couponadd .button {
      margin-left: 10px;
      width: calc(50% - 10px);
      height: 40px; }
    .couponadd input {
      width: 50%;
      height: 40px; }

  .estimateShipping {
    width: 100%; }
    .estimateShipping .row,
    .estimateShipping .col {
      width: 100%;
      display: block; }

  .estimateShippingToggle {
    padding: 20px 10px 10px 10px;
    margin-right: 0;
    width: 100%; }
    .estimateShippingToggle .button {
      margin-top: 20px; }

  .bttnSpacing a,
  .bttnSpacing button {
    width: 100%;
    margin: 15px 0 !important; }

  .standard_inputs .col_left {
    padding-right: 0;
    display: inline-block;
    width: 100%; }
  .standard_inputs .col_right {
    padding-left: 0;
    display: inline-block;
    width: 100%; }
  .standard_inputs .row {
    margin: 5px 0;
    display: inline-block;
    width: 100%; }
    .standard_inputs .row .col {
      display: inline-block;
      width: 100%; }
  .standard_inputs.equal_input_padding .row .col:nth-child(odd) {
    padding-right: 0; }
  .standard_inputs.equal_input_padding .row .col:nth-child(even) {
    padding-left: 0; }

  .terms {
    padding: 10px 10px; }
    .terms .row {
      padding: 0;
      display: inline-block;
      width: 100%; }

  .paymentMethods {
    padding: 0 0 0 0; }

  /*--------------------------------------------------------------
  ## Account list
  --------------------------------------------------------------*/
  .accountList li {
    width: 50%; }
  .accountList svg {
    font-size: 30px; }
  .accountList a {
    padding: 40px 20px;
    font-size: 15px;
    line-height: 1.4em;
    min-height: 170px; }

  /*--------------------------------------------------------------
  ## Address List
  --------------------------------------------------------------*/
  .addressList {
    display: grid;
    grid-template-columns: 100%;
    grid-gap: 40px 0;
    margin: 25px 0; }
    .addressList .listItem {
      padding: 20px 20px; }

  .search_inputs .row,
  .search_inputs .col {
    width: 100%;
    display: inline-block; }
  .search_inputs .row {
    margin: 10px 0; }
  .search_inputs .sixty {
    width: 100%; }

  .bttnSpacing_ft button {
    margin-top: 7px;
    margin-bottom: 7px; }

  /*--------------------------------------------------------------
  # Footer
  --------------------------------------------------------------*/
  .footer .col_main {
    display: block;
    margin: 0 0 40px 0;
    padding-right: 0; }
    .footer .col_main:last-child {
      padding-right: inherit; }

  .footer_bottom__bar .col {
    display: block;
    width: 100%;
    text-align: center; } }
/* End Mobile */
@media only screen and (max-width: 1000px) {
  /* Mobile Menu : Start */
  .desktop_hide {
    display: block; }

  .mobile-nav {
    position: relative;
    z-index: 9999;
    display: block;
    float: right;
    margin: 20px 0 20px 10px;
    width: 30px;
    height: 30px;
    -webkit-transition: background-color .3s;
    -moz-transition: background-color .3s;
    transition: background-color .3s;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    box-shadow: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; }

  .mobile-nav.is-fixed {
    -webkit-transition: -webkit-transform .3s;
    -moz-transition: -moz-transform .3s;
    transition: transform .3s; }

  .mobile-nav.menu-is-open {
    top: 0;
    right: 0;
    visibility: hidden; }

  .main-menu-trigger .cd-menu-text {
    font-weight: 700;
    display: none;
    text-transform: uppercase;
    color: white; }

  .main-menu-trigger .cd-menu-icon {
    position: absolute;
    top: 50%;
    right: auto;
    bottom: auto;
    left: 50%;
    display: inline-block;
    width: 30px;
    height: 4px;
    -webkit-transition: background-color .3s;
    -moz-transition: background-color .3s;
    transition: background-color .3s;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background-color: #000; }

  .main-menu-trigger .cd-menu-icon::before,
  .main-menu-trigger .cd-menu-icon:after {
    position: absolute;
    width: 100%;
    height: 100%;
    content: '';
    -webkit-transition: -webkit-transform .3s, top .3s, background-color 0s;
    -moz-transition: -moz-transform .3s, top .3s, background-color 0s;
    transition: transform .3s, top .3s, background-color 0s;
    background-color: #000; }

  .main-menu-trigger .cd-menu-icon::before {
    top: -10px; }

  .main-menu-trigger .cd-menu-icon::after {
    top: 10px; }

  .main-menu-trigger .cd-menu-icon.is-clicked {
    background-color: rgba(255, 255, 255, 0); }

  .main-menu-trigger .cd-menu-icon.is-clicked::before,
  .main-menu-trigger .cd-menu-icon.is-clicked::after {
    background-color: white; }

  .main-menu-trigger .cd-menu-icon.is-clicked::before {
    top: 0;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
    background-color: #000; }

  .main-menu-trigger .cd-menu-icon.is-clicked::after {
    top: 0;
    -webkit-transform: rotate(225deg);
    -moz-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    -o-transform: rotate(225deg);
    transform: rotate(225deg);
    background-color: #000; }

  .main-menu-trigger {
    cursor: pointer;
    display: inline-block;
    position: relative;
    border: none;
    width: 30px;
    height: 30px;
    background-color: transparent; }

  .main-menu-trigger .cd-menu-text {
    display: inline-block; }

  .main-menu-trigger .cd-menu-icon {
    right: 0;
    left: 0;
    -webkit-transform: translateX(0) translateY(-50%);
    -moz-transform: translateX(0) translateY(-50%);
    -ms-transform: translateX(0) translateY(-50%);
    -o-transform: translateX(0) translateY(-50%);
    transform: translateX(0) translateY(-50%); }

  ul.primary-menu {
    margin: 0; }

  .primary-menu {
    box-shadow: 0 0px 20px 0 rgba(0, 0, 0, 0.1);
    position: fixed;
    z-index: 300;
    top: 0;
    left: 0;
    overflow: auto;
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    -webkit-transition-duration: .4s;
    -moz-transition-duration: .4s;
    transition-duration: .4s;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transform: translateX(calc(100% + 20px));
    -moz-transform: translateX(calc(100% + 20px));
    -ms-transform: translateX(calc(100% + 20px));
    -o-transform: translateX(calc(100% + 20px));
    transform: translateX(calc(100% + 20px));
    background: white;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-overflow-scrolling: touch; }

  .primary-menu li {
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    position: relative;
    width: 350px; }

  .primary-menu a {
    position: relative;
    text-decoration: none;
    display: block;
    margin: 0;
    padding: 15px 20px;
    text-align: center;
    -webkit-transition: background .2s;
    -moz-transition: background .2s;
    transition: background .2s;
    text-align: left;
    color: black !important; }

  .primary-menu a:active,
  .primary-menu a:hover {
    background: #fff;
    color: black !important; }

  .no-touch .primary-menu a:hover {
    background-color: #fff; }

  .primary-menu.is-visible {
    -webkit-transform: translateX(calc(100% - 350px));
    -moz-transform: translateX(calc(100% - 350px));
    -ms-transform: translateX(calc(100% - 350px));
    -o-transform: translateX(calc(100% - 350px));
    transform: translateX(calc(100% - 350px)); }

  .sub-menu {
    display: none; }

  ul.sub-menu {
    margin: 0;
    padding: 0; }

  .sub-menu li a {
    background: rgba(0, 0, 0, 0.05);
    color: black !important; }

  a.parent:after {
    position: absolute;
    width: 10px;
    height: 10px;
    content: '';
    background: transparent;
    right: 20px;
    top: calc(50% - 7.5px);
    border: solid rgba(0, 0, 0, 0.2);
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    /* Mobile Menu : End */ } }
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .bttnSpacing_ft button {
    margin-top: 7px;
    margin-bottom: 7px; }

  .cookieSwitch,
  #eu_cookie_dialogue {
    font-size: 14px; }

  .standard_menu .header ul.primary-menu a {
    font-size: 14px;
    padding-left: 10px;
    padding-right: 10px; } }