/*-----------------------------------------------------------------------------------
    
  CSS INDEX
  ===================

  1.0.0 Theme Default CSS (body, link color, section etc)
  2.0.0 Home CSS
    2.1.0 Header CSS
    2.2.0 Nav CSS
    2.3.0 Slider CSS
    2.4.0 Content CSS
      2.4.1 Best/Featured Products CSS
      2.4.2 New Products CSS
      2.4.3 Product By Category CSS
      2.4.4 News CSS
      2.4.5 Best News CSS
      2.4.6 News By Category CSS
      2.4.7 Slide News CSS
      2.4.8 Partner CSS
    2.5.0 Left - Right Sidebar CSS
      2.5.1 Nav CSS
      2.5.2 Advertisement CSS
      2.5.3 Video CSS
      2.5.4 Statistic CSS
      2.5.5 Search Bar CSS
      2.5.6 Viewest Products CSS
      2.5.7 Selling Products CSS
      2.5.8 Slide Image CSS
      2.5.9 News CSS
      2.5.10 Exchange Rate CSS
      2.5.11 Maps CSS
      2.5.12 Download CSS
      2.5.13 Link CSS
      2.5.14 Newsletter CSS
      2.5.15 Google Translate CSS
      2.5.16 Register CSS
      2.5.17 Support Online CSS
      2.5.18 Nav By Category CSS
      2.5.19 Facebook Plugin CSS
      2.5.20 Focus News CSS
      2.5.21 Date Now CSS    
  3.0 Footer CSS
  4.0 Shop CSS
  5.0 Shop Detail CSS
  6.0 Blog CSS
  7.0 Blog Detail CSS
  8.0 Contact CSS
  9.0 Cart CSS
  10.0 Checkout CSS
  11.0 404 CSS

-----------------------------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700');
@charset "utf-8";

/*----------------------------------------*/
/*  1.0  Theme default CSS
/*----------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6,
blockquote, pre, a, abbr, acronym, address, big, cite,
code, del, dfn, em, font, ins, kbd, q, s, samp, small,
strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul,
fieldset, form, label, legend, table, caption, tbody,
tfoot, thead, tr, th, td, img, embed {
  margin: 0;
  padding: 0;
  outline: 0;
}
a {
  color: #282828;
  transition: all 0.3s ease 0s;
  text-decoration: none;
}
a:active, a:hover {
  outline: 0 none;
}
a:hover {
  text-decoration: none;
}
a:focus {
  outline: 0px solid;
  text-decoration: none;
}
img {
  max-width: 100%;
  height: auto;
}
p {
  padding: 0;
  margin: 0px 0px 10px;
}
.entry-content img, .entry-content  h2{
 font-size: 24px;
border-radius: 10px;
padding-top: 8px;
font-weight: 700;
padding-bottom: 8px;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
.entry-content a{
color: #009f3c;
font-weight: bold;
}
caption, th, td {
  font-weight: normal;
}
.entry-content {
text-align: justify;
    font-size: 16px;
    line-height: 1.7;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
ol, ul {
  list-style: outside none none;
  margin: 0;
  padding: 0
}
.toc li:hover{background:#009f3c}.toc li:hover > a{color:#fff}.toc{border:2px solid #009f3c;background-color:#009f3c08;border-radius: 10px;}.toc li{padding:5px 10px;padding-left:32px}.toc li a{font-size:15.4px;font-weight:500}.toc ul{margin-left:0;padding-left:0;text-align:left}.toc-h3{margin-left:1em}.title-content{font-weight:700;padding:10px;font-size:22px}.rate{float:left;height:46px;text-align:left}
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}
::selection {
  background: #b3d4fc;
  text-shadow: none;
}
body, body.class_body {
  font-family: "Roboto", "Helvetica Neue", "Arial", sans-serif;
  font-size: 16px;
  line-height: 1.42857143;
  background: #f5f5f5;
}
.bg-white {background: #fff; }
.no-padding {padding: 0 !important;}
#content {padding-top: 5px;}
.widget {clear: both;}
.space-base {margin-bottom: 30px;}
.aw-blog-read-more {
  display: block;
  color: #282828;
  font: 500 12px/1.55 "Roboto", "Helvetica Neue", "Arial", sans-serif;
  margin-top: 10px;
  text-transform: uppercase;
  text-decoration: underline;
}
.meta-post {
  margin-top: -5px;
  margin-bottom: 10px;
  font-size: 12px;
  line-height: 1;
}
.block-title, .page-title, .relatived-product-title, .relatived-post-title {margin-bottom: 20px;}
.relatived-product-title .h3 {
  /*background: #2d2d2d;
  font-size: 16px;
  color: #fff;
  text-transform: uppercase;
  padding: 18px 25px;
  cursor: pointer;*/
}
.block-title .h3, .page-title.product-category h2 {
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    width: 100%;
    text-align: center;
    padding: 8px;
    background: #009f3c;
    cursor: pointer;
    position: relative;
    border-radius: 5px;
}
.block-title h3 a, .block-title .h3 a {color: #009f3c;}
.widget.widget-static-block-cate {
    background: #fff;
    padding: 0px 10px;
}
.post-image img {
    width: 100%;
    border: 2px solid #009f3c;
    padding: 3px;
}
/*----------------------------------------*/
/* 2.0 Home CSS
/*----------------------------------------*/
/* 2.1.0 Header CSS
/* ====================================== */
#top {
	background-color: #EEEEEE;
	border-bottom: 1px solid #e2e2e2;
	padding: 4px 0px 3px 0;
	min-height: 40px;
}
#top .container {padding: 0 20px;}
#top .language-select:hover {
  text-shadow: none;
  color: #ffffff;
  background-color: #ff9900;
  background-image: linear-gradient(to bottom, #ff9900, #ff7d00);
  background-repeat: repeat-x;
}
#top .btn-link, #top-links li, #top-links a {
	color: #888;
	text-shadow: 0 1px 0 #FFF;
	text-decoration: none;
}
#top .btn-link:hover, #top-links a:hover {color: #444;}
#top-links .dropdown-menu a {text-shadow: none;}
#top-links .dropdown-menu a:hover {
	color: #FFF;
  background-image: linear-gradient(to bottom, #ff9900, #ff7d00);
}
#top-links {padding-top: 6px;}
#top-links a + a {margin-left: 15px;}
.content-widget img, .block-post-img img,.relatived-image-wrap img{
      border-radius: 5px;
}
/* 2.2.0 Nav CSS
/* ====================================== */
.navbar-container{
  padding: 0px!important;
}
.navbar-container .navbar {
  min-height: 1px;
  margin: 0;
}
.navbar-container .navbar-m { overflow: hidden;}
.navbar-container .navbar-m .header a {
  display: block;
  padding: 14px 15px 13px 45px;
  color: #FFF;
  cursor: pointer;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 700;
  position: relative;
}
.navbar-container .navbar-m .header a:before {
  position: absolute;
  top: 16px;
  left: 15px;
  display: block;
  height: 2px;
  width: 20px;
  background: #fff;
  content: '';
}
.navbar-container .navbar-m .header a:after {
  position: absolute;
  top: 22px;
  left: 15px;
  display: block;
  height: 8px;
  width: 20px;
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
  content: '';
}
.navbar-container .navbar-m ul {display: none;}



/* 2.4.4 News CSS
/* 2.4.5 Featured News CSS
/* 2.4.6 News By Category CSS
/* 2.4.7 Slide News CSS
/* -------------------------------------- */

.block-post {
  position: relative;
  list-style: none!important;
  background: #fff;
}
.block-post.block-first-post .block-post-img {
  margin-bottom: 20px;
  position: relative;
}
.block-post.block-first-post .block-post-img img {
  -webkit-transition: all .25s;
  -moz-transition: all .25s;
  -ms-transition: all .25s;
  -o-transition: all .25s;
  transition: all .25s;
  opacity: .9;
  width: 100%;
}
.block-post.block-first-post .block-post-content {
  padding-bottom: 20px;
}
.post-description {
      text-align: justify;
}
.block-post.block-first-post h4 {
  margin: 0 auto 10px auto;
  padding: 0;
  font-size: 21px;
  font-weight: 400;
  line-height: 25px;
  font-style: normal;
  letter-spacing: normal;
  text-transform: uppercase;
}
.block-post.block-other-post {
  padding-bottom: 19px;
  margin-bottom: 18px;
  border-bottom: 1px solid #DDD;
}
.block-post.block-other-post .block-post-img {
  margin: 0;
  position: absolute;
  width: 110px;
  line-height: 0;
  overflow: hidden;
}
.block-post.block-other-post .block-post-content {
  margin-left: 125px;
  min-height: 74px;
}
.block-post.block-other-post h4 {
  margin: 0 auto 10px auto;
  padding: 0;
  font-size: 20px;
  font-weight: 400;
  line-height: 20px;
  font-style: normal;
  letter-spacing: normal;
  text-transform: none;
}
.block-post.block-other-post .post-description {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 12px;
}
.logo {
    position: absolute;
    top: 15px;
    left: 20px;
}
/* 2.4.4 News CSS
/* -------------------------------------- */

.news-wrap .block-post.block-other-post {
  padding-bottom: 0;
  margin-bottom: 20px;
  border-bottom: 0px;
}
.news-wrap .block-post.block-other-post:nth-child(2n) {padding-left: 0;}

/* 2.5.0 Left - Right Sidebar CSS
/* ====================================== */

#left-sidebar, #right-sidebar {z-index: 2;}
.single-widget {
  background: #fff;
  margin-bottom: 20px;
}
.single-widget .section-title, .block-title h3 {
font-size: 20px;
    color: #fff;
    text-transform: uppercase;
    width: 100%;
    padding: 8px;
    background: #009f3c;
    cursor: pointer;
    position: relative;
    border-radius: 5px;
}
.single-widget .section-title-support {
font-size: 20px;
    color: #fff;
    text-transform: uppercase;
    width: 100%;
    padding: 8px;
    background: #009f3c;
    cursor: pointer;
    position: relative;
    border-radius: 5px;
}
.single-widget .section-title-sell, .relatived-product-title .h3 {
font-size: 20px;
    color: #fff;
    text-transform: uppercase;
    width: 100%;
    padding: 8px;
    background: #009f3c;
    cursor: pointer;
    position: relative;
    border-radius: 5px;
}
h3.title_f_p_m_gh, .page-title.post-category h2, .relatived-post-title .h3{
font-size: 20px;
    color: #fff;
    text-transform: uppercase;
    width: 100%;
    /*text-align: center;*/
    padding: 8px;
    background: #009f3c;
    cursor: pointer;
    position: relative;
    border-radius: 5px;
}
.content-widget li i{
      color: #009f3c;
}
.single-widget .section-title a {color: #fff;}
.single-widget .content-widget {padding: 10px 0;}
.brand-slider-wrap.space-base {
    background: #fff;
}
.footer-widget-content a{
  color: #fff;
      font-size: 15px;
    line-height: 1.8;
}
.banner img {
    width: 100%;
}
/* 2.5.1 Nav CSS
/* 2.5.18 Nav By Category CSS
/* -------------------------------------- */

.single-widget .content-widget ul {} 
.single-widget .content-widget > ul {} 
.single-widget .content-widget ul li {
  border-bottom: 1px dashed #009f3c;
  position: relative;
  padding: 4px;
  font-size: 16px;
  line-height: 29px;
  color: #313131;
}
.single-widget .content-widget ul li.product-item {
  position: relative;
  padding: 8px 0px;
  font-size: 15px;
  line-height: 29px;
  color: #313131;
  background: none;
}
.single-widget .content-widget > ul > li {} 
.single-widget .content-widget ul li:last-child {border-bottom: 0px;}
.single-widget .content-widget ul li a {} 
.single-widget .content-widget > ul > li > a {text-transform: capitalize;} 
.single-widget .content-widget ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 100%;
  width: 100%;
  background: #FFF;
}
.single-widget .content-widget ul > li:hover > ul {display: block;}


/* 2.5.2 Advertisement CSS
/*----------------------------------------*/
.tintuc_news {
    margin: 15px 0px;
    border: 1px solid #999;
    padding: 5px;
}

.img_news img {
    width: 100%;
    -webkit-transition: ease-in-out 1s;
    -o-transition: ease-in-out 1s;
    transition: ease-in-out 1s;
}
.img_news {
    overflow: hidden;
    -webkit-transition: ease-in-out 1s;
    -o-transition: ease-in-out 1s;
    transition: ease-in-out 1s;
}
.img_news img:hover {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}
.name_news {
    font-weight: bold;
    font-size: 15px;
    text-transform: uppercase;
    text-align: center;
    padding-top: 10px;
}


/* 2.5.6 Viewest Products CSS
/* 2.5.7 Selling Products CSS
/* 2.5.9 News CSS
/*----------------------------------------*/

.single-widget .content-widget .product-item,
.single-widget .content-widget .post-item {
  text-transform: none;
}
.product-item .ma-item, .post-item .ma-item {
  margin-bottom: 10px;
}
.ma-item .products-images .product-image img {
  max-width: 80px;
  width: 100%;
  height: 80px;
}
h4.product-name {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}
.ma-item .post-images .post-image img {
  max-width: 83px;
}
.ma-item .products-des, .ma-item .post-des {
  margin-left: 95px;
}
.ma-item .products-des .product-name, .ma-item .post-des .post-name {
  margin: 0;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
}
.ma-item .products-des .product-name a, .ma-item .post-des .post-name a {
  padding-top: 5px;
  font-size: 16px;
    line-height: 22px;
}
.ma-item .post-des p {
  font-size: 15px;
  line-height: 1.4;
}
.product-top img {
    width: 100%;
    height: 250px;
}
/* 2.5.8 Slide Image CSS
/*----------------------------------------*/

.single-widget .content-widget.slide-widget ul li {border-bottom: 0px;}

/* 2.5.10 Exchange Rate CSS
/*----------------------------------------*/

.exchange-rate-widget table { width: 100%;}
.exchange-rate-widget table th, .exchange-rate-widget table td {text-align: center;}

/* 2.5.13 Link CSS
/*----------------------------------------*/

/* 2.5.15 Google Translate CSS
/*----------------------------------------*/

/* 2.5.16 Register CSS
/*----------------------------------------*/

/* 2.5.17 Support Online CSS
/*----------------------------------------*/

.agent-small {margin: 0px 0px 15px;}
.agent-small-title {margin-bottom: 5px;}
.agent-small-inner {
  display: table;
  width: 100%;
}
.agent-small-image {
  display: table-cell;
  width: 30px;
}
.agent-small-content {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  display: table-cell;
  padding-bottom: 12px;
  vertical-align: top;
}
.agent-small:last-child .agent-small-content {
  border-bottom: 0px;
}
.agent-small-yahoo, .agent-small-skype, .agent-small-tel {
line-height: 22px;
    padding-left: 5px;
    font-size: 15px;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 16px;
}
.agent-small-tel a{
  color: red;
  font-weight: bold;
}
/* 2.5.19 Facebook Plugin CSS
/*----------------------------------------*/

/* 2.5.20 Focus News CSS
/*----------------------------------------*/



/* 2.5.22 Statistic CSS
/*----------------------------------------*/
.wrap_total {width: 100%;}
.wrap_total .total{
  text-align: center;
  padding: 10px 0;
}
.wrap_total .label{
  display: block;
  position: relative;
  height: 24px;
  color: #000;
  font-size: 12px;
  font-weight: normal;
  text-align: left;
  padding: 0 0 0 10px;
  text-indent: 25px;
  line-height: 1.4;
}
.wrap_total .label:before {
  content: " ";
  width: 16px;
  height: 24px;
  position: absolute;
  left: 10px;
  top: 0px;
  background: url(uploads/icon/default-icon-total.png) no-repeat;
}
.wrap_total .online:before {background-position: -192px 0;}
.wrap_total .today:before {background-position: -160px 0;}
.wrap_total .week:before {background-position: -128px 0;}
.wrap_total .month:before {background-position: -96px 0;}
.wrap_total .total:before {background-position: -0 0;}
.wrap_total .value {
  text-align: right;
  padding-right: 10px;
  font-size: 12px;
  vertical-align: top;
}
.vdigit-0, .vdigit-1, .vdigit-2, .vdigit-3, .vdigit-4, .vdigit-5, .vdigit-6, .vdigit-7, .vdigit-8, .vdigit-9 {
  width: 15px;
  height: 20px;
  background: url(uploads/icon/default-digit.png) no-repeat top left;
  text-indent: -999em;
  display: inline-block;
}
.vdigit-0{background-position:0 0;}
.vdigit-1{background-position:-30px 0;}
.vdigit-2{background-position:-60px 0;}
.vdigit-3{background-position:-90px 0;}
.vdigit-4{background-position:-120px 0;}
.vdigit-5{background-position:-150px 0;}
.vdigit-6{background-position:-180px 0;}
.vdigit-7{background-position:-210px 0;}
.vdigit-8{background-position:-240px 0;}
.vdigit-9{background-position:-270px 0;}
.sty_table_rv th {
  height: 28px;
  padding: 5px;
  background: url("uploads/icon/content_box_title.png") repeat-x scroll 0% 0% #EDEDED;
  border: 1px solid #C8C8C8;
  color: #242424;
}
/*----------------------------------------*/
/* 3.0 Footer CSS
/*----------------------------------------*/

#site-footer {
background: #309b4b none repeat scroll 0% 0%;
  color: #fff;
  font-size: 13px;
  font-weight: 300;
  line-height: 23px;
  padding: 40px 0 0;
}
#site-footer .footer-top {/*margin-bottom: 30px;*/}
#site-footer .footer-top .footer-block {margin-bottom: 20px;}
#site-footer .footer-widget-title {
  font-size: 1.384em;
  font-weight: 700;
  text-transform: uppercase;
  color: #fff;
}
#site-footer .footer-top .footer-widget-title {
  border-bottom: 2px solid #fff;
  height: 35px;
  margin-bottom: 15px;
  margin-top: 3px;
  padding: 0 0 .67em;
}
#site-footer .footer-top .footer-widget-title>span {
  border-bottom: 2px solid #f90;
  display: inline-block;
  height: 35px;
  padding: 0;
}
#site-footer .footer-bottom {

  color: #fff;
  font-size: 11px;
}
#site-footer .footer-bottom a {color: #fff;}

/*----------------------------------------*/
/*  4.0 Shop CSS
/*----------------------------------------*/

.page-title.product-category h2 {}

/*----------------------------------------*/
/*  5.0 Shop Detail CSS
/*----------------------------------------*/
.socialsharing_product {margin-top: 20px;}
.socialsharing_product ul li {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 5px;
}
.socialsharing_product ul li .btn {
  padding: 7px 15px;
  border: 1px solid #ebebeb;
  border-radius: 3px;
  font-size: 12px;
  color: #777;
  background: #fff;
}
.socialsharing_product ul li .btn-facebook:hover {
  background-color: #435F9F;
  color: #fff;
}
.socialsharing_product ul li .btn-facebook i {color: #435F9F;}
.socialsharing_product ul li .btn-facebook:hover i {color: #fff;}
.socialsharing_product ul li .btn-twitter:hover {
  background-color: #00AAF0;
  color: #fff;
}
.socialsharing_product ul li .btn-twitter i {color: #00AAF0;}
.socialsharing_product ul li .btn-twitter:hover i {color: #fff;}
.socialsharing_product ul li .btn-google-plus:hover {
  background-color: #E04B34;
  color: #fff;
}
.socialsharing_product ul li .btn-google-plus i {color: #E04B34;}
.socialsharing_product ul li .btn-google-plus:hover i {color: #fff;}
.socialsharing_product ul li .btn-pinterest:hover {
  background-color: #CE1F21;
  color: #fff;
}
.socialsharing_product ul li .btn-pinterest i {color: #CE1F21;}
.socialsharing_product ul li .btn-pinterest:hover i {color: #fff;}

/*----------------------------------------*/
/*  6.0 Blog CSS
/*----------------------------------------*/

.postWrapper {
  padding-bottom: 25px;
  clear: both;
}
.page-title.post-category h2 {}
.postTitle {margin-bottom: 15px;}
.postTitle .post-title {
  font-size: 18px;
  font-weight: normal;
  margin: 0px;
  padding: 0px;
  text-transform: uppercase;
}
.postContent {padding-bottom: 10px;}

/*----------------------------------------*/
/*  7.0 Blog Detail CSS
/*----------------------------------------*/

.entry-title {
  font-size: 25px;
  line-height: 35px;
  font-weight: 700;
  font-style: normal;
  letter-spacing: 0px;
  text-transform: uppercase;
}
.post-meta, .post-author {
  font-size: 14px;
  line-height: 22px;
  margin: 3px 0 10px;
  font-weight: 700;
  text-transform: uppercase;
}
.post-meta i.fa-calendar-o {
  font-size: 12px;
  top: -1px;
  position: relative;
  margin-right: 4px;
}
.post-meta li {
  padding-left: 1px;
  padding-right: 1px;
}
.post-meta li, .post-author {
  font-size: 14px;
  line-height: 22px;
  font-weight: 700;
  font-style: normal;
  letter-spacing: 0px;
  text-transform: none;
}
.post-meta > li {
  display: block;
  white-space: nowrap;
}
.single-post-page .entry-header .post-author {
  font-size: 14px;
  line-height: 22px;
  font-weight: 700;
  font-style: normal;
  letter-spacing: 0px;
  text-transform: none;
  margin-bottom: 0px;
}
.post-author-avatar {
  width: 50px;
  height: 50px;
  max-width: 50px;
  border: none;
}
.post-date a {color: #9B9B9B;}
.entry-header .socialsharing_product {margin-bottom: 30px;}
.entry-content .single-post-image {margin-bottom: 30px;}
.fave_relatived_post {margin-bottom: 10px;}
.relatived-post-title {}
.relatived-post-title .h3 {}
.relatived-post-details .small-title {
  font-size: 18px;
    line-height: 25px;
  margin: 0 0 5px;
  font-style: normal;
  letter-spacing: 0px;
  text-transform: none;
}
.relatived-post-details .post-small-content {font-size: 16px;}
.relatived-image-wrap img {
    width: 100%;
}
/*----------------------------------------*/
/* 8.0 Contact CSS
/*----------------------------------------*/

/*----------------------------------------*/
/* 9.0 Cart CSS
/*----------------------------------------*/



/*----------------------------------------*/
/* 11.0.0 404 CSS
/*----------------------------------------*/

body.error404 {
  background-image: url('uploads/background/page404bg.jpg') !important;
  background-repeat: no-repeat;
  background-position: center -100px;
  background-size: 100% auto;
  color: #fff;
}
body.error404 .respone {
  margin-top: 30px;
  text-align: center;
  width: 100%;
}
body.error404 a {
  color: #fff;
}
body.error404 a:hover {
  color: #f90;
}
body.error404 .page-404 {
  color: #fff;
  float: left;
  margin-top: 495px;
  padding-bottom: 0px;
  text-align: center;
  width: 100%;
}
body.error404 .page-404 h3 {
  color: #fff;
  font-family: "Roboto", sans-serif;
  font-size: 45px;
  margin: 0 0 20px;
  text-transform: uppercase;
}
body.error404 .page-404 label {
  font-size: 18px;
  font-weight: normal;
  line-height: 46px;
  margin: 0;
}
.accordion .section-title:after {
  content: "\f055";
  font-family: "FontAwesome";
  font-size: 18px;
  position: absolute;
  top: -3px;
  right: 10px;
  left: auto;
  height: 40px;
  width: 40px;
  line-height: 40px;
  text-align: center;
  background: transparent;
}
.footer-widget-content .widget-title{
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 10px;
    font-size: 16px;
    color: #ffcc00;
}
.header-ab-home{
  margin-bottom: 15px;
}
.hotline-home-left {
    position: fixed;
    left: 6px;
    bottom: 0px;
    z-index: 999999;
}
.hotline-home-left ul a:nth-child(1) {
    background-color: #0099f8;
    width: 100px;
}
.hotline-home-left ul a {
    list-style: disc;
    background: #d33;
    margin-left: 0px;
    margin-right: 5px;
    padding: 0px 0px;
    color: #fff;
    font-size: 1em;
    font-weight: bold;
    border-radius: 20px;
    width: 155px;
    display: block;
    margin-top: 3px;
    border: 0px solid #fff;
}
.hotline-home-left ul i {
    margin-right: 5px;
    font-size: 20px;
    background: #ffffff;
    padding: 7px;
    width: 34px;
    border-radius: 20px;
    margin-bottom: 2px;
    margin-top: 2px;
    margin-left: 2px;
    color: #d33;
}
.hotline-home-left ul a:nth-child(2) {
    background-color: #486ba3;
    width: 130px;
}
#wrapper {
      background: #fff;
}
/** CUSTOM **/
.zoomContainer {z-index: 9;}

/** Layout Responsive **/
@media (min-width: 768px) {
  .relatived-image-wrap img{
        padding: 0;
  }
  .navbar-container .navbar-m {display: none;}
}
@media (min-width: 991px) {
  
}
@media (min-width: 1200px) {
   .container {
    width: 1200px;
        padding: 5px;
	}
  #wrapper{
  position: relative;
    width: 1200px;
    margin: 0 auto;
}
}
@media (max-width: 1024px) {
  
} 
@media (max-width: 768px) {
  .navbar-container .navbar-d {display: none;}
  .navbar-container .navbar-m {display: block;}
  .logo img {
    width: 55%;
	}
  .logo {
    top: 12px;
	}
  li.item.product-item {
    width: 33%;
	}
  .product-top img {
    height: 220px;
	}
  li.product-item-hnn {
    float: left;
 }
  .products-grid .product-item {
    margin-bottom: 40px;
	}
  .search_mau_gh {
    top: 30%;
    right: 210px;
	}
}
@media (max-width: 480px) {
   li.item.product-item {
    width: 100%;
	}
  .entry-title {
    font-size: 20px;
    line-height: 25px;
  }
  .fave_relatived_post {
    width: 100%;
	}
  #site-footer .footer-bottom {
    line-height: 25px;
  }
  .logo img {
    width: 25%;
	}
  .logo {
    top: 5px;
    left: 15px;
	}
  .postTitle .post-title {
    font-size: 16px;
    padding: 10px 0px 0px;
  }
  .postWrapper {
    padding-bottom: 0px;
  }
  .search_mau_gh {
    top: 50%;
    right: 60px;
	}
}
.product-item-hnn{
  padding: 5px;
}
@media (max-width: 320px) {
  .product-top img {
    height: 220px;
	}
  .relatived-image-wrap img {
    padding: 0;
	}
  .post-image img {
    height: 180px;
	}
  .logo img {
    width: 20%;
	}
  .logo {
    top: 8px;
    left: 10px;
	}
  .search_mau_gh {
    top: 55%;
    right: 28px;
	}
}