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

}
@media (min-width: 768px){
    .nav-cart-info .nav-cart-list {
        width: 370px;
    }
    .is_scroll   .header .navbar .navbar-brand, #logo {
        width: 73px;
        height: 78px;
        background-size: cover;
    }

    .frame-small-box {
        width: 50%;
        margin: 0 0 50px;
    }


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

    .content.col-lg-9 {
        width: 80%;
        padding-left: 3%;
    }
}
@media (max-width: 1600px) {
    .frame-small-box {
        width: 70%;
    }
    .function-bar {
        right: 0;
    }
    .footer .footer_left {
        width: 20%;
    }
    .footer .footer_right {
        width: 45%;
    }
    .footer .footer_fb {
        width: 35%;
        padding-left: 8%;
    }
}


    @media (max-width: 1199px) {
      
        .header .navbar-nav .nav-link {
            padding: 18px 16px 18px;
        }
        .com_top .container-fluid,
        .footer .container-fluid,
        .cpd_sd21,
        .header .navbar {
            padding: 0px 20px;
        }
        .gallery-list .price-box {
            flex-wrap: wrap;
        }
        .gallery-list p.price.ori-price, .gallery-list p.price.ori-price s {
            width: 100%;
            text-align: left;
        }
    }


    @media (max-width: 991px) {
        .is_scroll .header .navbar .small-btn-box {
            top: 6px;
        }
        .footer .footer_right {
            width: 55%;
        }
        .footer .footer_fb {
            width: 25%;
        }
        .header .navbar-nav .nav-link {
            padding: 18px 10px 18px;
        }
        .header .navbar .small-btn-box {
            position: absolute;
            right: 0;
            top: 18px;
            transition: all 0.5s;
        }
        .header .navbar-nav .nav-link {
            font-size: 16px;
        }
        .nav-brand-wrapper {
            flex: unset;
            text-align: unset;
        }
    
    }



@media (max-width: 767px) {
    .navbar  .small-btn-box .nav-cart-info {
        padding: 0 0;
    }
    .bsnav-mobile .navbar-brand.navbar-nav {
        margin-left: 13px;
        margin-bottom: 0;
    }
    .bsnav-mobile {
        z-index: 999;
    }
    .h1 {
        font-size: 26px;
  
    }
    .order.show  .other-info {
        padding:10px;
    }
    .order.show .talk-area .btn.btn-primary {
        position: relative;
        right: -38px;
        top: -8px;
    }
    .gallery-list .item .title {
        text-align: center;
    }
    .gallery-list .price-box {
        flex-wrap: unset;
    }
    .filter-btn-area  .btn.btn-primary {
        padding: 4px 0;
    }
    .member  .breadcrumb-item + .breadcrumb-item::before {
        color: #fff;
    }
    .btn.btn-primary {
        width: 115px;
    }
    .member .btn-area {
        flex-wrap: wrap;
    }
    .member .btn-area .wv_lonf {
        width: 100%;
        margin-top: 30px;
    }
    .member .breadcrumb li a {
        color: #ffffff;
    }
    .frame-small-box {
        width: 100%;
        padding: 0;
    }
    .news .article-list .item a {
        padding: 15px 10px;
    }
    .sideNavBtn .btn.btn-primary {
        width: auto;
        padding: 4px 12px;
    }
    .article-list .item .time {
        font-size: 12px;
        margin-bottom: 8px;
        padding: 3px 7px;
    }
    .article-list .item .info {
        width: 90%;
    }
    .tab-area.tab-accordion .tab-accordion-header a {
        color: #fff;
    }
    .tab-area.tab-accordion .tab-accordion-header {
        color: #fff;
        background-color: #ff577f;
    }
    .tab-area.tab-accordion .tab-accordion-body {
        background: #ffffff;
    }
    .tab-area > .container{
        padding-left:0;
        padding-right:0;
    }
    .gry_dlfke label {
        border: none;
        background-color: unset;
    }
    .small-btn-box  .navbar-toggler-icon {
        background-image: unset;
    }
    .navbar-toggler .navbar-toggler-icon, .navbar-toggler .navbar-toggler-icon::after, .navbar-toggler .navbar-toggler-icon::before {
        background-color: #ffffff;
    }
    .header .navbar-nav .nav-item:hover > .nav-link .caret {
        border-top-color: #000000;
    }
    .nav-item .caret {
        border-top: solid 5px #000000;
    }
    .header .navbar-nav .nav-item:hover > .nav-link {
        color: #ff577f;
    }
    .header .navbar-nav .nav-link {
        color: #000000;
    }
    .header .bsnav-mobile .navbar {
        background: rgb(255 255 255);
         padding: 0;
    }
    .footer .copyrights {
        text-align: center;
    }
    .gotop a {
        width: 45px;
        height: 45px;

    }
    footer .social-box {
        transform: translateY(-27px);
    }

    .footer .footer_fb {
        width: 50%;
        padding-left: 0;
    }
    .footer .fot_sitemp .d-flex .tep1{
        width:50%;
        margin-bottom:20px;
    }
    .footer .fot_sitemp .d-flex {
        flex-wrap: wrap;
    }

    .footer .footer_left .footer-logo a {
        margin: 0 auto;
        display: table !important;
        width: 30%;
    }
    .footer-oth-det {
        flex-wrap: wrap;
    }

    .footer .footer_right {
        width: 100%;
    }
    .footer .footer_left {
        width: 100%;
    }
    .page-link {
        min-width: 2em;
        height: 2em;
   
    }
    .gallery-list.border-solid .item .item-detail {
        padding: 10px;
    }
    .gallery-list p.price.ori-price, .gallery-list p.price.ori-price s {
        text-align: center;
    }
    .gallery-list p.price,
    .gallery-list p.price  {
        width: 100%;
        text-align: center;
    }
    .gallery-list p.price {
        font-size: 20px;
    }
    .item-detail .btn-box {
        position: static;
        text-align: center !important;
        margin-top:10px;
    }
    .sort-area .btn-info {
        font-size: 14px;
        padding: 4px 10px;
    }
    .banner {
        margin-bottom: 20px;
    }
    .h2.h2_2 {
        background-size: 75%;
    }
    .h2 {
        font-size: 26px;
        padding: 22px 38px 13px;
        background-size: 60%;
    }
    .function-bar {
        position: static;
    }
    .page-content {
        padding-top: 100px;
    }
    .navbar .small-btn-box ul {
     
    }
    .header .navbar .small-btn-box ul li i {
        width: 37px;
        height: 37px;
    }
    .header .navbar .navbar-brand, #logo {
        width: 43px !important;
        height: 48px !important;
        background-size: cover;
    }
    .header .navbar .small-btn-box {
        position: static;
        padding-top: 11px;
    }
    .bsnav-mobile.right .navbar .navbar-nav .nav-item .caret, .bsnav-mobile.left .navbar .navbar-nav .nav-item .caret {
        display: block;
        position: absolute;
        right: 15px;
        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: #d6edec6e;
    }

    .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 {
      
    }

    .order-list table.mob-mode td:first-child {
        background: #49c1bf;
        border: solid 1px #49c1bf;
    }

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

    body .navbar-toggler.toggler-spring.active .navbar-toggler-icon {
        background-image: unset;
    }
    .btn.btn-primary {
        font-size: 14px;
    }
    .bsnav-mobile .navbar-nav .nav-item .navbar-nav .navbar-nav {
        background: #fef9ef;
    }

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

        .bsnav-mobile .navbar-nav .nav-item .navbar-nav  .nav-link {
            padding: 10px 25px;
            color: #000;
            font-size: 16px;
            border-bottom: solid 1px #ffffff;
        }

    .bsnav-mobile .navbar-nav .nav-item .nav-link {
        padding: 12px 18px;
    }
    .bsnav-mobile .navbar-nav li ul > li > ul>li>a {
        color: #000 !important;
    }
    .bsnav-mobile .navbar-nav li ul>li >a{
        color:#fff!important;
    }
    .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;
        background-color: #ffffff;
    }

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

    }