@font-face {
    font-family: Slate;
    src: url('../fonts/Slate/SlateLightCn.TTF');
    font-weight: 400;
    font-style: normal;
}

/* #top-bar .col-sm-3{
    width: 100%;
    text-align: center;
}

#top-bar #top-bar-right{
    display: none;
}


#top-bar .welcome-text{
    text-transform: uppercase;
}

.logo-img img{
    max-width: 160px !important;
}

.megamenu{
    text-align: center;
}

.megamenu li:not(:nth-child(1)){
    display: inline-block;
    float: none !important;
}

.megamenu li strong{
    font-weight: 500 !important;
    font-size: 13px !important;
}

.megamenu input{
    display: none !important;
}

#top .pattern>.container{
    padding-bottom: 13px;
    padding-top: 20px;
} */


.full-width-content{
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
}

  /* Test Ryan */
  /*General Styling*/
  .standard-body .fixed .container{
    margin: 0 auto;
  }

  /* overflow */
  .home .standard-body{
      overflow: hidden !important;
  }
  .information-information .standard-body{
      overflow-x: hidden !important;
  }
  .blog-category-home .standard-body{
      overflow-x: hidden !important;
  }
  .blog-article .standard-body{
      overflow-x: hidden !important;
  }
  .product-category .standard-body{
      overflow-x: hidden !important;
  }
  .product-manufacturer-info .standard-body{
      overflow-x: hidden !important;
  }
  .product-product .standard-body{
      overflow-x: hidden !important;
  }
  .blog-category .hide_blog{
    display: none;
  }

  /*fonts*/

  body{
    font-family: 'Poppins', sans-serif !important;
  }
  h1, h2, h3, h4 {
    font-family: 'Poppins', sans-serif;
  }
  h1 {
    font-size: 40px;
    line-height: 1.35;
  }
  h2 {
    font-size: 32px !important;
    line-height: 1.7;
  }
  h3 {
    font-size: 24px !important;
    line-height: 1.35;
  }
  h4 {
    font-size: 20px;
    line-height: 1.35;
  }
  p{
    font-weight: normal;
    font-size: 14px;
    line-height: 1.7;
    font-family: 'Poppins', sans-serif;
  }



  /* MEGA MENU
  .megamenu a.clearfix:before{
      display: none !important;
  }
  ul.megamenu li a strong {
      font-family: 'Poppins', sans-serif !important;
      font-size: 13px !important;
      font-weight: 500 !important;
  }
  .megamenu .with-sub-menu>a strong:after {
      content: "\f0d7";
      font-family: "font awesome 5 free",FontAwesome;
      font-size: 12px;
      margin-left: 5px;
  }
  ul.megamenu li .sub-menu .content {
      border-color: #dbdbdb !important;
  }
  .megamenu li.with-sub-menu ul {
      padding-left: 0;
      list-style: none;
  }
  .megamenu li.with-sub-menu ul {
      padding-left: 0;
      list-style: none;
  }
  ul.megamenu li .sub-menu .content a {
      margin-bottom: 15px;
  }
  .megamenu .sub-menu ul li a {
      line-height: 30px;
      font-size: 13px;
      font-weight: 500;
      text-align: left;
      color: var(--black);
  }
  .megamenu .sub-menu ul li a:hover{
      color: #6f0699 !important;
      text-decoration: underline;
  }
  ul.megamenu > li > a.active, ul.megamenu > li > a:hover, ul.megamenu > li.active > a {
      color: #6f0699 !important;
  }
  */

  /* cart icon top
  #top #cart_block .cart-heading img {
      margin-top: 8px;
  }
  #top #cart_block .cart-heading span {
      padding: 5px 0 0 0px;
      font-family: Poppins !important;
      font-size: 12px !important;
      font-weight: 600 !important;
  }
  */

div.pagination {
    display: block;
}


  /* HOMEPAGE */
  .home .main-content.fixed.home .background .pattern .container{
      padding-bottom:0;
  }
  .caption.lfl.tp-caption.start {
      top: 212px !important;
      left: 76px !important;
  }
  .slider-1 .caption h1{
      font-family: Poppins;
      font-size: 64px;
      font-weight: bold;
      line-height: 1.05;
      letter-spacing: 1.28px;
      text-align: left;
      color: #bb5cf2;
      text-transform: uppercase;
  }
  .slider-1 .caption h1 span{
      color: black;
      -webkit-text-stroke: 1.5px #ffffff;
  }
  .slider-1 .caption p{
      font-family: Poppins;
      font-size: 14px;
      line-height: 1.71;
      text-align: left;
      color: #ffffff;
      margin-bottom: 45px;
      margin-top: 23px;
  }
  .slider-1 .caption a{
      font-family: Poppins;
      font-size: 15px;
      font-weight: 600;
      line-height: 1.53;
      letter-spacing: 1.5px;
      text-align: center;
      color: #ffffff;
      background-color: #62af31;
      padding: 14px 31px;
  }
  .slider-1 .caption a:hover{
      background: #bb5cf2;
      transition: 0.3s all ease;
      cursor: pointer;
  }

  /* section 1 */
  .slidemodule1{
      overflow-x: hidden !important;
  }
  .slidemodule1 img{
      width: 100%;
  }

  .slidemodule1 .col-sm-4{

      padding-right: 0px;
      padding-left: 3px;
  }
  .slidemodule1 .col-sm-4 a img:hover{
      opacity: 0.8;
      transition: 0.6s all ease;
  }

  /* section 2 */
  .home-about-section{
      padding-top: 80px;
      padding-bottom: 80px;
  }
  .about-home{
      display: flex;
      align-items: center;
  }
  .col-sm-6.col-xs-12.desc-about-home{
      padding-left: 100px;
  }
  .home-about-section h1{
      font-size: 40px;
      font-weight: bold;
      letter-spacing: 4px;
      text-align: left;
      color: var(--black);
  }
  .home-about-section p{
      font-size: 14px;
      line-height: 1.71;
      text-align: left;
      color: #58595a;
      margin-bottom: 30px;
  }
  .home-about-section p a{
      font-family: Poppins;
      font-size: 15px;
      font-weight: 600;
      line-height: 1.53;
      letter-spacing: 1.5px;
      text-align: center;
      color: #ffffff;
      background-color: #62af31;
      padding: 14px 31px;
  }
  .home-about-section p a:hover {
      background: #bb5cf2;
      transition: 0.3s all ease;
      cursor: pointer;
  }

  /* featured product slider */
  /* arrow next prev*/
  .box.filter-product .slider-center-arrow .filter-product{
      padding: 20px 45px !important;
  }
  .box.filter-product .slider-center-arrow .prev span:before {
      display: none;
  }
  .box.filter-product .slider-center-arrow .next span:before {
      display: none;
  }
  .box.filter-product .slider-center-arrow .prev span {
      background: url(https://eseed.o2o.my/templates/titanium/image/data/theme/icons/arrow-left_101120131432.png) no-repeat;
  }
  .box.filter-product .slider-center-arrow .prev span:hover {
      -webkit-transform: translateX(-10px);
      transform: translateX(-10px);
  }
  .box.filter-product .slider-center-arrow .next span, .box.filter-product .slider-center-arrow .prev span {
      width: 46px;
      height: 50px;
      margin: 0;
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
      -webkit-transition-duration: 0.1s;
      transition-duration: 0.1s;
      -webkit-transition-property: transform;
      transition-property: transform;
      -webkit-transition-timing-function: ease-out;
      transition-timing-function: ease-out;
  }
  .box.filter-product .slider-center-arrow .next span {
      background: url(https://eseed.o2o.my/templates/titanium/image/data/theme/icons/arrow-right_101120131432.png) no-repeat;
  }
  .box.filter-product .slider-center-arrow .next span:hover {
      -webkit-transform: translateX(10px);
      transform: translateX(10px);
  }
  /* end */

  .featured-products {
      text-align: center;
      padding-bottom: 80px;
  }
  .filter-product .box-heading {
      background: none;
      margin-bottom: 0;
      font-family: Poppins !important;
      font-size: 28px !important;
      font-weight: bold !important;
      line-height: 1.71;
      letter-spacing: 2.8px !important;
      color: var(--black) !important;
      text-transform: uppercase !important;
      text-align:center !important;
  }
  .owl-item .right .name a{
      font-family: Poppins;
      font-size: 14px;
      font-weight: 500;
      letter-spacing: 0.28px !important;
      text-align: center;
      color: #111c30;
  }
  .owl-item .right .price{
      font-family: Poppins !important;
      font-size: 14px !important;
      font-weight: 600 !important;
      color: #62af31 !important;
  }
  .box.filter-product .slider-center-arrow .prev span:before, .box.filter-product .slider-center-arrow .next span:before {
      color: black;
      opacity: 0.4;
      font-size: 50px;
      position: relative;
  }
  .box.filter-product .slider-center-arrow .prev, .box.filter-product .slider-center-arrow .next{
      background: white;
  }

  /* section 3 */
  .review-box {
      background: url(https://eseed.o2o.my/templates/titanium/image/data/theme/banners/titanium/home-review_091120155759.jpg) no-repeat;
      background-size: 100% auto;
      text-align: center;
      display: block;
      padding: 50px 0px;
  }
  .review-box tr, .review-box td {
      display: block;
      padding: 0 8%;
  }
  .review-box p {
      font-size: 20px;
      color: #fff;
  }
  .review-box .owl-carousel .owl-item img {
      width: 10%;
      display: inline-flex;
  }
  .review-box p:nth-child(2){
      font-size: 20px;
      line-height: 1.65;
      color: #ffffff;
  }
  .review-box p strong{
      font-size: 15px;
      font-weight: 500;
      letter-spacing: 0.3px;
      color: #b5b2ad;
      text-transform: uppercase !important;
  }


  /*Blog home*/
  .box.blogModule.boxPlain{
    padding-top: 0 !important;
  }
  .blogModule li {
      display: grid;
      background-color: #fff;
      padding-bottom: 25px;
      overflow: inherit;
  }
  .blogModule li:hover {
      box-shadow: 2px 2px 10px 0 rgba(38,50,55,0.12);
  }
  .boxPlain .box-content{
    border-top: transparent !important;
    padding: 9px 8px 50px !important;
  }
  .blogModule .image img {
      float: left;
      padding: 0 !important;
      border: none !important;
      background: none !important;
      margin-right: 0 !important;
      object-fit: cover;
      max-width: 100%;
      width: 100%;
      height: 100%;
      display: block;
  }
  .blogModule .title {
    font-size: 18px !important;
    font-weight: 500 !important;
    display: block;
    color: #263237;
    margin-bottom: 5px;
    font-family: 'Poppins', sans-serif;
    padding: 10px 20px 0;
  }
  a.readMoreBlog{
    padding: 0 20px;
    color: #62af31;
    padding: 0 20px;
  }
  .blogModule li a:hover{
    text-decoration: none !important;
  }
  .blogModule .info-date{
    font-size: 12px;
    font-family: 'Poppins', sans-serif;
    color: #465a64;
    padding: 20px 20px 0;
  }
  .boxPlain .box-heading{
    padding: 80px 8px 0 !important;
    border-bottom: transparent !important;
    text-align: center;
    font-size: 30px !important;
    font-weight: 500 !important;
  }
  .blogModule .info{
    display: none !important;
  }
  .blogModule p{
    padding: 0 20px 10px;
    color: #465a64 !important;
  }
  .blogModule ul{
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
  }
  .boxPlain {
    background-color: white;
  }
  .box.blogModule.boxPlain.full-width-content .box-heading span{
      font-family: Poppins;
      font-size: 28px;
      font-weight: bold;
      letter-spacing: 2.8px;
      text-align: center;
      color: var(--black);
  }

  /* new css */
  .home .blogModule .info-date {
      text-transform: uppercase;
  }
  .home .blogModule .title{
      text-transform: uppercase;
  }
  .home a.readMoreBlog {
      padding: 0 20px;
      padding: 0 20px;
      font-size: 15px;
      font-weight: 600;
      letter-spacing: 1.5px;
      color: #9d9d9d;
  }
  .home a.readMoreBlog:hover {
      color: #62af31;
  }
  /* HIDE CLUETIP WHEN HOVER TO BLOG TITLE */
  .cluetip-default {
    display: none !important;
  }


  /* home brand slider */
  .home-brand .box-heading {
      display: none;
  }





  /* .footer .container {
      margin-bottom: 8px;
      border-top: 1px solid #ffffff;
      opacity: 0.2;
      padding: 0 10px;
  } */

  /* newsletter subscribe box */
  /* .home-subscribebox {
      background-color: #0f0437;
      padding-top: 25px;
      padding-bottom: 25px;
      padding-left: 20px;
      padding-right: 20px;
  }
  .home-subscribebox h4 {
      text-align: center;
      margin-bottom: 20px;
      font-size: 20px;
      font-weight: 600;
      color: #ffffff;
      letter-spacing: 2px;
      text-transform: uppercase;
  }
  .ne_subscribe label {
      display: flex;
      justify-content: center;
  }
  .home-subscribebox input {
      width: 33%!important;
      background: #fff!important;
      height: 50px;
      border: none;
      padding-left: 20px;
  }
  .home-subscribebox input::placeholder{
      opacity: 0.6;
      font-family: Poppins;
      font-size: 14px;
      color: #3c4854;
  }
  .home-subscribebox .real-btn {
      text-align: center;
      height: 50px;
      background: #6f0699;
      border: 1px solid #6f0699;
      margin-top: 5px;
  }
  .home-subscribebox .real-btn span{
      font-family: Poppins;
      font-size: 15px;
      font-weight: 600;
      letter-spacing: 1.5px;
      text-align: center;
      color: #ffffff;
  }
  .full-width-content.home-subscribebox .container{
      padding-left: 50px;
      padding-right: 50px;
  }
  .full-width-content.home-subscribebox .container hr{
      opacity: 0.2;
      color: #ffffff;
  } */




  /*Subscribe*/
  .home-subscribebox {
    background-color: #ffc541;
  /*   border-top: solid 1px #eaeaea; */
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .home-subscribebox .subsc_txt {
    width: 100%;
    /*float: left;*/
    margin-top: 15px;
  }
  .home-subscribebox h4 {
      text-align: center;
      /* padding-left: 35px; */
      font-size: 16px;
      font-weight: 600;
      color: #000000;
  }

  .ne_subscribe{
      display:flex;
      justify-content: center;
      flex-wrap: wrap;
      flex-direction: column;
      align-items: center;
  }

  .ne_subscribe label {
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 30%;
  }

  .home-subscribebox input {
      padding: 0;
      width: 80%!important;
      background: 0 0!important;
      height: 45px;
      border:0 !important;
      border-bottom: thin solid #000 !important;
  }
  .home-subscribebox input::placeholder{
      opacity: 0.75;
      font-family: Poppins;
      font-size: 11px;
      color: #3c4854;
      /* padding-left: 20px; */
  }

  .home-subscribebox .real-btn {
      background: #ffc541 !important;

      margin-top: 5px;
      color: #000 !important;
      border: thin solid #000 !important;
      padding: 10px 38px 0;
      font-size: 11px !important;
      font-family: 'Poppins', sans-serif !important;
  }

  .home-subscribebox .real-btn:hover {
    color: #111c30 !important;
  }


  /* .home-subscribebox .real-btn:after{
    content: "\f054";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    color: #ffffff;
    margin-left: 15px;
  } */

  /* .home-subscribebox .real-btn:hover:after{
    color: #111c30;
  } */

  .home-subscribebox .box-content {
    position: relative;
  }
  .full-width-content.home-subscribebox .container hr{
      opacity: 0.2;
      color: #ffffff;
  }





  /* FOOTER */
  .insta1{
      background-image: url(https://www.haakaa.com.my/image/data/theme/haakaa/homepage/instagram/instagram1_020921102116.jpg);
  }
  .hover-zoom{
      height: 400px;
      overflow: hidden;
      display: flex;
      position: relative;
      align-items: center;
  }
  .hover-zoom-effect{
      transform-origin: 50% 65%;
      transition: all 4s cubic-bezier(0.39, 0.575, 0.565, 1);
      width: 100%;
      height: 100%;
      background-color: black;
      background-position: center;
      background-size: cover;
  }
  .hover-zoom:hover .hover-zoom-effect,
  .hover-zoom:focus .hover-zoom-effect{
      transform: scale(1.15);
  }
  .hover-zoom-effect::before {
      content: "";
      display: none;
      height: 100%;
      width: 100%;
      position: absolute;
      top: 0;
      left: 0;
      background-color: rgba(52, 73, 94, 0.75);
  }
  .hover-zoom:hover .hover-zoom-effect::before,
  .hover-zoom:focus .hover-zoom-effect::before {
      display: block;
  }
  .hover-zoom-effect .help {
      display: none;
      color: white !important;
      font-family: "Source Sans Pro", sans-serif;
      font-size: 15px;
      text-align: center;
      margin: auto;
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      cursor: pointer;
  }
  .hover-zoom:hover .help,
  .hover-zoom:focus .help {
      display: flex;
      justify-content: center;
      align-items: center;
  }
  /*.hover-zoom:hover .help::after{
      width:100%
  }
  .hover-zoom .help::after{
      transition: width 0.35s ease-out;
      content: "";
      display: block;
      position: absolute;
      left: 0;
      bottom: 0;
      width: 0;
  }*/
  .footer-panel:nth-child(3) li:nth-child(2), .footer-panel:nth-child(3) li:nth-child(7) {
      display: none;
  }
  .footer-panel:nth-child(4) li:nth-child(4) {
      display: none;
  }

  .footer .row {
      display: flex;
      flex-direction: row;
  }
  .footer .footer-panel:nth-of-type(2) {
      order: 4;
  }
  .footer h4 {
      margin: 20px 0 0;
      background: none;
      font-family: Poppins !important;
      font-weight: 600 !important;
      font-size: 14px !important;
      letter-spacing: 0.28px !important;
      color: #ffffff !important;
      text-transform: uppercase !important;
  }
  .footer .footer-panel ul li a{
      font-size: 13px;
      line-height: 2.23;
      color: #9d9d9d;
  }
  .footer .footer-panel:nth-child(2) p:nth-child(2){
      font-size: 13px;
      line-height: 1.62;
      text-align: left;
      color: #9d9d9d;
  }
  .footer-panel li a:hover {
      color: #ffffff !important;
      transition: 0.3s all ease;
  }
  /* order tracking page */
  .information-pgw input.button{
      background: #62af31;
      border-color: #62af31;
  }
  /* sitemap page */
  .information-sitemap a:hover {
      color: #62af31;
  }
  /*footer bottom copyright */
  .copyright .line {
      margin-bottom: 8px;
      border-top: 1px solid #ffffff;
      opacity: 0.2;
  }
  .copyright p {
      margin: 0;
      padding: 6px 0 0;
      color: #9d9d9d;
      font-size: 9px !important;
  }
  .copyright p a{
      color: #9d9d9d !important;
  }
  .copyright .background{
      background-color: #fff !important;
  }
  .copyright .background .pattern .container{
      width:100% !important;
      padding: 0 15px !important;
  }
  .footer .pattern{
      display: none;
  }
  .footer-icon a {
      font-size: 16px;
  }
  .footer-icon i {
      margin-left: 15px;
      color: #9d9d9d;
  }
  .footer-icon i:hover {
      margin-left: 15px;
      color: #62af31;
  }
  .site-footer__payment-icons-ul {
      justify-content: flex-end !important;
      grid-area: payments;
      padding: 0;
      margin: 0;
      align-items: center;
  }
  .site-footer__payment-icons-ul li{
      margin: 0 0 0 2rem;
      list-style: none;
      display: list-item;
      text-align: -webkit-match-parent;
  }
  svg:not(:root) {
      overflow: hidden;
  }
  .icon {
      display: inline-block;
      width: 1.5rem;
      height: 1rem;
      vertical-align: middle;
  }
  span.visually-hidden {
      position: absolute!important;
      overflow: hidden;
      clip: rect(0 0 0 0);
      height: 1px;
      width: 1px;
      margin: -1px;
      padding: 0;
      border: 0;
  }
  .smartsearch-product img {

    max-width: 70px;
}




  /* CATEGORY PAGE */

  /* page banner */
  .breadcrumb .clearfix {
      background: url(https://www.haakaa.com.my/image/data/theme/haakaa/banner/blog-banner.jpg);
      background-size: cover;
      border-radius: 15px;
      margin-top: 15px !important;
  }
  .breadcrumb .container ul {
      display: none;
  }
  .breadcrumb .container>div {
      padding: 50px 0;
  }
  .breadcrumb .container h2 {
      font-family: Poppins !important;
      font-size: 32px !important;
      font-weight: 600 !important;
      text-align: center;
      letter-spacing: 0.64px !important;
      color: #ffffff;
      margin: 0 !important;
      text-transform: uppercase !important;
  }


  .product-category .product-filter .options {
      display: none;
  }

  .list-options .sort, .list-options .limit {
      font-size: 12px;
      font-weight: 600;
      letter-spacing: 0.96px;
      color: #263237;
      text-transform: uppercase;
  }
  .sort select, .limit select {
      border: 0;
      background: #ffffff;
      border-bottom: 1px solid #b5b2ad;
      padding-left: 0 !important;
  }

  /* filter left column section */
  .box.box-category {
      border-color: transparent;
  }
  .box-category .box-heading {
      padding: 15px 0px 10px 0px;
      font-size: 16px !important;
      font-weight: 600 !important;
      color: #000000 !important;
      text-transform: uppercase !important;
  }
  .box-category .box-content.collapse ul {
      padding: 20px 0px;
  }
  .box-category ul li a {
      font-size: 14px;
      font-weight: 600;
      color: #3c4854;
      text-transform: uppercase !important;
  }
  .box-category ul li a.active {
      font-weight: 600;
      color: #62af31 !important;
      /* border-bottom: 1px solid #6f0699; */
      padding-bottom: 3px;
  }
  .box.mfilter-box .box-heading {
      font-weight: 600 !important;
      margin-bottom: 15px;
      font-size: 16px;
      text-transform: uppercase!important;
  }
  .mfilter-button-bottom {
      padding: 2px 1px !important;
      font-weight: bold;
      border: 1px solid #424242 !important;
      top: 11px !important;
      right: 0px !important;
  }
  .fa-times:before {
      display: none;
  }
  .mfilter-button-reset {
      margin-left: 0 !important;
      padding-top: 0px;
      padding-bottom: 0px;
      padding-right: 5px;
      text-transform: capitalize;
      font-size: 12px;
      font-weight: 500 !important;
      color: #424242;
  }
  .mfilter-price-slider #mfilter-price-slider .ui-slider-handle{
      border: 1px solid #62af31!important;
      background: #62af31 !important
  }
  #mfilter-price-slider .ui-slider-range {
      background-color: #62af31 !important;
  }
  .mfilter-heading-text > span {
      font-size: 14px;
      font-weight: 500;
      color: #263237;
  }
  .mfilter-heading .mfilter-head-icon:before {
      content: "\f068";
      font-family: FontAwesome;
      font-style: normal;
      font-weight: normal;
  }
  .mfilter-heading.mfilter-collapsed .mfilter-head-icon:before {
      content: "\f067";
  }
  .mfilter-tb-as-tr.mfilter-input-active .mfilter-col-input {
      border-color: #62af31 !important;
      background-color: #62af31 !important;
      color: #fff;
  }
  .mfilter-col-count {
      visibility: hidden;
  }
  .mfilter-tb-as-tr {
      border-top: 0px dashed #dcdcdc !important;
  }
  .mfilter-content-wrapper {
      padding-top: 5px;
      border-top: 2px solid #ccc;
  }
  .mfilter-content-wrapper {
      padding: 5px 0 20px !important;
      border-bottom: 1px solid #dbdbdb;
      border-top: none !important;
  }
  .box.mfilter-box.mfilter-column_left.init .box-content.mfilter-content li:nth-child(4) {
      display: none;
  }

  /* search */
  .mfilter-options .mfilter-search input#mfilter-opts-search::placeholder{
      opacity: 0.3;
      font-family: Muli;
      font-size: 14px;
      color: #111c30;
  }

  /* color & material filter */
  .mfilter-box .mfilter-attributes[data-seo-name="62-color"] .mfilter-col-input {
      border: 0;
      background:none !important;
  }
  .mfilter-box .mfilter-attributes[data-seo-name="62-color"] label {
    font-size: 0;
    height: 30px;
    width: 30px;
    top: 0;
    position: absolute;
    cursor: pointer;
  }
  .mfilter-box .mfilter-attributes[data-seo-name="62-color"] .color-circle {
      border-radius: 30px;
      width:30px;
      height: 30px;
      display: block;
      border: 1px solid #ccc;
  }
  .mfilter-box .mfilter-attributes[data-seo-name="62-color"] input[value="Black"] + .color-circle {
      background: #212121;
  }
  .mfilter-box .mfilter-attributes[data-seo-name="62-color"] input[value="Grey"] + .color-circle {
      background: #b5b2ad;
  }
  .mfilter-box .mfilter-attributes[data-seo-name="62-color"] input[value="Blue"] + .color-circle {
      background: #213db2;
  }
  .mfilter-box .mfilter-attributes[data-seo-name="62-color"] input[value="Pink"] + .color-circle {
      background: #f682a9;
  }
  .mfilter-box .mfilter-attributes[data-seo-name="62-color"] input[value="Red"] + .color-circle {
      background: #e53942;
  }

  .mfilter-box .mfilter-attributes[data-seo-name="62-color"] .mfilter-tb-as-tr.mfilter-input-active .mfilter-col-input:before {
      display: none;
  }
  .mfilter-box .mfilter-attributes[data-seo-name="62-color"] .mfilter-input-active .color-circle {
      border: 3px solid #DBDBDB;
  }
  .mfilter-box .mfilter-attributes[data-seo-name="62-color"] .mfilter-option {
      width: 15%;
      display: inline-block;
      border-top: 0;
      position: relative;
  }
  .mfilter-counter{
      display: none;
  }
  .mfilter-box .mfilter-attributes[data-seo-name="62-material"] .mfilter-tb-as-td{
      font-family: Muli;
      font-size: 13px;
      font-weight: 500;
      color: #58595a;
      line-height: 2.4;
  }
  .mfilter-box .mfilter-attributes[data-seo-name="62-material"] .mfilter-tb-as-td.mfilter-col-input{
    border: solid 1px #b5b2ad;
  }


  /* category content */
  .product-category div.pagination {
      width: 100%;
  }
  .product-category div.pagination .links li.active span {
      border: 1px solid black;
  }
  .product-grid .product .name {
      text-align: center;
      font-weight: 500;
      color: #111c30;
      text-transform: uppercase!important;
  }
  .product-grid .product .price {
      text-align: center;
      font-family: Poppins !important;
      font-size: 14px !important;
      font-weight: 600 !important;
      color: #62af31 !important;
  }
  .product-grid .product .image .product-actions a {
      background: #62af31 !important;
  }


  /* BRAND PAGE */
  .product-manufacturer-info  .product-filter .options {
      display: none;
  }
  .product-manufacturer-info div.pagination {
      width: 100%;
  }
  .product-manufacturer-info div.pagination .links li.active span {
      border: 1px solid black;
  }


  /* PRODUCT DETAIL PAGE */
  .product-info .product-title{
      font-family: Poppins;
      font-size: 24px;
      font-weight: 600;
      letter-spacing: 0.48px;
      text-align: left;
      color: #111c30;
      text-transform: uppercase!important;
  }
  body.product-product .breadcrumb .clearfix {
      background: none;
      padding: 10px 0 0 !important;
      border-radius: 0;
  }
  body.product-product .breadcrumb .container h2 {
      display: none;
  }
  body.product-product .breadcrumb .container ul {
      display: block;
      float: left;
  }
  body.product-product .breadcrumb .clearfix ul li a {
      font-size: 12px;
      font-weight: 500;
      color: #b5b2ad;
  }
  body.product-product .breadcrumb .clearfix ul li:before {
      font-size: 12px;
      font-weight: 500;
      color: #b5b2ad;
      margin: 0 5px;
  }
  body.product-product .breadcrumb .clearfix ul li:last-child a {
      color: black;
  }
  .product-product .three-banner {
      padding: 20px 0;
  }
  .line_product {
      border-top: 1px solid #dbdbdb;
      margin: 40px 0 25px;
  }
  .center-column .box {
    margin-top: 20px;
    }
  .htabs {
      background: none;
      text-align: center;
  }
  .htabs a {
      display: inline-block;
      float: none;
      font-weight: 600 !important;
      padding: 0;
      font-family: 'Poppins', sans-serif !important;
      text-transform: uppercase !important;
      letter-spacing: 0.32px;
  }
  .htabs a.selected {
    color: #62af31 !important;
      border-color: #62af31 !important;
  }
  .htabs a:hover {
      color: #62af31 !important;
  }
  #tabs.htabs a:nth-child(3){
      display: none !important;
  }
  .product-product #tab-description h2{
      font-family: Poppins;
      font-size: 14px !important;
      font-weight: 600;
      color: #2c3640;
      text-transform: uppercase!important;
  }
  .product-product #tab-description p{
      color: #2c3640;
  }
  .product-product #tab-description ul{
      color: #2c3640;
  }
  .product-product #review-title{
      font-family: Poppins;
      font-size: 14px !important;
      font-weight: 600;
      color: #2c3640;
  }

  /* column right product info */
  .product-product .product-info .col-sm-6.product-center.clearfix {
          margin-top: 60px;
  }
  .product-info .cart, .product-info .description, .product-info .options, .product-info .price {
      background: none;
      padding: 0;
      font-family: 'Poppins', sans-serif;
  }
  .product-info .rating {
      display: none !important;
  }
  .product-info .review>div {
      display: inline-flex;
  }
  .share p {
      margin-top: 4px;
  }
  .product-info .description{
    font-size: 13px;
    color: #3c4854;
  }
  .product-info .price .price-new{
      font-family: Poppins;
      font-size: 18px;
      font-weight: 600 !important;
      color: #62af31 !important;
  }
  .product-info #product .options h2{
      display: none;
  }
  .product-info #product .options select{
      background-color: #ffffff !important;
      height: 48px;
      width: 255px
  }
  .product-info .cart .add-to-cart p {
      display: none;
  }

  .product-info .cart .add-to-cart .quantity input {
      background: white;
      height: 50px;
      width: 144px;
  }
  .product-info .cart .add-to-cart .quantity input {
      color: #58595a;
      text-align: center;
      border: 0;
      background: white;
      padding: 10px 56px;
      border: 1px solid #afafaf;
  }
  .product-info .cart .add-to-cart .quantity #q_up, .product-info .cart .add-to-cart .quantity #q_down {
      border: 0;
      top: 0;
      padding-top: 16px;
      width: 30px;
      padding-right: 7px;
  }
  .product-info .cart .add-to-cart .quantity #q_down, .product-info .cart .add-to-cart .quantity #q_up {
      position: absolute;
      right: 11px;
      height: 17px;
      display: block;
      text-align: center;
  }
  .product-info .cart .add-to-cart .quantity #q_down {
      left: 11px;
      right: auto;
  }
  .product-info .cart .add-to-cart .button {
      background: #62af31;
      border-color: #62af31;
      width: 190px;
  }
  #product .cart .links a{
      font-size: 12px !important;
      color: #262f38 !important;
  }
  .product-info .cart .links {
      padding: 15px 0;
      border-bottom: 1px solid #dbdbdb;
  }
  .at-share-btn-elements .at-share-btn .at-icon-wrapper svg:hover{
      fill: #62af31 !important;
  }
  /* .product-info .thumbnails li img {
      display: block;
      width: 70px;
      height: 70px;

  } */

  .thumbnails li p{
    padding: 0px !important;
}
.thumbnails ul{
  margin-left: 0px !important;
}
  .product-info .thumbnails li img {
      border: 1px solid #62af31;
  }
  /* end */

  /* you may also like slider */
  .you-may-also-like {
      text-align: center;
      border-top: 1px solid #dbdbdb;
      margin-top: 40px;
  }
  .you-may-also-like .box-heading {
      margin-top: 50px;
      background: none;
      font-size: 28px !important;
      font-weight: bold !important;
      letter-spacing: 2.8px;
      color: #263237 !important;
  }


  /* BLOG PAGE */
  body.blog-category-home .articleHeader {
      display: none;
  }
  .blog-category-home .col-sm-12.center-column #blog_category .livemarks{
      display: none;
  }
  /*
  .articleContent .row {
      display: flex;
      align-items: center;
      position: relative;
  }*/
  #blogCatArticles .col-md-6.col-sm-12 .article-date{
      color: #465a64;
      text-transform: uppercase;
  }
  #blogArticle .article h1, #blogArticle .article h1 a, #blogCatArticles .article h3, #blogCatArticles .article h3 a {
      font-size: 24px;
      color: #263237;
      font-weight: 500 !important;
      margin: 0;
      padding: 3px 0 0;
  }
  #blogCatArticles .col-md-6.col-sm-12 h3 a{
      font-family: Poppins;
      font-size: 24px;
      font-weight: 600;
      color: #263237 !important;
      letter-spacing: 0.48px !important;
      text-transform: uppercase;
  }
  #blogCatArticles .col-md-6.col-sm-12 span.blockClear p{
      color: #465a64;
  }
  .articleContent .readMore a {
      margin-right: 0;
      border: 1px solid #62af31;
      padding: 8px 28px;
      color: #62af31;
      text-transform: uppercase;
      font-size: 15px;
      font-weight: 600;
      letter-spacing: 1.5px;
      position: absolute;
      bottom: 0;
  }
  .articleContent .readMore a:hover {
      background-color: #62af31;
      color: white;
      transition: 0.3s all ease;
  }
  .blog-category-home div.pagination {
    width: 100%;
  }

  .blog-category #blogCatArticles > .col-sm-4 {
        margin-bottom: 30px;
    }

  /* BLOG SINGLE PAGE */
  body.blog-article .breadcrumb .clearfix {
      display: none;
  }
  .articleHeader {
      text-align: center;
      display: flex;
      flex-wrap: wrap;
  }
  .blog-article #blogArticle .articleHeader h1 {
      order: 2;
      width: 100%;
  }
  .blog-article #blogArticle .articleHeader span {
      width: 100%;
      text-align: center !important;
  }
  .articleHeader {
      text-align: center;
  }
  .blog-article #blogArticle .articleHeader h1{
      font-family: Poppins;
      font-size: 30px;
      font-weight: 600;
      letter-spacing: 0.6px !important;
      color: #263237;
      text-transform: uppercase !important;
  }
  .blog-article #blogArticle .articleHeader span{
      font-family: Poppins;
      font-size: 16px;
      line-height: 1.56;
      text-align: left;
      color: #465a64;
      text-transform: uppercase !important;
  }
  .ludoBlog {
      background-color: transparent !important;
      padding: 0 !important;
      border: none !important;
      color: #465a64 !important;
  }
  #blogArticle .articleBottom {
     /* display: flex; */
      align-items: center;
      position: relative;
  }
  .articleBottom {
      background-color: #f4f4f4;
  }
  .articleBottom > div {
      display: inline-flex;
  }
  .blog_link span {
      font-size: 15px;
      font-weight: 600;
      letter-spacing: 0.3px;
      text-transform: uppercase;
      color: #62af31;
  }
  .blog_link span:before {
      content: '\f053';
      font-family: FontAwesome;
      font-style: normal;
      font-weight: normal;
      text-decoration: inherit;
      margin-right: 10px;
      color: #62af31;
  }
  #blogArticle .articleBottom p {
      margin-bottom: 0;
  }
  .articleBottom .share p {
      margin-top: 8px;
      text-transform: uppercase;
      font-family: Karla;
      font-size: 13px;
      font-weight: bold;
      letter-spacing: 1.04px !important;
      color: #000000;
  }
  body.blog-article .at-style-responsive .at-share-btn {
      background-color: transparent !important;
      margin: 5px 2px !important;
  }
  body.blog-article .at-resp-share-element .at-icon, .at-resp-share-element .at-label {
      fill: #465a64 !important;
  }
  body.blog-article .at-resp-share-element .at-icon:hover, .at-resp-share-element .at-label {
      fill: #62af31 !important;
  }


  /* ABOUT US PAGE */
  .about-section1 h3 {
      font-family: Poppins !important;
      font-size: 24px !important;
      font-weight: 600 !important;
      letter-spacing: 0.48px !important;
      color: #263237 !important;
      text-transform: uppercase !important;
  }
  p.about_parag {
      font-family: Poppins;
      font-size: 14px;
      line-height: 2.14;
      text-align: left;
      color: #465a64;
  }
  .col-md-6.col-sm-12.how_start {
      padding-left: 100px;
  }
  .col-md-6.col-sm-12.how_start h3 {
      font-family: Poppins;
      font-size: 24px !important;
      font-weight: 600;
      letter-spacing: 0.48px;
      color: #263237;
      text-transform: uppercase !important;
  }



  /* CONTACT US PAGE */
  /* form section */
  .form-field.html-field h3{
      font-size: 24px;
      font-weight: 600;
      letter-spacing: 0.48px;
      color: #111c30;
      text-transform: uppercase;
  }
  .form-field.html-field p, #form3 .form-field.html-field p{
    font-size: 14px;
    color: #465a64;
  }
  #form1 .field-block .form-control{
      background-color: transparent !important;
      border: 0;
      border-bottom: 1px solid #757575;
      border-radius: 0;
  }
  #form1 .field-block textarea{
      border-top: 0 !important;
  }
  #form1 .form-field h4 span {
      display: none;
  }
  /* #form1 .form-field h3 span{
      font-family: Muli;
      font-size: 14px !important;
      line-height: 1.71;
      color: #58595a;
      text-transform: initial;
  } */
  #form1 h4 {
      font-size: 14px;
      font-weight: 500;
      line-height: 1.57;
      color: #111c30;
      text-transform: capitalize;
  }
  #form1 .field-block input::placeholder{
      opacity: 1;
      font-size: 14px;
      line-height: 1.57;
      color: #919191;
  }
  #form1 .field-block textarea.form-control{
      -webkit-box-shadow: none !important;
      box-shadow: none !important;
  }
  .form-builder textarea {
      height: 57px !important;
  }
  .form-control{
      padding: 15px !important;
      /* padding: 0 !important; */
  }
  .form-control:focus{
      -webkit-box-shadow: none;
      box-shadow: none;
      border-bottom: 1px solid #212121 !important;
  }
  #form1 .button{
      background:transparent;
      border-color: #000;
      color: #000!important;
      border-radius: 0px;
      padding-left: 40px;
      padding-right: 40px;
      font-family: Poppins;
  }
  #form1 .button:hover{
    background: #62af31;
    color: #fff!important;
    border-color: #62af31;
  }

  .info-30 #form4 .form-control, .info-31 #form5 .form-control, .info-22 #form2 .form-control {
      padding: 15px !important;
  }

  /* detail contact section */
  .info-detail {
      padding-bottom: 18px;
      display: -webkit-box;
      align-items: center;
  }
  .info-detail img {
      margin: 0 15px 0 0;
  }
  .info-detail p strong {
      color: #465a64;
      text-transform: uppercase;
      font-weight: 600 !important;
      font-family: Poppins;
      font-size: 14px;
      letter-spacing: 1.12px;
  }


  /* DELIVERY INFO, RETURN POLICY, TERM CONDITION, PRIVACY POLICY */
  body.information-information .breadcrumb .clearfix {
      background: none;
      padding: 45px 0 0;
      border-radius: 0;
  }
  .info-6 .breadcrumb .container h2, .info-8 .breadcrumb .container h2, .info-5 .breadcrumb .container h2, .info-3 .breadcrumb .container h2{
    color: #263237;
  }
  .information-information  .box-information {
      border-bottom: solid 0px #b5b2ad !important;
  }
  .box-information {
      text-align: center;
      padding: 5px 0;
      margin-top: 35px;
  }
  .box-information .box-heading {
      display: none;
  }
  .box-information ul {

      list-style: none;
      padding-left: 0;
      justify-content: center;
      margin: 0;
  }
  /*
  .box-information li:nth-child(1), .box-information li:nth-child(2), .box-information li:nth-child(7), .box-information li:nth-child(8), .box-information li:nth-child(9) {
      display: none;
  }
  */
  .box-information li {
      padding: 0 30px;
      text-transform: uppercase;
      color: #58595A;
      font-weight: bold;
      border-right: 1px solid #B5B2AD;
      font-size: 14px;
  }
  .box-information li:nth-child(6) {
      border-right: 0px solid #B5B2AD !important;
  }
  .box-information .box-content li a:hover {
      color: #000 !important;
  }
  .information-information h3.term_title{
      font-family: Poppins;
      font-size: 16px !important;
      font-weight: 600 !important;
      text-transform: uppercase !important;
      color: #465a64 !important;
  }
  .info-6 #quickview_product p, .info-8 #quickview_product p, .info-8 #quickview_product ul, .info-5 #quickview_product p, .info-3 #quickview_product p{
        color: #465a64;
  }
  .box-information .box-content li .active{

      border-bottom: 2px solid #000;
      padding-bottom: 7px;
  }

  /* INFO RIGHT OFFCANVAS */
  .offcanvas-right .box-information {
      border-bottom: none;
      padding-top: 15px !important;
  }
  .box-information {
      text-align: center;
      padding: 5px 0;
      border-bottom: solid 1px #b5b2ad;
      margin-top: 25px;
  }
  .offcanvas-right .box.box-information.full-width-content .box-content ul {
      display: grid;
      flex-direction: row;
  }
  .offcanvas-right .box-information .box-content ul > li > a {
      line-height: 3.43;
  }
  .offcanvas-right.offcanvas-right-information li {
      border-right: 0px solid #B5B2AD;
      width: 100vw;
      position: relative;
      left: 50%;
      right: 50%;
      margin-left: -50vw;
      margin-right: -50vw;
  }
  /* Account page */
  .account-account .account-page ul {
    display: flex;
    flex-wrap: wrap;
  }
  .account-referrers #content i, .account-referrers #content .panel-default, .account-referrers #content .referrer-tree-container {
      display: none;
  }
  .account-referrers #content h1 {
      font-size: 32px;
      line-height: 1.7;
  }
  /* ACCOUNT PAGE RIGHT OFFCANVAS */
  .login-content.login-content2 form h2{
      font-size: 18px !important;
  }
  .account-register .home-subscribebox, .account-login .home-subscribebox{
      display: none;
  }
  .account-register .logo, .account-login .logo{
      display: none;
  }
  /* Social Login at account page */
  .login-content2 .social-logins-block #googleButtonWrapper {
      display: none;
  }
  .login-content2 .social-logins h2 {
      font-size: 16px !important;
      font-weight: 400 !important;
  }


  /* Vote Information Page */
  /* body.info-27 .main-content > .background > .pattern > .container > .row {
    display: block !important;
    width: 100% !important;
    position: relative !important;
    left: 0 !important;
    right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  } */


  /* ----------RESPONSIVE------------- */

  /* MOBILE */
  @media (max-width: 480px){

  /* mobile menu */
  .responsive ul.megamenu > li.click:before, .responsive ul.megamenu > li.hover:before, .responsive ul.megamenu > li.active .close-menu:before {
      color: #62af31 !important;
  }
  #top.navbar-default {
      background-color: #0f0437 !important;
      border-color: #0f0437;
  }

  /* HOMEPAGE */
  .slidemodule1 .col-sm-4 .mobile-slider-contents {
      top: 10% !important;
  }
  /* padding */
  .home-about-section h1 {
      font-size: 33px;
  }
  .home-about-section {
      padding-bottom: 15px;
  }
  .featured-products {
      padding-bottom: 50px;
  }
  .review-box {
      padding: 50px 0px 0px;
  }

  /* section 1 */
  .slidemodule1{
      overflow-x: hidden !important;
  }

  /* section 2 */
  .about-home {
      display: block;
  }

  /* review testimoni */
  .review-box {
      background-size: cover;
  }
  .review-box .owl-carousel .owl-item img {
      width: 43%;
  }
  .col-sm-6.col-xs-12.desc-about-home {
      padding-left: 0px;
  }

  .home .full-width-content.homepage-filter-product {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  .our-awards {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  /* blog home */
  .box.blogModule.boxPlain {
      margin-top: 20px;

  }
  .responsive .box .box-heading {
      margin-top: 8px;
  }
  .boxPlain .box-heading {
      font-size: 24px !important;
  }
  .boxPlain .box-heading {
      padding: 40px 8px 0 !important;
  }
  .boxPlain .box-content {
      padding: 9px 8px !important;
  }
  .blogModule ul {
      padding: 0 20px !important;
      column-count: 1;
  }
  .blogModule li {
      margin-bottom: 25px !important;
      padding-bottom: 15px;
  }
  .box.blogModule.boxPlain .box-content .recentArticles li:first-child {
      width:50%;
  }

  /* subscribe newsletter */
  .full-width-content.home-subscribebox .container hr {
      display: none;
  }
  .home-subscribebox h4 {
      text-align: center;
      padding-left: 0px;
  }
  .home-subscribebox label {
    width: 100%;
    float: left;
  }
  .home-subscribebox .subsc_txt{
    width: 100%;
    margin-top: 0;
  }
  /*
  .home-subscribebox .real-btn {
    margin-left: -44%;
  } */
  .home-subscribebox input{
      text-align:center;
  }

  /* footer */
  .copyright .line {
      margin-bottom: 0px;
      border-top: 0px solid #ffffff;
  }
  .footer .row {
      display: grid !important;
      flex-direction: row;
  }
  .footer-panel img {
      padding-top: 20px !important;
      padding-bottom: 10px;
  }
  .footer-icon {
      text-align: center;
      margin-top: 8px;
  }
  .icon_txt {
      display: flex;
      flex-direction: column;
      align-items: center;
      padding-top: 5px !important;
  }
  .icon_txt p {
      font-size: 10px;
      padding: 3px 0 0;
      margin: 0;
      color: #212121;
  }
  #offcanvas-btn-left {
      display: none !important;
  }
  #cart_block .cart-heading span#total_price {
      top: 0px !important;
      right: -13px !important;
  }
  #cart_block .cart-heading span#total_price {
      width: 15px !important;
      height: 15px !important;
      padding-top: 2px;
  }


  /* CATEGORY PAGE */
  .responsive .col-sm-3 .box.mfilter-box {
      margin-top: 5px !important;
  }
  .responsive .box .box-heading {
      margin-top: 8px;
  }
  .box-content.collapsing ul{
      padding-left: 0;
  }
  .visible-xs {
      display: inline-block !important;
  }
     .category-chevron i {
      margin-left: 20px;
  }


  /* PRODUCT DETAIL PAGE */
  .product-product .product-info .col-sm-6.product-center.clearfix {
      margin-top: 0px;
  }
      .product-info .product-title {
          margin-bottom: 0px;
  }
      .responsive .product-info .cart, .responsive .product-info .description, .responsive .product-info .options, .responsive .product-info .price {
      padding: 0;
  }
  .product-info .cart .add-to-cart .quantity input {
      width: 119px;
  }
      .line_product {
      margin: 0 0 15px;
  }
      .htabs a {
      font-size: 14px !important;
  }

  .you-may-also-like .box-heading {
      font-size: 18px !important;
  }

  .product-product .product-info .options .option {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
  }

  /* BLOG PAGE */
  .center-column h3 {
      font-size: 20px !important;
  }
  .articleContent .row {
      display: block;
  }
  #blogCatArticles .col-md-6.col-sm-12 h3 a {
      font-size: 20px;
  }

  /* BLOG SINGLE PAGE */
  .blog-article #blogArticle .articleHeader span {
      font-size: 11px;
  }
  .blog-article #blogArticle .articleHeader h1 {
      font-size: 24px;
  }
  #blogArticle .articleBottom {
      display: block;
      margin-bottom: 30px;
      padding: 15px 0 5px;
  }

    .blog-category .desktop-collab {
        display: none;
    }

    .blog-category #blogCategory .mobile-collab {
        display: block;
        margin: 0 10px;
    }


  /* ABOUT US PAGE */
  .responsive .breadcrumb .clearfix {
      padding: 30px 0 !important;
  }
  .breadcrumb .container h2 {
      font-size: 26px !important;
  }
      .about-section1 h3 {
      font-size: 20px !important;
  }
      p.about_parag {
      line-height: 1.9;
  }
      .col-md-6.col-sm-12.how_start {
      padding-left: 10px;
  }
      .col-md-6.col-sm-12.how_start h3 {
      font-size: 20px !important;
      margin-top: 10px;
  }


  /* CONTACT US PAGE */
  /* change title */
  .info-19 h2#title-page:after{
      visibility: visible;
      position: absolute;
      top: 0;
      left: 28%;
      content: "Contact Us";
  }


  /* DELIVERY INFO, RETURN POLICY, TERMS , PRIVACY POLICY */
  .box-information .box-content ul{
      overflow-x: scroll;
  }
  .box-information li {
      padding: 0 12px;
  }
  /*
  .box-information li:nth-child(2) {
      padding-left: 80px;
  }
  */
  .box-information .box-content ul > li > a {
      line-height: 1.4;
      display: block;
      padding: 0;
      font-size: 12px;
      text-align: center;
  }


  }

  /* MOBILE iPhone5*/
  @media (max-width: 320px){

      /*newsletter SUBSCRIBE BOX*/
      .home-subscribebox .real-btn {
          margin-left: -53%;
      }

      /* PRODUCT DETAIL PAGE */
      body.product-product .breadcrumb .clearfix ul li a {
          font-size: 10px;
      }
      #product .cart .add-to-cart.clearfix .quantity {
          margin-bottom: 10px;
      }

  }



  /* TABLET */

  @media only screen and (min-width: 768px) and (max-width: 1025px){




  .product-info .cart .add-to-cart .button {
      margin-top: 10px;
  }

  .col-md-6.col-sm-12.how_start {
      padding-left: 10px;
      padding-top: 30px
  }

  .info-19 h2#title-page:after {
      visibility: visible;
      position: absolute;
      top: 0;
      left: 37%;
      content: "Contact Us";
  }

  /* button menu bottom */
      .desktop-hidden.mobile-show-inline.hiraku-open-btn#offcanvas-btn-left{
          display: none !important;
      }
      .icon_txt p{
          display: none !important;
      }
      #cart_block .cart-heading span#total_price {
          width: 19px;
          height: 18px;
          color: #fff !important;
          top: -5px;
          right: -19px;
      }
  #cart_block .cart-heading span#total_price {
      width: 15px !important;
      height: 15px !important;
      padding-top: 2px;
  }

  #cart_block .cart-heading span#total_price {
      top: 0px !important;
      right: -13px !important;
  }

  .footer .row {
      display: grid !important;
      flex-direction: row;
  }


  }

  /*BEN*/
  #top .background .container {
      width: 100%;
      padding: 0 15px;
      max-width: none;
  }
  #header-center img{
      max-width:120px;
  }

  .megamenuToogle-wrapper .container .background-megamenu > div {

    margin: 1px 0px 0px 0px;

  }

  .drawer__content ul.megamenu > li {
      display: block !important;
      float: none !important;
      margin: 0 !important;
  }

  #header-right .megamenuToogle-wrapper {
      display: none !important;
  }
  #top #cart_block .cart-heading{
      position:relative;
  }
  #top #cart_block .cart-heading span{
      position: absolute;
      left: -7px;
      top: -2px;
      font-size: 9px!important;
      color: #000!important;
  }
  #top #cart_block .cart-heading img{
      vertical-align: middle;
  }
  #top .search_form {
      margin-bottom: 10px;
  }
  .responsive #top #cart_block{
      margin-left: 25px!important;
  }
  .menu-responsive-btn {
      margin-left: 20px!important;
  }
  #header-left .megamenuToogle-pattern > .container{
      display: flex;
      align-items: center;
  }
  #menu_top{
      display:none!important;
  }
  #header-left .menu-text{
      font-size: 13px;
      margin-left: 10px;
      padding: 10px 0px 8px 0px;
      font-weight: 700;
      margin-bottom: -3px;
  }
  #top .container>.row:first-child{
      padding: 1em 0;
  }
  #header-left .menu-text.fixed{
     /* position:fixed;*/
     position:absolute;
  }
  .menu-responsive-btn.easydrawer.mobile-hidden{
      width: fit-content;
  }

  .megamenuToogle-wrapper .container > div span {
      height: 2px;

  }
  .bar_right{
      float:right;
  }
  #top-bar-left > div span{
      font-size:12px;
  }

  #slider > .background  > .pattern  > .box{
      padding-top:0px!important;
  }
  .slidemodule1 .col-sm-4 {
      position:relative;
  }
  .slidemodule1 .col-sm-4 .slider-contents{

      opacity: 0;
      position: absolute;
      text-align: center;
      width: 100%;
      top: 75%;
      opacity: 0;
      transition: 1s all ease;
  }
  .slidemodule1 .col-sm-4:hover .slider-contents{
      opacity: 1;
      transition: 1s all ease;
  }
  .slidemodule1 .col-sm-4 .slider-contents .btn-slider{
      background: 0 0;
      border: thin solid #fff;
      padding: 6px 35px;
      border-radius: 0px;
      color:#fff!important;
  }
  .slidemodule1 .col-sm-4 .slider-contents a{
      color:#fff!important;
  }
  .section-2 {
  padding-top: 60px;
      padding-bottom: 60px;
      background: #fafafa;
  }


  .section-2 .images{
      text-align:center;
  }

  .section-2 > div > div > div > div{
      display: flex;
      padding-left: 0px;
      padding-right: 0px;
      margin-top: 0px;
      margin-bottom: 0px;
      flex-direction: column;
      justify-content: center;
      align-items: center;
  }
  .section-2 > div > div > div {
  justify-content: center;
      align-items: center;
      display: flex;
  }

  .home-section-2-words{
  max-width: 6em;
  text-align: center;


  }

  .home-section-2-words p{

      font-size:11px!important;
      padding-top: 3px;
      }

  /*Adelina CSS*/

  /*.home-section-1 .container .about-home .col-sm-12 .btn-read{
      background: 0 0;
      border: thin solid black;
      padding: 6px 35px;
      border-radius: 0px;
      color:black !important;
  }*/


  /*FAQ*/
  .icon-plus{
    position: relative;
    display: inline-block;
    vertical-align: baseline;
    width: 10px;
    margin-right: 10px;
    margin-left: 6px;
    }
    .icon-plus:after, .icon-plus:before{
        position: absolute;
        top: 50%;
        left: 50%;
        content: '';
        background:#ffc541;
    }
    .icon-plus:before{
        width: 2px;
        height: 10px;
    margin-top: -5px;
    margin-left: -1px;
    transition: all .2s ease-out;
    }

    .card-link.collapsed .icon-plus:before{
        width: 2px;
        height: 10px;
    margin-top: -5px;
    margin-left: -1px;
    transition: all .2s ease-out;
    }

    .card-link .icon-plus:before{
        width: 2px;
        height: 0px;
    margin-top: -5px;
    margin-left: -1px;
    transition: all .2s ease-out;
    }

    .icon-plus:after{
        height: 2px;
        width: 10px;
    height: 1px;
    margin-top: -1px;
    margin-left: -5px;
}

.full-width-banner-faq .card{
    padding: 1rem 0;
    position: relative;
    border-bottom: 0.5px solid #eeeeee;
    cursor: pointer;
    user-select: none;
}

.full-width-banner-faq .card-header > .card-link{
    font-weight: 600;
    font-size: 13px;
}
.full-width-banner-faq .card-header > .card-link:hover{
    color: #000;
}
.full-width-banner-faq .card .card-body{
    padding: 1rem 0 0 3rem;
}
.faq-install-slide > li > a:hover{
    color: #000;
}
.faq-install-slide > li > a{
    font-weight: 600;
}

.banner-faq .title > p{
    font-size:13px;
}
.banner-faq .title{
padding-bottom: 30px;
}

body.information-information .main-content > .background > .pattern > .container > .row {
    display: flex;
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -51vw;
    margin-right: -50vw;

}
body.information-information.info-16 .main-content > .background > .pattern > .container > .row > .col-sm-9{
    display: inline-grid;
}
body.information-information.info-16 .main-content > .background > .pattern > .container > .row > .col-sm-9 > .row{
    order: 1;
}

body.information-information.info-16 .main-content > .background > .pattern > .container > .row > .col-sm-9 > .form-builder{
    order: 2;
}

body.information-information.info-16
/*
body.information-information .box-information{
    width: 30%;
    max-width: 300px;
    min-width: 300px;
}
*/

body.information-information .box-information ul{
    display: block!important;
}
body.information-information .box-information .box-content{
    margin: 0px 20px 0px 20px;
    background: #fafafa;
    padding-top: 20px;
    padding-bottom: 40px;

}

.info-bar-footer{
    margin: 0px 20px 20px 20px;
    background: #fafafa;
    text-align: left;
    padding: 20px 30px 40px 30px;
    font-size: 12px!important;
}
.info-bar-footer a:hover{
    color:#000!important;
    text-decoration:underline;
}
body.information-information .box-information{
    position: sticky;
    top: 10rem;
}
.information-information .standard-body {
    overflow-x: initial!important;
}

body.information-information .box-information li {
    border-right: 0px;
    padding-top: 20px;
    text-align: left;
}

body.information-information .breadcrumb .clearfix{
    padding: 0!important;
    margin: 0!important;
}

body.information-information .breadcrumb .clearfix #title-page{
    display: none;
}

body.information-information #quickview_product > p > a{
    text-decoration:underline;
}

body.information-information #quickview_product > p > a:hover{
color:#000!important;

}

.buttons .left .button, .buttons .center .button, .btn-default, .input-group-btn .btn-primary {
    border-color: #6f0699 !important;
}

.htabs a.selected{
    text-decoration: none!important;
}

/*MENU*/
ul.megamenu{
    background: none;
}
.drawer__content ul.megamenu > li > .sub-menu {
    position: inherit !important;
}

.drawer__content .megamenu .with-sub-menu>a strong:after {
    float: right;
}
.megamenu .with-sub-menu>a strong:after {
    content: "\f078";
    font-family: "font awesome 5 free",FontAwesome;
    font-size: 10px;
    margin-left: 5px;
    color: #000;
    -webkit-text-stroke: 1px #00000099;
}

ul.megamenu > li > a.active:before, ul.megamenu > li > a:before{
display:none;
}

.megamenu li.with-sub-menu ul {
    padding-left: 0;
    list-style: none;
}

ul.megamenu li .sub-menu .content {
    padding: 0px 20px;
}
.drawer__content .megamenu .sub-menu ul li a {
    line-height: 40px;
}

ul.megamenu > li > a strong {
    font-size: 15px!important;
    font-weight: 500!important;
    text-transform: capitalize!important;
    letter-spacing: 0.3px!important;
}
.drawer__header{
padding-bottom: 0!important;
}
.drawer__header > img{
    max-height: 40px;
}

ul.megamenu > li > a.active, ul.megamenu > li > a:hover, ul.megamenu > li.active > a {
    color: #9d9ea8!important;
    text-decoration: none!important;
    font-weight: 600!important;
}
.drawer__wrapper {
    max-width: 300px!important;
}
ul.megamenu > li > a img{
    height:20px!important;
}

/*NEWSLETTER*/

.home-subscribebox .real-btn{
    padding: 10px 40px;
    margin-top: 30px;
}
.product-manufacturer-info .product-filter .options{
    display:block;
}
.product-manufacturer-info .product-filter .options .product-compare{
    display:none;
}

.product-list .product-actions div a{
    border-color:#62af31!important;
    color:#62af31!important;

}

.product-list .product-actions div a:hover{
    background-color:#62af31!important;
    border-color:#62af31!important;
    color:#fff!important;
}

/*CATEOGORY*/
.product-category .main-content > .background > .pattern > .container > .row > .col-sm-9{
    width:100%;
}
.product-category .main-content > .background > .pattern > .container > .row > .col-sm-3{
    display:none;
}

.product-category .product-filter .options{
    display:block;
}
.product-category .product-filter .options .product-compare{
    display:none;
}
.product-category .breadcrumb .container>div{
    display:none;
}

.product-category .banner{
    margin:0;
}

/*BLOG*/
#blogCatArticles{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.blog-category .articleHeader{
    display:none;
}

.blogCategories > span:last-child{
    display: none;
}
.blogModule.boxCategory .box-heading{
    display:none;
}

.blogCategories > a{
    font-weight: 600;
    font-size: 16px!important;
}

.blog-category .livemarks{
    display:none;
}
.blogModule.boxCategory{
padding-top: 30px;
padding-bottom: 20px;
}
.blog-category .center-column{
    padding-top:25px;
}
#blogCatArticles .article h3{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 70px;
    text-overflow: ellipsis;
    margin: 10px 0px;
}

#blogCatArticles .article h3 a{
line-height:1.1;
}

body.information-information.info-21 .main-content > .background > .pattern > .container > .row , body.information-information.info-36 .main-content > .background > .pattern > .container > .row {
    display: block;
    width: inherit;
    position: inherit;
    left: 0;
    right: 0;
    margin-left: -15px;
    margin-right: -15px;
}

/* Blog Category - Video */
.blog-category .blog-details .blog-category-video-desc {
    display: none;
}

.blog-category .mobile-collab {
    display: none;
}

/*

#storeLocator{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.resultWrapper{
    max-height: 530px;
    overflow-y: scroll;
    padding: 15px;
    margin-top: 30px;
    border: 1px solid #ddd;
}

#slResultList .slListCell {
    width: -webkit-fill-available!important;
    border: 0px!important;
    border-bottom: 1px dashed #CCC!important;
}
#storeLocator .searchResult {

    margin: 0px 0px 10px 0px!important;

}
#slResultList .slListHeader {

    padding: 0px 0px 10px 10px!important;
    border-bottom: 0px!important;
}
*/

.information-information.info-21 .standard-body {
    overflow-x: hidden !important;
     }

     /*storeLocator*/
p.phone:before{
    font-family: "font awesome 5 free",FontAwesome;
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f095";
    margin-right: 8px;
    padding-top: 5px;
  }
  p.location:before{
    font-family: FontAwesome;
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f041";
    margin-right: 8px;
    padding-top: 5px;
  }
  p.tel{
    margin-bottom: 0;
  }
  p.phone{
    display: flex;
  }
  p.location{
    display: flex;
  }
  .maps_info{
    display: block;
    position: absolute;
    bottom: 20px !important;
    float: none;
    margin-top: 20px;
    /* bottom: 22px !important; */
    /* left: 8% !important; */
  }
  .mapWrapper{
    display: none;
  }
  #slResultList .slListCellWrapper{
    /* width: 31.60% !important; */
    width: 23% !important;
    margin: 10px;
  }
  .ui-multiselect-checkboxes label{
    font-weight: normal !important;
    color: #616161 !important;
    font-size: 14px !important
  }

  .maps_info img {
    padding-right: 10px;
}
.mobile-banner{
    padding-top: 10px;
  }

@media (max-width: 1300px) {
    .resultWrapper #slResultList .slListCell {
        min-height: 480px;
    }
    .resultWrapper #slResultList .slListCellWrapper{
        width: 26% !important;
    }
}
@media (max-width: 1200px) {
    .resultWrapper #slResultList .slListCell {
        min-height: 520px;
    }
    .resultWrapper #slResultList .slListCellWrapper{
        width: 29% !important;
    }
}
@media (max-width: 1100px) {
    .resultWrapper #slResultList .slListCell {
        min-height: 570px;
    }
}
@media (max-width: 1000px) {
    .resultWrapper #slResultList .slListCell {
        min-height: 600px;
    }
}
@media (max-width: 767px){

  .product-info .thumbnails li{
    padding: 5px !important;
  }

  .maps_info .mobile-banner{
    margin-left: 20px;
  }
}

.megamenuToogle-wrapper .container .background-megamenu{
    background: none;
    }

    .our-awards .product-grid .product .image img{
        max-width: 100px;
    }
    .our-awards .product-grid .product .image{
    justify-content: center;
    align-items: center;
    display: flex;
    }

    .our-awards .owl-item .right .name a{
        font-size: 11px;
        font-weight: 300;
        letter-spacing: 0px!important;
    }
    .our-awards  .box-content.products{
        display: flex;
    justify-content: center;
    }
    .our-awards  .box-content.products .box-product{
    width: 90%;
    }
    .our-awards{
    padding: 80px 40px 100px 40px;
    }

    .home .filter-product .box-heading {

        font-size: 23px !important;
        font-weight: 700 !important;
        letter-spacing: 0px !important;
        text-transform: capitalize !important;
    }

    .home .product-grid .owl-item .right .name a{
        text-transform: capitalize !important;
        font-size: 13px;
        letter-spacing: 0px!Important;
    }

    .home .box.filter-product .slider-center-arrow .next,.home .box.filter-product .slider-center-arrow .prev{
        top:110%
    }
    .home .box.filter-product .slider-center-arrow .prev {
        left: 40%;
    }
    .home .box.filter-product .slider-center-arrow .next {
        right: 40%;
    }
    .home .full-width-content.homepage-filter-product{
        padding-bottom: 100px;
        padding-left: 40px;
        padding-right: 40px;
    }
    .home .blogModule .box-heading{
        padding: 0px!important;
    }

    .product-info .rating.header-rating{
        display:block!important;
        text-align: center;
    }

    .product-info .product-title{
        text-align: center;
    }
    .product-info .price{
        text-align: center;
        padding: 20px 0px;
    }
    .product-info .add-to-cart{
        display: flex;
    justify-content: center;
    align-items: center;
    }
    .product-info .cart .links{
        text-align: center;
    }
    .product-info .review{
        text-align: center;
    }


.product-info .price .price-new{
    color:#000!important;
}
.htabs {
     text-align: left;
}
.line_product{
    border-top:0px;
    margin:10px 0px;
}
.product-icons-container{
    width: 100%;
    height: 100%;
    padding: 2rem;
    top: 0;
    background: #fafafa;
    left: 0;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}
.product-icons{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 0px;
}

.product-icons-container .home-section-2-words {
    max-width: fit-content;
    text-align: center;
}
.product-icons-container .home-section-2-words p{
font-weight: 600;
}


@media (min-width: 480px){
    .drawer__content ul.megamenu > li > .sub-menu{
        transition: all ease 1.5s;
        max-height: 0px;
            overflow: hidden;
        display:block!important;
    }
    .drawer__content ul.megamenu > .with-sub-menu.active:hover > .sub-menu{
         max-height: 2000px;
         transition: all ease 1.5s;
    }
    ul.megamenu li .sub-menu .content {

        display: block!important;
    }
    }


@media (max-width: 480px){
    .htabs a.selected{
        border-bottom:0px!important;
    }
    .htabs{
        overflow-x:scroll;
        display:flex;
        border-top: 1px solid #d3d2d2;
    border-bottom: 1px solid #d3d2d2;
    padding: 5px 0px 10px 0px;
    }

    #tabs::-webkit-scrollbar {
        width: 6px ;
        height: 3px;
        background-color: var(--light-grey);
    }
    #tabs::-webkit-scrollbar-thumb {
        background-color: grey;
    }
    .htabs > a{
        white-space: nowrap;
    }

    .searchResult #slResultList .slListCellWrapper {
    width: 100% !important;
        margin: 20px 50px;
    }
    .info-21 .ui-multiselect {
        width: 60% !important;
    }
    .info-21 #storeLocator .store_header {
        padding: 150px 0 60px;
    }
    .maps_info .mobile-banner {
        margin-left: 0px!important;

    }
    .home-section-2-words {
        max-width: 100%;
    }
    .section-2 > div > div > div > div{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 0px!important;
    justify-content: center;
    align-items: center;
    }
    .section-2 > div > div > div {
        justify-content: center;
        align-items: center;
        display: block;
    }
    .section-2{
        padding-bottom:0px;
    }
    .megamenu .with-sub-menu>a strong:after{
        display:none;
    }

    body.information-information .main-content > .background > .pattern > .container > .row {
        width: 100%;
        position: relative;
        left: unset;
        right: unset;
        margin-left: initial;
        margin-right: initial;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .information-information #column_left{
    width:100%;
    order:2;
    padding: 0;

    }
    body.information-information.info-16 .main-content > .background > .pattern > .container > .row > .col-sm-9{
        width:100%;
        order:1;
        margin-bottom: 0;
    }
    .info-16 .contact-info{
        padding-bottom:30px;
    }
    .info-detail {
        display: block;
    }
    .information-information #column_left > .box{
    background: #fafafa;
    display: block!important;
    }
    .box-information .box-content li .active {
        padding-bottom: 0px;
            outline: 2px solid #000;
            border-bottom: 0px;
            outline-offset: 4px;
    }
    .faq-install-slide{
    overflow-y:
    hidden; white-space:
    nowrap; width: 100% !important;
    padding: 0;
    max-width: 300px;
    display: flex;
    }
    #column_left .box-information .box-content{
        display:none;
    }
    .full-width-banner-faq .card-header > .card-link {
        display: flex;
        justify-content: start;
        align-items: center;
    }
    .account-page li {
        width: 45%;
        min-height: 136px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .box-information .box-content ul {
        overflow-x: unset;
    }
    body.information-information .box-information {
        position: relative;
        top: 0;
    }

    #drawer-information .box-information .box-content {
        margin:0px 20px;
        background: #fafafa;
        padding-top: 20px;
        padding-bottom: 40px;
    }
    #drawer-information .box-information .box-content li {
        padding: 0 12px;
        border-right: 0px;
        padding-top: 20px;
        text-align: left;
    }
    .info-bar-footer{
        padding:40px 30px;
    }
    .account-return-insert .buttons .left {
        display:none;
    }
    .mobile-flex{
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .product-order{
    order:2;
    }

    .product-icon-con{
    order:1;
    }

    .articleContent{
        padding-top:30px;
    }
    .standard-body{
        padding-top:48px;
    }
    #top.navbar-default {
        background-color: transparent!important;
        border-color: #939191;
        border-bottom: 1px solid #939191;
    }
    .mini-cart-footer{
        bottom:60px;
    }
    #top h1 a img {

        max-height: 50px!important;
    }
    #top .background .container{
        padding-bottom:0px!important;
        padding-top:0px!important;
    }
    #top .container>.row:first-child{
        padding: 0em 0;
    }
    #top .container>.row:nth-child(2){
        padding: 1em 0;
    }
    #top .container > .row > * {
         font-size: 12px!important;
    }
    #top .welcome-text{
        padding:0px!important;
    }
    .welcome-text{
        text-align:center;
        background-color: #b8da82;
    }
}
/*BLOG */
#blog_category .pagination {
    width: 100%;
}
.articleContent .blockClear{
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
height: 80px!important;
text-overflow: ellipsis;
}
.articleContent .readMore {
    margin-top: 20px;
    margin-bottom: 20px;
}

.blog_link > a:hover{
    cursor: pointer;
    text-decoration: underline;
}


.blogModule .owl-next .next span, .blogModule .owl-prev .prev span{
    width: 46px;
    height: 50px;
    display: block;
    margin: 0;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: 0.1s;
    transition-duration: 0.1s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.blogModule .owl-next .next span{
background: url(https://eseed.o2o.my/templates/titanium/image/data/theme/icons/arrow-right_101120131432.png) no-repeat;
}

.blogModule .owl-prev .prev span{
background: url(https://eseed.o2o.my/templates/titanium/image/data/theme/icons/arrow-left_101120131432.png) no-repeat;
}
.blogModule .owl-next .next{
    right: 40%;
}
.blogModule .owl-prev .prev{
    left: 40%;
}
.blogModule .owl-nav{
    position:relative;
}

.blogModule .owl-next .next, .blogModule .owl-prev .prev {
    position: absolute;
    top:100%;
    margin: 0;
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    -webkit-transition: background .3s;
    -moz-transition: background .3s;
    -o-transition: background .3s;
    transition: background .3s;
    z-index: 1;
    cursor: pointer;
}

.blogModule .owl-next .next span:hover{
-webkit-transform: translateX(10px);
    transform: translateX(10px);
}

 .blogModule .owl-prev .prev span:hover{
    -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
    }

    @media (max-width: 480px){
    .box.blogModule.boxPlain {
        padding-bottom:100px;
    }
    .blogModule .owl-next .next, .blogModule .owl-prev .prev {
        top:210%;
    }
    .giftbutton{
        top:5%!important;
    }
}

.easydrawer:hover .megamenuToogle-wrapper .container > div span{
    background: #62af31;
}
.full-width-content .eapps-widget a.eapps-link{
    display:none!important;
}
#form2 .box-heading, #form3 .box-heading{
font-weight: bold;
font-size: 20px;
text-align: center;
}

.product-order .tab-content{
    overflow-x:auto;
}
.container-megamenu.container ul.megamenu{
    padding-left:0px;
}
.flex-megamenu > span > strong{
    display: flex;
}
#top-bar-right{
    display:none;
}
#top-bar-left .bar_left{
    text-align:center;
}
@media (min-width: 480px){
ul.megamenu > li > a {
    padding: 10px 15px 20px 15px;
    margin: 0px -15px 0px -15px;
     height: auto;
}
}

@media (max-width: 480px){
    .tp-simpleresponsive img {
		width: 100% !important;
		left: 0 !important;
	}
    .responsive .tp-bullets {
        display: block !important;
    }
/* Widget */
div[id*='gb-widget'] {
    bottom: 65px !important;
}
.breadcrumb .clearfix{
    background-size: cover;
    background-position: 50% 0;
    background-repeat: no-repeat;
}
.mobile-show-inline #cart_block .dropdown-menu {
    top: 100px!important;
}
.mini-cart-info {
    height: 450px;
}
#shipping-method .shipping-method{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
#shipping-method .shipping-method > .col-sm-4{
    width:50%;
}
#shipping-method .payment-method{
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.checkout-content .right {
   white-space: break-spaces;
}
.info-36 .custom-banner-text {
    padding: 20px;
}
}
.payment-method label p, .shipping-method label p {
    font-size: 11px;
}
.tags-update {
    text-align: left!important;
}
.tags-update .tags {
    float: none!important;
}
.blog_link a{
    padding-top:10px;
}

/* Checkout hide other shipping method if free shipping is available */
.shipping-method div[class*='free.free'] ~ div[class*='zoneplus.zoneplus_5'] {
    display: none;
}

/* Checkout page hide elements */
.checkout-checkout #header-left, .checkout-checkout #header-right {
    visibility: hidden;
}
.checkout-checkout .home-subscribebox {
    display: none;
}

/* For search bar at blog */
.blog-filter {
    text-align: center;
}

@media (min-width: 960px) {
    #header-left .menu-responsive-btn[data-easydrawer-id="drawer-menu"] {
        display: inline-block !important;
    }
}

@media (min-width: 1440px) {
    .home .slider-container-3 {
        max-height: 1000px !important;
    }
}

.fullwidthbanner-container .tp-leftarrow, .fullwidthbanner-container .tp-rightarrow {
    border-radius: 50px;
}

#slider .fullwidthbanner-container .tp-leftarrow {
    left: 50px !important;
    opacity: 1 !important;
    visibility: visible !important;
}

#slider .fullwidthbanner-container .tp-rightarrow {
    right: 50px !important;
    opacity: 1 !important;
    visibility: visible !important;
}

#slider .tp-bullets .bullet.selected {
    background: #62AF31;
}

.category-info>p {
    font-family: Poppins !important;
    font-size: 32px !important;
    font-weight: 600 !important;
    text-align: center;
    letter-spacing: 0.64px !important;
    text-transform: uppercase;
}

.info-22 #form2 .form-control#select6 {
    padding: 5px !important;
}

.shipping-method div[class*='free.free'] ~ div[class*='zoneplus.zoneplus_7']{
  display: none;
}