@charset "utf-8";
@media (min-width: 576px){

}
@media (min-width: 768px){
    .nav-cart-info .nav-cart-list {
        width: 370px;
    }


}
@media (min-width: 992px) {
    .side1.col-lg-3 {
        width: 20%;
    }

    .content.col-lg-9 {
        width: 80%;
    }
}
@media (max-width: 1600px) {
    .prod_box .pic {
      padding-right:5%;
    }

    .frame-small-box {
        width: 70%;
 
    }
    .home_product:after {
        right: -15%;
    }

    .home_product:before {
        left: -15%;
    }
 
    .home_product .gallery-list.slick.list .item {
        padding: 15px 0 0;
    }
    .series_bg_rg {
        right: 0;
        bottom: -27%;
    }
    .series_bg4 {
        padding-right: 20px;
        width: 20%;
        margin: 0 0 0 auto;
    }
    .series_bg3 {
        width: 70%;
        margin: 0 0 0 auto;
    }
}


@media (max-width: 1199px) {
    .member .main {
        padding: 40px 0 0;
    }
    .qty-box .qty-quantity {
        width: 40px;
    }
    .qty-box .btn {
        width: 30px;
    }

    .navbar .navbar-brand {
        margin: 0 auto;
    }

    .header .navbar {
        padding-left: 15px;
    }

    .footer .footer_content.fc_seperate_bottom {
        padding: 50px 15px;
    }

    .footer .container {
        max-width: 100%;
    }

    .home_news {
        margin-top: -4px;
    }

    .new_fx .new_fx_right {
        padding: 5% 5%;
    }
    .home_series_box .home_series_1 a .more {
        width: 99px;
        height: 79px;
        background-size: cover;
    }
}
    @media (max-width: 991px) {
        .member_idx .main .member-info {
            padding-top: 0;
        }
    
    
        .frame-small-box {
            width: 100%;
        }

        .home_news .gallery-list.slick.list .item {
            padding: 0 15px;
        }
        .footer_left ul li + li {
            padding-left: 18px;
        }
        .new_bg img{
            width:70%;
        }

        .home_product .slick .slick-next {
            right: 0;
        }
        .home_product .slick .slick-prev {
            left: 0;
        }
        .home_product:before,
        .home_product:after{
            display:none;
        }
        .series_bg3 {
            width: 50%;
        }
        .home_series {
            padding: 70px 15px 0;
        }
      
        .home_series .container {
            max-width: 100%;
        }
        .banner .slick-dots {
            bottom: 8px;
        }
        .banner {
            padding-top: 160px;
        }
        .nav-cart-info .cart-drop-box .count {
            right: 18px;
            top: 7px;
        }
            .small-btn-box ul li a {
       /*     width: 80px;
            height: 80px;*/
         
        }
        .header .navbar .small-btn-box {
            margin-left: 0;
        }
        .sideNavBtn a, .function-bar .btn.btn-primary {
            width: auto !important;
            padding: 5px 10px !important;
        }

        .side1 .collapse:not(.show) {
            display: none !important;
        }

        .side .collapse.navbar-collapse.show {
            margin-bottom: 20px;
            background-color: #fff;
        }

        .function-bar {
            justify-content: space-between !important;
        }

        .sideNavBtn {
            display: block !important;
        }
        .product.show .mainSection:after {
            background-size: cover;
            width: 79px;
            height: 83px;
            top: -6%;
        }
    
    }



@media (max-width: 767px) {
   
    .contact .list-creative a {
        font-size: 14px;
    }
    .contact .list-creative .list-terms label {
        font-size: 16px;
    }
    .cart .co_md_s {
        flex: unset;
        margin-bottom: 15px;
    }
    .nav-cart-info.open .nav-cart-list.cart-drop-detail {
        top: -211px !important;
    }
    .prod_box .tit ul li:before {
        top: 12px;
    }
 
    .prod_box .tit p,
    .prod_box .tit ul li {
        font-size: 14px;
    }
    .function-bar .filter-btn-area a {
        font-size: 14px;
    }
    .prod_box_2 .pic,
    .prod_box .tit {
        width: 100%;
    }
    .prod_box .pic {
        padding-right: 0;
        width: 100%;
        margin-bottom:40px;
    }
    .prod_box_2,
    .prod_box {
        flex-wrap: wrap;
    }
    .meb_or {
        padding: 13px 0;
    }
    .order.show .talk-area a.btn {
        width: 120px;
        padding: 9px 10px;

    }
    .btn.btn-primary {
    
        padding: 5px 10px;
    }
    .member_idx .main .member-info {
        padding-top: 0;
    }

    .order.show .flex-item .btn-primary, .order.show .flex-item .btn-secondary, .member .flex-item .btn-primary, .member .flex-item .btn-secondary {
        padding: 7.5px 10px;
    }
    .frame-small-box {
        padding: 20px;
    }
 
    .fb_line_fx a{
        font-size:14px;
    }
    .cart .cart-list {
        margin-top: 10px;
    }
    .cart-step {
        margin-bottom: 10px !important;
    }
    .btn-box.text-end {
        text-align: center !important;
    }
    .list-creative .list-terms {
        padding-left: 18px;
    }
    .list-creative > li {
        padding: 16px 0;
    }
    .btn-secondary {
        padding: 10px 10px;
    }
    .contact .form-control-static {
        font-size: 16px;
    }
    .tab-area.tab-accordion .tab-accordion-header {
        background-color: #fff;
    }
    .product.show .mainSection:after {
        top: -1%;
        width: 59px;
        height: 63px;
    }
 
    .gallery-list .item .title {
        margin: 4px 0 0;
        font-size: 16px;
    }
    .article-grid .item .info .date {
        font-size: 12px;
    }
    .article-grid .item .info .kind a {
        font-size: 12px;
        padding: 1px 4px;
   
    }
    .h2 {
        margin-bottom: 20px;
    }
    .breadcrumb-section {
        margin-bottom: 30px !important;
    }
    .breadcrumb-section .breadcrumb {
        padding: 10px 20px;
    }
    .small-btn-box ul.list-inline > li:nth-child(2) > a {
        background-color: #416c23;
        width: 100%;
    }
    .small-btn-box ul.list-inline > li:nth-child(1) > .cart-drop-box > a {
        width: 100%;
        flex-direction: unset;
        height:40px;
    }
    .pr_co > .container, .main > .container, .main-content > .container {
        padding: 0 15px;
       
    }
    .order .info-item a,
    .cart .info-item a {
        font-size: 16px;
    }
    .article-grid.ar-img .item .info .title a {
        font-size: 16px;
    }

    .article-grid.ar-img .item .info .desc a {
        font-size: 14px;
    }
    .home_series h5 {
        padding: 5px 0;
        margin-top: 20px;
    }
    .home_series_box .home_series_1 a .more {
        width: 79px;
        height: 59px;
    }
    .info .title a {
        font-size: 16px;
  
    }
    .description a {
        font-size: 14px;
    }
    .home_news .gallery-list.slick.list .item {
        padding: 0 8px;
    }
    .home_news .slick .slick-prev {
        left: -3%;
    }
    .home_news .slick .slick-next {
        right: -3%;
    }
    .home_news .more_x {
        margin-top: 0;
        margin-bottom: 40px;
    }
        .new_fx .new_fx_right h6.h3 {
        text-align: center;
    }
    .new_fx{
        flex-wrap:wrap;
    }
        .new_fx .new_fx_left {
            height: 370px;
        }
    .new_fx .new_fx_right,
    .new_fx .new_fx_left {
        width: 100%;
    }
    .more_x {
        font-size: 16px;
        width: 175px;
        padding: 11px 10px;
    
    }
    .new_bg {
        bottom: -36%;
    }
    .gallery-list p.price {
        margin-top: 5px;
    }
    .home_product .gallery-list .item .title {
        font-size: 16px;
        margin: 5px 0 0;
    }
    .gallery-list.slick.list .item {
        margin: 0 5px;
    }
    .item-info:before {
        height: 38px;
        width: 38px;
        left: -7px;
    }
    .gallery-list p.price.ori-price {
        padding-right: 10px;
    }
    .gallery-list p.price:not(:has(*)) {
        padding-right: 0;
    }
    .gallery-list p.price {
        font-size: 16px;
        margin-right: 0 !important;
    }
    .home_product {
        padding: 40px 0;
    }
    .slick .slick-prev,
    .slick .slick-next {
        width: 35px;
        height: 35px;
        background-size: 50%;
    }
    .new_bg img {
        width: 30%;
    }
    .series_bg4 {
        width: 14%;
     
    }
    .series_bg3 {
        width: 30%;
    }
    .series_bg_rg {
        bottom: -12%;
    }
    .home_series .home_series_1 .pic img{
        height:auto!important;
    }
    .home_series .pic img {
        height: 300px !important;
        width: 100%;
        position: relative;
        overflow: hidden;
        object-fit: cover;
        object-position: center center;
    }
    h6.h3 .txt_tw {
        font-size: 16px;
    }
    .home_series_box {
        margin: 30px 0 0;
    }
    h6.h3 {
        font-size: 42px;
        margin-bottom: 0;
    }
    .home_series_box {
        gap: unset;
        flex-wrap: wrap;
    }
    .home_series_box .home_series_1 {
        width: 100%;
        margin-bottom:30px;
    }
    .home_series   .container{
        padding:0 15px;
    }
    .home_series {
        padding: 30px 0 0;
    }
    .footer_left ul {
        display: table;
        margin: 0 auto;
    }
    .footer-logo{
        margin:0 auto;
        display:table;
    }
    .copyrights {
        text-align: center;
    }
    .small-btn-box ul li:nth-child(2) a {
        background-color: #3f6526;
    }
    .footer .footer_content.fc_seperate_bottom {
        padding: 30px 15px 70px;
    }
    .footer_left ul li{
        padding:5px 0;
    }
    .footer .social-box ul {
        justify-content: center;
        margin: 10px 0;
    }
    .footer_left ul li + li {
        padding-left: 0;
    }
    .footer-oth-det{
        flex-wrap:wrap;
    }
    .footer_right,
    .footer_left {
        width: 100%;
    }
    .nav-cart-info .cart-drop-box .count {
        position: static;
        margin-top: 5px;
        margin-left: 5px;
    }
    .small-btn-box ul li i {
        width: 18px;
        height: 16px;
        position: relative;
        top: 2px;
        margin-right: 3px;
    }
    .navbar .small-btn-box ul li a {
        flex-direction: unset;
        height:40px;
    }

    .bsnav-mobile .navbar-nav .nav-item .navbar-nav .nav-link {
        color: #000;
    }
            .header .navbar {
                padding: 0 15px;
            }
            .navbar .navbar-brand {
                width: 166px;
                height: 60px;
                margin:5px 0;
            }
            .banner {
                padding-top: 70px;
            }
            .small-btn-box ul li a {
                width: 100%;
            }
    .header .navbar .small-btn-box .cart-detail ul {
        position: static;
    }
    .header .navbar .small-btn-box ul li {
        flex: 1 0 50%;
    }
            .header .navbar .small-btn-box ul {
                position: fixed;
                left: 0;
                bottom: 0;
                right: 0;
                flex-wrap: nowrap;
            }
            .bsnav-mobile.right .navbar .navbar-nav .nav-item .caret, .bsnav-mobile.left .navbar .navbar-nav .nav-item .caret {
                display: block;
                position: absolute;
                right: 0;
                top: 50%;
            }
            .header .navbar.newtop.logo-show:not(.logo-ani-show) .navbar-brand .logo, .header .navbar.newtop.logo-show:not(.logo-ani-show-bg) .navbar-brand .logo {
                display: unset;
            }
            .rwd-table.mob-mode tr:nth-child(odd) {
                background: rgb(238 238 238);
            }

            .rwd-table.mob-mode td:before {
                font-weight: 400;
                min-width: 30%;
                color: #000;
            }

            .rwd-table td:first-child a,
            .rwd-table td:first-child:before {
                color: #ffffff;
            }
    .table-responsive table.mob-mode td:first-child,
    .order-list table.mob-mode td:first-child {
        background: #416c23;
        border: solid 1px #416c23;
    }

            .rwd-table.mob-mode td {
                padding: 10px 10px;
            }

            body .navbar-toggler.toggler-spring.active .navbar-toggler-icon {
                background-image: unset;
            }
    .btn.btn-primary {
        padding: 10px 10px;
    }
            .bsnav-mobile .navbar-nav .nav-item .navbar-nav .navbar-nav {
             padding-left:20px;
            }

            .bsnav-mobile .navbar-nav .nav-item .navbar-nav {
                background: unset;
                margin-left: 0;
                margin-right: 0;
            }

                .bsnav-mobile .navbar-nav .nav-item .navbar-nav .nav-link {
                    padding: 10px 10px;
                    color: #000000;
                    font-size: 14px;
                }

            .bsnav-mobile .navbar-nav .nav-item .nav-link {
                padding: 12px 0;
                font-size:16px;
            }

            .bsnav-mobile .navbar-nav {
                padding: 0 0;
                text-align: left;
            }
            body .navbar .navbar-toggler {
                width: 23px;
                margin-right: 0;
            }

            .navbar-toggler.toggler-spring .navbar-toggler-icon::after {
                top: 17px;
            }

            .navbar-toggler.toggler-spring .navbar-toggler-icon::before {
                top: 8px;
            }

            .navbar-toggler .navbar-toggler-icon, .navbar-toggler .navbar-toggler-icon::after, .navbar-toggler .navbar-toggler-icon::before {
                height: 1.5px;
            }

    }