@font-face {
    font-family: 'super';   
    src: url('http://any-autoparts.com/assets/fonts/supermarket.ttf');
    font-size: 18px  !important;
}

body {
	/*font-family: 'Kanit', sans-serif;*/
	font-family: 'Open Sans', 'super', sans-serif;	
	font-size: 16px;
}

a {
    color: #000;
    font-size: 16px;
    opacity: .9;
}

p {
    font-size: 18px;
}

p a{
    color: #676d6d;
    font-size: 18px!important;
    opacity: .9;

}

p a:hover{
    color: #404646;
}

.head-manu-web{
	font-size: 18px;
    font-weight: 600;
    color: #41cf79 !important;
    letter-spacing: 0.5px;
}

.font-hade-title{
	font-size: 30px;
	font-weight: 100;
}

.title_cat_head{
	font-size: 23px;
	font-weight: 100;
}

.detail_cat_text{
	padding-top: 5px;
    color: #7e7966;
    font-size: 19px;
    text-align: left;
}

.text-size{
	font-size: 15px !important;
}

.panding-no-lr {
	padding-left: 0px;
	padding-right: 0px;
}

.panding-no-tb {
	padding-top: 0px;
	padding-bottom: 0px;
}

.panding-l-aline {
	padding-left: 15px;
}

.panding-t {
	padding-top: 10px;
}

.margin-t{
	margin-top: 15px;
}

.margin-on{
	margin-top: 4%;
}

.margin-down{
	margin-bottom: 4%;
}

.margin-top-two {
    margin-top: 2%;
}

.margin-two {
    margin-bottom: 2%;
}

.panding-all{
	padding: 15px;
}

.panding-brand-tb{
	padding-top: 5px;
    padding-bottom: 5px;
}

.panding-b{
	padding-bottom: 15px;
}

.panding-l{
	padding: 15px;
}

.contact-down{
	margin-bottom: 0px;
}

.mobile{
	display: none;
}

.desktop{
	display:block;
}

#navigation {
	background-color: #41cf79;
	padding: 10px 0px 10px 0px;
}

.nav-boxTitle{
	background-color:#41cf79;
	color: #423c3c;
	padding-top: 5px;
	padding-bottom: 5px;
}

.nav-longTitle{
	background-color:#fff;
	color:#000;
	padding-top: 5px;
    font-size: 13px;
}

.nav-manutab {
    background-color: #000;
    color: #fff;
    font-size: 16px;
    margin-top: -2px;
}

.nav-smalllong{
	padding-left: 50px;
	padding-right: 50px;
}

.navbar-transparent {
	padding-top: 0px;
	margin-top: 40px;
	background-color: white;
	border-bottom: 0px solid transparent;
}


.navbar {
    border-radius: 0px;
    margin-bottom: 0px;
}

.navbar-inverse .navbar-nav>li>a {
    color: #f5f5f5;
}

.navbar-inverse {
    background-color: #fff;
    border-color: #ffffff;
}

.navbar .navbar-brand {
	padding-top: 5px;
	margin-top: 5px;
}

.navbar .navbar-nav > li > a {
	padding: 13px 65px 20px 65px;
	color: #fff;
}

.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
    background-color: #464444;
    border-color: #464444;
}

.form-control {
	margin-bottom: 0px;
}

.search-box {
	margin: 25px 0px;
}

.btn {
	border-radius: 1px;
}

.btn, .navbar .navbar-nav > li > a.btn {
	background-color: #23a958;
	padding: 9.5px 15px;
	border-color: #23a958;
	color: #ffffff;
}

.navbar .btn {
	margin: 25px 0px;
}

.navbar .navbar-nav > li > a {
    margin: 0px 0px;
    font-size: 21px;
}

.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover {
    color: #131212;
    background-color: #ffffff;
}

.color-a a{
	color: #000;
}

.navbar-default {
    border-bottom: 0px solid rgba(0, 0, 0, 0.1);
}

.navbar-default .navbar-nav > li > a:not(.btn) {
    color: #ffffff;
}

.section {
    margin-top: 0px;
}

.bg-section{
	background-color: #ececee;
}

/* Manu back */
/*
.mega-dropdown-menu {
	padding: 20px 0px;
	width: 100%;
	box-shadow: none;
	-webkit-box-shadow: none;
}
.mega-dropdown-menu .dropdown-header {
	font-size: 18px;
	color: #23a958;
	padding: 5px 60px 5px 5px;
	line-height: 30px;
}

.navbar-nav > li > .dropdown-menu {
    border-radius: 0px;
    margin-top: -1px;
}

.mega-dropdown {
	position: static !important;
}


.mega-dropdown-menu > li > ul {
	padding: 0;
	margin: 0;
}
.mega-dropdown-menu > li > ul > li {
	list-style: none;
}
.mega-dropdown-menu > li > ul > li > a {
	display: block;
	color: #222;
	/*padding: 3px 5px;*/
/*	
}
.mega-dropdown-menu > li ul > li > a:hover, .mega-dropdown-menu > li ul > li > a:focus {
	text-decoration: none;
}
.mega-dropdown-menu .dropdown-header {
	font-size: 18px;
	color: #23a958;
	padding: 5px 60px 5px 5px;
	line-height: 30px;
}

.navbar-nav > li > .dropdown-menu {
    border-radius: 0px;
    margin-top: -1px;
}

.dropdown-menu {
	display: block !important; 
	opacity: 1 !important; 
}
/*End manu back */
/* manu bluck */
.show-on-hover:hover > ul.dropdown-menu {
    display: block;    
}
.mega-dropdown {
  position: static !important;
}
.mega-dropdown-menu {
    padding: 0px 0px 15px 20px;
    width: 100%;
    box-shadow: none;
    -webkit-box-shadow: none;
}
.mega-dropdown-menu > li > ul {
  padding: 0;
  margin: 0;
}
.mega-dropdown-menu > li > ul > li {
  list-style: none;
}
.mega-dropdown-menu > li > ul > li > a {
  display: block;
  color: #222;
  padding: 3px 5px;
}
.mega-dropdown-menu > li ul > li > a:hover,
.mega-dropdown-menu > li ul > li > a:focus {
  text-decoration: none;
}
.mega-dropdown-menu .dropdown-header {
  font-size: 18px;
  color: #ff3546;
  padding: 5px 60px 5px 5px;
  line-height: 30px;
}

.carousel-control {
  width: 30px;
  height: 30px;
  top: -35px;

}
.left.carousel-control {
  right: 30px;
  left: inherit;
}
.carousel-control .glyphicon-chevron-left, 
.carousel-control .glyphicon-chevron-right {
  font-size: 12px;
  background-color: #fff;
  line-height: 30px;
  text-shadow: none;
  color: #333;
  border: 1px solid #ddd;
}

.navbar-inverse {
    background-color: #000;
    border-color: #ffffff;
}

.navbar-nav > li > .dropdown-menu {
    border-radius: 0px;
    margin-top: 0px;
}
/* arror */
.navbar-nav > li > .dropdown-menu:after {
    border-bottom: 11px solid #00000003;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    content: "";
    display: inline-block;
    position: absolute;
    left: 12px;
    top: -10px;
}
.dropdown-menu {
        transform: translate3d(0, 0px, 0);
}
/* End manu bluck */

/* home */
.filter:before {
    background: #7cc574;
}

.color-bgA{
	background-color: #ececee;
}

.color-text-head{
	color: #059546;
	text-align: center;
	font-weight: 100;
}

.section .title-area {
    margin: 0 auto 0px;
}

.section-our-team-freebie .container {
    margin-top: 5vh;
    margin-bottom: 50px;
}

.card-member .content {
    padding: 15px;
}

.card {
    border-radius: 3px;
}

.description {
    margin-bottom: 0px;
}

.avatar {
    border: 1px solid #c5a47e;
    border-radius: 0px;
    overflow: hidden;
    max-width: 225px;
    margin: 0 auto;
}

.avatar-danger {
    border-color: #7cc574;
}

.img-circle {
    border-radius: 0px;
}

.text-p{
	margin-bottom: 0px;
    margin-top: 10px;
}

.text-span-pro{
	color: #FF5722;
}

.text-facebook{
	margin-top: -32px !important;
    position: absolute;
    background-color: #3F51B5;
    border-color: #3F51B5;
}

.box-facebookH{
	text-align: right;
    padding-right: 40px;
}

.btn-social.btn-round {
    padding: 5px 11px;
}

.top-continer{
	margin-top: 5%;
}

.icon-topmanu{
	font-size: 2.3em;
    color: #8a9087;
    float: right;
    padding: 16px 15px 10px 0px;
}

.help-block {
    color: #F44336;
    text-align: left;
}

.form-control {
    border: 1px solid #c3c0c0;
}

/*End Home */

.btn, .navbar .navbar-nav > li > a.btn {
    opacity: 1.8;
}

.img-thumbnail {
    border: 0px solid #ddd;
}

.jumbotron p {
    margin-bottom: 5px;
    font-size: 14px;
}


.media-body, .media-left, .media-right {
    vertical-align: middle;
}

/* product */
.panel {
    margin-bottom: 0px;
    border: 0px solid transparent;
}

.boder-list-product{
	border: 1px solid #41cf79;
}

.box-h-title{
	background-color: #41cf79;
}

.text-h-title{
	margin-bottom: 0px;
    margin-top: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.nav> li.active > a {
    color: #000000;
    background-color: #fff;
}

.panel-group {
    margin-bottom: 0px;
}

.panel-group .panel+.panel {
    margin-top: 3px;
}

.badge {
    margin-top: 5px;
    border-radius: 15px;
}
/* End */

/* product detail */
.breadcrumb {
    background-color: #ffffff;
    margin-bottom: 0px;
}

.box-branddetail{
	border-bottom: 1px solid #eee;
}

.box-order-info{
	padding: 15px 15% 15px 15%;
    font-size: 18px;
    border-radius: 0px;
    background-color: #4CAF50;
}

/* End */

.icon-contact{
	font-size: 20px;
    padding-top: 5px;
    padding-bottom: 7px;
    border-radius: 20px;
    background-color: #67d994;
}

.icon-text{
	font-size: 12px;
    padding: 11px 9px 11px 8px;
    border-radius: 20px;
    background-color: #67d994;
}

.carousel-control {
	width: 30px;
	height: 30px;
	top: 45%;
}
.left.carousel-control {
	left: 30px;
	left: inherit;
}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {
	font-size: 12px;
	background-color: #fff;
	line-height: 30px;
	text-shadow: none;
	color: #333;
	border: 1px solid #ddd;
}

.carousel-control.left {
    background-image: -webkit-linear-gradient(left,rgba(0, 0, 0, 0) 0,rgba(0,0,0,.0001) 100%);
    background-image: -o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(0, 0, 0, 0)),to(rgba(0,0,0,.0001)));
    background-image: linear-gradient(to right,rgba(0, 0, 0, 0) 0,rgba(0,0,0,.0001) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
    background-repeat: repeat-x;
}

.carousel-control.right {
    background-image: -webkit-linear-gradient(left,rgba(0, 0, 0, 0) 0,rgba(0,0,0,.0001) 100%);
    background-image: -o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(0, 0, 0, 0)),to(rgba(0,0,0,.0001)));
    background-image: linear-gradient(to right,rgba(0, 0, 0, 0) 0,rgba(0,0,0,.0001) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
    background-repeat: repeat-x;
}

.carousel-control {
    font-size: 45px;
    color: #41cf79;
}

.carousel-span-left{
	margin-left: 25px;
}

.carousel-span-right{
	padding-right: 25px;
}

.pro-select-nav{
	background-color: #31ca6d;
    font-weight: bold;
    text-align: center;
}

.home-boxtextcat{
	margin-top: -160px;
    position: absolute;
    margin-left: -20%;
    font-size: 22px;
    width: 200px;
}

.home-cat-boxtext a{
	border-color: #ffffff;
	width: 225px;
	font-size: 20px;
}

.btn-white.btn-fill:hover, .btn-white.btn-fill:focus, .navbar .navbar-nav > li > a.btn-white.btn-fill:hover, .navbar .navbar-nav > li > a.btn-white.btn-fill:focus {
    color: #67d994;
    opacity: 1;
}

/* home footer */
.title-guarantee{
	text-align: left;
    padding-left: 15px;
    line-height: 48px;
}

.small-text {
    color: #777777;
    text-align: left;
    font-size: 16px;
}

.panel-title {
    font-size: 18px;
}

.card .title {
    color: #23a958;
}

.section-get-started .container {
    margin: 8vh auto;
}

/* footer */
.footer-color-black, .footer-transparent {
    background-color: #000;
    color: #fff;
}

.footer {
    line-height: 25px;
    font-family: 'Kanit', sans-serif !important;
}

.footer nav, p, label, .btn {
	font-family: 'Kanit', sans-serif !important;
}

.footer-big .copyright {
    margin: 0px 0px 0px;
    padding-top: 0px;
}

.navbar-toggle {
    background-color: #41cf79;
    border-radius: 1px;
}

.list-cat-product{
    padding: 10px;
    width: 280px;
    font-size: 18px;
}

.footer-btn-line{
	width: 200px;
    font-size: 20px;
    border-color: #81d742;
    background-color: #81d742;
    color: #fff;
}

.footer-btn-tel {
    width: 200px;
    font-size: 20px;
    border-color: #FFC107;
    background-color: #FFC107;
    color: #fff;
}

.b-texthead{
	font-size: 17px;
    font-weight: bold;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    background-color: #8BC34A;
    border: 2px solid #8BC34A;
    font-weight: bold;
}



.nav-tabs {
    border-bottom: 2px solid #aed581;
}

.navbar-brand {
    padding: 0px 15px;
}

.nav>li>a {
    padding: 15px 7px;
}

.nav-manutab .navbar-nav > li > a:hover{
    background-color : #000;
  	color: #9E9E9E;
}

.tab-content .active {
    background-color: #ffffff;
}

.nav-tabs .active{
	background-color: #fff;
}

.top-nav{
  margin-top: 146px;
}

.navbar-nav > li > .dropdown-menu {
    padding-left: 10px;
    padding-right: 10px;
}


#global-nav { 
  z-index: 9999;
  /*height: 110px;*/
  width: 100%;
  background: #fff;
  color: #000;
  /*line-height: 150px;*/
    -webkit-transition: height .5s, line-height .5s; /* Safari */
    transition: height .5s, line-height .5s;
}

.site-title {
  display: inline-block;
  -webkit-transition: all .5s;
    transition: all .5s;
}

.scrolled-nav .site-title  {
  width: 60px; 
  padding-top: 25px;
}

.nav-list {
  list-style: none;
}

.nav-list li {
  list-style: none;
  display: inline-block;
  padding-left: 20px;
}

.hero-section,
.content-section {
  height: 500px;
  padding: 100px;
}

.hero-text,
.content-text {
  max-width: 550px;
}

.hero-section h1 {
  color: #333;
}

.hero-section p {
  color: #333;
}

.content-section {
  background: aqua;
}

.scrolled-nav {
  height: 88px !important;
  /*line-height: 60px !important;*/
  position: fixed;
  top: 0px;
}

.counter {
  width: 20px;
  height: 20px;
  background: black;
  color: #fff;
  position: fixed;
  top: 120px;
  right: 0;
}

.posti{
	position: relative;
}

.navbar-brand>img {
    margin-top: -15px;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, .content-blog p {
    font-family: 'Open Sans', 'super', sans-serif !important
}

p, label, .btn, .form-control, .title h5, .navbar, .brand, .btn-simple, a, .td-name, td, small, .media h5, .subtitle {
    font-family: 'Open Sans', 'super', sans-serif !important
}

.navbar-nav > li > .dropdown-menu:after {
    left: 337px;
}

.text-a-map{
	color: #000;
    border: 1px solid #e4dede !important;
}

.counter-wishlist {
    position: absolute;
    top: 7px;
    right: -5px;
    background-color: #ffd647;
    text-align: center;
    font-size: 0.7em;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    color: #000000;
}

.counter-wishlist-m {
    position: absolute;
    top: 8px;
    left: 204px;
    background-color: #ffd647;
    text-align: center;
    font-size: 0.7em;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    color: #000000;
}

.bg-color-nav{
	background: #fff;
}

.box-heig{
	height: 380px;
}

.footer-icon-s{
	width: 35px;
    height: 35px;
    border-color: #545252 !important;
    background-color: #403e3e !important;
    padding: 5px;
}

.footer-color-black nav > ul a:hover, .footer-color-black nav > ul a:focus, .footer-transparent nav > ul a:hover, .footer-transparent nav > ul a:focus {
    color: #ffffff;
}

.footer-big .container > hr {
    margin-top: 10px;
}

.footer nav > ul a:not(.btn) {
    color: #ffffff;
    font-family: 'Kanit', sans-serif !important;
}


.slick-slider {
    height: initial !important;
}

.form-control {
    font-size: 16px;
}

/* nav mobile */
.side-menu-wrapper { /* style menu wrapper */
    overflow: hidden;
    background: rgba(0,0,0,.95);
    padding: 40px 0 0 40px;
    position: fixed; /* Fixed position */
    top: 0;
    right: -290px; /* Sidebar initial position. "right" for right positioned menu */
    height: 100%;
    z-index: 2;
    transition: 0.5s; /* CSS transition speed */
    width: 250px;
    font: 20px "Courier New", Courier, monospace;
}
.side-menu-wrapper > ul{ /* css ul list style */
    list-style:none;
    padding:0;
    margin:0;
    overflow-y: auto; /* enable scroll for menu items */
    width:500px; /* this width will hide scroll bar */
    height:45%;
}
.side-menu-wrapper > ul > li > a { /* links */
    display: block;
    border-bottom: 1px solid #131313;
    padding: 9px 4px 9px 4px;
    color: #989898;
    transition: 0.3s;
    text-decoration: none;
}
.side-menu-wrapper > a.menu-close { /* close button */
    padding: 8px 0 4px 23px;
    color: #6B6B6B;
    display: block;
    margin: -30px 0 -10px -45px;
    font-size: 35px;
    text-decoration: none;
}

.side-menu-overlay { /* overlay */
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,.7);
    overflow-y: auto;
    overflow-x: hidden;
    text-align: center;
    opacity: 0;
    transition: opacity 1s;
}

/*end nav mobile */

.map_contact iframe{
	width: 100% !important;
	height: 450 !important;
}

.map_footer iframe{
	width: 100% !important;
	height: 190px !important;
}

#return-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: rgb(0, 0, 0);
    background: #FF9800;
    width: 40px;
    height: 40px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    box-shadow: 0 5px 5px rgba(0,0,0,0.18);
}

#return-to-top i {
    color: #fff;
    margin: 0;
    position: relative;
    left: 14px;
    top: 9px;
    font-size: 19px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top:hover {
    background: rgba(0, 0, 0, 0.9);
}
#return-to-top:hover i {
    color: #fff;
    top: 5px;
}


h3, .h3 {
    font-size: 23px;
}

.onsite-D{
	display: block;
}

.onsite-M{
	display: none;
}

.box-catgo{
   	display: none;
}

.nav-manu-listheight{
	height: 130px;
}

.cat-left-col{
	margin-left: 9.333333%;
}

.higth-text-p{
	height: 45px;
}

.badge {
    padding: 7px 7px;
}

.product-left{
	margin-left: 25px;
}

.list-catgory-nav{
	overflow: auto;
    height: 250px;
}

.left-navmanu{
	padding-left: 5%;
}

.has-success .form-control {
    color: #000000 !important;
}

.icon-pro-catlist{
	float: right;
    padding-right: 5px;
    padding-top: 8px;
    font-weight: 100;
    font-size: 14px;
}

h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a, h6 a, .h6 a, .content-blog p a {
    font-size: inherit;
    font-family: 'Open Sans', 'super', sans-serif !important;
}

.list-btn{
	background-color: #f5f5f5;
    padding: 0px 0px;
    border-color: #f5f5f5;
    color: #000000;
}

.btn:hover, .btn:focus, .btn:active, .btn.active, .open > .btn.dropdown-toggle, .navbar .navbar-nav > li > a.btn:hover, .navbar .navbar-nav > li > a.btn:focus, .navbar .navbar-nav > li > a.btn:active, .navbar .navbar-nav > li > a.btn.active, .open > .navbar .navbar-nav > li > a.btn.dropdown-toggle {
    border-color: #77777700 !important;
}

.block-list{
	display: none;
}

.blockno-list{
	display: block;
}


.add_divider {
  border-bottom: 2px dotted #dedede;
  padding-bottom: 0.6em;
  clear: both;
}

.panel-title > a:before {
  content: "\f068";
  float: right !important;
  position: relative;
  top: 10px;
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  left: -10px;
}
.panel-title > a.collapsed:before {
  content: "\f067";
}
.panel-title > a.collapsed {
  content: "\f067";
}
.panel-title > a {
  text-decoration: none;
}


#loadMore {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10%;
    padding-right: 10%;
    text-align: center;
    background-color: #23a958;
    color: #fff;
    border-width: 0 1px 1px 0;
    border-style: solid;
    border-color: #fff;
    box-shadow: 0 1px 1px #ccc;
    transition: all 600ms ease-in-out;
    -webkit-transition: all 600ms ease-in-out;
    -moz-transition: all 600ms ease-in-out;
    -o-transition: all 600ms ease-in-out;
    cursor: pointer;
}

.btn-success:hover {
    background-color: #23a958 !important;
}

.panel-heading {
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
}

.m-text-list{
	background-color: #fff !important;
    padding: 7px 7px !important;
    border-color: #41cf79 !important;
    color: #41cf79 !important; 
    font-size: 15px !important;
    letter-spacing: 0.5px !important;
    width: 150px;
}

.m-list-navma{
    padding-top: 8px;
    padding-bottom: 8px;
    border-bottom: 1px solid #ffffff;
    font-size: 14px;
}

.list-a-navna{
	font-size: 14px !important; 
	padding-left: 10px !important;
	padding-right: 10px !important; 
	padding-top: 7px !important;
	padding-bottom: 7px !important;
	border-bottom: 1px solid #fff !important;
}

.btn:hover, .btn:focus, .btn:active, .btn.active, .open > .btn.dropdown-toggle, .navbar .navbar-nav > li > a.btn:hover, .navbar .navbar-nav > li > a.btn:focus, .navbar .navbar-nav > li > a.btn:active, .navbar .navbar-nav > li > a.btn.active, .open > .navbar .navbar-nav > li > a.btn.dropdown-toggle {
    border-color: #41cf79 !important;
}

.div-content .blog-line-bottom {
    height: 125px;
    position: relative;
}

.div-content .blog-line-bottom .list-group-item-h {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 5px 0 0 0;
    margin-bottom: 10px;
    height: 49px;

}

/* article */
.post {
	padding: 15px;
	margin: 0 0 15px 0;
    display: block;
    overflow: hidden;
    word-wrap: break-word;
    border: 1px solid rgba(0,0,0,0.12);
}

.post h2, .archive .post h2 {
    margin: 0 0 10px;
    padding: 0;
    text-transform: capitalize;
}

.post h2, .archive .post h2 {
    margin-bottom: 12px;
    line-height: 1.3em;
    font-size: 22px;
    font-weight: 700;
}

.post h2 a {
    color: #151515;
    letter-spacing: 1.3px;
}

.date-header-post {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.3em;
    margin: 0!important;
    padding: 0;
}

.resumo {
    margin-top: 10px;
    color: #313131;
}

.resumo span {
    display: block;
    margin-bottom: 8px;
    font-size: 13px;
    line-height: 22px;
    text-align: justify;
}

.second-meta {
    padding: 10px 0 0;
    display: block;
    overflow: hidden;
}

.second-meta .read-more-wrap {
    display: block;
}

.second-meta .read-more {
    font-family: 'Righteous', cursive;
    letter-spacing: 2px;
    transition: all .3s;
    background: #151515;
    padding: 5px 12px !important;
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    font-size: 12px;
    text-transform: capitalize;
    color: #f7f7f7;
    white-space: nowrap;
}

.date-header-post a {
    color: #bdbdbd;
}

article {
    padding: 0;
    overflow: hidden;
}

.media{
	border-bottom: 1px solid #F5F5F5;
    padding-bottom: 10px;
}

.block-image {
    float: left;
    width: 180px;
    height: auto;
    margin-right: 15px;
    position: relative;
}

.block-image .thumb {
    width: 100%;
    height: auto;
    position: relative;
    display: block;
    overflow: hidden;
}

.block-image .thumb img {
    width: 100%;
    /*height: 150px;*/
    display: block;
    transition: all .3s ease-out!important;
    -webkit-transition: all .3s ease-out!important;
    -moz-transition: all .3s ease-out!important;
    -o-transition: all .3s ease-out!important;
}

.div-content-fw {
    display: -webkit-box!important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 5px!important;
}

.article-text-f{
	font-size: 20px;
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

@media screen and (max-width: 1366px) {
	.top-nav {
	    margin-top: 146px;
	}
}

@media screen and (max-width: 1280px) {
	.navbar .navbar-nav > li > a {
	    padding: 13px 53px 20px 53px;
	    color: #fff;
	}
}



@media screen and (max-width: 1200px) {
	.navbar .navbar-nav > li > a {
	    padding: 13px 65px 20px 65px;
	    color: #fff;
	}
}


@media screen and (max-width: 1180px) {
	.navbar .navbar-nav > li > a {
	    padding: 13px 49px 20px 49px;
	    color: #fff;
	}
	
	.col-md-offset-1 {
	    margin-left: 6.333333%;
	}
	
	.box-heig {
	    height: 410px;
	}
}

@media screen and (max-width: 1100px){
	.navbar .navbar-nav > li > a {
	    padding: 13px 49px 20px 50px;
	    color: #fff;
	}
}

@media screen and (max-width: 1024px) {
	.padding-ipad{
		padding: 0px 0px 0px 0px;
	}
	
	.navbar .navbar-nav > li > a {
	    padding: 13px 50px 20px 51px;
	}
	
	.navbar .navbar-nav > li > a {
	    font-size: 20px;
	}
	
	.col-sm-5 {
	    width: 35.666667%;
	}
	
	.box-heig {
	    height: 425px;
	}
	
	.onsite-D{
    	display: none;
    }
   	
    .onsite-M{
    	display: block;
    }
    
    .text-title-desktop {
	    display: none;
	}
	
	.home-boxtextcat {
	    margin-top: -142px;
    	margin-left: -24%;
	}
	
	.navbar-nav > li > .dropdown-menu:after {
	    left: 281px;
	}
	
	.nav-manu-listheight{
		height: 130px;
	}
	
	.cat-left-col{
		margin-left: 8.333333%;
	}
	
	.left-navmanu {
	    padding-left: 0%;
	}
}

@media (min-width: 992px){
	.col-md-1 {
	    width: 14.2%;
	}
	
	.col-md-offset-1 {
	    margin-left: 6.333333%;
	}
	
	.btn-search-mobile{
   		display:none;
   }
   
   .text-title-desktop{
   		display:block;
   		font-size: 15px;
   }
   
   .on-ipad{
   	display: none;
   }
   
   .not-ipad{
   		display: block;
   		margin-left: 5.333333%;
   }

}

@media screen and (max-width: 768px) {
	footer .row .info ul {
	    text-align: left;
	}
	
	.on-top-m{
		margin-top: 0px;
	}
	
	.nav-open .navbar-collapse {
    	display: none;
   }
   
   .btn-search-desktop{
   		display:none;
   }
   
   .btn-search-mobile{
   		display:none;
   	}
   
   .text-title-desktop{
   		display:none;
   }
   
   .navbar .navbar-nav > li > a {
	   padding: 12px 20px 13px 25px;
	}
	
	.navbar-brand>img {
	    margin-top: 1px;
	    width: 80%;
	}
	
	.scrolled-nav .site-title {
	    width: 60px;
	    padding-top: 5px;
	}
	
	.nav-boxTitle {
    	background-color: #ffffff;
   }
   
   .on-ipad{
   		display: block;
   }
   
   .not-ipad{
   		display: none;
   }
   
   .home-boxtextcat {
	    margin-top: -133px;
	    margin-left: -25%;
	}
	
	.navbar-nav > li > .dropdown-menu:after {
	    left: 208px;
	}
	
	.nav-manu-listheight{
		height: 145px;
	}
	
	.cat-left-col {
	    margin-left: -0.666667%;
	}
	
	.top-nav {
	    margin-top: 223px;
	}
	
	h2 {
	    line-height: 1.15384615;
	    font-size: 20px;
	}
	
	.box-branddetail {
	    border-bottom: 1px solid #eee0;
	}
	
	.product-left {
	    margin-left: 0px;
	}
	
	.left-navmanu {
	    padding-left: 1%;
	}

}

@media screen and (max-width: 736px) {
	.desktop{
		display:none;
	}
	
	.mobile{
		display: block;
	}
	
	.counter-wishlist-m {
    	left: 541px;
    }
    
    .bg-color-nav{
		background: whitesmoke;
		border-bottom: 1px solid #ebebeb;
	}
	
	.navbar-brand>img {
	    margin-top: 4px;
	    width: 69%;
	}
	
	.nav-boxTitle {
	    background-color: #41cf79;
	}
	
	.scrolled-nav .site-title {
	    width: 50px;
	}
}

@media screen and (max-width: 667px) {
		
	
	.btn-search-mobile{
   		display:block;
   	}
   	
   	.onsite-M{
    	display: none;
    }
   	
   	.on-ipad{
   		display: none;
    }
    
    .not-ipad{
   		display: block;
   }
	
}


@media screen and (max-width: 640px) {
	.counter-wishlist-m {
	    left: 443px;
	}
	
	.detail_cat_text{
		padding-top: 5px;
	    color: #7e7966;
	    font-size: 16px;
	    text-align: left;
	    padding-left: 15px;
    	padding-right: 15px;
	}
}


@media screen and (max-width: 414px) {
				
	.home-boxtextcat {
	    margin-top: -137px;
    	margin-left: -25%;
	}
	
	.navbar-inverse {
	    background-color: whitesmoke;
	    border-color: #100f0f;
	}
	
	.main-logo{
		width: 100%;
	}
	
	.m-center{
		text-align: center;
	}
	
	.site-title {
	    width: 60px;
	}
	
	.navbar-brand>img {
	    margin-top: 5px;
	}
	
	.scrolled-nav .site-title {
	    padding-top: 7px;
	}
	
	.search-box {
	    margin: 15px 0px 10px 0px;
	}
		
	.box-heig{
		height: 425px;
	}
	
	.box-branddetail {
	    border-bottom: 0px solid #eee;
	}
	
	.on-top-m{
		margin-top: 15px;
	}
	
	.icon-line-m{
		padding-left: 0px;
	    padding-right: 0px;
	    text-align: right;
	    margin-top: -15px;
	}
	
	.nav-boxTitle {
    	background-color: #41cf79;
   }
   
   .text-title-desktop{
   		display: none;
   }
   
   .box-catgo{
   		display: block;
   }
   
   .counter-wishlist-m {
   		left: 220px;
   }
	
   .cat-left-col {
       margin-left: -0.666667%;
   }
   
   .contact-down{
		margin-bottom: 5%;
	}
	
	.panel-heading {
	    padding: 6px 15px !important;
	    border-bottom: 1px solid transparent;
	    border-top-left-radius: 0px;
	    border-top-right-radius: 0px;
	}
	
	.panel-title > a:before {
    	top: 2px;
	}
	
	.higth-text-p {
	    height: 70px;
	}
	
	.card-member .content {
	    padding: 10px;
	}
	
	.m-text-list {
	    width: 175px;
	}
	
	.img-map-g{
		width: 100%;
	}

}

@media screen and (max-width: 375px) {
	.home-boxtextcat {
	    margin-top: -124px;
	    margin-left: -29%;
	}
	
	.counter-wishlist-m {
	    left: 179px;
   }
   
   .top-nav {
	    margin-top: 190px;
	}
	
	.higth-text-p {
	    height: 65px;
	}
	
	.text-size1 {
	    font-size: 12px !important;
	}
	
	.box-facebookH2 {
	    text-align: right;
	    padding-right: 23px;
	}
	
	.m-text-list {
	    width: 155px;
	}
}

@media screen and (max-width: 360px) {
	.counter-wishlist-m {
	    top: 8px;
	    left: 166px;
   }
   
   .m-text-list {
	    width: 150px;
	}
	
	.text-size {
	    font-size: 13px !important;
	}
}

@media screen and (max-width: 320px) {
	.icon-topmanu {
	    padding: 15px 9px 10px 0px;
	}
	
	.navbar-brand>img {
	    margin-top: 5px;
	    width: 60%;
	}
}