.div-tin-tren .box-text{
padding-top:0px;
}
.div-tin-tren .box-text h5 {
margin-top: -8px !important;}
.header-bottom-nav{
margin-left:80px;
}
.header-bottom-nav li a{
padding:5px 15px;
}
.entry-content{
padding-top: 0px;
}
.product-short-description p{
margin-bottom:8px;
}
.popup_quickbuy_shipping{
display: none;
}
.lien-he-price{
color: #ff7e00;
}
.div-title-small{
text-align: center;
}
.div-title-small h3{
margin-bottom:0px;
}
.related-post .box-text h5{
color: #007bff;
}
.ux-search-submit{
background: #06AB07 !important
}
.widget_search{
border: none !important;
padding:0px !important;
}
.widget-area aside,#shop-sidebar aside,#product-sidebar aside{
padding:10px;
border: 1px solid #06AB07;
}
.widget-area aside span.widget-title,#shop-sidebar aside span.widget-title ,#product-sidebar aside span.widget-title {
margin-left: -10px;
display: block;
text-align: center;
color: white;
background: #06AB07;
padding: 13px;
margin-right: -10px;
margin-top: -10px;
}
.post-sidebar,.category-page-row .large-3,#product-sidebar {
padding-left: 5px !important;
padding-right: 5px !important;
}
.row-divided>.col+.col:not(.large-12) {
border-left: none;
}
.related-div h5.title-related{
text-transform: uppercase;
border-bottom: 2px solid #06AB07;
}
.blog-tin-duoi .box-image{
display: none;
}
.blog-tin-duoi .box-text h5{
padding-left: 5px;
}
.blog-tin-duoi .box-text h5:before{
position: relative;  font-family: fontawesome;
content: "\f111";
font-size: 7px;
margin-right: 5px;
top: -3px;
}
.blog-tin-duoi .box-text{
padding:4px;
}
.div-tin h5{
font-weight: normal;
}
.header-bottom-nav li a img{
max-height: 36px;
}
.header-social-icons a{
background: #FCC001;
padding: 11px 7px 4px 7px;
border-radius: 4px;
}
.header-social-icons .social-icons i{
font-size: 19px;
color: black;
}
.form-flat input:not([type="submit"]), .form-flat textarea, .form-flat select {
background-color: white;
box-shadow: none;
border-color: #cdcdcd;
color: currentColor !important;
border-radius: 5px;
}
.is-divider{
display: none;
}
h3.title-small{
text-transform: uppercase;
text-align: center;
font-weight: normal;
}
.title-home {
text-transform: uppercase;
}
.title-home .h3-bold{
font-size: 116%;
color: #009100;
}
.title-special .span-xanh{
color: #019302;
font-size: 27px;
}
.title-special .span-gioi-thieu{
font-weight: normal;
border-bottom: 4px solid #0CE510;
padding-bottom: 6px;
}
.div-no-padding{
padding-bottom: 0px;
}
.absolute-footer{
display:    none;   
}
ul.menu>li+li, .widget>ul>li+li {
border-top: none;
}
.section-slide .sidebar-wrapper{
background: #F7F4EB;
padding-bottom: 10px;
}
.section-slide ul li a{
padding :3px 0px !important;
font-size:  14px;
}
.section-slide .widgettitle{
padding-top: 10px;
font-size: 17px;
margin-bottom:  3px;
text-transform: uppercase;
color: #06AB07;
} .social-button, .social-icons .button.icon:not(.is-outline), .social-icons .button.icon:hover {
background-color: currentColor !important;
border-color: currentColor !important;
}
.button.facebook,.button.facebook:not(.is-outline), .button.facebook:hover {
color: #fff;
background-color: #446084;
border-color: #446084;
}
.button.twitter,.button.twitter:not(.is-outline), .button.twitter:hover {
color: white !important;
background : #2478ba !important;
border-color: #2478ba;
}
.button.email,.button.email:not(.is-outline), .button.email:hover {
color: #fff;
background-color: black !important;
border-color: black !important;
}
.button.pinterest,.button.pinterest:not(.is-outline), .button.pinterest:hover {
color: #fff !important;
background-color: #cb2320  !important;
border-color: #cb2320  !important;
}
.button.google-plus,.button.google-plus:not(.is-outline), .button.google-plus:hover {
color: #fff !important;
background-color: #dd4e31 !important;
border-color: #dd4e31  !important;
}
.button.linkedin,.button.linkedin:not(.is-outline), .button.linkedin:hover {
color: #fff !important;
background-color: #0072b7 !important;
border-color: #0072b7     !important;
}
.single-date{
border-bottom: 1px dashed #ededed;
}
h1.entry-title{
font-size: 24px !important;
} footer.entry-meta {
border-top: none !important;
border-bottom: 1px dashed #ececec !important;
}
.entry-content img{
width: auto !important
}
.duong-line {
background: rgba(0,0,0,0) url(//bansile.com/wp-content/themes/web-khoi-nghiep/images/line.png) repeat scroll 0 0;
height: 12px;
margin-top: 5px;
overflow: hidden;
}
.related-post h7{
font-weight: bold;
font-size: 18px;
float: left;
margin: -8px 20px 0 0;
}
@media screen and (max-width:680px) {
.call-now-button {
display: flex!important;
background: transparent
}
call-now-button .call-text {
display: none
}
}
.quick-call-button {
display: none
}
.call-now-button {
display: none;
z-index: 9999;
clear: both;
margin: 0 auto;
position: fixed;
border-radius: 50px
}
.call-now-button-header {
z-index: 9999;
border-radius: 50px
}
.call-now-button div {
display: flex
}
.call-now-button-header div {
display: flex
}
.call-now-button div p {
color: #fff;
display: table;
padding: 10px;
border-radius: 21px;
height: 34px;
line-height: 14px;
font-size: 14px;
margin: 8px 5px 8px 50px;
text-transform: uppercase;
font-weight: normal;
text-align: center;
box-sizing: content-box;
text-decoration: none!important;
box-sizing: border-box
}
.call-now-button-header div p {
color: #fff;
display: table;
padding: 10px;
border-radius: 21px;
height: 34px;
line-height: 14px;
font-size: 14px;
margin: 8px 5px 8px 50px;
text-transform: uppercase;
font-weight: normal;
text-align: center;
box-sizing: content-box;
text-decoration: none!important;
box-sizing: border-box
}
.quick-alo-ph-circle.active {
width: 130px;
height: 130px;
top: -40px;
left: -40px;
position: absolute;
background-color: transparent;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
border: 2px solid rgba(30, 30, 30, .4);
opacity: 1;
-webkit-animation: quick-alo-circle-anim 1.2s infinite ease-in-out;
-moz-animation: quick-alo-circle-anim 1.2s infinite ease-in-out;
-ms-animation: quick-alo-circle-anim 1.2s infinite ease-in-out;
-o-animation: quick-alo-circle-anim 1.2s infinite ease-in-out;
animation: quick-alo-circle-anim 1.2s infinite ease-in-out;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
transform-origin: 50% 50%
}
.quick-alo-ph-circle-fill.active {
width: 80px;
height: 80px;
top: -15px;
left: -15px;
position: absolute;
background-color: #000;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
border: 2px solid transparent;
opacity: 1;
-webkit-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
-moz-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
-ms-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
-o-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
transform-origin: 50% 50%
}
.quick-alo-ph-img-circle.shake {
width: 50px;
height: 50px;
top: 0;
left: 0;
position: absolute;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
border: 2px solid transparent;
opacity: 1;
background: url(https://4.bp.blogspot.com/-QS_kNivpwOo/W_ynu6c8ZII/AAAAAAAAFuQ/YLJjZduBSrc3hNinm4eI4lI67utRtQi-QCLcBGAs/s1600/quick-call-button.png) no-repeat center center;
-webkit-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
-moz-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
-ms-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
-o-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
transform-origin: 50% 50%
}
.quick-alo-phone-img-circle.shake {
width: 50px;
height: 50px;
top: 0;
left: 0;
position: absolute;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
border: 2px solid transparent;
opacity: 1;
-webkit-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
-moz-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
-ms-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
-o-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
transform-origin: 50% 50%
}
.quick-alo-ph-img-circle.notshake {
width: 50px;
height: 50px;
top: 0;
left: 0;
position: absolute;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
border: 2px solid transparent;
opacity: 1;
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
transform-origin: 50% 50%
}
.quick-alo-phone-img-circle.notshake {
width: 50px;
height: 50px;
top: 0;
left: 0;
position: absolute;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
border: 2px solid transparent;
opacity: 1;
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
transform-origin: 50% 50%
}
@media screen and (max-width: 8600px) {
.call-now-button {
display: flex !important;
background: white;
}
.quick-call-button {
display: block !important;
}
.call-now-button-header {
display: flex !important;
background: white;
}
.quick-call-button-header {
display: block !important;
}
}
.call-now-button {
top: 90%;
}
.call-now-button {
left: 3%;
}
.call-now-button-header {
left: 3%;
}
.call-now-button {
border: 1px solid #dfe1e5;
box-shadow: 0 1px 6px 0 rgba(32,33,36,0.28);
background: white;
}
.call-now-button-header {
border: 1px solid #dfe1e5;
box-shadow: 0 1px 6px 0 rgba(32,33,36,0.28);
background: white;
}
.call-now-button div a .quick-alo-ph-img-circle,
.call-now-button div a .quick-alo-phone-img-circle {
background-color: #f00;
}
.call-now-button-header .quick-alo-ph-img-circle.shake,.call-now-button-header .quick-alo-phone-img-circle  {
background-color: #f00 !important;
}
.call-now-button .call-text {
font-weight: 700;
font-family: 'oswald';
color: #FF0000;
}
.call-now-button-header .call-text {
font-weight: 700;
font-family: 'oswald';
color: #FF0000;
}
@-moz-keyframes quick-alo-circle-anim {
0% {
-moz-transform: rotate(0) scale(.5) skew(1deg);
opacity: .1;
-moz-opacity: .1;
-webkit-opacity: .1;
-o-opacity: .1
}
30% {
-moz-transform: rotate(0) scale(.7) skew(1deg);
opacity: .5;
-moz-opacity: .5;
-webkit-opacity: .5;
-o-opacity: .5
}
100% {
-moz-transform: rotate(0) scale(1) skew(1deg);
opacity: .6;
-moz-opacity: .6;
-webkit-opacity: .6;
-o-opacity: .1
}
}
@-webkit-keyframes quick-alo-circle-anim {
0% {
-webkit-transform: rotate(0) scale(.5) skew(1deg);
-webkit-opacity: .1
}
30% {
-webkit-transform: rotate(0) scale(.7) skew(1deg);
-webkit-opacity: .5
}
100% {
-webkit-transform: rotate(0) scale(1) skew(1deg);
-webkit-opacity: .1
}
}
@-o-keyframes quick-alo-circle-anim {
0% {
-o-transform: rotate(0) kscale(.5) skew(1deg);
-o-opacity: .1
}
30% {
-o-transform: rotate(0) scale(.7) skew(1deg);
-o-opacity: .5
}
100% {
-o-transform: rotate(0) scale(1) skew(1deg);
-o-opacity: .1
}
}
@-moz-keyframes quick-alo-circle-fill-anim {
0% {
-moz-transform: rotate(0) scale(.7) skew(1deg);
opacity: .2
}
50% {
-moz-transform: rotate(0) -moz-scale(1) skew(1deg);
opacity: .2
}
100% {
-moz-transform: rotate(0) scale(.7) skew(1deg);
opacity: .2
}
}
@-webkit-keyframes quick-alo-circle-fill-anim {
0% {
-webkit-transform: rotate(0) scale(.7) skew(1deg);
opacity: .2
}
50% {
-webkit-transform: rotate(0) scale(1) skew(1deg);
opacity: .2
}
100% {
-webkit-transform: rotate(0) scale(.7) skew(1deg);
opacity: .2
}
}
@-o-keyframes quick-alo-circle-fill-anim {
0% {
-o-transform: rotate(0) scale(.7) skew(1deg);
opacity: .2
}
50% {
-o-transform: rotate(0) scale(1) skew(1deg);
opacity: .2
}
100% {
-o-transform: rotate(0) scale(.7) skew(1deg);
opacity: .2
}
}
@-moz-keyframes quick-alo-circle-img-anim {
10% {
transform: rotate(0) scale(1) skew(1deg)
}
10% {
-moz-transform: rotate(-25deg) scale(1) skew(1deg)
}
20% {
-moz-transform: rotate(25deg) scale(1) skew(1deg)
}
30% {
-moz-transform: rotate(-25deg) scale(1) skew(1deg)
}
40% {
-moz-transform: rotate(25deg) scale(1) skew(1deg)
}
50% {
-moz-transform: rotate(0) scale(1) skew(1deg)
}
100% {
-moz-transform: rotate(0) scale(1) skew(1deg)
}
}
@-webkit-keyframes quick-alo-circle-img-anim {
0% {
-webkit-transform: rotate(0) scale(1) skew(1deg)
}
10% {
-webkit-transform: rotate(-25deg) scale(1) skew(1deg)
}
20% {
-webkit-transform: rotate(25deg) scale(1) skew(1deg)
}
30% {
-webkit-transform: rotate(-25deg) scale(1) skew(1deg)
}
40% {
-webkit-transform: rotate(25deg) scale(1) skew(1deg)
}
50% {
-webkit-transform: rotate(0) scale(1) skew(1deg)
}
100% {
-webkit-transform: rotate(0) scale(1) skew(1deg)
}
}
@-o-keyframes quick-alo-circle-img-anim {
0% {
-o-transform: rotate(0) scale(1) skew(1deg)
}
10% {
-o-transform: rotate(-25deg) scale(1) skew(1deg)
}
20% {
-o-transform: rotate(25deg) scale(1) skew(1deg)
}
30% {
-o-transform: rotate(-25deg) scale(1) skew(1deg)
}
40% {
-o-transform: rotate(25deg) scale(1) skew(1deg)
}
50% {
-o-transform: rotate(0) scale(1) skew(1deg)
}
100% {
-o-transform: rotate(0) scale(1) skew(1deg)
}
}
@media(min-width: 1023px){
.header-main .flex-left{
margin-left:50px;
}
}
@media only screen and (max-width: 48em) { } .header-main {background-color: #222;color: #fff;padding: 10px;height: auto!important;}
#main-menu .nav-top-link {color: #333!important;}
.search-form .search-field:not([type="submit"]) {color: #333!important;}
.html_topbar_left .hotline {position: relative;padding-top: 15px;}
.html_topbar_left .hotline img {height: 75px;}
.html_topbar_left .hotline span {position: absolute;top: 0;left: 20px;color: #fff;}
.hotline span.text {font-size: 16px;font-weight: 600;left: 32px;}
.hotline span.phone {font-size: 25px;font-weight: 600;left: 78px;top: 36px;color: #da0000;}
@media (min-width: 1023px) {
.header-main .flex-left {margin-left: 10px;}
}
.flex-right .nav-right {display: flex;flex-direction: column-reverse;grid-gap: 10px;}
.header-social-icons .social-icons i {color: transparent;}
.header-social-icons a {width: 33px;height: 33px;background-size: cover;background-color: transparent;}
.header-social-icons a.facebook {background-image: url(//bansile.com/wp-content/uploads/2022/02/icon-mess.png);}
.header-social-icons a.twitter {background-image: url(//bansile.com/wp-content/uploads/2022/02/icon-zalo.png);}
.box-image img {height: auto!important;}
.product-cat {padding: 10px 0!important;}
.product-cat .row.row-collapse {}
.product-cat .row.row-collapse>.col {padding: 0 1.5px!important;}
.product-cat .row-small>.col {}
.product-category .box-image img {height: 100%!important;}
.product-category:hover .box-image img {transform: scale3d(1.1,1.1,1);}
.product-category .box-text {padding: 12px;background-color: transparent;position: absolute;width: 100%;left: 0;top: 0;bottom: auto;}
.box-category:hover .box-text {background-color: transparent!important;}
.product-category .box-text h5 {
background-color: #b56b4e;
color: #fff;
font-size: 12px;
display: table;
padding: 5px;
width: auto;
margin: 0 auto;
}
.section-slide .widgettitle, .section-slide ul li a {font-weight: 600;}
.section-slide .slider-wrapper {box-shadow: 0 2px 5px #222;}
@media (min-width: 1200px) {
.section-slide .slider-wrapper {height: 400px;overflow: hidden;}
.section-slide .slider-wrapper img {height: 100%;}
}
.home-products .box-text {padding-left: 0;padding-right: 0;text-align: left;}
.home-products .product-title {font-weight: 600;margin-bottom: 6px;}
.home-products .product-title a {
overflow: hidden;
display: -webkit-box;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
white-space: normal;
-webkit-line-clamp: 2;
}
.home-products .price span, .home-products .price span a {color: #da0000;font-weight: 600;}
.section-content h3.title-small {color: #38261f;font-weight: 600;margin-bottom: -10px;}
.div-tin-tren .box-text {padding: 0 10px 10px;}
@media (max-width: 991px) {
.div-tin-tren .box-text {padding: 15px;}
.div-tin-tren .box-text h5 {margin-top: 0;font-weight: 600;}
}
#footer .section {}
#footer .section h3 {color: #e0d031;font-weight: 600;}
.social {display: flex;margin-top: 10px;}
.social > div {}
.social .image {margin-right: 8px;}
.social .text {display: flex;}
.social .text a {display: inline-block;padding: 0 8px;color: #f0e919;font-weight: 600;font-size: 1.4rem;}
.social .text br {display: none;}
@media (max-width: 575px) {
.social .image {margin-bottom: 10px;}
.social, .social .text {flex-direction: column;}
} #top-bar.header-top {background-color: #01b53a!important;}
.header-top .nav-small.nav>li.html {font-size: 1.2rem;font-weight: 600;text-transform: uppercase;color: #fcbf05;}
.header-top .nav-small.nav>li.html span {font-size: 14px;color: #f0d363;}
.header-main {background-color: #fff;}
.logo-left .logo {margin-right: 0;}
.header-main .header-nav {flex-direction: column;align-items: flex-end;}
.header-main .search-form {margin: 0 0 15px;font-size: 1rem;}
.header-main .search-form input[type="search"], .header-main .search-form select, .header-main .search-form button[type="submit"] {height: 40px;}
.header-main .search-form input[type="search"] {width: 400px;}
.header-main .search-form button[type="submit"] {width: 40px;background-color: #fd5622!important;}
.header-main .nav>li.html {color: #333;}
.header-main .nav>li.custom {font-size: 1.4rem;text-transform: uppercase;letter-spacing: -0.5px;}
.header-main .cname {font-weight: 600;color: #06ab07;}
.header-main .header-social {font-size: 1.1rem;}
.header-social {display: flex;grid-gap: 15px;justify-content: space-between;padding-left: 40px;}
.header-social .sc-box {position: relative;text-align: center;color: #ea430e;}
.sc-box .number {font-weight: 600;}
.sc-box a.link {position: absolute;top: 0;bottom: 0;left: 0;right: 0;}
@media (max-width: 1199px) {
.header-main .nav>li.custom {font-size: 14px;}
.header-main .search-form input[type="search"] {max-width: 280px;}
.logo-left .logo {margin-right: 20px;}
}
@media (max-width: 767px) {
#top-bar.header-top {display: none;}
.header-social {padding-left: 0;}
.page-id-2 .section-slide .slider-wrapper {padding-top: 0!important;}
.section-slide .ul-reset {margin-top: 15px!important;}
}
.header-bottom {}
.header-bottom-nav {margin-left: 0;}
.header-bottom-nav.nav .menu-item-803 {
display: flex;
align-items: center;
background-color: #d19e04;
}
.header-bottom-nav.nav .menu-item-803 a {font-size: 1rem;text-transform: uppercase;display: block;text-align: center;}
.header-bottom-nav.nav .menu-item-803 a:hover {background: none;}
@media (min-width: 1200px) {
.header-bottom-nav.nav .menu-item-803 {
width: 271px;
height: 52px;
margin-left: -0.5px!important;
margin-right: 17px;
}
}
body:not(.home) .header-bottom-nav.nav .menu-item-803 {display: none;}
.home #main {background-color: #eff0f4;}
.section-slide .ul-reset {margin-top: 0;background-color: #fff;}
.section-slide .ul-reset li {margin: 0;padding: 0;}
.section-slide .ul-reset .widgettitle {padding: 15px 10px;background-color: #d19e04;color: #fff;display: none;}
.section-slide .ul-reset > li > div {}
.section-slide ul.menu li {padding: 6px 10px;}
.section-slide .widget_text .textwidget {padding: 10px;}
.section-slide .widget_text ul li {display: flex;align-items: center;grid-column-gap: 10px;grid-row-gap: 15px;}
.section-slide .widget_text ul li a {font-size: 13px;}
.section-slide .widget_text ul li img {margin: 0;}
.page-id-2 .section-slide .slider-wrapper {padding-top: 17px;}
@media (min-width: 1200px) {
.header-main .header-social {min-width: 280px;}
.section-slide .sidebar-wrapper {min-height: 379px;}
.page-id-2 .section-slide .slider-wrapper {height: 379px;overflow: hidden;box-shadow: none;}
}
.section h2 {font-size: 1.4rem;font-weight: 600;text-align: center;margin-bottom: 20px;}
.section h2 span {position: relative;}
.section h2 span:after, .section h2 span:before {
content: "";
position: absolute;
top: 50%;
left: calc(100% + 12px);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
background-color: #dad9de;
width: 400px;
height: 2px;
}
.section h2 span:before {right: calc(100% + 12px);left: auto;}
@media (max-width: 991px) {
.section h2 span:after, .section h2 span:before {width: 30px;}
}
.product-category .box-text {position: inherit;background-color: #d19e04;margin-top: 3px;}
.box-category:hover .box-text {background-color: #fdb000!important;}
.product-category .box-text h5 {background: none;font-size: 1.1rem;font-weight: 400;}
section.products {padding: 15px 0 0!important;background-color: #fff;}
section.products h2 span:after, section.products h2 span:before {background-color: #99cf6f;}
.product .box-text .product-title {
font-size: 1.05rem;
font-weight: 600;
margin-bottom: 10px;
}
.product .box-text .product-title a {
overflow: hidden;
display: -webkit-box;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
white-space: normal;
-webkit-line-clamp: 2;
}
@media (min-width: 1200px) {
.products .slider .flickity-prev-next-button {
width: 40px;
height: 60px;
top: 50%!important;
bottom: auto;
margin-top: -6%!important;
transform: translate(0, -50%)!important;
opacity: 1;
background: url(//bansile.com/wp-content/uploads/2022/08/icon-next.png);
}
.products .slider .flickity-prev-next-button svg {opacity: 0;}
.products .flickity-prev-next-button.previous {background: url(//bansile.com/wp-content/uploads/2022/08/icon-prev.png);}
.products .flickity-prev-next-button.next {right: -45px;}
.products .flickity-prev-next-button.previous {left: -45px;}
}
.back-to-top {background-color: #d19e04!important;border: none!important;}
.call-now-button {right: 3%;left: auto;}
.quick-alo-ph-img-circle.shake {right: 0;left: auto;}
.quick-alo-ph-circle-fill.active {right: -15px;left: auto;}
.quick-alo-ph-circle.active {right: -40px;left: auto;}
.call-now-button div p {margin: 8px 50px 8px 5px;}
#footer .section {background-color: #52a412!important;}
#footer .section h3 {color: #fff;}
#footer .section .thongtin h3 {}
#footer p {margin-bottom: 10px;position: relative;}
#footer .footer-link p {padding-left: 15px;}
#footer .footer-link p:before {
content: "\f105";
position: absolute;
left: 0;
top: 0;
display: block;
font-family: "FontAwesome";
}
.row.style-2 .row {align-items: center;}
.row.style-2 .row .col {padding-bottom: 0;}
.row.style-2 .row .section-title-container {margin-bottom: 0;}
.row.style-2 .row .section-title-normal, .row.style-2 .row .section-title-normal span {border: none;}
.row.style-2 .row .button {margin: 0;}
.row.style-2 .product-small.box  {border: 1px solid #dfdfdf;box-shadow: 0 2px 4px rgba(0,0,0,0.08), 0 4px 12px rgba(0,0,0,0.08);margin-bottom: 20px;}
.row.style-2 .row .btn-action-wrap .col-inner {display: flex;justify-content: flex-end;}
.btn-action-wrap .col-inner .button {
display: inline-block;
width: 150px;
height: 60px;
background: url(//bansile.com/wp-content/uploads/2022/09/btn-viewmore.jpg);
}
.btn-action-wrap .col-inner .button span {display: none;}