/* Theme Name: BaoLocImex
 * Version: 1.0
 */
 @font-face {
  font-family: 'UTM Bustamalaka';
  src: url('fonts/UTM Bustamalaka.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,700;1,400;1,700&display=swap');



:root{
  --primary:  #3bae8f;
  --secondary:  #0b6464;
	--price : #c10017;
  --size-title: 65px;
  --font-title: 'UTM Bustamalaka';
  --family:  'Montserrat', sans-serif;
  --border: #d7d7d7;
  --bg: #e7f3f7;

}
select, input, textarea{
  -webkit-appearance: none;
      -moz-appearance: none;
           appearance: none;
}
li{list-style-type: none;}
.primary-color{color: var(--primary)}
.second-color{color: var(--secondary)}
.third-color{color: var(--third);}
.four-color{color: var(--four);}
.five-color{color: var(--five)}
.font-title{font-family: var(--font-title);font-weight: normal;-webkit-font-smoothing: antialiased; font-size: 65px;}
.row-collapse{margin:  0}
.row-collapse>.col{padding:0}
/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #000; 
  border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: var(--primary); 
}
body{position: relative;font-family: var(--family);font-weight: normal; font-size: 17px; z-index: 1;-webkit-font-smoothing: antialiased; line-height: 1.42857143; -webkit-tap-highlight-color: transparent;}
h2{font-size: 25px; margin-bottom: 20px;}
h3{font-size: 20px; margin-bottom: 20px;}
h4{font-size: 18px}
input, button, textarea, select{outline: none}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}



.z-1{z-index: 1}
.z-2{z-index: 2; position: relative;}
section{position: relative}
.color-white{color: white}

#gallery-home .slick-initialized .slick-slide img{height:  100%; width: 100%; object-fit: cover}
#gallery-home .slick-initialized .slick-slide{height: 100vh}
.row-not-container{overflow: hidden;}

.slick-dots>li{width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #c3c3c3; transition: 0.3s;}
.slick-dots>.slick-active{border-color: var(--primary);
width: 20px;
    background: var(--primary);
    border-radius: 13px;}
/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
} 
.col-1-5{flex: 0 0 20%; max-width: 20%;position:relative; width: 100%; padding-left: 15px; padding-right: 15px;}
main, footer{position: relative; z-index: 1;}
footer .container{
  position: relative;
  z-index: 1;
}
.w-100{width: 100%;}
.overlay{position: absolute;width: 100%; height: 100%;top: 0; left: 0;background-color: #000; opacity: 0.4;}
.flex-space{display: flex; justify-content: space-between;}
.wrap-slide-home img{width: 100%; min-height: 586px; object-fit: cover;}
.wrap-single-content{margin-bottom: 10px;}
.wrap-single-content ul{padding-left: 20px;}
.wrap-single-content ul li{
  list-style-type: disc;
}

.home-title{font-size: 40px; margin-bottom: 30px; font-weight: normal;text-transform: uppercase; position: relative; display: inline-block;}
.home-title::before{
  position: absolute;
  width: 100%;
  top: -25px;
  text-align: center;
  font-size: 20px;
  text-transform: none;
}

.align-center{text-align: center}
.box-shadow{box-shadow: 0px 10px 40px rgb(239 0 50 / 15%)}
.box-shadow-dark{box-shadow: 0px 0px 20px rgb(0 0 0 / 15%)}
.breadcrumb{padding-bottom: 40px; color:  #fff; text-align: center;}
.breadcrumb_last{color: var(--primary)}
.breadcrumb .divider{margin: 0 10px;}

.icon{margin-right: 10px; transition: 0.5s; display: inline-block}
.icon-right{margin-left: 10px; transition: 0.5s; display: inline-block}

.success{color: #28a745}
.alert{color: rgb(160, 14, 14)}
.warning{color: #ffc107}

.page-template-title{color: var(--primary); font-size: 25px; margin-bottom: 10px}
.page-template-sub-title{color: #4d4d4d; font-style: italic;margin-bottom: 20px}
main{padding: 50px 0;}

.editor-content ul{
	padding-left: 20px;
	margin-bottom: 10px;
}
.editor-content ul li{
	list-style-type: disc
}

.read-more-btn{padding: 10px 25px 15px;
    display: inline-block;
    margin-top: 30px;
    color: #fff;
	border: 1px solid var(--secondary);
	transition: 0.5s;
}
.hover_effect_2{position: relative; overflow: hidden}
.hover_effect_2 span{
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: -1;
	background: var(--secondary);
	transition: all 0.85s cubic-bezier(0.68, -0.55, 0.265, 1.55);
	top: 0;
	left: 0;
}
.hover_effect_2:hover{color: var(--secondary)}
.hover_effect_2:hover span{transform: scale(0)}

.btn{display: inline-block; padding: 10px 20px; background: var(--primary); border-radius: 10px; color: #fff; transition:0.5s}
.btn:hover{background: var(--secondary);}

/*================== style header ======================*/
#header-home{
  position: sticky;
  width: 100%;
  top: 0;
  z-index: 100;
  background: var(--secondary);
}

#logo .logo-wrap img{
  max-width: 180px;
}

#main-header{
  display: flex;
  justify-content: space-between;
  padding: 10px 0;
  align-items: center;
  flex-wrap: wrap;
	position: relative;
}
#menu-mobile{position: fixed;
  top: 0;
  left: -100%;
  z-index: 102;
  width: 100%;
  height: 100%;
  transition: 0.5s;
}

#main-menu{
  display: flex;
  position: relative;
}
#main-menu > .menu-item{
  position: relative;
}
#main-menu > .menu-item > .sub-menu{
    position: absolute;
    width: 100%;
    background: #fff;
    top: 100%;
    left: 0;
    padding: 20px;
    border-radius: 10px;
    font-weight: bold;
    transform: translateY(20px);
    transition: 0.5s;
    opacity: 0;
    visibility: hidden;
    width: max-content;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 15%);
}
#main-menu > .menu-item:hover > .sub-menu{
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
}
#main-menu > .menu-item> a{
  margin-left: 20px;
  padding: 10px;
  text-transform: capitalize;
  position: relative;
  transition: 0.3s;
  color: #fff;
  font-weight: bold;
  display: inline-block;
  margin-bottom: 10px;
}

#main-header .menu-icon{
	display: none
}

.line-animation{
  position: relative;
}
.line-animation::before, .menu-item>a::before{
  content: '';
  position: absolute;
  width: 0;
  height: 1px;
  background: var(--primary);
  bottom: 0;
  left: 0;
  z-index: 2;
  transition: 0.5s;
}
#main-menu > .current-menu-item>a::before, .line-animation:hover::before, .line-animation-active::before, #main-menu>.menu-item>a:hover::before{
  width: 100%;
}
 #main-menu > .menu-item>a:hover{
  color: var(--primary);
 }

.sub-menu> .menu-item {
    position: relative;
    transition:  0.5s;
}
.sub-menu> .menu-item::before {
    content: '\eaa0';
    font-family: 'IcoFont';
    margin-right: 5px;
}
#main-menu .sub-menu> .menu-item:hover{
  transform: translateX(5px);
  color: var(--primary);
}


/*============= style footer ================*/
footer{padding: 70px 0 30px; background-color: var(--secondary); color: #fff}
h3.widgettitle{
      font-size: 17px;
    margin-bottom: 20px;
    color: var(--primary);
    font-weight: bold;
}
.widget-footer{margin-bottom: 35px}
.wrap-widget-main{display: flex; justify-content: space-between; flex-wrap: wrap; gap: 20px;}
.wrap-widget-main .widget{
  margin-bottom: 20px;
  max-width: 350px;
}
.footer-info .info-item{padding-bottom: 10px;}
.widget_nav_menu .menu-item{
  position: relative;
  padding-bottom: 10px;
  padding-left: 30px;
}
.widget_nav_menu .menu-item::before{
  position: absolute;
  content: '\eab8';
  top: 0;
  left: 0;
  font-family: 'IcoFont';
}

.contact-footer li{
  position: relative;
  padding-left: 20px;
  margin-bottom: 15px;
}

.contact-footer li i{
  position: absolute;
  color: var(--primary);
  top: 4px;
  left: 0;
}

.list-social-footer{
  display: flex;
  justify-content: center;
  gap: 10px;
}
.social:last-child{margin: 0}
.social a{width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    font-size: 17px;
    align-items: center;
    justify-content: center;
    color: var(--primary);
    background: #EBEBEB;
    transition: 0.5s;
    margin-top: 10px;}
.social a:hover{ color: #fff}

.copyright{text-align: center; padding-top: 15px;border-top: 1px solid var(--primary);}

footer .img-footer-absolute{
  position: absolute;
  z-index: -1;

}
footer .img-footer-absolute.top{
  top: 5%;
  left: 0;
}
footer .img-footer-absolute.bottom{
  bottom: 5%;
  right: 0;
}
/*-------------style home ----------- */
.section-home{
  padding: 50px 0;
  overflow: hidden;
}
.section-title{
      font-size: 24px;
    text-transform: uppercase;
    margin-bottom: 20px;
    color: var(--primary);
  text-align: center;

}
#slider-home{
  position: relative;
  z-index: 1;
}

.slide-home-overlay{
	position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #ffffff;
    opacity: 0.4;
}

.wrap-slide-content{
	    position: absolute;
    width: 100%;
    padding: 0 10px;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
	z-index: 3;
	color: #0a3a3a
}
.wrap-slide-item.slick-active .wrap-slide-img, .wrap-slide-item.slick-active .wrap-slide-content{
  transform: translateX(0);
} 
.wrap-slide-img img{
  max-width: 100%;
    margin: auto;
    width: 100%;
    height: 550px;
    object-fit: cover;
}
.wrap-slide-content .title{
  text-transform: uppercase;
margin-bottom: 25px;
font-size: 30px;
}
.wrap-slide-content .content{
  max-width: 600px;
  text-align: justify;
	margin: auto;
  margin-bottom: 40px;
}
.wrap-slide-content .link{
  display: inline-block;
  padding: 10px 20px;
  background: var(--primary);
  border-radius: 5px;
}
 .col-center{
  display: flex;
  align-items: center;
}
.slide-wave{
  position: absolute;
  width: 100%;
  height: auto;
  bottom: 0;
  left: 0;
  z-index: 2;
}

/* ---- */
#about-us .section-img-cover{
  border-radius: 20px;overflow: hidden
}
/* ----- */
.list-product-home .col, .wrap-post-home .col-post{margin-bottom: 20px;}
.wrap-feature-product{text-align: center; padding: 20px; border: 1px solid #dedcdf; border-radius: 10px; display: block; height: 100%;}
.wrap-feature-product .wrap-thumb{
  margin-bottom: 20px;
}
.wrap-feature-product .wrap-thumb img{
	width: 100%;
	aspect-ratio: 16/12;
	object-fit: contain;
}
.wrap-feature-product .product-title{
  transition: 0.5s;
}
.wrap-feature-product .product-title:hover{
  color: var(--primary);
}

.text-cut{
  overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    margin-bottom: 10px;
}


#about.section-home{color: #fff;}
#about .section-title{
  border: none; 
  color: #fff;
  font-size: 32px;
}
#about .section-desc{
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
  text-align: justify;
  font-size: 22px;
  margin-bottom: 30px;
}

.about-list-item {
    position: relative;
    padding-left: 60px;
        padding-bottom: 20px;
    margin-bottom: 30px;
    border-bottom: 3px solid rgb(255 255 255 / 50%);
}
.about-list-item:last-child{margin-bottom: 0; padding-bottom: 0; border-bottom: none;}
.about-list-title {
    font-size: 32px;
}
.about-list-item .img-cover {
    position: absolute;
    left: 0;
    width: 40px;
    top: 10px;
}
.img-cover img{width: 100%; height: auto}

.about-list-cover img{width: 100%; border-radius: 10px}



.wrap-agency-content{
  padding: 50px 20px;
    box-shadow: 4px 8px 32px rgba(0, 0, 0, 0.16);
    border-radius: 16px;
}
.wrap-agency-content .section-title{
  padding: 0px;
  border: none;
  color: var(--primary);
  margin-bottom: 15px;
}

.post-home-item .wrap-thumb img{width: 100%;}
.post-home-item .wrap-thumb{margin-bottom: 15px;}
.post-home-item {
    display: block;
    padding: 15px;
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 10px;
    margin-bottom: 20px;
    height: 100%;
}
.post-home-item  .post-title{
  font-weight: 700;
  font-size: 18px;
}
.post-home-item .post-link{
  font-weight: bold;
  display: block;
  text-align: right;
}
.post-home-item .wrap-thumb img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
}
.post-home-cate-link{
  margin-top: 30px;
  display: block;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
}
#gg-map{
  position: relative;
	background-size: cover;
	background-position: bottom
}
.wrap-form-contact-home{
  border-radius: 20px;
	overflow: hidden
}

#form-contact-home{
  background: #fff;
    padding: 30px;
    height: 100%;
        display: flex;
    flex-flow: column;
    justify-content: space-between;
	gap: 20px
}
.form-title{
  font-size: 18px;
  text-transform: uppercase;
}
.form-control-wrap{
    position: relative;
}
.form-control-wrap .icon-label {
    position: absolute;
    left: 8px;
    color: var(--primary);
    top: 11px;
}
.form-control-wrap .form-control {
    width: 100%;
    border: 1px solid #bfbfbf;
    padding: 10px;
    padding-left: 30px;
    border-radius: 7px;
}
.submit-home{
  border: none;
}

.wrap-contact-hotline{
	height: 100%;
    padding: 30px;
    background: linear-gradient(120deg, #fff 20%, transparent);
}

/* ---------------style page------------- */
#header-cover{
      padding: 200px 0;
    text-align: center;
    color: #fff;
    position: relative;
    z-index: 1;
}
#header-cover::before{
  content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 30%);
    left: 0;
    top: 0;
    z-index: -1;
}
h1.page-title{
  font-size: 48px;
    text-transform: uppercase;
}

#variation .section-title{
  font-size: 32px;
  border: none;
}

#variation .section-content{
  max-width: 870px;
  margin:  auto;

}
#variation .section-content .wrap-item {
    background: #fff;
    text-align: center;
    padding: 20px;
    height: 100%;
    border-radius: 20px;
}
.wrap-item .item-title{
  font-size: 24px;
    font-weight: bold;
    margin: 20px 0;
}

#people{padding-bottom: 0;}

.wrap-form-contact .form-title{
  font-size: 35px;
  margin-bottom: 25px;
}
#form_contact{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#form_contact .form-control-wrap{
  width: 100%;
  margin-bottom: 15px;
}
#form_contact .form-50{
  width: 48%;
}
.btn-contact{
  width: auto;
    font-weight: bold;
    text-transform: uppercase;
    border: none;
}

/* --------category------- */
.list-post-cate{ margin: auto;}
.list-post-cate .wrap-thumb{position: relative;}
.wrap-thumb .post-date{
  position: absolute;
    background: var(--primary);
    color: #fff;
    padding: 2px 7px;
    left: 15px;
    border-radius: 10px;
}
.list-post-cate .wrap-thumb img{
  width: 100%;
  height: auto;
  border-radius: 10px;
}
.list-post-cate .post_title{
  font-size: 24px;
  font-weight: bold;
  color: var(--primary);
  margin-bottom: 20px;
  display: block;
}
.list-post-cate .post_desc{
      overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    margin-bottom: 20px;
}
.list-post-cate .post_link{
  display: block;
  font-weight: bolder;
  color: var(--primary);
  text-align: right;
}
.list-post-cate .wrap-post{
  margin: 0;
  margin-bottom: 20px;
  padding: 20px 10px;
    border: 2px solid #ededed;
    border-radius: 10px
}


/* ---------sidebar------------- */
.box-sidebar-product {
    padding: 20px;
    border: 1px solid #ededed;
    border-top: none;
    border-radius: 0 0 10px 10px;
}
.box-sidebar {
    margin-bottom: 20px;
}
.box-sidebar-title {
    padding: 10px 20px;
    margin: 0;
    background: linear-gradient(90deg, rgba(0, 176, 238, 0.3) 0%, rgba(0, 176, 238, 0.6) 100%);
    border-radius: 10px 10px 0 0;
    font-size: 20px;
    text-align: center;
}
.box-sidebar-product li{
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #bdbec2;
}

.post-sidebar-thumb img{
  width: 150px;
  height: 110px;
  border-radius: 10px;
  object-fit: cover;
}
.box-sidebar-product.list-post-wrap li a{
  display: inline-flex;
  gap: 20px;
  justify-content: space-between;
  align-items: center;
  font-weight: bold;
  color: #004057;
}


/* ------------single page------------ */
.single-post-title{
  font-size: 36px;
  color: var(--primary);
  margin-bottom: 30px;
  position: relative;
}
.single-post-title::before{
  content: '';
  height: 2px;
  width: 180px;
  background: #BDBEC2;
  left: 0;
  bottom: -15px;
  position: absolute;
}
.wrap-single-content img{
 width: 90%;
    display: block;
    margin: auto;
    border-radius: 20px;
    margin-bottom: 10px;

}

/* ----------taxonom----------- */
.list-product-cate .wrap-thumb img{
  width: 100%;
  margin-bottom: 20px;
  height: 250px;
  object-fit: contain;
}
.list-product-cate .wrap-content .product_title{
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}


.list-product-cate .wrap-product{
  padding: 20px;
  border: 1px solid #bdbec2;
  border-radius: 10px;
  margin-bottom: 20px;
}
.taxonomy-title{
font-size: 20px;
    margin-bottom: 30px;
    padding: 10px 25px;
    border: 1px solid #bdbec5;
    border-radius: 10px;
}

/* ----------sidebar product------- */
.product-sidebar-title {
    padding-top: 10px;
    border-top: 1px solid #dedce5;
    font-size: 18px;
        display: flex;
    justify-content: space-between;
}
.list-tax-child li, .list-brand li{
  margin-bottom: 10px;
  transition: 0.5s;
}
.list-tax-child li:hover{
  color: var(--primary);
  padding-left: 10px;
}
.wrap-widget-product-sidebar{margin-bottom: 30px;}
.wrap-widget-product-sidebar img{
  width: 100%;
  border-radius: 10px;
}

.brand-check{
  display: inline-flex;
  color: #fff;
  width: 20px;
  height: 20px;
  border: 1px solid #bdbdbd;
  border-radius: 5px;
  margin-right: 10px;
}

/* -----------product page--------- */
.product-cat-title{
  text-align: center;
  color: var(--primary);
}
.product-cat-desc{
  max-width: 1000px;
  margin: auto;
  text-align: justify;
}
.list-product-cat-no-parent{margin-bottom: 30px;}
.product-list .col{margin-bottom: 20px;}
/* -------media  < 1199px ----------- */
@media(max-width: 1199px){
  #main-header{
    justify-content: center;
  }
  h1.page-title{
    font-size: 35px;
  }
  .product-sidebar-title{
    font-size: 16px;
  }
  .single-post-title{
    font-size: 30px;
  }
  #about .section-title{
    margin-bottom: 20px;
    font-size: 25px;
  }
  #logo .logo-wrap img{
    max-width: 150px;
  }
}
/* -------media  < 991 ----------- */
@media(max-width: 991px){
  .wrap-main-menu{
    display: none;
  }
  h1.page-title{
    font-size: 30px;
  }
  #header-cover{
    padding: 150px 0 100px;
  }
  .order_1{ order: 1; }
.order_2{order: 2;}
#variation .section-content .col-lg-4{margin-bottom: 20px;}
.wrap-contact-info{
  margin-bottom: 20px;
}
.wrap-form-contact .form-title{font-size: 30px;}
.list-post-cate .post_title, .wrap-team-content .team-title{
  font-size: 20px;
}
#about .section-title{
  font-size: 20px;
  text-align: center;
}

 #menu-mobile.active-menu{left: 0;}
 #main-mobile-menu{
  display: flex;
  flex-wrap: wrap;
  flex-flow: column;
  gap:  20px;
 }
.wrap-menu-mobile {
    width: 100%;
    height: 100%;
    position: relative;
    background: var(--secondary);
    padding: 40px;
    font-size: 22px;
    overflow: auto;
    color: #fff;
}
.hide-menu {
    position: absolute;
    color: #fff;
    font-size: 30px;
    top: 0;
    right: 10px;
}
.wrap-menu-mobile>a {
    display: block;
    width: 100%;
    margin-bottom: 20px;
}
.wrap-menu-mobile>a>img{display: block; max-width: 200px; margin: 0 auto; filter: brightness(0) invert(1);}
  .hide-menu{position: absolute;
    color: #fff;
    font-size: 30px;
    top: 0;
    right: 10px;}
    #main-mobile-menu .sub-menu{position: relative;
    opacity: 1;
    visibility: visible;
    background: transparent;}
    
  .wrap-menu-mobile .main-menu .current-menu-item{color: var(--primary)}
  
#about-us .section-img-cover{
  margin-bottom: 30px;
}
	#main-header .menu-icon{
		display: block;
		color: #fff;
    font-size: 20px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
	}
}
/* -------media  < 767 ----------- */
@media(max-width: 767px){
  h1.page-title{
    font-size: 25px;
  }
  .list-product-cate .wrap-thumb img{
    height: 200px;
  }
  .list-post-cate .post_desc{
        -webkit-line-clamp: 2;
  }
  #about .section-desc{
  max-width: 100%;
}
.about-list-title{font-size: 20px;}
	.wrap-slide-img img{
		height: 350px
	}
}
/* -------media  < 576 ----------- */
@media(max-width: 576px){
  h1.page-title{
    font-size: 20px;
  }
  .list-post-cate .post_desc{
    display: none;
  }
  .list-post-cate .post_title{font-size: 18px; margin-top: 20px;}
  .logo-wrap img{width: 150px;}
  .product-cat-item .cat-title{width: auto;}
  .section-title{font-size: 18px;}
  .section-home, #team{
    padding: 40px 0;
  }
  #form-contact-home{
    max-width: 100%;
  }
  #form-contact-home .form-title{
    font-size: 16px;
  }
  .post-home-item .post-title{
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    font-size: 14px;
  }
  .post-home-item .post-title{font-size: 15px;margin-bottom: 5px;}
  .post-content.text-cut{font-size: 13px;}
  .post-home-item .post-link{
    font-size: 13px;
  }
  .product-hl-title{margin-top: 10px;}
  .product-related-title{
    font-size: 14px;
    margin-bottom: 5px;
  }
  .product-related-desc{font-size: 13px;}
  .product-hl-link{padding: 5px 15px; font-size: 13px;}
  .wrap-feature-product .product-title{font-size: 15px;}
	.wrap-slide-img img{
		height: 250px
	}
	.wrap-slide-content .title{
		font-size: 23px;
	}
	.wrap-slide-content .title span{display: block}
	.wrap-slide-content .content{
		font-size: 14px
	}
}
/* -------media  < 480px ----------- */
@media(max-width: 480px){
  .list-product-cate .wrap-thumb img{
    height: 150px;
  }
  .list-product-cate .wrap-content .product_title{
    -webkit-line-clamp:  3;
    font-size: 14px;
  }
  .single-post-title{
    font-size: 20px;
  }
  #form_contact .form-50{
    width: 100%;
  }
  .wrap-form-contact .form-title{
    font-size: 20px;
    margin-bottom: 15px;
  }
  #variation .section-title{font-size: 20px;}

  .product-tab-label{gap: 10px}
}