@import 'root.css';
@media (min-width: 768px) {
    .header .navbar .navbar-brand {
       width: 216px !important;
        height: 45px !important;
        margin: 6px auto 6px 0;
    }
  .header .navbar .nav-share-btn-area {
    position: absolute;
    right: 5%;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .header .navbar .small-btn-box {
    margin-right:73px;
  }
  .header .navbar .small-btn-box ul {
    margin-right: 0;
    margin-left: 10px;
  }
  .is_scroll .header .navbar .navbar-brand, .scroll-down .header .navbar .navbar-brand {
   /* width: 24px !important;
    height: 35px !important;
    margin-top: 6px;
    margin-bottom: 6px;*/
  }
  .is_scroll .header .navbar .small-btn-box ul .btn-group.lang > .dropdown-toggle, .scroll-down .header .navbar .small-btn-box ul .btn-group.lang > .dropdown-toggle {
    padding: 6px 24px;
  }
  .is_scroll .header .navbar .small-btn-box ul .btn-group.lang > .dropdown-toggle:before, .scroll-down .header .navbar .small-btn-box ul .btn-group.lang > .dropdown-toggle:before {
    font-size: 1.5rem;
    margin-bottom: 5px;
  }
  .is_scroll .header .navbar-nav .nav-link, .scroll-down .header .navbar-nav .nav-link {
    padding: 10px 20px 10px;
  }
  .nav-cart-info {
    padding: 10px 0;
  }
  .gallery-list.cover.hov-cart .item .pic .cover {
    background: rgba(255, 255, 255, 0.25);
  }
}
@media (min-width: 992px) {
  .header .navbar .navbar-brand {
    width: 256px !important;
    height: 59px !important;
    margin: 10px auto 10px 0;
  }
  .is_scroll .header .navbar .navbar-brand, .scroll-down .header .navbar .navbar-brand {
 /*   width: 34px !important;
    height: 50px !important;
    margin-top: 5px;
    margin-bottom: 5px;*/
  }
  .is_scroll .header .navbar .func-box, .scroll-down .header .navbar .func-box {
    padding-top: 6px;
    padding-bottom: 6px;
  }
  .is_scroll .header .navbar .func-box:before, .scroll-down .header .navbar .func-box:before {
    bottom: 0px;
  }
  .is_scroll .wid-float-section, .scroll-down .wid-float-section {
    right: 10px;
  }
  .wid-float-section, body.scroll-down .wid-float-section.mobile-animate {
    position: fixed;
    left: auto;
    bottom: 5%;
  }
  .wid-float-section {
    right: -50px;
  }
  .wid-float-section ul {
    background: transparent;
    margin: 0;
    display: block;
  }
  .wid-float-section ul li {
    padding: 0;
  }
  .wid-float-section ul li + li {
    border-top: 0;
    margin-top: 8px;
  }
  .wid-float-section ul li a {
    width: 40px;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-size: 10px;
    border-radius: 50%;
    border: 2px solid #000;
    color: #000;
    background: #fff;
    position: relative;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  .wid-float-section ul li a .icon {
    font-size: 20px;
    display: block;
    margin: 0 auto;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  .wid-float-section ul li a:hover {
    background: #000;
    color: #fff;
  }
  .wid-float-section ul li a:hover .icon {
    color: #fff;
  }
}
@media (min-width: 1400px) {
  .header .navbar .navbar-brand {
    width: 256px !important;
    height: 59px !important;
    margin: 12px auto 12px 0;
  }
  body.home section.catalog .gallery-list .item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
            flex: 0 0 20%;
    width: 20%;
  }
}
@media (min-width: 1680px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1700px;
  }
}
@media (max-width: 1599px) {
    .header .navbar .navbar-collapse > .navbar-nav > .nav-item > .nav-link {
        font-size: 18px;
    }
    .home_about:before {
        width: 452px;
        height: 452px;
     
    }
    .ab_bg02 img {
        width: 50%;
    }
    .home_about .ab_img img {
        width: 65%;
        margin: 0 auto 0 0;
    }
    .prod_left .slick-btn .slick-arrow.btn-next {
        right: calc(20% - 80px);
    }
    .prod_left .slick-btn .slick-arrow.btn-prev:hover,
    .prod_left .slick-btn .slick-arrow.btn-next:hover,
    .prod_left .slick-btn .slick-arrow.btn-next,
    .prod_left .slick-btn .slick-arrow.btn-prev {
        background-size: 40%;
    }
    .prod_left .slick-btn .slick-arrow {
        width: 57px;
        height: 57px;
      
    }
  body.home .contact-box .content-area {
    padding: 55px 31% 65px 20%;
  }
  body.home .contact-box .content-area:before {
    right: 82%;
  }
  body.home .contact-box .content-area:after {
    left: 60%;
  }
}
@media (max-width: 1399px) {
  .header .navbar .navbar-collapse > .navbar-nav > .nav-item > .nav-link {
    padding: 12px 0.75vw;
  }
  .header .navbar .func-box {
    margin-left: 30px;
    padding: 10px 40px 10px 20px;
  }
  .header .navbar .func-box:before {
    width: calc(100% + 30px);
    -webkit-clip-path: polygon(30px 0%, 100% 0%, 100% 100%, 0% 100%);
            clip-path: polygon(30px 0%, 100% 0%, 100% 100%, 0% 100%);
  }
  .footer .footer_logo {
    max-width: 70px;
  }
  .footer .footer-bg {
    margin-top: 25px;
  }
  .footer .footer-info .tat_x li:not(:last-child) {
    margin-right: 1.5rem;
  }
  .footer .footer-info .tat_x li label {
    margin-right: 4px;
  }
    body.home section .h3 {
        font-size: 60px;
    }
 
  body.home section.news {
    padding-top: 30px;
    padding-bottom: 15px;
  }
  body.home .about-box .title {
    font-size: 4.5rem;
  }
  body.home .about-box .desc {
    padding-left: 9%;
    padding-right: 0;
    padding-top: 30px;
    padding-bottom: 40px;
  }
  body.home .about-box .desc:before {
    -webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 calc(100% - 75px));
            clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 calc(100% - 75px));
  }
  body.home .about-box .desc:after {
    width: 66px;
    height: 76px;
  }
  body.home .about-box .pic {
    margin-bottom: 70px;
  }
}
@media (max-width: 1199px) {
    .header .navbar .navbar-collapse > .navbar-nav > .nav-item > .nav-link {
        font-size: 16px;
    
    }
  .btn.more {
    padding: 0.75rem 1.5rem;
    min-width: 180px;
  }
  .header .navbar .func-box {
    margin-left: 20px;
    padding: 10px 30px 10px 20px;
  }
  .header .navbar-nav .nav-link {
    /*padding: 25px 10px 25px;*/
  }
  .article-grid.info-absolute .item .info .title {
    font-size: 0.9375rem;
  }
  .article-grid.info-absolute .item .post-foo {
    padding: 0;
  }
  .footer .footer_logo {
    max-width: 65px;
  }
  .footer .footer-bg {
    margin-top: 17px;
  }
  .footer .footer-info ul li:not(:last-child) {
    margin-right: 0.25rem;
  }
  .footer .footer-info .tat_x {
    letter-spacing: 0;
  }
  .footer .footer-info .tat_x li:not(:last-child) {
    margin-right: 1rem;
  }
  .footer .footer-info .tat_x li label {
    margin-right: 5px;
  }

  .footer .social-box {
    margin-top: 5px;
    margin-bottom: 5px;
  }
  .footer .copyrights, .footer .powered {
    letter-spacing: 0;
  }
  .footer .sitemap {
    margin-bottom: 20px;
  }
  .footer .sitemap > ul > li > a {
    padding: 3px 4px;
    font-size: 0.875rem;
  }
  .slick .slick-arrow {
    width: 34px;
    height: 70px;
  }
  .slick .slick-arrow:before {
    font-size: 70px;
  }
 
  body.home section.product {
    padding-top: 65px;
  }
  body.home .about-box:after {
    top: 18%;
    left: 32%;
    width: 280px;
    height: 280px;
  }
  body.home .about-box .title {
    font-size: 4rem;
  }
  body.home .about-box .desc {
    font-size: 1rem;
  }
  body.home .about-box .desc:after {
    width: 47px;
    height: 54px;
  }
  body.home .about-box .desc p {
    margin-bottom: 1em;
  }
  body.home .about-box .desc .btn.more {
    margin-top: 35px;
  }
  body.home .about-box .pic {
    margin-top: 140px;
  }
  body.home .about-box .pic:after {
    width: 265px;
    height: 25px;
  }
    .home_about_right h3 {
        font-size: 24px;
    }

    .home_about_right h2 {
        font-size: 70px;
    }
    .home_about_right p {
        font-size: 18px;
    }
}
@media (max-width: 991px) {
    body.home section .h3 {
        font-size: 50px;
        pointer-events: none;
    }
    .home_about_right {
        padding-left: 13%;
        padding-right: 5%;
    }
    .home_about .ab_img img {
        width: 45%;
    }
    .home_about_right p span {
        display: unset;
    }
  
    
    .header .navbar .nav-share-btn-area {
        right: 20px;
   
    }
    .header .navbar > .container-fluid {
        padding: 0 10px;
    }
  .header .nav-brand-wrapper {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }
  .header .navbar .navbar-collapse > .navbar-nav > .nav-item > .nav-link {
    /*font-size: .875rem;*/
    padding-left: 6px;
    padding-right: 6px;
  }
  .header .navbar .small-btn-box ul .btn-group.lang > .dropdown-toggle {
    padding: 13px 24px;
  }
  .header .navbar .small-btn-box ul .btn-group.lang > .dropdown-toggle:before {
    font-size: 1.75rem;
    margin-bottom: 5px;
  }
  .is_scroll .header.navbar-othertop .navbar {
    top: 0;
  }
  .footer {
    padding-top: 15px;
    padding-bottom: 10px;
  }
  .footer .footer-info {
    margin-top: 8px;
    margin-bottom: 5px;
  }
  .footer .footer_logo {
    max-width: 88px;
    margin-bottom: 0;
  }
  .footer .social-box {
    text-align: left;
    margin-top: 0;
    margin-bottom: 8px;
  }
  .footer .sitemap {
    margin-bottom: 5px;
  }
  .article-list .item + .item {
    margin-top: 25px;
    padding-top: 25px;
  }
  .article-list .item:last-child {
    padding-bottom: 25px;
  }
  .article-list .item .time {
    margin-right: 1.5em;
  }
  .article-list .item .info {
    overflow: visible;
    text-overflow: clip;
    white-space: normal;
  }
  .article-grid .item .info .title a {
    font-size: 1rem;
  }
  .article-grid.info-absolute .item .info .desc {
    margin-top: 5px;
  }
  .gallery-list .item .info {
    text-align:center;
    padding: 10px 20px 15px;
  }
  .gallery-list .item p.price {
    font-size: 1.125rem;
  }
  .slick .slick-arrow {
    width: 24px;
    height: 50px;
  }
  .slick .slick-arrow:before {
    font-size: 50px;
  }
  .deco .item:nth-of-type(4) {
    bottom: 54%;
  }
  .deco .item:nth-of-type(5) {
    bottom: 59%;
  }
  body.home section.news .h3:after {
    width: 20px;
    height: 20px;
    left: 102%;
    bottom: 65%;
  }
  body.home .about-box:after {
    top: 3%;
    left: 67%;
    width: 250px;
    height: 250px;
  }
  body.home .about-box .desc {
    padding-left: 55px;
    padding-right: 55px;
    padding-top: 40px;
    padding-bottom: 30px;
  }
  body.home .about-box .desc:before {
    width: 100%;
    -webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 calc(100% - 55px));
            clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 calc(100% - 55px));
  }
  body.home .about-box .desc:after {
    width: 35px;
    height: 40px;
  }
  body.home .about-box .desc .btn.more {
    margin-top: 20px;
  }
  body.home .about-box .pic {
    margin-top: 80px;
    margin-left: 12%;
    margin-bottom: 30px;
  }
  body.home .about-box .pic.aos-animate:before {
    right: 12%;
    bottom: 12%;
  }
  body.home .about-box .pic .pic-title {
    font-size: 1.5rem;
    margin-bottom: 5px;
  }
}
@media (max-width: 767px) {
    body.home.is_scroll .header .navbar .navbar-toggler.active .navbar-toggler-icon::after, body.home.is_scroll .header .navbar .navbar-toggler.active .navbar-toggler-icon::before {
        background: #fff;
    }
    body.home.is_scroll  .header .navbar.menu-open .small-btn-box ul .list-inline-item a {
        color: #ffffff;
    }
    body.home.is_scroll .header .navbar .navbar-brand {
        -webkit-filter: brightness(0) invert(1) !important;
        filter: brightness(0) invert(1) !important;
    }
    body.home.is_scroll  .header .navbar.menu-open {
        background: #121481!important;
    }
 
    .home_about .ab_img img {
        width: 60%;
        margin: 0 auto;
    }
    .home_about .ab_img {
        position: static;
     
    }
    .home_about_right p {
        font-size: 16px;
        padding-bottom: 0;
    }
    .home_about_right h3 {
        font-size: 18px;
        padding-bottom: 0;
    }
    .home_about_right h2 {
        font-size: 50px;
    }
    .prod_left h3.h3 {
        padding-top: 83px;
    }
    .footer .social-box ul li a {
        width: 30px;
        height: 30px;
        font-size: 18px;
  
    }
    .home_about_right {
        padding: 20px 20px 40px;
        width: auto;
    }
    .home_about:before {
        width: 102px;
        height: 102px;
    }
    .footer .footer-info .tat_x li a {
        font-size: 15px;
      
    }
    .footer .footer-info .tat_x li label {
        font-size: 15px;
       
    }
    .footer .copyrights, .footer .powered {
        text-align: left;
      
    }

    .prod_left .slick-btn .slick-arrow.btn-next {
        right: calc(20% - 65px);
    }
    .prod_left .slick-btn .slick-arrow {
        width: 47px;
        height: 47px;
    }
        .prod_left .slick-btn .slick-arrow.btn-prev:hover,
        .prod_left .slick-btn .slick-arrow.btn-next:hover,
        .prod_left .slick-btn .slick-arrow.btn-next, 
        .prod_left .slick-btn .slick-arrow.btn-prev
        {
            background-size: 35%;
        }
    .prod_left .slick-btn {
        position: absolute;
        left: unset;
        bottom: unset;
        right: 76px;
        top: 30px;
    }
    .vapro_box h2 {
        font-size: 26px;
        width: 70%;
        padding: 30px 0;
    }
    .vapro_box img {
        width: 15%;
    }
    body.home section.product:before{
        display:none;
    }
    body.home .product .d-flex {
        flex-wrap: wrap;
    }
    .prod_right {
        width: 100%;
    }
    .prod_left {
        width: 100%;
        padding-left: 0;
    }
    .btn.more {
        padding: 0.75rem 1.25rem;
        min-width: 155px;
        font-size: 16px;
    }
    .header .navbar {
        position: fixed;
        padding: 0;
        padding: 5px 0;
    }
    body.home.is_scroll .header .navbar, .header .navbar, .scroll-down .header .navbar {
        padding: 5px 0;
    }
  .header .navbar .navbar-brand {
    display: block;
  }
    .header .navbar .small-btn-box ul {
        margin-right: 48px;
        position: relative;
        top: -3px;
    }
  .header .navbar .small-btn-box ul .list-inline-item:last-child {
    margin-left: 0.5rem;
  }
  .header .navbar .small-btn-box ul .list-inline-item.nav-search-li .nav-search-box .search-area {
    width: auto;
  }
  .header .navbar .small-btn-box ul .btn-group.lang > .dropdown-toggle {
    padding: 5px 8px;
    border-radius: 8px;
  }
  .header .navbar .small-btn-box ul .btn-group.lang > .dropdown-toggle:before {
    display: none;
  }
  .header .navbar .small-btn-box ul .btn-group.lang > .dropdown-toggle .caret {
    display: block;
  }
  .header .navbar .navbar-toggler {
    position: absolute;
    right: 10px;
   /* top: 19px;*/
  }
    .is_scroll .header .navbar .navbar-toggler .navbar-toggler-icon,
    .is_scroll .header .navbar .navbar-toggler .navbar-toggler-icon::after,
    .is_scroll .header .navbar .navbar-toggler .navbar-toggler-icon::before {
        background: #fff;
    }
  .header .navbar .navbar-toggler .navbar-toggler-icon,
  .header .navbar .navbar-toggler .navbar-toggler-icon::after,
  .header .navbar .navbar-toggler .navbar-toggler-icon::before {
    height: 2px;
    background: #fff;
  }
  .header .navbar .nav-share-btn-area {
    margin-top: 5px;
    margin-left: 0;
    padding: 5px 10px;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .header .navbar .nav-share-btn-area:before {
    content: "Social:";
    font-size: 12px;
    margin-top: 5px;
    opacity: 0.5;
    font-style: italic;
  }
  .header .navbar .nav-share-btn-area li + li {
    margin-left: 5px;
  }
  .header .navbar .nav-share-btn-area li a {
    padding: 5px;
    background: transparent;
    color: var(--main-color) !important;
    font-size: 20px;
    width: 30px;
  }
  .header .nav-item .caret {
    border-top: solid 5px var(--main-color);
  }
  .header .navbar-nav .nav-item:hover > .nav-link {
    color: var(--second-color);
  }
  .header.navbar-othertop .navbar .small-btn-box .navbar-toggler {
    margin-right: 10px;
    width: 28px;
    height: 18px;
  }
  .header.navbar-othertop .navbar .small-btn-box .navbar-toggler span,
  .header.navbar-othertop .navbar .small-btn-box .navbar-toggler span:before,
  .header.navbar-othertop .navbar .small-btn-box .navbar-toggler span:after {
    background: #000;
  }
  .header.navbar-othertop .navbar .small-btn-box .navbar-toggler .navbar-toggler-icon::before {
    top: 8px;
  }
  .header.navbar-othertop .navbar .small-btn-box .navbar-toggler .navbar-toggler-icon::after {
    top: 16px;
    bottom: -8px;
  }
  .is_scroll .header .navbar,
  .scroll-down .header .navbar {
    /*box-shadow: none;*/
  }
  .bsnavclose.close-btn {
    position: fixed;
    width: 30px;
    height: 30px;
    right: 12px;
    top: 16px;
    cursor: pointer;
    z-index: 99999;
    -webkit-transform: scale(0);
            transform: scale(0);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-filter: brightness(0);
            filter: brightness(0);
  }
  .gotop {
    right: 10px;
    bottom: 15px;
  }
  .gotop a {
    width: 40px;
    height: 40px;
    line-height: 40px;
  }
  .slick .slick-arrow {
    width: 20px;
    height: 40px;
  }
  .article-list .item + .item {
    margin-top: 15px;
    padding-top: 15px;
  }
  .article-list .item:last-child {
    padding-bottom: 15px;
  }
  .article-list .item .time {
    display: table;
    margin-right: 0;
    margin-bottom: 10px;
  }
  .article-list .item .info {
    width: 94.5%;
    display: inline-block;
  }
  .article-list .item .icon {
    display: inline-block;
    line-height: 1em;
    margin-bottom: 5px;
  }
  .gallery-list.cover.hov-cart .btn-box .btn {
    width: 100%;
  }
  .tab-area .tab-title li {
    width: 100%;
    max-width: none;
  }
  .tab-area .tab-title li + li {
    margin-left: 5px;
  }
  .tab-area .tab-title li a {
    text-align: center;
  }
  .slick .slick-next,
  .slick .slick-prev {
    top: 50%;
    bottom: auto;
  }
  .slick .slick-prev {
    left: 0;
  }
  .slick .slick-next {
    left: auto;
    right: 0;
  }
  .multiple-slick.slick .slick-arrow {
    width: 20px;
    height: 40px;
  }
  .multiple-slick.slick .slick-next,
  .multiple-slick.slick .slick-prev {
    top: 50%;
    bottom: auto;
  }
  .multiple-slick.slick .slick-prev {
    left: 0;
  }
  .multiple-slick.slick .slick-next {
    left: auto;
    right: 0;
  }
  .gallery-list .item:hover .item-detail, .gallery-list .item:focus .item-detail, .gallery-list .item:active .item-detail {
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  }
  .gallery-list .item .item-detail {
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  }
  .gallery-list.slick.list {
    margin-top: 5px;
  }
  .gallery-list.slick.list .slick-list {
    padding: 12px 0;
  }
  .article-grid .item > article {
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  }
  .article-grid .item:hover > article {
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  }
  .article-grid.multiple-slick .slick-list {
    padding: 12px 0;
  }
  .footer .sitemap {
    margin-bottom: 5px;
  }
  .footer .sitemap > ul > li:not(:last-child) {
    margin-right: 0;
  }
  .footer .right-area, .footer .left-area {
    margin-bottom: 5px;
  }
  .footer .right-area {
    border-left: 0;
  }
  .footer .copyrights-info {
    margin-top: 5px;
  }
  .kind-info > .h2 .txt-en, .kind-info > .h2 .sub {
    font-size: 1.5em;
  }
 
  body.home section .h3 .sub, body.home section .h3 .txt-tw {
    font-size: 1rem;
  }
    body.home section.product {
        padding: 30px 20px;
   
  }
  body.home section.news {
    padding-top: 15px;
  }
 
  body.home .about-box:after {
    width: 220px;
    height: 220px;
  }
  body.home .about-box .title {
    font-size: 3rem;
  }
  body.home .about-box .desc {
    padding-left: 45px;
    padding-right: 45px;
    padding-bottom: 0;
    margin-bottom: 20px;
  }
  body.home .about-box .desc:before {
    -webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 calc(100% - 30px));
            clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 calc(100% - 30px));
  }
  body.home .about-box .desc:after {
    width: 31px;
    height: 35px;
  }
  body.home .about-box .desc .btn.more {
    margin-top: 10px;
  }
  body.home .about-box .pic {
    margin-bottom: 0;
  }
}
@media (max-width: 640px) {
  body.home .about-box .pic:before {
    border: 12px solid var(--second-color);
  }
  body.home .about-box .pic .pic-title {
    font-size: 1.125rem;
    margin-bottom: 0;
  }
}
@media (max-width: 576px) {
  .header .navbar .nav-pos-top .small-btn-box li > a .text,
  .header .navbar .nav-pos-top .small-btn-box li .cart-drop-box > a .text {
    display: none;
  }
  .footer .footer_content .sitemap > ul > li {
    margin: 0 0 5px;
  }
  .footer .footer_content .sitemap > ul > li > a {
    font-size: 15px;
    padding: 1px 4px;
  }
  .article-horizontal-grid article, .article-horizontal-grid .item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .article-horizontal-grid article > div, .article-horizontal-grid .item > div {
    width: 100% !important;
  }
  .article-horizontal-grid article .kind, .article-horizontal-grid .item .kind {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
            transform: none;
  }
  .article-horizontal-grid article .info, .article-horizontal-grid .item .info {
    padding: 15px 10px !important;
  }
  .slick .slick-arrow {
    width: 21px;
    height: 30px;
  }
  .slick .slick-prev {
    left: 10px;
  }
  .slick .slick-next {
    right: 10px;
  }
  .multiple-slick.slick .slick-next,
  .multiple-slick.slick .slick-prev {
    top: 50%;
    bottom: auto;
  }
  .multiple-slick.slick .slick-prev {
    left: 10px;
  }
  .multiple-slick.slick .slick-next {
    right: 10px;
  }
  body.home .contact-box .content-area {
    padding: 70px 15% 60% 15%;
  }
  body.home .contact-box .content-area:after {
    top: 25%;
  }
  body.member.login .frame-small-box .btn-area {
    /*flex-direction: column-reverse;*/
  }
  body.member.login .frame-small-box .btn-area .btn.btn-primary {
    display: block;
    margin-bottom: 10px;
  }
}
@media (max-width: 480px) {
  .footer .footer_logo {
    max-width: 55px;
    border-radius: 7px;
  }
  .footer .footer-bg {
    margin-top: -10px;
  }
  .footer .footer-info ul li {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
  }
  .footer .footer-info ul li:after {
    display: none;
  }
  .footer .sitemap > ul {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
   /* -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    max-width: 260px;*/
    margin: 0 auto;
  }
  .footer .sitemap > ul > li {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33%;
            flex: 0 0 33.33%;
  }
  body.home section.news .article-grid.ar-img .item .info .desc a {
    -webkit-line-clamp: 1;
    height: 1.5em;
  }

}
@media (max-width: 375px) {
  .article-list .item .info {
    width: 93%;
  }
  .footer .footer-info ul li:not(:last-child) {
    margin-right: 0;
  }
  .footer .footer_content .sitemap > ul > li {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3%;
            flex: 0 0 33.3%;
  }
  body.home .contact-box .content-area {
    padding: 50px 15% 80%;
  }
}