@media screen and (max-width:1679px) {

        .product-detail h1,h1,h2 { font-size:30px; }
.product-other h2 { font-size:24px; }

    .header-fixed nav { padding: 10px 0 }

    .first-section { padding-top:150px; }

    .banner-home { margin-top:150px; }

    .aboutus { padding-bottom:100px; }

    .product-detail .box-inside { padding-top:15px; }
    .product-detail .box-photo { width: 480px; }
    .product-gallery .carousel-cell { height: 480px; }
    .product-detail .box-detail { width: inherit; flex:1 }

    .contactus .address h1 { font-size:30px; }

    section { padding: 60px 0; }
    footer { padding: 60px 0 }

}

@media screen and (max-width:1366px) {}

@media screen and (max-width:1365px) { 



    .warpper { padding: 0 30px;}
    .bag-filter { width: 240px; }
    .home-process .box .no-767 { display:none; }

    .aboutus .timeline li:nth-child(odd) .photo { padding-left:50px; }
    .aboutus .timeline li:nth-child(even) .photo { padding-right:50px; }

    .bag-material .text h3 { margin-top:0 }

    .cookie-consent { max-width:1180px; }

 }



@media screen and (max-width:1279px) {

     .cookie-consent  { border-radius:0; bottom: 0; padding: 20px; }
     .header-fixed .box-logo-slocan-con .slocan { max-width:400px; }
     .header-fixed .box-logo-slocan-con .slocan h1 { font-size:24px; }

}

@media screen and (max-width:1024px) {

}

@media screen and (max-width:1023px) { 

    .product-category .lists ul { grid-template-columns:1fr 1fr 1fr }
    .product-why .lists li { width: 50%; }

    .header-fixed .box-logo-slocan-con .slocan { max-width:300px; }
    .header-fixed .box-logo-slocan-con .slocan h1 { font-size:18px; }

.home-process .lists ul { margin:0; }
    .home-process .lists li{ width: 50%; padding: 15px 5px }
    .home-process .lists li:nth-child(1),.home-process .lists li:nth-child(2) { border-bottom:1px solid var(--color-dddddd); }
    .home-process .lists li:nth-child(2) { border-right:none; }
    .aboutus .timeline .photo figure { padding: 40% }
    .subject h2 { margin-bottom:0 }
    .bag-filter .text { font-size:20px; }

    .bag-filter { width: 100%; padding: 10px 20px }
    .bag-lists { flex:100%; width:100%; padding-left:0; padding-top:20px; }
    .subfillter { display:flex; flex-wrap:wrap; }
    .subfillter .set-check { width: 33.3333%; display:inline-flex; padding-right:10px; padding-top:4px; padding-bottom:4px; }
    .bag-lists .lists li { width: 33.3333%; }
    .bag-filter .set-hide { display:none; }
    .bag-filter .active {  background:none; }
    .bag-filter .active:after { display:none; }
    .bag-filter .show-filter { display:flex; flex-wrap:wrap; }
    .bag-filter .text { padding-bottom:0 }
    .bag-filter .toggle-filter { display: flex;  }
    .bag-filter .show-filter {  }

    .product-detail .box-photo { width: 100%; padding-right:0 }
    .product-detail .box-detail { width: 100%; padding-left:0; padding-top:30px; }
    .product-gallery .fix-border img { width: 560px; margin:0 auto; }
    .product-gallery .carousel-cell { height: 560px; }
    .product-detail .box-inside { padding-bottom:20px; }
    .product-other li { width: 50%; }

    .contactus .address { width: 100%; }
    .contact-form { width: 100%; padding-top:60px;  }

    footer .address { width: 100%; }

        footer .contact-social .facebook-page { width: 50%; }
        footer .contact-social { display: flex; flex-wrap: wrap; width: 100%; padding-bottom:30px; }
        footer .contact-social .phone { margin-top:0; }
        footer .contact-social .foot-con { margin-left:auto; }


}

@media screen and (max-width: 768px) {  }

@media screen and (max-width:767px) {

    body { font-size:16px; }
        input[type=email],
        input[type=password],
        input[type=text],
        select,
        textarea {
            font-size: 18px !important
        }
.mt-header { margin-top:90px; }
.motto p { font-size:16px; }

.product-category .lists h3 { font-size:16px; }
.product-other h2 { font-size:20px; }
.product-other h3 { font-size:16px; }
.product-other { padding-bottom:60px; }

.product-category .lists ul { grid-template-columns:1fr 1fr }

.product-why .lists li { width: 100%; padding: 10px 0 }
.product-why .box h3 { margin-bottom:5px; margin-top: 10px; }

.product-why figure { width: 70px; height:70px; }


.product-detail h1, h1, h2 { font-size:26px; }

        .box-menu-search-social { display:none; }
.header-fixed .logo { margin-right:20px;  margin-left:initial; width: 80px;padding: 5px 0 }
        .header-fixed .box-logo-slocan-con .slocan { max-width:210px; margin:auto auto auto 0; text-align:left; margin-top:-200px; }
        .header-fixed .box-logo-slocan-con .slocan h1 { font-size:14px; }
        .header-fixed .box-logo-slocan-con .contact-top { display:none; }

        footer .contact-social .facebook-page { width: 100%; margin-bottom:10px; }
        footer .contact-social .foot-con { margin-left:auto; margin-right:auto; margin-top:30px; }
        footer .contact-social .footer-social { justify-content:center; }
        footer .contact-social .footer-social a:last-child { margin-right:8px; }

        .home-process .lists li { width:100%; border-right:none; }
        .home-process .lists li:nth-child(3) { border-bottom:1px solid var(--color-dddddd); }
        .home-process .box { flex-direction:row; align-items: flex-start; }
        .home-process .icon { width: 80px; height:80px; }
        .home-process .text { display: initial; text-align: left; flex:1; padding-left:15px; padding-top:15px; }
        .home-process .box h3 { text-align:left; margin-bottom:5px }
        .home-process .lists li p { margin-left:30px; }
        .home-process .lists { padding-top:0 }

footer .address p { font-size:14px; }
footer .copy p,footer .link-policy a { font-size:14px; }
footer .address .data a { font-size:14px; }


        .warpper { padding: 0 20px;}
        .no-767 { display: none; }

        .first-section { padding-top:90px; }

        .header-fixed { height:90px; background:var(--color-f9f9f9); }

        .header-fixed nav { display:none; }
        .nav { display:flex; }
        .box-menu-search-social { margin-left: inherit; margin: 0; width: max-content; }

        .cover .warpper { height:260px; }

        .banner-home { margin-top:90px; }

/*        .home-process .lists li, .home-why .lists li { width: 100%; }*/

        .aboutus .timeline .photo { width: 100%; }
        .aboutus .timeline li { padding-bottom:50px; margin-top:0 }
        .aboutus .timeline li:first-child { padding-top:70px; }
        .aboutus .timeline li:last-child { padding-bottom:70px; }
        .aboutus .timeline .photo:after { width: 10px; height: 10px; }
        .aboutus .timeline .photo:before { content:''; position:absolute; width: 10px; height:10px; background: var(--color-white); border-radius: 50%;  border: 2px solid var(--color-red-drop); top: initial !important; left: 0 !important; right:0 !important; margin-left:auto; margin-right:auto; bottom: -7px !important; z-index: 1; margin-top:initial !important; margin-bottom:inherit !important; }
        .aboutus .timeline li:nth-child(odd) .photo:after { left: 0; right:0; margin-left:auto; margin-right:auto; top: -7px; margin-top:initial; margin-bottom:initial;  }
        .aboutus .timeline li:nth-child(even) .photo:after { left: 0; right:0; margin-left:auto; margin-right:auto; top: -7px; margin-top:initial; margin-bottom:initial;  }
        .aboutus .timeline li:nth-child(odd) .photo { padding-left:0; }
        .aboutus .timeline li:nth-child(even) .photo { padding-right:0; }

        .bag-material .photo,.bag-material .text { width: 100%; }
        .bag-material .text h3 { margin-top:30px; }
        .bag-material .lists li:nth-child(even) .photo { order:1 }
        .bag-material .lists li:nth-child(even) .text { order:2 } 
        .bag-material .text p:last-child {  margin-bottom:0 }

        .bag-lists .lists li { width: 50%; }
        .bag-lists .lists h3 { font-size:16px; }
        .subfillter .set-check  { width: 50%; }
        .subfillter input[type=checkbox]+label { font-size:14px; padding-top:2px; }

        .product-gallery .fix-border img { width: 100%; }
        .product-gallery .carousel-cell { height: 400px; }
        .product-detail h1 { font-size:30px; }

        .cookie-consent .text { flex:100%; padding-right:0; padding-bottom:20px; }
        .cookie-consent .btn-consent { margin-right:auto; }

        .search-mo { display: block; padding-bottom:10px; }
        .search-mo button { font-size:18px; padding: 15px 0; }
        .clear-mo button { background:var(--color-888);  }



    }

    /*640*/
    @media screen and (max-width:640px) {}

    /*480*/
    @media screen and (max-width:480px) {

        .g-recaptcha { padding-bottom: 20px}

    }

    /*414*/
    @media screen and (max-width:414px) {}

    /*375*/
    @media screen and (max-width:375px) {}

    /*320*/
    @media screen and (max-width:320px) { 

        .pagination a { width: 32px; height: 32px; }
        .pagination span { width: 32px; height: 32px; }

     }