@charset "UTF-8";
/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/
/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/
/* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/
/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/
/* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/
/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/
@font-face {
  font-family: "Lato-Regular";
  src: url("../font/Lato-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "Lato-Bold";
  src: url("../font/Lato-Bold.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "Lato-Light";
  src: url("../font/Lato-Light.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "Lato-Black";
  src: url("../font/Lato-Black.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
body {
  overflow-x: hidden;
  max-width: 1600px;
  margin: 0 auto; }

#validation_message_1_1 {
  margin-left: 16px;
  margin-bottom: 10px; }

.single_variation_wrap {
  clear: both !important; }

.woocommerce-main-image img {
  width: 400px;
  height: auto;
  margin: 0 auto; }

.woocommerce-customer-details .woocommerce-column--billing-address {
  max-width: 48%; }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .woocommerce-customer-details .woocommerce-column--billing-address {
      max-width: 100%; } }
  @media screen and (min-width: 320px) and (max-width: 480px) {
    .woocommerce-customer-details .woocommerce-column--billing-address {
      max-width: 100%; } }
.woocommerce-customer-details .woocommerce-column--shipping-address {
  max-width: 48%; }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .woocommerce-customer-details .woocommerce-column--shipping-address {
      max-width: 100%; } }
  @media screen and (min-width: 320px) and (max-width: 480px) {
    .woocommerce-customer-details .woocommerce-column--shipping-address {
      max-width: 100%; } }

.woocommerce-shipping-totals {
  display: none; }

.response_pin {
  margin: 12px 0px !important;
  font-size: 14px; }
  @media screen and (min-width: 320px) and (max-width: 480px) {
    .response_pin {
      font-size: 8px !important;
      width: 70px;
      text-align: center; } }

.thumbnails .yith_magnifier_thumbnail {
  width: auto !important; }

.wczpc_maindiv input.wczpcheckbtn, .wczpc_maindiv input.wczpbtn {
  float: left;
  margin-left: 15px;
  font-size: 13px !important;
  border-radius: 10px !important;
  padding: 5px 25px !important;
  height: 40px !important;
  background-color: #007a3d !important;
  font-family: "Lato-Bold"; }
  @media screen and (min-width: 320px) and (max-width: 480px) {
    .wczpc_maindiv input.wczpcheckbtn, .wczpc_maindiv input.wczpbtn {
      margin-left: 10px;
      padding: 5px 16px !important; } }

@media screen and (min-width: 320px) and (max-width: 480px) {
  .modal-backdrop.show {
    display: none; } }
@media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
  .modal-backdrop.show {
    display: none; } }

#header {
  position: sticky;
  top: 0;
  background: #fff;
  border-bottom: 1px solid #ccc;
  z-index: 9999;
  /*
  .navbar-nav .mega-dropdown
  {
  	li:not(:first-child) {
  		margin-left: 10px;
  	}
  	li:last-child {
  		margin-left: 2rem;
  	}
  	li:nth-child(2){
  		margin-left: 15px;
  	}
  }
  */ }
  @media screen and (min-width: 320px) and (max-width: 480px) {
    #header {
      position: sticky;
      top: 0;
      z-index: 2;
      background: #fff; } }
  @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
    #header {
      padding: 15px 0px;
      position: sticky;
      top: 0;
      z-index: 2;
      background: #fff; } }
  #header .nav-link {
    padding: 1rem;
    padding-left: 10px;
    padding-right: 10px; }
  #header .tab-content {
    text-align: left; }
    #header .tab-content .tab-pane .menu-img {
      display: inline-block; }
      #header .tab-content .tab-pane .menu-img .menu-item-inline {
        box-shadow: -5.2px 3px 20px 0 rgba(140, 142, 141, 0.4); }
  #header .col-sm-3, #header .col-sm-5 {
    padding: 2rem 0rem; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #header .col-sm-3, #header .col-sm-5 {
        padding: 0rem; } }
  #header .logo-wrapper {
    display: flex;
    justify-content: center; }
    @media only screen and (min-width: 375px) and (max-width: 820px) and (orientation: landscape) {
      #header .logo-wrapper {
        flex: 0 0 100%;
        max-width: 100%; } }
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
      #header .logo-wrapper {
        flex: 0 0 100%;
        max-width: 100%; } }
    @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) {
      #header .logo-wrapper {
        flex: 0 0 16.666667%;
        max-width: 16.666667%; } }
  #header .line-ct {
    border-top: solid #007a3d 2px;
    height: 6px;
    display: flex; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #header .line-ct {
        height: 5px;
        font-size: 10px; } }
  @media screen and (min-width: 320px) and (max-width: 480px) {
    #header .toggler-navbar {
      width: auto;
      margin-top: -4rem;
      width: auto;
      margin-left: 1rem; } }
  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
    #header .toggler-navbar {
      margin-left: -2rem;
      max-width: 100%;
      flex: 0 0 100%; } }
  @media only screen and (min-width: 375px) and (max-width: 820px) and (orientation: landscape) {
    #header .toggler-navbar {
      width: 100%;
      margin-top: -1rem;
      margin-left: 0rem; } }
  @media only screen and (min-width: 320px) and (max-width: 568px) and (orientation: landscape) {
    #header .toggler-navbar {
      width: 100%;
      margin-top: -3rem; } }
  @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) {
    #header .toggler-navbar {
      margin-left: 0rem;
      max-width: 83.3%; } }
  #header .navbar-toggler {
    outline: none;
    border: none; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #header .navbar-toggler {
        border: none;
        outline: none;
        padding: 0rem;
        margin-top: 7px; } }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #header .navbar-toggler.collapsed {
        margin-top: 0rem; } }
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
      #header .navbar-toggler {
        margin-top: -3rem; } }
    @media only screen and (min-width: 375px) and (max-width: 812px) and (orientation: landscape) {
      #header .navbar-toggler {
        margin-top: -2rem; } }
    @media only screen and (min-width: 320px) and (max-width: 568px) and (orientation: landscape) {
      #header .navbar-toggler {
        border: none;
        outline: none;
        margin-top: 0rem; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      #header .navbar-toggler {
        margin-top: -70px;
        margin-left: 24px; } }
  #header .logo-container {
    background: #007a3d; }
  #header span,
  #header a {
    text-transform: uppercase;
    font-family: "Lato-Bold";
    font-size: 12px;
    color: #fff;
    letter-spacing: 0.05rem; }
  #header .login-cart {
    float: right; }
  #header .h-left {
    background-color: #9eca73;
    line-height: 43px;
    float: right; }
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
      #header .h-left {
        line-height: normal;
        padding-top: 14px; } }
    #header .h-left a {
      float: right;
      margin-right: 40px; }
      @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
        #header .h-left a {
          margin-right: auto; } }
  #header .h-right {
    background-color: #007a3d;
    line-height: 40px; }
    #header .h-right .f-store {
      border-right: 0px; }
    #header .h-right span {
      margin-left: 12px;
      padding-right: 20px;
      border-right: 1px solid #fff; }
      #header .h-right span:last-child {
        border: 0px;
        padding-right: 0px; }
      @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
        #header .h-right span {
          margin-left: 7px; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        #header .h-right span {
          margin-left: 5px;
          padding-right: 5px; } }
    #header .h-right .call-icon {
      margin-right: 10px;
      margin-top: -3px; }
  @media only screen and (min-width: 375px) and (max-width: 820px) and (orientation: landscape) {
    #header .menu {
      max-width: 800px; } }
  @media screen and (min-width: 320px) and (max-width: 480px) {
    #header .menu .logo {
      margin-top: 0px;
      margin-left: 1rem;
      z-index: 2;
      width: 150px; } }
  @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
    #header .menu .logo {
      margin-top: 0px;
      margin-left: 3rem; } }
  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
    #header .menu .logo {
      margin-left: 2rem; } }
  @media screen and (min-width: 320px) and (max-width: 480px) {
    #header .menu nav {
      float: left;
      margin-top: 0.8rem;
      padding: 0.5rem 0rem;
      width: 100%; } }
  @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
    #header .menu nav {
      float: left;
      margin-top: 0.5rem;
      padding: 0.5rem 0rem;
      width: 100%; } }
  #header .menu nav .mobile-login a {
    color: #007a3d;
    margin-right: 10px; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #header .menu nav .mobile-login a {
        margin-right: 10px;
        padding: 0rem !important;
        padding-right: 5px !important; } }
  @media screen and (min-width: 320px) and (max-width: 480px) {
    #header .menu nav .mobile-login {
      margin-left: auto; } }
  @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
    #header .menu nav .mobile-login {
      margin-left: auto; } }
  #header .menu nav ul {
    margin-left: 0;
    align-items: center; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #header .menu nav ul {
        padding: 0rem;
        margin-left: 0rem;
        background: #fff;
        margin-top: 2rem;
        padding-right: 1rem; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      #header .menu nav ul {
        margin-left: 3rem; } }
    #header .menu nav ul li {
      width: max-content; }
      #header .menu nav ul li a {
        font-family: "Lato-Regular";
        color: #8c8e8d;
        font-size: 14px;
        text-transform: uppercase;
        align-items: center;
        display: flex;
        transition: 0.3s ease-out;
        outline: none; }
        @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) {
          #header .menu nav ul li a {
            font-size: 9px; } }
      #header .menu nav ul li .nav-link {
        padding-bottom: 25px !important;
        padding-top: 25px; }
        @media screen and (min-width: 320px) and (max-width: 480px) {
          #header .menu nav ul li .nav-link {
            padding-bottom: 13px !important; } }
  #header .menu nav form {
    position: relative; }
    #header .menu nav form .search_form {
      width: 102px;
      height: 40px;
      border-radius: 10px;
      background-color: #007a3d;
      padding-left: 38px;
      font-family: "Lato-Regular";
      font-size: 12px;
      color: #fff; }
      #header .menu nav form .search_form:focus {
        outline: none;
        border-color: none;
        box-shadow: none; }
      @media screen and (min-width: 320px) and (max-width: 480px) {
        #header .menu nav form .search_form {
          display: none; } }
    #header .menu nav form .search_menu {
      position: absolute;
      left: 35px;
      color: #fff;
      font-size: 15px;
      left: 20%; }
      @media screen and (min-width: 320px) and (max-width: 480px) {
        #header .menu nav form .search_menu {
          position: absolute;
          left: 35px;
          color: #000;
          font-size: 15px;
          -webkit-text-stroke: 1px #fff;
          color: #007a3d; } }
  @media screen and (min-width: 320px) and (max-width: 480px) {
    #header .menu nav .form-inline {
      position: absolute;
      right: 33%;
      top: 0%; } }
  @media only screen and (min-width: 320px) and (max-width: 568px) {
    #header .menu nav .form-inline {
      right: 33%; } }
  @media only screen and (min-width: 360px) and (max-width: 640px) {
    #header .menu nav .form-inline {
      right: 30%; } }
  @media only screen and (min-width: 375px) and (max-width: 667px) {
    #header .menu nav .form-inline {
      right: 28%; } }
  @media only screen and (min-width: 414px) and (max-width: 736px) {
    #header .menu nav .form-inline {
      right: 25%; } }
  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
    #header .menu nav .form-inline {
      display: none !important; } }
  @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) {
    #header .menu nav .form-inline {
      display: flex !important; } }
  #header .menu ::placeholder {
    color: #fff; }
  #header .modal {
    background-color: rgba(255, 255, 255, 0.8); }
    #header .modal .modal-dialog {
      max-width: 100%;
      margin-top: 0px; }
      @media screen and (min-width: 320px) and (max-width: 480px) {
        #header .modal .modal-dialog {
          margin: 0rem; } }
      @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
        #header .modal .modal-dialog {
          margin: 0rem; } }
      #header .modal .modal-dialog .modal-content {
        border-radius: 0px;
        height: 150px;
        box-shadow: -5.2px 3px 20px 0 rgba(0, 0, 0, 0.19);
        border: none; }
        @media screen and (min-width: 320px) and (max-width: 480px) {
          #header .modal .modal-dialog .modal-content {
            height: 100px; } }
        #header .modal .modal-dialog .modal-content .search-modal-form {
          margin: auto;
          align-items: center;
          display: flex; }
          @media screen and (min-width: 320px) and (max-width: 480px) {
            #header .modal .modal-dialog .modal-content .search-modal-form {
              margin: auto 1rem; } }
          #header .modal .modal-dialog .modal-content .search-modal-form input {
            width: 1000px;
            height: 100px;
            border: none;
            font-family: "Lato-Regular";
            font-size: 20px;
            outline: none;
            margin-left: 20px;
            color: #8c8e8d; }
            @media screen and (min-width: 320px) and (max-width: 480px) {
              #header .modal .modal-dialog .modal-content .search-modal-form input {
                width: 100%;
                font-size: 13px; } }
            @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
              #header .modal .modal-dialog .modal-content .search-modal-form input {
                width: 400px; } }
            @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
              #header .modal .modal-dialog .modal-content .search-modal-form input {
                width: 600px; } }
          #header .modal .modal-dialog .modal-content .search-modal-form .fa-search {
            font-size: 20px;
            -webkit-text-stroke: 1.5px #fff;
            color: #8c8e8d; }
          #header .modal .modal-dialog .modal-content .search-modal-form .fa-times {
            font-size: 25px;
            -webkit-text-stroke: 4px #fff;
            color: #8c8e8d;
            cursor: pointer;
            pointer-events: auto; }
          #header .modal .modal-dialog .modal-content .search-modal-form ::placeholder {
            color: rgba(140, 142, 141, 0.5); }
  #header .navbar {
    padding-bottom: 0px;
    padding-top: 0px; }
  @media screen and (min-width: 320px) and (max-width: 480px) {
    #header .navbar-nav {
      float: left;
      width: 100%; } }
  @media screen and (min-width: 320px) and (max-width: 480px) {
    #header .navbar-nav .nav-item {
      border-bottom: 1px solid #8c8e8d;
      width: 100%; } }
  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
    #header .navbar-nav .nav-item {
      width: 100%;
      padding: 0.5rem 0rem;
      border-bottom: 1px solid #007a3d; } }
  @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) {
    #header .navbar-nav .nav-item {
      width: max-content;
      padding: 0rem;
      border-bottom: none; } }
  @media screen and (min-width: 320px) and (max-width: 480px) {
    #header .navbar-nav .nav-item a {
      padding: 13px !important;
      color: #8c8e8d; } }
  @media screen and (min-width: 320px) and (max-width: 480px) {
    #header .navbar-nav .dropdown-toggle::after {
      float: right; } }
  #header .navbar-nav .dropdown {
    position: inherit; }
    #header .navbar-nav .dropdown .price {
      display: none; }
  #header .navbar-nav .nav-item {
    cursor: pointer; }
  #header .navbar-nav .dropdown-menu {
    width: 100%;
    border: none;
    border-bottom: 2px solid #007a3d;
    box-shadow: -5.2px 3px 20px 0 rgba(0, 0, 0, 0.19);
    cursor: auto;
    top: 95%;
    padding: 0rem; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #header .navbar-nav .dropdown-menu {
        padding: 0rem !important;
        border: none;
        box-shadow: none;
        overflow-y: scroll; } }
    #header .navbar-nav .dropdown-menu img {
      width: 100%;
      height: 100%; }
    #header .navbar-nav .dropdown-menu .container-fluid, #header .navbar-nav .dropdown-menu .col-md-6, #header .navbar-nav .dropdown-menu .col-sm-4, #header .navbar-nav .dropdown-menu .col-sm-6 {
      padding-left: 0px; }
  #header .navbar-nav .dropdown-toggle::after {
    content: "\f0d7";
    font-family: fontAwesome;
    border-top: none;
    margin-left: auto; }
  #header .navbar-nav h6 {
    font-family: "Lato-Bold";
    color: #007a3d;
    font-size: 20px;
    padding: 1rem;
    text-align: left;
    padding-left: 0; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #header .navbar-nav h6 {
        font-size: 15px; } }
  @media screen and (min-width: 320px) and (max-width: 480px) {
    #header .navbar-nav .sub-menu {
      display: block; } }
  #header .navbar-nav .sub-menu .list-unstyled {
    margin-top: 0px;
    display: block;
    margin-left: 30px; }
    #header .navbar-nav .sub-menu .list-unstyled li a {
      font-family: "Lato-Regular";
      color: #8c8e8d;
      font-size: 16px;
      padding-bottom: 0rem !important;
      line-height: 40px; }
      @media screen and (min-width: 320px) and (max-width: 480px) {
        #header .navbar-nav .sub-menu .list-unstyled li a {
          line-height: 23px; } }
  #header .navbar-nav .menu-img .type-product {
    padding: 1rem; }
  #header .navbar-nav h4 {
    font-family: "Lato-Bold";
    color: #007a3d;
    font-size: 18px;
    margin-top: 20px;
    text-align: left; }
  #header .navbar-nav p {
    font-family: "Lato-Regular";
    color: #8c8e8d;
    font-size: 16px;
    margin-bottom: 0px;
    margin-top: 20px;
    width: 300px;
    text-align: left;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 52px;
    display: -webkit-box;
    padding: 0 1.5rem 0 0; }
  #header .navbar-nav .view-detail {
    font-family: "Lato-Bold";
    	/*
        font-size: 14px;
        color: #fff;
        padding-left: 25px;
        padding-right: 25px;
        background-color: #007a3d;
        border-radius: 10px;
        border: none;
        outline: none;
        display: flex;
        height: 40px;
        align-items: center;
        vertical-align: middle;
        width: max-content;
        padding-bottom: 0px!important;
    	*/
    padding: 8px 30px;
    border-radius: 50px;
    border: 3px solid #fff;
    color: #fff;
    background: #007a3d;
    font-size: 14px;
    /*
	background: linear-gradient(0deg, rgba(0,95,42,1) 75%, rgba(42,42,43,1) 100%);
    background: radial-gradient(circle, rgba(0,95,57,1) 75%, rgba(61,42,64,1) 100%);
    background: linear-gradient(176deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 84%);
	*/
    text-decoration: none;
    transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1) !important;
    display: inline-flex; }
    #header .navbar-nav .view-detail:hover {
      border: 3px solid #007a3d;
      background: #fff;
      color: #005f2a;
      text-decoration: none; }
  #header .navbar-nav .regular_amount {
    text-align: left; }
  @media screen and (min-width: 320px) and (max-width: 480px) {
    #header .image-div {
      display: none; } }
  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
    #header .image-div {
      display: none; } }
  #header .search-mobile {
    margin-right: 10px;
    -webkit-text-stroke: .5px #fff;
    color: #007a3d;
    position: absolute;
    right: 15%;
    z-index: 0; }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      #header .search-mobile {
        top: 20px;
        right: 5px; } }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #header .search-mobile {
        top: 20px;
        right: 5px; } }
  #header .cart-mobile {
    position: absolute;
    right: 7%;
    padding: 0rem !important; }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      #header .cart-mobile {
        top: 20px; } }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #header .cart-mobile {
        top: 20px; } }
    #header .cart-mobile i {
      color: #007a3d;
      font-size: 20px; }
    #header .cart-mobile span {
      position: absolute;
      color: #fff;
      right: -10px;
      top: -10px;
      border: 2px solid #fff;
      font-family: "Lato-Bold";
      font-size: 8px;
      background: #d32f2f;
      border-radius: 50%;
      height: 15px;
      width: 15px;
      font-size: 6.7px;
      line-height: 10.8px;
      border: 2px solid #fff;
      text-align: center;
      padding-left: 0.1rem; }

#footer .gform_submit_button_1 {
  display: none !important; }
@media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
  #footer .landscape-footer {
    max-width: 800px; } }
@media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
  #footer .ginput_container {
    margin-left: 0rem; } }
#footer .social-connect {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 115px;
  background-color: #9eca73; }
  @media screen and (min-width: 320px) and (max-width: 480px) {
    #footer .social-connect {
      padding: 2rem;
      height: auto; } }
  @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
    #footer .social-connect {
      padding: 2rem;
      height: auto; } }
  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
    #footer .social-connect {
      height: auto;
      padding: 2rem; } }
  #footer .social-connect .social-icon {
    font-size: 40px;
    color: #fff;
    margin-right: 15px; }
    #footer .social-connect .social-icon i, #footer .social-connect .social-icon img {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #footer .social-connect .social-icon {
        font-size: 25px;
        width: 24px;
        margin-top: 6px; } }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #footer .social-connect .social-icon img {
        max-width: 100%;
        height: auto; } }
  #footer .social-connect .f-contact {
    display: flex;
    padding: 0px 17px 0px 17px;
    align-items: center; }
    @media only screen and (min-width: 767px) and (max-width: 1024px) {
      #footer .social-connect .f-contact {
        flex: 0 0 50%;
        max-width: 50%;
        padding-bottom: 5px !important; } }
    @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
      #footer .social-connect .f-contact {
        width: 55%;
        margin: auto;
        margin-bottom: 1rem; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      #footer .social-connect .f-contact {
        margin-bottom: 1rem; } }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #footer .social-connect .f-contact {
        align-items: flex-start;
        margin-bottom: 1rem; } }
  #footer .social-connect .social-details span {
    font-family: "Lato-Regular";
    font-size: 15px;
    color: #fff; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #footer .social-connect .social-details span {
        font-size: 13px; } }
    @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
      #footer .social-connect .social-details span {
        font-size: 13px; } }
  #footer .social-connect .social-details a {
    font-family: "Lato-Bold";
    font-size: 16px;
    color: #fff; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #footer .social-connect .social-details a {
        font-size: 14px;
        padding-left: 0px !important; } }
    @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
      #footer .social-connect .social-details a {
        font-size: 14px; } }
    @media only screen and (max-width: 320px) {
      #footer .social-connect .social-details a {
        padding-right: 0px !important; } }
  @media screen and (min-width: 320px) and (max-width: 480px) {
    #footer .social-connect .container {
      padding: 0; } }
#footer .tab-submail {
  /* 
  @media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 960px) 
  and (-webkit-min-device-pixel-ratio: 1) {
  	display: block;
  }
  @media only screen
  and (min-device-width: 1024px)
  and (max-device-width: 1366px)
  and (-webkit-min-device-pixel-ratio: 2){
  	display: flex;
  }
  */ }
  @media only screen and (min-width: 750px) {
    #footer .tab-submail .col-footer-box {
      flex: 0 0 37.333333%;
      max-width: 37.333333%; } }
  @media only screen and (min-width: 601px) and (max-width: 800px) {
    #footer .tab-submail .col-footer-box {
      max-width: 50%;
      flex: 0 0 50%; } }
  @media only screen and (min-width: 601px) and (max-width: 800px) {
    #footer .tab-submail .col-download-app {
      max-width: 100%;
      flex: 0 0 100%; } }
  @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
    #footer .tab-submail {
      display: flex !important; } }
#footer .footer-os .landscape-align {
  align-items: flex-start;
  display: flex;
  flex-direction: column !important; }
  @media screen and (min-width: 320px) and (max-width: 480px) {
    #footer .footer-os .landscape-align {
      display: block;
      align-items: center; } }
  @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
    #footer .footer-os .landscape-align {
      justify-content: center;
      text-align: center;
      display: grid; } }
  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
    #footer .footer-os .landscape-align {
      display: block; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    #footer .footer-os .landscape-align {
      display: flex; } }
  @media screen and (min-width: 1024px) and (max-width: 1280px) {
    #footer .footer-os .landscape-align {
      display: flex; } }
#footer .footer-os .subscribe_landscape {
  align-items: start; }
#footer .footer-os .footer-container {
  padding: 3rem 0rem 0rem 0rem; }
  @media screen and (min-width: 320px) and (max-width: 480px) {
    #footer .footer-os .footer-container {
      padding: 2rem 0rem;
      padding-bottom: 0rem; } }
  @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
    #footer .footer-os .footer-container {
      padding: 0rem 0rem; } }
  #footer .footer-os .footer-container .f-subscribe {
    line-height: 10px;
    padding-left: 1.1rem; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #footer .footer-os .footer-container .f-subscribe {
        padding-left: 1rem; } }
    @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
      #footer .footer-os .footer-container .f-subscribe {
        padding: 1rem 2rem; } }
    #footer .footer-os .footer-container .f-subscribe h6 {
      font-family: "Lato-Bold";
      font-size: 20px;
      color: #007a3d; }
      @media screen and (min-width: 320px) and (max-width: 480px) {
        #footer .footer-os .footer-container .f-subscribe h6 {
          font-size: 20px;
          font-size: 18px !important;
          margin-bottom: 1rem; } }
      @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
        #footer .footer-os .footer-container .f-subscribe h6 {
          font-size: 17px;
          margin-bottom: 0rem;
          margin-top: 0rem; } }
      @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
        #footer .footer-os .footer-container .f-subscribe h6 {
          padding-bottom: 1rem; } }
    #footer .footer-os .footer-container .f-subscribe p {
      font-family: "Lato-Regular";
      font-size: 15px;
      color: #8c8e8d;
      margin-top: 15px; }
      @media screen and (min-width: 320px) and (max-width: 480px) {
        #footer .footer-os .footer-container .f-subscribe p {
          font-size: 13px; } }
      @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
        #footer .footer-os .footer-container .f-subscribe p {
          font-size: 13px; } }
  #footer .footer-os .footer-container .f-mail-form {
    margin-left: 1rem; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #footer .footer-os .footer-container .f-mail-form {
        margin: initial; } }
    @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
      #footer .footer-os .footer-container .f-mail-form {
        margin-left: 2rem; } }
    #footer .footer-os .footer-container .f-mail-form form {
      position: relative; }
    #footer .footer-os .footer-container .f-mail-form input[type="submit"].sms_button_footer {
      -webkit-transition: 0.3s all ease;
      transition: 0.3s ease all;
      border: 1px solid #007a3d !important; }
      #footer .footer-os .footer-container .f-mail-form input[type="submit"].sms_button_footer:hover {
        border: 1px solid #007a3d !important;
        background: #fff;
        color: #005f2a;
        text-decoration: none; }
    #footer .footer-os .footer-container .f-mail-form input {
      font-family: "Lato-Regular";
      font-size: 14px !important;
      width: 240px;
      height: 50px;
      border-radius: 10px;
      border: solid 1px #8c8e8d;
      padding-left: 20px;
      outline: none; }
      @media screen and (min-width: 320px) and (max-width: 480px) {
        #footer .footer-os .footer-container .f-mail-form input {
          margin: 0rem 1rem;
          width: 100%;
          width: 228px; } }
      @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
        #footer .footer-os .footer-container .f-mail-form input {
          margin: 0rem 0.5rem;
          width: 200px;
          padding-left: 13px; } }
  #footer .footer-os .footer-container #sms_mobile_form {
    display: flex; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #footer .footer-os .footer-container #sms_mobile_form {
        flex-direction: column; } }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #footer .footer-os .footer-container #sms_mobile_form #sms_mobile_text {
        margin-bottom: 1.5rem; } }
    #footer .footer-os .footer-container #sms_mobile_form input[type=number]::-webkit-outer-spin-button {
      -webkit-appearance: none;
      margin: 0; }
    #footer .footer-os .footer-container #sms_mobile_form input[type=number]::-webkit-inner-spin-button {
      -webkit-appearance: none;
      margin: 0; }
    #footer .footer-os .footer-container #sms_mobile_form input[type=number] {
      -moz-appearance: textfield; }
  #footer .footer-os .footer-container .sms_button_footer {
    width: 83px !important;
    height: 50px !important;
    display: inline-block;
    padding: 8px 30px;
    border: 0 !important;
    border-radius: 10px !important;
    color: #fff;
    background: #007a3d;
    font-size: 14px !important;
    text-decoration: none;
    -webkit-transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1) !important;
    transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1) !important;
    margin: 0 16px 0 0;
    margin-left: 20px; }
    @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
      #footer .footer-os .footer-container .sms_button_footer {
        width: 75px; } }
  @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
    #footer .footer-os .footer-container .mobile_mail_form {
      margin-left: 0rem; } }
  #footer .footer-os .footer-container .f-download-app {
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #footer .footer-os .footer-container .f-download-app {
        padding-left: 2rem;
        margin-left: 0px;
        align-items: flex-start;
        margin-bottom: 2rem;
        padding-left: 2rem;
        padding-right: 20px;
        margin-top: 20px; } }
    @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
      #footer .footer-os .footer-container .f-download-app {
        margin-top: 0rem;
        padding-left: 2rem;
        margin-left: 0px; } }
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
      #footer .footer-os .footer-container .f-download-app {
        margin-left: 1rem;
        align-items: center;
        justify-content: center; } }
    @media only screen and (min-width: 601px) and (max-width: 768px) {
      #footer .footer-os .footer-container .f-download-app {
        margin-bottom: 2rem !important;
        padding-left: 2rem;
        padding-right: 20px;
        margin-top: 20px !important;
        align-items: center; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      #footer .footer-os .footer-container .f-download-app {
        margin: auto; } }
    #footer .footer-os .footer-container .f-download-app h6 {
      font-family: "Lato-Bold";
      font-size: 20px;
      color: #007a3d;
      margin-bottom: .5rem; }
      @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
        #footer .footer-os .footer-container .f-download-app h6 {
          padding-bottom: 1rem; } }
      @media screen and (min-width: 320px) and (max-width: 480px) {
        #footer .footer-os .footer-container .f-download-app h6 {
          font-size: 18px !important;
          margin-right: 0rem; } }
      @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
        #footer .footer-os .footer-container .f-download-app h6 {
          font-size: 22px; } }
    #footer .footer-os .footer-container .f-download-app .f-os {
      align-items: center; }
      #footer .footer-os .footer-container .f-download-app .f-os img {
        margin: 0 10px; }
      #footer .footer-os .footer-container .f-download-app .f-os a {
        outline: none;
        padding: 0.5rem !important; }
      #footer .footer-os .footer-container .f-download-app .f-os i {
        font-size: 30px; }
      #footer .footer-os .footer-container .f-download-app .f-os .fa-android {
        margin-right: 20px;
        color: #9eca73; }
        @media screen and (min-width: 320px) and (max-width: 480px) {
          #footer .footer-os .footer-container .f-download-app .f-os .fa-android {
            margin-right: 0px; } }
      #footer .footer-os .footer-container .f-download-app .f-os .fa-apple {
        color: #000; }
    #footer .footer-os .footer-container .f-download-app .store-link {
      color: #000000;
      text-decoration: none; }
    #footer .footer-os .footer-container .f-download-app .rating-ct {
      margin: 15px 10px 0 10px; }
      #footer .footer-os .footer-container .f-download-app .rating-ct .content-ct {
        margin-left: 10px;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start; }
        #footer .footer-os .footer-container .f-download-app .rating-ct .content-ct img {
          margin: 0px !important; }
        #footer .footer-os .footer-container .f-download-app .rating-ct .content-ct p {
          font-weight: 500;
          margin-bottom: 0 !important; }
#footer .footer-os .download-footer {
  padding: 1rem 0rem 2rem 0rem; }
  @media screen and (min-width: 320px) and (max-width: 480px) {
    #footer .footer-os .download-footer {
      padding: 0rem; } }
  @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
    #footer .footer-os .download-footer {
      padding-top: 0rem; } }
#footer .footer-links {
  background-color: #00692f;
  padding: 2rem; }
  #footer .footer-links .br-btm {
    border-bottom: 1px solid #fff;
    padding-bottom: 1rem;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between; }
    @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
      #footer .footer-links .br-btm {
        justify-content: center; } }
  #footer .footer-links .f-link-col h6 {
    color: #fff;
    font-family: "Lato-Bold";
    font-size: 15px; }
  #footer .footer-links .f-link-col ul {
    list-style: none;
    color: #fff;
    line-height: 30px;
    padding: 0;
    margin: 0; }
    #footer .footer-links .f-link-col ul a {
      color: #fff;
      font-family: "Lato-Regular";
      font-size: 13px; }
  #footer .footer-links .footer-col {
    display: flex;
    justify-content: center; }
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
      #footer .footer-links .footer-col {
        margin-right: 10px; } }
    @media only screen and (min-device-width: 768px) and (max-device-width: 960px) and (-webkit-min-device-pixel-ratio: 1) {
      #footer .footer-links .footer-col {
        flex: 0 0 18%;
        max-width: 20%; } }
    @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
      #footer .footer-links .footer-col {
        margin-right: 1rem; } }
    @media (max-width: 767px) {
      #footer .footer-links .footer-col {
        justify-content: flex-start; } }
  #footer .footer-links .f-disclaimer {
    padding-top: 1.5rem; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #footer .footer-links .f-disclaimer {
        margin: auto; } }
    @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
      #footer .footer-links .f-disclaimer {
        margin: auto; } }
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
      #footer .footer-links .f-disclaimer {
        margin: auto; } }
    #footer .footer-links .f-disclaimer span a {
      color: #fff;
      font-family: "Lato-Regular";
      font-size: 13px; }
    #footer .footer-links .f-disclaimer span:first-child {
      margin-left: 15px; }
      @media screen and (min-width: 320px) and (max-width: 480px) {
        #footer .footer-links .f-disclaimer span:first-child {
          margin-left: 0px; } }
      @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
        #footer .footer-links .f-disclaimer span:first-child {
          margin-left: 0px; } }
    #footer .footer-links .f-disclaimer span:nth-child(2) {
      margin-left: 20px; }
  #footer .footer-links .f-copyright {
    padding-top: 1.5rem;
    margin-left: auto;
    display: flex; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #footer .footer-links .f-copyright {
        display: block;
        text-align: center; } }
    @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
      #footer .footer-links .f-copyright {
        display: block;
        text-align: center; } }
    #footer .footer-links .f-copyright span {
      color: #fff;
      font-family: "Lato-Regular";
      font-size: 13px;
      margin-right: 20px;
      letter-spacing: 0.025rem;
      word-spacing: 0.06rem; }
  @media screen and (min-width: 320px) and (max-width: 480px) {
    #footer .footer-links .f-social-icons {
      margin-top: 15px;
      margin-bottom: 25px; } }
  @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
    #footer .footer-links .f-social-icons {
      margin-top: 15px;
      margin-bottom: 25px; } }
  #footer .footer-links .f-social-icons i {
    margin-right: 20px;
    color: #fff; }
  @media screen and (min-width: 320px) and (max-width: 480px) {
    #footer .footer-links .f-social-icons a {
      padding: 0px !important; } }
@media screen and (min-width: 320px) and (max-width: 480px) {
  #footer #menu-footer-assistance-menu,
  #footer #menu-footer-faq-menu {
    display: grid; } }
#footer #menu-footer-assistance-menu li,
#footer #menu-footer-faq-menu li {
  display: flex; }
  #footer #menu-footer-assistance-menu li a,
  #footer #menu-footer-faq-menu li a {
    order: 2; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #footer #menu-footer-assistance-menu li a,
      #footer #menu-footer-faq-menu li a {
        padding: 0rem !important;
        padding-left: 17px !important;
        padding-right: 17px !important;
        font-size: 12px !important; } }
  #footer #menu-footer-assistance-menu li span,
  #footer #menu-footer-faq-menu li span {
    order: 1;
    margin-right: 3px; }
#footer .ginput_container_email input {
  width: 240px !important; }
  @media screen and (min-width: 320px) and (max-width: 480px) {
    #footer .ginput_container_email input {
      width: 228px !important; } }
  @media only screen and (min-width: 375px) and (max-width: 820px) and (orientation: landscape) {
    #footer .ginput_container_email input {
      width: 200px !important; } }
#footer body .gform_wrapper ul li.gfield {
  margin-top: 0px; }
#footer form .gform_body {
  padding: 0rem; }
#footer #gform_1 {
  margin-top: -2rem;
  display: flex; }
  @media screen and (min-width: 320px) and (max-width: 480px) {
    #footer #gform_1 {
      display: inherit;
      margin-top: 0rem; } }
#footer #field_1_1 .gfield_label {
  display: none; }
#footer #gform_submit_button_1 {
  width: 83px;
  height: 50px;
  margin-left: 20px; }
  @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
    #footer #gform_submit_button_1 {
      width: 75px; } }
#footer .gform_wrapper ul.gform_fields li.gfield {
  padding-right: 0px; }
#footer .gform_footer {
  margin: 0px; }
#footer .gform_wrapper li.hidden_label input {
  margin-top: 0px; }
#footer .gform_wrapper_1 {
  margin-left: 2rem; }
#footer .validation_error {
  display: none; }
#footer .gform_wrapper li.gfield.gfield_error, #footer .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
  background-color: transparent;
  margin-bottom: 0px !important;
  border-top: none;
  border-bottom: none;
  padding-bottom: 0px;
  padding-top: 0px; }
@media screen and (min-width: 320px) and (max-width: 480px) {
  #footer .gform_wrapper .gform_footer {
    padding: 0px; } }
@media screen and (min-width: 320px) and (max-width: 480px) {
  #footer input[type="email"] {
    width: 228px !important; } }
@media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
  #footer .gform_wrapper ul.gform_fields li.gfield {
    padding-right: 0rem !important; } }

.banner-link {
  padding: 8px 30px;
  border-radius: 50px;
  border: 3px solid #fff;
  color: #fff;
  background: #007a3d;
  font-size: 14px;
  text-decoration: none;
  transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1) !important; }
  .banner-link:hover {
    border: 3px solid #007a3d;
    background: #fff;
    color: #005f2a;
    text-decoration: none; }

#banner {
  margin-bottom: 2rem; }
  @media screen and (min-width: 320px) and (max-width: 480px) {
    #banner {
      margin: 0; } }
  #banner .scroll-down {
    margin: auto;
    border: none;
    outline: none; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #banner .scroll-down {
        display: none; } }
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
      #banner .scroll-down {
        display: none; } }
  #banner i {
    margin: auto;
    font-size: 20px;
    margin-top: 20px;
    color: #007a3d;
    cursor: pointer; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #banner i {
        margin-top: 0px; } }
  #banner .banner-playground {
    display: flex; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #banner .banner-playground {
        display: block;
        padding-left: 0px;
        padding-right: 0px; } }
  #banner .banner-swiper-container h2, #banner .banner-swiper-container p {
    opacity: 0;
    transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.6s;
    transform: translate3d(-20%, 0, 0); }
  #banner .banner-swiper-container a {
    opacity: 0;
    transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.6s;
    transform: translate3d(-30%, 0, 0); }
  #banner .swiper-slide.swiper-slide-active h2, #banner .swiper-slide.swiper-slide-active p, #banner .swiper-slide.swiper-slide-active a {
    transform: translate3d(0, 0, 0);
    opacity: 1; }
  #banner .slider-wrapper {
    max-width: 1600px;
    margin: auto; }
    #banner .slider-wrapper img {
      float: right;
      margin-right: -30px; }
      @media screen and (min-width: 320px) and (max-width: 480px) {
        #banner .slider-wrapper img {
          margin-right: 0px;
          width: 100%;
          height: 100%; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        #banner .slider-wrapper img {
          width: 100%;
          height: 100%; } }
      @media screen and (min-width: 1024px) and (max-width: 1280px) {
        #banner .slider-wrapper img {
          width: 100%;
          height: 100%; } }
    #banner .slider-wrapper .b-content {
      align-items: center;
      display: flex; }
    #banner .slider-wrapper .slider-content {
      margin-bottom: 8rem;
      margin-left: 8.5rem;
      margin-top: 15px;
      /*
      a {
      	font-family: "Lato-Bold";
      	font-size: 14px;
      	border: 1px solid $primary_color;
      	padding: 15px;
      	color: $primary_color;
      	background-color: #fff;
      	border-radius: 10px;
      	padding: 12px;
      	padding-left: 25px;
      	padding-right: 25px;
      	transition: 0.3s ease-out;
      	&:hover {
      		background-color: $primary_color;
      		color: #fff;
      		transition: 0.3s ease-in;
      		text-decoration: none;
      	}
      }
      */ }
      @media screen and (min-width: 320px) and (max-width: 480px) {
        #banner .slider-wrapper .slider-content {
          margin-left: 0rem;
          margin-bottom: 0; } }
      @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
        #banner .slider-wrapper .slider-content {
          margin-left: 0rem;
          margin-bottom: 3rem; } }
      @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
        #banner .slider-wrapper .slider-content {
          margin-left: 0rem; } }
      #banner .slider-wrapper .slider-content h2, #banner .slider-wrapper .slider-content h1 {
        font-family: "Lato-Black";
        font-size: 36px;
        color: #007a3d; }
        @media screen and (min-width: 320px) and (max-width: 480px) {
          #banner .slider-wrapper .slider-content h2, #banner .slider-wrapper .slider-content h1 {
            font-size: 25px !important;
            margin-top: 2px; } }
        @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
          #banner .slider-wrapper .slider-content h2, #banner .slider-wrapper .slider-content h1 {
            font-size: 20px; } }
        @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
          #banner .slider-wrapper .slider-content h2, #banner .slider-wrapper .slider-content h1 {
            font-size: 30px; } }
      #banner .slider-wrapper .slider-content p {
        width: 450px;
        font-family: "Lato-Regular";
        font-size: 18px;
        padding-bottom: 1rem;
        padding-top: 10px;
        color: #000;
        line-height: 30px; }
        @media screen and (min-width: 320px) and (max-width: 480px) {
          #banner .slider-wrapper .slider-content p {
            width: auto;
            font-size: 15px !important;
            padding-bottom: 0;
            padding-top: 0;
            line-height: 25px;
            color: #666; } }
        @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
          #banner .slider-wrapper .slider-content p {
            width: auto; } }
        @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
          #banner .slider-wrapper .slider-content p {
            width: auto; } }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          #banner .slider-wrapper .slider-content p {
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
            text-overflow: ellipsis;
            height: 75px;
            display: -webkit-box; } }
  #banner .swiper-pagination {
    text-align: left;
    bottom: 12rem;
    position: initial;
    margin-top: 30px; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #banner .swiper-pagination {
        margin-left: 0px;
        position: inherit;
        margin-top: 1rem;
        text-align: left;
        margin: 20px auto; } }
  #banner .swiper-pagination-bullet-active {
    background: #007a3d; }
  #banner .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    margin-left: 7px; }

#typesofPurifier {
  margin-bottom: 4rem;
  padding-top: 5rem; }
  @media screen and (min-width: 320px) and (max-width: 480px) {
    #typesofPurifier {
      padding-top: 1rem;
      overflow: hidden; } }
  @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
    #typesofPurifier {
      padding-top: 1rem; } }
  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
    #typesofPurifier {
      padding-top: 0rem; } }
  #typesofPurifier .product-type {
    height: fit-content; }
  #typesofPurifier .product-type {
    padding: 3rem 2rem 3rem 2rem;
    border-radius: 10px;
    background: #eee;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 30%; }
    @media (min-width: 768px) and (max-width: 1024px) {
      #typesofPurifier .product-type {
        width: 48%; } }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #typesofPurifier .product-type {
        width: 90%;
        margin: 0rem 1rem;
        padding: 3rem 1rem 3rem 2rem; } }
    #typesofPurifier .product-type h4 {
      font-family: "Lato-Bold";
      font-size: 28px;
      color: #007a3d; }
    #typesofPurifier .product-type p {
      font-family: "Lato-Regular";
      font-size: 16px;
      color: #4e4e4e;
      width: 290px; }
      @media screen and (min-width: 320px) and (max-width: 480px) {
        #typesofPurifier .product-type p {
          width: auto;
          height: 65px; } }
    #typesofPurifier .product-type a {
      /*
      font-family: "Lato-Bold";
      font-size: 14px;
      color: #fff;
      padding: 15px;
      background-color: $primary_color;
      border-radius: 10px;
      padding: 12px;
      padding-left: 25px;
      padding-right: 25px;
      @include screen(small){
      	display: inline-flex;
      }
      */
      padding: 8px 30px;
      border-radius: 50px;
      border: 3px solid #fff;
      color: #fff;
      background: #007a3d;
      font-size: 14px;
      text-decoration: none;
      transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1) !important; }
      #typesofPurifier .product-type a:hover {
        border: 3px solid #007a3d;
        background: #fff;
        color: #005f2a;
        text-decoration: none; }
    #typesofPurifier .product-type img {
      margin-left: 4rem;
      transition: 0.3s ease-out;
      cursor: pointer;
      margin-right: 1rem;
      margin-bottom: 2rem; }
      #typesofPurifier .product-type img:hover {
        transform: scale(1.1);
        transition: 0.3s ease-in; }
      @media screen and (min-width: 320px) and (max-width: 480px) {
        #typesofPurifier .product-type img {
          margin-left: 4rem;
          float: right; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        #typesofPurifier .product-type img {
          margin-left: 4.8rem; } }
  #typesofPurifier .product-type:nth-child(2) {
    padding: 3rem 2rem 3rem 2rem;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    background-color: #007a3d;
    margin-top: 5rem;
    margin-right: 2rem;
    margin-left: 2rem; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #typesofPurifier .product-type:nth-child(2) {
        margin-left: 0px;
        margin-right: 0px;
        width: 90%;
        margin: 2rem 1rem 2rem 1rem;
        padding: 3rem 1rem 3rem 2rem; } }
    @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
      #typesofPurifier .product-type:nth-child(2) {
        margin-top: 2rem; } }
    @media only screen and (min-device-width: 768px) and (max-device-width: 960px) and (-webkit-min-device-pixel-ratio: 1) {
      #typesofPurifier .product-type:nth-child(2) {
        margin-left: 20px;
        margin-top: 20px;
        margin-right: 0rem; } }
    @media only screen and (min-device-width: 960px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
      #typesofPurifier .product-type:nth-child(2) {
        margin-left: 15px;
        margin-top: 20px;
        margin-right: 15px; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      #typesofPurifier .product-type:nth-child(2) {
        margin-top: 0px; } }
    @media screen and (min-width: 1024px) and (max-width: 1280px) {
      #typesofPurifier .product-type:nth-child(2) {
        margin-top: 0px; } }
    #typesofPurifier .product-type:nth-child(2) h4 {
      font-family: "Lato-Bold";
      font-size: 28px;
      color: #fff; }
    #typesofPurifier .product-type:nth-child(2) p {
      font-family: "Lato-Regular";
      font-size: 16px;
      color: #fff;
      width: 300px; }
      @media screen and (min-width: 320px) and (max-width: 480px) {
        #typesofPurifier .product-type:nth-child(2) p {
          width: auto;
          height: 65px; } }
    #typesofPurifier .product-type:nth-child(2) a {
      /*
      font-family: "Lato-Bold";
      font-size: 14px;
      color: $primary_color;
      padding: 15px;
      background-color: #fff;
      border-radius: 10px;
      padding: 12px;
      padding-left: 25px;
      padding-right: 25px;
      */
      padding: 8px 30px;
      border-radius: 50px;
      border: 3px solid #007a3d;
      color: #007a3d;
      background: #fff;
      font-size: 14px;
      text-decoration: none;
      transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1) !important; }
      #typesofPurifier .product-type:nth-child(2) a:hover {
        border: 3px solid #fff;
        background: #007a3d;
        color: #fff;
        text-decoration: none; }
    #typesofPurifier .product-type:nth-child(2) img {
      margin: 0rem auto 1rem; }
      @media screen and (min-width: 320px) and (max-width: 480px) {
        #typesofPurifier .product-type:nth-child(2) img {
          margin: 1rem auto 1rem !important;
          float: right; } }
  #typesofPurifier .product-type:last-child {
    padding: 3rem 2rem 3rem 2rem;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    background-color: #8c8e8d; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #typesofPurifier .product-type:last-child {
        padding: 3rem 1rem 3rem 2rem; } }
    @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
      #typesofPurifier .product-type:last-child {
        margin-top: 2rem; } }
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
      #typesofPurifier .product-type:last-child {
        margin-top: 20px; } }
    #typesofPurifier .product-type:last-child h4 {
      font-family: "Lato-Bold";
      font-size: 28px;
      color: #fff; }
    #typesofPurifier .product-type:last-child p {
      font-family: "Lato-Regular";
      font-size: 16px;
      color: #fff;
      width: 270px; }
      @media screen and (min-width: 320px) and (max-width: 480px) {
        #typesofPurifier .product-type:last-child p {
          width: auto;
          height: 65px; } }
    #typesofPurifier .product-type:last-child a {
      /*
      font-family: "Lato-Bold";
      font-size: 14px;
      color: #8c8e8d;
      padding: 15px;
      background-color: #fff;
      border-radius: 10px;
      padding: 12px;
      padding-left: 25px;
      padding-right: 25px;
      */
      padding: 8px 30px;
      border-radius: 50px;
      border: 3px solid #8c8e8d;
      color: #007a3d;
      background: #fff;
      font-size: 14px;
      text-decoration: none;
      transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1) !important; }
      #typesofPurifier .product-type:last-child a:hover {
        border: 3px solid #fff;
        background: #007a3d;
        color: #fff;
        text-decoration: none; }
    #typesofPurifier .product-type:last-child img {
      margin-top: -50px;
      margin: -2rem auto 1rem auto !important;
      width: 80% !important;
      top: 0 !important; }
      @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
        #typesofPurifier .product-type:last-child img {
          margin-left: 14.4rem; } }
      @media (max-width: 767px) {
        #typesofPurifier .product-type:last-child img {
          width: 100% !important;
          margin: 0rem auto 0rem auto !important; } }

#blog {
  margin-top: 3rem;
  margin-bottom: 2rem; }
  @media screen and (min-width: 320px) and (max-width: 480px) {
    #blog {
      margin-top: 0rem;
      padding-top: 2rem; } }
  @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
    #blog {
      margin-top: 2rem; } }
  #blog .blog-heading {
    margin: auto;
    text-align: center; }
    #blog .blog-heading h3 {
      font-family: "Lato-Black";
      font-size: 34px;
      color: #007a3d; }
      @media screen and (min-width: 320px) and (max-width: 480px) {
        #blog .blog-heading h3 {
          font-size: 30px; } }
    #blog .blog-heading p {
      font-family: "Lato-Regular";
      font-size: 15px;
      color: #8c8e8d; }
  #blog .blog-container {
    margin-top: 2.5rem; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #blog .blog-container {
        margin-top: 0rem; } }
    @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
      #blog .blog-container {
        margin-top: 0rem; } }
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
      #blog .blog-container {
        margin-top: 0rem; } }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #blog .blog-container .blog-wrapper {
        margin-top: 1rem;
        margin: auto;
        margin-bottom: 2rem;
        text-align: center; } }
    @media only screen and (min-width: 375px) and (max-width: 812px) {
      #blog .blog-container .blog-wrapper {
        margin: auto;
        margin-top: 1rem; } }
    @media only screen and (min-width: 412px) and (max-width: 800px) {
      #blog .blog-container .blog-wrapper {
        margin: auto;
        margin-top: 1rem; } }
    @media only screen and (min-width: 414px) and (max-width: 736px) {
      #blog .blog-container .blog-wrapper {
        margin: auto;
        margin-top: 1rem; } }
    @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
      #blog .blog-container .blog-wrapper {
        text-align: center; } }
    #blog .blog-container .blog-wrapper .blog-tag-name {
      background-color: #9eca73;
      width: 123px;
      height: 31px;
      border-radius: 10px;
      font-family: "Lato-Bold";
      font-size: 13px;
      color: #fff;
      text-align: center;
      line-height: 31px;
      margin-top: 1rem; }
      @media screen and (min-width: 320px) and (max-width: 480px) {
        #blog .blog-container .blog-wrapper .blog-tag-name {
          margin-left: 0rem;
          margin: auto;
          margin-top: 1rem; } }
      @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
        #blog .blog-container .blog-wrapper .blog-tag-name {
          margin: auto;
          margin-top: 1rem; } }
    #blog .blog-container .blog-wrapper h4 {
      width: auto;
      font-family: "Lato-Regular";
      font-size: 18px;
      padding: 0rem 1rem 1rem 0rem;
      margin-top: 1rem;
      letter-spacing: 0.015rem;
      line-height: 26px;
      color: #8c8e8d; }
      @media screen and (min-width: 320px) and (max-width: 480px) {
        #blog .blog-container .blog-wrapper h4 {
          margin-top: 0rem;
          font-size: 16px;
          margin: auto;
          margin-bottom: 0.5rem;
          margin-top: 0.5rem;
          line-height: 20px;
          width: 96%;
          margin-top: 15px; } }
      @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
        #blog .blog-container .blog-wrapper h4 {
          width: auto;
          font-size: 13px;
          line-height: 20px;
          margin-left: 0rem; } }
      @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
        #blog .blog-container .blog-wrapper h4 {
          width: auto; } }
    #blog .blog-container .blog-wrapper h6 {
      font-family: "Lato-Bold";
      font-size: 15px;
      color: #007a3d;
      margin-left: 2rem;
      margin-top: 1.5rem; }
      @media screen and (min-width: 320px) and (max-width: 480px) {
        #blog .blog-container .blog-wrapper h6 {
          margin-top: -1rem;
          margin-left: 0rem; } }
      @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
        #blog .blog-container .blog-wrapper h6 {
          margin-left: 0rem; } }
    #blog .blog-container .blog-wrapper a {
      color: #fff; }
      @media screen and (min-width: 320px) and (max-width: 480px) {
        #blog .blog-container .blog-wrapper a {
          padding: 0rem !important; } }
    #blog .blog-container .blog-wrapper img {
      width: 100%;
      height: auto;
      transition: 0.3s ease-out; }
      #blog .blog-container .blog-wrapper img:hover {
        transform: scale(1.1);
        transition: 0.3s ease-in; }
  #blog .view-all {
    margin: auto;
    margin-top: 2rem;
    margin-bottom: 2rem;
    padding: 8px 30px;
    border-radius: 50px;
    border: 3px solid #fff;
    color: #fff;
    background: #007a3d;
    font-size: 14px;
    text-decoration: none;
    transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1) !important; }
    #blog .view-all:hover {
      border: 3px solid #007a3d;
      background: #fff;
      color: #005f2a;
      text-decoration: none; }

.listing-blog {
  margin-top: 5rem !important; }
  @media screen and (min-width: 320px) and (max-width: 480px) {
    .listing-blog {
      margin-top: 2rem !important; } }

#video {
  margin-top: 2rem; }
  #video .asyn-video {
    width: 100%;
    position: relative; }
    #video .asyn-video .play-youtube-video {
      width: 100%;
      height: 100%; }
      @media screen and (min-width: 320px) and (max-width: 480px) {
        #video .asyn-video .play-youtube-video {
          height: auto; } }
    #video .asyn-video .play-icon {
      position: absolute;
      top: 40%;
      left: 47%;
      cursor: pointer; }
      @media screen and (min-width: 320px) and (max-width: 480px) {
        #video .asyn-video .play-icon {
          top: 40%;
          left: 45%;
          width: 47px;
          height: 47px; } }
  #video .blog-heading {
    margin: auto;
    text-align: center;
    margin-bottom: 30px; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #video .blog-heading {
        margin-bottom: 15px; } }
    #video .blog-heading h3 {
      font-family: "Lato-Black";
      font-size: 34px;
      color: #007a3d; }
      @media screen and (min-width: 320px) and (max-width: 480px) {
        #video .blog-heading h3 {
          font-size: 24px; } }
    #video .blog-heading p {
      font-family: "Lato-Regular";
      font-size: 15px;
      color: #8c8e8d; }
  #video iframe {
    width: 100%;
    height: 480px; }
  #video .video-content {
    position: absolute;
    top: 43%;
    left: 49%;
    text-align: center;
    margin-left: -175px; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #video .video-content {
        top: 42%;
        left: 50%;
        margin-left: -100px; } }
    @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
      #video .video-content {
        top: 42%;
        margin-left: -119px; } }
    #video .video-content h4 {
      font-family: "Lato-Black";
      font-size: 34px;
      line-height: 50px;
      color: #fff;
      text-align: center;
      margin-bottom: 1rem; }
      @media screen and (min-width: 320px) and (max-width: 480px) {
        #video .video-content h4 {
          font-size: 17px;
          line-height: 23px; } }
      @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
        #video .video-content h4 {
          font-size: 20px;
          line-height: 27px; } }
    #video .video-content span {
      color: #9eca73; }
    #video .video-content a {
      font-family: "Lato-Regular";
      font-size: 16px;
      color: #fff;
      background-color: #9eca73;
      border-radius: 10px;
      padding: 12px;
      padding-left: 25px;
      padding-right: 25px;
      display: block;
      width: 150px;
      margin: auto;
      margin-top: 2rem; }
      @media screen and (min-width: 320px) and (max-width: 480px) {
        #video .video-content a {
          margin-top: 1rem; } }
      @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
        #video .video-content a {
          padding: 6px;
          font-size: 12px; } }
  #video a {
    	/*
    	font-family: "Lato-Regular";
    	font-size: 16px;
    	color: #fff;
    	background-color: $primary_color;
    	border-radius: 10px;
    	padding: 12px;
    	padding-left: 25px;
    	padding-right: 25px;
    	display: block;
        width: 150px;
        margin: auto;
        margin-top: 2rem;
        text-align: center;
    	margin-bottom: 30px;
    	*/
    margin: auto;
    margin-top: 2rem;
    margin-bottom: 2rem;
    padding: 8px 30px;
    border-radius: 50px;
    border: 3px solid #fff;
    color: #fff;
    background: #007a3d;
    font-size: 14px;
    text-decoration: none;
    transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1) !important; }
    #video a:hover {
      border: 3px solid #007a3d;
      background: #fff;
      color: #005f2a;
      text-decoration: none; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #video a {
        margin-top: 1rem; } }
    @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
      #video a {
        padding: 6px;
        font-size: 12px; } }

#p-discovery-tool {
  margin-top: 3rem !important; }
  @media screen and (min-width: 320px) and (max-width: 480px) {
    #p-discovery-tool {
      padding-bottom: 2rem;
      overflow: hidden; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    #p-discovery-tool {
      overflow: hidden; } }
  @media screen and (min-width: 1024px) and (max-width: 1280px) {
    #p-discovery-tool {
      overflow: hidden; } }
  #p-discovery-tool .product-discovery-section {
    align-items: center; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #p-discovery-tool .product-discovery-section {
        display: block !important; } }
    @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
      #p-discovery-tool .product-discovery-section {
        display: block !important; } }
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
      #p-discovery-tool .product-discovery-section {
        display: flex !important;
        flex-direction: column;
        align-items: center; } }
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) and (orientation: landscape) {
      #p-discovery-tool .product-discovery-section {
        display: block !important; } }
    #p-discovery-tool .product-discovery-section img {
      margin-left: -5rem; }
      @media screen and (min-width: 320px) and (max-width: 480px) {
        #p-discovery-tool .product-discovery-section img {
          margin-top: 0rem !important;
          margin-bottom: 0rem;
          margin-right: 0px;
          margin-left: -2rem;
          width: 100%;
          height: 100%; } }
      @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
        #p-discovery-tool .product-discovery-section img {
          margin-left: -3rem !important;
          margin-bottom: 0rem; } }
      @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
        #p-discovery-tool .product-discovery-section img {
          margin-right: 0rem; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        #p-discovery-tool .product-discovery-section img {
          width: 100%;
          height: 100%; } }
      @media screen and (min-width: 1024px) and (max-width: 1280px) {
        #p-discovery-tool .product-discovery-section img {
          width: 100%;
          height: 100%; } }
    #p-discovery-tool .product-discovery-section .product-disc-content {
      margin-left: 1rem; }
      @media screen and (min-width: 320px) and (max-width: 480px) {
        #p-discovery-tool .product-discovery-section .product-disc-content {
          text-align: center;
          margin-left: 0rem;
          padding: 10px; } }
      @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
        #p-discovery-tool .product-discovery-section .product-disc-content {
          text-align: center;
          margin-bottom: 2rem; } }
      @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
        #p-discovery-tool .product-discovery-section .product-disc-content {
          text-align: center;
          margin: auto;
          margin-top: 3rem;
          margin-bottom: 3rem; } }
      #p-discovery-tool .product-discovery-section .product-disc-content h2 {
        font-family: "Lato-Black";
        font-size: 31px;
        color: #007a3d;
        margin-bottom: 15px; }
        @media screen and (min-width: 320px) and (max-width: 480px) {
          #p-discovery-tool .product-discovery-section .product-disc-content h2 {
            text-align: center;
            font-size: 25px; } }
      #p-discovery-tool .product-discovery-section .product-disc-content p {
        font-family: "Lato-Regular";
        font-size: 18px;
        color: #8c8e8d;
        width: 330px;
        padding-bottom: 1rem; }
        @media screen and (min-width: 320px) and (max-width: 480px) {
          #p-discovery-tool .product-discovery-section .product-disc-content p {
            width: 250px;
            text-align: center;
            margin: auto; } }
        @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
          #p-discovery-tool .product-discovery-section .product-disc-content p {
            margin: auto; } }
        @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
          #p-discovery-tool .product-discovery-section .product-disc-content p {
            margin: auto; } }
      #p-discovery-tool .product-discovery-section .product-disc-content a {
        margin: auto;
        margin-top: 2rem;
        margin-bottom: 2rem;
        padding: 8px 30px;
        border-radius: 50px;
        border: 3px solid #fff;
        color: #fff;
        background: #007a3d;
        font-size: 14px;
        text-decoration: none;
        transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1) !important;
        display: inline-block;
        margin-top: 0; }
        #p-discovery-tool .product-discovery-section .product-disc-content a:hover {
          border: 3px solid #007a3d;
          background: #fff;
          color: #005f2a;
          text-decoration: none; }
    #p-discovery-tool .product-discovery-section .pd-content-btn {
      display: -webkit-inline-box; }
      @media screen and (min-width: 320px) and (max-width: 480px) {
        #p-discovery-tool .product-discovery-section .pd-content-btn {
          display: inherit; } }

#trending-products,
#other-water-heater {
  overflow: hidden; }
  #trending-products .tp-section-1,
  #other-water-heater .tp-section-1 {
    background-color: #9eca73;
    margin-bottom: 10rem; }
  #trending-products .product-type,
  #other-water-heater .product-type {
    cursor: pointer; }
  #trending-products .tp-header,
  #other-water-heater .tp-header {
    margin: auto;
    text-align: center;
    padding-top: 4rem;
    padding-bottom: 7rem; }
    #trending-products .tp-header h3,
    #other-water-heater .tp-header h3 {
      font-family: "Lato-Black";
      font-size: 34px;
      color: #fff; }
    #trending-products .tp-header p,
    #other-water-heater .tp-header p {
      font-family: "Lato-Regular";
      font-size: 18px;
      color: #fff; }
    #trending-products .tp-header ul,
    #other-water-heater .tp-header ul {
      padding-top: 1rem;
      padding-bottom: 2rem;
      margin: auto;
      justify-content: center; }
      #trending-products .tp-header ul li,
      #other-water-heater .tp-header ul li {
        font-family: "Lato-Bold";
        font-size: 16px; }
        #trending-products .tp-header ul li a,
        #other-water-heater .tp-header ul li a {
          color: #fff; }
      #trending-products .tp-header ul li:first-child,
      #other-water-heater .tp-header ul li:first-child {
        border: 1px solid #fff;
        border-radius: 10px 0px 0px 10px; }
        #trending-products .tp-header ul li:first-child a,
        #other-water-heater .tp-header ul li:first-child a {
          border-radius: 10px 0px 0px 10px; }
      #trending-products .tp-header ul li:nth-child(2),
      #other-water-heater .tp-header ul li:nth-child(2) {
        border-top: 1px solid #fff;
        border-right: 1px solid #fff;
        border-bottom: 1px solid #fff; }
      #trending-products .tp-header ul li:last-child,
      #other-water-heater .tp-header ul li:last-child {
        border-top: 1px solid #fff;
        border-right: 1px solid #fff;
        border-bottom: 1px solid #fff;
        border-radius: 0px 10px 10px 0px; }
        #trending-products .tp-header ul li:last-child a,
        #other-water-heater .tp-header ul li:last-child a {
          border-radius: 0px 10px 10px 0px; }
    #trending-products .tp-header .nav-tabs .nav-link.active,
    #other-water-heater .tp-header .nav-tabs .nav-link.active {
      background-color: #fff;
      color: #9eca73;
      border-color: transparent;
      background-color: #fff;
      border-radius: 10px 0px 0px 10px;
      outline: none; }
    #trending-products .tp-header .nav-tabs li:first-child .nav-link.active,
    #other-water-heater .tp-header .nav-tabs li:first-child .nav-link.active {
      margin-left: -1px; }
    #trending-products .tp-header .nav-tabs li:nth-child(2) .nav-link.active,
    #other-water-heater .tp-header .nav-tabs li:nth-child(2) .nav-link.active {
      border-radius: 0px; }
    #trending-products .tp-header .nav-tabs li:last-child .nav-link.active,
    #other-water-heater .tp-header .nav-tabs li:last-child .nav-link.active {
      border-radius: 0px 10px 10px 0px;
      margin-right: -1px; }
    #trending-products .tp-header .nav-tabs,
    #other-water-heater .tp-header .nav-tabs {
      border-bottom: none; }
  #trending-products .tp-section-2,
  #other-water-heater .tp-section-2 {
    margin-top: -15rem;
    position: relative; }
  #trending-products .tab-content,
  #other-water-heater .tab-content {
    overflow: hidden;
    margin-left: 20px; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #trending-products .tab-content,
      #other-water-heater .tab-content {
        margin-left: 0px; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      #trending-products .tab-content,
      #other-water-heater .tab-content {
        margin-left: 0px; } }
    #trending-products .tab-content .product-type,
    #other-water-heater .tab-content .product-type {
      height: fit-content; }
    #trending-products .tab-content .swiper-slide,
    #other-water-heater .tab-content .swiper-slide {
      width: 345px;
      padding-bottom: 1rem; }
      @media screen and (min-width: 320px) and (max-width: 480px) {
        #trending-products .tab-content .swiper-slide,
        #other-water-heater .tab-content .swiper-slide {
          width: 100%; } }
      @media only screen and (min-width: 800px) and (max-width: 1024px) {
        #trending-products .tab-content .swiper-slide,
        #other-water-heater .tab-content .swiper-slide {
          width: 50%;
          margin: 0 auto !important; } }
      @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
        #trending-products .tab-content .swiper-slide,
        #other-water-heater .tab-content .swiper-slide {
          width: auto; } }
    #trending-products .tab-content .product-type,
    #other-water-heater .tab-content .product-type {
      padding: 3rem 0rem 3rem 2rem;
      box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
      width: 345px;
      height: auto;
      border-radius: 10px;
      background-image: -webkit-linear-gradient(-60deg, #fff 38%, rgba(214, 226, 213, 0.5882352941) 23%);
      margin-bottom: 2rem; }
      @media screen and (min-width: 320px) and (max-width: 480px) {
        #trending-products .tab-content .product-type,
        #other-water-heater .tab-content .product-type {
          width: min-content;
          margin-left: 14px;
          margin: auto; } }
      @media only screen and (min-width: 800px) and (max-width: 1024px) {
        #trending-products .tab-content .product-type,
        #other-water-heater .tab-content .product-type {
          margin: 0 auto; } }
      @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
        #trending-products .tab-content .product-type,
        #other-water-heater .tab-content .product-type {
          width: auto; } }
      #trending-products .tab-content .product-type img,
      #other-water-heater .tab-content .product-type img {
        transition: 0.3s ease-out; }
        #trending-products .tab-content .product-type img:hover,
        #other-water-heater .tab-content .product-type img:hover {
          transform: scale(1.1);
          transition: 0.3s ease-in; }
      #trending-products .tab-content .product-type h4,
      #other-water-heater .tab-content .product-type h4 {
        font-family: "Lato-Bold";
        font-size: 23px;
        color: #007a3d;
        margin-top: 20px; }
      #trending-products .tab-content .product-type p,
      #other-water-heater .tab-content .product-type p {
        font-family: "Lato-Regular";
        font-size: 16px;
        color: #8c8e8d;
        width: 235px;
        color: #8c8e8d;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        height: 45px;
        display: -webkit-box; }
        @media screen and (min-width: 320px) and (max-width: 480px) {
          #trending-products .tab-content .product-type p,
          #other-water-heater .tab-content .product-type p {
            width: 215px;
            padding: 0rem 1rem 0rem 0rem; } }
      #trending-products .tab-content .product-type h5,
      #other-water-heater .tab-content .product-type h5 {
        margin-bottom: 2rem; }
        #trending-products .tab-content .product-type h5 i,
        #other-water-heater .tab-content .product-type h5 i {
          font-size: 22px; }
        #trending-products .tab-content .product-type h5 span,
        #other-water-heater .tab-content .product-type h5 span {
          font-family: "Lato-Bold";
          font-size: 25px;
          color: #007a3d; }
      #trending-products .tab-content .product-type a,
      #other-water-heater .tab-content .product-type a {
        padding: 8px 30px;
        border-radius: 50px;
        border: 3px solid #e7ede6;
        color: #fff;
        background: #007a3d;
        font-size: 14px;
        /* background: linear-gradient(0deg, rgba(0,95,42,1) 75%, rgba(42,42,43,1) 100%); */
        /* background: radial-gradient(circle, rgba(0,95,57,1) 75%, rgba(61,42,64,1) 100%); */
        /* background: linear-gradient(176deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 84%); */
        text-decoration: none;
        transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1) !important; }
        #trending-products .tab-content .product-type a:hover,
        #other-water-heater .tab-content .product-type a:hover {
          border: 3px solid #007a3d;
          background: #fff;
          color: #005f2a;
          text-decoration: none; }
    #trending-products .tab-content .swiper-container,
    #other-water-heater .tab-content .swiper-container {
      position: initial; }
    #trending-products .tab-content .swiper-button-next:after,
    #trending-products .tab-content .swiper-button-prev:after,
    #other-water-heater .tab-content .swiper-button-next:after,
    #other-water-heater .tab-content .swiper-button-prev:after {
      content: ""; }
    #trending-products .tab-content .swiper-button-next,
    #other-water-heater .tab-content .swiper-button-next {
      right: -80px;
      background-image: url("../images/right.png");
      background-repeat: no-repeat;
      z-index: 1; }
      @media screen and (min-width: 320px) and (max-width: 480px) {
        #trending-products .tab-content .swiper-button-next,
        #other-water-heater .tab-content .swiper-button-next {
          right: 0px; } }
      @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
        #trending-products .tab-content .swiper-button-next,
        #other-water-heater .tab-content .swiper-button-next {
          right: -45px; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        #trending-products .tab-content .swiper-button-next,
        #other-water-heater .tab-content .swiper-button-next {
          right: 0px; } }
      @media screen and (min-width: 1024px) and (max-width: 1280px) {
        #trending-products .tab-content .swiper-button-next,
        #other-water-heater .tab-content .swiper-button-next {
          right: 0px; } }
    #trending-products .tab-content .swiper-button-prev,
    #other-water-heater .tab-content .swiper-button-prev {
      left: -53px;
      background-image: url("../images/left.png");
      background-repeat: no-repeat;
      z-index: 1; }
      @media screen and (min-width: 320px) and (max-width: 480px) {
        #trending-products .tab-content .swiper-button-prev,
        #other-water-heater .tab-content .swiper-button-prev {
          left: 9px; } }
      @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
        #trending-products .tab-content .swiper-button-prev,
        #other-water-heater .tab-content .swiper-button-prev {
          left: -15px; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        #trending-products .tab-content .swiper-button-prev,
        #other-water-heater .tab-content .swiper-button-prev {
          left: 0px; } }
      @media screen and (min-width: 1024px) and (max-width: 1280px) {
        #trending-products .tab-content .swiper-button-prev,
        #other-water-heater .tab-content .swiper-button-prev {
          left: 0px; } }

@media screen and (min-width: 320px) and (max-width: 480px) {
  .yith_magnifier_mousetrap {
    display: none; } }

#product-details .slick-next {
  visibility: hidden;
  transform: translate(30px, -20px); }
  #product-details .slick-next:after {
    visibility: visible;
    content: '\f138 ';
    font-size: 20px;
    font-family: 'FontAwesome';
    color: #000; }
#product-details .slick-prev {
  visibility: hidden;
  transform: translate(-65px, -20px); }
  #product-details .slick-prev:after {
    visibility: visible;
    content: '\f137 ';
    font-size: 20px;
    font-family: 'FontAwesome';
    color: #000; }
#product-details .breadcrums {
  transform: rotate(-90deg);
  transform-origin: left;
  position: absolute;
  left: -30px;
  top: 600px;
  z-index: 1;
  font-family: "Lato-Regular";
  font-size: 10px; }
  #product-details .breadcrums .woocommerce-breadcrumb {
    color: #007a3d; }
  #product-details .breadcrums a {
    font-family: "Lato-Regular";
    font-size: 10px;
    color: #007a3d; }
  #product-details .breadcrums span {
    vertical-align: middle;
    color: #007a3d; }
@media only screen and (min-width: 375px) and (max-width: 820px) and (orientation: landscape) {
  #product-details .pro_detail_wrapper {
    display: inline-block; } }
@media only screen and (min-width: 375px) and (max-width: 820px) and (orientation: landscape) {
  #product-details .pro_element {
    max-width: 100%;
    flex: 0 0 100%; } }
#product-details .card-header a[aria-expanded="true"] {
  color: #007a3d !important; }
#product-details .product_cat-commercial .compare {
  left: 6%;
  bottom: -32%; }
#product-details .product-swiper-container .product-slider {
  text-align: center;
  background-image: -webkit-linear-gradient(-74deg, #fff 52%, rgba(214, 226, 213, 0.5) 23%);
  border-radius: 10px; }
  #product-details .product-swiper-container .product-slider img {
    padding-top: 3rem;
    padding-bottom: 4rem; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #product-details .product-swiper-container .product-slider img {
        padding-top: 0rem;
        padding-bottom: 1rem; } }
#product-details .product-container {
  position: relative;
  margin-bottom: 2rem;
  margin-top: 0rem; }
#product-details .swiper-pagination {
  bottom: 0;
  text-align: center;
  margin: auto;
  margin-bottom: 0.5rem;
  left: 50%;
  width: auto;
  margin-left: -20px;
  position: initial; }
  @media screen and (min-width: 320px) and (max-width: 480px) {
    #product-details .swiper-pagination {
      position: initial; } }
#product-details .swiper-pagination-bullet-active {
  background: #007a3d; }
#product-details .swiper-pagination-bullet {
  width: 6px;
  height: 6px;
  margin-left: 7px; }
#product-details .product-details-wrapper {
  padding-left: 20px;
  		/*
          .color-variable-item-blue{
  	        background-color: #00afec;
              border: none;
          }
          .color-variable-item-black{
  	        background-color: #000;
              border: none;
          }
  		*/ }
  @media screen and (min-width: 320px) and (max-width: 480px) {
    #product-details .product-details-wrapper {
      padding-left: 0px; } }
  #product-details .product-details-wrapper .product-heading {
    display: inline-block; }
    #product-details .product-details-wrapper .product-heading a {
      text-decoration: none;
      border: none;
      outline: none;
      margin-left: 20px;
      margin-top: 6px; }
    #product-details .product-details-wrapper .product-heading h1 {
      font-family: "Lato-Black";
      font-size: 34px;
      color: #007a3d; }
    #product-details .product-details-wrapper .product-heading #product-rating i {
      font-size: 13px;
      color: #f9c132; }
  #product-details .product-details-wrapper .enquireNowBtn {
    font-family: "Lato-Bold";
    font-size: 13px;
    color: #fff;
    background-color: #007a3d;
    border-radius: 10px;
    padding: 12px;
    padding-left: 25px;
    padding-right: 25px;
    margin-top: 20px; }
  #product-details .product-details-wrapper .product-desc {
    margin-bottom: 30px;
    margin-top: 10px; }
    #product-details .product-details-wrapper .product-desc p {
      font-family: "Lato-Regular";
      font-size: 14px;
      color: #8c8e8d;
      width: 430px; }
      @media screen and (min-width: 320px) and (max-width: 480px) {
        #product-details .product-details-wrapper .product-desc p {
          width: auto; } }
      @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
        #product-details .product-details-wrapper .product-desc p {
          width: auto; } }
      @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
        #product-details .product-details-wrapper .product-desc p {
          width: auto; } }
  #product-details .product-details-wrapper .price .regular_amount {
    margin-bottom: 10px; }
    #product-details .product-details-wrapper .price .regular_amount .amount {
      font-size: 17px !important; }
  #product-details .product-details-wrapper .prod_attr_tbl td {
    border: 0;
    font-family: "Lato-Regular";
    font-size: 14px;
    color: #8c8e8d; }
    @media only screen and (min-width: 320px) and (max-width: 568px) {
      #product-details .product-details-wrapper .prod_attr_tbl td {
        font-size: 12px; } }
  #product-details .product-details-wrapper h4 {
    font-family: "Lato-Black";
    font-size: 32px;
    color: #007a3d;
    margin-bottom: 1rem; }
    #product-details .product-details-wrapper h4 i {
      margin-right: 10px; }
  #product-details .product-details-wrapper .capacity {
    display: flex;
    align-items: center; }
    #product-details .product-details-wrapper .capacity span {
      font-family: "Lato-Bold";
      font-size: 12px;
      margin-right: 10px; }
    #product-details .product-details-wrapper .capacity p {
      font-family: "Lato-Bold";
      font-size: 12px;
      margin: 0;
      padding: 0 12px;
      font-weight: 500; }
    #product-details .product-details-wrapper .capacity button {
      margin-left: 5px;
      border-radius: 40px;
      background: #fff;
      border: 1px solid #8c8e8d;
      color: #8c8e8d;
      height: 40px;
      width: 40px;
      background-color: #fff;
      border: 1px solid #bfc0c6;
      border-radius: 40px;
      padding: 0;
      min-width: 40px;
      height: 40px;
      text-align: center;
      cursor: pointer;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      outline: none; }
  #product-details .product-details-wrapper .color-variable-item {
    margin-left: 15px;
    border-radius: 40px;
    background: #fff;
    color: #8c8e8d;
    border: none;
    border-radius: 12px;
    padding: 0;
    text-align: center;
    cursor: pointer;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    outline: none;
    display: flex;
    justify-content: center; }
    #product-details .product-details-wrapper .color-variable-item .variable-item-contents {
      display: flex !important; }
    #product-details .product-details-wrapper .color-variable-item span {
      width: 80%  !important;
      height: auto !important;
      padding: 8px !important;
      display: inline-block !important;
      border-radius: 10px !important;
      border: 1px solid #8c8e8d !important;
      margin: 0 auto !important;
      margin-top: 0 !important; }
  #product-details .product-details-wrapper .woo-variation-items-wrapper {
    vertical-align: middle; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #product-details .product-details-wrapper .woo-variation-items-wrapper {
        vertical-align: baseline; } }
  #product-details .product-details-wrapper .panel-color {
    display: flex;
    align-items: center;
    margin-top: 20px; }
    #product-details .product-details-wrapper .panel-color span {
      font-family: "Lato-Bold";
      font-size: 12px;
      margin-right: 10px; }
    #product-details .product-details-wrapper .panel-color button {
      margin-left: 5px;
      border-radius: 40px;
      background: #fff;
      border: 1px solid #8c8e8d;
      color: #8c8e8d;
      height: 40px;
      width: 12px;
      background-color: #fff;
      border: 1px solid #bfc0c6;
      border-radius: 12px;
      padding: 0;
      min-width: 12px;
      height: 12px;
      text-align: center;
      cursor: pointer;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      outline: none; }
    #product-details .product-details-wrapper .panel-color button {
      background-color: #00afec;
      border: none;
      margin-right: 10px;
      position: relative; }
    #product-details .product-details-wrapper .panel-color button:last-child {
      background-color: #000;
      border: none;
      position: relative; }
    #product-details .product-details-wrapper .panel-color button:hover {
      transform: scale(1.2);
      transition: 0.3s ease-in-out; }
    #product-details .product-details-wrapper .panel-color .blue-panel {
      position: absolute;
      border: 1px solid #00afec;
      width: 20px;
      height: 20px;
      border-radius: 20px;
      left: 7.2rem; }
    #product-details .product-details-wrapper .panel-color .black-panel {
      position: absolute;
      border: 1px solid #000;
      width: 20px;
      height: 20px;
      border-radius: 20px;
      left: 8.9rem; }
    #product-details .product-details-wrapper .panel-color .conc-panel {
      opacity: 0; }
  #product-details .product-details-wrapper .deliver-emi {
    margin-bottom: 2rem;
    margin-top: 1rem; }
    #product-details .product-details-wrapper .deliver-emi .deliver {
      display: flex;
      margin-bottom: 0.5rem; }
      #product-details .product-details-wrapper .deliver-emi .deliver h6 {
        font-family: "Lato-Regular";
        font-size: 14px;
        color: #8c8e8d;
        padding-right: 10px;
        display: flex; }
      #product-details .product-details-wrapper .deliver-emi .deliver h6:first-child {
        border-right: 1px solid #8c8e8d; }
      #product-details .product-details-wrapper .deliver-emi .deliver h6:last-child {
        padding-left: 10px; }
      #product-details .product-details-wrapper .deliver-emi .deliver span {
        font-family: "Lato-Regular";
        font-size: 14px;
        color: #007a3d; }
      #product-details .product-details-wrapper .deliver-emi .deliver input {
        border: none;
        border-bottom: 1px solid #8c8e8d;
        font-size: 12px;
        margin-left: 10px;
        outline: none; }
    #product-details .product-details-wrapper .deliver-emi .emi h6 {
      font-family: "Lato-Regular";
      font-size: 14px;
      color: #8c8e8d; }
      #product-details .product-details-wrapper .deliver-emi .emi h6 span {
        color: #000000; }
  @media only screen and (min-width: 375px) and (max-width: 820px) and (orientation: landscape) {
    #product-details .product-details-wrapper .buy-button {
      display: grid; } }
  #product-details .product-details-wrapper .buy-button button {
    width: 110px;
    height: 42px;
    border-radius: 10px;
    color: #fff;
    font-family: "Lato-Bold";
    font-size: 13px;
    margin-right: 10px; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #product-details .product-details-wrapper .buy-button button {
        width: auto;
        font-size: 12px; } }
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
      #product-details .product-details-wrapper .buy-button button {
        width: 88px;
        font-size: 12px; } }
  #product-details .product-details-wrapper .buy-button .buy-btn {
    background-color: #007a3d; }
  #product-details .product-details-wrapper .buy-button .add-to-cart-btn {
    background-color: #9eca73; }
  #product-details .product-details-wrapper .buy-button .compare-btn {
    background-color: #8c8e8d; }
#product-details .img-zoomer-box {
  height: auto;
  position: relative;
  margin-top: 10px; }
#product-details #img1,
#product-details #img3 {
  height: auto; }
#product-details .img-zoomer-box:hover,
#product-details .img-zoomer-box:active {
  display: block; }
#product-details .img-zoomer-box:hover .img2,
#product-details .img-zoomer-box:active .img2 {
  opacity: 1; }
#product-details .img2 {
  width: 340px;
  height: 340px;
  background: url("../images/product-zoom.png") no-repeat #fff;
  box-shadow: 0 5px 10px -2px rgba(0, 0, 0, 0.3);
  pointer-events: none;
  position: absolute;
  opacity: 0;
  border: 4px solid whitesmoke;
  z-index: 99;
  border-radius: 100%;
  display: none;
  transition: opacity 0.2s; }
#product-details .button-variable-item.selected {
  background-color: #007a3d !important;
  color: #fff !important;
  border: none !important; }
#product-details .color-variable-item.selected {
  transform: scale(1);
  border: 2px solid #9eca73;
  border-radius: 50%;
  width: 26px;
  height: 26px;
  align-items: center;
  text-align: center; }
  @media screen and (min-width: 320px) and (max-width: 480px) {
    #product-details .color-variable-item.selected {
      transform: scale(0.9); } }
#product-details .clickToZoom {
  text-align: center;
  margin-top: 15px; }
  #product-details .clickToZoom #clickToZoom {
    font-family: "Lato-Regular";
    font-size: 13px;
    color: #8c8e8d;
    outline: none; }
#product-details .variations tr {
  display: block;
  margin-bottom: 1rem; }
#product-details .variable-items-wrapper {
  list-style: none;
  display: flex;
  margin-left: -1rem;
  align-items: baseline;
  margin-bottom: 0px; }
  @media only screen and (min-width: 1025px) {
    #product-details .variable-items-wrapper {
      padding-left: 0px; } }
  @media only screen and (max-width: 1024px) and (min-width: 800px) {
    #product-details .variable-items-wrapper {
      padding-left: 0px; } }
  @media only screen and (max-width: 800px) and (min-width: 750px) {
    #product-details .variable-items-wrapper {
      padding-left: 0px; } }
  @media screen and (min-width: 320px) and (max-width: 480px) {
    #product-details .variable-items-wrapper {
      align-items: baseline;
      margin: 0 !important;
      padding: 0; } }
  @media screen and (min-width: 320px) and (max-width: 480px) {
    #product-details .variable-items-wrapper li:first-child {
      margin-left: 0 !important; } }
  #product-details .variable-items-wrapper .button-variable-item {
    align-items: center;
    display: flex;
    margin-left: 5px;
    border-radius: 40px;
    background: #fff;
    border: 1px solid #8c8e8d;
    color: #8c8e8d;
    height: auto;
    width: auto;
    background-color: #fff;
    border: 1px solid #bfc0c6;
    border-radius: 40px;
    padding: 0;
    min-width: 40px;
    height: 40px;
    text-align: center;
    cursor: pointer;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    outline: none;
    margin-right: 10px;
    align-items: center;
    justify-content: center; }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      #product-details .variable-items-wrapper .button-variable-item {
        min-width: 35px;
        height: 38px;
        margin-left: 0; } }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #product-details .variable-items-wrapper .button-variable-item {
        width: 30px;
        height: 30px;
        min-width: 30px; } }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #product-details .variable-items-wrapper .button-variable-item .variable-item-contents {
        height: 100%; } }
  #product-details .variable-items-wrapper span {
    margin: auto;
    vertical-align: text-bottom; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #product-details .variable-items-wrapper span {
        vertical-align: middle;
        display: flex;
        align-items: center;
        height: 100%; } }
@media screen and (min-width: 320px) and (max-width: 480px) {
  #product-details ul[data-attribute_name="attribute_pa_volume-l"] {
    margin-left: -6rem; } }
#product-details .variations_form .label {
  width: 125px; }
  @media screen and (min-width: 320px) and (max-width: 480px) {
    #product-details .variations_form .label {
      padding-bottom: 0;
      width: 135px; } }
#product-details .woocommerce-product-rating .star-rating {
  color: #f9c132; }
#product-details .star-rating {
  width: 7em;
  height: 1.5em; }
#product-details .star-rating::before,
#product-details .star-rating span::before {
  font-size: 16px;
  margin-left: 1rem; }
#product-details .woocommerce-Price-currencySymbol {
  margin-right: 3px; }
#product-details ul[data-attribute_name="attribute_pa_capacity"] .variable-item:hover {
  background: #007a3d;
  color: #fff; }
#product-details ul[data-attribute_name="attribute_pa_capacity"] .variable-item.selected {
  background: #007a3d;
  color: #fff; }
#product-details ul[data-attribute_name="attribute_pa_panel-colour"] .variable-item:hover {
  transform: scale(1.2); }
#product-details ul[data-attribute_name="attribute_pa_panel-colour"] .variable-item.selected {
  transform: scale(1.2); }
#product-details ul[data-attribute_name="attribute_pa_body-colour"] .variable-item:hover {
  transform: scale(1.2); }
#product-details ul[data-attribute_name="attribute_pa_body-colour"] .variable-item.selected {
  transform: scale(1.2); }
#product-details .product form.cart .variations {
  margin-bottom: 0rem; }
#product-details button {
  width: 110px;
  height: 42px;
  border-radius: 10px;
  color: #fff;
  font-family: "Lato-Bold";
  font-size: 13px;
  margin-right: 10px; }
  @media screen and (min-width: 320px) and (max-width: 480px) {
    #product-details button {
      width: 93px; } }
  @media only screen and (min-width: 320px) and (max-width: 568px) {
    #product-details button {
      width: 75px;
      font-size: 10px; } }
  @media only screen and (min-width: 375px) and (max-width: 820px) {
    #product-details button {
      width: 93px; } }
  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
    #product-details button {
      width: 87px;
      font-size: 11px; } }
#product-details #buy_now_button {
  background-color: #007a3d;
  border: none; }
#product-details .add-to-cart-btn {
  background-color: #9eca73;
  border: none; }
#product-details .pin_div {
  background: transparent;
  border: none;
  padding: 0;
  margin: 0; }
#product-details #pincode_field_id {
  border: none !important;
  border-bottom: 1px solid !important; }
#product-details #checkpin {
  display: none; }
#product-details .variable-item-span-button {
  font-family: "Lato-Bold";
  font-size: 13px;
  margin: 0;
  padding: 0 12px;
  font-weight: 500; }
  @media screen and (min-width: 320px) and (max-width: 480px) {
    #product-details .variable-item-span-button {
      padding: 0 8px;
      font-size: 10px; } }
#product-details .reset_variations {
  display: none !important;
  visibility: hidden !important; }
#product-details .compare {
  position: initial !important;
  left: 50.5%;
  bottom: 0;
  width: 120px;
  height: 41px;
  border-radius: 10px;
  color: #fff;
  font-family: "Lato-Bold";
  font-size: 13px;
  margin-right: 10px;
  margin-top: 20px;
  background-color: #8c8e8d;
  align-items: center;
  vertical-align: middle;
  display: inline-grid;
  text-align: center;
  text-decoration: none;
  margin: auto;
  align-items: center;
  margin: 0 auto;
  display: none; }
  @media screen and (min-width: 320px) and (max-width: 480px) {
    #product-details .compare {
      left: 60%;
      width: auto;
      padding: 0rem !important;
      font-size: 12px; } }
  @media only screen and (min-width: 320px) and (max-width: 568px) {
    #product-details .compare {
      left: 67%;
      width: 75px; } }
  @media only screen and (min-width: 375px) and (max-width: 820px) {
    #product-details .compare {
      left: 60%;
      width: 93px; } }
#product-details .br_compare_button .fa-square-o, #product-details .br_compare_button.br_compare_added .fa-check-square-o {
  display: none; }
#product-details .br_compare_button {
  position: initial !important;
  left: 50.5%;
  margin-top: 0px !important;
  bottom: 0;
  width: 120px;
  height: 41px;
  border-radius: 10px;
  color: #fff;
  font-family: "Lato-Bold";
  font-size: 13px;
  margin-right: 10px;
  margin-top: 20px;
  background-color: #8c8e8d;
  align-items: center;
  vertical-align: middle;
  display: inline-grid;
  text-align: center;
  margin: auto;
  align-items: center;
  margin: 0 auto;
  text-decoration: none !important;
  margin-left: 5px; }
  @media screen and (min-width: 320px) and (max-width: 480px) {
    #product-details .br_compare_button {
      left: 60%;
      width: auto;
      padding: 0rem !important;
      font-size: 12px; } }
  @media only screen and (min-width: 320px) and (max-width: 568px) {
    #product-details .br_compare_button {
      left: 67%;
      width: 75px; } }
  @media only screen and (min-width: 375px) and (max-width: 820px) {
    #product-details .br_compare_button {
      left: 60%;
      width: 93px; } }
#product-details .label label {
  font-family: "Lato-Bold";
  font-size: 15px;
  color: #007a3d; }
#product-details .yith_magnifier_loading {
  background-color: transparent;
  color: #000 !important;
  border: 0px; }

#corp-content-section img {
  float: right;
  margin-left: 5px;
  padding-left: 20px; }
  @media screen and (min-width: 320px) and (max-width: 480px) {
    #corp-content-section img {
      padding-left: 0px;
      padding-bottom: 20px;
      width: 100%; } }
#corp-content-section p {
  font-family: "Lato-Regular";
  font-size: 15px;
  color: #8c8e8d;
  line-height: 28px; }
#corp-content-section h4 strong {
  font-family: "Lato-Black";
  font-size: 36px;
  color: #007a3d;
  margin-bottom: 0.8rem; }
  @media screen and (min-width: 320px) and (max-width: 480px) {
    #corp-content-section h4 strong {
      font-size: 30px;
      text-align: center;
      width: 100%; } }

#product-sections {
  margin-top: 4rem; }
  @media screen and (min-width: 320px) and (max-width: 480px) {
    #product-sections {
      margin-top: 1rem; } }
  #product-sections .prod-details-section {
    margin-left: 15px; }
    #product-sections .prod-details-section span,
    #product-sections .prod-details-section a {
      font-family: "Lato-Regular";
      font-size: 14px;
      color: #8c8e8d;
      margin-right: 10px;
      outline: none;
      border: none; }
    #product-sections .prod-details-section a:hover {
      font-family: "Lato-Regular";
      font-size: 14px;
      color: #007a3d;
      font-weight: bolder; }

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .product-banner-slider .slider-wrapper .slider-content p {
    -webkit-line-clamp: 5 !important;
    padding-bottom: 0 !important;
    width: 245px !important;
    height: auto !important; } }
.product-banner-slider .slider-wrapper .slider-content .view-in-your-space {
  padding: 0 !important; }
  @media screen and (min-width: 768px) and (max-width: 1024px) {
    .product-banner-slider .slider-wrapper .slider-content .view-in-your-space img {
      width: 150px !important;
      height: 40px !important; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .product-banner-slider .slider-wrapper .slider-content .view-in-your-space img {
      width: 150px !important;
      height: 40px !important; } }
  @media screen and (min-width: 320px) and (max-width: 480px) {
    .product-banner-slider .slider-wrapper .slider-content .view-in-your-space img {
      width: 100% !important;
      height: 40px !important; } }

#product-feature {
  margin-top: 2rem;
  overflow: hidden; }
  #product-feature .accordion-sm-12 {
    margin-left: 3rem;
    max-width: 1440px;
    margin: auto; }
    #product-feature .accordion-sm-12 h3 {
      font-family: "Lato-Black";
      font-size: 34px;
      color: #007a3d; }
      @media screen and (min-width: 320px) and (max-width: 480px) {
        #product-feature .accordion-sm-12 h3 {
          text-align: center; } }
  #product-feature .pf-content {
    padding-right: 0px; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #product-feature .pf-content {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
      #product-feature .pf-content {
        padding-left: 1rem; } }
  #product-feature .feature-img-container {
    position: relative; }
    #product-feature .feature-img-container img {
      position: absolute;
      border-radius: 20px 0px 0px 20px; }
  #product-feature .accordion {
    margin-top: 2rem; }
    #product-feature .accordion .card {
      border: none;
      border-radius: 20px 0px 0px 20px; }
      #product-feature .accordion .card .down-arrow a:after {
        font-family: 'FontAwesome';
        content: "\f107";
        padding-left: 10px; }
        @media screen and (min-width: 320px) and (max-width: 480px) {
          #product-feature .accordion .card .down-arrow a:after {
            position: absolute;
            right: 10px;
            top: 2.2rem; } }
      #product-feature .accordion .card .up-arrow a:after {
        font-family: 'FontAwesome';
        content: "\f105";
        padding-left: 10px; }
        @media screen and (min-width: 320px) and (max-width: 480px) {
          #product-feature .accordion .card .up-arrow a:after {
            position: absolute;
            right: 10px;
            top: 2.2rem; } }
      #product-feature .accordion .card .card-header {
        border: none;
        background-color: transparent;
        width: 100%;
        padding-left: 1rem;
        padding-top: 1rem;
        padding-bottom: 1.2rem;
        margin-bottom: 0px;
        border-radius: 10px 0px 0px 0px;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem; }
        #product-feature .accordion .card .card-header a {
          font-family: "Lato-Black";
          font-size: 20px;
          color: #8c8e8d;
          outline: none;
          border: none;
          -webkit-line-clamp: 1;
          -webkit-box-orient: vertical;
          overflow: hidden;
          text-overflow: ellipsis;
          height: auto;
          display: -webkit-box;
          text-decoration: none;
          display: flex;
          align-items: center; }
          @media screen and (min-width: 320px) and (max-width: 480px) {
            #product-feature .accordion .card .card-header a {
              padding: 0px !important; } }
          #product-feature .accordion .card .card-header a img {
            margin-right: 15px; }
        #product-feature .accordion .card .card-header p {
          margin-bottom: 0rem;
          font-size: 18px; }
    #product-feature .accordion .card-body {
      padding-top: 0;
      padding-bottom: 0rem; }
      #product-feature .accordion .card-body p {
        padding-left: 6rem;
        padding-right: 2rem;
        font-family: "Lato-Regular";
        font-size: 14px;
        color: #8c8e8d; }
        @media screen and (min-width: 320px) and (max-width: 480px) {
          #product-feature .accordion .card-body p {
            text-align: left;
            padding: 1rem;
            margin: 0;
            padding-bottom: 0; } }
    #product-feature .accordion .pr-benifit-img {
      display: none;
      width: 100%;
      padding-left: 6rem;
      padding-right: 2rem; }
      @media screen and (min-width: 320px) and (max-width: 480px) {
        #product-feature .accordion .pr-benifit-img {
          display: block;
          padding: 1rem; } }
    #product-feature .accordion .card-content {
      height: fit-content;
      border-radius: 0px 0px 0px 10px;
      padding-right: 3rem;
      padding-left: 5.5rem;
      padding-bottom: 2rem; }
      #product-feature .accordion .card-content p {
        font-family: "Lato-Regular";
        font-size: 15px;
        color: #8c8e8d; }
  #product-feature .card-image {
    padding-left: 0px;
    padding-right: 0px; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #product-feature .card-image {
        display: none; } }
    #product-feature .card-image img {
      width: 100%;
      border-radius: 15px 0px 0px 15px; }
  #product-feature .show-pf-img {
    display: block; }
  #product-feature .hide-pf-img {
    display: none; }

.view-ar h2 {
  font-family: 'Lato-Black';
  font-size: 34px;
  color: #007a3d;
  margin-top: 20px; }
  @media screen and (min-width: 320px) and (max-width: 480px) {
    .view-ar h2 {
      font-size: 30px;
      text-align: center; } }

#product-sub-feature, #view-in-ar {
  background-image: linear-gradient(to right, #e2e5d5, #fff); }
  #product-sub-feature .dsk, #view-in-ar .dsk {
    display: block; }
  #product-sub-feature .msk, #view-in-ar .msk {
    display: none; }
  @media screen and (min-width: 320px) and (max-width: 480px) {
    #product-sub-feature .dsk, #view-in-ar .dsk {
      display: none; }
    #product-sub-feature .msk, #view-in-ar .msk {
      display: block; } }
  @media screen and (min-width: 320px) and (max-width: 480px) {
    #product-sub-feature .p-t-mb-0, #view-in-ar .p-t-mb-0 {
      padding-top: 0 !important; } }
  @media screen and (min-width: 320px) and (max-width: 480px) {
    #product-sub-feature .p-b-mb-0, #view-in-ar .p-b-mb-0 {
      padding-bottom: 0 !important; } }
  #product-sub-feature .product-specs, #view-in-ar .product-specs {
    margin-top: 2rem;
    border: 1px solid #007a3d;
    border-radius: 20px; }
  #product-sub-feature .sub-center, #view-in-ar .sub-center {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    padding: 3rem 1rem; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #product-sub-feature .sub-center, #view-in-ar .sub-center {
        padding: 2rem 1rem; } }
  @media screen and (min-width: 320px) and (max-width: 480px) {
    #product-sub-feature .p-m-b-0, #view-in-ar .p-m-b-0 {
      padding-bottom: 0 !important; } }
  @media screen and (min-width: 320px) and (max-width: 480px) {
    #product-sub-feature .p-m-t-0, #view-in-ar .p-m-t-0 {
      padding-top: 0 !important; } }
  #product-sub-feature ul, #product-sub-feature ol, #view-in-ar ul, #view-in-ar ol {
    padding: 1rem;
    margin-bottom: 0;
    padding-bottom: 0; }
  #product-sub-feature .steps-ar, #view-in-ar .steps-ar {
    font-family: "Lato-Regular";
    font-size: 14px;
    color: #8c8e8d;
    padding-bottom: 1rem; }
  #product-sub-feature small, #view-in-ar small {
    font-size: 14px;
    color: #8c8e8d;
    font-family: "Lato-Regular"; }
  #product-sub-feature h4, #view-in-ar h4 {
    font-family: "Lato-Black";
    font-size: 18px;
    color: #007a3d; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #product-sub-feature h4, #view-in-ar h4 {
        text-align: center;
        padding-bottom: 0.5rem !important;
        margin-bottom: 0 !important; } }
  #product-sub-feature h3, #view-in-ar h3 {
    font-family: "Lato-Black";
    font-size: 32px;
    color: #007a3d; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #product-sub-feature h3, #view-in-ar h3 {
        font-size: 28px; } }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #product-sub-feature h3, #view-in-ar h3 {
        text-align: center; } }
  #product-sub-feature .bg-green, #view-in-ar .bg-green {
    background-color: #e2efd5;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #product-sub-feature .bg-green, #view-in-ar .bg-green {
        border-bottom-left-radius: 0px;
        border-top-right-radius: 20px; } }

#user-review {
  margin-top: 2rem;
  margin-bottom: 2rem; }
  #user-review h2 {
    font-family: "Lato-Black";
    font-size: 34px;
    color: #007a3d; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #user-review h2 {
        text-align: center; } }
  #user-review .container {
    position: relative; }
  #user-review .swiper-slide {
    width: 345px;
    height: auto;
    padding: 20px;
    box-shadow: 1px 1.7px 5px 0 rgba(0, 0, 0, 0.1);
    border-radius: 20px; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #user-review .swiper-slide {
        width: 100%;
        margin: auto; } }
  #user-review .swiper-container {
    position: initial;
    padding-bottom: 2rem;
    padding-top: 2rem;
    padding-right: 1rem;
    padding-left: 0.5rem; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #user-review .swiper-container {
        padding-bottom: 1rem;
        padding-top: 1rem;
        padding-right: 1rem;
        padding-left: 1rem; } }
  #user-review .swiper-button-next:after,
  #user-review .swiper-button-prev:after {
    content: ""; }
  #user-review .swiper-button-next {
    right: -80px;
    background-image: url("../images/right.png");
    background-repeat: no-repeat; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #user-review .swiper-button-next {
        right: 10px; } }
  #user-review .swiper-button-prev {
    left: -53px;
    background-image: url("../images/left.png");
    background-repeat: no-repeat; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #user-review .swiper-button-prev {
        left: 10px; } }
  #user-review .user-review-wrapper {
    padding: 3rem 2rem 3rem 2rem;
    background-color: rgba(214, 226, 213, 0.5);
    border-radius: 20px;
    height: 100%; }
    #user-review .user-review-wrapper h4 {
      font-family: "Lato-Bold";
      font-size: 23px;
      color: #007a3d; }
    #user-review .user-review-wrapper h6 {
      font-family: "Lato-Bold";
      font-size: 13px;
      color: #007a3d; }
    #user-review .user-review-wrapper p {
      margin-top: 1rem;
      font-family: "Lato-Regular";
      font-size: 15px;
      color: #8c8e8d;
      width: 220px;
      line-height: 1.5rem; }
    #user-review .user-review-wrapper i {
      color: #f9c132; }

#accordion-section {
  margin-top: 2rem;
  margin-bottom: 2rem;
  background-color: #f7f7f7;
  padding: 3rem 0rem 3rem 0rem; }
  @media screen and (min-width: 320px) and (max-width: 480px) {
    #accordion-section {
      padding: 2rem 0rem 3rem 0rem; } }
  #accordion-section .disclaimer-content {
    margin-top: 3rem; }
    #accordion-section .disclaimer-content p {
      font-family: "Lato-Regular";
      font-size: 16px;
      text-align: justify; }
      @media screen and (min-width: 320px) and (max-width: 480px) {
        #accordion-section .disclaimer-content p {
          padding: 0px 20px 0px 20px; } }
  #accordion-section h1 {
    font-family: "Lato-Black";
    font-size: 34px;
    margin-bottom: 1rem;
    color: #007a3d; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #accordion-section h1 {
        font-size: 30px;
        margin: auto; } }
    @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
      #accordion-section h1 {
        font-size: 30px; } }
  #accordion-section .accordion {
    width: 100%; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #accordion-section .accordion {
        width: auto;
        padding: 0px 10px 0px 10px; } }
    #accordion-section .accordion .card {
      border-radius: 0px;
      border: none;
      border-bottom: 1px solid #8c8e8d;
      width: 100%;
      background-color: transparent; }
      #accordion-section .accordion .card .card-body {
        padding-top: 0rem;
        font-size: 14px;
        line-height: 1.2rem;
        color: rgba(140, 142, 141, 0.7);
        font-family: "Lato-Regular";
        font-size: 15px; }
      #accordion-section .accordion .card .card-header {
        background: transparent;
        border-bottom: none;
        padding: 0.5rem 0rem 0.5rem 0rem; }
        #accordion-section .accordion .card .card-header button {
          width: 100%;
          color: #8c8e8d;
          padding-left: 0rem;
          padding-right: 0px;
          background: transparent;
          border: none;
          font-family: "Lato-Bold";
          font-size: 16px;
          font-weight: normal;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.5;
          letter-spacing: 0.13px;
          outline: none;
          text-align: left; }
          #accordion-section .accordion .card .card-header button:hover {
            border: none;
            outline: none;
            vertical-align: initial; }
          #accordion-section .accordion .card .card-header button:focus {
            box-shadow: none;
            outline: none; }
          @media screen and (min-width: 320px) and (max-width: 480px) {
            #accordion-section .accordion .card .card-header button {
              font-size: 13px;
              padding-bottom: 3rem;
              width: 287px; } }
          @media only screen and (min-width: 320px) and (max-width: 568px) {
            #accordion-section .accordion .card .card-header button {
              width: 287px; } }
          @media only screen and (min-width: 375px) and (max-width: 667px) {
            #accordion-section .accordion .card .card-header button {
              width: 335px; } }
          @media only screen and (min-width: 414px) and (max-width: 820px) {
            #accordion-section .accordion .card .card-header button {
              width: 365px; } }
        #accordion-section .accordion .card .card-header button[aria-expanded="true"] {
          color: #007a3d;
          font-family: "Lato-Bold"; }
        #accordion-section .accordion .card .card-header h2 {
          display: flex; }
          #accordion-section .accordion .card .card-header h2:focus {
            box-shadow: none;
            outline: none; }
          #accordion-section .accordion .card .card-header h2 i {
            float: right;
            -webkit-text-stroke: 2px white;
            font-size: 18px;
            color: #8c8e8d; }
        #accordion-section .accordion .card .card-header h2 > button.collapsed:before {
          content: "\f067"; }
        #accordion-section .accordion .card .card-header h2 > button:before {
          float: right;
          font-family: FontAwesome;
          -webkit-text-stroke: 2px white;
          font-size: 18px;
          color: #8c8e8d;
          content: "\f068"; }

@media screen and (min-width: 320px) and (max-width: 480px) {
  #other-water-heater {
    margin-top: 2rem; } }
#other-water-heater .tp-section-2 {
  margin-top: 2rem; }
  @media screen and (min-width: 320px) and (max-width: 480px) {
    #other-water-heater .tp-section-2 {
      margin-top: 0rem; } }
  #other-water-heater .tp-section-2 h2 {
    font-family: "Lato-Black";
    font-size: 34px;
    color: #007a3d; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #other-water-heater .tp-section-2 h2 {
        text-align: center;
        padding-left: 15px;
        padding-right: 15px;
        font-size: 30px; } }
#other-water-heater .swiper-wrapper {
  padding-top: 3rem;
  padding-left: 8px; }
  @media screen and (min-width: 320px) and (max-width: 480px) {
    #other-water-heater .swiper-wrapper {
      padding-left: 0px; } }
@media screen and (min-width: 320px) and (max-width: 480px) {
  #other-water-heater .swiper-slide img {
    padding-right: 4rem; } }
@media screen and (min-width: 768px) and (max-width: 1023px) {
  #other-water-heater .tab-content {
    margin-left: 5px;
    width: 97%; } }
@media screen and (min-width: 320px) and (max-width: 480px) {
  #other-water-heater .tab-content .swiper-slide {
    margin-left: 0rem; } }
@media screen and (min-width: 768px) and (max-width: 1023px) {
  #other-water-heater .tab-content .swiper-button-next {
    right: -15px; } }
@media screen and (min-width: 320px) and (max-width: 480px) {
  #other-water-heater .tab-content .swiper-button-next {
    right: 0px; } }
@media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
  #other-water-heater .tab-content .swiper-button-next {
    right: -45px; } }
@media screen and (min-width: 768px) and (max-width: 1023px) {
  #other-water-heater .tab-content .swiper-button-prev {
    left: -15px; } }
@media screen and (min-width: 320px) and (max-width: 480px) {
  #other-water-heater .tab-content .swiper-button-prev {
    left: 12px; } }
@media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
  #other-water-heater .tab-content .swiper-button-prev {
    left: -15px; } }

.pd-discovery-tool {
  margin-top: 2rem;
  background-color: #f7f7f7; }
  @media screen and (min-width: 1024px) and (max-width: 1280px) {
    .pd-discovery-tool {
      background-color: transparent; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .pd-discovery-tool {
      background-color: transparent; } }
  .pd-discovery-tool .col-sm-12, .pd-discovery-tool .col-sm-7, .pd-discovery-tool .col-sm-5 {
    padding-left: 0px;
    padding-right: 0px; }
    @media screen and (min-width: 1024px) and (max-width: 1280px) {
      .pd-discovery-tool .col-sm-12, .pd-discovery-tool .col-sm-7, .pd-discovery-tool .col-sm-5 {
        margin: auto; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .pd-discovery-tool .col-sm-12, .pd-discovery-tool .col-sm-7, .pd-discovery-tool .col-sm-5 {
        margin: auto; } }
  @media screen and (min-width: 1024px) and (max-width: 1280px) {
    .pd-discovery-tool .col-sm-5 {
      margin: auto; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .pd-discovery-tool .col-sm-5 {
      flex: 0 0 50.666667%;
      max-width: 50.666667%; } }
  .pd-discovery-tool .product-discovery-section img {
    margin-left: 0rem !important; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      .pd-discovery-tool .product-discovery-section img {
        margin: auto !important; } }

#brocher-manual {
  background-color: #9eca73;
  margin-top: 2rem; }
  @media screen and (min-width: 320px) and (max-width: 480px) {
    #brocher-manual .brocher-center {
      margin: auto; } }
  #brocher-manual .brochers-wrapper {
    height: 175px;
    align-items: center;
    display: flex; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #brocher-manual .brochers-wrapper {
        display: block;
        height: auto;
        margin: auto;
        text-align: center;
        padding-top: 2rem;
        padding-bottom: 2rem; } }
    @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
      #brocher-manual .brochers-wrapper {
        display: block;
        height: auto;
        padding: 1rem 0rem;
        text-align: center; } }
    #brocher-manual .brochers-wrapper a {
      text-decoration: none;
      border: none;
      outline: none; }
    #brocher-manual .brochers-wrapper h2 {
      font-family: "Lato-Black";
      font-size: 34px;
      color: #fff;
      width: 500px; }
      @media screen and (min-width: 320px) and (max-width: 480px) {
        #brocher-manual .brochers-wrapper h2 {
          width: auto; } }
      @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
        #brocher-manual .brochers-wrapper h2 {
          width: auto;
          margin-bottom: 1rem; } }
      @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
        #brocher-manual .brochers-wrapper h2 {
          font-size: 26px;
          margin-right: 20px; } }
    #brocher-manual .brochers-wrapper .user-manual {
      line-height: 65px; }
    #brocher-manual .brochers-wrapper .user-manual,
    #brocher-manual .brochers-wrapper .user-leaflet {
      width: 350px;
      height: 82px;
      border-radius: 20px;
      border: solid 1px #ffffff;
      margin-right: 20px;
      padding: 8px 0px 8px 8px; }
      @media screen and (min-width: 320px) and (max-width: 480px) {
        #brocher-manual .brochers-wrapper .user-manual,
        #brocher-manual .brochers-wrapper .user-leaflet {
          width: auto;
          margin-right: 0px; } }
      @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
        #brocher-manual .brochers-wrapper .user-manual,
        #brocher-manual .brochers-wrapper .user-leaflet {
          margin: auto; } }
      @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
        #brocher-manual .brochers-wrapper .user-manual,
        #brocher-manual .brochers-wrapper .user-leaflet {
          width: 265px; } }
    #brocher-manual .brochers-wrapper a:last-child {
      padding-left: 10px; }
    #brocher-manual .brochers-wrapper .manual-download {
      height: 65px;
      border-radius: 20px 0px 0px 20px;
      background: #bfec93;
      align-items: center;
      vertical-align: middle;
      display: flex; }
      @media screen and (min-width: 320px) and (max-width: 480px) {
        #brocher-manual .brochers-wrapper .manual-download {
          width: 80px; } }
      #brocher-manual .brochers-wrapper .manual-download img {
        padding: 0.3rem; }
    #brocher-manual .brochers-wrapper p {
      font-family: "Lato-Black";
      font-size: 17px;
      color: #fff; }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        #brocher-manual .brochers-wrapper p {
          font-size: 15px; } }
    #brocher-manual .brochers-wrapper .download-icon .manual-down-icon {
      width: 40px;
      height: 40px;
      background-color: #bce692;
      text-align: center;
      position: absolute;
      right: 0px;
      bottom: -8px;
      border-radius: 0px 0px 20px 0px; }
    #brocher-manual .brochers-wrapper .download-icon img {
      height: 25px;
      vertical-align: super;
      text-align: center;
      width: 25px;
      height: 25px; }

#product-video {
  margin-top: 2rem; }
  @media only screen and (min-width: 800px) {
    #product-video .container {
      padding-right: 0; } }
  #product-video h2 {
    font-family: "Lato-Black";
    font-size: 34px;
    color: #007a3d;
    margin-bottom: 30px; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #product-video h2 {
        font-size: 30px;
        text-align: center; } }

#product-specification {
  margin-top: 2rem; }
  #product-specification h2 {
    font-family: "Lato-Black";
    font-size: 34px;
    color: #007a3d; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #product-specification h2 {
        font-size: 30px;
        text-align: center; } }
  #product-specification .spec_block {
    background-color: rgba(214, 226, 213, 0.5);
    padding: 1rem;
    height: auto;
    display: inline-block;
    width: 46%;
    text-align: center;
    margin-bottom: 10px;
    margin-right: 0px;
    margin-left: 12px;
    vertical-align: top;
    margin-top: 6px; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #product-specification .spec_block {
        height: auto;
        width: 100%;
        margin-left: 0rem; } }
    @media only screen and (min-device-width: 800px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
      #product-specification .spec_block {
        width: 45%;
        padding: 0.5rem;
        margin-bottom: 5px; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      #product-specification .spec_block {
        width: 45%;
        padding: 0.5rem; } }
    #product-specification .spec_block h5 {
      font-family: "Lato-Regular";
      font-size: 13.5px;
      color: #8c8e8d;
      height: 35px !important; }
      @media only screen and (min-device-width: 800px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
        #product-specification .spec_block h5 {
          height: 30px !important; } }
      @media only screen and (max-device-width: 800px) {
        #product-specification .spec_block h5 {
          height: auto !important; } }
    #product-specification .spec_block h3 {
      font-family: "Lato-Black";
      font-size: 14px;
      color: #007a3d;
      -webkit-box-orient: vertical;
      height: 60px;
      display: -webkit-box; }
      @media only screen and (min-device-width: 800px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
        #product-specification .spec_block h3 {
          height: 45px;
          font-size: 12px; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        #product-specification .spec_block h3 {
          font-size: 12px;
          height: auto; } }
      @media screen and (min-width: 320px) and (max-width: 480px) {
        #product-specification .spec_block h3 {
          height: auto; } }
  #product-specification .spec-mobile .spec_block {
    border: 1px solid #007a3d; }
  #product-specification .product-specs {
    margin-top: 2rem;
    border: 1px solid #007a3d;
    margin-left: 20px;
    margin-right: 20px;
    border-radius: 20px;
    padding: 0px 0px 0px 15px;
    padding-right: 2rem; }
    #product-specification .product-specs .ps-sm-6 {
      padding-left: 3px;
      background-image: -webkit-linear-gradient(-74deg, #fff 52%, rgba(214, 226, 213, 0.5) 23%);
      border-radius: 20px 0px 0px 20px; }
      @media screen and (min-width: 320px) and (max-width: 480px) {
        #product-specification .product-specs .ps-sm-6 {
          display: none; } }
      @media only screen and (min-width: 375px) and (max-width: 820px) and (orientation: landscape) {
        #product-specification .product-specs .ps-sm-6 {
          display: none; } }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #product-specification .product-specs {
        border: none;
        margin-right: 0px;
        padding: 0;
        margin: 0; } }
    @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
      #product-specification .product-specs {
        padding-top: 1rem; } }
  #product-specification .product-specs-wrapper {
    text-align: center;
    border-radius: 20px 0px 0px 20px;
    padding-bottom: 2.6rem; }
    #product-specification .product-specs-wrapper img {
      padding-top: 3rem;
      padding-bottom: 4rem;
      padding: 3rem;
      max-width: 100%;
      height: auto; }
  #product-specification .product-spec-slider {
    justify-content: center;
    width: 100%;
    border: 1px solid blue;
    margin-left: 0rem; }
  #product-specification .swiper-slide {
    border-radius: 0px 20px 20px 0px;
    background: #fff;
    border: 1px solid #007a3d;
    border-radius: 20px; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #product-specification .swiper-slide {
        border-radius: 0px;
        width: 100% !important;
        padding: 10px; } }
  #product-specification .swiper-button-disabled {
    opacity: 0.4; }
  #product-specification .spec-row {
    text-align: center;
    width: 240px;
    height: 117px;
    background-color: rgba(214, 226, 213, 0.5);
    padding: 1rem;
    margin-bottom: 0.5rem; }
  @media screen and (min-width: 320px) and (max-width: 480px) {
    #product-specification .swiper-wrapper {
      width: 100%; } }
  #product-specification .swiper-button-next:after,
  #product-specification .swiper-button-prev:after {
    content: ""; }
  #product-specification .swiper-button-next {
    top: 50%;
    right: 0;
    background-image: url("../images/arrow-right.svg");
    background-repeat: no-repeat; }
  #product-specification .swiper-button-prev {
    top: 50%;
    left: 0;
    background-image: url("../images/arrow-left.svg");
    background-repeat: no-repeat; }
  @media only screen and (min-width: 375px) and (max-width: 820px) and (orientation: landscape) {
    #product-specification .ps-sm-6-2 {
      flex: 0 0 100%;
      max-width: 100%; } }
  #product-specification table {
    display: grid;
    margin: 0;
    background: #fff;
    border: 1px solid #007a3d;
    border-radius: 0px 20px 20px 0px; }
    #product-specification table tbody {
      margin-top: 10px;
      margin-left: 10px;
      margin-right: 10px; }
    #product-specification table tr {
      margin: auto;
      align-items: center;
      justify-content: center;
      text-align: center;
      margin-bottom: 10px;
      display: flex; }
      #product-specification table tr h5 {
        font-family: "Lato-Regular";
        font-size: 13.5px;
        color: #8c8e8d; }
      #product-specification table tr h3 {
        font-family: "Lato-Black";
        font-size: 16px;
        color: #007a3d; }
      #product-specification table tr td {
        background: rgba(214, 226, 213, 0.5);
        padding: 1.5rem;
        width: 100%;
        height: 116px; }
      #product-specification table tr td:nth-child(even) {
        margin-left: 10px; }
    #product-specification table tr:first-child td:nth-child(2) {
      border-radius: 0px 20px 0px 0px; }
    #product-specification table tr:last-child td:first-child {
      border-radius: 0px 0px 20px 0px; }
    #product-specification table tr:last-child td:last-child {
      border-radius: 0px 0px 20px 0px; }

#product-listing-banner {
  overflow: hidden;
  margin-bottom: 30px; }
  #product-listing-banner .breadcrums {
    transform: rotate(-90deg);
    position: absolute;
    bottom: 40%;
    left: 1%; }
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
      #product-listing-banner .breadcrums {
        left: -3%; } }
    #product-listing-banner .breadcrums a {
      font-family: "Lato-Regular";
      font-size: 10px;
      color: #007a3d; }
    #product-listing-banner .breadcrums span {
      vertical-align: middle;
      color: #007a3d; }
  #product-listing-banner .swiper-pagination {
    text-align: left;
    /*
    		bottom: 12rem;
    		left: 52%;
    		top: 72%;
    		margin-left: -550px;
    */
    margin-top: 30px;
    position: initial; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #product-listing-banner .swiper-pagination {
        position: inherit;
        margin-left: 0rem;
        margin: auto;
        margin-top: 1rem; } }
  #product-listing-banner .swiper-pagination-bullet-active {
    background: #007a3d; }
  #product-listing-banner .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    margin-left: 7px; }
  #product-listing-banner .product-listing-swiper-container-water-purifier {
    /*
    		img {
    			opacity: 1;
    		}
    */ }
    #product-listing-banner .product-listing-swiper-container-water-purifier h1, #product-listing-banner .product-listing-swiper-container-water-purifier p {
      opacity: 0;
      transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.6s;
      transform: translate3d(-20%, 0, 0); }
    #product-listing-banner .product-listing-swiper-container-water-purifier a {
      opacity: 0;
      transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.6s;
      transform: translate3d(-30%, 0, 0); }
  #product-listing-banner .product-listing-swiper-container-water-heater {
    /*
    		img {
    			opacity: 1;
    		}
    */ }
    #product-listing-banner .product-listing-swiper-container-water-heater h1, #product-listing-banner .product-listing-swiper-container-water-heater p {
      opacity: 0;
      transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.6s;
      transform: translate3d(-20%, 0, 0); }
    #product-listing-banner .product-listing-swiper-container-water-heater a {
      opacity: 0;
      transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.6s;
      transform: translate3d(-30%, 0, 0); }
  #product-listing-banner .swiper-slide.swiper-slide-active h1, #product-listing-banner .swiper-slide.swiper-slide-active p, #product-listing-banner .swiper-slide.swiper-slide-active a {
    transform: translate3d(0, 0, 0);
    opacity: 1; }
  #product-listing-banner .product-list-container {
    position: relative;
    max-width: 1440px; }
    #product-listing-banner .product-list-container .product-list-content {
      margin-left: 9.5rem;
      /*
      			background: rgba(255, 255, 255, 0.5);
      		    backdrop-filter: blur(5px);
      		    padding: 2rem;
      		    padding-bottom: 3rem;
      		    border-radius: 10px;
      */
      /*
      			a {
      				font-family: "Lato-Bold";
      				font-size: 14px;
      				color: #fff;
      				padding: 12px;
      				padding-left: 25px;
      				padding-right: 25px;
      				background-color: $secondary_color;
      				border-radius: 10px;
      				padding-top: 10px;
      				border: none;
      				outline: none;
      				display: inline-block;
      				margin-bottom: 20px;
      			}
      */
      /*
      			a {
      				font-family: "Lato-Bold";
      				font-size: 14px;
      				border: 1px solid $primary_color;
      				padding: 15px;
      				color: $primary_color;
      				background-color: #fff;
      				border-radius: 10px;
      				padding: 12px;
      				padding-left: 25px;
      				padding-right: 25px;
      				transition: 0.3s ease-out;
      				&:hover {
      					background-color: $primary_color;
      					color: #fff;
      					transition: 0.3s ease-in;
      					text-decoration: none;
      				}
      			}
      */ }
      @media screen and (min-width: 320px) and (max-width: 480px) {
        #product-listing-banner .product-list-container .product-list-content {
          margin-left: 0rem; } }
      @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
        #product-listing-banner .product-list-container .product-list-content {
          margin-left: 1rem; } }
      @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
        #product-listing-banner .product-list-container .product-list-content {
          margin-left: 2rem; } }
      #product-listing-banner .product-list-container .product-list-content h1 {
        font-family: "Lato-Black";
        font-size: 36px;
        color: #007a3d; }
      #product-listing-banner .product-list-container .product-list-content p {
        font-family: "Lato-Regular";
        font-size: 17px;
        color: #000;
        margin: 10px 0px 20px 0px;
        width: 400px;
        line-height: 24px; }
        @media screen and (min-width: 320px) and (max-width: 480px) {
          #product-listing-banner .product-list-container .product-list-content p {
            width: auto; } }
        @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
          #product-listing-banner .product-list-container .product-list-content p {
            width: auto; } }
    #product-listing-banner .product-list-container .product-list-image img {
      margin-left: 2rem;
      width: 100%; }
      @media screen and (min-width: 320px) and (max-width: 480px) {
        #product-listing-banner .product-list-container .product-list-image img {
          margin-top: 2rem;
          margin-left: 0rem;
          border-radius: 20px; } }
      @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
        #product-listing-banner .product-list-container .product-list-image img {
          margin-top: 2rem;
          margin-left: 0rem; } }
  #product-listing-banner .pl-banner-wrapper {
    max-width: 1440px;
    margin: auto;
    margin-top: 2rem;
    margin-bottom: 2rem;
    position: absolute;
    left: 0;
    right: 0;
    top: 25%; }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      #product-listing-banner .pl-banner-wrapper {
        top: 5%; } }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #product-listing-banner .pl-banner-wrapper {
        position: initial; } }
  #product-listing-banner img {
    width: 100%;
    height: 100%; }

@keyframes shine-lines {
  0% {
    background-position: -100px; }
  40%,
	100% {
    background-position: 140px; } }
#product-listing {
  overflow: hidden; }
  #product-listing .tab-content {
    margin-top: 2rem; }
  #product-listing .tab1-filter {
    display: none; }
  #product-listing .nav {
    margin-left: 12px; }
  #product-listing .filter-section {
    margin-left: auto;
    display: flex;
    align-items: center;
    cursor: pointer; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #product-listing .filter-section {
        margin: auto;
        margin-top: auto;
        margin-left: 3rem; } }
    #product-listing .filter-section span {
      margin-left: 10px;
      font-family: "Lato-Bold";
      font-size: 14px;
      color: #007a3d; }
  #product-listing .sort-section {
    font-family: "Lato-Bold";
    font-size: 14px;
    color: #007A3D;
    display: flex;
    align-items: center;
    margin: 0 0 0 5px; }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      #product-listing .sort-section {
        font-size: 16px; } }
    #product-listing .sort-section form {
      display: flex;
      align-items: center;
      padding: 0px !important;
      justify-content: center; }
      #product-listing .sort-section form select {
        display: inline-block;
        margin: 0px 5px;
        font-family: "Lato-Bold";
        font-size: 14px;
        color: #007A3D; }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          #product-listing .sort-section form select {
            font-size: 16px;
            border-color: #007A3D;
            border-radius: 5px; } }
  @media screen and (min-width: 320px) and (max-width: 480px) {
    #product-listing .tabs-dropdown {
      width: 250px; } }
  @media screen and (min-width: 320px) and (max-width: 480px) {
    #product-listing .tabs-dropdown select {
      width: 250px; } }
  @media screen and (min-width: 320px) and (max-width: 480px) {
    #product-listing .tabs-dropdown:after {
      right: -20px; } }
  #product-listing .nav-tabs .nav-item:first-child .nav-link {
    padding-left: 0; }
  #product-listing .nav-tabs .nav-link {
    border: none;
    border-color: transparent;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    outline: none;
    border: none;
    color: #8c8e8d;
    font-family: "Lato-Bold";
    font-size: 14px;
    text-decoration: underline; }
  #product-listing .divider {
    align-items: center;
    display: flex; }
  #product-listing .nav-tabs {
    border-bottom: 0px;
    margin-left: 0rem; }
  #product-listing .nav-link.active {
    color: #007a3d; }
  #product-listing .list {
    margin-top: 2rem; }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      #product-listing .list {
        justify-content: center; } }
    @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
      #product-listing .list {
        justify-content: center; } }
  #product-listing .tab1-filter {
    padding-top: 1rem;
    border-top: 1px solid #007a3d;
    padding-bottom: 0rem;
    border-bottom: 1px solid #007a3d;
    margin-top: 1rem;
    margin-bottom: 2rem;
    margin-left: 0.2rem; }
  #product-listing .product-container {
    margin-left: -7px;
    margin-right: -7px; }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      #product-listing .product-container {
        margin-left: -20px;
        margin-right: -20px; } }
  @media screen and (min-width: 320px) and (max-width: 480px) {
    #product-listing .col-sm-3 {
      width: 50%;
      padding-left: 10px;
      padding-right: 10px; } }
  #product-listing .product {
    background-image: -webkit-linear-gradient(-72deg, #fff 33%, rgba(214, 226, 213, 0.5) 23%);
    box-shadow: 1px 1.7px 14px 2px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    padding-top: 2rem;
    padding-left: 0.7rem;
    margin-bottom: 30px;
    padding-bottom: 0.5rem;
    background-color: #f4f4f4;
    max-width: 23.75%; }
    @media only screen and (min-device-width: 960px) and (max-device-width: 1024px) {
      #product-listing .product {
        max-width: 23.5%; } }
    @media only screen and (min-device-width: 768px) and (max-device-width: 960px) and (-webkit-min-device-pixel-ratio: 1) {
      #product-listing .product {
        max-width: 20%; } }
    @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
      #product-listing .product {
        max-width: 33%; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      #product-listing .product {
        max-width: 30%;
        flex: 0 0 30%; } }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #product-listing .product {
        padding-top: 0.4rem;
        padding-left: 0.1rem;
        margin-bottom: 30px;
        padding-bottom: 0.1rem;
        max-width: 45%; } }
    #product-listing .product h4 {
      text-transform: uppercase;
      font-family: "Lato-Bold";
      font-size: 17px;
      color: #007a3d;
      padding-left: 10px;
      margin-top: 20px; }
      @media screen and (min-width: 320px) and (max-width: 480px) {
        #product-listing .product h4 {
          font-size: 16px; } }
    #product-listing .product h6 {
      font-family: "Lato-Regular";
      font-size: 14px;
      color: #8c8e8d;
      padding-left: 10px; }
      @media screen and (min-width: 320px) and (max-width: 480px) {
        #product-listing .product h6 {
          font-size: 11px; } }
    #product-listing .product .amount {
      font-family: "Lato-Bold";
      font-size: 18px;
      /*
      			padding-left: 10px;
      			padding-top: 0.6rem;
      			padding-bottom: 1rem;
      */ }
      @media screen and (min-width: 320px) and (max-width: 480px) {
        #product-listing .product .amount {
          font-size: 11px;
          color: #007a3d !important; } }
      @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
        #product-listing .product .amount {
          font-size: 14px; } }
      @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
        #product-listing .product .amount {
          font-size: 14px; } }
    #product-listing .product ins {
      margin-left: 15px;
      background-color: #ddffbc; }
    #product-listing .product img {
      height: 200px;
      width: auto;
      margin: 0 auto;
      display: block; }
      @media screen and (min-width: 320px) and (max-width: 480px) {
        #product-listing .product img {
          width: 100%;
          height: 100%; } }
    #product-listing .product .product-btn {
      padding-left: 5px; }
      @media screen and (min-width: 320px) and (max-width: 480px) {
        #product-listing .product .product-btn {
          display: block !important; } }
    #product-listing .product button {
      width: 107px;
      height: 32px;
      border-radius: 10px;
      font-family: "Lato-Bold";
      font-size: 11px;
      color: #fff;
      margin-bottom: 1rem; }
      @media screen and (min-width: 320px) and (max-width: 480px) {
        #product-listing .product button {
          font-size: 8px;
          width: 90px; } }
    #product-listing .product button:first-child {
      background-color: #007a3d; }
      @media screen and (min-width: 320px) and (max-width: 480px) {
        #product-listing .product button:first-child {
          margin-bottom: 5px; } }
    #product-listing .product button:last-child {
      background-color: #8c8e8d;
      margin-left: 10px; }
      @media screen and (min-width: 320px) and (max-width: 480px) {
        #product-listing .product button:last-child {
          margin-left: 0px; } }
    #product-listing .product p {
      font-family: "Lato-Regular";
      font-size: 13px;
      width: auto;
      color: #8c8e8d;
      padding-left: 10px;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis;
      height: 40px;
      display: -webkit-box; }
      @media screen and (min-width: 320px) and (max-width: 480px) {
        #product-listing .product p {
          width: auto; } }
    #product-listing .product a {
      /*
      			font-family: "Lato-Bold";
      			font-size: 13px;
      			color: #fff;
      			background-color: #007a3d;
      			border-radius: 10px;
      			padding: 12px;
      			padding-left: 25px;
      			padding-right: 25px;
      			display: block;
      			width: 130px;
      			margin-left: 10px;
      			margin-top: 10px;
      			text-align: center;
      */
      display: inline-block;
      padding: 8px 30px;
      border-radius: 50px;
      border: 3px solid #e7ede6;
      color: #fff;
      background: #007a3d;
      font-size: 14px;
      text-decoration: none;
      transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1) !important;
      margin-top: 10px; }
      #product-listing .product a:hover {
        border: 3px solid #007a3d;
        background: #fff;
        color: #005f2a;
        text-decoration: none; }
      @media screen and (min-width: 320px) and (max-width: 480px) {
        #product-listing .product a {
          width: max-content;
          font-size: 10px !important;
          margin: auto; } }
      @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
        #product-listing .product a {
          font-size: 11px;
          padding: 10px;
          padding-left: 20px;
          padding-right: 20px;
          width: auto;
          margin-left: 0px; } }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #product-listing .product .view-detail {
        margin-left: 0.5rem; } }
  @media screen and (min-width: 320px) and (max-width: 480px) {
    #product-listing .regular_amount {
      color: #007a3d !important; } }
  @media screen and (min-width: 320px) and (max-width: 480px) {
    #product-listing .regular_amount .amount {
      color: #007a3d !important; } }
  @media screen and (min-width: 320px) and (max-width: 480px) {
    #product-listing .regular_amount .amount bdi span {
      color: #007a3d !important; } }
  #product-listing .list-header h1 {
    font-family: "Lato-Black";
    font-size: 36px;
    color: #007a3d; }
  #product-listing .list-header p {
    font-family: "Lato-Regular";
    font-size: 15px;
    color: #8c8e8d;
    width: 400px; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #product-listing .list-header p {
        width: auto; } }
  #product-listing .form-check {
    display: initial;
    vertical-align: middle;
    margin-top: 10px; }
    @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
      #product-listing .form-check {
        font-size: 11px; } }
    #product-listing .form-check label {
      vertical-align: middle;
      margin-left: 10px; }
      @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
        #product-listing .form-check label {
          margin-left: 5px; } }
    #product-listing .form-check input[type=checkbox], #product-listing .form-check input[type=radio] {
      appearance: auto !important; }
  #product-listing form {
    display: grid; }
    #product-listing form i {
      color: #f9c132; }
  #product-listing .sortby {
    font-family: "Lato-Regular";
    font-size: 13px;
    color: #8c8e8d;
    width: fit-content;
    border-right: 1px solid #007a3d; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #product-listing .sortby {
        margin-left: 0rem;
        width: 100%;
        border-right: none;
        border-bottom: 1px solid #007a3d;
        padding-bottom: 2rem; } }
    #product-listing .sortby h4 {
      font-family: "Lato-Bold";
      font-size: 16px;
      color: #1a1919; }
      @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
        #product-listing .sortby h4 {
          font-size: 14px; } }
  #product-listing .filter-row {
    margin-top: 1rem;
    margin-bottom: 2rem;
    margin-left: 1rem;
    display: flex; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #product-listing .filter-row {
        display: block;
        margin-left: 0rem; } }
  #product-listing .purifier-sortby {
    max-width: 100% !important; }
  #product-listing .purifier-sortby-last {
    max-width: 100% !important;
    border-right: 0 !important; }
  #product-listing .sortby {
    max-width: 25%; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #product-listing .sortby {
        max-width: 100%; } }
    @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
      #product-listing .sortby {
        max-width: 25%; } }
  #product-listing .sortby:first-child {
    margin-left: -3rem; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #product-listing .sortby:first-child {
        margin-left: 0rem; } }
    @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
      #product-listing .sortby:first-child {
        margin-left: -2rem; } }
  #product-listing .sortby:nth-child(2) {
    padding-left: 2rem; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #product-listing .sortby:nth-child(2) {
        padding-top: 2rem;
        padding-left: 0rem; } }
    @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
      #product-listing .sortby:nth-child(2) {
        padding-left: 1rem; } }
  #product-listing .sortby:nth-child(3) {
    padding-left: 2rem; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #product-listing .sortby:nth-child(3) {
        padding-top: 2rem;
        padding-left: 0rem; } }
    @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
      #product-listing .sortby:nth-child(3) {
        padding-left: 1rem; } }
  #product-listing .sortby:nth-child(4) {
    padding-left: 2rem; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #product-listing .sortby:nth-child(4) {
        padding-top: 2rem;
        padding-left: 0rem; } }
    @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
      #product-listing .sortby:nth-child(4) {
        padding-left: 1rem; } }
  #product-listing .sortby:nth-child(4) {
    border-right: none;
    padding-left: 2rem; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #product-listing .sortby:nth-child(4) {
        padding-top: 2rem;
        padding-left: 0rem;
        border-bottom: none; } }
    @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
      #product-listing .sortby:nth-child(4) {
        padding-left: 1rem; } }
  #product-listing .type-product {
    padding-bottom: 2rem;
    margin-right: 7px;
    margin-left: 7px;
    padding-left: 15px;
    padding-right: 15px;
    cursor: pointer; }
    #product-listing .type-product .slick-prev {
      content: ''; }
    #product-listing .type-product .slick-next {
      content: ''; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #product-listing .type-product {
        padding: 1rem 0rem;
        width: 185px;
        margin: auto;
        margin-bottom: 1rem; } }
    @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
      #product-listing .type-product {
        margin: 1rem 1rem; } }
  #product-listing .price {
    display: block;
    padding-left: 10px;
    padding-top: 0.6rem;
    padding-bottom: 1rem;
    align-items: center;
    margin-bottom: 0px;
    padding-bottom: 0.6rem; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #product-listing .price {
        padding-left: 11px;
        color: #007a3d !important; } }
    @media only screen and (min-width: 320px) and (max-width: 568px) {
      #product-listing .price {
        flex-wrap: wrap; } }
    @media only screen and (min-width: 370px) and (max-width: 768px) {
      #product-listing .price {
        flex-wrap: initial; } }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #product-listing .price bdi {
        font-size: 16px;
        color: #007a3d !important; } }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #product-listing .price bdi span {
        font-size: 16px !important;
        color: #007a3d !important; } }

.view-detail:after {
  content: "View Details"; }

#product-listing .product .view-detail[data-title="CAHP 3HP"]::after {
  content: "CAHP 3HP" !important; }

#product-listing .product .view-detail[data-title="HPW 80"]::after {
  content: "HPW 80" !important; }

.view-detail.series:after {
  content: ""; }

#p-discovery-tool {
  margin-top: 4rem; }

/*
#blog {
	margin-top: 3rem;
	margin-bottom: 2rem;
}
*/
/**************** Blog Page ****************/
#blog-banner {
  margin-top: 2rem;
  margin-bottom: 2rem; }
  #blog-banner .scroll-down {
    margin: auto;
    border: none;
    outline: none; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #blog-banner .scroll-down {
        display: none; } }
  #blog-banner i {
    margin: auto;
    font-size: 20px;
    margin-top: 20px;
    color: #007a3d;
    cursor: pointer; }
  #blog-banner .slider-wrapper {
    max-width: 1440px;
    margin: auto; }
    #blog-banner .slider-wrapper .banner-flex-display {
      display: flex; }
      @media screen and (min-width: 320px) and (max-width: 480px) {
        #blog-banner .slider-wrapper .banner-flex-display {
          display: block; } }
    #blog-banner .slider-wrapper img {
      float: right;
      margin-right: -30px; }
      @media screen and (min-width: 320px) and (max-width: 480px) {
        #blog-banner .slider-wrapper img {
          margin-top: 10px;
          margin-right: 0px; } }
    #blog-banner .slider-wrapper .b-content {
      align-items: center;
      display: flex; }
    #blog-banner .slider-wrapper .slider-content {
      margin-bottom: 8rem;
      margin-left: 8.5rem; }
      @media screen and (min-width: 320px) and (max-width: 480px) {
        #blog-banner .slider-wrapper .slider-content {
          margin-left: 0rem;
          margin-bottom: 1rem; } }
      @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
        #blog-banner .slider-wrapper .slider-content {
          margin-left: 1rem;
          margin-bottom: 1rem; } }
      @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
        #blog-banner .slider-wrapper .slider-content {
          margin-left: 0rem; } }
      #blog-banner .slider-wrapper .slider-content h2 {
        font-family: "Lato-Black";
        font-size: 36px;
        color: #007a3d; }
        @media screen and (min-width: 320px) and (max-width: 480px) {
          #blog-banner .slider-wrapper .slider-content h2 {
            font-size: 28px; } }
      #blog-banner .slider-wrapper .slider-content p {
        width: 450px;
        font-family: "Lato-Regular";
        font-size: 15px;
        padding-bottom: 1rem;
        padding-top: 10px;
        color: #8c8e8d; }
        @media screen and (min-width: 320px) and (max-width: 480px) {
          #blog-banner .slider-wrapper .slider-content p {
            width: auto; } }
        @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
          #blog-banner .slider-wrapper .slider-content p {
            width: auto; } }
        @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
          #blog-banner .slider-wrapper .slider-content p {
            width: auto;
            padding-bottom: 0; } }
      #blog-banner .slider-wrapper .slider-content a {
        font-family: "Lato-Bold";
        font-size: 14px;
        border: 1px solid;
        padding: 15px;
        color: #fff;
        background-color: #9eca73;
        border-radius: 10px;
        padding: 12px;
        padding-left: 25px;
        padding-right: 25px; }
  #blog-banner .swiper-pagination {
    text-align: left;
    bottom: 12rem;
    left: 50%;
    margin-left: -550px; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #blog-banner .swiper-pagination {
        position: inherit;
        margin-left: 0rem;
        margin: auto;
        margin-top: 1rem; } }
  #blog-banner .swiper-pagination-bullet-active {
    background: #007a3d; }
  #blog-banner .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    margin-left: 7px; }

#popular-post {
  padding-top: 3rem;
  margin-bottom: 2rem; }
  @media screen and (min-width: 320px) and (max-width: 480px) {
    #popular-post {
      padding-top: 1rem; } }
  @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
    #popular-post {
      padding-top: 0rem; } }
  #popular-post .blog-heading {
    margin: auto;
    text-align: center; }
    #popular-post .blog-heading h3 {
      font-family: "Lato-Black";
      font-size: 34px;
      color: #007a3d; }
    #popular-post .blog-heading p {
      font-family: "Lato-Regular";
      font-size: 15px;
      color: #8c8e8d; }
      @media screen and (min-width: 320px) and (max-width: 480px) {
        #popular-post .blog-heading p {
          width: 300px; } }
  #popular-post .blog-container {
    margin-top: 2.5rem; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #popular-post .blog-container {
        margin-top: 0rem; } }
    @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
      #popular-post .blog-container {
        margin-top: 0rem; } }
    #popular-post .blog-container .blog-wrapper {
      margin-bottom: 2rem; }
      @media screen and (min-width: 320px) and (max-width: 480px) {
        #popular-post .blog-container .blog-wrapper {
          margin: auto; } }
      @media only screen and (min-width: 375px) and (max-width: 812px) {
        #popular-post .blog-container .blog-wrapper {
          margin: auto;
          margin-top: 2rem; } }
      @media only screen and (min-width: 412px) and (max-width: 800px) {
        #popular-post .blog-container .blog-wrapper {
          margin: auto;
          margin-top: 2rem; } }
      @media only screen and (min-width: 414px) and (max-width: 736px) {
        #popular-post .blog-container .blog-wrapper {
          margin: auto;
          margin-top: 2rem; } }
      @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
        #popular-post .blog-container .blog-wrapper {
          text-align: center; } }
      #popular-post .blog-container .blog-wrapper a {
        padding: 0rem !important; }
      #popular-post .blog-container .blog-wrapper img {
        width: 100%; }
        @media screen and (min-width: 320px) and (max-width: 480px) {
          #popular-post .blog-container .blog-wrapper img {
            text-align: center;
            display: flex;
            margin: auto;
            width: 100%; } }
        @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
          #popular-post .blog-container .blog-wrapper img {
            width: 100%; } }
      #popular-post .blog-container .blog-wrapper .blog-tag-name {
        background-color: #9eca73;
        /*
        				width: 123px;
        				height: 31px;
        */
        border-radius: 10px;
        font-family: "Lato-Bold";
        font-size: 13px;
        color: #fff;
        text-align: center;
        line-height: 31px;
        margin-top: 1.5rem; }
        @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
          #popular-post .blog-container .blog-wrapper .blog-tag-name {
            font-size: 10px;
            line-height: 13px;
            padding: 7px; } }
        @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
          #popular-post .blog-container .blog-wrapper .blog-tag-name {
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
            overflow: hidden;
            text-overflow: ellipsis;
            height: 31px;
            display: -webkit-box;
            font-size: 10px; } }
      #popular-post .blog-container .blog-wrapper h4 {
        width: 265px;
        font-family: "Lato-Regular";
        font-size: 23px;
        margin-left: 2rem;
        margin-top: 1.5rem;
        letter-spacing: 0.015rem;
        line-height: 35px; }
        @media screen and (min-width: 320px) and (max-width: 480px) {
          #popular-post .blog-container .blog-wrapper h4 {
            margin-top: 0rem; } }
      #popular-post .blog-container .blog-wrapper h6 {
        font-family: "Lato-Bold";
        font-size: 13px;
        color: #007a3d;
        margin-left: 2rem;
        margin-top: 1.5rem; }
        @media screen and (min-width: 320px) and (max-width: 480px) {
          #popular-post .blog-container .blog-wrapper h6 {
            margin-top: 0rem;
            margin-left: 0rem;
            text-align: center; } }
      #popular-post .blog-container .blog-wrapper a {
        color: #fff; }
  @media screen and (min-width: 320px) and (max-width: 480px) {
    #popular-post .blog-wrapper:nth-child(2) {
      margin-top: 2rem; } }
  #popular-post .view-all {
    margin: auto;
    border-radius: 10px;
    background-color: #007a3d;
    padding: 12px;
    padding-left: 25px;
    padding-right: 25px;
    font-family: "Lato-Bold";
    font-size: 14px;
    color: #fff;
    margin-top: 2rem;
    margin-bottom: 2rem; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #popular-post .view-all {
        margin-top: 1rem;
        margin-bottom: 1rem; } }

#water-purifier {
  padding-top: 3rem;
  padding-bottom: 3rem;
  background-color: #f4f4f4;
  overflow: hidden; }
  @media screen and (min-width: 320px) and (max-width: 480px) {
    #water-purifier {
      padding-top: 2rem;
      padding-bottom: 0rem; } }
  @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
    #water-purifier img {
      width: 100%; } }
  #water-purifier .wp-header h2 {
    font-family: "Lato-Black";
    font-size: 36px;
    color: #007a3d; }
  #water-purifier .wp-header p {
    font-family: "Lato-Regular";
    font-size: 15px;
    color: #8c8e8d; }
  @media screen and (min-width: 320px) and (max-width: 480px) {
    #water-purifier .size-blog-detail-big-icon {
      margin-left: 0rem; } }
  @media screen and (min-width: 320px) and (max-width: 480px) {
    #water-purifier .blogger_row a {
      padding: 0rem !important; } }
  #water-purifier .blogger_row img {
    width: 100%; }
  #water-purifier .view_more_blog {
    display: inline-block;
    padding: 8px 30px;
    border-radius: 50px;
    border: 3px solid #e7ede6;
    color: #fff;
    background: #007a3d;
    font-size: 14px;
    text-decoration: none;
    transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1) !important;
    margin-top: 10px;
    margin: 0 auto;
    /*
    			font-family: "Lato-Bold";
    			font-size: 14px;
    			color: #fff;
    			padding: 12px;
    			padding-left: 25px;
    			padding-right: 25px;
    			background-color: $primary_color;
    			border-radius: 10px;
    			padding-top: 10px;
    			border: none;
    			outline: none;
    			display: inline-block;
    			margin-top: 0.5rem;
    */ }
    #water-purifier .view_more_blog:hover {
      border: 3px solid #007a3d;
      background: #fff;
      color: #005f2a;
      text-decoration: none; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #water-purifier .view_more_blog {
        font-size: 12px;
        margin: auto;
        margin-bottom: 2rem; } }
    @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
      #water-purifier .view_more_blog {
        font-size: 12px; } }
  #water-purifier .blog-wp-wrapper {
    display: flex;
    flex-wrap: wrap;
    padding-top: 2rem;
    padding-right: 0px; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #water-purifier .blog-wp-wrapper {
        padding-top: 0rem;
        text-align: center;
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
      #water-purifier .blog-wp-wrapper {
        padding-right: 15px; } }
    #water-purifier .blog-wp-wrapper .blog-container {
      padding-left: 0px;
      padding-right: 0px; }
      @media screen and (min-width: 320px) and (max-width: 480px) {
        #water-purifier .blog-wp-wrapper .blog-container {
          margin-top: 2rem;
          padding-left: 15px;
          padding-right: 15px; } }
      @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
        #water-purifier .blog-wp-wrapper .blog-container {
          text-align: center;
          padding-left: 15px;
          padding-right: 15px; } }
      #water-purifier .blog-wp-wrapper .blog-container a {
        padding: 0rem !important; }
      #water-purifier .blog-wp-wrapper .blog-container img {
        width: 100%; }
        @media screen and (min-width: 320px) and (max-width: 480px) {
          #water-purifier .blog-wp-wrapper .blog-container img {
            width: 100%; } }
        @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
          #water-purifier .blog-wp-wrapper .blog-container img {
            width: 100%; } }
    #water-purifier .blog-wp-wrapper .blog-container:first-child {
      margin-top: 3rem; }
    #water-purifier .blog-wp-wrapper .blog-container:nth-child(4) {
      margin-top: -3rem; }
      @media screen and (min-width: 320px) and (max-width: 480px) {
        #water-purifier .blog-wp-wrapper .blog-container:nth-child(4) {
          margin-top: 1rem; } }
    #water-purifier .blog-wp-wrapper .blog-container:nth-child(odd) {
      padding-right: 22px; }
      @media screen and (min-width: 320px) and (max-width: 480px) {
        #water-purifier .blog-wp-wrapper .blog-container:nth-child(odd) {
          padding-right: 15px; } }
    #water-purifier .blog-wp-wrapper a {
      text-decoration: none; }
    #water-purifier .blog-wp-wrapper h5 {
      font-family: "Lato-Regular";
      font-size: 18px;
      color: #8c8e8d;
      padding: 0.5rem 1rem 3rem 1rem;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis;
      height: auto;
      display: -webkit-box;
      max-width: 100%; }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        #water-purifier .blog-wp-wrapper h5 {
          font-size: 15px;
          padding: 0.4rem 0.5rem 1.5rem 0.5rem;
          height: auto; } }
      @media screen and (min-width: 320px) and (max-width: 480px) {
        #water-purifier .blog-wp-wrapper h5 {
          padding: 1rem 1rem 1rem 1rem; } }
    #water-purifier .blog-wp-wrapper h6 {
      font-family: "Lato-Bold";
      font-size: 13px;
      color: #007a3d;
      padding: 0rem 2rem 1rem 1rem; }
  #water-purifier .wp-right-content {
    position: absolute;
    top: 73%;
    width: 300px;
    left: 10%; }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      #water-purifier .wp-right-content {
        top: 60%; } }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #water-purifier .wp-right-content {
        width: 200px; } }
    #water-purifier .wp-right-content a {
      text-decoration: none; }
    #water-purifier .wp-right-content h5 {
      font-family: "Lato-Regular";
      font-size: 18px;
      color: #1a1919;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis;
      height: 60px;
      display: -webkit-box;
      max-width: 100%; }
    #water-purifier .wp-right-content h6 {
      font-family: "Lato-Bold";
      font-size: 13px;
      color: #007a3d; }
      @media screen and (min-width: 320px) and (max-width: 480px) {
        #water-purifier .wp-right-content h6 {
          margin-top: -1rem; } }

.blogs-categories:nth-child(2n+1) {
  background-color: #fff !important; }

.blogs-categories:nth-child(2n+2) {
  background-color: #f4f4f4 !important; }

#water-heater {
  padding-top: 3rem;
  padding-bottom: 3rem; }
  #water-heater .wp-header h2 {
    font-family: "Lato-Black";
    font-size: 36px;
    color: #007a3d; }
  #water-heater .wp-header p {
    font-family: "Lato-Regular";
    font-size: 15px;
    color: #8c8e8d; }
  #water-heater .blog-wp-wrapper {
    display: flex;
    flex-wrap: wrap;
    padding-top: 2rem;
    padding-right: 0px; }
    #water-heater .blog-wp-wrapper .blog-container {
      padding-left: 0px;
      padding-right: 0px; }
    #water-heater .blog-wp-wrapper .blog-container:nth-child(2) {
      margin-top: 3rem; }
    #water-heater .blog-wp-wrapper .blog-container:nth-child(3) {
      margin-top: -3rem; }
    #water-heater .blog-wp-wrapper .blog-container:nth-child(odd) {
      padding-right: 22px; }
    #water-heater .blog-wp-wrapper a {
      text-decoration: none; }
    #water-heater .blog-wp-wrapper h5 {
      font-family: "Lato-Regular";
      font-size: 18px;
      color: #1a1919;
      padding: 1rem 2rem 1rem 1rem;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis;
      height: 60px;
      display: -webkit-box;
      max-width: 100%; }
    #water-heater .blog-wp-wrapper h6 {
      font-family: "Lato-Bold";
      font-size: 13px;
      color: #007a3d;
      padding: 0rem 2rem 1rem 1rem; }
  #water-heater .wp-right-content {
    position: absolute;
    top: 69%;
    width: 300px;
    left: 10%; }
    #water-heater .wp-right-content a {
      text-decoration: none; }
    #water-heater .wp-right-content h5 {
      font-family: "Lato-Regular";
      font-size: 18px;
      color: #1a1919;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis;
      height: 60px;
      display: -webkit-box;
      max-width: 100%; }
    #water-heater .wp-right-content h6 {
      font-family: "Lato-Bold";
      font-size: 13px;
      color: #007a3d; }

/*************** Blog detail ********************/
#blog-detail {
  padding: 1rem 0rem; }
  #blog-detail .blog-wp-wrapper {
    display: flex;
    flex-wrap: wrap;
    padding-top: 2rem;
    padding-right: 0px;
    /*
    		.blog-container:first-child {
    			margin-top: 3rem;
    		}
    		.blog-container:nth-child(4){
    			margin-top: -3rem;
    			@include screen(small){
    				margin-top: 1rem;
    			}
    		}
    		.blog-container:nth-child(odd) {
    			padding-right: 22px;
    			@include screen(small){
    				padding-right: 0px;
    			}
    		}
    */ }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #blog-detail .blog-wp-wrapper {
        padding-top: 0rem;
        text-align: center;
        padding-right: 15px; } }
    @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
      #blog-detail .blog-wp-wrapper {
        padding-left: 15px;
        padding-right: 15px; } }
    #blog-detail .blog-wp-wrapper .view_more_blog {
      font-family: "Lato-Bold";
      font-size: 14px;
      color: #fff;
      padding: 12px;
      padding-left: 25px;
      padding-right: 25px;
      background-color: #007a3d;
      border-radius: 10px;
      padding-top: 10px;
      border: none;
      outline: none;
      display: inline-block;
      margin-top: 0.5rem; }
      @media screen and (min-width: 320px) and (max-width: 480px) {
        #blog-detail .blog-wp-wrapper .view_more_blog {
          font-size: 12px; } }
      @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
        #blog-detail .blog-wp-wrapper .view_more_blog {
          font-size: 12px; } }
    #blog-detail .blog-wp-wrapper .blog-container {
      /*
      			padding-left: 0px;
      			padding-right: 0px;
      */ }
      @media screen and (min-width: 320px) and (max-width: 480px) {
        #blog-detail .blog-wp-wrapper .blog-container {
          margin-top: 1rem; } }
      @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
        #blog-detail .blog-wp-wrapper .blog-container {
          text-align: center; } }
      @media screen and (min-width: 320px) and (max-width: 480px) {
        #blog-detail .blog-wp-wrapper .blog-container a {
          padding: 0rem !important; } }
    #blog-detail .blog-wp-wrapper a {
      text-decoration: none; }
    #blog-detail .blog-wp-wrapper h5 {
      font-family: "Lato-Regular";
      font-size: 18px;
      color: #8c8e8d;
      padding: 1rem 2rem 1rem 1rem;
      /*
      			-webkit-line-clamp: 2;
      			-webkit-box-orient: vertical;
      			overflow: hidden;
      			text-overflow: ellipsis;
      			height: 60px;
      			display: -webkit-box;
      */
      max-width: 100%; }
      @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
        #blog-detail .blog-wp-wrapper h5 {
          font-size: 10px;
          padding: 0.5rem;
          max-width: 100%; } }
      @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
        #blog-detail .blog-wp-wrapper h5 {
          font-size: 12px;
          padding: 0.5rem;
          max-width: 100%; } }
    #blog-detail .blog-wp-wrapper h6 {
      font-family: "Lato-Bold";
      font-size: 13px;
      color: #007a3d;
      padding: 0rem 2rem 1rem 1rem; }
      @media screen and (min-width: 320px) and (max-width: 480px) {
        #blog-detail .blog-wp-wrapper h6 {
          padding: 1rem 2rem 1rem 0rem; } }
      @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
        #blog-detail .blog-wp-wrapper h6 {
          padding: 0.5rem;
          padding-top: 0rem;
          font-size: 9px; } }
      @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
        #blog-detail .blog-wp-wrapper h6 {
          padding: 0.5rem;
          padding-top: 0rem;
          font-size: 10px; } }
    #blog-detail .blog-wp-wrapper .video-title {
      font-size: 17px;
      color: #666;
      padding: 1rem 2rem 1rem 0.5rem;
      height: 80px;
      margin-bottom: 0px; }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        #blog-detail .blog-wp-wrapper .video-title {
          font-size: 14px !important;
          padding: 0.5rem !important;
          max-width: 100%; } }
      @media screen and (min-width: 320px) and (max-width: 480px) {
        #blog-detail .blog-wp-wrapper .video-title {
          height: auto; } }
  #blog-detail #blog_load_more {
    margin-top: 1rem;
    margin-left: 1rem;
    margin-bottom: 1rem;
    display: none;
    text-align: center; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #blog-detail #blog_load_more {
        margin-left: 0rem; } }
  #blog-detail #blog_load_less {
    display: none;
    margin-top: 1rem;
    margin-left: 1rem;
    text-align: center; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #blog-detail #blog_load_less {
        margin-left: 0rem; } }
  #blog-detail .blog_btns {
    margin: auto; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #blog-detail .blog_btns {
        margin: auto; } }

/*************** Service center *****************/
#service-center {
  margin-top: 4rem;
  padding-bottom: 3rem; }
  @media screen and (min-width: 320px) and (max-width: 480px) {
    #service-center {
      margin-top: 2rem; } }
  @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
    #service-center {
      margin-top: 1rem; } }
  #service-center .breadcrums {
    transform: rotate(-90deg);
    position: absolute;
    left: -10%;
    bottom: -33%; }
    #service-center .breadcrums a {
      font-family: "Lato-Regular";
      font-size: 10px;
      color: #007a3d; }
    #service-center .breadcrums span {
      vertical-align: middle;
      color: #007a3d; }
  #service-center .sc-header h1 {
    font-family: "Lato-Black";
    font-size: 36px;
    color: #007a3d; }
  #service-center .sc-header p {
    font-family: "Lato-Regular";
    font-size: 15px;
    color: #8c8e8d;
    width: 650px; }
  #service-center .sc-header form {
    margin-top: 2rem; }
  #service-center .sc-header select {
    width: 342px;
    height: 59px;
    border-radius: 10px;
    border: solid 1px #8c8e8d;
    font-family: "Lato-Regular";
    font-size: 16px;
    color: #8c8e8d;
    padding-left: 1rem;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    outline: none; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #service-center .sc-header select {
        width: 100%;
        height: 50px; } }
    @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
      #service-center .sc-header select {
        width: 195px;
        height: 40px; } }
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
      #service-center .sc-header select {
        width: 330px; } }
  #service-center .sc-header #state {
    position: relative; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #service-center .sc-header #state {
        margin-top: 1rem; } }
  #service-center .sc-header .select_2 {
    position: absolute;
    right: 27.7rem;
    top: 6rem; }
    @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
      #service-center .sc-header .select_2 {
        right: 22.7rem;
        top: 5.4rem; } }
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
      #service-center .sc-header .select_2 {
        right: 2.5rem; } }
    @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) {
      #service-center .sc-header .select_2 {
        right: 17.5rem;
        top: 7.4rem; } }
  #service-center .sc-header .select_1 {
    position: absolute;
    left: 20rem;
    top: 6rem; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #service-center .sc-header .select_1 {
        left: 17rem;
        top: 17.8rem;
        z-index: 1; } }
    @media only screen and (min-width: 320px) and (max-width: 568px) {
      #service-center .sc-header .select_1 {
        left: 17rem;
        top: 5.2rem; } }
    @media only screen and (min-width: 360px) and (max-width: 640px) {
      #service-center .sc-header .select_1 {
        left: 20rem;
        top: 5.2rem; } }
    @media only screen and (min-width: 375px) and (max-width: 667px) {
      #service-center .sc-header .select_1 {
        left: 21rem;
        top: 5.2rem; } }
    @media only screen and (min-width: 414px) and (max-width: 736px) {
      #service-center .sc-header .select_1 {
        left: 23rem;
        top: 5.2rem; } }
    @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) {
      #service-center .sc-header .select_1 {
        top: 7.4rem; } }
  #service-center .sc-header select:first-child {
    margin-right: 20px; }
    @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
      #service-center .sc-header select:first-child {
        margin-right: 5px; } }
  #service-center .sc-header #btn-search {
    width: 170px;
    height: 59px;
    border-radius: 10px;
    background-color: #007a3d;
    color: #fff;
    margin-left: 20px; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #service-center .sc-header #btn-search {
        margin-left: 0px;
        margin-top: 1rem;
        width: 100%;
        height: 50px; } }
    @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
      #service-center .sc-header #btn-search {
        width: 100px;
        height: 40px;
        font-size: 13px;
        margin-left: 0rem; } }
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
      #service-center .sc-header #btn-search {
        margin-left: 0rem;
        margin-top: 20px; } }
    @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) {
      #service-center .sc-header #btn-search {
        margin-left: 20px; } }
  #service-center .card-playground {
    display: flex;
    flex-wrap: wrap; }
    @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
      #service-center .card-playground {
        display: block; } }
  #service-center .card-wrapper {
    padding-left: 0px;
    padding-right: 30px; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #service-center .card-wrapper {
        padding-left: inherit;
        padding-right: inherit; } }
    @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
      #service-center .card-wrapper {
        padding-left: 15px;
        padding-right: 15px;
        max-width: 100%;
        width: 100%; } }
  #service-center .sc-card {
    background-image: -webkit-linear-gradient(-74deg, #fff 52%, rgba(214, 226, 213, 0.5) 23%);
    box-shadow: 3px 5.2px 20px 0 rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    padding: 2rem;
    margin-top: 3rem;
    margin-bottom: 2rem;
    padding-left: 1.6rem;
    height: 93%; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #service-center .sc-card {
        margin-bottom: 0rem;
        margin-top: 2rem; } }
    #service-center .sc-card .address {
      padding-bottom: 1rem; }
    #service-center .sc-card h4 {
      font-family: "Lato-Bold";
      font-size: 22px;
      color: #007a3d;
      padding-bottom: 1rem;
      padding-top: 0.5rem; }
    #service-center .sc-card h6 {
      font-family: "Lato-Regular";
      font-size: 14px;
      color: #8c8e8d; }
    #service-center .sc-card p {
      font-family: "Lato-Regular";
      font-size: 14px;
      color: #1a1919; }
      @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
        #service-center .sc-card p {
          font-size: 11px; } }
    #service-center .sc-card .grid {
      display: flex;
      flex-wrap: wrap; }
      #service-center .sc-card .grid .grid-section {
        width: 50%;
        padding-bottom: 0.5rem; }
    #service-center .sc-card a {
      width: 288px;
      height: 46px;
      border-radius: 10px;
      background-color: #007a3d;
      display: flex;
      align-items: center;
      color: #fff;
      text-decoration: none;
      margin: auto;
      justify-content: center;
      font-family: "Lato-Bold";
      font-size: 12px;
      letter-spacing: 0.25px; }
      @media screen and (min-width: 320px) and (max-width: 480px) {
        #service-center .sc-card a {
          width: auto; } }
      @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
        #service-center .sc-card a {
          width: auto; } }

/*************** Store locator *****************/
#store-locator {
  margin-top: 4rem;
  padding-bottom: 3rem; }
  @media screen and (min-width: 320px) and (max-width: 480px) {
    #store-locator {
      margin-top: 2rem; } }
  @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
    #store-locator {
      margin-top: 1rem; } }
  #store-locator .breadcrums {
    transform: rotate(-90deg);
    position: absolute;
    left: -10%;
    bottom: 0%; }
    #store-locator .breadcrums a {
      font-family: "Lato-Regular";
      font-size: 10px;
      color: #007a3d; }
    #store-locator .breadcrums span {
      vertical-align: middle;
      color: #007a3d; }
  #store-locator .sc-header h1 {
    font-family: "Lato-Black";
    font-size: 36px;
    color: #007a3d; }
  #store-locator .sc-header p {
    font-family: "Lato-Regular";
    font-size: 15px;
    color: #8c8e8d;
    width: 650px; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #store-locator .sc-header p {
        width: auto; } }
    @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
      #store-locator .sc-header p {
        width: auto; } }
  #store-locator .sc-header form {
    margin-top: 2rem; }
  #store-locator .sc-header #cat,
  #store-locator .sc-header #sts,
  #store-locator .sc-header #state {
    position: relative;
    pointer-events: all; }
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
      #store-locator .sc-header #cat,
      #store-locator .sc-header #sts,
      #store-locator .sc-header #state {
        margin-bottom: 20px; } }
  #store-locator .sc-header .select_2 {
    position: absolute;
    left: 33.5rem;
    top: 8rem; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #store-locator .sc-header .select_2 {
        left: 17rem;
        top: 9.5rem; } }
    @media only screen and (min-width: 320px) and (max-width: 568px) {
      #store-locator .sc-header .select_2 {
        left: 17rem;
        top: 9.5rem; } }
    @media only screen and (min-width: 360px) and (max-width: 640px) {
      #store-locator .sc-header .select_2 {
        left: 20rem;
        top: 9.5rem; } }
    @media only screen and (min-width: 375px) and (max-width: 667px) {
      #store-locator .sc-header .select_2 {
        left: 21rem;
        top: 7rem; } }
    @media only screen and (min-width: 393px) and (max-width: 699px) {
      #store-locator .sc-header .select_2 {
        left: 23rem;
        top: 7rem; } }
    @media only screen and (min-width: 412px) and (max-width: 820px) {
      #store-locator .sc-header .select_2 {
        left: 23rem;
        top: 11.2rem; } }
    @media only screen and (min-width: 414px) and (max-width: 736px) {
      #store-locator .sc-header .select_2 {
        left: 23rem;
        top: 11.5rem; } }
    @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
      #store-locator .sc-header .select_2 {
        left: 26rem;
        top: 8.5rem; } }
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
      #store-locator .sc-header .select_2 {
        left: 33.5rem;
        top: 8rem; } }
  #store-locator .sc-header .select_1 {
    position: absolute;
    left: 15.5rem;
    top: 8rem; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #store-locator .sc-header .select_1 {
        left: 17rem;
        top: 13.8rem;
        z-index: 1; } }
    @media only screen and (min-width: 320px) and (max-width: 568px) {
      #store-locator .sc-header .select_1 {
        left: 17rem;
        top: 13.8rem; } }
    @media only screen and (min-width: 360px) and (max-width: 640px) {
      #store-locator .sc-header .select_1 {
        left: 20rem;
        top: 13.8rem; } }
    @media only screen and (min-width: 375px) and (max-width: 667px) {
      #store-locator .sc-header .select_1 {
        left: 21rem;
        top: 11.4rem; } }
    @media only screen and (min-width: 393px) and (max-width: 699px) {
      #store-locator .sc-header .select_1 {
        left: 23rem;
        top: 11.2rem; } }
    @media only screen and (min-width: 412px) and (max-width: 820px) {
      #store-locator .sc-header .select_1 {
        left: 23rem;
        top: 7rem; } }
    @media only screen and (min-width: 414px) and (max-width: 736px) {
      #store-locator .sc-header .select_1 {
        left: 23rem;
        top: 7rem; } }
    @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
      #store-locator .sc-header .select_1 {
        left: 12rem; } }
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
      #store-locator .sc-header .select_1 {
        left: 15.5rem;
        top: 8rem; } }
  #store-locator .sc-header .select_3 {
    position: absolute;
    left: 51rem;
    top: 8rem; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #store-locator .sc-header .select_3 {
        left: 17rem;
        top: 17.8rem;
        z-index: 1; } }
    @media only screen and (min-width: 320px) and (max-width: 568px) {
      #store-locator .sc-header .select_3 {
        left: 17rem;
        top: 17.8rem; } }
    @media only screen and (min-width: 360px) and (max-width: 640px) {
      #store-locator .sc-header .select_3 {
        left: 20rem;
        top: 17.8rem; } }
    @media only screen and (min-width: 375px) and (max-width: 667px) {
      #store-locator .sc-header .select_3 {
        left: 21rem;
        top: 15.5rem; } }
    @media only screen and (min-width: 393px) and (max-width: 699px) {
      #store-locator .sc-header .select_3 {
        left: 23rem;
        top: 15.5rem; } }
    @media only screen and (min-width: 412px) and (max-width: 820px) {
      #store-locator .sc-header .select_3 {
        left: 23rem;
        top: 15.3rem; } }
    @media only screen and (min-width: 414px) and (max-width: 736px) {
      #store-locator .sc-header .select_3 {
        left: 23rem;
        top: 15.5rem; } }
    @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
      #store-locator .sc-header .select_3 {
        left: 26rem;
        top: 11.8rem; } }
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
      #store-locator .sc-header .select_3 {
        left: 15.5rem;
        top: 13rem; } }
    @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) {
      #store-locator .sc-header .select_3 {
        left: 51rem;
        top: 8rem; } }
  #store-locator .sc-header select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    outline: none;
    background: #fff;
    pointer-events: all; }
  #store-locator .sc-header select,
  #store-locator .sc-header .dealer-name {
    width: 259px;
    height: 59px;
    border-radius: 10px;
    border: solid 1px #8c8e8d;
    font-family: "Lato-Regular";
    font-size: 16px;
    color: #8c8e8d;
    padding-left: 1rem;
    outline: none; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #store-locator .sc-header select,
      #store-locator .sc-header .dealer-name {
        width: 100%;
        height: 50px;
        margin-bottom: 1rem; } }
    @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
      #store-locator .sc-header select,
      #store-locator .sc-header .dealer-name {
        width: 200px;
        height: 40px;
        margin-bottom: 20px; } }
  #store-locator .sc-header select {
    margin-right: 20px; }
  #store-locator .sc-header select:last-child {
    margin-right: 0px; }
  #store-locator .sc-header #btn-search {
    display: inline-block;
    padding: 8px 30px;
    border-radius: 50px;
    border: 3px solid #e7ede6;
    color: #fff;
    background: #007a3d;
    font-size: 14px;
    text-decoration: none;
    transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1) !important;
    margin-top: 10px;
    /*
    			width: 170px;
    			height: 59px;
    			border-radius: 10px;
    			background-color: #007a3d;
    			color: #fff;
    			margin-top: 20px;
    */ }
    #store-locator .sc-header #btn-search:hover {
      border: 3px solid #007a3d;
      background: #fff;
      color: #005f2a;
      text-decoration: none; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #store-locator .sc-header #btn-search {
        margin-left: 0px;
        margin-top: 1rem;
        width: 100%;
        height: 50px; } }
    @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
      #store-locator .sc-header #btn-search {
        margin-top: 0rem;
        width: 115px;
        height: 40px; } }
    @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) {
      #store-locator .sc-header #btn-search {
        margin-left: 20px; } }
  #store-locator .card-playground {
    display: flex;
    flex-wrap: wrap; }
    @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
      #store-locator .card-playground {
        display: block; } }
  #store-locator .card-wrapper {
    padding-left: 0px;
    padding-right: 30px; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #store-locator .card-wrapper {
        padding-left: inherit;
        padding-right: inherit; } }
    @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
      #store-locator .card-wrapper {
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
        max-width: 100%; } }
  #store-locator .sc-card {
    background-image: -webkit-linear-gradient(-74deg, #fff 52%, rgba(214, 226, 213, 0.5) 23%);
    box-shadow: 3px 5.2px 20px 0 rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    padding: 2rem;
    margin-top: 3rem;
    margin-bottom: 2rem;
    padding-left: 1.6rem;
    height: 93%; }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      #store-locator .sc-card {
        padding: 1rem; } }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #store-locator .sc-card {
        margin-bottom: 0rem;
        margin-top: 2rem; } }
    #store-locator .sc-card .address {
      padding-bottom: 1rem; }
    #store-locator .sc-card h4 {
      font-family: "Lato-Bold";
      font-size: 22px;
      color: #007a3d;
      padding-bottom: 1rem;
      padding-top: 0.5rem; }
    #store-locator .sc-card h6 {
      font-family: "Lato-Regular";
      font-size: 14px;
      color: #8c8e8d; }
    #store-locator .sc-card p {
      font-family: "Lato-Regular";
      font-size: 14px;
      color: #1a1919; }
    #store-locator .sc-card .grid {
      display: flex;
      flex-wrap: wrap; }
      #store-locator .sc-card .grid .grid-section {
        width: 50%;
        padding-bottom: 0.5rem; }
    #store-locator .sc-card a {
      display: block;
      text-align: center;
      padding: 8px 30px;
      border-radius: 50px;
      border: 3px solid #e7ede6;
      color: #fff;
      background: #007a3d;
      font-size: 14px;
      text-decoration: none;
      transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1) !important;
      margin-top: 10px;
      /*
      			width: 288px;
      			height: 46px;
      			border-radius: 10px;
      			background-color: #007a3d;
      			display: flex;
      			align-items: center;
      			color: #fff;
      			text-decoration: none;
      			margin: auto;
      			justify-content: center;
      			font-family: "Lato-Bold";
      			font-size: 12px;
      			letter-spacing: 0.25px;
      */ }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        #store-locator .sc-card a {
          padding: 8px 20px; } }
      #store-locator .sc-card a:hover {
        border: 3px solid #007a3d;
        background: #fff;
        color: #005f2a;
        text-decoration: none; }
      @media screen and (min-width: 320px) and (max-width: 480px) {
        #store-locator .sc-card a {
          width: auto; } }
      @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
        #store-locator .sc-card a {
          width: auto; } }

/*************** Blog Inner page **************/
#blog-inner-banner .breadcrums {
  transform: rotate(-90deg);
  position: absolute;
  left: -18%;
  bottom: 0%; }
  #blog-inner-banner .breadcrums a {
    font-family: "Lato-Regular";
    font-size: 10px;
    color: #007a3d; }
  #blog-inner-banner .breadcrums span {
    vertical-align: middle;
    color: #007a3d; }
#blog-inner-banner .bi-container {
  position: relative; }
#blog-inner-banner .bi-banner-wrapper {
  margin-top: 2rem; }
  #blog-inner-banner .bi-banner-wrapper .bi-header-tag {
    width: 123px;
    height: 31px;
    border-radius: 10px;
    background-color: #9eca73;
    display: table;
    margin-bottom: 1rem; }
    #blog-inner-banner .bi-banner-wrapper .bi-header-tag h6 {
      font-family: "Lato-Bold";
      font-size: 13px;
      color: #fff;
      display: table-cell;
      vertical-align: middle;
      text-align: center; }
    #blog-inner-banner .bi-banner-wrapper .bi-header-tag a {
      color: #fff !important; }
#blog-inner-banner .bi-header-name {
  margin-bottom: 2rem; }
  #blog-inner-banner .bi-header-name h1 {
    font-family: "Lato-Black";
    font-size: 36px;
    color: #007a3d;
    margin-bottom: 1rem; }
  #blog-inner-banner .bi-header-name p {
    font-family: "Lato-Bold";
    font-size: 13px;
    color: #8c8e8d; }
#blog-inner-banner .bi-social-icons {
  margin-bottom: 2rem; }
  #blog-inner-banner .bi-social-icons span {
    font-family: "Lato-Bold";
    font-size: 14px;
    color: #8c8e8d; }
  #blog-inner-banner .bi-social-icons i {
    color: #8c8e8d;
    margin-left: 15px; }
  #blog-inner-banner .bi-social-icons a:focus {
    outline: none;
    border: none; }
#blog-inner-banner .bi-banner-img {
  margin-left: auto; }
#blog-inner-banner .blog-inner-cont {
  position: relative; }
#blog-inner-banner .bi-inner-content-playground {
  margin-top: 2rem; }
  #blog-inner-banner .bi-inner-content-playground .bi-content {
    margin-bottom: 2rem; }
    #blog-inner-banner .bi-inner-content-playground .bi-content h4 {
      width: 580px;
      margin: auto;
      font-family: "Lato-Regular";
      font-size: 27px;
      color: #007a3d;
      line-height: 40px;
      font-style: italic; }
      @media screen and (min-width: 320px) and (max-width: 480px) {
        #blog-inner-banner .bi-inner-content-playground .bi-content h4 {
          width: auto; } }
      @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
        #blog-inner-banner .bi-inner-content-playground .bi-content h4 {
          width: auto; } }
    #blog-inner-banner .bi-inner-content-playground .bi-content p {
      width: 580px;
      margin: auto;
      font-family: "Lato-Regular";
      font-size: 17px;
      color: #8c8e8d;
      line-height: 34px;
      margin-top: 2rem; }
      @media screen and (min-width: 320px) and (max-width: 480px) {
        #blog-inner-banner .bi-inner-content-playground .bi-content p {
          width: auto;
          margin-top: 0rem; } }
      @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
        #blog-inner-banner .bi-inner-content-playground .bi-content p {
          width: auto; } }
    #blog-inner-banner .bi-inner-content-playground .bi-content h5 {
      width: 580px;
      margin: auto;
      font-family: "Lato-Bold";
      font-size: 24px;
      color: #007a3d;
      margin-top: 2rem; }
      @media screen and (min-width: 320px) and (max-width: 480px) {
        #blog-inner-banner .bi-inner-content-playground .bi-content h5 {
          width: auto; } }
      @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
        #blog-inner-banner .bi-inner-content-playground .bi-content h5 {
          width: auto; } }
    #blog-inner-banner .bi-inner-content-playground .bi-content h1, #blog-inner-banner .bi-inner-content-playground .bi-content h2 {
      width: 580px;
      margin: auto;
      font-family: "Lato-Bold";
      color: #007a3d;
      margin-top: 2rem; }
      @media screen and (min-width: 320px) and (max-width: 480px) {
        #blog-inner-banner .bi-inner-content-playground .bi-content h1, #blog-inner-banner .bi-inner-content-playground .bi-content h2 {
          width: auto; } }
    #blog-inner-banner .bi-inner-content-playground .bi-content strong {
      color: #007a3d;
      font-family: "Lato-Bold"; }
    #blog-inner-banner .bi-inner-content-playground .bi-content a {
      color: #007a3d;
      font-family: "Lato-Bold";
      padding: 0rem !important;
      word-break: break-word; }
      @media screen and (min-width: 320px) and (max-width: 480px) {
        #blog-inner-banner .bi-inner-content-playground .bi-content a {
          font-size: 14px !important; } }
    #blog-inner-banner .bi-inner-content-playground .bi-content a:visited {
      color: #007a3d; }
  #blog-inner-banner .bi-inner-content-playground .bi-title span {
    padding: 10px;
    border: 1px solid;
    border-radius: 10px;
    width: 10px;
    height: 10px; }
  #blog-inner-banner .bi-inner-content-playground .bi-title p {
    margin-top: 1rem; }
  #blog-inner-banner .bi-inner-content-playground .bi-title i {
    font-size: 13px;
    margin-right: 10px;
    font-weight: bolder; }
  #blog-inner-banner .bi-inner-content-playground .bi-title h5 {
    display: flex;
    align-items: center; }
  #blog-inner-banner .bi-inner-content-playground .grid-container {
    display: grid;
    grid-gap: 50px;
    grid-template-rows: 27rem auto;
    margin-top: 3rem;
    margin-bottom: 4rem; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #blog-inner-banner .bi-inner-content-playground .grid-container {
        display: block; } }
    #blog-inner-banner .bi-inner-content-playground .grid-container .item1 {
      grid-column: 1 / span 2;
      grid-row: 1; }
      @media screen and (min-width: 320px) and (max-width: 480px) {
        #blog-inner-banner .bi-inner-content-playground .grid-container .item1 {
          margin-bottom: 2rem; } }
    #blog-inner-banner .bi-inner-content-playground .grid-container .item2 {
      grid-column: 1 / span 2;
      grid-row: 2;
      margin-left: auto; }
      @media screen and (min-width: 320px) and (max-width: 480px) {
        #blog-inner-banner .bi-inner-content-playground .grid-container .item2 {
          margin-bottom: 2rem; } }
    #blog-inner-banner .bi-inner-content-playground .grid-container .item3 {
      grid-column: 3 / span 1;
      grid-row: 1;
      padding-top: 10rem; }
      @media screen and (min-width: 320px) and (max-width: 480px) {
        #blog-inner-banner .bi-inner-content-playground .grid-container .item3 {
          padding-top: 0rem; } }

#related-article {
  background-color: #f4f4f4;
  padding-top: 3rem;
  padding-bottom: 3rem; }
  #related-article h4 {
    font-family: "Lato-Black";
    font-size: 24px;
    color: #8c8e8d;
    padding-bottom: 1rem; }
  #related-article .bi-header-tag {
    width: 123px;
    height: 31px;
    border-radius: 10px;
    background-color: #9eca73;
    display: table;
    margin-bottom: 1rem; }
    #related-article .bi-header-tag h6 {
      font-family: "Lato-Bold";
      font-size: 13px;
      color: #fff;
      display: table-cell;
      vertical-align: middle;
      text-align: center; }
    #related-article .bi-header-tag a {
      color: #fff; }
  #related-article .bi-header-name {
    margin-bottom: 2rem; }
    #related-article .bi-header-name h1 {
      font-family: "Lato-Black";
      font-size: 36px;
      color: #007a3d;
      margin-bottom: 1rem; }
      @media screen and (min-width: 320px) and (max-width: 480px) {
        #related-article .bi-header-name h1 {
          font-size: 26px !important; } }
      @media only screen and (min-width: 375px) and (max-width: 820px) and (orientation: landscape) {
        #related-article .bi-header-name h1 {
          font-size: 23px; } }
      #related-article .bi-header-name h1 img {
        margin-left: 20px; }
    #related-article .bi-header-name a {
      text-decoration: none; }
    #related-article .bi-header-name p {
      font-family: "Lato-Bold";
      font-size: 13px;
      color: #8c8e8d; }
  #related-article .swiper-pagination {
    position: initial;
    text-align: left; }
  #related-article .swiper-pagination-bullet-active {
    background: #007a3d;
    border: none;
    outline: none; }
  #related-article .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    margin-left: 7px; }

/************* Assistance Page **************/
#assistance-banner {
  overflow: hidden; }
  #assistance-banner .breadcrums {
    transform: rotate(-90deg);
    position: absolute;
    left: 4%;
    bottom: 40%; }
    #assistance-banner .breadcrums a {
      font-family: "Lato-Regular";
      font-size: 10px;
      color: #007a3d; }
    #assistance-banner .breadcrums span {
      vertical-align: middle;
      color: #007a3d; }
  #assistance-banner .product-list-container {
    position: relative;
    max-width: 1440px; }
    @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
      #assistance-banner .product-list-container {
        max-width: 540px; } }
    #assistance-banner .product-list-container .product-list-content {
      margin-left: 9.5rem; }
      @media screen and (min-width: 320px) and (max-width: 480px) {
        #assistance-banner .product-list-container .product-list-content {
          margin-left: 0rem;
          padding: 1rem 0rem 1rem 0rem; } }
      @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
        #assistance-banner .product-list-container .product-list-content {
          margin-left: 0rem;
          padding: 1rem 0rem 1rem 0rem; } }
      @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
        #assistance-banner .product-list-container .product-list-content {
          margin-left: 1rem; } }
      #assistance-banner .product-list-container .product-list-content h1 {
        font-family: "Lato-Black";
        font-size: 36px;
        color: #007a3d;
        opacity: 0;
        transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.6s;
        transform: translate3d(-20%, 0, 0); }
        @media screen and (min-width: 320px) and (max-width: 480px) {
          #assistance-banner .product-list-container .product-list-content h1 {
            font-size: 30px;
            padding: 0rem 1rem; } }
        @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
          #assistance-banner .product-list-container .product-list-content h1 {
            font-size: 30px;
            padding: 0rem 1rem; } }
      #assistance-banner .product-list-container .product-list-content p {
        font-family: "Lato-Regular";
        font-size: 15px;
        color: #8c8e8d;
        margin: 10px 0px 20px 0px;
        width: 400px;
        line-height: 28px;
        opacity: 0;
        transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.6s;
        transform: translate3d(-20%, 0, 0); }
        @media screen and (min-width: 320px) and (max-width: 480px) {
          #assistance-banner .product-list-container .product-list-content p {
            width: auto;
            font-size: 14px;
            padding: 0rem 1rem; } }
        @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
          #assistance-banner .product-list-container .product-list-content p {
            width: auto;
            font-size: 14px;
            padding: 0rem 1rem; } }
      #assistance-banner .product-list-container .product-list-content .setanimation {
        transform: translate3d(0, 0, 0);
        opacity: 1; }
      #assistance-banner .product-list-container .product-list-content a {
        font-family: "Lato-Bold";
        font-size: 14px;
        color: #fff;
        padding: 12px;
        padding-left: 25px;
        padding-right: 25px;
        background-color: #9eca73;
        border-radius: 10px;
        padding-top: 10px;
        border: none;
        outline: none; }
    #assistance-banner .product-list-container .product-list-image img {
      margin-left: 2rem;
      width: 100%; }
      @media screen and (min-width: 320px) and (max-width: 480px) {
        #assistance-banner .product-list-container .product-list-image img {
          margin-left: 0rem; } }
      @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
        #assistance-banner .product-list-container .product-list-image img {
          margin-left: 0rem; } }
  #assistance-banner .pl-banner-wrapper {
    max-width: 1440px;
    margin: auto;
    margin-top: 2rem;
    margin-bottom: 2rem; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #assistance-banner .pl-banner-wrapper {
        margin-bottom: 0rem;
        margin-top: 0px; } }
    @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
      #assistance-banner .pl-banner-wrapper {
        margin-bottom: 0rem;
        margin-top: 0px; } }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #assistance-banner .pl-banner-wrapper .order_1 {
        padding-left: 0px;
        padding-right: 0px; } }
    @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
      #assistance-banner .pl-banner-wrapper .order_1 {
        padding-left: 0px;
        padding-right: 0px; } }

#product-enquiry {
  margin-bottom: 4rem;
  padding-top: 5rem; }
  @media screen and (min-width: 320px) and (max-width: 480px) {
    #product-enquiry {
      padding-top: 1rem;
      margin-bottom: 3rem; } }
  @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
    #product-enquiry {
      padding-top: 2rem;
      margin-bottom: 1rem; } }
  #product-enquiry .product-type {
    height: fit-content; }
  #product-enquiry a {
    display: inline-block;
    margin-top: 20px;
    padding: 8px 30px;
    border-radius: 50px;
    border: 3px solid #fff;
    color: #fff;
    background: #007a3d;
    font-size: 14px;
    text-decoration: none;
    transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1) !important;
    /*
    		font-family: "Lato-Bold";
    		font-size: 14px;
    		color: #fff;
    		padding: 15px;
    		background-color: $primary_color;
    		border-radius: 10px;
    		padding: 12px;
    		padding-left: 25px;
    		padding-right: 25px;
    		margin-top: 20px;
    		display: inline-block;
    		@include screen(small){
    			display: inline-flex;
    		}
    */ }
    #product-enquiry a:hover {
      border: 3px solid #007a3d;
      background: #fff;
      color: #005f2a;
      text-decoration: none; }
  #product-enquiry .pe-header {
    margin-bottom: 3rem;
    text-align: center; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #product-enquiry .pe-header {
        margin-bottom: 2rem; } }
    @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
      #product-enquiry .pe-header {
        margin-bottom: 2rem; } }
    #product-enquiry .pe-header h1 {
      font-family: "Lato-Black";
      font-size: 36px;
      color: #007a3d;
      text-align: center; }
      @media screen and (min-width: 320px) and (max-width: 480px) {
        #product-enquiry .pe-header h1 {
          font-size: 30px;
          text-align: left;
          padding: 0rem 1rem; } }
      @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
        #product-enquiry .pe-header h1 {
          font-size: 30px;
          text-align: left;
          padding: 0rem 1rem; } }
    #product-enquiry .pe-header p {
      font-family: "Lato-Regular";
      font-size: 15px;
      color: #8c8e8d;
      margin: 10px 0px 20px 0px;
      margin: auto;
      text-align: center; }
      @media screen and (min-width: 320px) and (max-width: 480px) {
        #product-enquiry .pe-header p {
          text-align: left;
          font-size: 14px;
          padding: 0rem 1rem; } }
      @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
        #product-enquiry .pe-header p {
          text-align: left;
          font-size: 14px;
          padding: 0rem 1rem; } }
  #product-enquiry .product-type {
    padding: 3rem 2rem 3rem 2rem;
    border-radius: 10px;
    background: #eee;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #product-enquiry .product-type {
        width: 90%;
        margin: 0rem 1rem;
        padding: 3rem 1rem 3rem 2rem; } }
    #product-enquiry .product-type h4 {
      font-family: "Lato-Bold";
      font-size: 28px;
      color: #007a3d; }
    #product-enquiry .product-type p {
      font-family: "Lato-Regular";
      font-size: 16px;
      color: #4e4e4e;
      width: 270px; }
      @media screen and (min-width: 320px) and (max-width: 480px) {
        #product-enquiry .product-type p {
          width: auto;
          height: 65px; } }
    #product-enquiry .product-type a {
      /*
      			font-family: "Lato-Bold";
      			font-size: 14px;
      			color: #fff;
      			padding: 15px;
      			background-color: $primary_color;
      			border-radius: 10px;
      			padding: 12px;
      			padding-left: 25px;
      			padding-right: 25px;
      			@include screen(small){
      				display: inline-flex;
      			}
      */
      padding: 8px 30px;
      border-radius: 50px;
      border: 3px solid #fff;
      color: #fff;
      background: #007a3d;
      font-size: 14px;
      /* background: linear-gradient(0deg, rgba(0,95,42,1) 75%, rgba(42,42,43,1) 100%); */
      /* background: radial-gradient(circle, rgba(0,95,57,1) 75%, rgba(61,42,64,1) 100%); */
      /* background: linear-gradient(176deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 84%); */
      text-decoration: none;
      transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1) !important; }
      #product-enquiry .product-type a:hover {
        border: 3px solid #007a3d;
        background: #fff;
        color: #005f2a;
        text-decoration: none; }
    #product-enquiry .product-type img {
      transition: 0.3s ease-out;
      cursor: pointer; }
      #product-enquiry .product-type img:hover {
        transform: scale(1.1);
        transition: 0.3s ease-in; }
      @media screen and (min-width: 320px) and (max-width: 480px) {
        #product-enquiry .product-type img {
          float: right;
          margin: 1rem auto !important; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        #product-enquiry .product-type img {
          margin-left: 4.8rem;
          margin: 1rem auto !important; } }
  #product-enquiry .product-type:nth-child(2) {
    padding: 3rem 2rem 3rem 2rem;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    background-color: #007a3d;
    margin-top: 5rem;
    margin-right: 2rem;
    margin-left: 2rem; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #product-enquiry .product-type:nth-child(2) {
        margin-left: 0px;
        margin-right: 0px;
        width: 90%;
        margin: 2rem 1rem 2rem 1rem;
        padding: 3rem 1rem 3rem 2rem; } }
    @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
      #product-enquiry .product-type:nth-child(2) {
        margin-top: 2rem; } }
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
      #product-enquiry .product-type:nth-child(2) {
        margin-left: 20px;
        margin-top: 20px;
        margin-right: 0rem; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      #product-enquiry .product-type:nth-child(2) {
        margin-top: 0px; } }
    @media screen and (min-width: 1024px) and (max-width: 1280px) {
      #product-enquiry .product-type:nth-child(2) {
        margin-top: 0px; } }
    #product-enquiry .product-type:nth-child(2) h4 {
      font-family: "Lato-Bold";
      font-size: 28px;
      color: #fff; }
    #product-enquiry .product-type:nth-child(2) p {
      font-family: "Lato-Regular";
      font-size: 16px;
      color: #fff;
      width: 300px; }
      @media screen and (min-width: 320px) and (max-width: 480px) {
        #product-enquiry .product-type:nth-child(2) p {
          width: auto;
          height: 65px; } }
    #product-enquiry .product-type:nth-child(2) a {
      /*
      			font-family: "Lato-Bold";
      			font-size: 14px;
      			color: $primary_color;
      			padding: 15px;
      			background-color: #fff;
      			border-radius: 10px;
      			padding: 12px;
      			padding-left: 25px;
      			padding-right: 25px;
      */
      padding: 8px 30px;
      border-radius: 50px;
      border: 3px solid #007a3d;
      color: #007a3d;
      background: #fff;
      font-size: 14px;
      /* background: linear-gradient(0deg, rgba(0,95,42,1) 75%, rgba(42,42,43,1) 100%); */
      /* background: radial-gradient(circle, rgba(0,95,57,1) 75%, rgba(61,42,64,1) 100%); */
      /* background: linear-gradient(176deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 84%); */
      text-decoration: none;
      transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1) !important; }
      #product-enquiry .product-type:nth-child(2) a:hover {
        border: 3px solid #fff;
        background: #007a3d;
        color: #fff;
        text-decoration: none; }
    #product-enquiry .product-type:nth-child(2) img {
      /*
      			margin-left: 9.2rem;
      			margin-top: -42px;
      */
      margin: 0rem auto 0rem; }
      @media screen and (min-width: 320px) and (max-width: 480px) {
        #product-enquiry .product-type:nth-child(2) img {
          float: right;
          margin: 2rem auto 0rem !important; } }
  #product-enquiry .product-type:last-child {
    padding: 3rem 2rem 3rem 2rem;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    background-color: #8c8e8d; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #product-enquiry .product-type:last-child {
        padding: 3rem 1rem 3rem 2rem; } }
    @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
      #product-enquiry .product-type:last-child {
        margin-top: 2rem; } }
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
      #product-enquiry .product-type:last-child {
        margin-top: 20px; } }
    #product-enquiry .product-type:last-child h4 {
      font-family: "Lato-Bold";
      font-size: 28px;
      color: #fff; }
    #product-enquiry .product-type:last-child p {
      font-family: "Lato-Regular";
      font-size: 16px;
      color: #fff;
      width: 270px; }
      @media screen and (min-width: 320px) and (max-width: 480px) {
        #product-enquiry .product-type:last-child p {
          width: auto;
          height: 65px; } }
    #product-enquiry .product-type:last-child a {
      /*
      			font-family: "Lato-Bold";
      			font-size: 14px;
      			color: #8c8e8d;
      			padding: 15px;
      			background-color: #fff;
      			border-radius: 10px;
      			padding: 12px;
      			padding-left: 25px;
      			padding-right: 25px;
      */
      padding: 8px 30px;
      border-radius: 50px;
      border: 3px solid #8c8e8d;
      color: #007a3d;
      background: #fff;
      font-size: 14px;
      /* background: linear-gradient(0deg, rgba(0,95,42,1) 75%, rgba(42,42,43,1) 100%); */
      /* background: radial-gradient(circle, rgba(0,95,57,1) 75%, rgba(61,42,64,1) 100%); */
      /* background: linear-gradient(176deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 84%); */
      text-decoration: none;
      transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1) !important; }
      #product-enquiry .product-type:last-child a:hover {
        border: 3px solid #fff;
        background: #007a3d;
        color: #fff;
        text-decoration: none; }
    #product-enquiry .product-type:last-child img {
      margin-top: -50px;
      margin: -1rem auto 0rem auto !important;
      width: 80% !important;
      top: 0 !important; }
      @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
        #product-enquiry .product-type:last-child img {
          margin-left: 14.4rem; } }
      @media (max-width: 767px) {
        #product-enquiry .product-type:last-child img {
          width: 100% !important;
          margin: 1rem auto 0rem auto !important; } }
  #product-enquiry .row_center {
    justify-content: center; }
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
      #product-enquiry .row_center {
        justify-content: center; } }

@media (min-width: 1200px) {
  .assistance-product-enquiry .product-type {
    width: 30% !important; } }
@media (min-width: 768px) and (max-width: 1024px) {
  .assistance-product-enquiry .product-type {
    width: 48% !important; } }

#assistance-faq .faq-header {
  margin: auto; }
  #assistance-faq .faq-header h1 {
    font-family: "Lato-Black";
    font-size: 36px;
    color: #007a3d;
    text-align: center; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #assistance-faq .faq-header h1 {
        font-size: 30px;
        padding: 0rem 1rem;
        text-align: center; } }
    @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
      #assistance-faq .faq-header h1 {
        font-size: 30px;
        padding: 0rem 1rem;
        text-align: center; } }
  #assistance-faq .faq-header p {
    font-family: "Lato-Regular";
    font-size: 15px;
    color: #8c8e8d;
    margin: 10px 0px 20px 0px;
    margin: auto;
    text-align: center;
    width: auto;
    margin-bottom: 10px; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #assistance-faq .faq-header p {
        width: auto;
        text-align: left;
        padding: 0rem 1rem;
        font-size: 14px; } }
    @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
      #assistance-faq .faq-header p {
        width: auto;
        text-align: left;
        padding: 0rem 1rem;
        font-size: 14px; } }
#assistance-faq .outer-cell {
  display: table;
  border-spacing: 20px; }
  @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
    #assistance-faq .outer-cell {
      margin-left: 10px; } }
  #assistance-faq .outer-cell a {
    width: 265px;
    height: 63px;
    border-radius: 10px;
    border: solid 1px #8c8e8d;
    text-align: left;
    display: table-cell;
    align-items: center;
    text-decoration: none;
    vertical-align: middle;
    color: #8c8e8d;
    padding-left: 20px;
    outline: none; }
    @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
      #assistance-faq .outer-cell a {
        height: 40px;
        padding-left: 14px;
        font-size: 10px; } }
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
      #assistance-faq .outer-cell a {
        font-size: 14px; } }
  #assistance-faq .outer-cell a:hover {
    background: #007a3d;
    color: #fff;
    border: none; }
  #assistance-faq .outer-cell i {
    padding-right: 20px;
    float: right;
    padding-top: 4px; }
    @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
      #assistance-faq .outer-cell i {
        float: initial;
        padding-right: 0px;
        margin-left: 10px; } }
@media screen and (min-width: 320px) and (max-width: 480px) {
  #assistance-faq .mobile-block {
    width: 100%;
    padding: 1rem 2rem;
    position: relative; } }
@media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
  #assistance-faq .mobile-block {
    width: 100%;
    padding: 1rem 2rem;
    position: relative; } }
@media screen and (min-width: 320px) and (max-width: 480px) {
  #assistance-faq .mobile-block select {
    font-family: "Lato-Regular";
    font-size: 14px;
    width: 100%;
    height: 56px;
    border-radius: 10px;
    border: solid 1px #8c8e8d;
    padding-left: 20px;
    outline: none;
    margin: auto;
    text-align: center;
    align-items: center;
    appearance: none;
    color: #8c8e8d; } }
@media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
  #assistance-faq .mobile-block select {
    font-family: "Lato-Regular";
    font-size: 14px;
    width: 100%;
    height: 56px;
    border-radius: 10px;
    border: solid 1px #8c8e8d;
    padding-left: 20px;
    outline: none;
    margin: auto;
    text-align: center;
    align-items: center;
    appearance: none;
    color: #8c8e8d; } }
#assistance-faq .mobile-block:after {
  content: "\f107";
  font-family: FontAwesome;
  position: absolute;
  right: 52px;
  top: 2rem;
  color: #8c8e8d; }

#a-owner-corner {
  margin-top: 3rem; }
  @media screen and (min-width: 320px) and (max-width: 480px) {
    #a-owner-corner {
      margin-top: 2rem; } }
  @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
    #a-owner-corner {
      margin-top: 2rem; } }
  #a-owner-corner .container-fluid {
    position: relative;
    max-width: 1440px; }
  #a-owner-corner .a-owner-image {
    padding-left: 0px; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #a-owner-corner .a-owner-image {
        padding-right: 0px; } }
    @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
      #a-owner-corner .a-owner-image {
        padding-right: 0px; } }
  #a-owner-corner .a-owner-playground {
    display: flex;
    align-items: center;
    padding-left: 4rem; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #a-owner-corner .a-owner-playground {
        padding-left: 2rem; } }
    @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
      #a-owner-corner .a-owner-playground {
        padding-left: 2rem; } }
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
      #a-owner-corner .a-owner-playground {
        padding-left: 2rem; } }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #a-owner-corner .a-owner-playground .owner-corner-content {
        margin-top: 2rem; } }
    @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
      #a-owner-corner .a-owner-playground .owner-corner-content {
        margin-top: 2rem; } }
    #a-owner-corner .a-owner-playground .owner-corner-content h1 {
      font-family: "Lato-Black";
      font-size: 36px;
      color: #007a3d;
      margin-bottom: 1rem; }
      @media screen and (min-width: 320px) and (max-width: 480px) {
        #a-owner-corner .a-owner-playground .owner-corner-content h1 {
          font-size: 30px; } }
      @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
        #a-owner-corner .a-owner-playground .owner-corner-content h1 {
          font-size: 30px; } }
    #a-owner-corner .a-owner-playground .owner-corner-content .oc-points {
      display: flex;
      align-items: center;
      margin-bottom: 15px; }
      #a-owner-corner .a-owner-playground .owner-corner-content .oc-points p {
        border: 1px solid #9eca73;
        border-radius: 50%;
        width: 25px;
        height: 25px;
        background-color: #9eca73;
        text-align: center;
        font-size: 10px;
        font-family: "Lato-Regular";
        vertical-align: middle;
        display: table-cell;
        color: #fff; }
      #a-owner-corner .a-owner-playground .owner-corner-content .oc-points h4 {
        font-size: 14.5px;
        font-family: "Lato-Regular";
        color: #8c8e8d;
        margin-bottom: 0rem;
        margin-left: 15px; }
        #a-owner-corner .a-owner-playground .owner-corner-content .oc-points h4 b {
          font-family: "Lato-Bold";
          color: #1a1919; }
    #a-owner-corner .a-owner-playground .owner-corner-content a {
      display: inline-block;
      margin-top: 20px;
      padding: 8px 30px;
      border-radius: 50px;
      border: 3px solid #fff;
      color: #fff;
      background: #007a3d;
      font-size: 14px;
      text-decoration: none;
      transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1) !important;
      /*
      				padding: 12px;
      				padding-left: 25px;
      				padding-right: 25px;
      				font-family: "Lato-Bold";
      				font-size: 13px;
      				color: #fff;
      				text-align: center;
      				background-color: $primary_color;
      				border-radius: 10px;
      				display: inline-block;
      				margin-top: 1rem;
      				@include screen(small) {
      					font-size: 12px;
      				}
      				@media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
      					font-size: 12px;
      				}
      */ }
      #a-owner-corner .a-owner-playground .owner-corner-content a:hover {
        border: 3px solid #007a3d;
        background: #fff;
        color: #005f2a;
        text-decoration: none; }

#service-locations {
  margin-top: 3rem;
  margin-bottom: 3rem; }
  @media screen and (min-width: 320px) and (max-width: 480px) {
    #service-locations {
      margin-bottom: 2rem; } }
  @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
    #service-locations {
      margin-bottom: 2rem; } }
  #service-locations h3 {
    font-family: "Lato-Bold";
    font-size: 28px; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #service-locations h3 {
        font-size: 25px; } }
    @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
      #service-locations h3 {
        font-size: 25px; } }
  #service-locations p {
    font-family: "Lato-Regular";
    font-size: 15px; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #service-locations p {
        font-size: 14px; } }
    @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
      #service-locations p {
        font-size: 14px; } }
  #service-locations a {
    padding: 12px;
    padding-left: 25px;
    padding-right: 25px;
    font-family: "Lato-Bold";
    font-size: 14px; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #service-locations a {
        font-size: 12px; } }
    @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
      #service-locations a {
        font-size: 12px; } }
  #service-locations .service-center {
    background-color: #007a3d;
    box-shadow: 3px 5.2px 20px 0 rgba(0, 0, 0, 0.1);
    padding: 3rem;
    border-radius: 10px; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #service-locations .service-center {
        margin: 0rem 1rem; } }
    @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
      #service-locations .service-center {
        margin: 1rem 0rem;
        width: 100%; } }
    #service-locations .service-center a {
      background-color: #fff;
      color: #007a3d;
      border-radius: 10px; }
    #service-locations .service-center h3 {
      color: #fff; }
    #service-locations .service-center p {
      opacity: 0.8;
      color: #fff;
      margin-bottom: 25px;
      line-height: 28px; }
  #service-locations .store-locator {
    background-color: #fff;
    box-shadow: 3px 5.2px 20px 0 rgba(0, 0, 0, 0.1);
    padding: 3rem;
    border-radius: 10px; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #service-locations .store-locator {
        margin: 2rem 1rem; } }
    @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
      #service-locations .store-locator {
        margin: 1rem 0rem;
        width: 100%; } }
    #service-locations .store-locator a {
      display: inline-block;
      margin-top: 20px;
      padding: 8px 30px;
      border-radius: 50px;
      border: 3px solid #fff;
      color: #fff;
      background: #007a3d;
      font-size: 14px;
      text-decoration: none;
      transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1) !important;
      /*
      			background-color: $primary_color;
      			color: #fff;
      			border-radius: 10px;
      */ }
      #service-locations .store-locator a:hover {
        border: 3px solid #007a3d;
        background: #fff;
        color: #005f2a;
        text-decoration: none; }
    #service-locations .store-locator h3 {
      color: #007a3d; }
    #service-locations .store-locator p {
      color: #8c8e8d;
      margin-bottom: 25px;
      line-height: 28px; }

/*********** Elite Client List **********/
#elite-client-banner {
  overflow: hidden; }
  #elite-client-banner .breadcrums {
    transform: rotate(-90deg);
    position: absolute;
    left: 3%;
    bottom: 40%; }
    #elite-client-banner .breadcrums a {
      font-family: "Lato-Regular";
      font-size: 10px;
      color: #007a3d; }
    #elite-client-banner .breadcrums span {
      vertical-align: middle;
      color: #007a3d; }
  #elite-client-banner .elite-client-container {
    position: relative;
    max-width: 1440px; }
    @media only screen and (min-width: 375px) and (max-width: 812px) and (orientation: landscape) {
      #elite-client-banner .elite-client-container {
        max-width: 720px; } }
    @media only screen and (min-width: 320px) and (max-width: 800px) and (orientation: landscape) {
      #elite-client-banner .elite-client-container {
        max-width: 540px; } }
    #elite-client-banner .elite-client-container .ecl-header {
      margin-left: 9.5rem; }
      @media screen and (min-width: 320px) and (max-width: 480px) {
        #elite-client-banner .elite-client-container .ecl-header {
          margin-left: 0rem; } }
      @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
        #elite-client-banner .elite-client-container .ecl-header {
          margin-left: 1rem; } }
      @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
        #elite-client-banner .elite-client-container .ecl-header {
          margin-left: 0rem; } }
      #elite-client-banner .elite-client-container .ecl-header h1 {
        font-family: "Lato-Black";
        font-size: 36px;
        color: #007a3d; }
        @media screen and (min-width: 320px) and (max-width: 480px) {
          #elite-client-banner .elite-client-container .ecl-header h1 {
            font-size: 30px; } }
        @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
          #elite-client-banner .elite-client-container .ecl-header h1 {
            font-size: 30px; } }
      #elite-client-banner .elite-client-container .ecl-header p {
        font-family: "Lato-Regular";
        font-size: 15px;
        color: #8c8e8d;
        margin: 10px 0px 20px 0px;
        width: 400px; }
        @media screen and (min-width: 320px) and (max-width: 480px) {
          #elite-client-banner .elite-client-container .ecl-header p {
            font-size: 14px;
            width: auto; } }
        @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
          #elite-client-banner .elite-client-container .ecl-header p {
            font-size: 14px;
            width: auto; } }
      #elite-client-banner .elite-client-container .ecl-header a {
        font-family: "Lato-Bold";
        font-size: 14px;
        color: #fff;
        padding: 12px;
        padding-left: 25px;
        padding-right: 25px;
        background-color: #9eca73;
        border-radius: 10px;
        padding-top: 10px;
        border: none;
        outline: none; }
        @media screen and (min-width: 320px) and (max-width: 480px) {
          #elite-client-banner .elite-client-container .ecl-header a {
            font-size: 12px; } }
        @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
          #elite-client-banner .elite-client-container .ecl-header a {
            font-size: 12px; } }
    #elite-client-banner .elite-client-container .ecl-image img {
      margin-left: 2rem;
      width: 100%; }
      @media screen and (min-width: 320px) and (max-width: 480px) {
        #elite-client-banner .elite-client-container .ecl-image img {
          margin-left: 0rem; } }
      @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
        #elite-client-banner .elite-client-container .ecl-image img {
          margin-left: 0rem; } }
  #elite-client-banner .el-banner-wrapper {
    max-width: 1440px;
    margin: auto;
    margin-top: 2rem;
    margin-bottom: 2rem; }

#ec-tabs {
  overflow: hidden; }
  #ec-tabs .tab-content {
    margin-top: 2rem; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #ec-tabs .tab-content {
        margin: 1rem; } }
    @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
      #ec-tabs .tab-content {
        margin: 1rem; } }
  #ec-tabs .tab1-filter {
    display: none; }
  #ec-tabs .nav {
    margin-left: 12px; }
  #ec-tabs .filter-section {
    margin-left: auto;
    display: flex;
    align-items: center;
    cursor: pointer; }
    #ec-tabs .filter-section span {
      margin-left: 10px;
      font-family: "Lato-Bold";
      font-size: 14px;
      color: #007a3d; }
  #ec-tabs .nav-tabs .nav-link {
    border: none;
    border-color: transparent;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    outline: none;
    border: none;
    color: #8c8e8d;
    font-family: "Lato-Regular";
    font-size: 14px;
    letter-spacing: 0.54px; }
  #ec-tabs .divider {
    align-items: center;
    display: flex; }
  #ec-tabs .nav-tabs {
    border-bottom: 0px;
    margin-left: 0rem; }
  #ec-tabs .nav-link.active {
    color: #007a3d;
    font-family: "Lato-Bold";
    text-decoration: underline; }
  @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
    #ec-tabs .list {
      width: 100%;
      display: block; } }
  #ec-tabs .list .col-sm-3 {
    margin-top: 0rem;
    margin-bottom: 2rem; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #ec-tabs .list .col-sm-3 {
        max-width: 100%; } }
    @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
      #ec-tabs .list .col-sm-3 {
        max-width: 100%; } }
  #ec-tabs #loading_image {
    display: none; }
  #ec-tabs .tab-content h6 {
    font-family: "Lato-Regular";
    font-size: 14px;
    color: #8c8e8d; }
  #ec-tabs .tab-content h4 {
    font-family: "Lato-Bold";
    font-size: 17px;
    color: #007a3d; }
  #ec-tabs .tab-content h1 {
    font-family: "Lato-Black";
    font-size: 36px;
    color: #007a3d;
    margin-bottom: 1rem; }
  #ec-tabs .tab-content p {
    font-family: "Lato-Regular";
    font-size: 15px;
    color: #8c8e8d;
    width: 400px;
    margin-bottom: 2rem;
    line-height: 28px; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #ec-tabs .tab-content p {
        width: 100%; } }
    @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
      #ec-tabs .tab-content p {
        width: 100%; } }
  #ec-tabs .tab-content .content-btm {
    margin-top: 20px; }
  #ec-tabs .tab-content i {
    margin-right: 5px; }
  #ec-tabs .tab-content .product {
    background-image: -webkit-linear-gradient(-72deg, #fff 51%, #f9f9f9 20%);
    box-shadow: 1px 1.7px 5px 0 rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    padding-top: 1rem;
    margin-bottom: 0rem;
    padding-bottom: 0.5rem;
    background-color: #f9f9f9;
    height: 100%;
    padding-left: 13px;
    padding-right: 13px; }
  #ec-tabs .tab-content a {
    margin: auto;
    margin-bottom: 2rem;
    margin-top: 1rem;
    text-align: center;
    font-family: "Lato-Bold";
    font-size: 14px;
    color: #fff;
    padding: 12px;
    padding-left: 25px;
    padding-right: 25px;
    background-color: #007a3d;
    border-radius: 10px;
    padding-top: 10px;
    border: none;
    outline: none; }

/************** FAQ *************/
#faq-section {
  margin-top: 3rem;
  padding-bottom: 3rem; }
  @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
    #faq-section {
      margin-top: 1rem; } }
  #faq-section .ui-accordion .ui-accordion-content a {
    padding: 0;
    background: none;
    border: none;
    color: #007a3d;
    font-size: 15px;
    padding: 0 !important;
    white-space: pre-wrap;
    word-wrap: break-word;
    word-break: break-all;
    white-space: normal !important;
    display: contents; }
  @media screen and (min-width: 320px) and (max-width: 480px) {
    #faq-section .ui-accordion .ui-accordion-content {
      padding: 0rem; } }
  @media screen and (min-width: 320px) and (max-width: 480px) {
    #faq-section ul {
      margin-left: -2rem; } }
  @media screen and (min-width: 320px) and (max-width: 480px) {
    #faq-section .ui-accordion-content p {
      padding: 1rem; } }
  #faq-section .breadcrums {
    transform: rotate(-90deg);
    position: absolute;
    left: 5%;
    bottom: 52%; }
    #faq-section .breadcrums a {
      font-family: "Lato-Regular";
      font-size: 10px;
      color: #007a3d; }
    #faq-section .breadcrums span {
      vertical-align: middle;
      color: #007a3d; }
  #faq-section .faq-heading {
    margin-bottom: 2rem; }
    #faq-section .faq-heading h1 {
      font-family: "Lato-Black";
      font-size: 36px;
      color: #007a3d; }
      @media screen and (min-width: 320px) and (max-width: 480px) {
        #faq-section .faq-heading h1 {
          font-size: 30px; } }
      @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
        #faq-section .faq-heading h1 {
          font-size: 30px; } }
    #faq-section .faq-heading p {
      font-family: "Lato-Regular";
      font-size: 15px;
      color: #8c8e8d;
      width: 600px; }
      @media screen and (min-width: 320px) and (max-width: 480px) {
        #faq-section .faq-heading p {
          font-size: 14px;
          width: 95%; } }
      @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
        #faq-section .faq-heading p {
          font-size: 14px;
          width: 95%; } }
    #faq-section .faq-heading input {
      width: 1170px;
      height: 69px;
      border-radius: 15px;
      box-shadow: 1px 1.7px 5px 0 rgba(0, 0, 0, 0.05);
      border: solid 1px #8c8e8d;
      background-color: #ffffff;
      padding-left: 20px;
      font-family: "Lato-Regular";
      font-size: 14px;
      color: #8c8e8d;
      outline: none; }
      @media screen and (min-width: 320px) and (max-width: 480px) {
        #faq-section .faq-heading input {
          width: 100%; } }
      @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
        #faq-section .faq-heading input {
          width: 100%; } }
      @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
        #faq-section .faq-heading input {
          width: 100%; } }
  #faq-section .accordion {
    padding-left: 3rem; }
  #faq-section .card-header {
    background-color: transparent;
    font-family: "Lato-Bold";
    font-size: 24px; }
    #faq-section .card-header a {
      color: #8c8e8d;
      outline: none;
      transform: rotate(0deg); }
    #faq-section .card-header a[aria-expanded="true"] {
      color: #007a3d;
      font-family: "Lato-Bold"; }
      #faq-section .card-header a[aria-expanded="true"] i {
        transform: rotate(90deg); }
    #faq-section .card-header i {
      margin-right: 10px;
      transform: rotate(0deg); }
  #faq-section .card-body .card-header {
    outline: none; }
    #faq-section .card-body .card-header a {
      font-family: "Lato-Bold";
      font-size: 18px;
      color: #8c8e8d;
      outline: none;
      transform: rotate(0deg); }
    #faq-section .card-body .card-header i {
      transform: rotate(0deg); }
    #faq-section .card-body .card-header a[aria-expanded="true"] {
      color: #007a3d;
      font-family: "Lato-Bold"; }
      #faq-section .card-body .card-header a[aria-expanded="true"] i {
        transform: rotate(90deg); }
  #faq-section .card-body h5,
  #faq-section .card-body ol {
    font-family: "Lato-Regular";
    font-size: 14px;
    color: #8c8e8d; }
  #faq-section .card-body h5 {
    margin-left: 2rem; }
  #faq-section .card-body ol {
    margin: 0 0 1.5em 1em;
    opacity: 0.7; }
  #faq-section .card {
    border: none; }
  #faq-section .ui-accordion .ui-accordion-header {
    padding: 0.8em 0.5em 0.8em 0.7em; }
  #faq-section #faq_accordion {
    margin-left: 2rem; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #faq-section #faq_accordion {
        margin: 0rem 1rem; } }
    @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
      #faq-section #faq_accordion {
        margin: 0rem 1rem; } }
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
      #faq-section #faq_accordion {
        margin-left: 0rem; } }
    #faq-section #faq_accordion .ui-state-default {
      background: none;
      border: none;
      border-bottom: 1px solid #8c8e8d; }
    #faq-section #faq_accordion h3 {
      font-family: "Lato-Bold";
      font-size: 24px;
      color: #8c8e8d;
      outline: none; }
      @media screen and (min-width: 320px) and (max-width: 480px) {
        #faq-section #faq_accordion h3 {
          font-size: 20px; } }
      @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
        #faq-section #faq_accordion h3 {
          font-size: 20px; } }
    #faq-section #faq_accordion .ui-widget-content {
      border: none; }
    #faq-section #faq_accordion .faq_subaccordion h3 {
      font-family: "Lato-Bold";
      font-size: 18px;
      color: #8c8e8d;
      border-radius: 0px; }
    #faq-section #faq_accordion .faq_subaccordion .ui-state-active {
      color: #007a3d; }
    #faq-section #faq_accordion .ui-state-active {
      color: #007a3d; }
  #faq-section #faq_btn_next {
    display: none;
    padding: 2px;
    font-weight: bold;
    cursor: pointer; }
  #faq-section .faq_highlight {
    font-weight: bold;
    font-style: italic;
    background: #e0f3ce;
    color: #000; }
  #faq-section h3 .faq_highlight {
    font-weight: bold;
    font-style: italic; }
  #faq-section .ui-icon,
  #faq-section .ui-widget-content .ui-icon {
    margin-right: 10px; }
  #faq-section .ui-accordion-content {
    font-family: "Lato-Regular";
    font-size: 14px;
    color: #8c8e8d; }

/*************** Owners Corner ***************/
#owners-corner {
  margin-top: 3rem;
  margin-bottom: 1rem; }
  @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
    #owners-corner {
      margin-top: 1rem; } }
  #owners-corner .breadcrums {
    left: 0%; }
  @media screen and (min-width: 320px) and (max-width: 480px) {
    #owners-corner .oc-header {
      padding-left: 1rem; } }
  #owners-corner .oc-header h1 {
    font-family: "Lato-Black";
    font-size: 36px;
    color: #007a3d; }
  #owners-corner .oc-header p {
    font-family: "Lato-Regular";
    font-size: 15px;
    color: #8c8e8d;
    width: 600px; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #owners-corner .oc-header p {
        width: auto; } }
    @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
      #owners-corner .oc-header p {
        width: auto; } }
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
      #owners-corner .oc-header p {
        width: auto; } }

#oc-tabs .form_heading {
  font-family: "Lato-Black";
  font-size: 23px;
  color: #007a3d;
  padding: 0rem 0rem 0rem 0rem; }
  @media screen and (min-width: 320px) and (max-width: 480px) {
    #oc-tabs .form_heading {
      padding: 0rem 0rem 0rem 1rem; } }
#oc-tabs p {
  font-family: "Lato-Regular";
  font-size: 15px;
  color: #8c8e8d;
  line-height: 25px;
  margin-bottom: 10px; }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    #oc-tabs p {
      padding: 0px; } }
  @media screen and (min-width: 320px) and (max-width: 480px) {
    #oc-tabs p {
      padding: 0 20px; } }
  @media screen and (min-width: 320px) and (max-width: 480px) {
    #oc-tabs p a {
      padding: 0 !important; } }
#oc-tabs .form-wrapper {
  padding: 2rem 3rem 2rem 3rem !important;
  margin-bottom: 30px; }
  #oc-tabs .form-wrapper div {
    font-family: "Lato-Regular";
    font-size: 15px;
    color: #8c8e8d;
    line-height: 25px; }
  #oc-tabs .form-wrapper .side-heading {
    display: block;
    margin-bottom: 10px; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #oc-tabs .form-wrapper .side-heading {
        padding: 0 20px; } }
  #oc-tabs .form-wrapper .banner-link {
    margin-top: 6px;
    display: inline-block; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #oc-tabs .form-wrapper .banner-link {
        margin: 6px 20px 0px 20px !important;
        width: 110px;
        text-align: center; } }
#oc-tabs a {
  color: #007a3d; }
  #oc-tabs a:hover {
    color: #007a3d; }
#oc-tabs .oc-tab-content {
  margin-bottom: 30px; }
  @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
    #oc-tabs .oc-tab-content {
      margin-bottom: 1rem; } }
  #oc-tabs .oc-tab-content h4 {
    font-family: "Lato-Black";
    font-size: 23px;
    color: #007a3d; }
  #oc-tabs .oc-tab-content p {
    font-family: "Lato-Regular";
    font-size: 15px;
    color: #8c8e8d;
    width: 383px; }
    @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
      #oc-tabs .oc-tab-content p {
        width: auto; } }
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
      #oc-tabs .oc-tab-content p {
        width: auto; } }
  #oc-tabs .oc-tab-content img {
    max-width: 100%;
    height: auto; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #oc-tabs .oc-tab-content img {
        margin-bottom: 2rem; } }
@media screen and (min-width: 320px) and (max-width: 480px) {
  #oc-tabs .gform_body {
    padding: 1rem 1rem 0rem 1rem; } }
@media screen and (min-width: 320px) and (max-width: 480px) {
  #oc-tabs form .gform_body select, #oc-tabs form .gform_body input, #oc-tabs form .gform_body textarea {
    width: 100% !important; } }
@media screen and (min-width: 320px) and (max-width: 480px) {
  #oc-tabs form .gform_body input[type="checkbox"] {
    width: auto !important; } }
@media screen and (min-width: 320px) and (max-width: 480px) {
  #oc-tabs .form-wrapper {
    padding: 1rem 0px !important;
    margin-bottom: 25px; } }
#oc-tabs form .gform_body .gchoice_5_23_1 {
  display: flex;
  align-items: center; }
#oc-tabs form .gform_body input.gfield-choice-input {
  width: auto !important; }

/*************** About Us **************/
#aboutUs-banner {
  margin-top: 3rem;
  margin-bottom: 2rem; }
  @media screen and (min-width: 320px) and (max-width: 480px) {
    #aboutUs-banner {
      margin-top: 0rem; } }
  @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
    #aboutUs-banner {
      margin-top: 0rem; } }
  #aboutUs-banner .breadcrums {
    left: 4%; }
  #aboutUs-banner .aboutUs-content {
    margin-left: 9rem; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #aboutUs-banner .aboutUs-content {
        margin: auto;
        margin-top: 2rem; } }
    @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
      #aboutUs-banner .aboutUs-content {
        margin-left: 0rem; } }
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
      #aboutUs-banner .aboutUs-content {
        margin-left: 1rem; } }
    #aboutUs-banner .aboutUs-content h1 {
      font-family: "Lato-Black";
      font-size: 36px;
      color: #007a3d; }
    #aboutUs-banner .aboutUs-content p {
      font-family: "Lato-Regular";
      font-size: 15px;
      color: #8c8e8d;
      margin: 10px 0px 20px 0px;
      width: 400px;
      line-height: 28px; }
      @media screen and (min-width: 320px) and (max-width: 480px) {
        #aboutUs-banner .aboutUs-content p {
          width: 100%; } }
      @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
        #aboutUs-banner .aboutUs-content p {
          width: 100%; } }
      @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
        #aboutUs-banner .aboutUs-content p {
          width: auto; } }
    #aboutUs-banner .aboutUs-content a {
      font-family: "Lato-Bold";
      font-size: 14px;
      color: #fff;
      padding: 12px;
      padding-left: 25px;
      padding-right: 25px;
      background-color: #9eca73;
      border-radius: 10px;
      padding-top: 10px;
      border: none;
      outline: none; }
  @media screen and (min-width: 320px) and (max-width: 480px) {
    #aboutUs-banner .aboutUs-image img {
      margin-top: 2rem;
      border-radius: 10px; } }
  @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
    #aboutUs-banner .aboutUs-image img {
      margin-top: 2rem; } }

#corporation {
  padding-top: 3rem; }
  @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
    #corporation {
      padding: 1rem 2rem; } }
  #corporation .au-corporation h1 {
    font-family: "Lato-Black";
    font-size: 36px;
    color: #007a3d; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #corporation .au-corporation h1 {
        font-size: 30px; } }
    @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
      #corporation .au-corporation h1 {
        font-size: 30px; } }
  #corporation .au-corporation p {
    font-family: "Lato-Regular";
    font-size: 15px;
    color: #8c8e8d;
    /*width: 367px;*/ }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #corporation .au-corporation p {
        width: 100%;
        font-size: 14px; } }
    @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
      #corporation .au-corporation p {
        width: auto;
        font-size: 14px; } }
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
      #corporation .au-corporation p {
        width: auto; } }
  #corporation .au-corporation img {
    float: right;
    padding-left: 10px; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #corporation .au-corporation img {
        padding-left: 0px;
        padding-bottom: 20px;
        width: 100%; } }
  #corporation .au-corporation a {
    padding: 8px 30px;
    border-radius: 50px;
    border: 3px solid #e7ede6;
    color: #fff;
    background: #007a3d;
    font-size: 14px;
    /* background: linear-gradient(0deg, rgba(0,95,42,1) 75%, rgba(42,42,43,1) 100%); */
    /* background: radial-gradient(circle, rgba(0,95,57,1) 75%, rgba(61,42,64,1) 100%); */
    /* background: linear-gradient(176deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 84%); */
    text-decoration: none;
    transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1) !important;
    position: absolute;
    /*right: 33rem;*/
    bottom: unset;
    /*
    			font-family: "Lato-Bold";
    			font-size: 14px;
    			color: #fff;
    			padding: 12px;
    			padding-left: 25px;
    			padding-right: 25px;
    			background-color: $primary_color;
    			border-radius: 10px;
    			padding-top: 10px;
    			border: none;
    			outline: none;
    			display: inline-block;
    			margin-left: 1rem;
    			position: absolute;
    		    right: 17rem;
    		    bottom: -1rem;
    */ }
    #corporation .au-corporation a:hover {
      border: 3px solid #007a3d;
      background: #fff;
      color: #005f2a;
      text-decoration: none; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #corporation .au-corporation a {
        margin-left: 0px;
        font-size: 12px;
        position: inherit;
        margin-bottom: 1rem; } }
    @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
      #corporation .au-corporation a {
        font-size: 12px;
        position: inherit;
        margin-bottom: 1rem; } }
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
      #corporation .au-corporation a {
        right: 18rem; } }
  #corporation .au-corporation .para-flex {
    float: right;
    display: flex;
    padding: 10px; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #corporation .au-corporation .para-flex {
        display: block; } }
    #corporation .au-corporation .para-flex p {
      padding: 1rem;
      line-height: 28px;
      letter-spacing: 0.3px; }
      @media screen and (min-width: 320px) and (max-width: 480px) {
        #corporation .au-corporation .para-flex p {
          padding: 0px; } }

.corporation {
  padding-top: 0rem !important; }

#values-section {
  background-color: #f4f4f4;
  padding-top: 3rem;
  padding-bottom: 3rem;
  margin-top: 6rem;
  margin-bottom: 2rem; }
  @media screen and (min-width: 320px) and (max-width: 480px) {
    #values-section {
      margin-top: 1rem; } }
  @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
    #values-section {
      margin-top: 0rem;
      padding-bottom: 1rem; } }
  #values-section .values-content-wrapper p {
    width: 483px; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #values-section .values-content-wrapper p {
        width: 100%; } }
    @media only screen and (min-width: 375px) and (max-width: 820px) and (orientation: landscape) {
      #values-section .values-content-wrapper p {
        width: auto; } }
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
      #values-section .values-content-wrapper p {
        width: auto; } }
  #values-section img {
    margin-top: -6rem;
    float: right; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #values-section img {
        margin-top: 2rem;
        float: inherit; } }
    @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
      #values-section img {
        float: inherit;
        margin-top: 2rem; } }

#ecl-section {
  padding-top: 2rem;
  padding-bottom: 4rem; }
  @media screen and (min-width: 320px) and (max-width: 480px) {
    #ecl-section .ecl-img-wrapper {
      order: 2; } }
  #ecl-section .ecl-wrapper {
    display: flex;
    align-items: center;
    padding-left: 4rem; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #ecl-section .ecl-wrapper {
        padding-left: 1rem; } }
    @media only screen and (min-width: 375px) and (max-width: 820px) and (orientation: landscape) {
      #ecl-section .ecl-wrapper {
        padding-left: 0rem; } }
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
      #ecl-section .ecl-wrapper {
        padding-left: 0rem; } }
    #ecl-section .ecl-wrapper .ecl-content h1 {
      font-family: "Lato-Black";
      font-size: 36px;
      color: #007a3d;
      margin-bottom: 1rem; }
    #ecl-section .ecl-wrapper .ecl-content p {
      font-family: "Lato-Regular";
      font-size: 15px;
      color: #8c8e8d;
      line-height: 28px;
      letter-spacing: 0.3px; }
    #ecl-section .ecl-wrapper .ecl-content .oc-points {
      display: flex;
      align-items: center;
      margin-bottom: 15px; }
      #ecl-section .ecl-wrapper .ecl-content .oc-points p {
        border: 1px solid #9eca73;
        border-radius: 50%;
        width: 30px;
        height: 30px;
        background-color: #9eca73;
        text-align: center;
        font-size: 10px;
        font-family: "Lato-Regular";
        vertical-align: middle;
        display: table-cell;
        color: #fff; }
      #ecl-section .ecl-wrapper .ecl-content .oc-points h4 {
        font-size: 14.5px;
        font-family: "Lato-Regular";
        color: #8c8e8d;
        margin-bottom: 0rem;
        margin-left: 15px; }
        #ecl-section .ecl-wrapper .ecl-content .oc-points h4 b {
          font-family: "Lato-Bold";
          color: #1a1919; }
    #ecl-section .ecl-wrapper .ecl-content a {
      display: inline-block;
      padding: 8px 30px;
      border-radius: 50px;
      border: 3px solid #e7ede6;
      color: #fff;
      background: #007a3d;
      font-size: 14px;
      text-decoration: none;
      transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1) !important;
      margin-top: 1rem;
      margin-bottom: 1rem;
      /*
      				padding: 12px;
      				padding-left: 25px;
      				padding-right: 25px;
      				font-family: "Lato-Bold";
      				font-size: 13px;
      				color: #fff;
      				text-align: center;
      				background-color: $primary_color;
      				border-radius: 10px;
      				display: inline-block;
      				margin-top: 1rem;
      				margin-bottom: 1rem;
      */ }
      #ecl-section .ecl-wrapper .ecl-content a:hover {
        border: 3px solid #007a3d;
        background: #fff;
        color: #005f2a;
        text-decoration: none; }
  #ecl-section img {
    float: right;
    margin-right: 3rem; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #ecl-section img {
        margin-right: 0rem;
        float: inherit; } }

#awards-section {
  background-color: #f4f4f4;
  padding-top: 3rem;
  padding-bottom: 3rem; }
  #awards-section .awards-wrapper {
    margin-top: 1rem; }
    @media only screen and (min-width: 375px) and (max-width: 820px) and (orientation: landscape) {
      #awards-section .awards-wrapper {
        text-align: center; } }
    @media only screen and (min-width: 375px) and (max-width: 820px) and (orientation: landscape) {
      #awards-section .awards-wrapper .wrapper {
        margin-bottom: 1rem; } }
    #awards-section .awards-wrapper h4 {
      font-family: "Lato-Regular";
      font-size: 22px;
      padding-top: 1rem;
      padding-bottom: 1rem; }
      @media only screen and (min-width: 375px) and (max-width: 820px) and (orientation: landscape) {
        #awards-section .awards-wrapper h4 {
          font-size: 14px; } }

/************* About Us Inner *********/
#aboutUs-inner-banner {
  margin-top: 3rem;
  margin-bottom: 2rem; }
  #aboutUs-inner-banner .aboutUs-content {
    margin-left: 9rem; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #aboutUs-inner-banner .aboutUs-content {
        margin-left: 0rem; } }
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
      #aboutUs-inner-banner .aboutUs-content {
        margin-left: 2rem; } }
    #aboutUs-inner-banner .aboutUs-content h1 {
      width: 400px; }
      @media screen and (min-width: 320px) and (max-width: 480px) {
        #aboutUs-inner-banner .aboutUs-content h1 {
          width: 100%; } }
    #aboutUs-inner-banner .aboutUs-content p {
      width: 300px;
      line-height: 28px; }
      @media screen and (min-width: 320px) and (max-width: 480px) {
        #aboutUs-inner-banner .aboutUs-content p {
          width: 100%; } }
  @media screen and (min-width: 320px) and (max-width: 480px) {
    #aboutUs-inner-banner .aboutUs-image img {
      border-radius: 10px; } }

/************** Statement Of Values **************/
#sov-banner {
  margin-bottom: 2rem; }
  @media screen and (min-width: 320px) and (max-width: 480px) {
    #sov-banner {
      margin: 0; } }
  #sov-banner .sov-content {
    margin-left: 9.5rem; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #sov-banner .sov-content {
        margin-left: 0rem; } }
    @media only screen and (min-width: 375px) and (max-width: 820px) and (orientation: landscape) {
      #sov-banner .sov-content {
        margin-left: 1rem; } }
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
      #sov-banner .sov-content {
        margin-left: 1rem; } }
    #sov-banner .sov-content p {
      width: 400px;
      line-height: 28px; }
      @media screen and (min-width: 320px) and (max-width: 480px) {
        #sov-banner .sov-content p {
          width: auto; } }
      @media only screen and (min-width: 375px) and (max-width: 820px) and (orientation: landscape) {
        #sov-banner .sov-content p {
          width: auto; } }
      @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
        #sov-banner .sov-content p {
          width: auto; } }
  #sov-banner .breadcrums {
    left: 3%;
    bottom: 60%; }
  #sov-banner .banner-playground {
    display: flex; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #sov-banner .banner-playground {
        display: block;
        padding-left: 0px;
        padding-right: 0px; } }
  #sov-banner .slider-wrapper {
    max-width: 1600px;
    margin: auto; }
    #sov-banner .slider-wrapper img {
      float: right;
      margin-right: -30px; }
      @media screen and (min-width: 320px) and (max-width: 480px) {
        #sov-banner .slider-wrapper img {
          margin-right: 0px;
          width: 100%;
          height: 100%; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        #sov-banner .slider-wrapper img {
          width: 100%;
          height: 100%; } }
      @media screen and (min-width: 1024px) and (max-width: 1280px) {
        #sov-banner .slider-wrapper img {
          width: 100%;
          height: 100%; } }
    #sov-banner .slider-wrapper .b-content {
      align-items: center;
      display: flex; }
    #sov-banner .slider-wrapper .slider-content {
      margin-bottom: 8rem;
      margin-left: 8.5rem;
      margin-top: 15px; }
      @media only screen and (min-width: 767px) and (max-width: 1366px) {
        #sov-banner .slider-wrapper .slider-content {
          margin-left: 7rem;
          margin-top: 0; } }
      @media screen and (min-width: 320px) and (max-width: 480px) {
        #sov-banner .slider-wrapper .slider-content {
          margin-left: 0rem;
          margin-bottom: 0; } }
      @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
        #sov-banner .slider-wrapper .slider-content {
          margin-left: 0rem;
          margin-bottom: 3rem; } }
      @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
        #sov-banner .slider-wrapper .slider-content {
          margin-left: 0rem; } }
      #sov-banner .slider-wrapper .slider-content h2, #sov-banner .slider-wrapper .slider-content h1 {
        font-family: "Lato-Black";
        font-size: 36px;
        color: #007a3d;
        width: 450px; }
        @media only screen and (min-width: 1281px) and (max-width: 1440px) {
          #sov-banner .slider-wrapper .slider-content h2, #sov-banner .slider-wrapper .slider-content h1 {
            font-size: 32px;
            width: 400px; } }
        @media only screen and (min-width: 767px) and (max-width: 1280px) {
          #sov-banner .slider-wrapper .slider-content h2, #sov-banner .slider-wrapper .slider-content h1 {
            font-size: 30px;
            width: 375px; } }
        @media screen and (min-width: 320px) and (max-width: 480px) {
          #sov-banner .slider-wrapper .slider-content h2, #sov-banner .slider-wrapper .slider-content h1 {
            font-size: 25px !important;
            margin-top: 2px;
            width: auto; } }
        @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
          #sov-banner .slider-wrapper .slider-content h2, #sov-banner .slider-wrapper .slider-content h1 {
            font-size: 20px;
            width: auto; } }
        @media only screen and (min-device-width: 768px) and (max-device-width: 1023px) and (-webkit-min-device-pixel-ratio: 1) {
          #sov-banner .slider-wrapper .slider-content h2, #sov-banner .slider-wrapper .slider-content h1 {
            font-size: 23px;
            width: 300px; } }
      #sov-banner .slider-wrapper .slider-content p {
        width: 450px;
        font-family: "Lato-Regular";
        font-size: 18px;
        padding-bottom: 1rem;
        padding-top: 10px;
        color: #000;
        line-height: 30px; }
        @media only screen and (min-width: 1281px) and (max-width: 1440px) {
          #sov-banner .slider-wrapper .slider-content p {
            width: 400px; } }
        @media only screen and (min-width: 767px) and (max-width: 1280px) {
          #sov-banner .slider-wrapper .slider-content p {
            width: 375px; } }
        @media screen and (min-width: 320px) and (max-width: 480px) {
          #sov-banner .slider-wrapper .slider-content p {
            width: auto;
            font-size: 15px !important;
            padding-bottom: 0;
            padding-top: 0;
            line-height: 25px;
            color: #666; } }
        @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
          #sov-banner .slider-wrapper .slider-content p {
            width: auto; } }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          #sov-banner .slider-wrapper .slider-content p {
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            overflow: hidden;
            text-overflow: ellipsis;
            height: 100px;
            display: -webkit-box;
            width: 290px; } }
  @media only screen and (min-width: 960px) and (max-width: 1280px) {
    #sov-banner .banner-new-home {
      top: 18%; } }
  @media only screen and (min-width: 767px) and (max-width: 960px) {
    #sov-banner .banner-new-home {
      top: 15%; } }

#sov-content-wrapper {
  margin-top: 2rem; }
  #sov-content-wrapper .sov-corporation h1 {
    font-family: "Lato-Black";
    font-size: 36px;
    color: #007a3d;
    width: 294px; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #sov-content-wrapper .sov-corporation h1 {
        width: auto; } }
  #sov-content-wrapper .sov-corporation p {
    font-family: "Lato-Regular";
    font-size: 15px;
    color: #8c8e8d;
    margin: 10px 0px 20px 0px;
    width: 400px;
    line-height: 28px;
    letter-spacing: -0.5px; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #sov-content-wrapper .sov-corporation p {
        width: auto; } }
    @media only screen and (min-width: 375px) and (max-width: 820px) and (orientation: landscape) {
      #sov-content-wrapper .sov-corporation p {
        width: auto; } }
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
      #sov-content-wrapper .sov-corporation p {
        width: auto; } }
  #sov-content-wrapper .sov-corporation a {
    font-family: "Lato-Bold";
    font-size: 14px;
    color: #fff;
    padding: 12px;
    padding-left: 25px;
    padding-right: 25px;
    background-color: #9eca73;
    border-radius: 10px;
    padding-top: 10px;
    border: none;
    outline: none; }
  #sov-content-wrapper .sov-corporation .para-flex {
    float: right;
    display: flex;
    padding: 10px;
    margin-right: 0rem; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #sov-content-wrapper .sov-corporation .para-flex {
        display: block;
        float: none; } }
  #sov-content-wrapper .sov-corporation .section__2 {
    margin-left: 2rem; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #sov-content-wrapper .sov-corporation .section__2 {
        margin-left: 0rem; } }
  #sov-content-wrapper .img-wrapper {
    margin-top: 2rem;
    justify-content: flex-end; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #sov-content-wrapper .img-wrapper {
        margin-top: 0rem;
        justify-content: center;
        margin: 0rem; } }
    @media only screen and (min-width: 375px) and (max-width: 820px) and (orientation: landscape) {
      #sov-content-wrapper .img-wrapper {
        justify-content: center; } }
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
      #sov-content-wrapper .img-wrapper {
        justify-content: center;
        margin-top: 0rem; } }
  #sov-content-wrapper img:last-child {
    margin-left: 2rem; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #sov-content-wrapper img:last-child {
        margin-left: 0rem;
        margin-top: 1rem; } }
    @media only screen and (min-width: 375px) and (max-width: 820px) and (orientation: landscape) {
      #sov-content-wrapper img:last-child {
        margin-top: 1rem; } }
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
      #sov-content-wrapper img:last-child {
        margin-top: 2rem; } }
  #sov-content-wrapper .product-desc h2 {
    font-family: "Lato-Black";
    font-size: 36px;
    color: #007a3d; }
  #sov-content-wrapper .product-desc p {
    font-family: "Lato-Regular";
    font-size: 15px;
    color: #8c8e8d;
    margin: 10px 0px 20px 0px;
    line-height: 28px;
    letter-spacing: -0.5px; }
  #sov-content-wrapper .product-desc a {
    color: #007a3d;
    padding: 0 2px !important; }

#ar-content-section h4 {
  text-align: center; }
  #ar-content-section h4 strong {
    font-family: "Lato-Black";
    font-size: 36px;
    color: #007a3d;
    margin-bottom: 0.8rem; }
#ar-content-section p {
  font-family: "Lato-Regular";
  font-size: 17px;
  color: #8c8e8d;
  line-height: 28px;
  text-align: center; }

/*************** Media Center ****************/
#media-center-banner {
  overflow: hidden;
  margin-top: 2rem; }
  #media-center-banner .mc-content {
    margin-left: 9.5rem; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #media-center-banner .mc-content {
        margin-left: 0rem; } }
    @media only screen and (min-width: 375px) and (max-width: 820px) and (orientation: landscape) {
      #media-center-banner .mc-content {
        margin-left: 1rem; } }
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
      #media-center-banner .mc-content {
        margin-left: 2rem; } }
    #media-center-banner .mc-content p {
      width: 383px; }
      @media screen and (min-width: 320px) and (max-width: 480px) {
        #media-center-banner .mc-content p {
          width: auto; } }
      @media only screen and (min-width: 375px) and (max-width: 820px) and (orientation: landscape) {
        #media-center-banner .mc-content p {
          width: auto; } }
      @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
        #media-center-banner .mc-content p {
          width: auto; } }
  #media-center-banner .breadcrums {
    left: 4%; }
  #media-center-banner .media-center-image img {
    margin-left: 1rem; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #media-center-banner .media-center-image img {
        margin-left: 0rem; } }

#internal-breadcrums .pr-wrapper {
  margin-left: 15px;
  padding-bottom: 2rem; }
  #internal-breadcrums .pr-wrapper span,
  #internal-breadcrums .pr-wrapper a {
    font-family: "Lato-Regular";
    font-size: 14px;
    color: #8c8e8d;
    margin-right: 10px;
    outline: none;
    border: none; }
  #internal-breadcrums .pr-wrapper a:hover {
    font-family: "Lato-Regular";
    font-size: 14px;
    color: #007a3d;
    font-weight: bolder; }

#press_release-section,
#aosmith_news-section,
#awards_section {
  padding-bottom: 3rem; }
  #press_release-section .pr-header p,
  #aosmith_news-section .pr-header p,
  #awards_section .pr-header p {
    width: 756px; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #press_release-section .pr-header p,
      #aosmith_news-section .pr-header p,
      #awards_section .pr-header p {
        width: auto; } }
    @media only screen and (min-width: 375px) and (max-width: 820px) and (orientation: landscape) {
      #press_release-section .pr-header p,
      #aosmith_news-section .pr-header p,
      #awards_section .pr-header p {
        width: auto; } }
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
      #press_release-section .pr-header p,
      #aosmith_news-section .pr-header p,
      #awards_section .pr-header p {
        width: auto; } }
  #press_release-section .nav-item,
  #aosmith_news-section .nav-item,
  #awards_section .nav-item {
    display: none; }
  @media screen and (min-width: 320px) and (max-width: 480px) {
    #press_release-section .tabs-dropdown,
    #aosmith_news-section .tabs-dropdown,
    #awards_section .tabs-dropdown {
      padding-left: 1rem; } }
  @media screen and (min-width: 320px) and (max-width: 480px) {
    #press_release-section .tabs-dropdown select,
    #aosmith_news-section .tabs-dropdown select,
    #awards_section .tabs-dropdown select {
      width: 100px;
      height: 48px;
      background-color: #007a3d;
      color: #fff;
      border-radius: 50px; } }
  @media screen and (min-width: 320px) and (max-width: 480px) {
    #press_release-section .tabs-dropdown:after,
    #aosmith_news-section .tabs-dropdown:after,
    #awards_section .tabs-dropdown:after {
      position: absolute;
      right: 52px;
      top: 1.7rem;
      color: #8c8e8d;
      left: 22%;
      color: #fff;
      pointer-events: none; } }
  @media only screen and (max-width: 320px) {
    #press_release-section .tabs-dropdown:after,
    #aosmith_news-section .tabs-dropdown:after,
    #awards_section .tabs-dropdown:after {
      left: 26%; } }
  #press_release-section .nav-item,
  #aosmith_news-section .nav-item,
  #awards_section .nav-item {
    border: none;
    outline: none;
    margin-left: 15px;
    margin-bottom: 15px; }
  #press_release-section .nav-tabs,
  #aosmith_news-section .nav-tabs,
  #awards_section .nav-tabs {
    border: none;
    border-color: transparent;
    margin-left: 0px;
    margin-top: 2rem; }
  #press_release-section .nav-tabs .nav-item.show .nav-link,
  #press_release-section .nav-tabs .nav-link.active,
  #aosmith_news-section .nav-tabs .nav-item.show .nav-link,
  #aosmith_news-section .nav-tabs .nav-link.active,
  #awards_section .nav-tabs .nav-item.show .nav-link,
  #awards_section .nav-tabs .nav-link.active {
    border-color: transparent;
    outline: none; }
  #press_release-section .nav-link,
  #aosmith_news-section .nav-link,
  #awards_section .nav-link {
    border: 1px solid #8c8e8d;
    width: 100px;
    height: 40px;
    border-radius: 20px;
    text-align: center;
    font-size: 14px;
    font-family: "Lato-Bold";
    color: #8c8e8d;
    display: flex;
    justify-content: center;
    align-items: center; }
  #press_release-section .nav-link.active,
  #aosmith_news-section .nav-link.active,
  #awards_section .nav-link.active {
    background-color: #007a3d;
    border-color: #007a3d;
    color: #fff; }
  #press_release-section .tab-content,
  #aosmith_news-section .tab-content,
  #awards_section .tab-content {
    margin-top: 3rem; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #press_release-section .tab-content,
      #aosmith_news-section .tab-content,
      #awards_section .tab-content {
        margin-top: 1rem; } }
  #press_release-section .press-content,
  #press_release-section .news-content,
  #aosmith_news-section .press-content,
  #aosmith_news-section .news-content,
  #awards_section .press-content,
  #awards_section .news-content {
    padding: 2rem 2rem 2rem 0rem;
    transition: 0.5s ease-out;
    margin-bottom: 2rem; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #press_release-section .press-content,
      #press_release-section .news-content,
      #aosmith_news-section .press-content,
      #aosmith_news-section .news-content,
      #awards_section .press-content,
      #awards_section .news-content {
        padding: 0rem;
        margin-bottom: 0rem; } }
    #press_release-section .press-content h4,
    #press_release-section .news-content h4,
    #aosmith_news-section .press-content h4,
    #aosmith_news-section .news-content h4,
    #awards_section .press-content h4,
    #awards_section .news-content h4 {
      font-family: "Lato-Regular";
      font-size: 21px;
      color: #8c8e8d; }
    #press_release-section .press-content p,
    #press_release-section .news-content p,
    #aosmith_news-section .press-content p,
    #aosmith_news-section .news-content p,
    #awards_section .press-content p,
    #awards_section .news-content p {
      font-family: "Lato-Bold";
      font-size: 13px;
      color: #007a3d; }
    #press_release-section .press-content a,
    #press_release-section .news-content a,
    #aosmith_news-section .press-content a,
    #aosmith_news-section .news-content a,
    #awards_section .press-content a,
    #awards_section .news-content a {
      text-decoration: none; }
  #press_release-section .press-content:hover,
  #press_release-section .news-content:hover,
  #aosmith_news-section .press-content:hover,
  #aosmith_news-section .news-content:hover,
  #awards_section .press-content:hover,
  #awards_section .news-content:hover {
    background-color: #9eca73;
    padding: 2rem;
    border-radius: 10px;
    box-shadow: 3px 5.2px 20px 0 rgba(0, 0, 0, 0.19);
    transition: 0.5s ease-in-out; }
    #press_release-section .press-content:hover h4,
    #press_release-section .news-content:hover h4,
    #aosmith_news-section .press-content:hover h4,
    #aosmith_news-section .news-content:hover h4,
    #awards_section .press-content:hover h4,
    #awards_section .news-content:hover h4 {
      font-family: "Lato-Bold";
      font-size: 21px;
      color: #fff; }
    #press_release-section .press-content:hover p,
    #press_release-section .news-content:hover p,
    #aosmith_news-section .press-content:hover p,
    #aosmith_news-section .news-content:hover p,
    #awards_section .press-content:hover p,
    #awards_section .news-content:hover p {
      font-family: "Lato-Bold";
      font-size: 13px;
      color: #fff; }

.entry-header .entry-title {
  display: none !important; }

.woocommerce-product-gallery__wrapper
> .woocommerce-product-gallery__image:first-child {
  display: none !important; }

.single-product
.woocommerce-product-gallery
.woocommerce-product-gallery__trigger,
.post-navigation {
  display: none; }

.woocommerce .products .star-rating {
  display: none !important; }

.product-type .price {
  margin-bottom: 1rem;
  display: block; }

.product-type .price span {
  font-size: 25px;
  color: #007a3d;
  font-family: "Lato-Bold"; }

.woocommerce-product-gallery {
  width: 100% !important; }
  .woocommerce-product-gallery .product-slider img {
    margin: 0 auto;
    width: 323px !important; }

#cust-satisfaction .images-wrapper {
  text-align: center;
  display: flex;
  justify-content: center;
  margin-left: 3rem; }
  @media screen and (min-width: 320px) and (max-width: 480px) {
    #cust-satisfaction .images-wrapper {
      margin-left: 0rem;
      display: block; } }
  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
    #cust-satisfaction .images-wrapper {
      display: block;
      margin-left: 0rem;
      margin-bottom: 4rem; } }
  #cust-satisfaction .images-wrapper img:first-child {
    margin-bottom: 1rem; }
#cust-satisfaction .para-flex {
  float: right;
  display: flex;
  padding: 10px;
  margin-right: 5rem; }
  @media screen and (min-width: 320px) and (max-width: 480px) {
    #cust-satisfaction .para-flex {
      margin-right: 0rem; } }
  #cust-satisfaction .para-flex p {
    padding: 1rem;
    line-height: 28px;
    text-align: justify;
    letter-spacing: -0.14px; }
#cust-satisfaction .img-wrapper {
  margin-top: 2rem;
  justify-content: flex-end; }
#cust-satisfaction img:last-child {
  margin-left: 2rem; }
  @media screen and (min-width: 320px) and (max-width: 480px) {
    #cust-satisfaction img:last-child {
      margin-left: 0rem; } }
#cust-satisfaction h1 {
  font-family: "Lato-Black";
  font-size: 36px;
  color: #007a3d; }
#cust-satisfaction p {
  font-family: "Lato-Regular";
  font-size: 15px;
  color: #8c8e8d;
  width: 367px; }
  @media screen and (min-width: 320px) and (max-width: 480px) {
    #cust-satisfaction p {
      width: 100%; } }
  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
    #cust-satisfaction p {
      width: auto; } }
#cust-satisfaction a {
  font-family: "Lato-Bold";
  font-size: 14px;
  color: #fff;
  padding: 12px;
  padding-left: 25px;
  padding-right: 25px;
  background-color: #007a3d;
  border-radius: 10px;
  padding-top: 10px;
  border: none;
  outline: none;
  display: inline-block;
  margin-left: 1rem; }
#cust-satisfaction .para-flex {
  float: right;
  display: flex;
  padding: 10px;
  margin-bottom: 2rem; }
  @media screen and (min-width: 320px) and (max-width: 480px) {
    #cust-satisfaction .para-flex {
      display: block;
      float: none; } }
  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
    #cust-satisfaction .para-flex {
      margin-bottom: 0rem; } }
  #cust-satisfaction .para-flex p {
    padding: 1rem;
    line-height: 28px;
    text-align: justify;
    letter-spacing: -0.44px; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #cust-satisfaction .para-flex p {
        padding-left: 0rem;
        margin-bottom: 0rem; } }

#press_release-section,
#aosmith_news-section,
#awards_section {
  background-color: #f4f4f4;
  padding: 3rem 0rem 3rem 0rem; }

#campaign-section {
  margin-top: 3rem;
  margin-bottom: 3rem;
  background-color: #f4f4f4;
  padding: 2rem 0rem; }
  #campaign-section .campaign-header {
    margin-bottom: 2rem; }
  #campaign-section .campaign-wrapper {
    margin-bottom: 30px;
    cursor: pointer; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #campaign-section .campaign-wrapper {
        text-align: center; } }
    #campaign-section .campaign-wrapper .play-icon {
      position: absolute;
      left: 50%;
      top: 25%;
      margin-left: -25px;
      font-size: 50px; }
      @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
        #campaign-section .campaign-wrapper .play-icon {
          top: 15%; } }
    #campaign-section .campaign-wrapper h4 {
      font-family: "Lato-Regular";
      font-size: 22px;
      color: #1a1919;
      padding: 10px; }
  #campaign-section .embed-responsive-item {
    width: 350px;
    height: 199px; }

.modal h5 {
  font-family: "Lato-Regular";
  font-size: 21px;
  color: #8c8e8d; }
.modal p {
  font-family: "Lato-Bold";
  font-size: 13px;
  color: #007a3d; }
.modal .modal-dialog {
  max-width: 600px; }
.modal .modal-header {
  padding: 1rem 3rem 2rem 3rem;
  text-align: center;
  border-bottom: 0px; }
  .modal .modal-header p {
    padding-top: 10px;
    margin: auto; }
.modal .close {
  margin-left: auto;
  margin-right: 10px;
  margin-top: 10px;
  outline: none;
  border: none; }
.modal .modal-body {
  margin: auto;
  text-align: center; }
  .modal .modal-body .news_content {
    display: grid;
    margin-right: 2rem;
    margin-bottom: 2rem; }
    .modal .modal-body .news_content .modal_btn {
      display: block;
      width: 84px;
      height: 32px;
      font-family: "Lato-Bold";
      font-size: 10px;
      color: #fff;
      background-color: #007a3d;
      padding-top: 8px;
      border-radius: 10px;
      margin: auto;
      margin-top: 20px; }
      @media screen and (min-width: 320px) and (max-width: 480px) {
        .modal .modal-body .news_content .modal_btn {
          font-size: 8px !important; } }

/************ Media Press Release ***************/
#mp_press_release {
  padding-bottom: 3rem;
  margin-top: 3rem; }
  #mp_press_release .container {
    position: relative; }
  #mp_press_release .breadcrums {
    bottom: 78%;
    left: -13%; }
  @media screen and (min-width: 320px) and (max-width: 480px) {
    #mp_press_release .tabs-dropdown {
      padding-left: 1rem; } }
  @media screen and (min-width: 320px) and (max-width: 480px) {
    #mp_press_release .tabs-dropdown select {
      width: 100px;
      height: 48px;
      background-color: #007a3d;
      color: #fff;
      border-radius: 50px; } }
  #mp_press_release .nav-item {
    display: none; }
  @media screen and (min-width: 320px) and (max-width: 480px) {
    #mp_press_release .tabs-dropdown:after {
      position: absolute;
      right: 52px;
      top: 1.7rem;
      color: #8c8e8d;
      left: 22%;
      color: #fff;
      pointer-events: none; } }
  @media only screen and (max-width: 320px) {
    #mp_press_release .tabs-dropdown:after {
      left: 26%; } }
  #mp_press_release .pr-header p {
    width: 756px; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #mp_press_release .pr-header p {
        width: auto; } }
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
      #mp_press_release .pr-header p {
        width: auto; } }
  #mp_press_release .nav-item {
    border: none;
    outline: none;
    margin-left: 15px; }
  #mp_press_release .nav-tabs {
    border: none;
    border-color: transparent;
    margin-left: 0px;
    margin-top: 2rem; }
  #mp_press_release .nav-tabs .nav-item.show .nav-link,
  #mp_press_release .nav-tabs .nav-link.active {
    border-color: transparent;
    outline: none; }
  #mp_press_release .nav-link {
    border: 1px solid #8c8e8d;
    width: 100px;
    height: 40px;
    border-radius: 20px;
    text-align: center;
    font-size: 14px;
    font-family: "Lato-Bold";
    color: #8c8e8d;
    display: flex;
    justify-content: center;
    align-items: center; }
  #mp_press_release .nav-link.active {
    background-color: #007a3d;
    border-color: #007a3d;
    color: #fff; }
  #mp_press_release .tab-content {
    margin-top: 3rem; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #mp_press_release .tab-content {
        margin-top: 1rem; } }
  #mp_press_release .press-content,
  #mp_press_release .news-content {
    padding: 2rem 2rem 2rem 0rem;
    transition: 0.5s ease-out;
    margin-bottom: 2rem; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #mp_press_release .press-content,
      #mp_press_release .news-content {
        padding: 0rem;
        margin-bottom: 0rem; } }
    #mp_press_release .press-content h4,
    #mp_press_release .news-content h4 {
      font-family: "Lato-Regular";
      font-size: 21px;
      color: #8c8e8d; }
    #mp_press_release .press-content p,
    #mp_press_release .news-content p {
      font-family: "Lato-Bold";
      font-size: 13px;
      color: #007a3d; }
    #mp_press_release .press-content a,
    #mp_press_release .news-content a {
      text-decoration: none; }
  #mp_press_release .press-content:hover,
  #mp_press_release .news-content:hover {
    background-color: #9eca73;
    padding: 2rem;
    border-radius: 10px;
    box-shadow: 3px 5.2px 20px 0 rgba(0, 0, 0, 0.19);
    transition: 0.5s ease-in-out; }
    #mp_press_release .press-content:hover h4,
    #mp_press_release .news-content:hover h4 {
      font-family: "Lato-Bold";
      font-size: 21px;
      color: #fff; }
    #mp_press_release .press-content:hover p,
    #mp_press_release .news-content:hover p {
      font-family: "Lato-Bold";
      font-size: 13px;
      color: #fff; }

#abt-aosmith-corp {
  margin-top: -2rem;
  background-color: #f4f4f4;
  padding: 6rem 0rem 3rem 0rem; }
  #abt-aosmith-corp h1 {
    font-family: "Lato-Black";
    font-size: 36px;
    color: #007a3d; }
  #abt-aosmith-corp p {
    font-family: "Lato-Regular";
    font-size: 15px;
    color: #8c8e8d;
    text-align: justify;
    letter-spacing: -0.14px;
    line-height: 28px; }

#aosmith_promise__1 {
  background-color: #f4f4f4;
  padding: 8rem 0rem 4rem 0rem;
  margin-top: -3rem; }
  @media screen and (min-width: 320px) and (max-width: 480px) {
    #aosmith_promise__1 {
      margin-top: 2rem;
      padding: 3rem 0rem 4rem 0rem; } }
  #aosmith_promise__1 ul {
    list-style: none;
    margin: 0;
    padding: 0;
    font-family: "Lato-Regular";
    font-size: 15px;
    color: #8c8e8d;
    line-height: 28px; }
  @media screen and (min-width: 320px) and (max-width: 480px) {
    #aosmith_promise__1 h1 {
      margin-bottom: 1rem; } }

#aosmith_promise__3,
#aosmith_promise__5 {
  background-color: #f4f4f4;
  padding: 4rem 0rem 4rem 0rem; }
  @media screen and (min-width: 320px) and (max-width: 480px) {
    #aosmith_promise__3,
    #aosmith_promise__5 {
      padding: 2rem 0rem 0rem 0rem; } }
  #aosmith_promise__3 ul,
  #aosmith_promise__5 ul {
    list-style: none;
    color: #8c8e8d;
    margin: 0;
    padding: 0;
    font-family: "Lato-Regular";
    font-size: 15px;
    color: #8c8e8d;
    line-height: 28px; }

#aosmith_promise__2,
#aosmith_promise__4,
#aosmith_promise__6 {
  margin-top: 2rem;
  margin-bottom: 2rem;
  padding: 4rem 0rem 4rem 0rem; }
  @media screen and (min-width: 320px) and (max-width: 480px) {
    #aosmith_promise__2,
    #aosmith_promise__4,
    #aosmith_promise__6 {
      padding: 0rem 0rem 0rem 0rem; } }
  @media only screen and (min-width: 375px) and (max-width: 820px) and (orientation: landscape) {
    #aosmith_promise__2,
    #aosmith_promise__4,
    #aosmith_promise__6 {
      padding: 0rem 1rem; } }
  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
    #aosmith_promise__2,
    #aosmith_promise__4,
    #aosmith_promise__6 {
      padding: 2rem 0rem; } }
  #aosmith_promise__2 ul,
  #aosmith_promise__4 ul,
  #aosmith_promise__6 ul {
    list-style: none;
    margin: 0;
    padding: 0;
    font-family: "Lato-Regular";
    font-size: 15px;
    color: #8c8e8d;
    line-height: 28px; }

#aosmith_news-section {
  background-color: #fff;
  padding: 3.7rem 0rem 3rem 0rem; }
  @media screen and (min-width: 320px) and (max-width: 480px) {
    #aosmith_news-section {
      padding: 3rem 0rem 3rem 0rem; } }
  #aosmith_news-section .nav-item {
    display: none; }

/************ Media Press Release View **********/
#media-center-view .breadcrums {
  left: -5%;
  bottom: 46%; }
#media-center-view .bi-container {
  position: relative; }
#media-center-view .bi-banner-wrapper {
  margin-top: 2rem; }
  #media-center-view .bi-banner-wrapper .bi-header-tag {
    width: 123px;
    height: 31px;
    border-radius: 10px;
    background-color: #9eca73;
    display: table;
    margin-bottom: 1rem; }
    #media-center-view .bi-banner-wrapper .bi-header-tag h6 {
      font-family: "Lato-Bold";
      font-size: 13px;
      color: #fff;
      display: table-cell;
      vertical-align: middle;
      text-align: center; }
#media-center-view .bi-header-name {
  margin-bottom: 2rem; }
  #media-center-view .bi-header-name h1 {
    font-family: "Lato-Black";
    font-size: 36px;
    color: #007a3d;
    margin-bottom: 1rem; }
  #media-center-view .bi-header-name p {
    font-family: "Lato-Bold";
    font-size: 13px;
    color: #8c8e8d; }
#media-center-view .bi-social-icons {
  margin-bottom: 2rem; }
  #media-center-view .bi-social-icons span {
    font-family: "Lato-Bold";
    font-size: 14px;
    color: #8c8e8d; }
  #media-center-view .bi-social-icons i {
    color: #8c8e8d;
    margin-left: 15px; }
  #media-center-view .bi-social-icons a:focus {
    outline: none;
    border: none; }
#media-center-view .bi-banner-img {
  margin-left: auto; }
#media-center-view .banner-img {
  max-width: 1440px; }
#media-center-view .bi-inner-content-playground {
  margin-top: 1rem; }
  #media-center-view .bi-inner-content-playground .bi-content h4 {
    margin: auto;
    font-family: "Lato-Regular";
    font-size: 27px;
    color: #007a3d;
    line-height: 40px;
    font-style: italic; }
  #media-center-view .bi-inner-content-playground .bi-content p {
    width: 1000px;
    margin: auto;
    font-family: "Lato-Regular";
    font-size: 17px;
    color: #8c8e8d;
    line-height: 34px;
    margin-top: 2rem; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #media-center-view .bi-inner-content-playground .bi-content p {
        width: auto; } }
    @media only screen and (min-width: 375px) and (max-width: 820px) and (orientation: landscape) {
      #media-center-view .bi-inner-content-playground .bi-content p {
        width: auto; } }
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
      #media-center-view .bi-inner-content-playground .bi-content p {
        width: auto; } }
  #media-center-view .bi-inner-content-playground .bi-title span {
    padding: 10px;
    border: 1px solid;
    border-radius: 10px;
    width: 10px;
    height: 10px; }
  #media-center-view .bi-inner-content-playground .bi-title p {
    margin-top: 1rem; }
  #media-center-view .bi-inner-content-playground .bi-title i {
    font-size: 13px;
    margin-right: 10px;
    font-weight: bolder; }
  #media-center-view .bi-inner-content-playground .bi-title h5 {
    display: flex;
    align-items: center; }
  #media-center-view .bi-inner-content-playground .content-about {
    margin-top: 2rem;
    margin-bottom: 3rem; }
    #media-center-view .bi-inner-content-playground .content-about h5 {
      margin: auto;
      font-family: "Lato-Bold";
      font-size: 24px;
      color: #007a3d;
      margin-top: 2rem; }
    #media-center-view .bi-inner-content-playground .content-about p {
      margin: auto;
      font-family: "Lato-Regular";
      font-size: 17px;
      color: #8c8e8d;
      line-height: 34px;
      margin-top: 1rem;
      margin-bottom: 2rem; }
    #media-center-view .bi-inner-content-playground .content-about .website {
      font-family: "Lato-Bold";
      font-size: 17px;
      color: #007a3d; }
    #media-center-view .bi-inner-content-playground .content-about .download {
      font-family: "Lato-Bold";
      font-size: 14px;
      color: #fff;
      padding: 12px;
      padding-left: 25px;
      padding-right: 25px;
      background-color: #007a3d;
      border-radius: 10px;
      padding-top: 10px;
      border: none;
      outline: none;
      display: inline-block;
      margin-top: 0.5rem; }
    #media-center-view .bi-inner-content-playground .content-about i {
      font-size: 13px;
      margin-right: 10px;
      font-weight: bolder; }

/************** Contact Us ************/
#contact-us {
  margin-top: 3rem; }
  @media screen and (min-width: 320px) and (max-width: 480px) {
    #contact-us {
      margin-top: 2rem; } }
  @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
    #contact-us {
      margin-top: 1rem; } }
  @media screen and (min-width: 320px) and (max-width: 480px) {
    #contact-us .tabs-dropdown select {
      background-color: #007a3d;
      color: #fff; } }
  @media screen and (min-width: 320px) and (max-width: 480px) {
    #contact-us .tabs-dropdown:after {
      color: #fff; } }
  #contact-us .nav-link {
    outline: none;
    height: 86%;
    position: relative; }
    #contact-us .nav-link h4 {
      font-family: "Lato-Bold";
      font-size: 28px;
      color: #007a3d; }
    #contact-us .nav-link h6,
    #contact-us .nav-link p {
      font-family: "Lato-Regular";
      font-size: 14px;
      color: #8c8e8d; }
  #contact-us .nav-link.active {
    box-shadow: 3px 5.2px 20px 0 rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    padding: 2rem;
    margin-top: 2rem;
    margin-bottom: 2rem;
    padding-left: 1.6rem;
    background-color: #007a3d; }
    #contact-us .nav-link.active .address {
      padding-bottom: 1rem; }
    #contact-us .nav-link.active h4 {
      font-family: "Lato-Bold";
      font-size: 28px;
      color: #fff;
      padding-bottom: 1rem;
      padding-top: 0.5rem; }
    #contact-us .nav-link.active h6 {
      font-family: "Lato-Regular";
      font-size: 14px;
      color: #fff; }
    #contact-us .nav-link.active p {
      font-family: "Lato-Regular";
      font-size: 14px;
      color: #fff; }
    #contact-us .nav-link.active .grid {
      display: flex;
      flex-wrap: wrap; }
      #contact-us .nav-link.active .grid .grid-section {
        width: 50%;
        padding-bottom: 0.5rem; }
  #contact-us .nav-link::before {
    content: ''; }
  #contact-us .nav-link.active::before {
    content: '\f0d7';
    font-family: fontAwesome;
    position: absolute;
    bottom: -7%;
    left: 49%;
    font-size: 30px;
    color: #007a3d; }
  #contact-us .nav-item {
    width: 530px; }
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
      #contact-us .nav-item {
        width: 320px; } }
    @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) {
      #contact-us .nav-item {
        width: 440px; } }
  #contact-us .nav-item:last-child {
    margin-left: 2rem; }
  #contact-us .nav-link {
    box-shadow: 3px 5.2px 20px 0 rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    padding: 2rem;
    margin-top: 2rem;
    margin-bottom: 2rem;
    padding-left: 1.6rem; }
    #contact-us .nav-link .address {
      padding-bottom: 1rem; }
    #contact-us .nav-link h4 {
      font-family: "Lato-Bold";
      font-size: 28px;
      color: #007a3d;
      padding-bottom: 1rem;
      padding-top: 0.5rem; }
    #contact-us .nav-link h6 {
      font-family: "Lato-Regular";
      font-size: 14px;
      color: #8c8e8d; }
    #contact-us .nav-link p {
      font-family: "Lato-Regular";
      font-size: 14px;
      color: #8c8e8d; }
    #contact-us .nav-link .grid {
      display: flex;
      flex-wrap: wrap; }
      #contact-us .nav-link .grid .grid-section {
        width: 50%;
        padding-bottom: 0.5rem; }
  #contact-us .nav-tabs {
    margin: auto; }
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
      #contact-us .nav-tabs {
        justify-content: center; } }
    @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) {
      #contact-us .nav-tabs {
        justify-content: center; } }

#trade_inquiry {
  background-color: #f4f4f4;
  padding: 3rem 0rem 3rem 0rem; }

#contact-faq {
  padding: 3rem 0rem 3rem 0rem; }
  #contact-faq .faq-header {
    margin: auto; }
    #contact-faq .faq-header h1 {
      font-family: "Lato-Black";
      font-size: 36px;
      color: #007a3d;
      text-align: center; }
    #contact-faq .faq-header p {
      font-family: "Lato-Regular";
      font-size: 15px;
      color: #8c8e8d;
      margin: 10px 0px 20px 0px;
      margin: auto;
      text-align: center;
      width: 500px;
      line-height: 28px; }
      @media screen and (min-width: 320px) and (max-width: 480px) {
        #contact-faq .faq-header p {
          padding: 0rem 1rem;
          width: auto; } }
  #contact-faq .outer-cell {
    display: table;
    border-spacing: 20px; }
    #contact-faq .outer-cell a {
      width: 265px;
      height: 63px;
      border-radius: 10px;
      border: solid 1px #8c8e8d;
      text-align: left;
      display: table-cell;
      align-items: center;
      text-decoration: none;
      vertical-align: middle;
      color: #8c8e8d;
      padding-left: 20px;
      outline: none; }
    #contact-faq .outer-cell a:hover {
      background: #007a3d;
      color: #fff;
      border: none; }
    #contact-faq .outer-cell i {
      padding-right: 20px;
      float: right; }

/*************** Search Page *****************/
#search-result {
  margin-top: 0rem; }
  #search-result .search-subtitle h4 {
    font-family: "Lato-Bold";
    font-size: 22.5px;
    color: #007a3d; }
  #search-result .vl {
    border-left: 2px solid #007a3d;
    margin-right: 3rem;
    padding-left: 2rem;
    margin-left: 0rem; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #search-result .vl {
        margin-right: 1rem; } }
    #search-result .vl .col-sm-4 {
      margin-bottom: 30px; }
      @media screen and (min-width: 320px) and (max-width: 480px) {
        #search-result .vl .col-sm-4 {
          margin-bottom: 20px; } }
      @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
        #search-result .vl .col-sm-4 {
          max-width: 100%;
          flex: 0 0 100%; } }
      @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
        #search-result .vl .col-sm-4 {
          max-width: 50%;
          flex: 0 0 50%; } }
  #search-result .amount {
    color: #007a3d !important; }
  #search-result .product-cls {
    background-image: -webkit-linear-gradient(-72deg, #fff 33%, rgba(214, 226, 213, 0.5) 23%);
    box-shadow: 1px 1.7px 5px 0 rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    padding-top: 2rem;
    padding-left: 0.7rem;
    margin-bottom: 30px;
    padding-bottom: 0.5rem;
    background-color: #f4f4f4;
    height: 100%; }
    #search-result .product-cls h4 {
      text-transform: uppercase;
      font-family: "Lato-Bold";
      font-size: 20px;
      color: #007a3d;
      padding-left: 10px; }
    #search-result .product-cls h6 {
      font-family: "Lato-Regular";
      font-size: 14px;
      color: #8c8e8d;
      padding: 0 20px 0 10px;
      line-height: 19px; }
    #search-result .product-cls .amount {
      font-family: "Lato-Bold";
      font-size: 20px;
      color: #1a1919;
      padding-left: 10px;
      padding-top: 0.6rem;
      padding-bottom: 1rem; }
    #search-result .product-cls img {
      width: 150px; }
    #search-result .product-cls .product-btn {
      padding-left: 5px; }
    #search-result .product-cls button,
    #search-result .product-cls .compare {
      width: 107px;
      height: 32px;
      border-radius: 10px;
      font-family: "Lato-Bold";
      font-size: 11px;
      color: #fff;
      margin-bottom: 1rem; }
    #search-result .product-cls button:first-child {
      background-color: #007a3d; }
    #search-result .product-cls button:last-child,
    #search-result .product-cls .compare {
      background-color: #8c8e8d;
      margin-left: 10px; }
    #search-result .product-cls a.compare {
      font-size: 0; }
    #search-result .product-cls a.compare:after {
      content: "Add to Compare";
      font-size: 11px;
      vertical-align: middle;
      text-align: center;
      position: relative;
      top: 9px; }
    #search-result .product-cls .compare {
      text-align: center;
      vertical-align: middle; }
    #search-result .product-cls .view_prod {
      padding: 8px 30px;
      border-radius: 50px;
      border: 3px solid #e7ede6;
      color: #fff;
      height: auto;
      width: auto;
      background: #007a3d !important;
      font-size: 14px;
      text-decoration: none;
      transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1) !important; }
      #search-result .product-cls .view_prod:hover {
        border: 3px solid #007a3d;
        background: #fff !important;
        color: #005f2a;
        text-decoration: none; }
  #search-result .new-section {
    margin-top: 3rem; }
  #search-result .news-content {
    padding: 2rem 2rem 2rem 0rem;
    transition: 0.5s ease-out;
    margin-bottom: 2rem; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #search-result .news-content {
        margin-bottom: 0rem;
        padding: 0rem; } }
    #search-result .news-content h4 {
      font-family: "Lato-Regular";
      font-size: 21px;
      color: #8c8e8d; }
    #search-result .news-content p {
      font-family: "Lato-Bold";
      font-size: 13px;
      color: #007a3d; }
    #search-result .news-content a {
      text-decoration: none; }
  #search-result .news-content:hover {
    background-color: #9eca73;
    padding: 2rem;
    border-radius: 10px;
    box-shadow: 3px 5.2px 20px 0 rgba(0, 0, 0, 0.19);
    transition: 0.5s ease-in-out; }
    #search-result .news-content:hover h4 {
      font-family: "Lato-Bold";
      font-size: 21px;
      color: #fff; }
    #search-result .news-content:hover p {
      font-family: "Lato-Bold";
      font-size: 13px;
      color: #fff; }

.product-details-wrapper .woocommerce-review-link {
  display: none; }
.product-details-wrapper .woocommerce-product-rating {
  display: inline-block !important; }
.product-details-wrapper .cart {
  width: auto;
  display: inline-block;
  margin: 0; }
.product-details-wrapper .compare {
  display: inline-block;
  vertical-align: top; }

#commentform .stars {
  display: none; }

.avlpin {
  background-color: #fff !important;
  border: 0 !important;
  padding-left: 0 !important; }

#change_pin {
  background-color: #007a3d !important;
  width: 110px;
  border-radius: 10px;
  color: #fff;
  font-family: "Lato-Bold" !important;
  font-size: 13px !important;
  padding: 15px !important;
  text-transform: capitalize !important; }

.delivery-info-wrap {
  display: none; }

.del_note {
  border-left: 1px solid #8c8e8d;
  padding-left: 10px; }

/************* Commercial Landing page *************/
#commercial-banner {
  margin-top: 3rem;
  margin-bottom: 2rem; }
  @media screen and (min-width: 320px) and (max-width: 480px) {
    #commercial-banner {
      margin-top: 2rem; } }
  @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
    #commercial-banner {
      margin-top: 0rem; } }
  #commercial-banner .com-banner-img {
    padding-right: 0px; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #commercial-banner .com-banner-img {
        padding-right: 15px; } }
    #commercial-banner .com-banner-img img {
      float: right; }
      @media screen and (min-width: 320px) and (max-width: 480px) {
        #commercial-banner .com-banner-img img {
          overflow: hidden; } }
  #commercial-banner .commercial-banner-content {
    margin-left: 9rem; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #commercial-banner .commercial-banner-content {
        margin-left: 0rem; } }
    @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
      #commercial-banner .commercial-banner-content {
        margin-left: 0rem; } }
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
      #commercial-banner .commercial-banner-content {
        margin-left: 2rem; } }
    #commercial-banner .commercial-banner-content h1 {
      font-family: "Lato-Black";
      font-size: 36px;
      color: #007a3d; }
    #commercial-banner .commercial-banner-content p {
      font-family: "Lato-Regular";
      font-size: 15px;
      color: #8c8e8d;
      margin: 10px 0px 20px 0px;
      width: 400px; }
      @media screen and (min-width: 320px) and (max-width: 480px) {
        #commercial-banner .commercial-banner-content p {
          width: auto; } }
      @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
        #commercial-banner .commercial-banner-content p {
          width: auto; } }
    #commercial-banner .commercial-banner-content a {
      font-family: "Lato-Bold";
      font-size: 14px;
      color: #fff;
      padding: 12px;
      padding-left: 25px;
      padding-right: 25px;
      background-color: #9eca73;
      border-radius: 10px;
      padding-top: 10px;
      border: none;
      outline: none; }

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
  #commercial-tabs .row_center {
    justify-content: center; } }
#commercial-tabs .commerical-tab-content {
  margin-bottom: 4rem;
  padding-top: 2 rem;
  /*.product-type:last-child {
  	padding: 3rem 0rem 3rem 2rem;
  	box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  	border-radius: 10px;
  	background-color: $secondary_color;
  	margin-top: -2rem;
  	h4 {
  		font-family: "Lato-Bold";
  		font-size: 28px;
  		color: #fff;
  	}
  	p {
  		font-family: "Lato-Regular";
  		font-size: 16px;
  		color: #fff;
  		width: 180px;
  	}
  	a {
  		font-family: "Lato-Bold";
  		font-size: 14px;
  		color: #8c8e8d;
  		padding: 15px;
  		background-color: #fff;
  		border-radius: 10px;
  		padding: 12px;
  		padding-left: 25px;
  		padding-right: 25px;
  	}
  	img {
  		margin-left: 12.4rem;
  		margin-top: -96px;
  	}
  }*/ }
  #commercial-tabs .commerical-tab-content .product-type {
    height: fit-content; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #commercial-tabs .commerical-tab-content .product-type {
        margin: auto;
        margin: 2rem; } }
    @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
      #commercial-tabs .commerical-tab-content .product-type {
        margin: auto; } }
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
      #commercial-tabs .commerical-tab-content .product-type {
        margin-bottom: 1rem;
        margin-left: 10px; } }
  #commercial-tabs .commerical-tab-content .product-type,
  #commercial-tabs .commerical-tab-content .product-type:nth-child(7) {
    padding: 3rem 0rem 3rem 2rem;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    border-radius: 10px; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #commercial-tabs .commerical-tab-content .product-type,
      #commercial-tabs .commerical-tab-content .product-type:nth-child(7) {
        margin: auto;
        margin: 2rem;
        margin-top: 0rem; } }
    @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
      #commercial-tabs .commerical-tab-content .product-type,
      #commercial-tabs .commerical-tab-content .product-type:nth-child(7) {
        margin: auto;
        margin-top: 1rem; } }
    #commercial-tabs .commerical-tab-content .product-type h4,
    #commercial-tabs .commerical-tab-content .product-type:nth-child(7) h4 {
      font-family: "Lato-Bold";
      font-size: 28px;
      color: #007a3d; }
    #commercial-tabs .commerical-tab-content .product-type p,
    #commercial-tabs .commerical-tab-content .product-type:nth-child(7) p {
      font-family: "Lato-Regular";
      font-size: 16px;
      color: #8c8e8d;
      width: 180px; }
    #commercial-tabs .commerical-tab-content .product-type a,
    #commercial-tabs .commerical-tab-content .product-type:nth-child(7) a {
      font-family: "Lato-Bold";
      font-size: 14px;
      color: #fff;
      padding: 15px;
      background-color: #007a3d;
      border-radius: 10px;
      padding: 12px;
      padding-left: 25px;
      padding-right: 25px; }
    #commercial-tabs .commerical-tab-content .product-type img,
    #commercial-tabs .commerical-tab-content .product-type:nth-child(7) img {
      margin-left: 6.8rem; }
      @media screen and (min-width: 320px) and (max-width: 480px) {
        #commercial-tabs .commerical-tab-content .product-type img,
        #commercial-tabs .commerical-tab-content .product-type:nth-child(7) img {
          float: right; } }
  #commercial-tabs .commerical-tab-content .product-type:nth-child(2),
  #commercial-tabs .commerical-tab-content .product-type:nth-child(5), #commercial-tabs .commerical-tab-content .product-type:nth-child(8) {
    padding: 3rem 0rem 3rem 2rem;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    background-color: #007a3d;
    margin-top: 5rem;
    margin-right: 1.5rem;
    margin-left: 1.7rem; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #commercial-tabs .commerical-tab-content .product-type:nth-child(2),
      #commercial-tabs .commerical-tab-content .product-type:nth-child(5), #commercial-tabs .commerical-tab-content .product-type:nth-child(8) {
        margin: auto;
        margin: 2rem;
        margin-top: 0rem; } }
    @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
      #commercial-tabs .commerical-tab-content .product-type:nth-child(2),
      #commercial-tabs .commerical-tab-content .product-type:nth-child(5), #commercial-tabs .commerical-tab-content .product-type:nth-child(8) {
        margin: auto;
        margin-top: 1rem; } }
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
      #commercial-tabs .commerical-tab-content .product-type:nth-child(2),
      #commercial-tabs .commerical-tab-content .product-type:nth-child(5), #commercial-tabs .commerical-tab-content .product-type:nth-child(8) {
        margin-top: 0rem;
        margin-right: 0rem; } }
    #commercial-tabs .commerical-tab-content .product-type:nth-child(2) h4,
    #commercial-tabs .commerical-tab-content .product-type:nth-child(5) h4, #commercial-tabs .commerical-tab-content .product-type:nth-child(8) h4 {
      font-family: "Lato-Bold";
      font-size: 28px;
      color: #fff; }
    #commercial-tabs .commerical-tab-content .product-type:nth-child(2) p,
    #commercial-tabs .commerical-tab-content .product-type:nth-child(5) p, #commercial-tabs .commerical-tab-content .product-type:nth-child(8) p {
      font-family: "Lato-Regular";
      font-size: 16px;
      color: #fff;
      width: 180px; }
    #commercial-tabs .commerical-tab-content .product-type:nth-child(2) a,
    #commercial-tabs .commerical-tab-content .product-type:nth-child(5) a, #commercial-tabs .commerical-tab-content .product-type:nth-child(8) a {
      font-family: "Lato-Bold";
      font-size: 14px;
      color: #007a3d;
      padding: 15px;
      background-color: #fff;
      border-radius: 10px;
      padding: 12px;
      padding-left: 25px;
      padding-right: 25px; }
    #commercial-tabs .commerical-tab-content .product-type:nth-child(2) img,
    #commercial-tabs .commerical-tab-content .product-type:nth-child(5) img, #commercial-tabs .commerical-tab-content .product-type:nth-child(8) img {
      margin-left: 9.2rem;
      margin-top: -42px; }
      @media screen and (min-width: 320px) and (max-width: 480px) {
        #commercial-tabs .commerical-tab-content .product-type:nth-child(2) img,
        #commercial-tabs .commerical-tab-content .product-type:nth-child(5) img, #commercial-tabs .commerical-tab-content .product-type:nth-child(8) img {
          float: right; } }
  #commercial-tabs .commerical-tab-content .product-type:nth-child(3),
  #commercial-tabs .commerical-tab-content .product-type:nth-child(6) {
    padding: 3rem 0rem 3rem 2rem;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    background-color: #8c8e8d; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #commercial-tabs .commerical-tab-content .product-type:nth-child(3),
      #commercial-tabs .commerical-tab-content .product-type:nth-child(6) {
        margin: auto;
        margin: 2rem;
        margin-top: 0rem; } }
    @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
      #commercial-tabs .commerical-tab-content .product-type:nth-child(3),
      #commercial-tabs .commerical-tab-content .product-type:nth-child(6) {
        margin: auto;
        margin-top: 1rem; } }
    #commercial-tabs .commerical-tab-content .product-type:nth-child(3) h4,
    #commercial-tabs .commerical-tab-content .product-type:nth-child(6) h4 {
      font-family: "Lato-Bold";
      font-size: 28px;
      color: #fff; }
    #commercial-tabs .commerical-tab-content .product-type:nth-child(3) p,
    #commercial-tabs .commerical-tab-content .product-type:nth-child(6) p {
      font-family: "Lato-Regular";
      font-size: 16px;
      color: #fff; }
    #commercial-tabs .commerical-tab-content .product-type:nth-child(3) a,
    #commercial-tabs .commerical-tab-content .product-type:nth-child(6) a {
      font-family: "Lato-Bold";
      font-size: 14px;
      color: #8c8e8d;
      padding: 15px;
      background-color: #fff;
      border-radius: 10px;
      padding: 12px;
      padding-left: 25px;
      padding-right: 25px; }
  #commercial-tabs .commerical-tab-content .product-type:nth-child(3) img {
    margin-left: 13.8rem; }

#elite-banner {
  margin-top: 3rem;
  margin-bottom: 3rem; }
  @media screen and (min-width: 320px) and (max-width: 480px) {
    #elite-banner {
      margin-top: 0rem; } }
  @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
    #elite-banner {
      margin-top: 0rem; } }
  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
    #elite-banner {
      margin-top: 0rem; } }
  #elite-banner .elite-img-wrapper {
    padding-left: 0px; }
    #elite-banner .elite-img-wrapper .elite-banner-image {
      padding-right: 0px; }
      #elite-banner .elite-img-wrapper .elite-banner-image img {
        float: left; }
  #elite-banner .elite-banner-content {
    margin-left: 3rem; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #elite-banner .elite-banner-content {
        margin-left: 0rem;
        margin-top: 1rem; } }
    @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
      #elite-banner .elite-banner-content {
        margin-left: 0rem; } }
    #elite-banner .elite-banner-content p {
      width: 430px; }
      @media screen and (min-width: 320px) and (max-width: 480px) {
        #elite-banner .elite-banner-content p {
          width: auto; } }
      @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
        #elite-banner .elite-banner-content p {
          width: auto; } }
      @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
        #elite-banner .elite-banner-content p {
          width: auto; } }

/*star rating for products*/
@media screen and (min-width: 320px) and (max-width: 480px) {
  div.product .woocommerce-product-rating {
    margin-bottom: 0rem; } }

.out-of-stock {
  font-family: "Lato-Bold";
  font-size: 18px;
  color: #007a3d; }

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
  opacity: 1;
  pointer-events: auto;
  cursor: pointer; }

.woocommerce-product-rating .star-rating {
  margin: 0.5em 4px 0 0;
  float: left; }

.woocommerce-product-rating::after,
.woocommerce-product-rating::before {
  content: " ";
  display: table; }

.woocommerce-product-rating {
  line-height: 2; }

.star-rating {
  float: right;
  overflow: hidden;
  position: relative;
  height: 1em;
  line-height: 1;
  font-size: 1em;
  width: 5.4em;
  font-family: star; }

.star-rating::before {
  content: "\73\73\73\73\73";
  color: #d3ced2;
  float: left;
  top: 0;
  left: 0;
  position: absolute; }

.star-rating {
  line-height: 1;
  font-size: 1em;
  font-family: star; }

.star-rating span {
  overflow: hidden;
  float: left;
  top: 0;
  left: 0;
  position: absolute;
  padding-top: 1.5em; }

.star-rating span::before {
  content: "\53\53\53\53\53";
  top: 0;
  position: absolute;
  left: 0; }

.star-rating span {
  overflow: hidden;
  float: left;
  top: 0;
  left: 0;
  position: absolute;
  padding-top: 1.5em; }

.rating-custom .star-rating {
  float: left;
  display: block;
  width: 100% !important;
  margin-bottom: 20px; }

/* cart page start */
.cart-form {
  width: 100%; }

.update_cart {
  display: none !important; }

.wczpc_maindiv {
  width: 410px;
  display: flex !important;
  justify-content: space-between;
  font-family: "Lato-Bold"; }
  @media screen and (min-width: 320px) and (max-width: 480px) {
    .wczpc_maindiv {
      display: block !important;
      width: 100%; } }
  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
    .wczpc_maindiv {
      width: auto; } }

.wczpc_maindiv h3 {
  visibility: hidden;
  position: relative;
  font-size: 14px !important;
  color: gray;
  float: left !important;
  width: 25% !important;
  height: 50px; }

.wczp_checkcode {
  width: 75%;
  display: inline-block; }

.wczpc_maindiv h3:after {
  content: "Enter Pincode";
  visibility: visible;
  position: absolute;
  top: 10%;
  left: 0;
  font-family: "Lato-Bold";
  font-size: 15.5px;
  color: #007a3d; }
  @media screen and (min-width: 320px) and (max-width: 480px) {
    .wczpc_maindiv h3:after {
      font-size: 13px; } }

.wczpc_maindiv input.wczpcheck {
  width: 45% !important;
  border-radius: 10px;
  padding-left: 10px;
  /*
  @media only screen and (min-width:412px) and (max-width: 800px){
  	margin: auto;
  	margin-top: 2rem;
  }
  @media only screen and (min-width:414px) and (max-width: 736px){
  	margin: auto;
  	margin-top: 2rem;
  }
  */ }
  @media screen and (min-width: 320px) and (max-width: 480px) {
    .wczpc_maindiv input.wczpcheck {
      width: 45% !important;
      margin-left: -1rem; } }
  @media only screen and (min-width: 320px) and (max-width: 568px) {
    .wczpc_maindiv input.wczpcheck {
      width: 45% !important;
      margin-left: -1rem; } }
  @media only screen and (min-width: 375px) and (max-width: 812px) {
    .wczpc_maindiv input.wczpcheck {
      width: 40% !important; } }
  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
    .wczpc_maindiv input.wczpcheck {
      width: 33% !important; } }

@media screen and (min-width: 320px) and (max-width: 480px) {
  .wczpc_maindiv input.wczpbtn {
    width: 30% !important; } }
@media only screen and (min-width: 320px) and (max-width: 568px) {
  .wczpc_maindiv input.wczpbtn {
    width: 30% !important; } }
@media only screen and (min-width: 375px) and (max-width: 812px) {
  .wczpc_maindiv input.wczpbtn {
    width: auto !important; } }

.response_pin {
  float: left; }

.cart-collaterals .cart_totals {
  float: none;
  width: 100%;
  text-align: left; }

.product-desc .woocommerce {
  display: block !important; }

/* cart page end */
#home-demo {
  margin-top: 3rem; }
  @media screen and (min-width: 320px) and (max-width: 480px) {
    #home-demo {
      margin-top: 1rem; } }
  #home-demo .left-side {
    padding: 2rem;
    border-radius: 10px;
    margin-bottom: 2rem;
    padding: 2rem;
    border: 1px solid #f4f4f4;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); }
    #home-demo .left-side img {
      width: 100%; }
      @media screen and (min-width: 320px) and (max-width: 480px) {
        #home-demo .left-side img {
          width: 100%; } }
    #home-demo .left-side .demo-content {
      padding: 1rem;
      text-align: center; }
      #home-demo .left-side .demo-content h3 {
        font-size: 22.5px;
        text-align: center;
        padding: 1rem 1rem 0.5rem 1rem;
        font-family: "Lato-Bold";
        color: #007a3d; }
      #home-demo .left-side .demo-content p {
        margin-bottom: 3px;
        font-size: 18px; }
      #home-demo .left-side .demo-content a {
        margin-top: 1rem; }
  #home-demo form .gform_body select,
  #home-demo form .gform_body input,
  #home-demo form .gform_body textarea {
    width: 100% !important;
    background: #fff; }
  #home-demo form .gform_body .ginput_container_select:after {
    left: 27rem;
    /*
    @media only screen and (min-width: 360px) and (max-width: 640px){
    	left: 14rem;	
    }
    @media only screen and (min-width: 375px) and (max-width: 667px){
    	left: 18rem;	
    }
    @media only screen and (min-width: 414px) and (max-width: 736px){
    	left: 20rem;	
    }
    */ }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #home-demo form .gform_body .ginput_container_select:after {
        left: auto;
        right: 20px; } }
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
      #home-demo form .gform_body .ginput_container_select:after {
        left: 14rem; } }
    @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) {
      #home-demo form .gform_body .ginput_container_select:after {
        left: 21rem; } }
  #home-demo .gform_body {
    padding: 2rem;
    background-color: #f4f4f4;
    border-radius: 10px; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #home-demo .gform_body {
        padding: 1rem; } }
  #home-demo .gform_wrapper {
    margin-top: 0px; }
  #home-demo h2 {
    font-size: 34px;
    padding: 1rem 1rem 0.5rem 0rem;
    font-family: "Lato-Bold";
    color: #007a3d; }
  #home-demo h1 {
    font-family: "Lato-Black";
    font-size: 36px;
    color: #007A3D;
    text-align: center;
    padding: 0px 0px 20px 0px; }
  #home-demo p {
    font-size: 18px;
    padding: 0rem 1rem 0.5rem 0rem;
    font-family: "Lato-Regular";
    color: #8c8d8e; }

.product-enquiry form .gform_body .ginput_container_select:after {
  right: 1rem;
  left: auto !important; }

#disclaimer {
  margin-top: 2rem; }
  #disclaimer .content {
    padding: 2rem;
    background-color: #f4f4f4;
    border-radius: 10px;
    margin-bottom: 2rem; }
  #disclaimer .content__styles a {
    padding: 0;
    background: none;
    border: none;
    color: #007a3d;
    font-size: 15px;
    padding: 0 !important;
    white-space: pre-wrap;
    word-wrap: break-word;
    word-break: break-all;
    white-space: normal !important;
    display: contents; }
  #disclaimer .wp-block-table.is-style-stripes tr, #disclaimer .wp-block-table.is-style-stripes td {
    border: 1px solid black;
    padding-left: 2rem; }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      #disclaimer .wp-block-table.is-style-stripes tr, #disclaimer .wp-block-table.is-style-stripes td {
        padding-left: 1rem; } }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #disclaimer .wp-block-table.is-style-stripes tr, #disclaimer .wp-block-table.is-style-stripes td {
        padding-left: 0.5rem; } }

#privacy-policy {
  margin-top: 2rem; }
  #privacy-policy .content {
    padding: 2rem;
    background-color: #f4f4f4;
    border-radius: 10px;
    margin-bottom: 2rem; }

.dropdown:hover .dropdown-menu {
  display: flex;
  justify-content: center; }

@media screen and (min-width: 320px) and (max-width: 480px) {
  .dropdown-menu.show {
    display: block !important; } }

@media screen and (min-width: 320px) and (max-width: 480px) {
  .navbar-collapse {
    overflow-y: scroll; } }

/*
.agent{
	img{
	    margin-right: 10px;
	    width: 22px;
	    height: 22px;
    }
    p{
	    font-family: "Lato-Bold";
	    font-size: 14px;
	    margin-bottom: 0rem;
	    color: #fff;
	    display: none;
	    visibility: hidden;
    }
	position: absolute;
    background: $primary_color;
    color: #fff;
    display: flex;
    padding: 1rem;
    border-radius: 10px;
    right: 2rem;
    z-index: 2;
    bottom: 8rem;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    width: 55px;
}
.agent:hover{
	width: auto;
    transition: 0.5s ease-out;
	p{
		display: block;
		 visibility: visible;
	}
}
*/
.embeddedServiceHelpButton .helpButton {
  bottom: 27% !important;
  right: -0.5% !important;
  opacity: 0;
  width: auto !important; }
  @media screen and (min-width: 320px) and (max-width: 480px) {
    .embeddedServiceHelpButton .helpButton {
      bottom: 30% !important;
      right: -9px !important;
      width: 50px !important; } }
  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
    .embeddedServiceHelpButton .helpButton {
      right: -1% !important;
      bottom: 24% !important; } }
  .embeddedServiceHelpButton .helpButton .uiButton {
    background: #007a3d !important;
    border-radius: 10px !important;
    min-width: auto; }
    .embeddedServiceHelpButton .helpButton .uiButton .embeddedServiceIcon {
      display: block !important; }
  .embeddedServiceHelpButton .helpButton #helpButtonSpan {
    display: none; }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .embeddedServiceHelpButton .helpButton #helpButtonSpan {
        display: flex !important; } }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      .embeddedServiceHelpButton .helpButton #helpButtonSpan {
        display: none !important; } }
  .embeddedServiceHelpButton .helpButton:hover #helpButtonSpan {
    display: flex; }

.no-search-result {
  margin-bottom: 2rem; }
  .no-search-result .no-search-data {
    text-align: center;
    padding: 2rem;
    font-family: "Lato-Black";
    color: #007a3d;
    font-size: 18px;
    padding-bottom: 0rem; }
  .no-search-result form {
    position: relative;
    margin-top: 20px;
    justify-content: center; }
    .no-search-result form .search_form {
      margin: auto;
      width: 150px;
      height: 40px;
      border-radius: 10px;
      background-color: #007a3d;
      margin-right: -1.1rem;
      padding-left: 38px;
      font-family: "Lato-Regular";
      font-size: 15px;
      color: #fff;
      margin-left: 0px; }
      .no-search-result form .search_form:focus {
        outline: none;
        border-color: none;
        box-shadow: none; }
      @media screen and (min-width: 320px) and (max-width: 480px) {
        .no-search-result form .search_form {
          display: none; } }
    .no-search-result form .search_menu {
      position: absolute;
      left: 48%;
      color: #fff;
      font-size: 15px;
      z-index: 1; }
      @media screen and (min-width: 320px) and (max-width: 480px) {
        .no-search-result form .search_menu {
          position: absolute;
          left: 35px;
          color: #000;
          font-size: 15px;
          -webkit-text-stroke: 1px #fff;
          color: #007a3d; } }
  @media screen and (min-width: 320px) and (max-width: 480px) {
    .no-search-result .form-inline {
      position: absolute;
      right: 33%;
      top: 0%; } }
  @media only screen and (min-width: 320px) and (max-width: 568px) {
    .no-search-result .form-inline {
      right: 33%; } }
  @media only screen and (min-width: 360px) and (max-width: 640px) {
    .no-search-result .form-inline {
      right: 30%; } }
  @media only screen and (min-width: 375px) and (max-width: 667px) {
    .no-search-result .form-inline {
      right: 28%; } }
  @media only screen and (min-width: 414px) and (max-width: 736px) {
    .no-search-result .form-inline {
      right: 25%; } }
  .no-search-result ::placeholder {
    color: #fff; }

#coming-soon h1 {
  font-family: "Lato-Black";
  font-size: 36px;
  color: #007a3d;
  margin-bottom: 0.8rem; }
  @media screen and (min-width: 320px) and (max-width: 480px) {
    #coming-soon h1 {
      font-size: 30px; } }
  @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
    #coming-soon h1 {
      font-size: 30px; } }

.onsale {
  color: red;
  position: absolute;
  top: 5%;
  right: 20%;
  z-index: 6 !important; }

.checkbox input[type="checkbox"]:checked {
  color: red; }

/********* 404 page **********/
.error-404 {
  margin: auto;
  text-align: center;
  width: 100%;
  height: 100%;
  vertical-align: middle;
  display: grid;
  margin-top: 4rem;
  margin-bottom: 4rem; }
  .error-404 .header {
    height: fit-content;
    padding: 2rem;
    background-color: #007a3d; }
  .error-404 h1 {
    font-family: "Lato-Black";
    font-size: 36px;
    color: #007a3d;
    margin: 1rem 0rem; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      .error-404 h1 {
        font-size: 30px; } }
    @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
      .error-404 h1 {
        font-size: 30px; } }
  .error-404 p {
    font-family: "Lato-Black";
    font-size: 25px;
    color: #8c8e8d;
    margin: 1rem 0rem; }
  .error-404 a {
    font-family: "Lato-Bold";
    font-size: 14px;
    color: #fff;
    padding: 12px;
    padding-left: 25px;
    padding-right: 25px;
    background-color: #007a3d;
    border-radius: 10px;
    padding-top: 10px;
    border: none;
    outline: none;
    display: inline-block;
    margin-top: 0.5rem;
    margin-bottom: 2rem; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      .error-404 a {
        font-size: 12px; } }
    @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
      .error-404 a {
        font-size: 12px; } }

.bapf_no_products {
  margin-top: 2rem; }

.woocommerce-error {
  font-family: "Lato-Bold";
  font-size: 15px; }

.woocommerce a.wc-backward {
  font-family: "Lato-Bold";
  font-size: 14px;
  color: #fff;
  padding: 12px;
  padding-left: 25px;
  padding-right: 25px;
  background-color: #007a3d;
  border-radius: 10px;
  padding-top: 10px;
  border: none;
  outline: none;
  display: inline-block;
  margin-top: 0.5rem; }
  @media screen and (min-width: 320px) and (max-width: 480px) {
    .woocommerce a.wc-backward {
      font-size: 12px; } }
  @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
    .woocommerce a.wc-backward {
      font-size: 12px; } }

.in-stock {
  color: #007a3d;
  font-family: "Lato-Bold";
  font-size: 12px; }

.response_pin {
  /*color: red;*/
  font-family: "Lato-Bold";
  font-size: 13px;
  width: 48%;
  padding: 0px 0px 0px 10px; }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .response_pin {
      width: 49%;
      padding-left: 0; } }

.gform_confirmation_message {
  font-family: "Lato-Bold";
  font-size: 15px;
  color: #8c8e8d;
  padding: 0.5rem 0 1.2rem 0; }
  @media screen and (min-width: 320px) and (max-width: 480px) {
    .gform_confirmation_message {
      padding: 1rem;
      text-align: center;
      margin-bottom: 1rem;
      font-size: 12px; } }
  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
    .gform_confirmation_message {
      padding: 0rem 1rem;
      margin-bottom: 1rem; } }

.readMore .modal-dialog {
  top: 40%; }
  .readMore .modal-dialog .modal-body {
    padding: 2rem;
    font-family: "Lato-Regular";
    font-size: 16px;
    color: #8c8e8d; }

#gform_confirmation_wrapper_6 {
  text-align: center;
  margin-top: 50%; }
  @media screen and (min-width: 320px) and (max-width: 480px) {
    #gform_confirmation_wrapper_6 {
      margin-top: 0%; } }

.price, .related-price {
  font-family: "Lato-Black";
  font-size: 28px;
  color: #007a3d;
  margin-bottom: 1rem; }
  .price span, .related-price span {
    color: #007a3d; }

.no-data {
  font-family: "Lato-Black";
  font-size: 15px;
  color: #007a3d; }

.video-listing h4 {
  font-family: "Lato-Regular";
  font-size: 36px;
  color: #007a3d; }
  @media screen and (min-width: 320px) and (max-width: 480px) {
    .video-listing h4 {
      font-size: 30px; } }
.video-listing .listing {
  margin-bottom: 30px !important;
  position: relative; }
  @media only screen and (min-width: 375px) and (max-width: 820px) and (orientation: landscape) {
    .video-listing .listing {
      margin-bottom: 15px !important; } }
.video-listing .play-icon-listing {
  position: absolute;
  left: 50%;
  top: 30%;
  margin-left: -25px;
  font-size: 50px;
  z-index: 1;
  width: auto; }
  @media only screen and (min-width: 375px) and (max-width: 820px) and (orientation: landscape) {
    .video-listing .play-icon-listing {
      width: 31px;
      height: 31px;
      top: 30%;
      left: 55%; } }
  @media only screen and (min-width: 320px) and (max-width: 568px) and (orientation: landscape) {
    .video-listing .play-icon-listing {
      width: auto;
      height: auto;
      top: 40%;
      left: 50%; } }
  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
    .video-listing .play-icon-listing {
      top: 20%; } }

.woocommerce .order-again {
  margin-bottom: 2rem !important; }
  .woocommerce .order-again a {
    font-family: "Lato-Bold";
    font-size: 14px;
    color: #fff;
    padding: 12px;
    padding-left: 25px;
    padding-right: 25px;
    background-color: #007a3d;
    border-radius: 10px;
    padding-top: 10px;
    border: none;
    outline: none;
    display: inline-block;
    margin-top: 0.5rem;
    margin-bottom: 2rem;
    margin-left: 2rem; }

.youtube_media_link img {
  width: 100%; }

#youtubeModel .modal-body {
  padding: 5px;
  padding-bottom: 0rem; }
#youtubeModel .modal-dialog {
  max-width: 1000px; }

#review_form_wrapper {
  display: none !important;
  padding: 2rem;
  background: #f7f7f7;
  border-radius: 10px;
  margin-bottom: 2rem; }
  @media screen and (min-width: 320px) and (max-width: 480px) {
    #review_form_wrapper {
      padding: 1rem; } }
  #review_form_wrapper #review_form #reply-title {
    font-family: "Lato-Bold";
    font-size: 18px;
    color: #007a3d; }
  #review_form_wrapper #review_form label {
    font-family: "Lato-Regular";
    font-size: 15px;
    color: #8c8e8d;
    width: 100px; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #review_form_wrapper #review_form label {
        width: auto;
        font-size: 13px; } }
  #review_form_wrapper #review_form input {
    width: 300px;
    margin-left: 1rem; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #review_form_wrapper #review_form input {
        width: 100%;
        margin-left: 0rem; } }
  #review_form_wrapper #review_form select {
    margin-left: 1rem;
    width: 300px;
    height: 30px;
    font-family: "Lato-Regular";
    font-size: 13px;
    color: #8c8e8d; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #review_form_wrapper #review_form select {
        width: 100%;
        margin-left: 0rem; } }
  @media screen and (min-width: 320px) and (max-width: 480px) {
    #review_form_wrapper #review_form p {
      text-align: center; } }
  #review_form_wrapper #review_form #commentform {
    margin-top: 1rem; }
  #review_form_wrapper #review_form .comment-form-comment {
    display: flex;
    margin-top: 1.5rem; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #review_form_wrapper #review_form .comment-form-comment {
        display: block; } }
  #review_form_wrapper #review_form textarea {
    width: 400px;
    margin-left: 1rem;
    height: 100px; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #review_form_wrapper #review_form textarea {
        width: 100%;
        margin-left: 0rem; } }
  #review_form_wrapper #review_form p[class=" comment-form-rating"] {
    display: none; }
  @media screen and (min-width: 320px) and (max-width: 480px) {
    #review_form_wrapper #review_form .comment-form-rating {
      display: grid;
      text-align: center; } }
  #review_form_wrapper #review_form #submit {
    font-family: "Lato-Bold";
    font-size: 14px;
    color: #fff;
    padding: 12px;
    padding-left: 25px;
    padding-right: 25px;
    background-color: #007a3d;
    border-radius: 10px;
    padding-top: 10px;
    border: none;
    outline: none;
    display: inline-block;
    margin-left: 7rem;
    width: 100px; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #review_form_wrapper #review_form #submit {
        width: 100%;
        margin-left: 0rem; } }
  @media screen and (min-width: 320px) and (max-width: 480px) {
    #review_form_wrapper #review_form .comment-form-cookies-consent {
      display: flex;
      align-items: center; } }
  #review_form_wrapper #review_form .comment-form-cookies-consent input {
    width: auto;
    margin-left: 0rem; }
  #review_form_wrapper #review_form .comment-form-cookies-consent label {
    width: auto;
    margin-left: 1rem; }
  #review_form_wrapper #review_form .comment-notes {
    font-family: "Lato-Bold";
    font-size: 14px;
    color: #000; }

.store_btns {
  margin-top: 3rem;
  justify-content: center; }

.no-products {
  margin-left: 1rem;
  font-family: "Lato-Bold";
  font-size: 14px;
  color: #007a3d; }

.variations tr td {
  border: none; }

/* product discovery tool */
.parent-type-div, .wh-pdt-div, .wp-pdt-div {
  position: relative;
  display: none; }

#pdt-main {
  display: block;
  overflow: hidden;
  width: auto; }
  @media screen and (min-width: 320px) and (max-width: 480px) {
    #pdt-main {
      margin-left: 0rem;
      justify-content: center; } }
  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
    #pdt-main {
      margin-left: 0rem;
      justify-content: center; } }
  @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) {
    #pdt-main {
      margin-left: 0rem;
      justify-content: center; } }

.woocommerce a.wc-forward {
  font-family: "Lato-Bold";
  font-size: 14px;
  color: #fff;
  padding: 12px;
  padding-left: 25px;
  padding-right: 25px;
  background-color: #007a3d;
  border-radius: 10px;
  padding-top: 10px;
  border: none;
  outline: none;
  display: inline-block;
  margin-left: 7rem; }
  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
    .woocommerce a.wc-forward {
      margin-right: 1rem; } }
  @media screen and (max-width: 320px) {
    .woocommerce a.wc-forward {
      margin-left: 1rem; } }

.review-wrapper center {
  font-family: "Lato-Bold";
  font-size: 14px;
  color: #007a3d; }

.no-js #loader {
  display: none; }

.js #loader {
  display: block;
  position: absolute;
  left: 100px;
  top: 0; }

.se-pre-con {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 999999999;
  background: url("../images/loader_icon.png") center no-repeat #fff; }

.scrollTop {
  position: fixed;
  right: 0;
  bottom: 14%;
  background-color: #a7a7a7;
  opacity: 0;
  transition: all 0.4s ease-in-out 0s;
  z-index: 1000;
  border-radius: 15px 0px 0px 13px;
  padding: 0px 10px 5px 10px; }
  @media screen and (min-width: 320px) and (max-width: 480px) {
    .scrollTop span {
      display: none; } }
  @media screen and (min-width: 320px) and (max-width: 480px) {
    .scrollTop {
      bottom: 15%;
      padding: 0 11px; } }

#product_finder_widget {
  color: #fff;
  background: #007a3d;
  position: fixed;
  left: -108px;
  top: 70%;
  padding: 7px 12px;
  border: 1px solid #9c9c9c;
  border-left: none;
  box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.5);
  transform: rotate(-90deg);
  border-radius: 0 0 10px 10px;
  font-family: 'Lato-Regular';
  font-size: 16px;
  display: flex;
  align-items: center;
  z-index: 999;
  opacity: 0; }
  @media screen and (min-width: 320px) and (max-width: 480px) {
    #product_finder_widget {
      left: -88px; } }
  #product_finder_widget img {
    width: 15px;
    height: 15px;
    margin-right: 7px; }
  #product_finder_widget:hover {
    text-decoration: none; }

.scrollTop a {
  font-size: 12px;
  color: #fff;
  text-decoration: none;
  line-height: 16px;
  display: inline-block;
  text-align: center;
  width: 40px;
  outline: none;
  padding: 0rem !important; }

#product_finder_widget a {
  font-size: .875em;
  color: #fff;
  text-decoration: none;
  line-height: 16px;
  display: inline-block;
  text-align: center;
  width: max-content;
  outline: none;
  padding: 0rem !important;
  transform: rotate(-180deg);
  writing-mode: vertical-rl; }

.triangle-4 {
  width: 20px;
  height: 20px;
  margin: auto;
  padding-bottom: 0.5rem;
  border-bottom: solid 13px #fff;
  border-left: solid 10px transparent;
  border-right: solid 10px transparent;
  margin-bottom: 0.5rem; }
  @media screen and (min-width: 320px) and (max-width: 480px) {
    .triangle-4 {
      line-height: 22px;
      height: auto;
      margin: 14px 0 0 0;
      padding: 1px; } }

a:focus {
  outline: none !important;
  border: none; }

/****** product discovery ******/
.product-discovery-wrapper .product-discovery-inner {
  width: auto;
  padding: 3rem 2rem 2rem 2rem;
  border-radius: 10px;
  text-align: center;
  /*
  input[type="radio"] + label:before {
  	content: "";
  	display: inline-block;
  	width: 15px;
  	height: 15px;
  	padding: 3px;
  	margin-right: 5px;
  	background-clip: content-box;
  	border: 1px solid #bbbbbb;
  	background-color: #e7e6e7;
  	border-radius: 50%;
  	margin-right: 15px;
  }
  
  input[type="radio"]:checked + label:before {
  	background-color: $primary_color;
  }
  */
  /*
  input[type="checkbox"]:checked + label::after {
  	content: '';
  	position: absolute;
  	width: 1.2ex;
  	height: 0.6ex;
  	background: rgba(0, 0, 0, 0);
  	top: 1.2ex;
  	left: 0.4ex;
  	border: 3px solid $primary_color;
  	border-top: none;
  	border-right: none;
  	-webkit-transform: rotate(-45deg);
  	-moz-transform: rotate(-45deg);
  	-o-transform: rotate(-45deg);
  	-ms-transform: rotate(-45deg);
  	transform: rotate(-45deg);
  }
  */
  /*
  input[type="radio"],
  input[type="checkbox"] {
  	position: absolute;
  	left: -999em;
  }
  */ }
  @media screen and (min-width: 320px) and (max-width: 480px) {
    .product-discovery-wrapper .product-discovery-inner {
      padding: 1rem 0rem;
      width: auto; } }
  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
    .product-discovery-wrapper .product-discovery-inner {
      width: auto; } }
  @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) {
    .product-discovery-wrapper .product-discovery-inner {
      width: auto; } }
  .product-discovery-wrapper .product-discovery-inner h5 {
    font-family: "Lato-Bold";
    color: #007a3d;
    font-size: 35px; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      .product-discovery-wrapper .product-discovery-inner h5 {
        font-size: 25px; } }
  .product-discovery-wrapper .product-discovery-inner .input-wrapper {
    margin-top: 4rem;
    display: flex;
    justify-content: center;
    flex-wrap: wrap; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      .product-discovery-wrapper .product-discovery-inner .input-wrapper {
        margin-top: 3rem; } }
    .product-discovery-wrapper .product-discovery-inner .input-wrapper .product-card {
      font-family: "Lato-Bold";
      font-size: 18px;
      color: #8c8d8e;
      border: 1px solid;
      display: grid;
      margin: 0px 20px;
      border-radius: 10px;
      margin-bottom: 40px;
      cursor: pointer; }
      @media screen and (min-width: 320px) and (max-width: 480px) {
        .product-discovery-wrapper .product-discovery-inner .input-wrapper .product-card {
          margin-bottom: 20px;
          font-size: 11px; } }
    .product-discovery-wrapper .product-discovery-inner .input-wrapper span {
      text-transform: capitalize;
      padding: 10px; }
  .product-discovery-wrapper .product-discovery-inner button {
    font-family: "Lato-Regular";
    font-size: 16px;
    color: #fff;
    padding: 8px;
    padding-left: 40px;
    padding-right: 40px;
    background-color: #007a3d;
    border-radius: 10px;
    padding-top: 10px;
    border: none;
    outline: none;
    display: inline-block;
    margin-top: 0.5rem; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      .product-discovery-wrapper .product-discovery-inner button {
        font-size: 12px; } }
    @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
      .product-discovery-wrapper .product-discovery-inner button {
        font-size: 12px; } }
  .product-discovery-wrapper .product-discovery-inner input[type="radio"], .product-discovery-wrapper .product-discovery-inner input[type="checkbox"] {
    display: none; }
  .product-discovery-wrapper .product-discovery-inner *,
  .product-discovery-wrapper .product-discovery-inner *:before,
  .product-discovery-wrapper .product-discovery-inner *:after {
    box-sizing: border-box; }
  .product-discovery-wrapper .product-discovery-inner label {
    display: inline-flex;
    align-items: center; }
  .product-discovery-wrapper .product-discovery-inner input[type="checkbox"] {
    line-height: 2.1ex; }
  .product-discovery-wrapper .product-discovery-inner input[type="checkbox"] + label {
    position: relative;
    overflow: hidden;
    cursor: pointer; }
  .product-discovery-wrapper .product-discovery-inner input[type="checkbox"] + label::before {
    content: "";
    display: inline-block;
    vertical-align: -25%;
    height: 2ex;
    width: 2ex;
    background-color: white;
    border: 1px solid #a6a6a6;
    border-radius: 4px;
    margin-right: 0.5em; }
  .product-discovery-wrapper .product-discovery-inner .back {
    margin-right: 10px;
    margin-bottom: 2rem; }

#pdt-type {
  position: relative; }

#oc-tabs body .gform_wrapper ul li.gfield, #home-demo body .gform_wrapper ul li.gfield {
  margin-top: 0px; }
#oc-tabs #gform_1, #home-demo #gform_1 {
  margin-top: -2rem;
  display: flex; }
  @media screen and (min-width: 320px) and (max-width: 480px) {
    #oc-tabs #gform_1, #home-demo #gform_1 {
      display: inherit;
      margin-top: 0rem; } }
#oc-tabs #field_1_1 .gfield_label, #home-demo #field_1_1 .gfield_label {
  display: none; }
#oc-tabs #gform_submit_button_1, #home-demo #gform_submit_button_1 {
  width: 83px;
  height: 56px; }
  @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
    #oc-tabs #gform_submit_button_1, #home-demo #gform_submit_button_1 {
      width: 75px; } }
#oc-tabs .gform_footer, #home-demo .gform_footer {
  margin: 0px; }
#oc-tabs .gform_wrapper_1, #home-demo .gform_wrapper_1 {
  margin-left: 2rem; }
#oc-tabs .validation_error, #home-demo .validation_error {
  display: none; }
#oc-tabs .gform_wrapper li.gfield.gfield_error, #oc-tabs .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning, #home-demo .gform_wrapper li.gfield.gfield_error, #home-demo .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
  background-color: transparent;
  margin-bottom: 0px !important;
  border-top: none;
  border-bottom: none;
  padding-bottom: 0px;
  padding-top: 0px; }
@media screen and (min-width: 320px) and (max-width: 480px) {
  #oc-tabs .gform_wrapper .top_label div.ginput_container, #home-demo .gform_wrapper .top_label div.ginput_container {
    margin-top: 10px; } }
@media screen and (min-width: 320px) and (max-width: 480px) {
  #oc-tabs .gform_wrapper .gform_footer, #home-demo .gform_wrapper .gform_footer {
    padding: 0px; } }
@media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
  #oc-tabs .gform_wrapper ul.gform_fields li.gfield, #home-demo .gform_wrapper ul.gform_fields li.gfield {
    padding-right: 0rem !important; } }

.selectedOption {
  background-color: #007a3d;
  color: #fff !important;
  border: none !important; }

.top-pagination {
  top: 0; }

.includes_tax {
  font-size: 13px; }

.includes_tax .amount {
  font-size: 13px !important; }

.woocommerce-price-suffix {
  display: none !important; }

.commercial-home-cat-img {
  margin-left: 10rem !important;
  margin-right: 3rem;
  top: 4.6rem;
  position: relative; }

@media screen and (max-width: 480px) and (min-width: 320px) {
  .commercial-home-cat-img {
    top: 5.3rem; } }
.buy-button {
  margin-top: 20px; }

#field_5_23 .gfield_label {
  display: none; }

.menu-item-inline {
  display: flex;
  align-items: center; }
  .menu-item-inline .size-home_product_image {
    padding: 10px; }
  .menu-item-inline .view-detail {
    margin-top: 10px; }
  .menu-item-inline span {
    color: #007a3d !important; }
  .menu-item-inline .price {
    display: block;
    color: #007a3d !important;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 20px; }
    .menu-item-inline .price .amount {
      font-size: 20px !important; }
    .menu-item-inline .price .sale_amount_text {
      font-size: 17px !important; }
  .menu-item-inline p {
    width: auto; }

.banner-new-home {
  position: absolute;
  left: 0;
  right: 0;
  top: 25%; }
  @media screen and (min-width: 320px) and (max-width: 480px) {
    .banner-new-home {
      position: initial; } }

.home-slider-new .slider-wrapper img {
  float: none !important;
  margin-right: 0 !important; }

.fixed-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  right: 0;
  margin: 0 auto;
  background: #fff;
  border-bottom: 1px solid #ccc;
  z-index: 99999; }

.energy_badge {
  position: absolute;
  right: 10%; }

.regular_amount {
  color: #666 !important;
  font-size: 17px !important; }
  .regular_amount .woocommerce-Price-amount, .regular_amount .woocommerce-Price-currencySymbol {
    color: #666 !important;
    font-size: 0.9em !important; }
  @media screen and (min-width: 320px) and (max-width: 480px) {
    .regular_amount {
      color: #666 !important; } }

@media screen and (max-width: 480px) and (min-width: 320px) {
  .price span {
    color: #007a3d; }
  .price bdi {
    font-size: 16px; } }
.sale_amount {
  color: #007a3d !important;
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: left;
  display: flex;
  flex-wrap: wrap;
  align-items: center; }
  .sale_amount .woocommerce-Price-amount, .sale_amount .woocommerce-Price-currencySymbol {
    color: #007a3d !important;
    font-size: 1em !important; }

.sale_amount_text {
  color: #007a3d !important;
  font-size: 0.7em !important; }

#product-banner-section .slider-content h1, #product-banner-section .slider-content p {
  opacity: 0;
  transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.6s;
  transform: translate3d(-20%, 0, 0); }
#product-banner-section .setanimation {
  transform: translate3d(0, 0, 0) !important;
  opacity: 1 !important; }
#product-banner-section img {
  width: 100%;
  position: relative; }
#product-banner-section .slider-content {
  position: absolute;
  left: 12%;
  top: 40%;
  z-index: 1;
  	/*
      background: rgba(255, 255, 255, 0.5);
  	backdrop-filter: blur(5px);
  	padding: 2rem;
  	padding-bottom: 3rem;
  	border-radius: 10px;
  	*/ }
  #product-banner-section .slider-content h1 {
    font-family: "Lato-Bold";
    color: #007a3d; }
  #product-banner-section .slider-content p {
    font-family: "Lato-Regular";
    color: #000;
    width: 300px;
    margin-top: 15px;
    font-size: 17px;
    line-height: 24px; }

#bannr-1, #bannr-2 {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  min-height: 520px;
  display: flex;
  align-items: center;
  	/*
      margin-bottom: 15px;
      margin-top: 15px;
  	*/ }
  @media screen and (min-width: 320px) and (max-width: 480px) {
    #bannr-1, #bannr-2 {
      min-height: auto;
      background-image: none !important;
      margin-bottom: 20px;
      margin-top: 20px; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    #bannr-1, #bannr-2 {
      min-height: 300px;
      background-image: none !important; } }
  @media screen and (min-width: 1024px) and (max-width: 1280px) {
    #bannr-1, #bannr-2 {
      min-height: 400px; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    #bannr-1 .mobile-block, #bannr-2 .mobile-block {
      display: block !important;
      width: 100%;
      height: 100%; } }
  #bannr-1 a, #bannr-2 a {
    	/*
    	font-family: "Lato-Bold";
        font-size: 16px;
        color: #fff;
        padding: 15px;
        background-color: $primary_color;
        border-radius: 10px;
        padding: 12px;
        padding-left: 25px;
        padding-right: 25px;
        width: 200px;
        display: flex;
        justify-content: center;
        line-height: 25px;
    	*/
    padding: 8px 30px;
    border-radius: 50px;
    border: 3px solid #fff;
    color: #fff;
    background: #007a3d;
    font-size: 14px;
    text-decoration: none;
    transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1) !important; }
    #bannr-1 a:hover, #bannr-2 a:hover {
      border: 3px solid #007a3d;
      background: #fff;
      color: #005f2a;
      text-decoration: none; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #bannr-1 a, #bannr-2 a {
        text-align: center;
        margin: auto; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      #bannr-1 a, #bannr-2 a {
        margin: auto; } }
  #bannr-1 h6, #bannr-2 h6 {
    margin-bottom: 30px;
    margin-top: 15px;
    line-height: 25px;
    color: #000; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #bannr-1 h6, #bannr-2 h6 {
        color: #000;
        text-align: center;
        font-size: 18px; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      #bannr-1 h6, #bannr-2 h6 {
        text-align: center; } }
  #bannr-1 h2, #bannr-2 h2 {
    color: #007a3d;
    font-family: "Lato-Bold"; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #bannr-1 h2, #bannr-2 h2 {
        color: #007a3d;
        text-align: center;
        font-size: 25px;
        margin-top: 20px; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      #bannr-1 h2, #bannr-2 h2 {
        margin-right: 0rem;
        margin-top: 20px;
        text-align: center; } }
    @media screen and (min-width: 1024px) and (max-width: 1280px) {
      #bannr-1 h2, #bannr-2 h2 {
        font-size: 25px; } }
  #bannr-1 .content-bannr, #bannr-2 .content-bannr {
    width: 500px;
    margin-left: auto;
    margin-right: 4rem;
    color: #fff;
    text-align: center; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #bannr-1 .content-bannr, #bannr-2 .content-bannr {
        width: 100%;
        text-align: center; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      #bannr-1 .content-bannr, #bannr-2 .content-bannr {
        width: 100%;
        margin-bottom: 30px; } }
    @media screen and (min-width: 1024px) and (max-width: 1280px) {
      #bannr-1 .content-bannr, #bannr-2 .content-bannr {
        margin-right: 0rem;
        width: 450px; } }
  @media screen and (min-width: 320px) and (max-width: 480px) {
    #bannr-1 img, #bannr-2 img {
      width: 100%;
      height: 100%; } }

#cards-section {
  margin-bottom: 30px;
  /*
  .ellipsis-5 {
      display: -webkit-box;
      -webkit-line-clamp: 5;
      -webkit-box-orient: vertical;
      overflow: hidden;
  }
  */ }
  @media screen and (min-width: 320px) and (max-width: 480px) {
    #cards-section img {
      width: 100%;
      height: 100%; } }
  #cards-section .item {
    border-radius: 20px;
    padding: 50px 85px;
    margin: 0 0 20px;
    position: relative; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #cards-section .item {
        padding: 20px 20px; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    #cards-section .ipad {
      display: block; } }
  @media screen and (min-width: 1024px) and (max-width: 1280px) {
    #cards-section .ipad {
      display: block; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    #cards-section .ipad .col-md-6 {
      flex: 0 0 100%;
      max-width: 100%;
      text-align: center; } }
  @media screen and (min-width: 1024px) and (max-width: 1280px) {
    #cards-section .ipad .col-md-6 {
      flex: 0 0 100%;
      max-width: 100%;
      text-align: center; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    #cards-section .ipad .col-md-6 img {
      margin-bottom: 30px; } }
  @media screen and (min-width: 1024px) and (max-width: 1280px) {
    #cards-section .ipad .col-md-6 img {
      margin-bottom: 30px; } }
  #cards-section .btn {
    padding: 8px 30px;
    border-radius: 50px;
    border: 3px solid #fff;
    color: #fff;
    background: #007a3d;
    font-size: 14px;
    /* 
	background: linear-gradient(0deg, rgba(0,95,42,1) 75%, rgba(42,42,43,1) 100%);
    background: radial-gradient(circle, rgba(0,95,57,1) 75%, rgba(61,42,64,1) 100%);
    background: linear-gradient(176deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 84%); 
	*/
    text-decoration: none;
    transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1) !important;
    	/*
    	font-family: "Lato-Bold";
        font-size: 14px;
        color: #fff;
        background-color: $primary_color;
        border-radius: 10px;
        padding: 8px;
        padding-left: 40px;
        padding-right: 40px;
        text-transform: uppercase;
        width: 200px;
        display: flex;
        justify-content: center;
        @include screen(med) {
    	    margin: auto;
        }
        @include screen(large) {
    	    margin: auto;
        }*/ }
    #cards-section .btn:hover {
      border: 3px solid #007a3d;
      background: #fff;
      color: #005f2a;
      text-decoration: none; }
  #cards-section .title {
    margin-bottom: 30px;
    font-family: "Lato-Bold";
    font-size: 30px;
    color: #007a3d; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #cards-section .title {
        font-size: 30px; } }
  #cards-section .body-txt {
    margin-bottom: 30px;
    line-height: 26px;
    letter-spacing: 0.05em;
    font-size: 16px;
    color: #8C8E8D; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #cards-section .body-txt {
        letter-spacing: 0rem; } }

#new-footer {
  overflow: hidden; }
  #new-footer .footer-container {
    padding-top: 0rem !important; }
  #new-footer .col-sm-12 {
    padding-left: 0px;
    padding-right: 0px; }
  #new-footer .col-sm-4 {
    height: 187px;
    padding-right: 0px; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #new-footer .col-sm-4 {
        height: auto; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      #new-footer .col-sm-4 {
        height: auto; } }
    @media screen and (min-width: 1024px) and (max-width: 1280px) {
      #new-footer .col-sm-4 {
        height: 135px; } }
  #new-footer .col-sm-8 {
    padding-left: 0px; }
  #new-footer img {
    width: 100%; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #new-footer img {
        margin-top: 20px; } }
  #new-footer h5 {
    font-family: "Lato-Bold";
    text-align: center;
    padding: 1rem;
    background-color: #f9f9f9;
    font-size: 20px;
    margin-bottom: 3.5rem;
    color: #007a3d; }
    @media only screen and (max-device-width: 1366px) {
      #new-footer h5 {
        margin-bottom: 2rem; } }
    @media only screen and (max-device-width: 1024px) {
      #new-footer h5 {
        margin-bottom: 1rem; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      #new-footer h5 {
        margin-bottom: 0rem; } }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #new-footer h5 {
        padding-left: 0rem;
        padding-right: 0rem;
        margin-bottom: 1rem; } }
  #new-footer .f-social-icons {
    display: flex;
    align-items: center;
    justify-content: space-evenly; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #new-footer .f-social-icons {
        margin-top: 15px; } }
    @media only screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
      #new-footer .f-social-icons {
        margin-top: 15px; } }
    #new-footer .f-social-icons i {
      color: #007a3d;
      font-size: 30px; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      #new-footer .f-social-icons a {
        padding: 0px !important; } }

@media screen and (min-width: 320px) and (max-width: 480px) {
  .df_mob_reverse {
    display: flex;
    flex-flow: column-reverse; } }

@media screen and (min-width: 320px) and (max-width: 480px) {
  .logo-wrapper.mobile-block {
    text-align: center; }
    .logo-wrapper.mobile-block .logo {
      margin-left: 0 !important; } }
img {
  max-width: 100%;
  height: auto; }

.content_single_page {
  font-family: "Lato-Regular";
  font-size: 15px;
  color: #8c8e8d; }
  .content_single_page h1, .content_single_page h2 {
    font-family: "Lato-Black";
    font-size: 36px;
    color: #007a3d;
    margin-bottom: 0.8rem; }
  .content_single_page p {
    font-family: "Lato-Regular";
    font-size: 15px;
    color: #8c8e8d;
    line-height: 28px;
    letter-spacing: -0.5px; }

.justify-flex {
  justify-content: space-between !important; }

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .desktop-block.cm_dsk_block {
    display: block !important; } }
@media screen and (min-width: 320px) and (max-width: 480px) {
  .desktop-block.cm_dsk_block {
    display: none !important; } }
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .desktop-block.cm_dsk_block .spec_block {
    width: 95% !important;
    max-width: 95% !important;
    margin-left: 8px; } }

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .mobile-block.cm_msk_block {
    display: none !important; } }
@media screen and (min-width: 320px) and (max-width: 480px) {
  .mobile-block.cm_msk_block {
    display: block !important; } }

@media screen and (min-width: 320px) and (max-width: 480px) {
  .single-similar-product {
    margin: auto;
    width: 100%; } }

@media screen and (min-width: 320px) and (max-width: 480px) {
  .related.products.container .regular_amount {
    color: #007a3d !important; } }
@media screen and (min-width: 320px) and (max-width: 480px) {
  .related.products.container .regular_amount .amount {
    color: #007a3d !important; } }
@media screen and (min-width: 320px) and (max-width: 480px) {
  .related.products.container .regular_amount .amount bdi span {
    color: #007a3d !important; } }

.related .product .sale_amount {
  display: none; }

.pdt-title {
  text-align: center; }
  .pdt-title .content__styles h1 {
    font-family: "Lato-Bold";
    font-size: 28px !important;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      .pdt-title .content__styles h1 {
        font-size: 18px !important; } }

.pdt-container {
  background-color: #f3fcf9; }
  .pdt-container #pdt-banner {
    padding-top: 2rem; }

.product-discovery-wrapper .product-discovery-inner {
  padding: 0.5rem;
  position: relative;
  font-family: "Lato-Regular" !important;
  /*.pdt-select-radio{
  	padding: 1rem;
  	height: auto !important;
  	width: 100% !important;
  	.product-card{
  		border-radius:0;
  		border: solid 1px #8c8e8d38;
  		span{
  			font-family: 'Lato-Regular';
  			padding: 1rem 2rem;
  			background-color: #fff !important;
  			font-size: 18px;
  			font-weight: normal;
  			font-stretch: normal;
  			font-style: normal;
  			line-height: 1.28;
  			letter-spacing: normal;
  			text-align: left;
  			color: #313131;
  		}				
  	}
  	.selectedOption{
  		background-color: #fff !important;
  		color: #000 !important;
  		border:1px solid #8c8e8d38 !important;
  	}
  	.selectedOption::after{
  		content: "\f00c";
  		font-family: fontAwesome;
  		border:1px solid #8c8e8d38 !important;
  		margin-left: auto;
  		background-color: $primary_color;
  		color: white;
  		font-size: 15px;
  		padding: 2px 5px;
  		border-radius: 50%;
  		position: absolute;
  		top: 2rem;
  		right: 3rem;
  		@include screen(small){
  			font-size: 10px;
  		}
  	}
  	&:before {
  		background-color: #fff !important;			
  		content: "\f111";
  		font-family: fontAwesome;
  		border: 1px solid #707070 !important;
  		margin-left: auto;
  		color: white;
  		font-size: 15px;
  		padding: 2px 6px;
  		border-radius: 50%;
  		position: absolute;
  		top: 2rem;
  		right: 3rem;
  		@include screen(small){
  			font-size: 10px;
  		}
  	}
  }*/ }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .product-discovery-wrapper .product-discovery-inner {
      padding-bottom: 20px; } }
  @media screen and (min-width: 320px) and (max-width: 480px) {
    .product-discovery-wrapper .product-discovery-inner {
      padding-bottom: 20px; } }
  .product-discovery-wrapper .product-discovery-inner .input-wrapper {
    margin-top: 40px; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      .product-discovery-wrapper .product-discovery-inner .input-wrapper {
        margin-top: 5px; } }
    .product-discovery-wrapper .product-discovery-inner .input-wrapper select {
      width: 100%;
      padding: 10px;
      border: 1px solid #efefef;
      outline: none;
      display: inline-block;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      cursor: pointer; }
    .product-discovery-wrapper .product-discovery-inner .input-wrapper .pdt-select {
      width: 60%;
      position: relative; }
      @media screen and (min-width: 320px) and (max-width: 480px) {
        .product-discovery-wrapper .product-discovery-inner .input-wrapper .pdt-select {
          width: 100%; } }
      .product-discovery-wrapper .product-discovery-inner .input-wrapper .pdt-select:after {
        content: "\f107";
        font-family: fontAwesome;
        font-size: 16px;
        color: #007a3d;
        font-weight: bold;
        right: 15px;
        top: 10px;
        padding: 0 0 2px;
        position: absolute;
        pointer-events: none; }
  .product-discovery-wrapper .product-discovery-inner .product-slide-title {
    font-family: "Lato-Regular";
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.17;
    letter-spacing: normal;
    margin: 6px 0;
    font-size: 24px;
    text-align: left;
    color: #007a3d; }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .product-discovery-wrapper .product-discovery-inner .product-slide-title {
        margin: 10px 30px;
        text-align: center; } }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      .product-discovery-wrapper .product-discovery-inner .product-slide-title {
        text-align: center;
        font-size: 18px;
        width: 80%;
        margin: auto; } }
  .product-discovery-wrapper .product-discovery-inner .product-type {
    padding: 1rem;
    height: auto;
    width: 100%; }
    .product-discovery-wrapper .product-discovery-inner .product-type .product-card {
      font-family: "Lato-Regular";
      margin: auto !important;
      display: block;
      position: relative;
      width: 100% !important;
      height: auto !important;
      border-radius: 0;
      z-index: 1;
      border: 2px solid transparent !important; }
    .product-discovery-wrapper .product-discovery-inner .product-type .bg-img-pdt {
      pointer-events: none;
      position: relative !important;
      width: 100%;
      height: 100%;
      z-index: 0; }
    .product-discovery-wrapper .product-discovery-inner .product-type .product-type-desc {
      display: block;
      font-size: 16px;
      font-weight: 500;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.57;
      letter-spacing: normal;
      text-align: left;
      color: #797979;
      padding: 5px; }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .product-discovery-wrapper .product-discovery-inner .product-type .product-type-desc {
          font-size: 14px; } }
      @media screen and (min-width: 320px) and (max-width: 480px) {
        .product-discovery-wrapper .product-discovery-inner .product-type .product-type-desc {
          font-size: 16px;
          text-align: center; } }
      .product-discovery-wrapper .product-discovery-inner .product-type .product-type-desc span {
        color: #007a3d;
        padding: 0; }
    .product-discovery-wrapper .product-discovery-inner .product-type .product-type-text {
      font-size: 18px;
      font-weight: 500;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.28;
      letter-spacing: normal;
      text-align: left;
      color: #f5f5f5;
      background-color: #3f3f3f;
      color: #ffffff;
      text-transform: uppercase !important;
      width: 100%;
      display: block;
      text-align: left;
      padding: 11px 20px; }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .product-discovery-wrapper .product-discovery-inner .product-type .product-type-text {
          text-align: center;
          font-size: 16px; } }
      @media screen and (min-width: 320px) and (max-width: 480px) {
        .product-discovery-wrapper .product-discovery-inner .product-type .product-type-text {
          text-align: center;
          font-size: 16px; } }
    .product-discovery-wrapper .product-discovery-inner .product-type .selectedOption {
      border: 2px solid #007a3d !important; }
    .product-discovery-wrapper .product-discovery-inner .product-type .selectedOption::after {
      content: "\f00c";
      font-family: fontAwesome;
      border-top: none;
      margin-left: auto;
      background-color: #007a3d;
      color: white;
      font-size: 16px;
      padding: 2px 6px;
      border-radius: 50%;
      position: absolute;
      top: 1rem;
      right: 1rem; }
  .product-discovery-wrapper .product-discovery-inner .pdt-select-radio {
    padding: 1rem;
    height: auto !important;
    width: 100% !important; }
    .product-discovery-wrapper .product-discovery-inner .pdt-select-radio .product-card {
      border-radius: 0;
      border: solid 1px rgba(140, 142, 141, 0.22); }
      .product-discovery-wrapper .product-discovery-inner .pdt-select-radio .product-card span {
        font-family: 'Lato-Regular';
        padding: 1rem 2rem;
        background-color: #fff !important;
        font-size: 18px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.28;
        letter-spacing: normal;
        text-align: left;
        color: #313131; }
    .product-discovery-wrapper .product-discovery-inner .pdt-select-radio [type="radio"] {
      display: none; }
      .product-discovery-wrapper .product-discovery-inner .pdt-select-radio [type="radio"] + *::before {
        content: "";
        display: inline-block;
        vertical-align: middle;
        width: 1.682rem;
        height: 1.682rem;
        margin-right: 0.5rem;
        border-radius: 50%;
        border-style: solid;
        border-width: 0.01rem;
        border-color: gray;
        position: absolute;
        top: 2rem;
        right: 3rem; }
        @media screen and (min-width: 320px) and (max-width: 480px) {
          .product-discovery-wrapper .product-discovery-inner .pdt-select-radio [type="radio"] + *::before {
            padding-top: 5px; } }
      .product-discovery-wrapper .product-discovery-inner .pdt-select-radio [type="radio"]:checked + *::before {
        content: '\f00C';
        color: #fff;
        font-family: 'FontAwesome';
        background: #007a3d;
        border-color: #007a3d; }
  .product-discovery-wrapper .product-discovery-inner .hero-title {
    display: flex;
    padding: 1.5rem;
    border-radius: 10px;
    background: #fff; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      .product-discovery-wrapper .product-discovery-inner .hero-title {
        padding: 1.5rem 0.5rem; } }
  .product-discovery-wrapper .product-discovery-inner .btn-pdt-secondary {
    background-color: #fff !important;
    color: #007a3d !important;
    border: 1px solid #007a3d !important;
    margin: auto auto auto 0;
    padding: 10px 37px 9px;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    letter-spacing: normal; }
    .product-discovery-wrapper .product-discovery-inner .btn-pdt-secondary:focus, .product-discovery-wrapper .product-discovery-inner .btn-pdt-secondary:active {
      box-shadow: unset;
      background-color: #fff !important;
      color: #007a3d !important; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      .product-discovery-wrapper .product-discovery-inner .btn-pdt-secondary {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 48%; } }
  .product-discovery-wrapper .product-discovery-inner .disable-btn {
    opacity: 0.3; }
  .product-discovery-wrapper .product-discovery-inner .btn-pdt-primary {
    margin: auto 0 auto auto;
    padding: 10px 38px 9px 37px;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    letter-spacing: normal;
    border: 1px solid #007a3d !important; }
    @media only screen and (max-width: 320px) {
      .product-discovery-wrapper .product-discovery-inner .btn-pdt-primary {
        padding: 10px 10px 9px 10px; } }
    .product-discovery-wrapper .product-discovery-inner .btn-pdt-primary:focus, .product-discovery-wrapper .product-discovery-inner .btn-pdt-primary:active {
      box-shadow: unset;
      background-color: #007a3d !important;
      color: #fff !important; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      .product-discovery-wrapper .product-discovery-inner .btn-pdt-primary {
        position: absolute;
        bottom: 0;
        right: 0;
        width: 48%; } }

.pdt-result-main {
  padding-top: 2rem;
  font-family: "Lato-Regular" !important; }
  .pdt-result-main .pdt-feedback {
    margin-top: 1rem;
    background-color: #fff;
    padding-top: 1rem;
    padding-bottom: 2rem; }
    .pdt-result-main .pdt-feedback .pdt-feedback-input {
      flex: 0 0 25%;
      margin: 0.5rem 1rem 0.5rem 0rem;
      width: auto;
      font-size: 12px;
      padding: 1.1rem;
      border-radius: 7px;
      border: solid 1px #9a9c9b; }
      @media screen and (min-width: 320px) and (max-width: 480px) {
        .pdt-result-main .pdt-feedback .pdt-feedback-input {
          flex: 0 0 98%; } }
    .pdt-result-main .pdt-feedback .btn-pdt-primary {
      margin: 0.5rem 0rem 0.5rem 0rem; }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .pdt-result-main .device-resp {
      flex: 0 0 100%;
      max-width: 100%; } }
  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
    .pdt-result-main .device-resp {
      flex: 0 0 100%;
      max-width: 100%; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .pdt-result-main .device-resp .product {
      flex: 0 0 44%;
      max-width: 44%; } }
  .pdt-result-main .product-slide-title {
    padding: 1.5rem;
    padding-left: 0;
    font-size: 22px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.27;
    letter-spacing: normal;
    text-align: left;
    color: #007a3d; }
  .pdt-result-main .product-slide-subtitle {
    padding: 0.5rem;
    padding-left: 0;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.27;
    letter-spacing: normal;
    text-align: left;
    color: #000; }
  .pdt-result-main .pdt-result-listing {
    overflow-y: auto;
    height: calc(100vh - 220px);
    scrollbar-color: #007a3d transparent; }
    .pdt-result-main .pdt-result-listing::-webkit-scrollbar {
      background: transparent;
      max-width: 10px !important; }
    .pdt-result-main .pdt-result-listing::-webkit-scrollbar-thumb {
      background: #007a3d;
      max-width: 10px !important; }
    .pdt-result-main .pdt-result-listing ::-webkit-scrollbar:hover {
      width: 10px; }
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
      .pdt-result-main .pdt-result-listing {
        height: auto; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .pdt-result-main .pdt-result-listing {
        height: auto; } }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      .pdt-result-main .pdt-result-listing {
        height: auto; } }
  .pdt-result-main .product-result-inputs {
    padding: 1.5rem;
    padding-top: 0;
    background-color: #fff; }
  .pdt-result-main .btn-pdt-primary {
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.54;
    letter-spacing: normal;
    text-align: left;
    color: #ffffff;
    border: none;
    padding: 7px 33px 8px;
    border-radius: 10px;
    background-color: #007a3d; }
  .pdt-result-main .product-discovery-inner h5 {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 2;
    letter-spacing: normal;
    text-align: left;
    margin-bottom: 0;
    color: #007a3d; }
  .pdt-result-main .product-discovery-inner .input-group {
    width: auto; }
    .pdt-result-main .product-discovery-inner .input-group span, .pdt-result-main .product-discovery-inner .input-group select {
      font-size: 12px;
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.92;
      letter-spacing: normal;
      text-align: left;
      color: #313131; }
    .pdt-result-main .product-discovery-inner .input-group select {
      width: 100%;
      padding: 5px;
      border: 1px solid #efefef;
      outline: none;
      display: inline-block;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      cursor: pointer; }
    .pdt-result-main .product-discovery-inner .input-group .pdt-select {
      width: 60%;
      position: relative; }
      .pdt-result-main .product-discovery-inner .input-group .pdt-select:after {
        content: "\f107";
        font-family: fontAwesome;
        font-size: 16px;
        color: #007a3d;
        font-weight: bold;
        right: 12px;
        top: 5px;
        padding: 0 0 2px;
        position: absolute;
        pointer-events: none; }
    .pdt-result-main .product-discovery-inner .input-group label {
      margin-bottom: .5rem;
      margin-left: 1rem; }
    .pdt-result-main .product-discovery-inner .input-group [type="radio"] {
      display: none; }
      .pdt-result-main .product-discovery-inner .input-group [type="radio"] + *::before {
        content: "";
        display: inline-block;
        vertical-align: middle;
        width: 1rem;
        height: 1rem;
        margin-right: 0.5rem;
        border-radius: 50%;
        border-style: solid;
        border-width: 0.01rem;
        border-color: gray; }
      .pdt-result-main .product-discovery-inner .input-group [type="radio"]:checked + *::before {
        background: radial-gradient(#007a3d 0%, #007a3d 40%, transparent 50%, transparent);
        border-color: #007a3d; }
    .pdt-result-main .product-discovery-inner .input-group input[type="checkbox"] {
      display: none; }
      .pdt-result-main .product-discovery-inner .input-group input[type="checkbox"] + *::before {
        content: "";
        display: inline-block;
        vertical-align: middle;
        width: 1rem;
        height: 1rem;
        margin-right: 0.5rem;
        border-radius: 10%;
        border-style: solid;
        border-width: 0.01rem;
        border-color: gray;
        flex-shrink: 0; }
      .pdt-result-main .product-discovery-inner .input-group input[type="checkbox"]:checked + *::before {
        content: "✓";
        color: #fff;
        font-size: 8px !important;
        text-align: center;
        font-weight: 900;
        background: #007a3d;
        border-color: #007a3d; }
  .pdt-result-main .product-discovery-inner .input-wrapper {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start; }
  .pdt-result-main #product-listing h3 {
    padding: 1.5rem;
    padding-left: 0;
    font-size: 22px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.27;
    letter-spacing: normal;
    text-align: left;
    color: #007a3d; }
  .pdt-result-main #product-listing .col-12 p {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 2;
    letter-spacing: normal;
    text-align: left;
    color: #007a3d; }
  .pdt-result-main #product-listing .product {
    max-width: 50%;
    flex: 0 0 43%; }

.unavailable_pin_err {
  padding: 22px 18px;
  color: red;
  font-size: 15px;
  display: none; }

.checkout_del_note {
  padding: 22px 18px;
  color: green;
  font-size: 15px; }

.ty-form-sub {
  display: none;
  padding-top: 5px !important; }

@media only screen and (max-width: 320px) {
  .wc-address-book-make-primary {
    padding: 10px !important;
    font-size: 8px !important; } }

@media only screen and (max-width: 320px) {
  .wc-address-book-delete {
    font-size: 8px !important; } }

@media screen and (min-width: 320px) and (max-width: 480px) {
  .product-details-wrapper {
    margin-top: 20px; } }
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .product-details-wrapper .buy-button .br_compare_button, .product-details-wrapper .variations_form .br_compare_button {
    width: 80px !important; } }
@media screen and (min-width: 320px) and (max-width: 480px) {
  .product-details-wrapper .buy-button .cart .button, .product-details-wrapper .buy-button .single_variation_wrap .button, .product-details-wrapper .variations_form .cart .button, .product-details-wrapper .variations_form .single_variation_wrap .button {
    padding: 0 9px; } }
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .product-details-wrapper .buy-button .cart, .product-details-wrapper .buy-button .single_variation_wrap, .product-details-wrapper .variations_form .cart, .product-details-wrapper .variations_form .single_variation_wrap {
    width: auto;
    display: inline-block;
    margin: 0;
    margin-top: 15px; } }
@media screen and (min-width: 320px) and (max-width: 480px) {
  .product-details-wrapper .buy-button .cart, .product-details-wrapper .buy-button .single_variation_wrap, .product-details-wrapper .variations_form .cart, .product-details-wrapper .variations_form .single_variation_wrap {
    margin-top: 15px; } }
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .product-details-wrapper .buy-button .wczpc_maindiv, .product-details-wrapper .variations_form .wczpc_maindiv {
    display: block !important; } }
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .product-details-wrapper .buy-button .wczpc_maindiv .wczp_cookie_check_div .response_pin, .product-details-wrapper .variations_form .wczpc_maindiv .wczp_cookie_check_div .response_pin {
    margin: 0 !important; } }
@media screen and (min-width: 320px) and (max-width: 480px) {
  .product-details-wrapper .buy-button .wczpc_maindiv .wczp_cookie_check_div .response_pin, .product-details-wrapper .variations_form .wczpc_maindiv .wczp_cookie_check_div .response_pin {
    margin: 0 !important; } }
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .product-details-wrapper .buy-button .wczpc_maindiv .wczp_cookie_check_div input.wczpcheck, .product-details-wrapper .variations_form .wczpc_maindiv .wczp_cookie_check_div input.wczpcheck {
    margin-left: 0 !important;
    padding: 10px !important; } }
@media screen and (min-width: 320px) and (max-width: 480px) {
  .product-details-wrapper .buy-button .wczpc_maindiv .wczp_cookie_check_div input.wczpcheck, .product-details-wrapper .variations_form .wczpc_maindiv .wczp_cookie_check_div input.wczpcheck {
    margin-left: 0 !important;
    padding: 10px !important; } }
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .product-details-wrapper .buy-button .wczpc_maindiv h3, .product-details-wrapper .variations_form .wczpc_maindiv h3 {
    float: none !important;
    width: 100% !important;
    height: auto; } }
@media screen and (min-width: 320px) and (max-width: 480px) {
  .product-details-wrapper .buy-button .wczpc_maindiv h3, .product-details-wrapper .variations_form .wczpc_maindiv h3 {
    float: none !important;
    width: 100% !important;
    height: auto; } }
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .product-details-wrapper .buy-button .wczpc_maindiv .wczp_checkcode, .product-details-wrapper .variations_form .wczpc_maindiv .wczp_checkcode {
    width: 100%; } }
@media screen and (min-width: 320px) and (max-width: 480px) {
  .product-details-wrapper .buy-button .wczpc_maindiv .wczp_checkcode, .product-details-wrapper .variations_form .wczpc_maindiv .wczp_checkcode {
    width: 100%; } }
@media screen and (min-width: 320px) and (max-width: 480px) {
  .product-details-wrapper .buy-button .wczpc_maindiv .wczp_checkcode .response_pin, .product-details-wrapper .variations_form .wczpc_maindiv .wczp_checkcode .response_pin {
    font-size: 13px !important;
    text-align: left;
    padding: 0; } }
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .product-details-wrapper .buy-button .wczpc_maindiv:after, .product-details-wrapper .variations_form .wczpc_maindiv:after {
    display: block;
    clear: both;
    content: ""; } }
@media screen and (min-width: 320px) and (max-width: 480px) {
  .product-details-wrapper .buy-button .wczpc_maindiv:after, .product-details-wrapper .variations_form .wczpc_maindiv:after {
    display: block;
    clear: both;
    content: ""; } }

.delivered-wrapper {
  font-family: "Lato-Bold";
  font-size: 15px; }

@media screen and (min-width: 320px) and (max-width: 480px) {
  #product-sub-feature iframe, #view-in-ar iframe {
    width: 100% !important; } }

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .product_cat-commercial .product-details-wrapper .enquireNowBtn {
    display: inline-block;
    margin-bottom: 10px; } }
@media screen and (min-width: 320px) and (max-width: 480px) {
  .product_cat-commercial .product-details-wrapper .enquireNowBtn {
    display: inline-block;
    margin-bottom: 10px; } }

.br_new_compare .br_right_table tbody .br_description_row td div {
  height: 240px !important;
  vertical-align: middle;
  display: inline; }

.br_main_top table h3 a {
  font-family: "Lato-Bold";
  font-size: 23px;
  color: #007a3d; }

.br_new_compare .br_left_table tr.br_description_row, .br_new_compare .br_right_table tr.br_description_row {
  height: 240px !important; }

.br_popup_opened #br_popup .br_popup_inner {
  font-family: "Lato-Regular" !important; }

#product-specification .cm_dsk_block {
  padding-top: 15px;
  padding-right: 0;
  padding-bottom: 15px; }

.fbr-btm {
  border-bottom: 1px solid #fff; }

.col-fotter-space {
  justify-content: space-between; }

#youtubeModel iframe {
  width: 100%; }

#media-center-view a {
  color: #007a3d; }
  @media screen and (min-width: 320px) and (max-width: 480px) {
    #media-center-view a {
      padding: 0 !important;
      font-size: 14px !important;
      line-height: 34px;
      font-family: "Lato-Regular" !important; } }

@media screen and (min-width: 320px) and (max-width: 480px) {
  .product .pro_detail_wrapper .slick-list .slick-slide {
    padding: 10px; } }
@media screen and (min-width: 320px) and (max-width: 480px) {
  .product .pro_detail_wrapper .slick-list .slick-slide a {
    display: block; } }

.dsk-only {
  display: block; }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .dsk-only {
      display: none; } }
  @media screen and (min-width: 320px) and (max-width: 480px) {
    .dsk-only {
      display: none; } }

.mb-only {
  display: none; }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .mb-only {
      display: block; } }
  @media screen and (min-width: 320px) and (max-width: 480px) {
    .mb-only {
      display: block; } }

.awards-wrapper h4 a {
  color: #8c8e8d !important;
  padding-left: 0 !important;
  padding-right: 2.1rem !important;
  font-size: 20px !important; }

.awards-wrapper h4 {
  color: #8c8e8d !important;
  padding-top: 10px !important;
  padding-left: 0 !important;
  padding-right: 2.1rem !important;
  font-size: 20px !important; }

.awards-wrapper a:hover, .awards-wrapper a:active {
  border-bottom: 0 !important;
  text-decoration: none !important; }

.award-content p {
  width: 100% !important; }

/*header search*/
.header-ar {
  color: #fff !important;
  font-size: 14px !important; }
  @media only screen and (max-width: 1024px) {
    .header-ar {
      font-size: 11px !important; } }

.header-ar:hover {
  color: green !important; }

.aosmith-header-search {
  float: right;
  padding-right: 20px;
  margin-top: 2px !important; }

.aosmith-header-search .form-control {
  background-color: #007a3d !important;
  color: #fff;
  margin-left: 10px;
  padding: 0 10px;
  height: calc(1em + 0.75rem + 0px);
  margin-top: 5px; }

.aosmith-header-search .fa {
  margin-top: 5px; }

/*sitemap*/
#sitemap-section {
  padding: 100px 0 50px;
  background-color: #007a3d; }

#sitemap-section .sitemap-heading {
  font-family: "Lato-Black";
  font-size: 36px;
  color: #fff; }

.bg-pattern {
  position: relative;
  padding-bottom: 75px; }

.bg-pattern:before {
  position: absolute;
  z-index: -1;
  content: "";
  width: 100%;
  height: 600px;
  left: 0;
  top: 0;
  background-image: url(../../../aosmith/assets/images/pattern-bg.png);
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  background-size: cover;
  background-position: center center;
  opacity: 0.3; }

#pr_list li a {
  font-family: "Lato-Regular";
  font-size: 18px;
  color: #007a3d;
  margin-bottom: 10px; }

#pr_list h3 {
  font-family: "Lato-Bold";
  font-size: 20px;
  color: #007a3d;
  margin-bottom: 0.5rem; }

.mb50 {
  margin-bottom: 50px !important; }

.mb20 {
  margin-bottom: 20px; }

#pr_list ul.list-items > li {
  margin-bottom: 10px; }

@media screen and (max-width: 600px) {
  .table-container {
    overflow-x: auto; } }

.sitemap-table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 10px;
  padding: 0 6px;
  margin-bottom: 40px; }
  .sitemap-table .main-heading {
    background-color: #007a3d;
    color: #ffffff; }
    .sitemap-table .main-heading th {
      color: #ffffff; }
  .sitemap-table tbody tr {
    border-bottom: 1px solid #dddddd; }
  .sitemap-table th {
    padding: 10px 10px;
    font-family: 'Lato-Bold';
    font-size: 18px;
    color: #007a3d;
    border-bottom: 1px solid gray;
    width: 25%; }
    @media screen and (max-width: 600px) {
      .sitemap-table th {
        white-space: nowrap;
        font-size: 14px; } }
    @media screen and (max-width: 1180px) {
      .sitemap-table th {
        font-size: 16px; } }
    .sitemap-table th a {
      color: #ffffff;
      text-decoration: none; }
      .sitemap-table th a:hover {
        color: #ffffff; }
  .sitemap-table td {
    border-collapse: collapse;
    border-spacing: 0px;
    padding: 5px 10px; }
    .sitemap-table td a {
      font-family: 'Lato-Regular';
      font-size: 16px;
      color: #007a3d; }
      @media screen and (max-width: 600px) {
        .sitemap-table td a {
          padding: 0 !important; } }
      @media screen and (max-width: 1180px) {
        .sitemap-table td a {
          font-size: 14px; } }

#pr_list .sitemap-breadcrumbs {
  margin-top: 30px;
  line-height: 0;
  display: flex !important;
  justify-content: center;
  align-items: center;
  border-bottom: none; }
  #pr_list .sitemap-breadcrumbs li a {
    margin-bottom: 0px !important;
    border: none;
    color: #878787; }
    #pr_list .sitemap-breadcrumbs li a:hover {
      color: #007a3d; }

/*job page css*/
.bottom-cont {
  display: flex;
  align-items: flex-end; }

.job-filters-ct {
  max-width: 430px;
  margin-left: auto;
  margin-right: 120px; }
  @media screen and (min-width: 320px) and (max-width: 1024px) {
    .job-filters-ct {
      margin-right: 0;
      padding: 0 15px; } }
  @media screen and (min-width: 320px) and (max-width: 480px) {
    .job-filters-ct {
      margin-right: 0;
      padding: 0 15px; } }
  .job-filters-ct .search_jobs {
    display: flex;
    flex-direction: column;
    background: #fff;
    padding-left: 0; }
    .job-filters-ct .search_jobs .search_keywords, .job-filters-ct .search_jobs .search_location {
      width: 100% !important;
      padding-left: 0 !important;
      padding-right: 0 !important; }
      .job-filters-ct .search_jobs .search_keywords input, .job-filters-ct .search_jobs .search_location input {
        font-family: "Lato-Regular";
        font-size: 14px !important;
        height: 50px;
        border-radius: 10px;
        border: solid 1px #8c8e8d;
        padding-left: 20px;
        outline: none;
        margin-bottom: 15px; }
    .job-filters-ct .search_jobs .search_submit input {
      display: inline-block;
      padding: 8px 30px;
      border-radius: 10px;
      border: none;
      color: #fff;
      background: #007a3d;
      font-size: 17px;
      text-decoration: none;
      -webkit-transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1) !important;
      transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1) !important;
      margin-top: 0;
      height: 60px;
      margin-bottom: 0;
      max-width: 150px; }
      @media screen and (min-width: 320px) and (max-width: 480px) {
        .job-filters-ct .search_jobs .search_submit input {
          height: 50px;
          margin-bottom: 15px; } }
  .job-filters-ct .job_types {
    display: none; }

.browse-category {
  padding: 10% 0 7% 0; }
  .browse-category h2, .browse-category p {
    color: #007a3d; }
  .browse-category ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0; }
    .browse-category ul li {
      flex: 0 0 25%;
      width: 25%;
      border-left: solid 1px #007a3d;
      margin: 0 auto;
      text-align: center;
      padding: 5% 0; }
      @media screen and (min-width: 320px) and (max-width: 480px) {
        .browse-category ul li {
          width: 50%;
          flex: 0 0 50%;
          border: none; } }
      .browse-category ul li h4, .browse-category ul li p {
        color: #007a3d; }
      .browse-category ul li:nth-child(1), .browse-category ul li:nth-child(2), .browse-category ul li:nth-child(3), .browse-category ul li:nth-child(4) {
        border-bottom: solid 1px #007a3d; }
        @media screen and (min-width: 320px) and (max-width: 480px) {
          .browse-category ul li:nth-child(1), .browse-category ul li:nth-child(2), .browse-category ul li:nth-child(3), .browse-category ul li:nth-child(4) {
            border: none; } }
      .browse-category ul li:nth-child(1), .browse-category ul li:nth-child(5) {
        border-left: none; }
      @media screen and (min-width: 320px) and (max-width: 480px) {
        .browse-category ul li:nth-child(odd) {
          border-bottom: solid 1px #007a3d;
          border-right: solid 1px #007a3d !important; } }
      @media screen and (min-width: 320px) and (max-width: 480px) {
        .browse-category ul li:nth-child(even) {
          border-bottom: solid 1px #007a3d; } }

.sweet-perks {
  background: #f7fbfe;
  margin-top: 7%;
  padding-bottom: 7%; }
  .sweet-perks .middle-ct {
    display: flex;
    align-items: center; }
    .sweet-perks .middle-ct .right-img-ct {
      margin: 0 auto;
      text-align: center; }
      .sweet-perks .middle-ct .right-img-ct img {
        margin-top: -40px; }
        @media screen and (min-width: 320px) and (max-width: 480px) {
          .sweet-perks .middle-ct .right-img-ct img {
            margin-top: 0; } }
    .sweet-perks .middle-ct h3, .sweet-perks .middle-ct p {
      color: #007a3d; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      .sweet-perks .middle-ct h3 {
        padding-top: 25px; } }

.joblist {
  margin: 0;
  padding: 0;
  list-style: none; }
  .joblist li {
    border-bottom: solid 1px #007a3d;
    padding: 15px 0; }
    .joblist li ul {
      margin: 0;
      list-style: none;
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 0; }
      @media screen and (min-width: 320px) and (max-width: 480px) {
        .joblist li ul {
          flex-wrap: wrap; } }
      .joblist li ul li {
        color: #007a3d;
        border: none;
        padding: 0; }
        @media screen and (min-width: 320px) and (max-width: 480px) {
          .joblist li ul li {
            width: 30%; } }
        .joblist li ul li h5 {
          margin: 0;
          padding: 0;
          font-size: 16px;
          font-weight: bold; }
        .joblist li ul li p {
          color: #007a3d;
          padding: 0;
          margin: 0; }
          @media screen and (min-width: 320px) and (max-width: 480px) {
            .joblist li ul li p {
              line-height: 16px; } }
        .joblist li ul li button {
          background: #007a3d;
          color: #fff;
          border: none;
          border-radius: 10px;
          padding: 5px 20px; }
        .joblist li ul li:first-child {
          max-width: 280px;
          width: 100%; }
        .joblist li ul li:nth-child(3) {
          max-width: 130px;
          width: 100%; }

.jobs-tab {
  display: flex;
  align-items: center;
  padding-bottom: 20px; }
  .jobs-tab li {
    padding-right: 30px;
    color: #007a3d; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      .jobs-tab li {
        padding-right: 10px; } }
    .jobs-tab li:nth-child(2) {
      margin-left: auto; }
    .jobs-tab li:last-child {
      padding-right: 0; }
    .jobs-tab li a {
      color: #007a3d; }
      @media screen and (min-width: 320px) and (max-width: 480px) {
        .jobs-tab li a {
          padding: 0 !important; } }
    .jobs-tab li a.active a {
      font-weight: bold;
      text-decoration: underline;
      color: #007a3d; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      .jobs-tab li h3 {
        font-size: 18px; } }

.jobs-details {
  margin-top: 5%; }
  .jobs-details h3, .jobs-details p {
    color: #007a3d; }
  .jobs-details .job-list-thick ul {
    position: relative;
    list-style: none;
    margin-left: 0;
    padding-left: 1.2em; }
    .jobs-details .job-list-thick ul li {
      padding-left: 15px;
      margin-bottom: 15px;
      color: #fff; }
      .jobs-details .job-list-thick ul li:before {
        content: url(../../assets/images/tick-svgrepo-com.svg);
        position: absolute;
        left: 0;
        width: 15px;
        height: 20px; }

.letsspecific, .themust-have {
  background: #336930;
  padding: 7% 0; }
  .letsspecific h3, .themust-have h3 {
    color: #fff !important; }

.themust-have {
  padding: 7% 0 5% 0; }

button.job-apply {
  width: 30%;
  height: 50px !important;
  display: inline-block;
  padding: 8px 30px;
  border: 0 !important;
  border-radius: 10px !important;
  color: #fff;
  background: #9eca73;
  font-size: 14px !important;
  text-decoration: none;
  border: solid 1px #9eca73;
  -webkit-transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1) !important;
  transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1) !important;
  margin: 0 16px 0 0; }
  button.job-apply:hover {
    border: solid 1px #9eca73 !important; }

.middle-cont {
  display: flex;
  align-items: center; }
  .middle-cont .job-filters-ct h2, .middle-cont .job-filters-ct p {
    color: #007a3d; }

.jobcareerimg {
  text-align: center; }
  .jobcareerimg img {
    margin-left: 0 !important;
    margin-right: 0 !important; }

.whySmithct {
  text-align: center;
  margin-top: 115px; }
  .whySmithct h2 {
    color: #007a3d; }
  .whySmithct P {
    font-family: "Lato-Regular";
    font-size: 15px;
    color: #8c8e8d;
    line-height: 28px; }

.joblistct {
  margin: 3% 0 0% 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap; }
  .joblistct li {
    padding-right: 25px; }
    .joblistct li a {
      color: #8c8e8d; }
      .joblistct li a:hover {
        color: #007a3d; }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      .joblistct li {
        padding-right: 15px; } }
    .joblistct li:after {
      content: '/';
      padding-left: 10px;
      color: #8c8e8d; }
      @media screen and (min-width: 320px) and (max-width: 480px) {
        .joblistct li:after {
          content: ""; } }
    .joblistct li:last-child:after {
      content: ''; }

button.ctbtn {
  background: #9eca73;
  color: #fff;
  border: none;
  padding: 10px 25px;
  border-radius: 10px;
  border: solid 1px #9eca73; }
  button.ctbtn:hover {
    background: transparent;
    border: solid 1px #9eca73;
    color: #9eca73; }

.life-job-ct .right-img-ct {
  text-align: center; }
.life-job-ct p, .life-job-ct h3 {
  color: #007a3d; }

#work {
  background: #3c7b3f;
  padding: 5% 0 3% 0;
  margin-top: 5%; }
  #work h3 {
    color: #fff; }
  #work p {
    color: #fff; }

section#people, #life, #work, #latest_job {
  padding-top: 115px !important; }
  @media screen and (min-width: 320px) and (max-width: 480px) {
    section#people, #life, #work, #latest_job {
      margin-top: 55px !important; } }

.comm-css h2 {
  font-weight: 600;
  font-size: 36px;
  color: #108C16;
  padding-bottom: 15px; }
.comm-css p {
  font-size: 14px;
  font-weight: 600;
  line-height: 30px;
  color: #000; }

.seeopen-ct {
  background: #108C16;
  color: #fff;
  font-weight: 500;
  font-size: 14px;
  border-radius: 20px;
  padding: 6px 20px;
  text-decoration: none; }
  .seeopen-ct:hover {
    color: #fff; }

.mx-wd-50 {
  max-width: 548px;
  width: 100%;
  margin: auto;
  padding-top: 40px;
  padding-bottom: 60px; }

.blank-cl {
  color: #000 !important; }

.why-new-ct {
  max-width: 755px;
  padding-top: 45px;
  padding-bottom: 45px;
  margin: auto; }

.circle-point-ct {
  position: absolute;
  top: -30px;
  align-items: flex-start; }
  .circle-point-ct li {
    background: #fff;
    border: 3px solid #108C16;
    border-radius: 95px;
    max-width: 170px;
    min-height: 170px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center; }
    .circle-point-ct li:nth-child(1) {
      margin-left: 75px; }
    .circle-point-ct li:nth-child(2) {
      margin-left: 95px;
      margin-top: 70px; }
    .circle-point-ct li:nth-child(3) {
      margin-left: 70px; }
    .circle-point-ct li:nth-child(4) {
      margin-left: 90px; }
    .circle-point-ct li:nth-child(5) {
      margin-left: 90px; }
    .circle-point-ct li:nth-child(6) {
      margin-left: 90px;
      margin-top: -10px; }

.peopll-ct {
  max-width: 662px;
  margin: auto;
  padding-top: 50px; }

.albm-ct {
  display: flex;
  list-style: none;
  margin: 0 0 70px 0;
  padding: 0; }
  .albm-ct li {
    flex: 0 0 20%; }
    .albm-ct li img {
      margin-bottom: 20px; }
    .albm-ct li:nth-child(1), .albm-ct li:nth-child(5) {
      margin-top: -50px; }
    .albm-ct li:nth-child(2) {
      text-align: right; }
    .albm-ct li:nth-child(3) {
      text-align: center;
      flex: 0 0 22%;
      margin-top: 50px; }

.life-tm-ct {
  max-width: 400px;
  position: absolute;
  top: 50%;
  left: 125px;
  transform: translateY(-50%); }

.profile-img {
  flex: 0 0 30%; }
  .profile-img .img-capt {
    position: absolute;
    background: #108C16;
    bottom: 0;
    border-radius: 20px 0px 0px 0px;
    width: 30%;
    padding: 15px 0 0 15px; }
    .profile-img .img-capt h5 {
      font-size: 18px;
      font-weight: 600;
      color: #fff; }
    .profile-img .img-capt p {
      font-size: 11px;
      font-weight: 400;
      color: #fff; }

.bg-sl {
  background: #F4F4F4; }

.profile-info-ct {
  padding: 20px;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
  background: #fff;
  border-radius: 0 20px 20px 0; }
  .profile-info-ct img {
    max-width: 50px;
    width: 100%; }
  .profile-info-ct p {
    font-size: 19px;
    font-weight: 400;
    color: #000; }

.ct-arrow-sl-ne,
.ct-arrow-sl-pre {
  top: -80px;
  background: #fff;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  /*
  	&:hover{
  		background: #108C16;
  	}
  */ }
  .ct-arrow-sl-ne:after,
  .ct-arrow-sl-pre:after {
    color: #108C16;
    font-size: 20px;
    text-align: center; }

.ct-arrow-sl-pre {
  left: 88%; }

.swiper-button-disabled {
  opacity: 0.6 !important; }

.list-custome {
  justify-content: space-between; }

#product-listing #cards-section .body-txt a {
  color: #007a3d !important;
  font-weight: 600; }
  @media (max-width: 767px) {
    #product-listing #cards-section .body-txt a {
      padding-left: 0 !important;
      padding-right: 0 !important; } }

#product-details #buy_now_button {
  display: none; }

#product-details .add-to-cart-btn {
  display: none !important; }

.aosmith-ecommerce {
  display: none !important; }

.sale_amount {
  display: none !important; }

.wczpc_maindiv {
  display: none !important; }

.delivered-wrapper {
  display: none !important; }

.whatsapp-link-wrapper {
  position: fixed;
  z-index: 1000;
  bottom: 20px;
  right: 6px;
  display: block; }
  @media (max-width: 767px) {
    .whatsapp-link-wrapper {
      bottom: 15px;
      right: 0px; } }
  .whatsapp-link-wrapper .whatsapp-link-ct {
    font-size: 24px;
    color: white;
    background: linear-gradient(90deg, #12c665 0.85%, #009446 100%);
    border-radius: 50%;
    padding: 10px;
    outline: none;
    border: none;
    cursor: pointer;
    height: 54px;
    width: 54px;
    display: flex; }

.homepage-slider .swiper-wrapper .swiper-slide:first-child .slider-content {
  margin-bottom: 0rem;
  margin-left: 4rem !important;
  margin-top: 11rem !important; }
  @media (min-width: 768px) and (max-width: 1024px) {
    .homepage-slider .swiper-wrapper .swiper-slide:first-child .slider-content {
      margin-bottom: 0rem;
      margin-left: 2rem !important;
      margin-top: 5rem !important; } }
  @media (max-width: 767px) {
    .homepage-slider .swiper-wrapper .swiper-slide:first-child .slider-content {
      margin-bottom: 0rem;
      margin-left: 0rem !important;
      margin-top: 1rem !important; } }

.sitemap-footer .footer-links {
  display: none !important; }

@media (max-width: 1199px) {
  #blog-inner-banner .bi-inner-content-playground .first {
    display: none !important; } }
@media (min-width: 1200px) {
  #blog-inner-banner .bi-inner-content-playground .first {
    position: sticky;
    float: left;
    top: 130px;
    max-width: 270px; } }
#blog-inner-banner .bi-inner-content-playground .first ul {
  padding: 0; }
  #blog-inner-banner .bi-inner-content-playground .first ul li {
    margin-bottom: 30px;
    list-style-type: none;
    transition: 0.5s all;
    position: relative; }
    #blog-inner-banner .bi-inner-content-playground .first ul li a {
      cursor: pointer;
      color: gray;
      font-weight: 500 !important; }
      #blog-inner-banner .bi-inner-content-playground .first ul li a:hover {
        text-decoration: none;
        font-weight: 600 !important;
        color: #595757; }
        #blog-inner-banner .bi-inner-content-playground .first ul li a:hover::before {
          background-color: gray; }
      #blog-inner-banner .bi-inner-content-playground .first ul li a::before {
        content: "";
        display: block;
        position: absolute;
        top: 13px;
        left: -50px;
        width: 40px;
        height: 2px;
        color: #b0b0b0;
        background-color: #b0b0b0; }
    #blog-inner-banner .bi-inner-content-playground .first ul li:hover {
      font-weight: 800 !important; }
  #blog-inner-banner .bi-inner-content-playground .first ul li.active-link {
    font-weight: 600; }
    #blog-inner-banner .bi-inner-content-playground .first ul li.active-link a {
      text-decoration: underline; }
@media (min-width: 1200px) {
  #blog-inner-banner .bi-inner-content-playground .second {
    max-width: 700px;
    margin: 0 auto 0 300px; } }
#blog-inner-banner .bi-inner-content-playground .second .bi-content h2 {
  width: auto; }
#blog-inner-banner .bi-inner-content-playground .second .bi-content p {
  width: auto; }
@media (max-width: 1199px) {
  #blog-inner-banner .bi-inner-content-playground .third {
    display: none !important; } }
@media (min-width: 1200px) {
  #blog-inner-banner .bi-inner-content-playground .third {
    position: sticky;
    float: right;
    top: 130px;
    max-width: 100px;
    width: fit-content; } }
#blog-inner-banner .bi-inner-content-playground .third .bi-social-icons .icon-ct a {
  background: #f5f5f5;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  margin-bottom: 10px;
  transition: 0.5s all; }
  #blog-inner-banner .bi-inner-content-playground .third .bi-social-icons .icon-ct a:hover {
    background-color: #0077cc; }
    #blog-inner-banner .bi-inner-content-playground .third .bi-social-icons .icon-ct a:hover i {
      color: white; }
    #blog-inner-banner .bi-inner-content-playground .third .bi-social-icons .icon-ct a:hover svg {
      fill: white; }
  #blog-inner-banner .bi-inner-content-playground .third .bi-social-icons .icon-ct a i {
    margin: 0; }
  #blog-inner-banner .bi-inner-content-playground .third .bi-social-icons .icon-ct a svg {
    fill: #8c8e8d; }

.new-related-post-section {
  padding: 20px 40px;
  border: 1px solid #bbbbbb;
  border-radius: 10px;
  margin: 20px 0; }
  @media (max-width: 767px) {
    .new-related-post-section {
      padding: 20px 20px; } }
  .new-related-post-section h2 {
    font-size: 22px;
    margin-bottom: 40px;
    margin-top: 10px;
    font-weight: 600;
    color: gray; }
  .new-related-post-section .post-ct .post {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 20px 0; }
    @media (max-width: 767px) {
      .new-related-post-section .post-ct .post {
        flex-direction: column; } }
    .new-related-post-section .post-ct .post .img-ct {
      width: 160px;
      height: 110px;
      border-radius: 5px;
      overflow: hidden; }
      @media (max-width: 767px) {
        .new-related-post-section .post-ct .post .img-ct {
          width: 100%;
          height: 140px; } }
      .new-related-post-section .post-ct .post .img-ct img {
        max-width: 100%;
        height: 100%;
        width: 100%;
        object-fit: cover; }
    .new-related-post-section .post-ct .post .content-ct {
      max-width: 430px; }
      .new-related-post-section .post-ct .post .content-ct h3 {
        font-size: 18px;
        margin-left: 15px;
        line-height: 26px; }
        .new-related-post-section .post-ct .post .content-ct h3 a {
          color: #007a3d;
          text-decoration: none; }
        @media (max-width: 767px) {
          .new-related-post-section .post-ct .post .content-ct h3 {
            margin-left: 0px;
            margin-top: 12px;
            font-size: 16px; } }

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