/*-- Common Style --*/
    *, *::after, *::before {
      box-sizing: border-box;
    }
    
    html, body {
      height: 100%;
    }
    :root {
      --main-color: #444444;
    }
    body {
      background-color: #fff;
      /* line-height:30px; */
      font-size: 16px;
      font-style: normal;
      font-weight: normal;
      visibility: visible;
      font-family: Verdana, Arial, Helvetica, sans-serif;
      color: #191919;
    }
    
    h1, h2, h3, h4, h5, h6 {
      color: #000;
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-weight: 400;
      margin-top: 0;
    }
    
    h1 {
      font-size: 58px;
      line-height: 1;
      font-weight: 700;
    }
    
    h2 {
      font-size: 30px;
      line-height: 36px;
    }
    
    h3 {
      font-size: 24px;
      line-height: 30px;
    }
    
    h4 {
      font-size: 18px;
      line-height: 24px;
    }
    
    h5 {
      font-size: 14px;
      line-height: 18px;
    }
    
    h6 {
      font-size: 12px;
      line-height: 14px;
    }
    
    p:last-child {
      margin-bottom: 0;
    }
    
    p {
      font-family: Verdana, Arial, Helvetica, sans-serif;
    }
    
    a, button {
      color: inherit;
      display: inline-block;
      line-height: inherit;
      text-decoration: none;
      cursor: pointer;
    }
    
    a, button, img, input, span {
      transition: all 0.3s ease 0s;
    }
    
    *:focus {
      outline: none !important;
    }
    
    a:focus {
      color: inherit;
      outline: none;
      text-decoration: none;
    }
    
    a:hover {
      text-decoration: none;
      color: var(--main-color);
    }
    
    button, input[type="submit"] {
      cursor: pointer;
    }
    
    img {
      max-width: 100%;
      height: auto;
    }
    
    ul {
      list-style: outside none none;
      margin: 0;
      padding: 0;
    }
    
    /*-- 
        - Common Classes
    -----------------------------------------*/
    .fix {
      overflow: hidden;
    }
    
    .hidden {
      display: none;
    }
    
    .clear {
      clear: both;
    }
    
    @media only screen and (max-width: 767px) {
      .container {
        width: 450px;
      }
    }
    @media only screen and (max-width: 479px) {
      .container {
        width: 100%;
      }
    }
    .capitalize {
      text-transform: capitalize;
    }
    
    .uppercase {
      text-transform: uppercase;
    }
    
    .no-gutters > .col, .no-gutters > [class*="col-"] {
      padding-right: 0;
      padding-left: 0;
      margin: 0;
    }
    
    /*-- 
        - Background color
    -----------------------------------------*/
    .bg-#555 {
      background-color: #ffffff;
    }
    
    .bg-light-grey {
      background-color: #f6fafb;
    }
    
    .bg-dark {
      background-color: #191919;
    }
    
    /*-- 
        - color
    -----------------------------------------*/
    .c-blue {
      color: var(--main-color);
    }
    
    /*-- 
        - Input Placeholder
    -----------------------------------------*/
    input:-moz-placeholder, textarea:-moz-placeholder {
      opacity: 1;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }
    
    input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
      opacity: 1;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }
    
    input::-moz-placeholder, textarea::-moz-placeholder {
      opacity: 1;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }
    
    input:-ms-input-placeholder, textarea:-ms-input-placeholder {
      opacity: 1;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }
    
    /*-- 
        Scroll Up 
    -----------------------------------------*/
    #scrollUp {
      width: 40px;
      height: 40px;
      background-color: var(--main-color);
      color: #ffffff;
      right: 20px;
      bottom: 60px;
      text-align: center;
      overflow: hidden;
    }
    @media only screen and (max-width: 767px) {
      #scrollUp {
        display: none !important;
      }
    }
    #scrollUp i {
      display: block;
      line-height: 40px;
      font-size: 24px;
    }
    #scrollUp:hover i {
      animation-name: fadeInUp;
      animation-duration: 1s;
      animation-fill-mode: both;
      animation-iteration-count: infinite;
    }
    
    /*-- 
        - Main Wrapper
    -----------------------------------------*/
    .main-wrapper.header-transparent {
      padding: 0 !important;
      margin: 0 !important;
    }
    
    /*-- 
        - Section Padding
    -------------------------------------*/
    .section-ptb {
      padding:60px 0 100px;
    }
    @media only screen and (min-width: 992px) and (max-width: 1200px) {
      .section-ptb {
        padding: 80px 0;
      }
    }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .section-ptb {
        padding: 80px 0;
      }
    }
    @media only screen and (max-width: 767px) {
      .section-ptb {
        padding: 70px 0;
      }
    }
    @media only screen and (max-width: 479px) {
      .section-ptb {
        padding: 60px 0;
      }
    }
    
    .section-pt {
      padding-top:60px;
    }
    @media only screen and (min-width: 992px) and (max-width: 1200px) {
      .section-pt {
        padding-top: 80px;
      }
    }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .section-pt {
        padding-top: 80px;
      }
    }
    @media only screen and (max-width: 767px) {
      .section-pt {
        padding-top: 70px;
      }
    }
    @media only screen and (max-width: 479px) {
      .section-pt {
        padding-top: 60px;
      }
    }
    
    .section-pb {
      padding-bottom: 60px;
    }
    @media only screen and (min-width: 992px) and (max-width: 1200px) {
      .section-pb {
        padding-bottom: 80px;
      }
    }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .section-pb {
        padding-bottom: 80px;
      }
    }
    @media only screen and (max-width: 767px) {
      .section-pb {
        padding-bottom: 70px;
      }
    }
    @media only screen and (max-width: 479px) {
      .section-pb {
        padding-bottom: 60px;
      }
    }
    
    /*-- Margin top --*/
    .mt--5 {
      margin-top: 5px;
    }
    
    .mt--10 {
      margin-top: 10px;
    }
    
    .mt--15 {
      margin-top: 15px;
    }
    
    .mt--20 {
      margin-top: 20px;
    }
    
    .mt--25 {
      margin-top: 25px;
    }
    
    .mt--30 {
      margin-top: 30px;
    }
    
    .mt--35 {
      margin-top: 35px;
    }
    
    .mt--40 {
      margin-top: 40px;
    }
    
    .mt--45 {
      margin-top: 45px;
    }
    
    .mt--50 {
      margin-top: 50px;
    }
    
    .mt--55 {
      margin-top: 55px;
    }
    
    .mt--60 {
      margin-top: 60px;
    }
    
    .mt--65 {
      margin-top: 65px;
    }
    
    .mt--70 {
      margin-top: 70px;
    }
    
    .mt--75 {
      margin-top: 75px;
    }
    
    .mt--80 {
      margin-top: 80px;
    }
    
    .mt--85 {
      margin-top: 85px;
    }
    
    .mt--90 {
      margin-top: 90px;
    }
    
    .mt--95 {
      margin-top: 95px;
    }
    
    .mt--100 {
      margin-top: 100px;
    }
    
    /*-- Margin Bottom --*/
    .mb--5 {
      margin-bottom: 5px;
    }
    
    .mb--10 {
      margin-bottom: 10px;
    }
    
    .mb--15 {
      margin-bottom: 15px;
    }
    
    .mb--20 {
      margin-bottom: 20px;
    }
    
    .mb--25 {
      margin-bottom: 25px;
    }
    
    .mb--30 {
      margin-bottom: 30px;
    }
    
    .mb--35 {
      margin-bottom: 35px;
    }
    
    .mb--40 {
      margin-bottom: 40px;
    }
    
    .mb--45 {
      margin-bottom: 45px;
    }
    
    .mb--50 {
      margin-bottom: 50px;
    }
    
    .mb--55 {
      margin-bottom: 55px;
    }
    
    .mb--60 {
      margin-bottom: 60px;
    }
    
    .mb--65 {
      margin-bottom: 65px;
    }
    
    .mb--70 {
      margin-bottom: 70px;
    }
    
    .mb--75 {
      margin-bottom: 75px;
    }
    
    .mb--80 {
      margin-bottom: 80px;
    }
    
    .mb--85 {
      margin-bottom: 85px;
    }
    
    .mb--90 {
      margin-bottom: 90px;
    }
    
    .mb--95 {
      margin-bottom: 95px;
    }
    
    .mb--100 {
      margin-bottom: 100px;
    }
    
    /*-- padding top --*/
    .pt--5 {
      padding-top: 5px;
    }
    
    .pt--10 {
      padding-top: 10px;
    }
    
    .pt--15 {
      padding-top: 15px;
    }
    
    .pt--20 {
      padding-top: 20px;
    }
    
    .pt--25 {
      padding-top: 25px;
    }
    
    .pt--30 {
      padding-top: 30px;
    }
    
    .pt--35 {
      padding-top: 35px;
    }
    
    .pt--40 {
      padding-top: 40px;
    }
    
    .pt--45 {
      padding-top: 45px;
    }
    
    .pt--50 {
      padding-top: 50px;
    }
    
    .pt--55 {
      padding-top: 55px;
    }
    
    .pt--60 {
      padding-top: 60px;
    }
    
    .pt--65 {
      padding-top: 65px;
    }
    
    .pt--70 {
      padding-top: 70px;
    }
    
    .pt--75 {
      padding-top: 75px;
    }
    
    .pt--80 {
      padding-top: 80px;
    }
    
    .pt--85 {
      padding-top: 85px;
    }
    
    .pt--90 {
      padding-top: 90px;
    }
    
    .pt--95 {
      padding-top: 95px;
    }
    
    .pt--100 {
      padding-top: 100px;
    }
    
    /*-- padding Bottom --*/
    .pb--5 {
      padding-bottom: 5px;
    }
    
    .pb--10 {
      padding-bottom: 10px;
    }
    
    .pb--15 {
      padding-bottom: 15px;
    }
    
    .pb--20 {
      padding-bottom: 20px;
    }
    
    .pb--25 {
      padding-bottom: 25px;
    }
    
    .pb--30 {
      padding-bottom: 30px;
    }
    
    .pb--35 {
      padding-bottom: 35px;
    }
    
    .pb--40 {
      padding-bottom: 40px;
    }
    
    .pb--45 {
      padding-bottom: 45px;
    }
    
    .pb--50 {
      padding-bottom: 50px;
    }
    
    .pb--55 {
      padding-bottom: 55px;
    }
    
    .pb--60 {
      padding-bottom: 60px;
    }
    
    .pb--65 {
      padding-bottom: 65px;
    }
    
    .pb--70 {
      padding-bottom: 70px;
    }
    
    .pb--75 {
      padding-bottom: 75px;
    }
    
    .pb--80 {
      padding-bottom: 80px;
    }
    
    .pb--85 {
      padding-bottom: 85px;
    }
    
    .pb--90 {
      padding-bottom: 90px;
    }
    
    .pb--95 {
      padding-bottom: 95px;
    }
    
    .pb--100 {
      padding-bottom: 100px;
    }
    
    /*--
        02. Element
    -------------------------*/
    /*--
        - Button Style
    ------------------------------------------*/
    .btn {
      background:var(--main-color);
      /* border-color:var(--main-color); */
      color: #ffffff;
      border-radius: 0;
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-weight: 600;
      font-size: 14px;
      -webkit-transition: 0.3s;
      transition: 0.3s;
      position: relative;
    }
    .btn:hover {
      background:#000;
      border-color:#000;
    }
    .btn:focus {
      outline: none;
      box-shadow: none;
    }
    .colors {
        margin: 0;
        padding: 0;
    }
    .colors li {
        list-style: none;
        display: inline-block;
    }
    .colors li a, .colors li input[type="checkbox"] {
        display: block;
        width: 40px;
        height: 40px;
        cursor: pointer;
    }
    .colors li a, .colors li input[type="checkbox"] {
        border: 1px solid #d0d0d0;
    }
    .colors li input[type="radio"] {
        display: block;
        width: 14px;
        height: 20px;
        cursor: pointer;
        position: relative;
        margin: 0 auto;
        top: 10px;
        background: #fff!important;
        border: 0;
    } 
    .pro_details ul {
      padding-left:20px;
    }
    .pro_details li {
      list-style:decimal
    }
    @media only screen and (max-width: 479px) {
      .btn {
        padding: 10px 20px;
        font-size: 12px;
      }
    }
    .btn span {
      display: inline-block;
      line-height: inherit;
      transition: none;
    }
    .btn i {
      display: inline-block;
      line-height: inherit;
      transition: none;
    }
    .btn.left i {
      margin-right: 10px;
    }
    .btn.right i {
      margin-left: 10px;
    }
    .btn:hover, .btn:active {
      background: #000000;
      color: #ffffff;
    }
    
    /*--
        - Section Title Css
    -------------------------------*/
    .section-title {
      margin-bottom: 20px;
      text-align: center;
    }
    .section-title h2 {
      font-size: 30px;
      margin-top: -5px;
      font-weight: 600;
      margin-bottom: 10px;
    }
    
    /*--
        - Breadcrumb Style
    ------------------------------------------*/
    /*---- Breadcrumb One ----*/
    .breadcrumb-area {
      background: url("../images/breadcrumb-bg.jpg") repeat scroll 0 0;
      text-align: center;
    }
    .breadcrumb-area h2 {
      font-size: 30px;
      font-weight: 600;
      margin-top: -5px;
      color:#fff;
    }
    .breadcrumb-area a {
      color:#fff;
    }
    .service-icon img {
      max-height:60px;
    }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .breadcrumb-area h2 {
        font-size: 24px;
      }
    }
    @media only screen and (max-width: 767px) {
      .breadcrumb-area h2 {
        font-size: 24px;
      }
    }
    
    .breadcrumb-list .breadcrumb-item {
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 16px;
      color: #191919;
      text-transform: capitalize;
      line-height: 1;
      display: inline-block;
    }
    .breadcrumb-list .breadcrumb-item.active {
      color: var(--#555);
    }
    .breadcrumb-list .breadcrumb-item a:hover {
      color: var(--main-color);
    }
    
    .breadcrumb-item + .breadcrumb-item::before {
      color: #fff;
      content: "/";
      display: inline-block;
      padding-left: 0.5rem;
      padding-right: 0.5rem;
    }
    
    /*--
        - Paginatoin Css
    ---------------------------------*/
    .paginatoin-area {
      border-bottom: 1px solid #dddddd;
      border-top: 1px solid #dddddd;
      padding: 15px 0;
      margin-top: 40px; margin-bottom: 50px;
    }
    @media only screen and (max-width: 479px), only screen and (max-width: 767px) {
      .paginatoin-area p {
        text-align: center;
        margin-bottom: 8px;
      }
    }
    
    .pagination-box {
      display: flex;
      justify-content: flex-end;
    }
    @media only screen and (max-width: 479px), only screen and (max-width: 767px) {
      .pagination-box {
        justify-content: center;
      }
    }
    .pagination-box li {
      display: inline-block;
    }
    .pagination-box li.active a {
      color: var(--main-color);
    }
    .pagination-box li a {
      color: #333333;
      display: block;
      padding: 0 8px;
    }
    .pagination-box li a:hover {
      color: var(--main-color);
    }
    
    /*--
        - Header Bottom Css
    -------------------------------*/
    .main-menu-area ul > li {
      display: inline-block;
      position: relative;
      padding: 0 14px;
    }
    .main-menu-area ul > li > a {
      display: block;
      font-size: 14px;
      font-weight: 500;
      padding: 48px 0;
      text-transform: uppercase;
      position: relative;
      -webkit-transition: 0.4s;
      transition: 0.4s;
    }
    .main-menu-area ul > li > a::before {
      content: "";
      background: var(--main-color);
      width: 0%;
      height: 2px;
      position: absolute;
      bottom: 0;
      left: 0;
      opacity: 0;
      -ms-filter: 0;
      -webkit-transition: 0.4s;
      transition: 0.4s;
    }
    .main-menu-area ul > li:first-child {
      padding-left: 0;
    }
    .main-menu-area ul > li:hover > a::before {
      visibility: visible;
      opacity: 1;
      -ms-filter: 1;
      width: 100%;
    }
    .main-menu-area ul > li:hover .sub-menu, .main-menu-area ul > li:hover .mega-menu {
      visibility: visible;
      opacity: 1;
      -ms-filter: 1;
      top: 100%;
    }
    
    /*--
        - Main Menu Css
    ---------------------*/
    .main-menu-area .sub-menu {
      background: #ffffff;
      left: 0;
      padding: 15px;
      position: absolute;
      text-align: left;
      width: 180px;
      z-index: 99;
      top: 120%;
      visibility: hidden;
      opacity: 0;
      -ms-filter: 0;
      -webkit-transition: 0.3s;
      transition: 0.3s;
    }
    .main-menu-area .sub-menu > li {
      padding: 0;
    }
    .main-menu-area .sub-menu > li:first-child {
      margin-bottom: 0;
    }
    .main-menu-area .sub-menu > li > a {
      padding: 0;
      margin-bottom: 5px;
    }
    .main-menu-area .sub-menu > li > a::before {
      display: none;
    }
    
    .main-menu-area .mega-menu {
      background: #ffffff;
      left: 0;
      padding: 30px 20px;
      position: absolute;
      text-align: left;
      width: 640px;
      z-index: 99;
      top: 120%;
      visibility: hidden;
      opacity: 0;
      -ms-filter: 0;
      -webkit-transition: 0.3s;
      transition: 0.3s;
    }
    .main-menu-area .mega-menu > li {
      width: 33.333%;
      float: left;
      padding: 0;
    }
    .main-menu-area .mega-menu > li a {
      padding: 0;
      font-weight: 600;
    }
    .main-menu-area .mega-menu > li a::before {
      display: none;
    }
    .main-menu-area .mega-menu > li ul li {
      display: block;
      padding: 0;
    }
    .main-menu-area .mega-menu > li ul li a {
      padding: 0;
      text-transform: capitalize;
      display: block;
      font-weight: 500;
      margin-top: 5px;
    }
    .main-menu-area .mega-menu > li ul li a::before {
      display: none;
    }
    
    .trigger-search {
      display: inline-block;
      margin-top: 2px;
    }
    
    .main-search-active {
      background: rgba(0, 0, 0, 0.92) none repeat scroll 0 0;
      width: 100%;
      min-height: 100vh;
      padding: 32px 46px 39px;
      position: fixed;
      top: 0;
      right: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      visibility: hidden;
      opacity: 0;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      z-index: 9999;
      -webkit-transition: all 0.5s ease-in-out;
      transition: all 0.5s ease-in-out;
    }
    
    .sidebar-search-icon {
      background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
      border: 0 none;
      border-radius: 100%;
      color: #ffffff;
      font-size: 30px;
      line-height: 1;
      padding: 0;
      position: absolute;
      right: 20px;
      top: 20px;
    }
    
    .sidebar-search-icon button {
      background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
      border: medium none;
      color: #ffffff;
      cursor: pointer;
      font-size: 30px;
      line-height: 1;
      transition: all 0.3s ease 0s;
    }
    .sidebar-search-icon button:hover {
      color: var(--main-color);
    }
    
    .sidebar-search-input {
      -ms-flex-item-align: center;
      align-self: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      align-items: center;
    }
    .sidebar-search-input .form-search {
      position: relative;
    }
    .sidebar-search-input .form-search input {
      background-color: rgba(0, 0, 0, 0);
      border-color: #dddddd;
      border-style: solid;
      border-width: 0 0 1px;
      color: #ffffff;
      display: block;
      font-size: 16px;
      height: 70px;
      line-height: 70px;
      padding: 15px 50px 15px 0;
      width: 800px;
    }
    .sidebar-search-input .form-search input::placeholder {
      color: #fff;
    }
    .sidebar-search-input .form-search input::-webkit-input-placeholder {
      color: #fff;
    }
    .sidebar-search-input .form-search input::-moz-placeholder {
      color: #fff;
    }
    .sidebar-search-input .form-search input::-ms-input-placeholder {
      color: #fff;
    }
    .sidebar-search-input .form-search input::placeholder {
      color: #fff;
    }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .sidebar-search-input .form-search input {
        width: 500px;
      }
    }
    @media only screen and (max-width: 767px) {
      .sidebar-search-input .form-search input {
        width: 400px;
      }
    }
    @media only screen and (max-width: 479px) {
      .sidebar-search-input .form-search input {
        width: 280px;
      }
    }
    .sidebar-search-input .form-search button {
      background-color: rgba(0, 0, 0, 0);
      border: medium none;
      color: #ffffff;
      cursor: pointer;
      font-size: 20px;
      padding: 0;
      position: absolute;
      right: 0;
      top: 25px;
      transition: all 0.3s ease 0s;
      width: 40px;
    }
    .sidebar-search-input .form-search button:hover {
      color: var(--main-color);
    }
    
    .main-search-active.inside {
      visibility: visible;
      opacity: 1;
      z-index: 99999;
    }
    
    /*--
        - Right Blok Box Css
    ---------------------------*/
    .right-blok-box {
      justify-content: flex-end;
      margin: 45px 0;
    }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .right-blok-box {
        margin: 34px 50px 24px 0;
      }
    }
    @media only screen and (max-width: 767px) {
      .right-blok-box {
        margin: 34px 40px 24px 0;
      }
    }
    @media only screen and (max-width: 479px) {
      .right-blok-box {
        margin: 28px 34px 24px 0;
      }
    }
    .right-blok-box a {
      font-size: 24px;
    }
    @media only screen and (max-width: 479px) {
      .right-blok-box a {
        font-size: 20px;
      }
    }
    
    .user-wrap {
      padding: 0 20px;
    }
    @media only screen and (max-width: 479px) {
      .user-wrap {
        padding: 0 15px;
      }
    }
    
    /*-- 
        - Shopping Cart Css
    ----------------------------*/
    .shopping-cart-wrap {
      position: relative;
    }
    .shopping-cart-wrap ul.mini-cart {
      position: absolute;
      width: 300px;
      background: #fff;
      box-shadow: 0 0 3px 2px #dddddd;
      right: 0;
      top: 130%;
      padding: 15px;
      z-index: 99;
      visibility: hidden;
      opacity: 0;
      -ms-filter: 0;
      transition: all 0.3s ease-in-out;
    }
    .shopping-cart-wrap ul.mini-cart .cart-item {
      display: flex;
      padding-bottom: 15px;
      position: relative;
    }
    .shopping-cart-wrap ul.mini-cart .cart-item .cart-image {
      border: 1px solid #f1f1f1;
      display: block;
      width: 100px;
    }
    .shopping-cart-wrap ul.mini-cart .cart-item .cart-title {
      padding-left: 15px;
      width: 60%;
    }
    .shopping-cart-wrap ul.mini-cart .cart-item .cart-title h4 {
      font-size: 15px;
      font-weight: 500;
    }
    .shopping-cart-wrap ul.mini-cart .cart-item .cart-title .quantity {
      display: block;
    }
    .shopping-cart-wrap ul.mini-cart .cart-item .cart-title .price-box {
      color: var(--main-color);
      font-weight: 500;
    }
    .shopping-cart-wrap ul.mini-cart .cart-item .cart-title .price-box .old-price {
      color: #666;
      text-decoration: line-through;
    }
    .shopping-cart-wrap ul.mini-cart .cart-item .cart-title .remove_from_cart {
      margin-top: 10px;
      position: absolute;
      right: 0;
      font-size: 14px;
    }
    .shopping-cart-wrap ul.mini-cart .subtotal-titles .subtotal-titles {
      display: flex;
      justify-content: space-between;
      font-size: 14px;
      font-weight: 600;
      color: #000000;
    }
    .shopping-cart-wrap ul.mini-cart .subtotal-titles .subtotal-titles h3 {
      font-size: 14px;
      font-weight: 600;
      color: #000000;
      line-height: 20px;
      margin: 0;
    }
    @media only screen and (max-width: 767px) {
      .shopping-cart-wrap ul.mini-cart {
        right: -30px;
        width: 280px;
      }
    }
    .shopping-cart-wrap:hover ul.mini-cart {
      visibility: visible;
      opacity: 1;
      -ms-filter: 1;
      top: 100%;
    }
    
    #cart-total {
      background: var(--main-color);
      border-radius: 100%;
      color: #ffffff;
      float: right;
      font-size: 10px;
      font-weight: 500;
      height: 18px;
      line-height: 18px;
      position: relative;
      text-align: center;
      text-transform: capitalize;
      top: 3px;
      width: 18px;
    }
    
    .mini-cart-btns .cart-btns {
      display: flex;
      justify-content: space-between;
      padding-top: 15px;
      width: 100%;
    }
    .mini-cart-btns .cart-btns a {
      background: var(--main-color);
      border: 2px solid var(--main-color);
      border-radius: 50px;
      color: #ffffff;
      display: inline-block;
      font-size: 12px;
      font-weight: 500;
      height: 40px;
      line-height: 36px;
      padding: 0 25px;
      text-align: center;
      text-transform: uppercase;
    }
    .mini-cart-btns .cart-btns a:hover {
      background: #000000;
      border: 2px solid #000000;
    }
    
    /*--
        04. Hero Css
    --------------------------------*/
    .hero-slider-one .single-slide {
      align-items: center;
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      align-items: center;
      height:auto!important;
      position: relative;
      z-index: 1;
    }
    /*.product-area {*/
    /*	background: #f7f7f7;*/
    /*}*/
    @media only screen and (min-width: 992px) and (max-width: 1200px) {
      .hero-slider-one .single-slide {
        height: 600px;
      }
    }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .hero-slider-one .single-slide {
        height: 500px;
      }
    }
    @media only screen and (max-width: 767px) {
      .hero-slider-one .single-slide {
        height: 480px;
      }
    }
    @media only screen and (max-width: 479px) {
      .hero-slider-one .single-slide {
        height: 420px;
      }
    }
    .hero-slider-one .slick-arrow {
      background-color: rgba(0, 0, 0, 0.2);
      border: medium none;
      border-radius: 100px;
      color: #ffffff;
      height: 60px;
      position: absolute;
      top: 50%;
      width: 60px;
      z-index: 999;
      visibility: hidden;
      opacity: 0;
      -ms-filter: 0;
      -webkit-transition: 0.4s;
      transition: 0.4s;
    }
    .hero-slider-one .slick-arrow:hover {
      background-color: var(--main-color);
    }
    @media only screen and (max-width: 479px), only screen and (max-width: 767px) {
      .hero-slider-one .slick-arrow {
        height: 40px;
        width: 40px;
      }
    }
    .hero-slider-one .slick-arrow.slick-next {
      right: 15px;
    }
    .hero-slider-one .slick-arrow.slick-prev {
      left: 15px;
    }
    .hero-slider-one:hover .slick-arrow {
      visibility: visible;
      opacity: 1;
      -ms-filter: 1;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
    }
    
    .hero-slider-one .slider-text-info {
      padding-top: 110px;
    }
    @media only screen and (min-width: 992px) and (max-width: 1200px) {
      .hero-slider-one .slider-text-info {
        padding-top: 100px;
      }
    }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .hero-slider-one .slider-text-info {
        padding: 0;
      }
    }
    @media only screen and (max-width: 767px) {
      .hero-slider-one .slider-text-info {
        padding: 0;
      }
    }
    @media only screen and (max-width: 479px) {
      .hero-slider-one .slider-text-info {
        padding: 0;
      }
    }
    .hero-slider-one .slider-text-info h3 {
      color: var(--main-color);
      font-size: 30px;
      font-weight: 500;
      margin-bottom: 20px;
    }
    @media only screen and (max-width: 767px) {
      .hero-slider-one .slider-text-info h3 {
        font-size: 20px;
      }
    }
    @media only screen and (max-width: 479px) {
      .hero-slider-one .slider-text-info h3 {
        font-size: 20px;
        margin-bottom: 10px;
      }
    }
    .hero-slider-one .slider-text-info h1 {
      text-transform: uppercase;
      margin-bottom: 20px;
    }
    @media only screen and (min-width: 992px) and (max-width: 1200px) {
      .hero-slider-one .slider-text-info h1 {
        font-size: 44px;
      }
    }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .hero-slider-one .slider-text-info h1 {
        font-size: 40px;
      }
    }
    @media only screen and (max-width: 767px) {
      .hero-slider-one .slider-text-info h1 {
        font-size: 30px;
      }
    }
    @media only screen and (max-width: 479px) {
      .hero-slider-one .slider-text-info h1 {
        font-size: 28px;
        margin-bottom: 10px;
      }
    }
    .hero-slider-one .slider-text-info p {
      line-height: 24px;
      margin: 0;
    }
    .hero-slider-one .slider-text-info .slider-btn {
      font-size: 16px;
      line-height: 16px;
      font-weight: 500;
      padding: 18px 45px;
      margin-top: 30px;
      -webkit-transition: 0.4s;
      transition: 0.4s;
    }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .hero-slider-one .slider-text-info .slider-btn {
        padding: 15px 35px;
      }
    }
    @media only screen and (max-width: 767px) {
      .hero-slider-one .slider-text-info .slider-btn {
        padding: 14px 20px;
      }
    }
    @media only screen and (max-width: 479px) {
      .hero-slider-one .slider-text-info .slider-btn {
        padding: 14px 20px;
        margin-top: 20px;
      }
    }
    .hero-slider-one .slider-inner-image {
      justify-content: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      align-items: center;
      opacity: 0;
      -ms-filter: 0;
    }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .hero-slider-one .slider-inner-image {
        display: none;
      }
    }
    @media only screen and (max-width: 767px) {
      .hero-slider-one .slider-inner-image {
        display: none;
      }
    }
    @media only screen and (max-width: 479px) {
      .hero-slider-one .slider-inner-image {
        display: none;
      }
    }
    
    .slick-current {
      /*-- Hero Content One --*/
    }
    .slick-current .hero-content-one h3 {
      animation-name: fadeInBottom;
      animation-duration: 0.3s;
    }
    .slick-current .hero-content-one h1 {
      animation-name: fadeInBottom;
      animation-duration: 0.5s;
    }
    .slick-current .hero-content-one p {
      animation-name: fadeInBottom;
      animation-duration: 0.7s;
    }
    .slick-current .hero-content-one .btn {
      animation-name: fadeInBottom;
      animation-duration: 0.8s;
    }
    .slick-current .hero-content-one .slider-inner-image {
      opacity: 1;
      -ms-filter: 1;
      animation-name: fadeInRight;
      animation-duration: 0.9s;
    }
    
    /*--
        05. About Area Css
    -------------------------------------*/
    .about-area .about-image {
      position: relative;
      text-align: center;
    }
    
    .about-area .text_left {
      background: #ffffff none repeat scroll 0 0;
      border-radius: 25px;
      box-shadow: 1px 2px 2px 2px #dddddd;
      color: #303030;
      font-size: 24px;
      left: -120px;
      padding: 15px 40px;
      position: absolute;
      text-align: left;
      text-transform: capitalize;
      top: 45%;
      transform: rotate(-90deg);
    }
    @media only screen and (min-width: 992px) and (max-width: 1200px) {
      .about-area .text_left {
        left: -155px;
      }
    }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .about-area .text_left {
        left: -60px;
      }
    }
    @media only screen and (max-width: 479px) {
      .about-area .text_left {
        font-size: 14px;
        left: -70px;
        padding: 8px 14px;
        top: 42%;
      }
    }
    @media only screen and (max-width: 767px) {
      .about-area .text_left {
        font-size: 18px;
        left: -70px;
        padding: 10px 18px;
        top: 44%;
      }
    }
    
    .about-contents {
      padding-left: 25px;
      padding-top: 65px;
    }
    @media only screen and (min-width: 992px) and (max-width: 1200px) {
      .about-contents {
        padding-top: 48px;
      }
    }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .about-contents {
        padding-top: 60px;
        padding-left: 0px;
      }
    }
    @media only screen and (max-width: 767px) {
      .about-contents {
        padding-top: 30px;
        padding-left: 0px;
      }
    }
    @media only screen and (max-width: 479px) {
      .about-contents {
        padding-top: 30px;
        padding-left: 0px;
      }
    }
    .about-contents h3 {
      font-size: 30px;
      font-weight: 600;
      margin-bottom: 30px;
    }
    @media only screen and (max-width: 479px) {
      .about-contents h3 {
        margin-bottom: 20px;
        font-size: 26px;
      }
    }
    .about-contents .price-box {
      font-size: 18px;
      margin-bottom: 20px;
    }
    .about-contents .price-box .new-price {
      color: var(--main-color);
      font-size: 22px;
      font-weight: 500;
    }
    .about-contents .price-box .old-price {
      font-size: 18px;
      text-decoration: line-through;
      color: #000000;
    }
    .about-contents p {
      margin-bottom: 30px;
    }
    .about-contents .shop-btn-two {
      font-weight: 500;
      font-size: 14px;
      border: none;
      padding: 14px 40px;
    }
    
    /*--
       06. Product Area Css
    ------------------------------*/
    .single-product-wrap {
      margin-bottom: 30px;
    }
    .single-product-wrap:hover .product-action {
      opacity: 1;
      -ms-filter: 1;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
    }
    .single-product-wrap {
        transition: all 0.5s ease;
    }
    .single-product-wrap:hover {
        transition: all 0.5s ease;
        transform: scale(1.1);
    }
    /*.single-product-wrap:hover a:before {
      opacity: 1;
      -ms-filter: 1;
    }*/
    
    .product-image {
      position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 200px;
        background: #fff;
    }
    .product-image > a {
      display: block;
      position: relative;
    }
    .product-image > a img {
      max-height: 250px;
    }
    .product-image > a::before {
      content: "";
      background: rgba(0, 0, 0, 0.38) none repeat scroll 0 0;
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      opacity: 0;
      -ms-filter: 0;
      -webkit-transition: 0.4s;
      transition: 0.4s;
    }
    .product-image .product-action {
      display: inline-block;
      left: 0;
      position: absolute;
      text-align: center;
      top: 50%;
      width: 100%;
      opacity: 0;
      -ms-filter: 0;
      -webkit-transition: 0.3s;
      transition: 0.3s;
    }
    .product-image .product-action .wishlist, .product-image .product-action .add-to-cart, .product-image .product-action .quick-view {
      background: #ffffff none repeat scroll 0 0;
      display: inline-block;
      height: 50px;
      line-height: 54px;
      width: 50px;
    }
    .product-image .product-action .wishlist:hover, .product-image .product-action .add-to-cart:hover, .product-image .product-action .quick-view:hover {
      background: var(--main-color);
      color: #ffffff;
    }
    
    .product-content {
      margin-top: 20px;
      text-align: center;
    }
    .product-content h3 {
      font-size: 13px;
        font-weight: 700;
        margin: 0;
        line-height: normal;
        /* margin-bottom: 10px; */
        min-height: 40px;
    }
    .product-content .price-box {
      font-size: 14px;
      font-weight: 500;
      font-family: Verdana, Arial, Helvetica, sans-serif;
    }
    .product-content .price-box .old-price {
      text-decoration: line-through;
      font-size: 13px;
      font-weight: 500;
    }
    
    /*--
       07. Banner Area Css
    ------------------------------*/
    .lg-banner-bg {
    
      background-size:cover!important;
      background-attachment:fixed!important;
    }
    
    .lg-banner-bg-2 {
      background: url(../images/03.html);
    }
    
    .lg-banner-info h2 {
      font-size: 40px;
      font-weight: 600;
      line-height: 55px;
      margin-top: -11px;
    }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .lg-banner-info h2 {
        font-size: 30px;
      }
    }
    @media only screen and (max-width: 767px) {
      .lg-banner-info h2 {
        font-size: 30px;
        line-height: 44px;
      }
    }
    @media only screen and (max-width: 479px) {
      .lg-banner-info h2 {
        font-size: 23px;
        line-height: 36px;
      }
    }
    .lg-banner-info p {
      margin-bottom: 0;
    }
    .lg-banner-info .more-product-btn {
      font-size: 14px;
      line-height: 14px;
      font-weight: 500;
      padding: 18px 40px;
      margin-top: 25px;
      -webkit-transition: 0.4s;
      transition: 0.4s;
    }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .lg-banner-info .more-product-btn {
        padding: 15px 35px;
      }
    }
    @media only screen and (max-width: 767px) {
      .lg-banner-info .more-product-btn {
        padding: 14px 20px;
      }
    }
    @media only screen and (max-width: 479px) {
      .lg-banner-info .more-product-btn {
        padding: 14px 20px;
        margin-top: 20px;
      }
    }
    
    .single-banner {
      position: relative;
      width: 100%;
      height: 100%;
    }
    .single-banner .banner-bg > a {
      display: block;
      overflow: hidden;
      position: relative;
    }
    .single-banner .banner-bg > a::before {
      background-color: #fff;
      content: "";
      height: 100%;
      left: 0;
      position: absolute;
      top: 0;
      -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, -120%, 0px);
      transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, -120%, 0px);
      -webkit-transition: -webkit-transform 0.6s ease 0s;
      transition: -webkit-transform 0.6s ease 0s;
      transition: transform 0.6s ease 0s;
      transition: transform 0.6s ease 0s, -webkit-transform 0.6s ease 0s;
      width: 100%;
      z-index: 4;
      opacity: 0;
      visibility: hidden;
    }
    .single-banner .banner-bg > a:hover:before {
      -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, 120%, 0px);
      transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, 120%, 0px);
      visibility: visible;
      opacity: 0.5;
    }
    .single-banner .banner-bg img {
      width: 100%;
    }
    
    .banner-contet {
      position: absolute;
      top: 50%;
      padding-left: 30px;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
    }
    @media only screen and (max-width: 479px), only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
      .banner-contet {
        padding-left: 30px;
      }
    }
    .banner-contet p {
      color:var(--main-color);
      font-style: italic;
      font-size: 24px;
      margin-bottom: 10px;
    }
    @media only screen and (max-width: 479px), only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
      .banner-contet p {
        font-size: 20px;
      }
    }
    .banner-contet h3 {
      color: #000000;
      font-size: 36px;
      font-weight: 600;
      margin-bottom: 0;
      line-height:40px;
    }
    @media only screen and (max-width: 479px), only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
      .banner-contet h3 {
        font-size: 28px;
      }
    }
    .banner-contet > .btn-3 {
      color: #fff;
      background:var(--main-color);
      font-size: 16px;
      font-weight: 500;
      margin-top: 20px;
      padding:5px 25px;
    }
    .banner-contet > .btn-3:hover {
      color: #fff;
    }
    @media only screen and (max-width: 479px), only screen and (max-width: 767px) {
      .banner-contet > .btn-3 {
        margin-top: 10px;
      }
    }
    
    @media only screen and (max-width: 479px), only screen and (max-width: 767px) {
      .s-mt-30 {
        margin-top: 30px;
      }
    }
    /*--
        08. Testimonial Area Css
    --------------------------------*/
    .testimonial-bg {
      background: url(../images/02.jpg);
      background-attachment:fixed;
      background-size:cover;
      background-position:center;
    }
    
    .overlay {
      position: relative;
    }
    .overlay::before {
      background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
      width: 100%;
      height: 100%;
      content: "";
      position: absolute;
      top: 0;
      left: 0;
    }
    
    .testimonial-inner .test-cont > img {
      margin: auto;
    }
    .testimonial-inner .test-cont p {
      font-size: 24px;
      font-style: italic;
      line-height: 36px;
      margin: 35px 0;
      color: #ffffff;
      padding: 0 2px;
    }
    @media only screen and (min-width: 992px) and (max-width: 1200px) {
      .testimonial-inner .test-cont p {
        font-size: 20px;
        margin: 25px 0;
      }
    }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .testimonial-inner .test-cont p {
        font-size: 20px;
        margin: 25px 0;
      }
    }
    @media only screen and (max-width: 767px) {
      .testimonial-inner .test-cont p {
        font-size: 20px;
        margin: 25px 0;
      }
    }
    @media only screen and (max-width: 479px) {
      .testimonial-inner .test-cont p {
        font-size: 16px;
        margin: 20px 0;
      }
    }
    .testimonial-inner .test-author h4 {
      font-size: 20px;
      font-weight: 500;
      color: #ffffff;
    }
    @media only screen and (max-width: 479px) {
      .testimonial-inner .test-author h4 {
        font-size: 18px;
      }
    }
    .testimonial-inner .test-author p {
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-weight: 600;
      color: #ffffff;
    }
    
    /*--
        09. Instagram Css
    ------------------------------*/
    .instaram-title h3 {
      font-size: 24px;
      font-weight: 500;
      margin-bottom: 40px;
      margin-top: -5px;
    }
    .instaram-title h3 > a {
      font-weight: 600;
    }
    @media only screen and (max-width: 767px) {
      .instaram-title h3 {
        font-size: 20px;
      }
    }
    @media only screen and (max-width: 479px) {
      .instaram-title h3 {
        font-size: 20px;
      }
    }
    
    .single-instagram a {
      position: relative;
      display: block;
    }
    .single-instagram a::after {
      content: "\e609";
      color: var(--main-color);
      font-family: simple-line-icons;
      font-size: 25px;
      left: 0;
      position: absolute;
      right: 0;
      text-align: center;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      opacity: 0;
      -ms-filter: 0;
      -webkit-transition: 0.3s;
      transition: 0.3s;
    }
    .single-instagram a::before {
      background: rgba(0, 0, 0, 0.5);
      position: absolute;
      content: "";
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      opacity: 0;
      -ms-filter: 0;
      -webkit-transition: 0.3s;
      transition: 0.3s;
    }
    .single-instagram a img {
      width: 100%;
    }
    .single-instagram:hover ::after, .single-instagram:hover ::before {
      opacity: 1;
    }
    
    .subscribe-area {
      padding-top: 50px;
    }
    @media only screen and (min-width: 992px) and (max-width: 1200px) {
      .subscribe-area {
        padding-top: 20px;
      }
    }
    
    .subsctibe-title h3 {
      font-size: 30px;
      font-weight: 500;
    }
    
    .subscribe-content {
      margin-top: 30px;
    }
    
    .input-field {
      width: 100%;
      border: 2px solid #e0e0e0;
      text-align: center;
      height: 60px;
      color: #333;
      padding: 15px;
      font-size: 15px;
    }
    @media only screen and (min-width: 992px) and (max-width: 1200px) {
      .input-field {
        height: 50px;
      }
    }
    
    .subscribe-btn {
      font-weight: 500;
      padding: 15px 40px;
      margin-top: 30px;
      text-transform: uppercase;
    }
    @media only screen and (min-width: 992px) and (max-width: 1200px) {
      .subscribe-btn {
        padding: 12px 35px;
      }
    }
    
    @media only screen and (min-width: 992px) and (max-width: 1200px) {
      .home-2 .subscribe-area {
        padding-bottom: 50px;
        padding-top: 0;
      }
    }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .home-2 .subscribe-area {
        padding-bottom: 50px;
        padding-top: 0;
      }
    }
    @media only screen and (max-width: 767px) {
      .home-2 .subscribe-area {
        padding-bottom: 50px;
        padding-top: 0;
      }
    }
    @media only screen and (max-width: 479px) {
      .home-2 .subscribe-area {
        padding-bottom: 50px;
        padding-top: 0;
      }
    }
    /*--
       10. Footer Area Css
    ---------------------------*/
    .footer-top {
      background: #f0f0f0; padding-top:145px!important;
    }
    
    .footer-title {
      margin-bottom: 25px;
    }
    .footer-title h3 {
      font-size: 18px;
      font-weight: 600;
      line-height: 18px;
    }
    
    .footer-info-list li {
      margin-bottom: 15px;
      padding-left:20px;
      position:relative;
    }
    .footer-info-list li i {
      font-size: 20px;
      margin-right:15px;
      position:absolute;
      left:0;
    }
    .footerform input {
      margin-bottom:4px;
      font-size:12px;
      height:44px;
    }
    .footerform textarea {
      margin-bottom:4px;
      font-size:12px;
      resize:vertical;
    }
    .footerform button {
      width:100%;
      border:0;
      border-radius: .25rem;
    }
    .footer-info ul.footer-list li {
      margin-bottom: 20px;
      line-height: 16px;
    }
    .footer-info ul.footer-list li:last-child {
      margin: 0;
    }
    
    .footer-bottom {
      background: #e4e4e4;
      padding: 18px 0;
    }
    @media only screen and (max-width: 479px), only screen and (max-width: 767px) {
      .footer-bottom {
        text-align: center;
      }
    }
    
    .footer-social ul {
      float: right;
    }
    @media only screen and (max-width: 479px), only screen and (max-width: 767px) {
      .footer-social ul {
        float: inherit;
        text-align: center;
        margin-top: 10px;
      }
    }
    .footer-social ul li {
      display: inline-block;
    }
    .footer-social ul li:first-child a {
      margin-left: 0px;
    }
    .footer-social ul li a {
      display: block;
      margin-left:10px;
      font-size: 13px;
    }
    .font20 a {
      font-size:20px!important;
    }
    .copyright {
      font-size: 13px;
    }
    footer {
      font-size:14px;
    }	
    @media only screen and (min-width: 992px) and (max-width: 1200px) {
      .footer-top.pt--40 {
        padding-top: 20px;
      }
    
      .footer-top.pb--100 {
        padding-bottom: 80px;
      }
    }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .footer-top.pt--40 {
        padding-top: 20px;
      }
    
      .footer-top.pb--100 {
        padding-bottom: 80px;
      }
    }
    @media only screen and (max-width: 767px) {
      .footer-top.pt--40 {
        padding-top: 10px;
      }
    
      .footer-top.pb--100 {
        padding-bottom: 70px;
      }
    }
    @media only screen and (max-width: 479px) {
      .footer-top.pt--40 {
        padding-top: 0px;
      }
    
      .footer-top.pb--100 {
        padding-bottom: 60px;
      }
    }
    
    
    /*--
        12. Service Area Css
    --------------------------------*/
    .single-service .service-icon {
      margin-bottom: 15px;
    }
    .single-service .service-content > h3 {
      font-size: 18px;
      font-weight: 600;
      position: relative;
      color: #000000;
      /*padding-bottom: 15px;*/
      margin-bottom:0px;
    }
    /*.single-service .service-content > h3::after {
      position: absolute;
      content: "";
      bottom: 0;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%);
      height: 2px;
      width: 50px;
      background: #e4e4e4;
    }*/
    
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .our-service-area.pb--70 {
        padding-bottom: 50px;
      }
    }
    @media only screen and (max-width: 767px) {
      .our-service-area.pb--70 {
        padding-bottom: 40px;
      }
    }
    @media only screen and (max-width: 479px) {
      .our-service-area.pb--70 {
        padding-bottom: 30px;
      }
    }
    /*--
        13. Blog Page Css
    ----------------------------*/
    .single-blog-area {
      margin-bottom: 50px;
    }
    .single-blog-area:last-child {
      margin-bottom: 0;
    }
    
    .blog-contend {
      margin-top: 20px;
    }
    .blog-contend h3 {
      font-weight: 600;
    }
    .blog-contend .blog-btn {
      display: inline-block;
      padding: 5px 15px;
    }
    
    .blog-date-categori {
      margin-bottom: 10px;
    }
    .blog-date-categori ul li {
      display: inline-block;
    }
    .blog-date-categori ul li a {
      font-size: 14px;
      margin-right: 10px;
      font-weight: 500;
    }
    .blog-date-categori ul li a i {
      font-size: 14px;
      margin-right: 5px;
    }
    
    .search-post {
      position: relative;
      margin-top: 20px;
    }
    .search-post input {
      border: 1px solid #dddddd;
      font-size: 14px;
      height: 40px;
      padding: 10px 50px 10px 10px;
      position: relative;
      width: 100%;
    }
    .search-post .btn-search {
      border: medium none;
      font-size: 20px;
      padding: 7px 15px;
      position: absolute;
      right: 0;
      top: 0;
      background: #ddd;
    }
    .search-post .btn-search:hover {
      background: var(--main-color);
      color: #ffffff;
    }
    
    .social-icons {
      float: right;
      margin-top: 5px;
    }
    .social-icons li {
      display: inline-block;
      margin-left: 10px;
    }
    
    .blog-image-slider .slick-arrow {
      background: #dddddd none repeat scroll 0 0;
      border: 1px solid #dddddd;
      font-size: 16px;
      height: 40px;
      position: absolute;
      top: 50%;
      width: 40px;
      z-index: 9;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
    }
    .blog-image-slider .slick-arrow:hover {
      background: var(--main-color);
      color: #ffffff;
      border-color: var(--main-color);
    }
    .blog-image-slider .slick-next {
      right: 0;
    }
    
    .post-info {
      margin-top: 30px;
    }
    .post-info .blockquote-inner {
      border-left: 5px solid var(--main-color);
      background: #fafafa;
      font-size: 16px;
      font-style: italic;
      margin: 30px 0;
      padding: 20px 10px;
    }
    .post-info .post-commet {
      border-bottom: 1px solid #e7e4dd;
      border-top: 1px solid #e7e4dd;
      font-size: 14px;
      margin: 0 0 30px;
      padding: 15px 0;
      text-align: left;
      text-transform: uppercase;
    }
    .post-info .post-commet .social-icons {
      margin-top: 1px;
      font-size: 16px;
    }
    
    .comment-form-comment .comment-notes {
      width: 100%;
      padding: 10px;
      border: 1px solid #777;
      height: 140px;
    }
    .comment-form-comment label {
      display: block;
    }
    .comment-form-comment label span {
      color: var(--main-color);
    }
    
    .comment-form-author, .comment-form-email, .comment-form-url {
      float: left;
      padding: 0 10px;
      width: 33.3333%;
    }
    @media only screen and (max-width: 479px) {
      .comment-form-author, .comment-form-email, .comment-form-url {
        width: 100%;
      }
    }
    @media only screen and (max-width: 767px) {
      .comment-form-author, .comment-form-email, .comment-form-url {
        width: 100%;
      }
    }
    
    .comment-input {
      margin: 0 -10px;
      overflow: hidden;
    }
    .comment-input label {
      display: block;
    }
    .comment-input input, .comment-input select {
      width: 100%;
      padding: 10px;
      border: 1px solid #777;
      height: 40px;
    }
    
    .comment-form-submit .comment-submit {
      background: var(--main-color);
      color: #ffffff;
      border: none;
      padding: 8px 15px;
      margin-top: 20px;
    }
    .comment-form-submit .comment-submit:hover {
      background: #000000;
    }
    
    /*-- 
       14. sidebar Css
    ------------------------------*/
    .shop-sidebar h4 {
      font-size: 16px;
      font-weight: 600;
      color: #000000;
      margin-bottom: 10px;
      padding-bottom: 10px;
      position: relative;
      border-bottom: 1px solid #ddd;
      text-transform: uppercase;
    }
    /*.shop-sidebar h4::before {
      position: absolute;
      content: "";
      background: var(--main-color);
      width: 50px;
      height: 2px;
      left: 0;
      bottom: -1px;
    }*/
    .shop-sidebar ul > li {
      display: block;
      margin-bottom: 10px;
    }
    .shop-sidebar ul > li:last-child {
      margin-bottom: 0px;
    }
    .shop-sidebar ul > li > a {
      font-size: 14px;
      display: block;
      font-weight: 500;
      position:relative;
      border-bottom: 1px solid #e8e8e8;
      border-bottom-style: dotted;
    }
    /*.shop-sidebar ul > li>a:after {
      position:absolute;
      right:0;
      top:0;
      content:'\e606';
      font-family:'simple-line-icons';
      font-size:8px;
    }*/
    .shop-sidebar ul > li > a span {
      float: right;
    }
    
    .sidbar-product .sidbar-product-inner {
      overflow: hidden;
      display: flex;
      margin-top: 20px;
    }
    .sidbar-product .sidbar-product-inner .product-image {
      padding-right: 10px;
      width: 100px;
    }
    .sidbar-product .sidbar-product-inner .product-content {
      margin-top: 0;
    }
    .sidbar-product .sidbar-product-inner .product-content h3 {
      font-size: 15px;
    }
    .sidbar-product .sidbar-product-inner .product-content .price-box {
      font-size: 16px;
    }
    
    .ui-widget-content {
      background: #777 none repeat scroll 0 0;
      border: medium none;
      border-radius: 0px;
      height: 4px;
      margin: 35px 0 25px;
    }
    .ui-widget-content .ui-state-default {
      background: #ffffff;
      border: 3px solid var(--main-color);
      border-radius: 25px;
      box-shadow: none;
      color: #ffffff;
      cursor: pointer;
      font-weight: normal;
      height: 15px;
      width: 15px;
    }
    .ui-widget-content .ui-state-default:hover {
      background: var(--main-color);
    }
    .ui-widget-content .ui-slider-range {
      background: var(--main-color);
    }
    
    .filter-price-cont {
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      -webkit-flex-direction: row;
      flex-direction: row;
      font-size: 13px;
      font-weight: 600;
      margin-bottom: 10px;
    }
    
    .filter-price-cont {
      font-size: 14px;
    }
    .filter-price-cont .input-type input {
      border: medium none;
      padding: 0 8px 0 0;
      text-align: center;
      width: 40px;
    }
    .filter-price-cont .input-type:last-child {
      padding-left: 8px;
    }
    .filter-price-cont .add-to-cart-button {
      background: var(--main-color);
      display: inline-block;
      font-weight: 500;
      padding: 1px 13px;
      right: 0;
      color: #ffffff;
    }
    .filter-price-cont .add-to-cart-button:hover {
      background: #000000;
    }
    
    .sidebar-tag > a {
      border: 1px solid #000000;
      color: #000000;
      font-size: 14px;
      font-weight: 500;
      margin: 10px 10px 0  0;
      padding: 4px 15px;
    }
    .sidebar-tag > a:hover {
      background: var(--main-color);
      color: #ffffff;
      border: 1px solid var(--main-color);
    }
    
    .shop-top-bar {
      display: flex;
      justify-content: space-between;
      padding: 10px 15px;
      border: 1px solid #ddd;
      margin-bottom: 10px;
      background:#fff;
    }
    .shop-sidebar-wrap {
      background:#fff;
      padding:15px;
    }
    .shop-item-filter-list li a {
      font-size: 14px;
      font-weight: 500;
      margin-right: 10px;
    }
    .shop-item-filter-list li a .active {
      color: var(--black);
    }
    .shop-item-filter-list li .active {
      color: var(--black);
    }
    .offers {
      position:absolute;
      left:15px;
      top:15px;
    }
    .offers a {
      display:block;
      width:50px;
      height:50px;
      background: #f7f7f7;
      line-height:14px;
      color:#fff!important;
      border-radius:100%;
      font-size:12px;
      text-align:center;
      display: flex;
        align-items: center;
        justify-content: center;
    }
    .product-short {
      display: flex;
      font-size: 14px;
    }
    .product-short p {
      margin: 0 15px 0 0;
    }
    .product-short select {
      border: 1px solid #ddd;
      padding: 0 8px;
    }
    
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .shop-sidebar-wrap {
        margin-top: 80px;
      }
    }
    @media only screen and (max-width: 767px) {
      .shop-sidebar-wrap {
        margin-top: 70px;
      }
    }
    @media only screen and (max-width: 479px) {
      .shop-sidebar-wrap {
        margin-top: 60px;
      }
    }
    
    .product-layout-list p {
      margin-top: 20px;
    }
    .product-layout-list:hover .product-action {
      opacity: 1;
      visibility: visible;
      transform: translateY(-50%);
    }
    .product-layout-list:hover .product-image a::before {
      opacity: 1;
    }
    
    /*--
       15. Product Details Css
    ---------------------------*/
    .modal-wrapper .modal-body {
      padding: 30px 15px;
    }
    .modal-body {
      background:#f6f6f6;
    }
    .formnew input {
      font-size:13px;
      height:44px;
    }
    .formnew textarea {
      font-size:13px;
    }
    .formnew button[type="submit"] {
      width:100%;
      border-radius: 4px;
        box-shadow: none;
        border: 0;
    }
    .pure-material-checkbox {
        z-index: 0;
        position: relative;
        display: inline-block;
        color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.87);
        font-size: 16px;
        line-height: 1.5;
      margin:0;
    }
    .checkboxes li {
      margin-bottom:0!important;
    }
    
    /* Input */
    .pure-material-checkbox > input {
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
        z-index: -1;
        position: absolute;
        left: -10px;
        top: -8px;
        display: block;
        margin: 0;
        border-radius: 50%;
        width: 40px;
        height: 40px;
        background-color: rgba(var(--pure-material-onsurface-rgb, 206, 23, 5), 0.6);
        box-shadow: none;
        outline: none;
        opacity: 0;
        transform: scale(1);
        pointer-events: none;
        transition: opacity 0.3s, transform 0.2s;
    }
    
    /* Span */
    .pure-material-checkbox > span {
        display: inline-block;
        width: 100%;
        cursor: pointer;
      font-size:14px;
    }
    .shop-page {
      background:#f5f5f5;
    }
    /* Box */
    .pure-material-checkbox > span::before {
        content: "";
        display: inline-block;
        box-sizing: border-box;
        margin: 3px 11px 3px 1px;
        border: solid 1px;
        border-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.6);
        border-radius: 0px;
        width: 16px;
        height: 16px;
        vertical-align: top;
        transition: border-color 0.2s, background-color 0.2s;
    }
    
    /* Checkmark */
    .pure-material-checkbox > span::after {
        content: "";
        display: block;
        position: absolute;
        top: 3px;
        left: 1px;
        width: 10px;
        height: 5px;
        border: solid 2px transparent;
        border-right: none;
        border-top: none;
        transform: translate(3px, 4px) rotate(-45deg);
    }
    
    /* Checked, Indeterminate */
    .pure-material-checkbox > input:checked,
    .pure-material-checkbox > input:indeterminate {
        background-color: rgb(var(--pure-material-primary-rgb, 206, 23, 5));
    }
    
    .pure-material-checkbox > input:checked + span::before,
    .pure-material-checkbox > input:indeterminate + span::before {
        border-color: #f7f7f7;
        background-color: #f7f7f7;
    }
    
    .pure-material-checkbox > input:checked + span::after,
    .pure-material-checkbox > input:indeterminate + span::after {
        border-color: rgb(var(--pure-material-onprimary-rgb, 255, 255, 255));
    }
    
    .pure-material-checkbox > input:indeterminate + span::after {
        border-left: none;
        transform: translate(4px, 3px);
    }
    
    /* Hover, Focus */
    .pure-material-checkbox:hover > input {
        opacity: 0.04;
    }
    
    .pure-material-checkbox > input:focus {
        opacity: 0.12;
    }
    
    .pure-material-checkbox:hover > input:focus {
        opacity: 0.16;
    }
    
    /* Active */
    .pure-material-checkbox > input:active {
        opacity: 1;
        transform: scale(0);
        transition: transform 0s, opacity 0s;
    }
    
    .pure-material-checkbox > input:active + span::before {
        border-color: rgb(var(--pure-material-primary-rgb, 206, 23, 5));
    }
    
    .pure-material-checkbox > input:checked:active + span::before {
        border-color: transparent;
        background-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.6);
    }
    
    /* Disabled */
    .pure-material-checkbox > input:disabled {
        opacity: 0;
    }
    
    .pure-material-checkbox > input:disabled + span {
        color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.38);
        cursor: initial;
    }
    
    .pure-material-checkbox > input:disabled + span::before {
        border-color: currentColor;
    }
    
    .pure-material-checkbox > input:checked:disabled + span::before,
    .pure-material-checkbox > input:indeterminate:disabled + span::before {
        border-color: transparent;
        background-color: currentColor;
    }
    .form-group {
      position:relative;
    }
    .form-group i {
      position: absolute;
        top: 13px;
        right: 15px;
    }
    .fp {
      margin-top:10px;
      font-size:14px;
    }
    .modal-wrapper button.close {
      font-size: 24px;
      padding: 0;
      position: absolute;
      right: 10px;
      top: 5px;
    }
    
    .modal-wrapper .modal {
      display: inline-block !important;
      visibility: hidden;
      opacity: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      -webkit-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out;
      z-index: -9;
    }
    
    .modal-wrapper .modal.show {
      visibility: visible;
      opacity: 1;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
      z-index: 99950;
    }
    
    .modal-wrapper .modal-dialog {
      max-width: 1000px;
    }
    .pro_details ul {
      margin:15px 0;
    }
    .pro_details ul li {
      list-style:outside;
    }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .modal-wrapper .modal-dialog {
        width: 680px;
      }
    }
    @media only screen and (max-width: 767px) {
      .modal-wrapper .modal-dialog {
        width: 470px;
      }
    }
    @media only screen and (max-width: 479px) {
      .modal-wrapper .modal-dialog {
        width: 300px;
      }
    }
    
    .portfolio-full-image img {
        width: auto;
        /*max-height: 390px;*/
    }
    .playicons {
        position: absolute;
        width: 100%;
        text-align: center;
        z-index: 1;
        background: #00000054;
        height: 100%;
        top: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        font-size: 30px;
    }
    .pot-small-img {
      width: 100%;
      border:1px solid #ddd;
        display: flex !important;
        align-items: center;
        justify-content: center;
        /*min-height: 108px;*/
        position:relative;
    }
    .pot-small-img img {
      /*max-height:100px;*/
    }
    
    .product_big_images-right {
      float: right;
      width: calc(100% - 115px);
      padding-left: 15px;
    }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .product_big_images-right {
        width: calc(100% - 0px);
        padding-left: 0px;
        margin-bottom: 10px;
      }
    }
    @media only screen and (max-width: 767px) {
      .product_big_images-right {
        width: calc(100% - 0px);
        padding-left: 0px;
        margin-bottom: 10px;
      }
    }
    @media only screen and (max-width: 479px) {
      .product_big_images-right {
        width: calc(100% - 0px);
        padding-left: 0px;
        margin-bottom: 10px;
      }
    }
    
    .product_small_images-left {
      float: left;
      width: 115px;
    }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .product_small_images-left {
        width: 100%;
      }
    }
    @media only screen and (max-width: 767px) {
      .product_small_images-left {
        width: 100%;
      }
    }
    @media only screen and (max-width: 479px) {
      .product_small_images-left {
        width: 100%;
      }
    }
    
    .vartical-product-active li {
      margin: 0 0px 10px 0;
    }
    .vartical-product-active li:last-child {
      margin-bottom: 0;
    }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .vartical-product-active li {
        margin: 0 10px 0px 0;
      }
    }
    @media only screen and (max-width: 767px) {
      .vartical-product-active li {
        margin: 0 10px 0px 0;
      }
    }
    @media only screen and (max-width: 479px) {
      .vartical-product-active li {
        margin: 0 10px 0px 0;
      }
    }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .vartical-product-active .slick-list {
        margin: 0 -9px 0 0;
      }
    }
    @media only screen and (max-width: 767px) {
      .vartical-product-active .slick-list {
        margin: 0 -9px 0 0;
      }
    }
    @media only screen and (max-width: 479px) {
      .vartical-product-active .slick-list {
        margin: 0 -9px 0 0;
      }
    }
    
    @media only screen and (max-width: 479px), only screen and (max-width: 767px) {
      .product_details_info {
        margin-top: 20px;
      }
    }
    
    .product_big_images-top {
      margin-bottom: 15px;
    }
    
    .horizantal-product-active .pot-small-img {
      margin-right: 13px;
    }
    
    .product_small_images-bottom .slick-list {
      margin-right: -13px;
    }
    
    .product_details_info > h2 {
      color: #444444;
      font-size:25px;
      font-weight:600;
      text-transform: capitalize;
    }
    
    .product-rating li {
      padding-right: 10px;
      color: var(--main-color);
      font-size: 14px;
    }
    
    .pro_details p, .product_desc p, .feature_list li, .product_tab_content p {
        color: #000;
      font-size: 14px;
      line-height: 28px;
      position: relative;
    }
    .pro_details li, .pro_details li a {
        color: #000;
      font-size: 14px;
    }
    .pro_dtl_prize li {
      font-size: 22px;
      color: var(--main-color);
      display: inline-block;
      margin-right: 5px;
      margin-top:0px;
      font-weight:600;
    }
    .pro_dtl_prize li.old_prize {
      font-size: 20px;
      color: #000000;
      text-decoration: line-through;
    }
    .peroff {
      background:  #f7f7f7!important;
        color: #fff!important;
        padding: 0 15px!important;
        border-radius: 3px!important;
        font-size: 15px!important;
        position: relative;
        top: -4px;
    }
    .title_2 {
      font-size: 20px;
      font-weight: 500;
      line-height: 1;
    }
    
    .pro_dtl_color {
      margin-top: 15px;
    }
    .pro_dtl_color li {
      font-size: 18px;
      display: inline-block;
      padding-right: 10px;
    }
    .pro_dtl_color li:last-child {
      padding: 0;
    }
    .pro_dtl_color .red a {
      color: #ff5d42;
    }
    .pro_dtl_color .blue a {
      color: #425dff;
    }
    .pro_dtl_color .perpal a {
      color: #fd42ff;
    }
    .pro_dtl_color .yellow a {
      color: #ffd542;
    }
    
    .pro_dtl_size {
      margin-top: 15px;
    }
    .pro_dtl_size .pro_choose_size li {
      display: inline-block;
      padding-right: 10px;
    }
    .pro_dtl_size .pro_choose_size li:last-child {
      padding: 0;
    }
    
    .product-quantity-action {
      margin-top: 15px;
      font-weight: 500;
      display: flex;
      align-items: center;
    }
    .product-quantity-action .product-quantity {
      margin-left: 10px;
    }
    .product-quantity-action .product-quantity input {
      width: 40px;
      text-align: center;
      height: 30px;
    }
    
    .pro_social_share {
      margin-top: 15px;
    }
    .pro_social_share .pro_social_link > li {
      display: inline-block;
      padding-left: 10px;
    }
    
    .pro_dtl_btn {
      margin-top: 20px;
      display: flex;
    }
    .pro_dtl_btn li {
      margin-right: 10px;
    }
    .pro_dtl_btn li a {
      /* border: 1px solid #dddddd; */
      display: block;
      font-size: 20px;
      height: 40px;
      line-height: 40px;
      text-align: center;
      width: 40px;
    }
    .pro_dtl_btn li a.buy_now_btn {
      text-transform: uppercase;
      font-weight: 500;
      font-size: 14px;
      width: 120px;
    }
    .pro_dtl_btn li a:hover {
      /* background: var(--main-color); */
      color: #ffffff;
      /* border: 1px solid var(--main-color); */
    }
    
    .product-details-tab .nav {
      justify-content: center;
      border-bottom: 1px solid #ddd;
    }
    .product-details-tab .nav li {
      margin-right:35px;
    }
    .product-details-tab .nav li a {
      font-weight: 600;
      font-size: 16px;
      display: block;
      padding-bottom: 20px;
      -webkit-transition: 0.4s;
      transition: 0.4s;
      position: relative;
    }
    .product-details-tab .nav li a::before {
      content: "";
      background: var(--main-color);
      width: 0%;
      height: 2px;
      position: absolute;
      bottom: 0;
      left: 0;
      opacity: 0;
      -ms-filter: 0;
      -webkit-transition: 0.4s;
      transition: 0.4s;
    }
    .product-details-tab .nav li a.active {
      color: var(--main-color);
    }
    .product-details-tab .nav li a.active::before {
      visibility: visible;
      opacity: 1;
      -ms-filter: 1;
      width: 100%;
    }
    .product-rating>li {
      padding-left:0!important;
    }
    .product-rating>li:before {
      display:none;
    }
    @media only screen and (max-width: 479px) {
      .product-details-tab .nav li a {
        padding-bottom: 10px;
      }
      .product-details-tab .nav li a:last-child {
        margin-top: 10px;
      }
    }
    .product-details-tab .nav li:hover > a::before {
      visibility: visible;
      opacity: 1;
      -ms-filter: 1;
      width: 100%;
    }
    
    .single-product-gallery {
      float: left;
      padding: 5px;
      width: 50%;
    }
    
    .title_3 {
      font-size: 22px;
      font-weight: 500;
    }
    
    .product_details_tab_content li {
      margin-bottom: 5px;
      position:relative;
      padding-left:20px;
      color: #000;
        font-size: 14px;
        line-height: 28px;
        position: relative;
    }
    .product_details_tab_content li:last-child {
      margin: 0;
    }
    .product_details_tab_content li a i {
      font-size: 18px;
      color: #000000;
      margin-right: 8px;
    }
    .product_details_tab_content li:before {
      font-size: 18px;
        color: #000000;
        margin-right: 8px;
      content: "\f487";
      font-family: "Ionicons";
      left:0;
      top:-1px;
      position:absolute;
    }
    .pro_review {
      display: flex;
    }
    .pro_review.ans {
      margin-bottom: 50px;
      margin-left: 50px;
      margin-top: 50px;
    }
    @media only screen and (max-width: 479px) {
      .pro_review.ans {
        margin-bottom: 30px;
        margin-left: 20px;
        margin-top: 30px;
      }
    }
    
    .review_thumb {
      margin-right: 20px;
      min-width: 8%;
    }
    
    .review_info h4 {
      font-weight: 500;
    }
    
    .rating_send {
      border: 1px solid #dddddd;
      display: block;
      float: right;
      font-size: 20px;
      margin-top: -55px;
      padding: 2px 13px;
    }
    
    .review_date {
      margin-top: 5px;
    }
    
    .review_details p {
      margin-top: 5px;
    }
    
    /*-- 
       16. Checkout Page Css
    ------------------------------*/
    .coupon-accordion h3 {
      background: #f6f6f6;
      border-top: 3px solid var(--main-color);
      color: #515151;
      font-size: 14px;
      font-weight: 400;
      margin: 0 0 30px;
      padding: 1em 2em 1em 3.5em;
      position: relative;
      text-transform: capitalize;
    }
    .coupon-accordion h3 .coupon {
      color: var(--main-color);
      cursor: pointer;
      -webkit-transition: 0.4s;
      transition: 0.4s;
    }
    .coupon-accordion h3 .coupon:hover {
      color: #000000;
    }
    
    .coupon-content {
      border: 1px solid #dddddd;
      margin-bottom: 30px;
      padding: 20px;
      display: none;
    }
    
    .coupon-info p.form-row-first {
      float: left;
      width: 48%;
    }
    @media only screen and (max-width: 479px) {
      .coupon-info p.form-row-first {
        width: 100%;
      }
    }
    .coupon-info p.form-row-last {
      float: right;
      width: 48%;
    }
    @media only screen and (max-width: 479px) {
      .coupon-info p.form-row-last {
        width: 100%;
      }
    }
    .coupon-info .remember {
      margin-left: 10px;
    }
    .coupon-info .remember span {
      margin-left: 5px;
    }
    
    .coupon-input label {
      display: block;
      font-size: 14px;
    }
    .coupon-input input {
      border: 1px solid #999999;
      color: #000000;
      padding: 5px 10px;
      width: 100%;
      font-size: 14px;
    }
    .coupon-input span.required {
      color: red;
    }
    
    .checkout-coupon input {
      border: 1px solid #999999;
      color: #555;
      padding: 5px 10px;
      width: auto;
    }
    .checkout-coupon input:focus {
      outline: none;
    }
    .checkout-coupon .button-apply-coupon {
      margin: -5px 0 0 10px;
      padding: 7.2px 11px;
    }
    @media only screen and (max-width: 479px) {
      .checkout-coupon .button-apply-coupon {
        margin: 10px 0 0 0px;
      }
    }
    
    .shoping-checkboxt-title {
      border-bottom: 1px solid #dddddd;
      font-size: 24px;
      font-weight: 500;
      margin-bottom: 30px;
      padding-bottom: 15px;
    }
    
    .single-form-row {
      margin-bottom: 20px !important;
    }
    .single-form-row label {
      font-size: 14px;
      margin-bottom: 2px;
    }
    .single-form-row label span.required {
      color: red;
    }
    .single-form-row input {
      border: 1px solid #999999;
      color: #666;
      font-size: 14px;
      padding: 5px 12px;
      width: 100%;
    }
    .single-form-row input::focus {
      outline: none;
    }
    .single-form-row textarea {
      border: 1px solid #999999;
      color: #555555;
      padding: 12px;
      width: 100%;
      font-size: 14px;
    }
    .single-form-row.m-0 {
      margin: 0 !important;
    }
    
    .checkout-box-wrap p {
      font-size: 14px;
    }
    .addaddress {
      display: none;
    }
    
    .account-create {
      display: none;
    }
    .account-create .creat-pass > span {
      color: red;
    }
    
    .nice-select select {
      height: 35px;
      width: 100%;
      font-size: 14px;
      padding: 0 10px;
      color: #555;
      border: 1px solid #999;
    }
    
    @media only screen and (max-width: 767px) {
      .your-order-wrapper {
        margin-top: 70px;
      }
    }
    @media only screen and (max-width: 479px) {
      .your-order-wrapper {
        margin-top: 60px;
      }
    }
    
    .your-order-wrap {
      background: #f6f6f6;
    }
    
    .your-order-table {
      padding: 20px 30px;
    }
    .your-order-table table {
      width: 100%;
    }
    .your-order-table table th, .your-order-table table td {
      border-bottom: 1px solid #d8d8d8;
      border-right: medium none;
      font-size: 14px;
      padding: 15px 0;
      text-align: center;
    }
    .your-order-table table th {
      border-top: medium none;
      font-weight: normal;
      text-align: center;
      text-transform: uppercase;
      vertical-align: middle;
      #555-space: nowrap;
      width: 250px;
    }
    .your-order-table table .shipping > th {
      vertical-align: top;
    }
    
    .payment-method {
      padding: 20px 30px;
    }
    
    .payment-accordion h3 a {
      color: #333333;
      font-size: 15px;
      font-weight: 500;
      padding-left: 31px;
      position: relative;
      text-decoration: none;
      text-transform: capitalize;
    }
    .payment-accordion h3 a::before, .payment-accordion h3 a::after {
      content: "\f216";
      display: inline-block;
      font-family: ionicons;
      font-size: 19px;
      left: 0;
      position: absolute;
      top: 0px;
    }
    .payment-accordion h3 a img {
      height: 60px;
      display: block;
    }
    .payment-accordion h3.open a::after {
      content: "\f207";
    }
    .payment-accordion p {
      font-size: 14px;
      padding-left: 20px;
    }
    
    .order-button-payment {
      margin-top: 30px;
    }
    .order-button-payment input {
      background: var(--main-color);
      border: medium none;
      color: #ffffff;
      font-size: 14px;
      font-weight: 600;
      padding: 12px;
      text-transform: uppercase;
      width: 100%;
      -webkit-transition: 0.4s;
      transition: 0.4s;
    }
    .order-button-payment input:hover {
      background: #000000;
      color: #ffffff;
    }
    
    /*--
        17. Cart Page Css
    -----------------------------*/
    .table-content table {
      background: #ffffff none repeat scroll 0 0;
      border-color: #ebebeb;
      border-radius: 0;
      border-style: solid;
      border-width: 1px 0 0 1px;
      margin-bottom: 0;
      text-align: center;
      width: 100%;
      text-align: center;
    }
    .table-content table td {
      border-top: medium none;
      font-size: 16px;
      padding: 20px 10px;
      vertical-align: middle;
      min-width: 140px;
    }
    .table-content th, .table-content td {
      border-bottom: 1px solid #ebebeb;
      border-right: 1px solid #ebebeb;
    }
    
    .plantmore-product-quantity > input {
      text-align: center;
      width: 48px;
    }
    
    .cart-table .coupon-all {
             /*
    display: flex;
    flex-direction: row;
    justify-content: space-between;*/
      margin-top: 50px;
    }
    .cart-table .coupon-all .coupon h3 {
      color: #000000;
      font-size: 18px;
      font-weight: 600;
      text-transform: uppercase;
      margin-top: -8px;
    }
    .cart-table .coupon-all .coupon input {
      border: 1px solid #999999;
      font-size: 14px;
      margin-right: 10px;
      padding: 4px 10px;
      width:200px;
    }
    .cart-table .coupon-all .coupon input.button {
      background: #000000;
      border: 0 none;
      color: #ffffff;
      cursor: pointer;
      display: inline-block;
      font-size: 12px;
      font-weight: 600;
      height: 36px;
      letter-spacing: 1px;
      line-height: 36px;
      padding: 0 14px;
      text-transform: uppercase;
      -webkit-transition: 0.3s;
      transition: 0.3s;
      width: inherit;
    }
    .cart-table .coupon-all .coupon input.button:hover {
      background: var(--main-color);
    }
    @media only screen and (max-width: 479px) {
      .cart-table .coupon-all .coupon input {
        width: 125px;
      }
    }
    .cart-table .coupon-all .coupon2 {
      margin-bottom: 40px;
    }
    .cart-table .coupon-all .coupon2 input {
      margin-right: 8px;
    }
    .cart-table .coupon-all .coupon2 input.submit {
      padding: 8px 15px;
    }
    .cart-table .coupon-all .coupon2 input.submit:hover {
      background: var(--main-color);
    }
    .cart-table .coupon-all .coupon2 .continue-btn {
      padding: 8px 15px;
    }
    .cart-table .coupon-all .coupon2 .continue-btn:hover {
      background: var(--main-color);
    }
    
    .cart-page-total {
      margin-top: 40px;
    }
    .cart-page-total h2 {
      font-size: 22px;
      font-weight: 600;
      margin-bottom: 16px;
      text-transform: capitalize;
    }
    .cart-page-total ul {
      border: 1px solid #dddddd;
    }
    .cart-page-total ul li {
      border-bottom: 1px solid #ebebeb;
      color: #252525;
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 15px;
      font-weight: 700;
      list-style: outside none none;
      padding: 10px 30px;
    }
    .cart-page-total ul li:last-child {
      border: none;
    }
    .cart-page-total ul li span {
      float: right;
    }
    .cart-page-total .proceed-checkout-btn {
      background: #000000;
      color: #ffffff;
      display: inline-block;
      margin-top: 30px;
      padding: 8px 16px;
      text-transform: capitalize;
      -webkit-transition: 0.4s;
      transition: 0.4s;
    }
    .cart-page-total .proceed-checkout-btn:hover {
      background: var(--main-color);
    }
    
    .plantmore-product-add-cart > a {
      background: #000000;
      color: #ffffff;
      font-size: 14px;
      font-weight: 500;
      padding: 6px 30px;
      text-transform: capitalize;
      -webkit-transform: 0.4s;
      -ms-transform: 0.4s;
      transform: 0.4s;
    }
    .plantmore-product-add-cart > a:hover {
      background: var(--main-color);
    }
    
    .in-stock {
      color: #30b878;
    }
    
    .out-stock {
      color: #A80135;
    }
    
    /*--
        18. My Account Page Css
    --------------------------*/
    .dashboard-upper-info [class*="col-"]:not(:last-child) .d-single-info {
      border-right: 1px solid #ebebeb;
      padding: 30px 20px;
    }
    .dashboard-upper-info [class*="col-"]:not(:last-child) .d-single-info p {
      margin-bottom: 0;
    }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .dashboard-upper-info [class*="col-"]:not(:last-child) .d-single-info {
        border-right: medium none;
        padding: 0 0 20px;
      }
    }
    @media only screen and (max-width: 767px) {
      .dashboard-upper-info [class*="col-"]:not(:last-child) .d-single-info {
        border-right: medium none;
        padding: 0 0 20px;
      }
    }
    
    .dashboard-upper-info {
      border-bottom: 1px solid #ebebeb;
      border-top: 1px solid #ebebeb;
      margin-bottom: 60px;
    }
    .dashboard-upper-info a.view-cart {
      background: var(--main-color);
      color: #ffffff;
      font-size: 14px;
      padding: 5px 12px;
      text-transform: capitalize;
    }
    .dashboard-upper-info a.view-cart:hover {
      background: #000000;
    }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .dashboard-upper-info {
        border-bottom: medium none;
        border-top: medium none;
      }
    }
    @media only screen and (max-width: 767px) {
      .dashboard-upper-info {
        border-bottom: medium none;
        border-top: medium none;
      }
    }
    
    .user-name span {
      color: #303030;
      font-size: 16px;
      font-weight: 600;
    }
    
    .dashboard-list li a {
      border-bottom: 1px solid #ebebeb;
      color: #000;
      display: block;
      font-size: 14px;
      padding: 12px 0;
      text-transform: capitalize;
      font-weight:600;
    }
    .dashboard-list li:first-child {
      border-top: 1px solid #ebebeb;
    }
    
    .dashboard-content {
      border: 1px solid #ebebeb;
      padding: 30px;
    }
    .dashboard-content h3 {
      border-bottom: 1px solid #ebebeb;
      font-size: 20px;
      font-weight: 600;
      line-height: 24px;
      margin-bottom: 25px;
      padding-bottom: 15px;
      text-transform: capitalize;
    }
    .dashboard-content .table thead {
      background: #f6f6f6 none repeat scroll 0 0;
      border-bottom: 1px solid #ebebeb;
    }
    .processing {
      background:#2269d2;
      color:#fff!important;
      line-height:normal;
      padding:4px 10px;
      text-transform:uppercase;
      font-size:12px;
      border-radius:3px;
    }
    .success {
      background:#4d9c50;
      color:#fff!important;
      line-height:normal;
      padding:4px 10px;
      text-transform:uppercase;
      font-size:12px;
      border-radius:3px;
    }
    .cancel {
      background:#de0d03;
      color:#fff!important;
      line-height:normal;
      padding:4px 10px;
      text-transform:uppercase;
      font-size:12px;
      border-radius:3px;
    }
    .ontheway {
      background:#de7203;
      color:#fff!important;
      line-height:normal;
      padding:4px 10px;
      text-transform:uppercase;
      font-size:12px;
      border-radius:3px;
    }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .dashboard-content .table td {
        min-width: 260px;
      }
    }
    @media only screen and (max-width: 767px) {
      .dashboard-content .table td {
        min-width: 260px;
      }
    }
    .dashboard-content .view {
      background: var(--main-color);
      color: #ffffff;
      font-size: 12px;
      padding:4px 10px;
      text-transform: uppercase;
      line-height:normal;
      border-radius:3px;
    }
    .dashboard-content .view:hover {
      background: #000000;
    }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .dashboard-content {
        margin-top: 80px;
      }
    }
    @media only screen and (max-width: 767px) {
      .dashboard-content {
        margin-top: 60px;
      }
    }
    
    .billing-address {
      margin-bottom: 10px;
    }
    
    .biller-name {
      margin-bottom: 0;
      margin-top: 10px;
    }
    
    .account-login-form .custom-checkbox {
      display: flex;
    }
    .account-login-form input[type="checkbox"] {
      height: 20px;
      margin: 0 10px 0 0;
      position: relative;
      top: 3px;
      width: auto;
    }
    .account-login-form .example {
      margin-bottom: 15px;
    }
    .account-login-form .default-btn {
      margin-top: 15px;
      padding: 6px 28px;
    }
    
    .account-input-box label {
      display: block;
      font-size: 15px;
      margin-bottom: 3px;
    }
    .account-input-box input {
      width: 100%;
      margin-bottom: 12px;
      border: 1px solid #ddd;
      padding: 4px 10px;
      font-size: 15px;
    }
    
    /*--
        19. Login And Register Page Css
    ----------------------------------*/
    .login-register-tab-list {
      text-align: center;
      display: flex;
      justify-content: center;
      margin-bottom: 40px;
    }
    .login-register-tab-list a {
      position: relative;
    }
    .login-register-tab-list a::before {
      background-color: #454545;
      bottom: 5px;
      content: "";
      height: 18px;
      margin: 0 auto;
      position: absolute;
      right: -2px;
      top: 3px;
      transition: all 0.4s ease 0s;
      width: 1px;
    }
    .login-register-tab-list a:last-child:before {
      display: none;
    }
    .login-register-tab-list a.active h4, .login-register-tab-list a:hover h4 {
      color: var(--main-color);
    }
    .login-register-tab-list a h4 {
      font-size: 25px;
      font-weight: 700;
      margin: 0 20px;
      text-transform: capitalize;
      transition: all 0.3s ease 0s;
    }
    
    .login-input-box input {
      border: 1px solid #999999;
      color: #666666;
      margin-bottom: 20px;
      padding: 8px 12px;
      width: 100%;
      font-size: 14px;
    }
    
    .login-toggle-btn a {
      float: right;
      color: red;
      font-size: 14px;
    }
    @media only screen and (max-width: 479px) {
      .login-toggle-btn a {
        float: inherit;
      }
    }
    .login-toggle-btn input {
      margin-right: 5px;
    }
    
    .login-form-container {
      background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
      box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
      padding: 60px;
      text-align: left;
    }
    @media only screen and (max-width: 479px) {
      .login-form-container {
        padding: 30px;
      }
    }
    .login-form-container .login-btn, .login-form-container .register-btn {
      margin-top: 20px;
      padding: 8px 30px;
    }
    
    /*--
        20. About Us Page Css
    ---------------------*/
    .count-title .count {
      font-weight: 700;
    }
    .count-title span {
      font-size: 18px;
      font-weight: 500;
      color: #000000;
      text-transform: capitalize;
    }
    
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .project-count-area.pb--70 {
        padding-bottom: 50px;
      }
    }
    @media only screen and (max-width: 767px) {
      .project-count-area.pb--70 {
        padding-bottom: 40px;
      }
    }
    @media only screen and (max-width: 479px) {
      .project-count-area.pb--70 {
        padding-bottom: 30px;
      }
    }
    
    /*--
        21. Contact Us Page Css
    ------------------------------*/
    .contact-info-wrapper h2 {
      font-size: 30px;
      font-weight: 600;
      margin-bottom: 30px;
    }
    .contact-info-wrapper p {
      margin-bottom: 30px;
    }
    
    .contact-info-list li {
      margin-bottom: 12px;
    }
    .contact-info-list li:last-child {
      margin-bottom: 0;
    }
    
    .contact-form-warp {
      margin-top:20px;
    }
    .contact-form-warp input, .contact-form-warp textarea,.contact-form-warp select {
      width: 100%;
      margin-bottom: 20px;
      background: #f0f0f0;
      border: none;
      height: 45px;
      font-size: 14px;
      font-style: italic;
      padding: 10px;
      font-family: Verdana, Arial, Helvetica, sans-serif;
      color: #444;
    }
    .contact-form-warp textarea {
      height: 148px;
    }
    
    .contact-submit-btn .submit-btn {
      padding: 10px 30px;
      background: var(--main-color);
      color: #fff;
      border: none;
      margin-top: 10px;
      -webkit-transition: 0.4s;
      transition: 0.4s;
    }
    .contact-submit-btn .submit-btn:hover {
      background: #000000;
    }
    
    .map {
      height: 680px;
      width: 100%;
    }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .map {
        margin-top: 40px;
      }
    }
    @media only screen and (max-width: 767px) {
      .map {
        margin-top: 40px;
        height: 400px;
      }
    }
    
    /*--    
        22. Error 404 Page Css
    ---------------------------*/
    .search-error-wrapper h1 {
      color: var(--main-color);
      font-size: 120px;
      line-height: 86px;
      margin-bottom: 60px;
    }
    @media only screen and (max-width: 767px) {
      .search-error-wrapper h1 {
        font-size: 70px;
        line-height: 50px;
        margin-bottom: 40px;
      }
    }
    
    .error-form-input {
      position: relative;
      width: 275px;
      margin: 30px auto;
    }
    .error-form-input input {
      border: 1px solid #dddddd;
      font-size: 15px;
      padding: 5px 45px 6px 10px;
      position: relative;
      width: 275px;
      border-radius: 35px;
    }
    .error-form-input .error-s-button {
      background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
      border: medium none;
      padding: 7px 15px;
      position: absolute;
      right: 0;
      top: 0;
    }
    
    .search-error-wrapper .home-bacck-button {
      background: var(--main-color);
      border-radius: 35px;
      box-shadow: none;
      color: #ffffff;
      display: inline-block;
      font-size: 12px;
      font-weight: bold;
      height: 40px;
      line-height: 40px;
      padding: 0 30px;
      text-transform: uppercase;
      -webkit-transition: 0.4;
      transition: 0.4;
    }
    
    /*--
        23. Compare Page Css
    -----------------------------------------*/
    /*-- Compare Table --*/
    .compare-table .table tbody tr:first-child {
      border-top: 1px solid #eeeeee;
    }
    .compare-table .table tbody tr td {
      text-align: center;
      border: none;
      padding: 25px 30px;
      vertical-align: middle;
      border-bottom: 1px solid #eeeeee;
      border-left: 1px solid #eeeeee;
    }
    .compare-table .table tbody tr td:last-child {
      border-right: 1px solid #eeeeee;
    }
    .compare-table .table tbody tr td.first-column {
      min-width: 180px;
      font-size: 18px;
      font-weight: 600;
      color: #000000;
      margin: 0;
      line-height: 1;
    }
    .compare-table .table tbody tr td.product-image-title {
      min-width: 310px;
      vertical-align: bottom;
      padding-top: 70px;
    }
    .compare-table .table tbody tr td.product-image-title .image {
      clear: both;
      width: 100%;
      margin-bottom: 40px;
    }
    .compare-table .table tbody tr td.product-image-title .image img {
      max-width: 100%;
    }
    .compare-table .table tbody tr td.product-image-title .category {
      clear: both;
      color: #454545;
      float: left;
      font-size: 13px;
      letter-spacing: 0.5px;
      line-height: 15px;
      margin-bottom: 7px;
      margin-top: 15px;
      text-transform: capitalize;
    }
    .compare-table .table tbody tr td.product-image-title .title {
      float: left;
      clear: both;
      font-size: 16px;
      font-weight: 600;
      color: #000000;
      line-height: 20px;
      margin-bottom: 10px;
    }
    .compare-table .table tbody tr td.pro-desc p {
      text-align: left;
      margin: 0;
    }
    .compare-table .table tbody tr td.pro-price {
      font-size: 16px;
      font-weight: 600;
      color: #000000;
    }
    .compare-table .table tbody tr td.pro-color {
      font-size: 16px;
      font-weight: 600;
      color: #000000;
    }
    .compare-table .table tbody tr td.pro-stock {
      font-size: 16px;
      font-weight: 600;
      color: #000000;
    }
    .compare-table .table tbody tr td.pro-addtocart .add-to-cart {
      position: relative;
      background-color: #f6f6f6;
      color: #000000;
      border-radius: 50px;
      display: inline-block;
      width: 170px;
      padding: 10px 6px;
      transition: all 0.7s;
    }
    .compare-table .table tbody tr td.pro-addtocart .add-to-cart span {
      font-size: 13px;
      text-transform: uppercase;
      font-weight: 700;
      line-height: 21px;
      overflow: hidden;
      display: block;
      text-align: center;
    }
    .compare-table .table tbody tr td.pro-remove button {
      border: none;
      background-color: transparent;
      padding: 0;
    }
    .compare-table .table tbody tr td.pro-remove button i {
      font-size: 20px;
    }
    .compare-table .table tbody tr td.pro-ratting i {
      color: #000000;
      font-size: 14px;
    }
    
    /*--
        24. Frequently Question Page Css
    ---------------------------------*/
    .feequently-about-content {
      margin-bottom: 60px;
    }
    .feequently-about-content h4 {
      font-size: 20px;
      text-transform: uppercase;
      font-weight: 600;
      margin-bottom: 20px;
    }
    
    .faequently-accordion h4 {
      background: #ffffff none repeat scroll 0 0;
      border: 1px solid #ddd;
      line-height: 1.5;
      padding: 0;
      text-transform: uppercase;
      padding: 10px;
      font-size: 15px;
    }
    .faequently-accordion h4.open {
      width: 100%;
      color: var(--main-color);
      border-bottom: 1px solid var(--main-color);
      border-top: 1px solid var(--main-color);
      border-left: 1px solid var(--main-color);
      border-right: 1px solid var(--main-color);
    }
    
    .faequently-description {
      border-left: 1px solid var(--main-color);
      border-right: 1px solid var(--main-color);
      border-bottom: 1px solid var(--main-color);
      padding: 20px 25px;
      margin-bottom: 15px;
      margin-top: -7px;
    }
    .our-service-area .col-md-4 {
      border-right:1px solid #ddd;
    }
    .our-service-area .col-md-4:last-child {
      border-right:0;
    }
    .loadmore {
      display:block;
      text-align:center;
      margin-top:30px;
      position:relative;
    }
    .loadmore a {
      background:#fff;
      padding:5px 25px;
      text-transform:uppercase;
      font-weight:600;
      position:relative;
      display:inline-block;
      color:var(--main-color);
      border-radius:50px;
      border:1px solid #ddd;
    }
    .loadmore:before {
      position:absolute;
      left:0;
      width:100%;
      height:1px;
      background:#ddd;
      content:'';
      top:20px;
    }
    .clr {
      color:var(--main-color);
    }
    .portfolio-full-image {
      border:1px solid #ddd;
      display: flex;
        justify-content: center;
        align-items: center;
        /*height: 470px;*/
        position: relative;
    }
    .product_small_images-left li img {
      border:1px solid #ddd;
    }
    .quantity-left-minus,.quantity-right-plus {
      margin:0!important;
    }
    #quantity {
      height:35px;
      min-width:60px;
      border-right:0;
      border-left:0;
    }
    .product_details_tab_content {
      padding:40px;
      border:1px solid #ddd;
      border-top:0;
    }
    .inner-page li {
      list-style:none;
      position:relative;
      padding-left:20px;
    }
    .inner-page li:before {
      position:absolute;
      left:0;
      top:0;
      content: "\f487";
        font-family: "Ionicons";
    }
    .amount{
      display: block;
    }
    .footer-list li a {
      display:block;
    }
    .footer-list li ul {
      padding-left:15px;
      margin-top:10px;
      display:none;
    }
    .pdfs {
      margin:0 0 30px;
      padding:0;
    }
    .pdfs li {
      list-style:none;
      padding-left:30px;
      position:relative;
      margin-bottom:15px;
    }
    .pdfs li:before {
      background:url(../images/icon_pdf.png)!important;
      position:absolute!important;
      left:0!important;
      top:0!important;
      content:'';
      width:24px;
      height:24px;
      background-size: 20px !important;
        background-repeat: no-repeat !important;
    }
    .pdfs li a {
      display:block;
      padding:5px 0;
      font-size:14px;
      line-height:normal;
    }
    .catalog h4 {
      position:relative;
      margin-bottom:20px;
      padding-bottom:5px;
    }
    .catalog h4:after {
      width:40px;
      height:1px;
      background: #f7f7f7;
      content:'';
      position:absolute;
      left:0;
      bottom:0;
    }
    .brnds {
      margin:0 -15px;
      padding:0;
    }
    .brnds li {
      float:left;
      position:relative;
      margin-bottom:30px;
      padding:0 15px;
    }
    .brnds li a {
      padding: 20px;
        background: #fff;
        height: 120px;
        display: flex;
        align-items: center;
      box-shadow: 0 0 10px rgb(0 0 0 / 10%);
    }
    .brnds li img {
      max-width:100%;
    }
    .bgrey {
      background:#f6f6f6;
    }
    .s_title {
      display:block;
      text-align:center;
      font-size:14px;
      color:#000;
      margin-top:15px;
    }
    .submenu ul {
      display:none;
      padding-left:15px;
    }
    @media (min-width:989px) {
    .brnds li {
      width:16.6666%;
    }	
    }
    @media (min-width:767px) and (max-width:989px) {
    .brnds li {
      width:20%;
    }	
    }
    @media (min-width:560px) and (max-width:767px) {
    .brnds li {
      width:25%;
    }	
    }
    @media (min-width:360px) and (max-width:560px) {
    .brnds li {
      width:33.3333%;
    }	
    }
    @media(max-width:360px) {
    .brnds li {
      width:50%;
    }	
    }
    .call_me{position:fixed;bottom:30px;left:30px;width:60px;height:60px;text-align:center;border-radius:50%;-webkit-border-radius:50%;z-index:100000!important;cursor:pointer}.call_me,.call_me::before{background:radial-gradient(#33a93c,#33a93c,#18791f)}.call_me i{color:#fff;font-size:24px;line-height:60px;-webkit-animation:uptocallphone 1.5s linear infinite;-moz-animation:uptocallphone 1.5s linear infinite;animation:uptocallphone 1.5s linear infinite;position:relative;z-index:10001}.call_me::before{content:'';transform:scale(1,1);opacity:.5;width:60px;height:60px;display:block;position:fixed;left:30px;bottom:30px;border-radius:100%;z-index:9999;-webkit-animation:uptocallmini 1.5s infinite;-moz-animation:uptocallmini 1.5s infinite;animation:uptocallmini 1.5s infinite}@-webkit-keyframes uptocallphone{0%{-ms-transform:rotate(0);-webkit-transform:rotate(0);transform:rotate(0)}25%{-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg)}50%{-ms-transform:rotate(0);-webkit-transform:rotate(0);transform:rotate(0)}75%{-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg)}100%{-ms-transform:rotate(0);-webkit-transform:rotate(0);transform:rotate(0)}}@-moz-keyframes uptocallphone{0%{-ms-transform:rotate(0);-webkit-transform:rotate(0);transform:rotate(0)}25%{-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg)}50%{-ms-transform:rotate(0);-webkit-transform:rotate(0);transform:rotate(0)}75%{-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg)}100%{-ms-transform:rotate(0);-webkit-transform:rotate(0);transform:rotate(0)}}@keyframes uptocallphone{0%{-ms-transform:rotate(0);-webkit-transform:rotate(0);transform:rotate(0)}25%{-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg)}50%{-ms-transform:rotate(0);-webkit-transform:rotate(0);transform:rotate(0)}75%{-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg)}100%{-ms-transform:rotate(0);-webkit-transform:rotate(0);transform:rotate(0)}}@-webkit-keyframes uptocallmini{0%{-webkit-transform:scale(1,1);opacity:.5}80%{opacity:0;-webkit-transform:scale(1.5,1.5)}85%{-webkit-transform:scale(.5,.5);opacity:0}100%{-webkit-transform:scale(1,1);opacity:.5}}@keyframes uptocallmini{0%{transform:scale(1,1);opacity:.5}80%{opacity:0;transform:scale(1.5,1.5)}85%{transform:scale(.5,.5);opacity:0}100%{transform:scale(1,1);opacity:.5}}
    .arrow-prv, .arrow-next {
        position: absolute;
        top: 28%;
        z-index: 1;
        background: #fff;
        width: 30px;
        height: 30px;
        text-align: center;
        line-height: 30px;
    }
    .arrow-next {
        right:0;
    }
    .a2c, .qv {
        display: block;
        width: 100%;
        background:  #f7f7f7;
        color: #fff;
        border: 0;
        padding: 5px 5px;
        font-size: 13px;
        text-transform: uppercase;
    }
    .a2c:hover, .qv:hover {
        background:  #f7f7f7;
    }
    .a2c i, .qv i {
        margin-right:5px;
    }
    .addtocarts {
        margin:10px -5px 0!important;
    }
    .addtocarts .col-md-6 {
        padding:0 5px!important;
    }
    
    
    
     
    
    
    
    
    .template_faq {
        background: #edf3fe none repeat scroll 0 0;
    }
    .panel-group {
        background: #fff none repeat scroll 0 0;
        border-radius: 3px;
        box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.04);
        margin-bottom: 0;
        padding: 15px;
    }
    #accordion .panel {
        border: medium none;
        border-radius: 0;
        box-shadow: none;
        margin: 0 0 15px 10px;
    }
    #accordion .panel-heading {
        border-radius: 30px;
        padding: 0;
    }
    #accordion .panel-title a {
        background:  #f7f7f7 none repeat scroll 0 0;
        border: 1px solid transparent;
        border-radius: 30px;
        color: #fff;
        display: block;
        font-size: 18px;
        font-weight: 600;
        padding: 12px 20px 12px 50px;
        position: relative;
        transition: all 0.3s ease 0s;
    }
    #accordion .panel-title a.collapsed {
        background: #fff none repeat scroll 0 0;
        border: 1px solid #ddd;
        color: #333;
    }
    #accordion .panel-title a::after, #accordion .panel-title a.collapsed::after {
        background:  #f7f7f7 none repeat scroll 0 0;
        border: 1px solid transparent;
        border-radius: 50%;
        box-shadow: 0 3px 10px rgba(0, 0, 0, 0.58);
        color: #fff;
        content: "";
        font-family: fontawesome;
        font-size: 25px;
        height: 55px;
        left: -20px;
        line-height: 55px;
        position: absolute;
        text-align: center;
        top: -5px;
        transition: all 0.3s ease 0s;
        width: 55px;
    }
    #accordion .panel-title a.collapsed::after {
        background: #fff none repeat scroll 0 0;
        border: 1px solid #ddd;
        box-shadow: none;
        color: #333;
        content: "";
    }
    #accordion .panel-body {
        background: transparent none repeat scroll 0 0;
        border-top: medium none;
        padding: 20px 25px 10px 9px;
        position: relative;
    }
    #accordion .panel-body p {
        border-left: 1px dashed #8c8c8c;
        padding-left: 25px;
    }
    
    .footer-social ul li a i{font-size:30px;}
    
    
    .pro-icon-cls{
        display:flex;
        margin-top:10px;
    }
    .pro-icon-cls li{
        padding-right:10px;
    }
    .pb--170{
        padding-bottom:170px;
    }
    .footer-area{
        position:relative;
    }
    .review-class{
        background: #ffffff;
        padding: 22px 0;
        text-align: center;
        border-top: 6px solid  #f7f7f7;
        position: absolute;
        z-index: 9;
        top: -70px;
        left: 0;
        right: 0;
        margin: 0 auto;
        width:70%;
        box-shadow: 0px 1px 13px 0px rgb(0,0,0,0.50);
        -webkit-box-shadow: 0px 1px 13px 0px rgb(0 0 0 / 50%);
        -moz-box-shadow: 0px 1px 13px 0px rgb(0,0,0,0.50);
    }
    .rv-cls-2{
            z-index: -9;
        padding-top: 120px;
    }
    .df-cls{
        display:flex;
        justify-content:center;
    }
    .df-cls img{
        width: 45px;
        height: 45px; margin-top: 9px;
        margin-right: 10px;
    }
    .db-cls{
        display:block!important;
    }
    .db-cls p:first-child{
        padding: 0;
        margin: 0;
        font-size: 25px;
        color: #f5cd40;
    }
    .icon-cls2{
        padding-top:20px;
        display:flex;
        justify-content:center;
    }
    
    
    @media(max-width:440px){
        .review-class .p-clss p{
                width: 250px;
            padding-left: 20px;
        }
        .pb--170 {
            padding-bottom: 260px;
        }
        .rv-cls-2 {
            z-index: -9;
            padding-top: 250px;
        }
        .review-class{
            top:-250px;
        }
        .df-cls{
            padding-bottom:20px;
        }
        .footerform button{
            padding:15px;
        }
        .pro_dtl_btn{
            display:block!important;
        }
        .icon-cls2{
            width:100%;
            margin:0;
        }
        .account-wishlist{
            justify-content:center!important;
        }
        .account-wishlist > a:last-child{
            padding-right:0!important;
        }
        .lg-banner-bg{
            background-position:top!important;
            padding:50px!important;
        }
        .main-content-wrap .container p img{
            margin-bottom:30px;
        }
        .widthcls{
            max-width:100%!important;
        }
        .bttnn{
            margin-left:0!important;
            margin-top:10px;
        }
        .pro-icon-cls{
            display:block!important;
        }
        .btn-class{
            padding:5px 15px!important;
        }
        .btn-class2{
            padding:5px 15px!important;
            margin:5px!important;
        }
    }
    
    
    @media(max-width:768px){
        .pb--170 {
            padding-bottom: 260px;
        }
        .review-class .p-clss p{
            width: 100%;
            padding-left: 0px;
        }
        .rv-cls-2 {
            z-index: -9;
            padding-top: 390px!important;
        }
        .review-class{
            top:-40px;
            width:95%!important;
        }
        .df-cls{
            padding-bottom:20px;
        }
        .our-service-area
        {
            padding-bottom:50px;
        }
    }
    .color-panel input
    {
        width: 19px;
        height: 11px;
    }
    .color-panel
    {
       border-radius:0!important;
    }
    [type="radio"]:checked+label:after {
      background-color: red;
      border: 2px solid red;
    }
    
    .our-service-area
    {
        padding-bottom:100px;
    }
    
    .cart-page{
        padding-bottom:100px;
    }
    
    
    
    
    
    
    
    
    
    
    .gridd {
      position: relative;
      margin: 0 auto;
      list-style: none;
      text-align: center;
      display:flex;
      justify-content:center;
    }
    
    /* Common style */
    .gridd figure {
      position: relative;
      float: left;
      overflow: hidden;
      margin: 10px 1%;
      max-height: 200px;
      width: 200px;
      background: #3085a3;
      text-align: center;
      cursor: pointer;
    }
    
    .gridd figure img {
      position: relative;
      display: block;
      min-height: 100%;
      max-width: 100%;
      opacity: 0.8;
    }
    
    .gridd figure figcaption {
      padding: 2em;
      color: #fff;
      text-transform: uppercase;
      font-size: 1.25em;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
    }
    
    .gridd figure figcaption::before,
    .gridd figure figcaption::after {
      pointer-events: none;
    }
    
    .gridd figure figcaption,
    .gridd figure figcaption > a {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
    }
    
    /* Anchor will cover the whole item by default */
    /* For some effects it will show as a button */
    .gridd figure figcaption > a {
      z-index: 1000;
      text-indent: 200%;
      #555-space: nowrap;
      font-size: 0;
      opacity: 0;
    }
    
    .gridd figure h2 {
      word-spacing: -0.15em;
      font-weight: 300;
    }
    
    .gridd figure h2 span {
      font-weight: 800;
    }
    
    .gridd figure h2,
    .gridd figure p {
      margin: 0;
    }
    
    .gridd figure p {
      letter-spacing: 1px;
      font-size: 68.5%;
    }
    
    figure.effect-layla {
      background: #000000c2;
    }
    
    figure.effect-layla img {
      height: 280px;
    }
    
    figure.effect-layla figcaption {
      padding: 1em;
      padding-top:50px;
    }
    
    figure.effect-layla figcaption::before,
    figure.effect-layla figcaption::after {
      position: absolute;
      content: '';
      opacity: 0;
    }
    
    figure.effect-layla figcaption::before {
      top: 50px;
      right: 30px;
      bottom: 50px;
      left: 30px;
      border-top: 1px solid #fff;
      border-bottom: 1px solid #fff;
      -webkit-transform: scale(0,1);
      transform: scale(0,1);
      -webkit-transform-origin: 0 0;
      transform-origin: 0 0;
    }
    
    figure.effect-layla figcaption::after {
      top: 30px;
      right: 30px;
      bottom: 30px;
      left: 30px;
      border-right: 1px solid #fff;
      border-left: 1px solid #fff;
      -webkit-transform: scale(1,0);
      transform: scale(1,0);
      -webkit-transform-origin: 100% 0;
      transform-origin: 100% 0;
    }
    
    figure.effect-layla h2 {
        font-weight:500;
      padding-top: 10%;
      -webkit-transition: -webkit-transform 0.35s;
      transition: transform 0.35s;
    }
    
    figure.effect-layla p {
      padding: 0.5em 2em;
      text-transform: none;
      opacity: 0;
      -webkit-transform: translate3d(0,-10px,0);
      transform: translate3d(0,-10px,0);
    }
    
    figure.effect-layla img,
    figure.effect-layla h2 {
      -webkit-transform: translate3d(0,-30px,0);
      transform: translate3d(0,-30px,0);
    }
    
    figure.effect-layla img,
    figure.effect-layla figcaption::before,
    figure.effect-layla figcaption::after,
    figure.effect-layla p {
      -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
      transition: opacity 0.35s, transform 0.35s;
    }
    
    figure.effect-layla:hover img {
      opacity: 0.7;
      -webkit-transform: translate3d(0,0,0);
      transform: translate3d(0,0,0);
    }
    
    figure.effect-layla:hover figcaption::before,
    figure.effect-layla:hover figcaption::after {
      opacity: 1;
      -webkit-transform: scale(1);
      transform: scale(1);
    }
    
    figure.effect-layla:hover h2,
    figure.effect-layla:hover p {
      opacity: 1;
      -webkit-transform: translate3d(0,-5px,0);
      transform: translate3d(0,-5px,0);
    }
    
    figure.effect-layla:hover figcaption::after,
    figure.effect-layla:hover h2,
    figure.effect-layla:hover p,
    figure.effect-layla:hover img {
      -webkit-transition-delay: 0.15s;
      transition-delay: 0.15s;
    }
    
    
    
    /*figure:hover  h2::before{*/
    /*        position: absolute;*/
    /*        top: -60px;*/
    /*        left: -60px;*/
    /*        right: 0px;*/
    /*        width: 350px;*/
    /*        height: 240px;*/
    /*        background: #000;*/
    /*        content: "";*/
    /*        margin: 0 auto;*/
    /*        opacity: 0.6;*/
    /*        z-index: -1;*/
    /*    }*/
    figure.effect-layla h2{
            text-transform: capitalize;
        font-size:22px;
            color:#fff;
        }
    
    
    .hidesm{
        display:block;
    }
    @media(max-width: 440px){
        .lalya a h2{
            font-size:16px!important;
            line-height:20px;
        }
        .hidesm{
            display:none!important;
        }
        .product-image{
            height:auto!important;
        }
        .product-area .container, .main-content-wrap .container{
            width:365px!important;
        }
        .offers {
            left: -5px!important;
            top: -5px!important;
        }
        figure.effect-layla img{
            height:150%!important
        }
        figure.effect-layla figcaption {
            padding: 3em 0!important;
        }
        figure.effect-layla h2{
                text-transform: capitalize;
            font-size:22px;
            color:#fff;
        }
        figure.effect-layla h2::before{
            position: absolute;
            top: -50%;
            left: 0;
            right: 0;
            width: 100%;
            height: 250%;
            background: #000;
            content: "";
            margin: 0 auto;
            opacity: 0.6;
            z-index: -1;
        }
        figure.effect-layla figcaption::before, figure.effect-layla figcaption::after{
            display:none;
        }
        figure.effect-layla:hover img, figure.effect-layla:hover h2{
            transform:translate3d(0,-30px,0)!important;
        }
        /*figure.effect-layla h2{*/
        /*    padding-top:20%;*/
        /*}*/
        .offers a{
            width: 35px;
        height: 35px;
        line-height:10px;
        font-size:10px;
        }
        .gridd figure{
            max-height:150px;
        }
        .footer-list{
            display:inline;
        }
        .footer-list li{
            display:inline-flex;
            line-height:18px;
            margin-bottom:0px!important;
            border-right:2px solid #c4c4c4;
            padding: 0px 10px;
        }
    }
    
    .hidemd{
        display:block;   
    }
    @media(max-width:770px){
        .hidemd{
            display:none!important;
        }
        .product-image{
            height:auto!important;
        }
    }
    
    
    .prod-cat-img{
        overflow:hidden;
    }
    .lalya a h2{
        text-align:center;
        margin-top:5px;
        margin-bottom:0px;
        font-size:18px;
    }
    
    .lalya:hover a .prod-cat-img img{
        transform: scale(1.1);
        transition: transform 3s ease;
    }
    .prod-cat-img img {
        transform: scale(1.02);
    }