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

    .top_had h1 {/*font-size: 70px;*/letter-spacing: 3px; font-size: 6.3vw;}

    .top_had p {/*font-size: 28px;*/margin-top: -5px;letter-spacing: 1px; font-size: 2.3vw;}

    .footer .logo {max-width: 220px;}

    .footer p {font-size: 26px;letter-spacing: 1.5px;}

    .footer .inner form .in, .footer .inner form .sub{height: 45px;}

    .li{bottom: 23%;}



}
@media only screen and (max-width:1700px){
.new-images-2 {padding-top: calc((100vw + 100vh) / 100 * 2);}
.footer .sale {left: -160px;}
}
@media only screen and (max-width:1599px){

    .footer .sale {top: -60px;left: -130px;width: 110px;}

    .tag1 {left: 50px;top: 21%;max-width: 330px;}



    .tearm {font-size: 1.3vw;}
    .new-images-1, .new-images-2 { padding: 0 10px; }
    .banner {padding-left: 10px; padding-right: 10px;}

}

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

    .footer p {font-size: 20px;letter-spacing: 1.5px;}

    .footer .inner form .in, .footer .inner form .sub {height: 40px;}

    .footer .inner form label {bottom: -26px;font-size: 18px;/*padding-right: 22px;*/background-size: 22px;width: calc(24% + 9px);}
    .footer .inner form label input {width: 15px; height: 15px;}

    .tag1 {left: 50px;top: 22%;max-width: 250px;}

    .tag2 {left: 10px;width: 10px;}

    .li {bottom: 23.5%;max-width: 260px;}

    .wrap .m2 {bottom: 31%;left: 26%;max-width: 20%;}

    .footer .inner form .in, .footer .inner form .sub{margin-left: 10px;}

    .footer .inner form label#phone-error {right: calc(24% + 10px);}
    .footer .inner form label#email-error {right: calc(48% + 20px);}

}
@media only screen and (max-width:1300px){
    .banner {padding-left: 20px; padding-right: 10px;}
    .new-images-2 {max-width: 41%;}
    .new-images-1, .new-images-2 {padding-left:0; padding-right: 0;}
}
@media only screen and (max-width:1279px){

    .footer .inner {max-width: calc(100% - 300px);}

    .wrap .m3 {bottom: 40%;left: 50%;max-width: 24%;}

    .footer .inner form label.error {font-size: 20px;bottom: -25px;}

    .footer .sale {top: -80px; left: -90px;}

}
@media only screen and (max-width:1199px){
.footer .sale { top: -70px; left: -100px; width: 100px;}
.tearm {padding: 0 35px 0 35px;top: -22px;}
}
@media only screen and (max-width:1199px) and (max-width:1024px){ 
    .footer {padding: 35px 45px 45px;}
    .banner {padding-left: 10px;padding-right: 10px;}
    .top_had {padding: 20px 0px 10px;}
}
@media only screen and (max-width:1023px){

    .top_had h1 {font-size: 57px;letter-spacing: 0;}

    .footer .inner {max-width: 100%;text-align: center;}

    .footer .logo {max-width: 220px;position: relative;margin: auto;right: 0;left: 0;margin: auto;display: block;margin-top:40px;}

    .footer {padding: 10px 30px 15px;}

    .footer .sale {top: -70px;left: 0;width: 90px;}

    .footer p {font-size: 25px;letter-spacing: 1.5px;text-align: center;}

    .li {bottom: 25%;max-width: 250px;}

    .new-images-2 {display: flex; align-items: center;max-width: 42%;}
    .new-images-1 {display: flex; align-items: center;max-width: 58%;}
    .banner {padding-left: 0; padding-right: 0;}

}
@media only screen and (max-width:991px){
    .footer .inner form label {font-size: 15px;}
    .tearm {top: -41px;font-size: 2vw;}
    .footer .sale { top: -84px; left: -10px; width: 90px; }
    .new-images-1, .new-images-2 {padding: 0 10px;}
}

.mobile_col{display: none;}

.mobile_bottom{display: none;}

.mobile_slider{display: none;}

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

    .main{background-image: url(../images/site/mob_layer.jpg);background-size: 100% auto; height: auto; /*min-height: 100vh;*/ min-height: calc(var(--vh, 1vh) * 100); display: flex;flex-direction: column; background-position: center 50vw;}

    .main.active {background-position: center 0;}

    .footer .sale{display: none;}

    .footer p{display: none;}

    .footer{padding:10px 20px 25px;max-width:calc(100% - 30px);margin:0 auto;right:0;background-color:transparent;height:100vh;background-image:url(../images/site/red_l.png);background-size:100% 100%;background-repeat:no-repeat;position:absolute;bottom:15px}

    .footer .inner form {

        flex-wrap: wrap;

        margin-bottom: 70px;

    }

    .mobile_col img{max-width: 250px;

        margin: 0 auto;

        display: block;}

    .footer .inner form .in{margin-bottom: 10px}

    .footer .inner form .in, .footer .inner form .sub {margin-left: 0;width: 100%;}

    .footer .logo{max-width:150px;position:absolute;margin:auto;right:0;left:0;display:block;margin-top:0;bottom:20px;top:auto}

    .footer .inner form label {bottom: 0;font-size: 20px;padding-right: 22px;background-size: 22px;right: 0;position: relative;margin-bottom: 5px;}

    .footer .inner form .in{text-align: center;padding: 0;}

    .mobile_col{display: block;}

    .mobile_col h2{text-align: center;font-size:28px;font-weight:normal;line-height: 0.9;margin-bottom: 5px;color: #010101; font-family: 'almonineueboldaaa' !important;}

    .mobile_col {display: block;position: absolute;left: 0;right: 0;max-width: 90%;margin: 0 auto;top: 13%;}

    .footer .inner form label{/*background-image: url(../images/site/m_no.png);*/    background-size: 22px;}

    .footer .inner form label.active{/*background-image: url(../images/site/m_yes.png)*/}

    .footer .inner form .in {font-size: 22px;}

    .footer .inner{max-width:calc(100% - 35px);text-align:center;position:absolute;bottom:20px;left:0;right:0;margin:auto}

    .footer{opacity: 0;pointer-events: none;}

    .footer.active{opacity: 1;pointer-events:all;}

    .top_had{padding: 0px; position: relative;}

    .top_had h1 { font-size: 18vw; letter-spacing: 0; max-width: 100%; line-height: 0.8; margin: 0 auto; padding: 5vw 0px 0; }

    .top_had p {font-size: 18px;margin-top: 0;letter-spacing: 0;background-color: #000;line-height: 1; padding: 8px 5px; }

    .banner{display: none;}

    .mobile_bottom {display: block;position: relative;left: 0;right: 0;bottom: 0;max-width: calc(100% - 50px); width: 100%; margin: 0 auto;padding: 10px 0 15px;margin-top: 0;}

    .mobile_bottom>img{max-width: 280px;margin: 0 auto;margin-bottom: 10px;display: block;}

    .mobile_bottom .bottom{display: flex;align-items: center;justify-content: space-between;}

    .mobile_bottom a{width: 80px;height: 40px;background-color: #639b48;line-height: 40px;text-align: center;display: flex;

        justify-content: center;

        align-items: center;}

    .mobile_bottom a img{width: 26px;}

    .mobile_bottom .right{width: calc(100% - 90px);height: 40px;background-color: #ef4723;line-height: 40px;text-align: center;color: #fff;font-size: 18px;font-weight: bold;}

    .mobile_tage1{/*max-width: 240px;*/ max-width: 80%; margin: 0 auto;    display: block;  height: 9vh;object-fit: contain;}

    .mobile_slider{display: block;position: relative;/*bottom: 120px;*/width: 100%; bottom: 0;transform: translateY(0); margin: auto 0 0;}

    .mobile_slider .col{/*max-width:310px;*/     max-width: 90%; margin: 0 auto;/*height: 256px;*/ height: auto; margin-bottom: 15px;}
    .owl-carousel .owl-stage {display: flex; align-items: center;}

    .owl-carousel .owl-item img {display: block;width: auto;max-width: 100%;max-height: 100%;margin: auto; height: calc(var(--vh, 1vh) * 35);object-fit: contain;}

    .owl-theme .owl-nav{display: none;}

    .owl-dots{width: 190px;margin: 0 auto;}

    .owl-dots *{text-align: center;}

    .owl-dots .owl-dot{display: none !important;text-align: center;height: 36px;background-color: #fff;}

    .owl-dots .owl-dot h3{font-weight: normal;font-size: 14px;line-height: 1;}

    .owl-dots .owl-dot strong{display: block;font-weight: bold;}

    .owl-dots .owl-dot.active{display:flex !important;justify-content: center;align-items: center;}

    .btn{position: absolute;bottom:-2px;width: 280px;left: 0;right: 0;margin: 0 auto;background-color: #ef4723;display: flex;justify-content: space-between;align-items: center;height: 40px;border-radius: 5px;}

    .btn span{width: 40px;display: flex;justify-content: center;align-items: center;height: 40px;}

    .btn span img{max-width: 25px;}

    .btn .left{transform: scale(-1);}

    .mobile_slider .inner{pointer-events: none;}



    .mobile_bottom.active,.mobile_slider.active,.top_had.active{opacity: 0;pointer-events: nones;}



    .top_had h1 span {display: block;}

    .footer .inner form label.error {position: relative;width: 100%;bottom: 0;margin-top: -10px;font-size: 15px;}
    .footer .inner form label#phone-error {right: 0;}
    .footer .inner form label#email-error {right: 0;}
    .top_had h1 span { white-space: nowrap; font-family: 'almonineueboldaaa' !important; text-align: center; background: #231f20; padding: 10px 0; margin: 10px 0 0 0; font-size: 15vw; }
    .mobile-tag {margin: 0 auto; display: block; max-width: 280px; position: absolute; bottom: -55px; left: 0; right: 0;}
    .tearm.for-mobile { display: block; position: relative; top: 0; left: 0; width: 100%; max-width: 90%; padding: 0 25px 0 25px; font-size: 13px; text-align: center; margin: auto auto 0; }



    }




@media (max-width:375px) and (max-height:740px) {
    .mobile_bottom>img {max-width: 240px;}
    .mobile_slider .col {max-width: calc(100% - 50px);/*height: 215px;*/ height: auto;}
    .btn {width: 240px;}
    .owl-dots {width: 160px;}
    .mobile_tage1 {max-width: 240px;}
    .mobile_col {top: 40px;}

    .owl-carousel .owl-item img {height: calc(var(--vh, 1vh) * 30); object-fit: contain;}
    .mobile_bottom {max-width:calc(100% - 50px);}
    .mobile-tag {max-width: 240px;}
    .mobile_tage1 {height: 9vh;}
    
}

@media (max-width:375px) {
    
    .mobile_col {top: 30px;max-width:73%;} 
    .mobile_col h2 {margin-bottom: 0; font-size: 22px;}
    .mobile_col img {max-width: 100%;}
    .owl-carousel .owl-item img {height: calc(var(--vh, 1vh) * 37); object-fit: contain;}
    .mobile-tag {bottom: -45px;}
    .mobile_tage1 {height: 13vh;}
}

@media (max-width:360px) {
.footer .inner form .in {height: 35px;}
.footer .inner form .sub {height: 35px; font-size: 23px;}
.footer .inner form label.error {font-size: 13px;}
.mobile_col img { max-width: 82%; }
}