/*-----------------------------------------------------------------------------------

CSS INDEX
===================

1 Theme Default CSS (body, link color, section etc)
2 Home CSS
2.1 Header

-----------------------------------------------------------------------------------*/
@font-face {
  font-family: "Aleo B";
  src: url("../fonts/SVN_Aleo_Bold.otf");
}
@font-face {
  font-family: "Aleo BI";
  src: url("../fonts/SVN_Aleo_Bold_Italic.otf");
}
@font-face {
  font-family: "Aleo I";
  src: url("../fonts/SVN_Aleo_Italic.otf");
}
@font-face {
  font-family: "Aleo R";
  src: url("../fonts/SVN_Aleo_Regular.otf");
}
@font-face {
  font-family: "Roboto Slab B";
  src: url("../fonts/RobotoSlab-Bold.ttf");
}
@font-face {
  font-family: "Roboto Slab L";
  src: url("../fonts/RobotoSlab-Light.ttf");
}
@font-face {
  font-family: "Roboto Slab R";
  src: url("../fonts/RobotoSlab-Regular.ttf");
}
@font-face {
  font-family: "Roboto Slab T";
  src: url("../fonts/RobotoSlab-Thin.ttf");
}
@font-face {
  font-family: "Raleway L";
  src: url("../fonts/Raleway-Light-vi.ttf");
}
@font-face {
  font-family: "Raleway M";
  src: url("../fonts/Raleway-Medium-vi.ttf");
}
@font-face {
  font-family: "Raleway R";
  src: url("../fonts/Raleway-Regular-vi.ttf");
}

/* ============================================ *
 * Shared Classes
 * ============================================ */
.position-relative { position: relative; }
.display-block { display: block !important; }
.display-inline-block { display: inline-block !important; }
.display-inline { display: inline !important; }
.nobr { white-space: nowrap !important; }
.wrap { white-space: normal !important; }
.a-left { text-align: left !important; }
.a-center { text-align: center !important; }
.a-right { text-align: right !important; }
.v-top { vertical-align: top; }
.v-middle { vertical-align: middle; }
.f-left { float: right !important; }
.f-right { float: right !important; }
.f-none { float: none !important; }
.f-fix { float: left; width: 100%; }
.no-display, .visible-xs, .visible-sm, .visible-md, .visible-lg { display: none !important; }
@media (max-width: 767px) {
  .visible-xs { display: block !important; }
  .hidden-xs { display: none !important; }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm { display: block !important; }
  .hidden-sm { display: none !important; }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md { display: block !important; }
  .hidden-md { display: none !important; }
}
@media (min-width: 1200px) {
  .visible-lg { display: block !important; }
  .hidden-lg { display: none !important; }
}
.no-margin { margin: 0 !important; }
.no-padding .column { padding: 0 !important; }
.no-margin-top { margin-top: 0 !important; }
.no-margin-left { margin-left: 0 !important; }
.no-margin-right { margin-right: 0 !important; }
.no-margin-bottom { margin-bottom: 0 !important; }
.no-padding-top>.column { padding-top: 0 !important; }
.no-padding-left>.column { padding-left: 0 !important; }
.no-padding-right>.column { padding-right: 0 !important; }
.no-padding-bottom>.column { padding-bottom: 0 !important; }
.no-boder-top {border-top: 0 !important}
.no-boder-left {border-left: 0 !important}
.no-boder-right {border-right: 0 !important}
.no-boder-bottom {border-bottom: 0 !important}
.no-bg { background: none !important; }
.no-border { border: none !important }
.no-shadow { box-shadow: none !important; }
.no-radius, .no-radius * { border-radius: 0 !important; }
.bold { font-weight: bold !important; }
.last { margin-bottom: 0; }
.text-italic { font-style: italic; }
.text-uppercase, .text-uppercase>* { text-transform: uppercase !important; }
.dis-table { display: table; width: 100%; height: 100%; }

/*----------------------------------------*/
/*  1. Theme default CSS
/*----------------------------------------*/
html {
  font-size: 14px;
}
body {
  font-size: 14px;
  color: #666;
  background-color: #fff;
  font-family: "Raleway M";
  letter-spacing: 0px;
  overflow-x: hidden;
}
a {color: #666;}
h1, .h1, h1.ui.header {
  font-size: 2.571em;
  text-transform: uppercase;
}
h2, .h2, h2.ui.header {
  font-size: 2.143em;
  text-transform: uppercase;
}
h3, .h3, h3.ui.header {
  font-size: 1.714em;
}
h4, .h4, h4.ui.header {
  font-size: 1.286em;
}
h5, .h5, h5.ui.header {
  font-size: 1em;
}
h6, .h6, h6.ui.header {
  font-size: 0.857em;
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, .ui.header {
  line-height: 1.4;
  color: #000;
  /*font-family: "Roboto Slab B", serif;*/
  font-weight: 700;
  letter-spacing: 1px;
  margin: 0 0 20px;
}
h1, h2, h3 {
  letter-spacing: 0.15em;
}
p {
  letter-spacing: 0.5px;
}
.main {
  padding: 30px 0!important;
  background: #fff;
}
.ui.cards>.card {
  border-radius: 0;
  box-shadow: none;
}
.ui.cards a.card:hover, .ui.link.card:hover, .ui.link.cards .card:hover, a.ui.card:hover {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}
.ui.card>.image>img, .ui.cards>.card>.image>img {
  border-radius: 0;
  background: #eaeaea;
}
.ui.card>.content>.header>h2, .ui.cards>.card>.content>.header>h2 {
    font-size: 16px;
    letter-spacing: 1px;
    text-transform: capitalize;
    line-height: normal;
    padding: 5px 0;
    color: #444;
}
.ui.card>.content>.meta, .ui.cards>.card>.content>.meta {
      float: none;
    display: inline-block;
}
.ui.card>.content>.meta>.red.header, .ui.cards>.card>.content>.meta>.red.header {
    color: #F28449 !important;
    font-weight: 700;
}
.ui.card>.content>.meta, .ui.cards>.card>.content>.meta>.ui.header {

}
.produc-h .pro-cate-h .cards .card .content .right.floated.meta {
    padding-top: 4px;
}
.animating.dimmable:not(body), .dimmed.dimmable:not(body) {
  overflow: initial;
}
.blurring.dimmable>.dimmer {
  background: transparent;
}
.blurring.dimmed.dimmable>:not(.dimmer) {
  -webkit-filter: initial;
  filter: initial;
}

/*----------------------------------------*/
/*  2. Home CSS
/*----------------------------------------*/

/*  2.1 - Header
/* ========================================================================== */
.pusher .header-top, .pusher .ui .header-top {
color: #666;
    font-size: 1em;
    letter-spacing: 0.5px;
    padding: 5px 0;
    background: #3c3c3c;
}
.pusher .header-top .column, .pusher .ui .header-top .column {

}
.pusher .header-top [class*="wm-module"], .pusher .ui .header-top [class*="wm-module"] {
    height: 18px;
    padding: 2px 10px;
    min-height: 18px;
    background: none;
    font-size: 12px;
}
.pusher .header-top .arw-search-control, .pusher .ui .header-top .arw-search-control {
  padding: 10px 30px;
}
/*.pusher .header-top .header-logo, .pusher .ui .header-top .header-logo {
  padding: 20px 30px;
}*/
.pusher .header-top .header-mini-cart, .pusher .ui .header-top .header-mini-cart {
  padding: 10px 30px;
}
.pusher .header-top .header-mini-cart .button, .pusher .ui .header-top .header-mini-cart .button {
  background: none;
  padding-left: 0;
  padding-right: 0;
}
.pusher .header-top .header-mini-cart .button a, .pusher .ui .header-top .header-mini-cart .button a {
  color: #fff !important;
}
.pusher .header-top [class*="wm-module"] .item, .pusher .ui .header-top [class*="wm-module"] .item {
  padding: 0;
}
.header-container {
  -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.05);
  -ms-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.05);
}
.pusher .ui.nav-primary.menu {
    /* justify-content: center; */
    background: transparent;
}
.f-left .ui.input button.ui.button {
    background: #59b210;
    color: #fff;
}
.pusher .ui.nav-primary.menu .menu.right {
  display: none;
}
.pusher .ui.nav-primary.menu .item {
    color: #636363;
    font-weight: bold;
}

.pusher .ui.nav-primary.menu .item:hover, .pusher .ui.nav-primary.menu .active.item, .pusher .ui.nav-primary.menu .active.item:hover {
  color: rgba(0, 0, 0, .95);
  background: none;
}

/*  2.2 - Slider
/* ========================================================================== */
.wm-slider .owl-controls {margin: 0;}
.wm-module.wm-slider img {
    width: 100%;
    margin: auto;
}

/*  2.3 - Product Category
/* ========================================================================== */
.arw-column .wm-image.arw_column_bg>div {
  background-size: cover!important;
  background-position: center center!important;
  background-repeat: no-repeat!important;
  background-attachment: scroll!important;
}
.page-small-width {
  margin: 0 auto;
  max-width: 900px;
  padding: 0 15px;
}
.pusher .ui.grid .dividing.header, .arw-column .page-small-width .dividing.header {

}
.produc-h .dividing.header, .news-h .dividing.header, .news-news .ui.dividing.header, .menu-left h4.header.item {
    font-size: 1.3em;
    font-family: "Roboto Slab B";
    padding: 5px 0;
    text-transform: uppercase;
    /* letter-spacing: 0.15em; */
    position: relative;
}
.produc-h .dividing.header:before, .news-h .dividing.header:before, .news-news .ui.dividing.header:before, .menu-left h4.header.item:after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100px;
    height: 8px;
    border-bottom: 4px double #59b210;
}
.equal-height .frt-column {
  height: 360px;
  padding-top: 150px!important;
  padding-bottom: 150px!important;
}
.equal-height .frt-column-left.frt-column-left1 {
  background-color: rgb(189, 208, 148);
}
.equal-height .frt-column-right.frt-column-right1 {
  background-color: rgb(199, 219, 156);
}
.equal-height .frt-column-left.frt-column-left2 {
  background-color: rgb(188, 229, 211);
}
.equal-height .frt-column-right.frt-column-right2 {
  background-color: rgb(178, 217, 200);
}
.equal-height .frt-column-left.frt-column-left3 {
  background-color: rgb(158, 190, 223);
}
.equal-height .frt-column-right.frt-column-right3 {
  background-color: rgb(167, 200, 235);
}
.frt-column .dis-table .ui.header {
  color: #fff;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  font-size: 1.75em;
  text-transform: uppercase;
}

/*  2.4 - Blog
/* ========================================================================== */
.wm-post .ui.card>.image, .ui.cards>.card>.image {
  overflow: hidden;
  border-radius: 0 !important;
}
.wm-post .ui.card>.image>img, .ui.cards>.card>.image>img {
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.wm-post .ui.card:hover>.image>img, .ui.cards>.card:hover>.image>img {
  transform: scale(1.1, 1.1);
}
.ui.card>.content>.header, .ui.cards>.card>.content>.header {

}

/*  2.5 - Footer
/* ========================================================================== */
.footer-content.ui.grid {
  margin-top: 50px!important;
  -webkit-box-shadow: 0px 6px 12px 0 rgba(0, 0, 0, 0.176);
  -moz-box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.176);
  -ms-box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.176);
  box-shadow: 0 -6px 12px 0 rgba(0, 0, 0, 0.176);
}
.footer-content.ui.grid .footer-area-left {
  padding: 82px 80px 40px;
}
.footer-content .ui.menu .item {
  color: #d4d4d4;
  font-family: "Raleway R";
  padding: 0;
  padding-bottom: 6px;
  line-height: 30px;
}
.footer-content .ui.vertical.menu .header.item, .footer-content .column.footer-area-left h2.ui.header {
    font-family: "Roboto Slab B";
    text-transform: uppercase;
    font-size: 18px;
    color: #fff;
}
.footer-content .ui.menu .item:before {
  height: 0;
}
.ui.link.menu .item:hover, .ui.menu .dropdown.item:hover, .ui.menu .link.item:hover, .ui.menu a.item:hover, .ui.vertical.menu .active.item {
  background: none;
}
.footer-content.ui.grid .footer-area-right {
  padding-top: 0;
  padding-bottom: 0;
}
.footer-area-right .wm-image>div {
  background-size: cover!important;
  background-position: center center!important;
  background-repeat: no-repeat!important;
  background-attachment: scroll!important;
}
.footer-content.ui.grid .footer-area-right .content {
  padding: 80px 85px;
  color: #FFFFFF;
}
.footer-content.ui.grid .footer-area-right h3 {
  text-transform: uppercase;
  margin: 0 0 35px;
  font-size: 18px;
  color: #FFF;
}
.footer-area-right .widget-hover-element {
  visibility: hidden;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.footer-area-right:hover .widget-hover-element {
  visibility: visible;
  opacity: 1;
  filter: alpha(opacity=100);
}
.wm-module.wm-free-text.footer-copyright {
    text-align: center;
}
.footer-bottom.wm-mobile.column {
    background: #292929;
}
.footer-area-right p {
  color: #fff;
  font-size: 0.928rem;
  font-family: "Raleway R";
  line-height: 2em;
  letter-spacing: 0.5px;
}

/*  x.x - About us
/* ========================================================================== */
.container.arw_block_about_us {
  padding: 0 15px;
}
.container.arw_block_about_us .col-md-6 {
  width: 50%;
  float: left;
  position: relative;
  min-height: 1px;
  padding: 0 15px;
}
.about-left {
  margin-left: 30px;
  margin-bottom: 30px;
}

/*  x.x - Shop Category
/* ========================================================================== */
.ui.vertical.menu {
    border: 0;
    border-radius: 0;
    box-shadow: none;
    background: transparent;
}
.sidebar .vertical.menu.sidebar-content .item {
  display: block;
  color: #000;
  font-size: 1rem;
  font-family: "Raleway M";
  margin: 7px 0;
  padding: 0;
  letter-spacing: 0.5px;
  line-height: 2em;
}
.sidebar .vertical.menu.sidebar-content .header.item {
  background: #fff;
  font-size: 1.286em;
  font-weight: bold;
  font-family: "Roboto Slab B";
  letter-spacing: 1px;
  margin-bottom: 18px;
  position: relative;
  text-transform: capitalize;
  padding: 0;
  border-radius: 0;
}

/*  x.x - Breadcrumb
/* ========================================================================== */
.ui.grid>.breadcrumb {
  background-color: #f6f6f6;
}
.ui.grid>.breadcrumb .wm-breadcrumb>.ui.segment {
  border: 0;
  box-shadow: none;
  background: none;
  padding: 7px 0;
}
.ui.breadcrumb a.section {
  color: #999;
  font-family: "Raleway L";
}
.ui.breadcrumb .active.section {
    color: #99999b;
    font-weight: 100;
    font-size: 14px;
}
.header-top .menu.menu-contact {
    margin-top: 0;
    border: none;
    box-shadow: none;
    height: auto;
    line-height: 0;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    min-height: 18px;
    background: none;
}
.header-top .menu.menu-contact .active.item, .header-top .menu.menu-contact .item {
padding-right: 10px !important;
    background: none;
    font-size: 12px;
}
.pusher .header-top a, .pusher .ui .header-top a {
    color: #fff !important;
}
.pusher .header-top .header-mini-cart {
    padding: 0 30px;
}
.pusher .header-top .header-mini-cart .button {
    padding-top: 6px;
    padding-bottom: 6px;
}
.pusher .header-top [class*="wm-module"] i {
    color: #fff;
}
.f-left .ui.input input {
    width: 200px !important;
}
.header-container {
    background: #F4F4F4;
}
.wm-module.wm-slider {
    background: url(../img/slide4.png);
}
.row-two .thong-tin.center .wm-menu .menu.right {
    display: none;
}
.row-two .thong-tin.center .wm-menu .item i {
    padding: 14px;
    font-size: 18px;
    background: #666666;
    color: #fff;
    width: 48px;
    height: 48px;
    border-radius: 60px;
}
.row-two .thong-tin.center .wm-menu .item {
    padding: 0;
    background: none;
    color: #F48549;
    font-size: 15px;
    font-weight: bold;
}
.row-two .thong-tin.center .wm-menu {
    background: #F4F4F4;
    border: none;
    box-shadow: none;
    border-radius: 50px 0 0 50px;
}
.row-two .thong-tin.center .wm-menu .item:before {
    display: none;
}
.row-two .thong-tin.center .wm-menu .item span {
    color: #666;
    padding: 0 3px;
}
.ui.padded.grid .row-three .img-h.img-h-1 {
    padding-right: 5px;
}
.ui.padded.grid .row-three .img-h.img-h-2 {
    padding-left: 5px;
}
.ui.padded.grid .row-three .img-h img {
    height: 250px;
}
.produc-h .pro-cate-h .cards .card {
    border: 1px solid #d6d6d6;
    padding: 5px;
}
.produc-h .pro-cate-h .cards .card .content {
    padding: 5px;
    background: #fff !important;
    border: none;
    text-align: center;
}
.produc-h .pro-cate-h .cards .card .content a.header {
    display: table;
    width: 100%;
    height: 50px;
}
.produc-h .pro-cate-h .cards .card .content a.header h2 {
    display: table-cell;
    vertical-align: middle;
    font-size: 14px;
    font-weight: 700 !important;
    color: #666;
}
.produc-h .pro-cate-h .cards .card .buttons.bottom.two.attached {
    width: 30px !important;
    /* height: 36px; */
    margin: 0;
    position: absolute;
    top: 34%;
    left: 50%;
    transform: translate(-50%, -50%);
  display:none
    
}
.produc-h .pro-cate-h .cards .card .buttons.bottom.two.attached .ui.button {
    background: #666;
    color: #fff;
    width: 37px !important;
    padding: 10px 9px;
    border-radius: 7px !important;
}
.produc-h .pro-cate-h .cards .card .buttons.bottom.two.attached .ui.button i {
margin: 0;
    color: #fff !important;
    opacity: inherit;
}
.produc-h .pro-cate-h .cards .card:hover {
    border: 1px solid #ccc;
    box-shadow: none;
    transform: none;
}
.produc-h .pro-cate-h .cards .card:hover .buttons.bottom.two.attached {
  display:block;
}
.wm-module.wm-product.pro-cate-h .owl-nav {
    position: absolute;
    top: -54px;
    right: 0;
}
.wm-module.wm-product.pro-cate-h .owl-nav>div {
    width: 30px!important;
    height: 30px!important;
    border-radius: 5px!important;
    line-height: 30px!important;
    border-bottom: 2px solid #c2c2c2!important;
    color: #999!important;
    display: inline-block!important;
    zoom: 1!important;
    margin: 0 5px 0 0!important;
    padding: 0!important;
    font-size: 0px!important;
    text-align: center;
}
.wm-module.wm-product.pro-cate-h .owl-nav>div.owl-prev:before {
    content: "\f104";
}
.wm-module.wm-product.pro-cate-h .owl-nav>div:before {
    display: inline-block;
    opacity: 1;
    margin: 0 .25rem 0 0;
    width: 1.18em;
    height: 1em;
    font-family: Icons;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    text-align: center;
    speak: none;
    font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    font-size: 24px;
}
.wm-module.wm-product.pro-cate-h .owl-nav>div.owl-next:before {
    content: "\f105";
}
.wm-module.wm-product.pro-cate-h .owl-nav>div:before {
    display: inline-block;
    opacity: 1;
    margin: 0 .25rem 0 0;
    width: 1.18em;
    height: 1em;
    font-family: Icons;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    text-align: center;
    speak: none;
    font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    font-size: 24px;
}
.wm-module.wm-product.pro-cate-h .owl-nav>div:hover {
    border-color: #a0db87!important;
    background: #8ac172!important;
    color: #fff!important;
}
.row-four.produc-h.wm-mobile.column, .row-five.produc-h.wm-mobile.column {
    background: #F4F4F4;
    padding: 30px 10px;
}
.row-five.produc-h.wm-mobile.column .wm-module.wm-product.pro-cate-h {
    margin-bottom: 40px;
}
.row-two.wm-mobile.column {
    padding-top: 30px !important;
    padding-bottom: 15px !important;
}
.row-three.wm-mobile.column {
    padding-bottom: 30px !important;
    padding-top: 15px !important;
}
.row-six.wm-mobile.column .wm-free-text .ui.header span {
    color: #3AB54A;
}
.row-six.wm-mobile.column .wm-free-text .ui.header {
    color: #fff;
    text-align: center;
}
.row-six.wm-mobile.column .ui.form input[type="hidden"] {
    display: none;
}
.row-six.wm-mobile.column .wm-free-text .content {
text-align: center;
    margin-bottom: 20px;
    color: #dcdcdc;
}
.row-six.wm-mobile.column .ui.form {
    padding: 0 30%;
    text-align: center;
}
.row-six.wm-mobile.column {
    background: #13100b url(../img/newsletter-bg.jpg) no-repeat;
    padding: 40px 10px !important;
    background-size: auto 100%;
}
.row-six.wm-mobile.column .ui.form .ui.button {
    padding: 10px;
    background: #3ab54a;
}
.row-six.wm-mobile.column .ui.form label {
    width: 62px;
    text-align: left;
    padding: 10px 0;
    color: #c5c5c5;
    font-size: 16px;
}
.row-six.wm-mobile.column .ui.form label, .row-six.wm-mobile.column .ui.form input[type="text"] {
    display: inline-block;
    float: left;
}
.row-six.wm-mobile.column .ui.form input[type="text"] {
    width: 80%;
}
.news-h .wm-module.wm-post .cards .card {
    position: relative;
    overflow: hidden;
}
.news-h .wm-module.wm-post .cards .card .content {
    position: absolute;
    top: 170px;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.75);
    color: #fff;
    transition: all 0.5s ease-in-out;
    z-index: 99;
}
.news-h .wm-module.wm-post .cards .card:hover .content {
    top: 0;
  color:#fff;
}
.news-h .wm-module.wm-post .cards .card .content h2.header {
    font-size: 12px;
    color: #fff;
    font-weight: 100;
}
.news-h .wm-module.wm-post .cards .card .content .description {
    color: #d6d6d6;
    font-style: italic;
    font-size: 13px;
}
.produc-h .pro-cate-h .cards .card .content:hover .header h2 {
    color: #59B210;
}
.news-h.wm-mobile.column {
    padding: 30px 10px !important;
}
div#row-seven .column {
    padding: 0 !important;
}
.footer-content {
    background: #333;
    padding-top: 40px !important;
}
.footer-content .column.footer-area-left .content {
    color: #d4d4c9;
}
.wm-post.news-news .cards .card .content h2.header {
    font-size: 14px !important;
    color: #489805;
    letter-spacing: inherit;
}
.wm-post.news-news .cards .card .content {
    padding: 10px 0;
}
.wm-post.news-news .cards .card {
    padding: 6px;
    border: 1px solid #e4e4e4;
}
.wm-post-detail.head h1, .ui.stackable.grid .column .ui.grey.header.h2 {
    font-size: 20px;
    letter-spacing: inherit;
    color: #3e8602 !important;
}
.main.produc-h .pro-cate-h {
    margin-bottom: 30px;
}
.news-h .wm-module.wm-post .cards .card .content h4.header {
    color: #fff;
}



/*  x.x - Mobile
/* ========================================================================== */
@media (min-width: 1199px) {
}
@media (min-width: 992px) {
  .pusher .header-top [class*="wm-module"].header-logo, .pusher .ui .header-top [class*="wm-module"].header-logo {
    padding: 0px 10px;
  }
  
  .pusher .header-top .arw-search-control, .pusher .ui .header-top .arw-search-control {width: 57%;}
}
@media (min-width: 768px) {
  .wm-post .ui.card>.image>img, .wm-post .ui.cards>.card>.image>img { height: 222px; }
}
@media (max-width: 1024px) {
  .arw-column .wm-image.arw_column_bg>div {height: 902px !important;}
  .equal-height .frt-column { height: auto; padding-top: 30px!important; padding-bottom: 30px!important; }
  .footer-content.ui.grid .footer-area-right .content {padding: 80px 35px;}
}
@media (max-width: 991px) {
  /* .ui.three.cards>.card {width: calc(50% - 2em);} */
}
@media (max-width: 768px) {
  .arw-column .wm-image.arw_column_bg>div {height: 435px !important;}
  .footer-content.ui.grid .footer-area-right .content {padding: 80px 85px;}
  .main {padding: 20px 0 40px!important;}
  .header-logo-mobile {padding: 5px 0;}
  .row-six.wm-mobile.column .ui.form {
    padding: 0px 20%;
}
  .ui.grid>.breadcrumb {
    background-color: #f6f6f6;
    padding: 20px 0 !important;
}
  .header-mobile {
    background: #efefef;
}
  .wm-module.wm-menu.responsive {
    background: none;
}
}
@media (max-width: 480px) {
  .footer-content.ui.grid .footer-area-left {padding-left: 15px; padding-right: 15px;}
  .footer-content .ui.menu {width: 100%;}
  .footer-content.ui.grid .footer-area-right .content {padding: 80px 35px;}
  .container.arw_block_about_us .col-md-6 {width: 100%;}
  .about-left {margin-left: 0;}
  .ui.vertical.menu {padding-left: 1rem; padding-right: 1rem;}
  .main {padding: 30px 1rem!important;}
  .ui.padded.grid .row-three .img-h img {
    height: auto;
}
  .row-six.wm-mobile.column .ui.form {
    padding: 0px 0%;
}
  .row-six.wm-mobile.column .ui.form input[type="text"] {
    width: 100%;
}
}