/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

:root {
    --primary:#299442;
}
.footer-section ul li {list-style:none;margin-left:0!important;}
.pad-none{padding-bottom:0}
/*************** ADD CUSTOM CSS HERE.   ***************/
@font-face {
    font-family: 'SVN-Gilroy'; 
    src: url(./assets/fonts/SVN-Gilroy.ttf);
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'SVN-Gilroy'; 
    src: url(./assets/fonts/SVN-GilroyBold.ttf); 
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'SVN-Gilroy'; 
    src: url(./assets/fonts/SVN-Gilroy-XBold.otf); 
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'SVN-Gilroy'; 
    src: url(./assets/fonts/SVN-Gilroy-Black.otf); 
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'SVN-Gilroy'; 
    src: url(./assets/fonts/SVN-GilroyMedium.ttf); 
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
body {
    font-family: 'SVN-Gilroy';
}
#header .header-bg-color {
    background: linear-gradient(89.99deg, #138943 0.45%, #8DC63F 99.47%);
}
.header-contact-wrapper li a {
    color: #fff !important;
    font-size: 14px;
    text-transform: inherit;
}
.header-wrapper .social-icons a {
    width: 29px;
    height: 29px;
    border:1px solid #fff;
    display: inline-flex;
    justify-content: center;
    align-content: center;
}
.header-wrapper .social-icons a i {
    display: flex;
    align-items: center;
    font-size: 14px;
}
.slider-content h3 {
    font-size: 48px;
    letter-spacing: 0;
    font-weight: 500;
}
.slider-content h3 strong {
    font-weight: bold;
    color: var(--primary-color);
}
.slider-content p {
    font-size: 18px;
}

.row-iconbox .icon-box .icon-inner {
    filter: drop-shadow(0px 4px 10px rgba(0, 0, 0, 0.15));
    transform: matrix(-1, 0, 0, 1, 0, 0);
    border-radius: 99%;
    position: relative;
}
.row-iconbox .icon-box .icon-inner:before {
    content: '';
    position: absolute;
    width: 130%;
    height: 130%;
    border: 1px solid #8DC63F;
    border-radius: 100%;
    left: -15%;
    top: -15%;
    opacity: 0;
    transition: all 0.5s;
}
.row-iconbox .icon-box:hover .icon-inner:before  {
    opacity: 1;
}
.row-iconbox .icon-box:hover .icon-inner {
    filter: unset;
}
.row-iconbox .icon-box .icon-inner img {
    padding: 0;
}

.home_slider .banner-wrap {
    height: 685px;
}
.home_slider .banner-slider .slider-content {
    max-width: 50%;
    position: absolute;
    right: 10%;
    top: 50%;
    transform: translateY(-70%);
}
.home-icon-box {
    margin-top: 40px;
}
.row-iconbox .icon-box-text h4 {
    color: var(--primary);
}
.home-about {
    position: relative;
    overflow: hidden;
    min-height: 585px;
    padding: 0;
    margin-top: 30px;
}
.home-about .bgimg img {
    clip-path: polygon(0 0, 100% 0, 95% 100%, 0% 100%);
    height: 100%;
    object-fit: cover;
}
.home-about .bgimg {
    position: absolute;
    max-width: 55%;
    height: 100%;
    object-fit: cover;
    bottom: 0;
    z-index: 1;
    padding-right: 30px;
}
.about-content {
    position: relative;
    z-index: 2;
    text-align: justify;
}
.home-about .bg-content {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 0;
    height: 100%;
}
.home-about .bg-content img {
    height: 100%;
    object-fit: cover;
}
.about-content h3 {
    font-size: 48px;
    font-weight: 500;
    color: #333333;
    position: relative;
    text-align: left;
}
.about-content h3:after {
    content: 'KUNFLOOR';
    font-size: 94px;
    font-weight: 500;
    color: #FFFDFD;
    position: absolute;
    opacity: 0.5;
    line-height: 1;
    left: 0;
    z-index: -1;
    bottom: 3px;
}
.about-title:before {
    content: '';
    width: 200px;
    height: 1px;
    background-color: var(--primary);
    bottom: 0;
    left: 0;
    position: absolute;
}
.dark .about-title:before {
    background-color: #fff;
}
.about-title {
    position: relative;
    font-size: 48px;
    font-weight: 500;
}
.about-title.center {
    text-align: center;
}
.about-title.center:before {
    left: 0;
    right: 0;
    margin: auto;
}
.padding-bot {
    padding-bottom: 0;
}
.section-featured .bg-content  {
    width: 50%;
    background: linear-gradient(90deg, #0C8543 1.84%, #8DC63F 164.6%);
}
.section-featured .about-content h3:after {
    display: none;
}
.section-featured .about-content h3 {
    color: #fff;
    line-height: 1.2;
    padding-bottom: 15px;
}
.section-featured .about-content h3:before {
    background-color: #fff;
}
.list-featured li  {
    display: flex;
    align-items: center;
    list-style: none;
    gap:15px;
    margin-bottom: 15px;
}
.list-featured li img {
    width: 48px;
}
.list-featured li span {
    display: block;
    font-weight: bold;
    font-size: 20px;
    line-height: 1.2;
}
.desc-product p {
    margin-bottom: 5px;
}
.home-product {
    padding: 100px 0 80px 0;
}
.home-product .nav {
    justify-content: space-between;
    display: flex;
    flex-flow: initial;
}
.home-product .nav li a {
    font-size: 16px;
    font-weight: 500;
    color: #666;
    border: 1px solid #999999;
    border-radius: 0;
    letter-spacing: 0;
    text-transform: inherit;
        line-height: 1;
    padding: 10px;
    text-align: center;
}
.home-product .nav li {
    margin: 0 5px;
}
.home-product .nav li.active a, .home-product .nav li:hover a {
    background: linear-gradient(90deg, #0C8543 0%, #8DC63F 100%);
    color: #fff;
    border:none;
}
.home-product .tab-panels {
    margin-top: 30px;
}

.home-project, .home-partner {
    margin: 80px 0 60px 0;
}
.project-item h5 {
    font-size: 20px;
}
.project-item .overlay {
    opacity: 0;
}
.project-item:hover .overlay {
    opacity: 1;
}
.project-item .box-text {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    max-width: 90%;
    margin: 0 auto;
    border: 1px solid #fff;
    height: 85%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
    opacity: 0;
}
.project-item:hover .box-text {
    opacity: 1;
}
.home-feedback {
    padding: 80px 0 60px 0;
}
.feedback-item {
    background-color: #fff;
    padding: 30px 20px 20px 20px;
    position: relative;
    margin-top: 60px;
}
.feedback-item:before {
    content: '';
    width: 46px;
    height: 40px;
    background: url(./assets/images/quote.svg) no-repeat;
    background-size: 100%;
    position: absolute;
    left: 20px;
    top: -25px;
}
.feedback-item .info .desc {
    border-bottom: 1px solid #ddd;
}
.feedback-item .info {
    display: flex;
    align-items: center;
    gap:20px;
    margin-top: 30px;
}
.feedback-item .info img {
    width: 63px;
    height: 63px;
    object-fit: cover;
}
.feedback-item .info .name {
    font-size: 18px;
    font-weight: 600;
    line-height: 1;
}

@media(min-width:850px) {
    .slider-nav-outside .flickity-prev-next-button.previous {
        left: -60px;
        right: unset;
    }
    .slider-nav-outside .flickity-prev-next-button.next {
        left: unset;
        right: -60px;
    }
   
}
.home-news {
    margin: 80px 0 80px 0;
}

.home-news .big-post .post-title {
    font-size: 32px;
    font-weight: 500;
    line-height: 1.2;
}
.home-news .box h3 {
    font-size: 16px;
    font-weight: 500;
}
.home-news .date {
    color: #333333;
}
.home-news .box:hover h3 {
    color: var(--primary);
}
.about-intro .img-ab {
    position: absolute;
    top: 0;
    right: 0;
    width: 48% !important;
    clip-path: polygon(5% 0, 100% 0, 100% 100%, 0% 100%);
    height: 570px;
    object-fit: cover;
}
.about-intro .img-ab * {
    height: 100%;
    object-fit: cover;
}
.ab-content > .col-inner {
    min-height: 570px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.page-id-1460 section.breadcrumbs {
    margin-bottom: 0;
}
.padding-bot > .col {
    padding-bottom: 0;
}
.about .row-iconbox .icon-box {
    border-bottom: 1px solid #8DC63F;
        margin-bottom: 10px;
    padding-bottom: 18px;
    position: relative;
}
.about .row-iconbox .icon-box:before {
    content: '';
    width: 70px;
    height: 1px;
    background-color: var(--primary);
    position: absolute;
     bottom: -1px;
    left: 0;
}

.staff-item .image {
    width: 200px;
    height: 200px;
    padding: 8px;
    border-radius: 100%;
    display: block;
    margin: 0 auto;
    position: relative;
}
.staff-item .image img {
    width: 100%;
    height: 100%;
    border-radius: 100%;
    object-fit: cover;
}
.staff-item .info {
    margin-top: 30px;
}
.staff-item .info h3 {
    font-size: 18px;
    color: var(--primary-color);
}
.staff-item .info h3 .desc {
    font-size: 16px;
}
.staff-item .box-icon {
    width: 33px;
    height: 33px;
    line-height: 33px;
    background-color: #205029;
    border-radius: 100%;
    margin: 0 auto;
    text-align: center;
    margin-top: -10px;
    position: relative;
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;

    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;

    overflow:hidden;
}
.staff-item:hover .image {
    border: 1px solid #205029;
}
.staff-item:hover .image .box-icon {
    -webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -o-transform:rotate(360deg);
}
.popup-staff {
   border-radius: 8px;
   padding: 100px 40px !important;
}
.popup-staff .staff-item .image  {
    border: 1px solid #205029;
}

















.widget_product_categories span.widget-title, .single .widget-title {
    display: block;
    background: linear-gradient(90deg, #0C8543 0%, #8DC63F 100%);
    font-size: 16px;
    color: #fff;
    line-height: 1;
    padding: 15px 20px;
    margin-bottom: 0;
}
.single .widget-title {
    margin-bottom: 20px;
}
 span.widget-title {
    color: var(--primary);
    margin-bottom: 20px;
    display: block;
 }
aside.widget {
    margin-bottom: 50px;
}
.widget .is-divider {
    display: none;
}
.uppercase, h6, span.widget-title, th {
    letter-spacing: 0;
}
.widget ul {
    border: 1px solid #E5E5E5;
}
.widget ul li a {
    font-weight: 500;
    font-size: 16px;
    padding: 6px 15px;
    color: #333333;
}
.widget .current-cat>a {
    color: var(--primary);
    font-weight: 600;
}
.widget ul li:hover a {
    color: var(--primary);
}
.nav-tab li {
    list-style: none;
    display: inline-block;
}
ul.nav-tab {
    margin-bottom: 0;
    border-bottom: 1px solid #D9D9D9;
    display: flex;
    justify-content: space-between;
}
.nav-tab li a {
    font-size: 24px;
    font-weight: 400;
    color: #333333;
}
.nav-tab li.active, .nav-tab li:hover {
    padding-bottom: 7px;
    margin-bottom: 0;
    border-bottom: 3px solid var(--primary);
}
.nav-tab li.active a, .nav-tab li:hover a  {
    color: var(--primary);
    font-weight: bold; 
} 
.content-product h2, .content-product h3, .content-product h4 {
    color: var(--primary);
}
.content-product h3 {
    font-size: 18px;
}
#tab-scroll {
    margin-top: 20px;
}
.product-gallery-slider img {
    height: 451px;
    object-fit: cover;
}
.product-thumbnails img {
    height: 144px;
    object-fit: cover;
}
.product-thumbnails .col:last-child {
    padding-bottom: 0 !important;
}
div.title {
    font-weight: 700;
    font-size: 16px;
    color: var(--primary);
    text-transform: uppercase;
    margin-bottom: 10px;
}
input[type=email], input[type=number], input[type=search], input[type=tel], input[type=text], input[type=url], textarea {
    box-shadow: none;
}
.header-page .header-title {
    font-size: 48px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 800;
}
section.header-page {
    padding: 120px 0;
}
section.breadcrumbs {
    background: #E4E4E4;
    padding: 15px 0;
    margin-bottom: 30px;
}
section.breadcrumbs p {
    margin-bottom: 0;
    font-size: 16px;
}
.rank-math-breadcrumb .last {
    text-transform: inherit;
    color: var(--primary);
}
.breadcrumbs a {
    font-weight: 500;
    color: #666666;
}

h1.product-title {
    font-weight: 700;
    font-size: 32px;
    color: var(--primary);
}
.product-small.box {
    background-color: #fff;
    background: #FFFFFF;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);
    border-radius: 0px;
} 
.product-small.box .product-title a {
    color: #333333;
    font-weight: bold;
    font-size: 18px;
}

.price span.amount {
    font-weight: 500;
    color: var(--primary);
    text-decoration: underline;
    font-size: 16px;
}
.product-small.box .box-text {
    padding: 15px;
}
.product-small .image-tools.bottom.left {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    background: rgba(12, 133, 67, 0.7);
}
.product-small .image-tools.bottom.left {
    font-size: 16px;
    font-weight: 500;
}

.product-small .image-tools.bottom.left ul li {
    margin-bottom: 5px;
}
.product-small:hover .product-title a {
    color: var(--primary);
}


.box-certi img {
    width: 100%;
}
.box-certi {
    background: #FFFFFF;
    box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.15);
    padding: 20px;
}
.box-certi .meta {
    display: flex;
    justify-content: space-between;
}
.box-certi h3 {
    font-size: 16px;
    margin: 20px 0;
}

.meta {
    color: #7B7875;
    font-size: 16px;
}

.related-title {
    font-size: 32px;
    font-weight: bold;
    color: #333;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.related-wrap .post-title {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.3;
}
.related-wrap .date {
    margin-top: 5px;
    font-size: 16px;
}
.related-wrap  {
    margin-top: 40px;
}

div.share {
    display: flex;
    align-items: center;
    gap:15px;
}

div.share .social-icons a, div.share p {
    margin-bottom: 0;
}
.news__feature .box {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #D9D9D9;
}
.news__feature .box .post-title a {
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 10px;
    color: var(--primary);
}
.news__feature .box .date {
    color: #777981;
    font-size: 14px;
}
.post-sidebar {
    margin-bottom: 20px;
}
.widget-area  .post-sidebar.box {
    display: block;
}
.widget-area  .post-sidebar .box-ct {
    max-width: 100%;
}
.post-sidebar.box {
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    align-items: center;
    background: #fff;
}
.post-sidebar .box-image {
    max-width: 35%;
    flex-basis: 35%;
    object-fit: cover;
}
.archive-loop .post-sidebar .box-image {
     max-width: 40%;
    flex-basis: 40%;
}
.line-2 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.post-sidebar .box-ct .post-title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-weight: bold;
    font-size: 16px;
    color: #333;
    line-height: 1.2;
}
.post-sidebar:hover .post-title {
    color: var(--primary);
}
.post-sidebar .box-ct {
    max-width: 65%;
    flex-basis: 65%;
    padding-left: 10px;
}
.archive-loop .post-sidebar .box-ct {
    max-width: 60%;
    flex-basis: 60%;
    padding-left: 20px;
}
.post-featured-item .content {
    position: absolute;
    background: linear-gradient(90.07deg, #0C8543 0.49%, #8DC63F 193.14%);
    bottom: 0;
    padding: 20px;
}
.post-featured-item h3 {
    color: #fff;
    line-height: 1.2;
}

.category #wrapper, .category #main {
    background: #F5F5F5;
}
.archive-loop .post-sidebar .box-ct .post-title {
    font-size: 24px;
}
.archive-loop .post-sidebar .box-ct .desc {
    color: #333;
}
.home-certificate {
    padding: 80px 0 60px 0;
    background-size: cover !important
}





















.page-load-status {
  display: none;
}

.loader-ellips {
  font-size: 20px;
  position: relative;
  width: 4em;
  height: 1em;
  margin: 10px auto;
}

.see-more button:disabled,
.see-more button[disabled] {
  display: none;
}

.loader-ellips__dot {
  display: block;
  width: 1em;
  height: 1em;
  border-radius: 0.5em;
  background: var(--primary-color);
  position: absolute;
  animation-duration: 0.5s;
  animation-timing-function: ease;
  animation-iteration-count: infinite;
}

.loader-ellips__dot:nth-child(1),
.loader-ellips__dot:nth-child(2) {
  left: 0;
}

.loader-ellips__dot:nth-child(3) {
  left: 1.5em;
}

.loader-ellips__dot:nth-child(4) {
  left: 3em;
}

@keyframes reveal {
  from {
    transform: scale(0.001);
  }

  to {
    transform: scale(1);
  }
}

@keyframes slide {
  to {
    transform: translateX(1.5em);
  }
}

.loader-ellips__dot:nth-child(1) {
  animation-name: reveal;
}

.loader-ellips__dot:nth-child(2),
.loader-ellips__dot:nth-child(3) {
  animation-name: slide;
}

.loader-ellips__dot:nth-child(4) {
  animation-name: reveal;
  animation-direction: reverse;
}


/* Style button hover top to botottom */
a.btn.button, button.btn.button, .wpcf7-submit.btn {
    background:linear-gradient(90deg, #0C8543 0%, #8DC63F 100%) !important;
    border-radius: 8px;
    height: 55px;
    line-height: 55px;
    padding: 0 55px;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 0;
    border:none;
}
button.btn.button.white {
    background: #fff !important;
    color: var(--primary) !important;
    margin-bottom: 0;
}
 .wpcf7-submit.btn {
    border-radius: 0;
    padding: 0 50px;
    height: 45px;
    line-height: 45px;
    font-weight: 500;
 }


.sidebar-menu .header-search-form-wrapper input {
    box-shadow: none;
    border-right: 0;
}
.sidebar-menu .header-search-form-wrapper input[type="search"] {
    height: 40px;
    border-radius: 5px 0 0 5px;
}
.sidebar-menu .header-search-form-wrapper .submit-button {
    border-radius: 0 5px 5px 0;
    height: 40px;
    padding: 0 10px;
}
.off-canvas .sidebar-menu li.header-search-form  {
    border-top: none;
}
.off-canvas .sidebar-menu li.html.custom {
    padding-bottom: 0;
}
@media only screen and (max-width: 1023px) {
    .off-canvas-right .mfp-content, .off-canvas-left .mfp-content {
        background-color: #fff;
        width: 320px;
    }
    .off-canvas:not(.off-canvas-center) .nav-vertical li>a {
        color: #333;
    }
    .list-product-item .name:before {
        display: none;
    }
    .off-canvas:not(.off-canvas-center) .flag li.lang-item {
        display: inline-block;
        width: auto;
    }
    .off-canvas:not(.off-canvas-center) .flag  {
        width: 100%;
    }
    .about-intro .img-ab {
        position: unset;
        width: 100% !important;
        height: unset;
        clip-path:unset;
    }
    .ab-content > .col-inner {
        min-height: 400px;
    }
}
.off-canvas .sidebar-menu {
    padding-top: 0;
}


.nav-dropdown-has-border .nav-dropdown {
    z-index: 9999999;
    border: none;
    padding: 10px;
    border-top: 4px solid var(--primary-color);
    margin-top: 10px;
}
.nav-line-bottom>li>a:before {
    bottom: -1px;
}
header .nav-line-bottom>li>a:before {
    width: 0;
    height: 1px;
    background-color: #fff;
    background: #fff;
}
header .nav-line-bottom>li:hover>a:before, header .nav-line-bottom>li.active>a:before {
    width: 100%;
}

.nav-dropdown-default .nav-column li>a, .nav-dropdown.nav-dropdown-default>li>a {
    border-bottom: none;
    color: #000;
    font-size: 14px;
    font-weight: 500;
    position: relative;
}
.nav-dropdown {
    background-color: #fff;
    box-shadow: 0 0 30px 0 rgb(0 0 0 / 7%);
    padding: 1em 0;
}
.nav-dropdown>li>a, .nav-column>li>a {
    font-size: 14px;
    color: black;
    font-weight: 500;
}
.nav-dropdown>li>a:hover, .nav-column>li>a:hover {
    color: #a8b324;
}
.header:not(.transparent) .header-nav-main.nav > li > a {
    font-size: 18px;
    font-weight: bold;
    color: #fff;
}

.header:not(.transparent) .header-nav-main.nav > li {
    margin: 0 20px;
}
.header:not(.transparent) .header-nav-main.nav > li.lang-item {
    margin: 0 10px;
}
/*.header:not(.transparent) .header-nav-main.nav > li.header-search > a {
    width: 45px;
    height: 45px;
    background-color: #f4f4f4;
    border-radius: 99px;
    text-align: center;
    justify-content: center;
}*/
.off-canvas-right .mfp-content, .off-canvas-left .mfp-content {
    width: 320px;
    background-color: #fff;
}

.slider-nav-outside .flickity-prev-next-button {
    bottom: auto;
    top: 30%;
}
 .slider-nav-outside .flickity-prev-next-button svg {
    border-width: 1px;
    background: #fff;
    padding: 10px;
}

@media(max-width:1366px) {
    .product-small .image-tools.bottom.left {
        opacity: 0 !important;
    }

    .project-item .box-text {
        position: unset;
        opacity: 1;
        max-width: 100%;
        transform: unset;
        padding: 10px;
    }
    .project-item .box-text .info-more {
        display: none;
    }
    .project-item .box-text .post-title  {
        color: #333;
        font-size: 16px;
    }
    .project-item .box-text button.btn.button.white {
        background: linear-gradient(90deg, #0C8543 0%, #8DC63F 100%) !important;
        color: #fff !important;
        padding: 0 30px !important;
        height: 40px;
        line-height: 40px;
    }
}

@media(min-width:1024px) and (max-width:1366px) {
    .home_slider .banner-slider .slider-content {
        max-width: 60%;
    }
    .section-featured .about-content h3 {
        font-size: 42px;
    }
    .section-featured .bg-content {
        width: 70%;
    }
    .home-about .bgimg {
        padding-right: 0;
    }

    .section-featured .bg-content {
        width: 100%;
    }
    .header:not(.transparent) .header-nav-main.nav > li > a {
        font-size: 16px;
    }
    .header:not(.transparent) .header-nav-main.nav > li {
        margin: 0 15px;
    }
}
@media(max-width:1023px) {
    .home-about .bgimg {
        display: none;
    }
    .section-featured .bg-content {
        width: 100%;
    }
    .home-product .nav {
        white-space: nowrap;
        overflow: auto;
        display: block;
        width: 100%;
        padding-bottom: 20px;
    }

    .slider-nav-outside .flickity-prev-next-button.previous {
        left: -15px;
    }
    .slider-nav-outside .flickity-prev-next-button.next {
        right: -15px;
    }
    
}
@media (max-width:767px) {
    .slider-content p {
        font-size: 14px;
    }
    .slider-content h3 {
        font-size: 28px;
    }
    a.btn.button, button.btn.button {
        padding: 0 25px;
        height: 45px;
        line-height: 45px;
    }
    .home_slider .banner-wrap {
        max-height: 400px;
    }
    .home_slider .banner-slider .slider-content {
        transform: translateY(-50%);
        min-width: 90%;
        left: 0;
        right: 0;
        margin: auto;
    }
    .archive-loop .post-sidebar .box-ct .post-title {
        font-size: 16px;
    }
    .archive-loop .post-sidebar .box-ct .desc {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }
    .archive-loop .post-sidebar .image-cover {
        padding-top: 200px !important;
    }
    .archive-loop .post-sidebar {
        display: block;
    }
    .archive-loop .post-sidebar .box-image {
        max-width: 100%;
    }
    .archive-loop .post-sidebar .box-ct {
        max-width: 100%;
        padding: 20px;
    }

    .staff-item .image {
        width: 160px;
        height: 160px;
    }

    .about-title {
        font-size: 30px;
        line-height: 1.2;
    }
    .home-product .nav {
        margin-top: 30px;
    }

    .slider-nav-outside .flickity-prev-next-button {
        bottom: auto;
        top: 20%;
    }

}

.download button {
    margin:0;
    line-height: 1;
}
.lang-item img {
    width: 30px;
    height: auto;
}