/*------------------------------------------------------------------------------------------------------------*/
/*
@media (min-width: 1400px) and (max-width: 1500px){

}
*/


/*------------------------------------------------------------------------------------------------------------*/
/*for (min-width: 1280px) and (max-width: 1399px)-------------------------------------------------------------*/
/*for (min-width: 1160px) and (max-width: 1279px)-------------------------------------------------------------*/
/*for (min-width: 1024px) and (max-width: 1159px)-------------------------------------------------------------*/
/*for (min-width: 900px) and (max-width: 1023px)--------------------------------------------------------------*/
/*for (min-width: 800px) and (max-width: 899px)---------------------------------------------------------------*/
/*for (min-width: 700px) and (max-width: 799px)---------------------------------------------------------------*/
/*for (min-width: 580px) and (max-width: 699px)---------------------------------------------------------------*/
@media (min-width: 700px) and (max-width: 1399px){

    .header0 .inner,
    .header1 .inner,
    .header3 .inner,
    .container .inner,
    .container2 .inner,
    .container3 .inner,
    .footer1 .inner,
    .footer2 .inner{
        width: calc(100% - 60px);
    }

}


/*for (min-width: 580px) and (max-width: 699px)---------------------------------------------------------------*/
/*for (min-width: 460px) and (max-width: 579px)---------------------------------------------------------------*/
/*for (min-width: 390px) and (max-width: 459px)---------------------------------------------------------------*/
/*for (min-width: 320px) and (max-width: 389px)---------------------------------------------------------------*/
@media (min-width: 320px) and (max-width: 699px){

    .header0 .inner,
    .header1 .inner,
    .header3 .inner,
    .header2 .inner,
    .container .inner,
    .container2 .inner,
    .container3 .inner,
    .footer1 .inner,
    .footer2 .inner{
        width: calc(100% - 40px);
        padding-left: 20px;
        padding-right: 20px;
    }

}


/*------------------------------------------------------------------------------------------------------------*/
@media (min-width: 1280px) and (max-width: 1399px){

    /* inner style */
    @media (min-width: 1280px) and (max-width: 1349px){
        .container .inner .menu{
            width: calc((((100% / 10) * 2) - 2px) + 20px);
        }

        .container .inner .mainpage{
            width: calc((((100% / 10) * 8) - 30px) - 20px);
        }

        .container2 .inner .right{
            width: calc(((100% / 10) * 3) + 100px);
            margin-left: 100px;
        }

        .container .inner .bigbox .price_panel .sticky .cart_price .item.last{
            margin-bottom: 0px;
        }

        .container .inner .bigbox .price_panel .sticky .cart_price .item:last-child{
        margin-bottom: 20px;
        }

        .container .inner .bigbox .price_panel .sticky .cart_price .qrpayment{
            float: left;
            position: relative;
            right: unset;
            left: 20px;
            bottom: unset;
            margin-bottom: 20px;
        }
    }

    .container .inner .mainpage .category .sub .item{
        width: calc((100% - 60px - 6px) / 3);
    }

    .container .inner .mainpage .category .sub .item:nth-child(-n+4){
        margin-top: 30px;
    }

    .container .inner .mainpage .category .sub .item:nth-child(4n){
        margin-right: 30px;
    }

    .container .inner .mainpage .category .sub .item:nth-child(-n+3){
        margin-top: 0px;
    }

    .container .inner .mainpage .category .sub .item:nth-child(3n){
        margin-right: 0px;
    }

    .container .inner .mainpage .products{
        display: flex;
        flex-wrap: wrap;
    }

    .container .inner .mainpage .products .product{
        height: auto;
        display: flex;
        flex-direction: row;
    }

    .container .inner .bigbox .formdata .box .shipping_box .line3,
    .container .inner .bigbox .formdata .box .payment_box .line3{
        width: calc(600px - 99px - 1px);
    }

    .container .inner .bigbox .formdata .box .shipping_box .line3 .shipping_price,
    .container .inner .bigbox .formdata .box .payment_box .line3 .shipping_price{
        padding-right: 0px;
    }

    .container .inner .bigbox .formdata .box .textarea{
        width: calc(600px - 57px);
    }

    .footer1 .inner .panel{
        width: calc(45% - 50px);
    }

    .footer1 .inner .panel:last-child{
        width: 55%;
        margin-left: 50px;
    }

    .footer1 .inner .panel .contact .box{
        width: calc((100% - 30px) / 2);
    }

    .footer1 .inner .panel .contact .box:last-child{
        margin-left: 30px;
    }
}


/*------------------------------------------------------------------------------------------------------------*/
@media (min-width: 1160px) and (max-width: 1279px){

    .container .inner .menu{
        width: calc((100% / 3) - 60px - 2px);
    }

    .container .inner .mainpage{
        width: calc(((100% / 3) * 2) + 30px);
    }

    .container .inner .mainpage .category .description{
        width: 75%;
    }

    .container .inner .mainpage .category .sub .item{
        width: calc((100% - 60px - 6px) / 3);
    }

    .container .inner .mainpage .category .sub .item:nth-child(-n+4){
        margin-top: 30px;
    }

    .container .inner .mainpage .category .sub .item:nth-child(4n){
        margin-right: 30px;
    }

    .container .inner .mainpage .category .sub .item:nth-child(-n+3){
        margin-top: 30px;
    }

    .container .inner .mainpage .category .sub .item:nth-child(3n){
        margin-right: 0px;
    }

    .container .inner .mainpage .category .sub .item .name{
        line-height: 1.3;
    }

    .container .inner .mainpage .products{
        display: flex;
        flex-wrap: wrap;
    }

    .container .inner .mainpage .products .product{
        width: calc((100% - 3px) / 2);
        display: flex;
        flex-direction: column;
        height: auto;
    }

    .container .inner .mainpage .products .product:nth-child(-n+3){
        border-top: none;
    }

    .container .inner .mainpage .products .product:nth-child(3n){
        border-right: none;
    }

    .container .inner .mainpage .products .product:nth-child(-n+2){
        border-top: 1px solid #e4e8ec;
    }

    .container .inner .mainpage .products .product:nth-child(2n){
        border-right: 1px solid #e4e8ec;
    }

    .container .inner .mainpage .products .product:last-child{
        border-right: 1px solid #e4e8ec;
    }

    .container .inner .mainpage .products .product .imagebox .image img{
        width: 80%;
        height: 80%;
    }

    .container .inner .bigbox .cartpage{
        width: calc(((100% / 7) * 5) - 30px);
    }

    .container .inner .bigbox .price_panel{
        margin-left: 30px;
    }

    .container .inner .faq{
        width: calc(100% - 300px);
        margin-left: 150px;
        margin-right: 150px;
    }

    .container2 .inner .right{
        width: calc(((100% / 10) * 3) + 100px);
        margin-left: 100px;
    }

    .container .inner .productpage .mainphoto{
        width: calc((100% - 50px) / 2);
        padding-top: calc((100% - 50px) / 2);
    }

    .container .inner .productpage .panel{
        width: calc((100% - 50px) / 2);
        margin-left: 50px;
    }

    .container .inner .productpage .panel .description,
    .container .inner .productpage .panel .box{
        width: calc(100% - 25px);
    }

    .container .inner .productpage .panel .pricebox{
        width: 100%;
    }

    .container .inner .productpage .gallery .image{
        width: calc((100% - 160px) / 9);
        padding-top: calc((100% - 160px) / 9);
    }

    .container .inner .productpage .gallery .image:nth-child(-n+10){
        margin-top: 20px;
    }

    .container .inner .productpage .gallery .image:nth-child(-n+9){
        margin-top: 0px;
    }

    .container .inner .productpage .gallery .image:nth-child(10n){
        margin-right: 20px;
    }

    .container .inner .productpage .gallery .image:nth-child(9n){
        margin-right: 0px;
    }

    .container .inner .bigbox .recapitulation{
        width: calc(((100% / 7) * 5) - 30px);
    }

    .container .inner .bigbox .price_panel .sticky .cart_price .item.last{
        margin-bottom: 0px;
    }

    .container .inner .bigbox .price_panel .sticky .cart_price .item:last-child{
        margin-bottom: 20px;
    }

    .container .inner .bigbox .price_panel .sticky .cart_price .qrpayment{
        position: relative;
        float:left;
        right: unset;
        bottom: unset;
        left: 20px;
        margin-bottom:20px
    }

    .container .inner .bigbox .recapitulation .products{
        margin-top: 30px;
    }

    .container .inner .artcontent .content{
        margin-top: 30px;
    }

    .container .inner .artcontent .content p{
        width: 100%;
        margin-left: 0px;
        margin-right: 0px;
    }

    .container .inner .artcontent .content:last-child p:last-child{
        margin-bottom: 0px;
    }

    .container .inner .artcontent .content h3{
        width: 100%;
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 10px;
    }

    .container .inner .artcontent .content ul{
        width: calc(100% - 40px);
        margin-left: 0px;
        margin-right: 0px;
    }

    .container .inner .artcontent .gallery{
        margin-top: 10px;
    }

    .container .inner .bigbox .cartpage .product .additional .product_amount .amount{
        width: 45px;
    }

    .container .inner .bigbox .cartpage .product .additional .price,
    .container .inner .bigbox .cartpage .product .additional .price2{
        margin-left: 20px;
    }

    .container .inner .bigbox .formdata .box .shipping_box .line3,
    .container .inner .bigbox .formdata .box .payment_box .line3{
        width: calc(600px - 99px - 1px);
    }

    .container .inner .bigbox .formdata .box .shipping_box .line3 .shipping_price,
    .container .inner .bigbox .formdata .box .payment_box .line3 .shipping_price{
        padding-right: 0px;
    }

    .container .inner .bigbox .formdata .box .textarea{
        width: calc(600px - 57px);
    }

    .container .inner .bigbox .price_panel .sticky .cart_price .top_line{
        display: flex;
        align-items: center;
    }

    .container .inner .bigbox .price_panel .sticky .cart_price .top_line .text{
        line-height: 1.3;
    }

    .container .inner .bigbox .price_panel .sticky .cart_price .top_line .price{
        white-space: nowrap;
        line-height: 1.3;
        flex-grow: 1;
    }

    .container .inner .bigbox .price_panel .sticky .cart_price .description{
        line-height: 1.3;
    }

    .container .inner .bigbox .formdata{
        width: calc(((100% / 7) * 5) - 30px);
    }

    .container .inner .bigbox .recapitulation .products .product .additional{
        margin-right: 30px;
    }

    .container .inner .bigbox .recapitulation .products .product .shipping_price,
    .container .inner .bigbox .recapitulation .products .product .total_price{
        margin-right: 30px;
    }

    .container .inner .bigbox .price_panel .sticky .status{
        height: auto;
        display: flex;
        align-items: center;
    }

    .container .inner .bigbox .price_panel .sticky .status .text{
        line-height: 1.3;
    }

    .container .inner .bigbox .price_panel .sticky .status .right{
        margin-left: auto;
        margin-right: 20px;
    }

    .container .inner .bigbox .price_panel .sticky .status .right .button{
        top: unset;
        transform: unset;
        white-space: nowrap;
        margin-right: 0px;
    }

    .container .inner .panel .box{
        width: calc((100% - 50px) / 2);
    }

    .container .inner .panel .box:last-child{
        margin-left: 50px;
    }

    .footer1 .inner .panel{
        width: calc(45% - 50px);
    }

    .footer1 .inner .panel:last-child{
        width: 55%;
        margin-left: 50px;
    }

    .footer1 .inner .panel .contact .box{
        width: 100%;
        clear:both;
    }

    .footer1 .inner .panel .contact .box:last-child{
        margin-left: 0px;
        margin-top:20px;
    }

}


/*------------------------------------------------------------------------------------------------------------*/
@media (min-width: 1024px) and (max-width: 1159px){

    .header0 .inner .left .text{
        font-size: 12.5px;
    }

    .header1 .inner .panel .searching{
        width: calc(500px - 50px);
    }

    .container .inner .menu{
        width: calc((100% / 3) - 30px - 2px);
    }

    .container .inner .mainpage{
        width: calc((100% / 3) * 2);
    }

    .container .inner .mainpage .products{
        display: flex;
        flex-wrap: wrap;
    }

    .container .inner .mainpage .products .product{
        height: auto;
        display: flex;
        flex-direction: column;
        width: calc((100% - 3px) / 2);
    }

    .container .inner .mainpage .products .product:nth-child(-n+3){
        border-top: none;
    }

    .container .inner .mainpage .products .product:nth-child(-n+2){
        border-top: 1px solid #e4e8ec;
    }

    .container .inner .mainpage .products .product:nth-child(3n){
        border-right: none;
    }

    .container .inner .mainpage .products .product:nth-child(2n){
        border-right: 1px solid #e4e8ec;
    }

    .container .inner .mainpage .products .product:last-child{
        border-right: 1px solid #e4e8ec;
    }

    .container .inner .mainpage .category .description{
        width: 75%;
    }

    .container .inner .mainpage .category .sub .item{
        width: calc((100% - 60px - 6px) / 3);
    }

    .container .inner .mainpage .category .sub .item:nth-child(-n+4){
        margin-top: 30px;
    }

    .container .inner .mainpage .category .sub .item:nth-child(-n+3){
        margin-top: 0px;
    }

    .container .inner .mainpage .category .sub .item:nth-child(4n){
        margin-right: 30px;
    }

    .container .inner .mainpage .category .sub .item:nth-child(3n){
        margin-right: 0px;
    }

    .container .inner .mainpage .category .sub .item .name{
        line-height: 1.3;
    }

    .container .inner .artcontent{
        width: calc(100% - 300px);
        margin-left: 150px;
        margin-right: 150px;
    }

    .container .inner .artcontent .content{
        margin-top: 30px;
    }

    .container .inner .artcontent .content p,
    .container .inner .artcontent .content h3{
        width: 100%;
        margin-left: 0px;
        margin-right: 0px;
    }

    .container .inner .artcontent .content h3{
        margin-top: 10px;
    }

    .container .inner .artcontent .content ul{
        width: calc(100% - 40px);
        margin-left: 0px;
        margin-right: 0px;
    }

    .container .inner .artcontent .gallery{
        margin-top: 10px;
    }

    .container .inner .artcontent .gallery .image.div2{
        width: calc((100% - 30px) / 2);
        padding-top: calc((calc((100% - 30px) / 2) * 3) / 4);
        margin-right: 30px;
    }

    .container .inner .productpage .mainphoto{
        width: calc((100% - 50px) / 2);
    }

    .container .inner .productpage .panel{
        width: calc((100% - 50px) / 2);
        margin-left: 50px;
    }

    .container .inner .productpage .panel .pricebox{
        height: auto;
        width: 100%;
        display: flex;
        flex-direction: column;
    }

    .container .inner .productpage .panel .pricebox .price{
        top:unset;
        transform: unset;
    }

    .container .inner .productpage .panel .pricebox .shopnow{
        float:left;
        top:unset;
        transform: unset;
        margin-top: 15px;
    }

    .container .inner .productpage .gallery .image{
        width: calc((100% - 160px) / 9);
        padding-top: calc((100% - 160px) / 9);
    }

    .container .inner .productpage .gallery .image:nth-child(-n+10){
        margin-top: 20px;
    }

    .container .inner .productpage .gallery .image:nth-child(-n+9){
        margin-top: 0px;
    }

    .container .inner .productpage .gallery .image:nth-child(10n){
        margin-right: 20px;
    }

    .container .inner .productpage .gallery .image:nth-child(9n){
        margin-right: 0px;
    }

    .container .inner .productpage .panel .description{
        width: 100%;
    }

    .container .inner .productpage .panel .box{
        width: 100%;
    }

    .container2 .inner .right{
        width: calc(((100% / 10) * 3) + 100px);
        margin-left: 100px;
    }

    .container .inner .bigbox .cartpage{
        width: calc(65% - 30px);
        margin-top: 30px;
    }

    .container .inner .bigbox .price_panel{
        width: 35%;
        margin-left: 30px;
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .container .inner .bigbox .cartpage .product .image{
        display: none;
    }

    .container .inner .bigbox .cartpage .product .name{
        width: calc(100% - 60px);
        margin-left: 30px;
    }

    .container .inner .bigbox .cartpage .product .availability{
        margin-left: 30px;
    }

    .container .inner .bigbox .cartpage .product .additional .product_amount .decrease,
    .container .inner .bigbox .cartpage .product .additional .product_amount .increase{
        width: 30px;
    }
    
    .container .inner .bigbox .cartpage .product .additional .product_amount .amount{
        width: 40px;
        line-height: 100%;
    }

    .container .inner .bigbox .cartpage .product .additional .deletebox{
        margin-left: 20px;
    }

    .container .inner .bigbox .cartpage .product .additional .price2{
        width: 90px;
        margin-left: 20px;
    }

    .container .inner .bigbox .cartpage .product .additional .price{
        width: 110px;
        margin-left: 20px;
    }

    .container .inner .bigbox .price_panel .sticky .cart_price .top_line{
        display: flex;
        align-items: center;
    }

    .container .inner .bigbox .price_panel .sticky .cart_price .top_line .text{
        line-height: 1.3;
    }

    .container .inner .bigbox .price_panel .sticky .cart_price .top_line .price{
        white-space: nowrap;
        line-height: 1.3;
        flex-grow: 1;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .container .inner .faq{
        width: calc(100% - 200px);
        margin-left: 100px;
        margin-right: 100px;
    }

    .container .inner .panel .box{
        width: calc((100% - 50px) / 2);
    }

    .container .inner .panel .box:last-child{
        margin-left: 50px;
    }

    .container .inner .bigbox .formdata{
        width: calc(65% - 30px);
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .container .inner .bigbox .formdata .box .line .label{
        width: 203px;
    }

    .container .inner .bigbox .formdata .box .line .order_input{
        width: 275px;
    }

    .container .inner .bigbox .price_panel .sticky .cart_price .description{
        line-height: 1.3;
    }

    .container .inner .bigbox .formdata .box .line .country{
        margin-left: calc(203px + 57px);
        margin-top: 20px;
    }

    .container .inner .bigbox .formdata .box .line .country:nth-child(2){
        margin-left: 0px;
        margin-top: 0px;
    }

    .container .inner .bigbox .formdata .box .shipping_box .line3,
    .container .inner .bigbox .formdata .box .payment_box .line3{
        width: calc(535px - 99px - 1px);
    }

    .container .inner .bigbox .formdata .box .textarea{
        width: calc(535px - 57px);
    }

    .container .inner .bigbox .formdata .box:last-child .line:last-child{
        margin-bottom: 0px;
    }

    .container .inner .bigbox .recapitulation{
        width: calc(65% - 30px);
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .container .inner .bigbox .recapitulation .info{
        flex-direction: column;
    }

    .container .inner .bigbox .recapitulation .info .panel{
        width: calc(100% - 40px);
        border-right:none;
        border-bottom: 1px solid #cad2d9;
    }

    .container .inner .bigbox .recapitulation .info .panel:last-child{
        border-bottom: none;
    }

    .container .inner .bigbox .recapitulation .info .panel .item{
        margin-top: 15px;
    }

    .container .inner .bigbox .recapitulation .products{
        margin-top: 30px;
    }

    .container .inner .bigbox .recapitulation .products .product .additional{
        width: calc(100% - 110px - 15px - 30px);
        display: flex;
        margin-right: 30px;
    }

    .container .inner .bigbox .recapitulation .products .product .additional .price,
    .container .inner .bigbox .recapitulation .products .product .additional .price2{
        flex-grow: 1;
    }

    .container .inner .bigbox .recapitulation .products .product .shipping_price,
    .container .inner .bigbox .recapitulation .products .product .total_price{
        margin-right: 30px;
    }

    .container .inner .bigbox .price_panel .sticky{
        top:30px;
    }

    .container .inner .bigbox .price_panel .sticky .cart_price .qrpayment{
        position: relative;
        margin-left: 20px;
        float: left;
        right: unset;
        bottom: unset;
        margin-bottom: 20px;
    }
    .container .inner .bigbox .price_panel .sticky .cart_price .item.last{
        margin-bottom: 0px;
    }

    .container .inner .bigbox .price_panel .sticky .cart_price .item:last-child{
        margin-bottom: 20px;
    }

    .container .inner .bigbox .price_panel .sticky .status .text{
        line-height: 1.3;
    }

    .container .inner .terms{
        width: calc(100% - 300px);
        margin-left: 150px;
        margin-right: 150px;
    }

    .footer1 .inner .panel{
        width: 35%;
    }

    .footer1 .inner .panel .contact .box{
        width: 100%;
    }

    .footer1 .inner .panel .contact .box:last-child{
        margin-left: 0px;
        margin-top: 20px;
    }

    .footer1 .inner .panel:last-child{
        width: 65%;
        margin-left: 0px;
    }

    .footer1 .inner .panel .menu{
        width: calc((100% - 80px) / 2);
    }

    .footer1 .inner .panel .menu:last-child{
        margin-left: 30px;
    }


}


/*------------------------------------------------------------------------------------------------------------*/
@media (min-width: 900px) and (max-width: 1023px){

    .header0{
        height: 60px;
    }

    .header0 .inner .left{
        display:inline-block;
        height: auto;
        position: relative;
        top: 50%;
        transform: translateY(-50%);
    }

    .header0 .inner .left .text{
        font-size: 12.5px;
        line-height: 18px;
        vertical-align: middle;
    }

    .header0 .inner .left .text:first-child{
        margin-bottom: 5px;
        line-height: 1.3;
        vertical-align: unset;
    }

    .header0 .inner .left .text:nth-child(3){
        clear: both;
    }

    .header0 .inner .left .divider:nth-child(2){
        display: none;
    }

    .header1 .inner .panel .searching{
        width: calc(500px - 100px);
    }

    .container .inner .menu{
        width: calc((100% / 3) - 2px - 30px);
    }

    .container .inner .mainpage{
        width: calc((100% / 3) * 2);
    }

    .container .inner .mainpage .products{
        display: flex;
        flex-wrap: wrap;
    }

    .container .inner .mainpage .products .product{
        width: calc((100% - 3px) / 2);
        height: auto;
        display: flex;
        flex-direction: column;
    }

    .container .inner .mainpage .products .product:nth-child(-n+3){
        border-top: none;
    }

    .container .inner .mainpage .products .product:nth-child(3n){
        border-right: none;
    }

    .container .inner .mainpage .products .product:nth-child(-n+2){
        border-top: 1px solid #e4e8ec;
    }

    .container .inner .mainpage .products .product:nth-child(2n){
        border-right: 1px solid #e4e8ec;
    }

    .container .inner .mainpage .products .product:last-child{
        border-right: 1px solid #e4e8ec;
    }

    .container .inner .mainpage .category .sub .item{
        width: calc((100% - 40px - 6px) / 3);
        margin-top: 20px;
        margin-right: 20px;
    }

    .container .inner .mainpage .category .sub .item:nth-child(-n+4){
        margin-top: 20px;
    }

    .container .inner .mainpage .category .sub .item:nth-child(4n){
        margin-right: 20px;
    }

    .container .inner .mainpage .category .sub .item:nth-child(-n+3){
        margin-top: 0px;
    }

    .container .inner .mainpage .category .sub .item:nth-child(3n){
        margin-right: 0px;
    }

    .container .inner .mainpage .category .sub .item .name{
        width: calc(100% - 50px - 30px);
        margin-left: 15px;
    }

    .container .inner .mainpage .category .description{
        width: 75%;
    }

    .container .inner .productpage{
        margin-bottom: 30px;
    }

    .container .inner .productpage .mainphoto{
        width: calc((100% - 50px) / 2);
        margin-top: 30px;
    }

    .container .inner .productpage .panel{
        width: calc((100% - 50px) / 2);
        margin-top: 30px;
        margin-left: 50px;
        margin-bottom: 30px;
    }

    .container .inner .productpage .panel .name,
    .container .inner .productpage .panel .description,
    .container .inner .productpage .panel .box{
        width: 100%;
    }

    .container .inner .productpage .panel .pricebox{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
    }

    .container .inner .productpage .panel .pricebox .price{
        top:unset;
        transform: unset;
    }

    .container .inner .productpage .panel .pricebox .shopnow{
        float: left;
        top: unset;
        transform: unset;
        margin-top: 15px;
    }

    .container2{
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .container2 .inner .left{
        width: calc(60% - 75px);
    }

    .container2 .inner .right{
        width: 40%;
        margin-left: 75px;
    }

    .container .inner .productpage .gallery{
        margin-top: 30px;
    }

    .container .inner .productpage .gallery .image{
        width: calc((100% - 160px) / 9);
        padding-top: calc((100% - 160px) / 9);
    }

    .container .inner .productpage .gallery .image:nth-child(-n+10){
        margin-top: 20px;
    }

    .container .inner .productpage .gallery .image:nth-child(10n){
        margin-right: 20px;
    }

    .container .inner .productpage .gallery .image:nth-child(-n+9){
        margin-top: 0px;
    }

    .container .inner .productpage .gallery .image:nth-child(9n){
        margin-right: 0px;
    }

    .container2 .inner .left .description h3{
        margin-top: 30px;
    }

    @media (min-width: 900px) and (max-width: 950px){

        .container2 .inner .right .carrier_excluded .box{
            flex-direction: column;
            align-items: center;
        }

        .container2 .inner .right .carrier_excluded .box .text{
            margin-left: 0px;
            margin-top: 10px;
        }
    }

    .container .inner .bigbox .cartpage{
        width: calc(65% - 30px);
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .container .inner .bigbox .cartpage .product .image{
        display: none;
    }

    .container .inner .bigbox .cartpage .product .name{
        width: calc(100% - 30px - 30px);
        margin-left: 30px;
    }

    .container .inner .bigbox .cartpage .product .availability{
        height: auto;
        margin-left: 30px;
        margin-bottom: 0px;
    }

    .container .inner .bigbox .cartpage .product .availability .box{
        top: unset;
        transform: unset;
    }

    .container .inner .bigbox .cartpage .product .additional{
        width: calc(100% - 60px);
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .container .inner .bigbox .cartpage .product .additional .product_amount .decrease,
    .container .inner .bigbox .cartpage .product .additional .product_amount .increase{
        width: 30px;
    }

    .container .inner .bigbox .cartpage .product .additional .product_amount .amount{
        width: 40px;
    }
    
    .container .inner .bigbox .cartpage .product .additional .price,
    .container .inner .bigbox .cartpage .product .additional .price2{
        flex-grow: 1;
    }

    .container .inner .bigbox .cartpage .product .additional .deletebox{
        margin-left: 20px;
    }

    .container .inner .bigbox .price_panel{
        width: 35%;
        margin-left: 30px;
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .container .inner .bigbox .price_panel .sticky{
        top: 30px;
    }

    .container .inner .bigbox .formdata{
        width: calc(65% - 30px);
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .container .inner .bigbox .formdata .box .line .label{
        width: 168px;
    }

    .container .inner .bigbox .formdata .box .line .order_input{
        width: 261px;
    }

    .container .inner .bigbox .formdata .box .line .country{
        margin-left: calc(168px + 57px);
        margin-top: 20px;
    }

    .container .inner .bigbox .formdata .box .line .country:nth-child(2){
        margin-left: 0px;
        margin-top: 0px;
    }

    .container .inner .bigbox .formdata .box .shipping_box .line3,
    .container .inner .bigbox .formdata .box .payment_box .line3{
        width: calc(516px - 99px - 1px - 30px);
    }

    .container .inner .bigbox .formdata .box .textarea{
        width: calc(486px - 57px);
    }

    .container .inner .bigbox .formdata .box:last-child .line:last-child{
        margin-bottom: 0px;
    }

    .container .inner .bigbox .recapitulation{
        width: calc(65% - 30px);
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .container .inner .bigbox .recapitulation .info{
        flex-direction: column;
    }

    .container .inner .bigbox .recapitulation .info .panel{
        width: calc(100% - 40px);
        border-right: none;
        border-bottom: 1px solid #cad2d9;
    }

    .container .inner .bigbox .recapitulation .info .panel:last-child{
        border-bottom: none;
    }

    .container .inner .bigbox .recapitulation .info .panel .item{
        margin-top: 15px;
    }

    .container .inner .bigbox .recapitulation .products{
        margin-top: 30px;
    }

    .container .inner .bigbox .recapitulation .products .product .image{
        display: none;
    }

    .container .inner .bigbox .recapitulation .products .product .name{
        width: calc(100% - 60px);
        margin-left: 30px;
    }

    .container .inner .bigbox .recapitulation .products .product .availability{
        display: none;
    }

    .container .inner .bigbox .recapitulation .products .product .additional{
        width: calc(100% - 60px);
        margin-right: 30px;
    }

    .container .inner .bigbox .recapitulation .products .product .additional .price,
    .container .inner .bigbox .recapitulation .products .product .additional .price2{
        flex-grow: 1;
    }
    
    .container .inner .bigbox .recapitulation .products .product .shipping{
        margin-left: 30px;
    }

    .container .inner .bigbox .recapitulation .products .product .shipping_price{
        margin-right: 30px;
    }
    
    .container .inner .bigbox .recapitulation .products .product .shipping_note{
        width: 75%;
        margin-left: 30px;
    }

    .container .inner .bigbox .recapitulation .products .product .total_text{
        margin-left: 30px;
    }

    .container .inner .bigbox .recapitulation .products .product .total_price{
        margin-right: 30px;
    }

    .container .inner .bigbox .price_panel .sticky .cart_price .qrpayment{
        float: left;
        position: relative;
        right: unset;
        margin-left: 20px;
        bottom: unset;
        margin-bottom: 20px;
    }

    .container .inner .bigbox .price_panel .sticky .cart_price .item.last{
        margin-bottom: 0px;
    }

    .container .inner .bigbox .price_panel .sticky .cart_price .item:last-child{
        margin-bottom: 20px;
    }

    @media (min-width: 900px) and (max-width: 980px){
        
        .container .inner .bigbox .price_panel .sticky .cart_price.online_payment .top_line{
            flex-direction: column;
            align-items: unset;
        }

        .container .inner .bigbox .price_panel .sticky .cart_price.online_payment .top_line .text{
            padding-bottom: 10px;
        }

        .container .inner .bigbox .price_panel .sticky .cart_price .right{
            float: left;
            margin-right: auto;
            margin-left: 20px;
            margin-bottom: 20px;
        }

        .container .inner .bigbox .price_panel .sticky .status{
            flex-direction: column;
            align-items: unset;
        }

        .container .inner .bigbox .price_panel .sticky .status .text{
            padding-bottom: 10px;
        }

        .container .inner .bigbox .price_panel .sticky .status .right{
            float: left;
            margin-left: 20px;
            margin-right: auto;
            margin-bottom: 20px;
        }

        .container .inner .bigbox .price_panel .sticky .cart_price .top_line{
            flex-direction: column;
            align-items: unset;
        }

        .container .inner .bigbox .price_panel .sticky .cart_price .top_line .text{
            padding-bottom: 10px;
        }

        .container .inner .bigbox .price_panel .sticky .cart_price .top_line .price{
            float: left;
            margin-left: 0px;
            margin-right: auto;
            text-align: left;
            padding-top: 0px;
        }

    }

    .container .inner .bigbox .price_panel .sticky .cart_price .right #form{
        height: auto;
    }

    .container .inner .bigbox .recapitulation .payment_status{
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .container .inner .artcontent{
        width: calc(100% - 150px);
        margin-left: 75px;
        margin-right: 75px;
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .container .inner .artcontent .content{
        margin-top: 30px;
    }

    .container .inner .artcontent .content h3{
        width: 100%;
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 10px;
    }

    .container .inner .artcontent .content p{
        width: 100%;
        margin-left: 0px;
        margin-right: 0px;
    }

    .container .inner .artcontent .content ul{
        width: calc(100% - 40px);
        margin-left: 0px;
        margin-right: 0px;
    }

    .container .inner .artcontent .gallery{
        margin-top: 10px;
    }

    .container .inner .artcontent .gallery .image.div2{
        width: calc((100% - 30px) / 2);
        padding-top: calc((calc((100% - 30px) / 2) * 3) / 4);
        margin-right: 30px;
    }

    .container .inner .panel{
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .container .inner .panel .box{
        width: calc((100% - 50px) / 2);
    }

    .container .inner .panel .box:nth-child(2){
        margin-left: 50px;
    }

    .container .inner .panel .box .half{
        width: 100%;
    }

    .container .inner .faq{
        width: calc(100% - 150px);
        margin-left: 75px;
        margin-right: 75px;
    }

    .container .inner .faq:first-child{
        margin-top: 30px;
    }

    .container .inner .faq:last-child{
        margin-bottom: 30px;
    }

    .container .inner .terms{
        width: calc(100% - 150px);
        margin-left: 75px;
        margin-right: 75px;
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .container .inner .terms .main_list .main_item{
        margin-top: 15px;
    }

    .footer1 .inner .panel{
        width: 55%;
    }

    .footer1 .inner .panel:last-child{
        width: 45%;
        margin-left: 0px;
    }

    .footer1 .inner .panel .contact .box{
        width: 100%;
    }

    .footer1 .inner .panel .contact .box:last-child{
        margin-left: 0px;
        margin-top: 20px;
    }

    .footer1 .inner .panel .menu{
        width: calc(100% - 50px);
        margin-bottom: 0px;
    }

    .footer1 .inner .panel .menu:last-child{
        margin-top: 10px;
        margin-bottom: 50px;
    }

}


/*------------------------------------------------------------------------------------------------------------*/
@media (min-width: 800px) and (max-width: 899px){

    .header0 .inner .left .text{
        display: none;
        font-size: 12.5px;
    }

    .header0 .inner .left .text:first-child{
        display: block;
    }

    .header0 .inner .left .divider{
        display: none;
    }

    .header0 .inner .right .item .text{
        font-size: 13px;
    }

    .header1{
        height: 80px;
        overflow: hidden;
    }

    .header1 .inner .logo svg{
        height: calc(100% - 20px);
    }

    .header1 .inner .panel .mobile_search{
        display: block;
    }

    .header1 .inner .panel .searching{
        display: none;
    }

    .header1 .inner .panel .cart{
        position: relative;
        float: left;
    }

    .header2{
        width: 100%;
        height: 82px;
        float: left;
        background: #313940;
        border-bottom: 1px solid #3e4850;
    }

    .header2 .inner .searching{
        display: block;
    }

    .container .inner .menu{
        display: none;
    }

    .container .inner .mainpage{
        width: 100%;
        margin-left: 0px;
    }

    .header1 .inner .panel .mobile_menu_icon{
        display: block;
    }

    .header1 .inner .mobile_menu{
        display: block;
    }

    .container .inner .mainpage .products .product .headline .text{
        font-size: calc(16px / 1.1);
    }

    .container .inner .mainpage .products .product .pricebox .price{
        font-size: calc(18px / 1.1);
    }

    .container .inner .mainpage .category .description{
        width: 75%;
    }

    .container .inner .mainpage .category .sub .item{
        width: calc((100% - 40px - 6px) / 3);
        margin-right: 20px;
        margin-top: 20px;
    }

    .container .inner .mainpage .category .sub .item:nth-child(-n+4){
        margin-top: 20px;
    }

    .container .inner .mainpage .category .sub .item:nth-child(4n){
        margin-right: 20px;
    }

    .container .inner .mainpage .category .sub .item:nth-child(-n+3){
        margin-top: 0px;
    }

    .container .inner .mainpage .category .sub .item:nth-child(3n){
        margin-right: 0px;
    }

    .container .inner .productpage{
        margin-bottom: 30px;
    }

    .container .inner .productpage .mainphoto{
        width: calc((100% - 50px) / 2);
        padding-top: calc((100% - 50px) / 2);
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .container .inner .productpage .panel{
        width: calc((100% - 50px) / 2);
        margin-left: 50px;
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .container .inner .productpage .panel .name{
        width: 100%;
    }

    .container .inner .productpage .panel .box{
        width: 100%;
    }

    .container .inner .productpage .panel .pricebox{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
    }

    .container .inner .productpage .panel .pricebox .price{
        top: unset;
        transform: unset;
    }

    .container .inner .productpage .panel .pricebox .price .price1{
        font-size: calc(26px / 1.1);
    }

    .container .inner .productpage .panel .pricebox .price .price2{
        font-size: calc(16px / 1.1);
    }

    .container .inner .productpage .panel .pricebox .shopnow{
        top: unset;
        transform: unset;
        margin-top: 15px;
    }

    .container .inner .productpage .panel .name{
        font-size: calc(30px / 1.1);
    }

    .container .inner .productpage .panel .description{
        width: 100%;
        font-size: calc(16px / 1.1);
    }

    .container .inner .productpage .panel .box input[type=radio] + .variant_name .item{
        font-size: calc(13px / 1.1);
    }

    .container .inner .productpage .gallery{
        margin-top: 30px;
    }
    
    .container .inner .productpage .gallery .image{
        width: calc((100% - 140px) / 8);
        padding-top: calc((100% - 140px) / 8);
    }

    .container .inner .productpage .gallery .image:nth-child(-n+10){
        margin-top: 20px;
    }

    .container .inner .productpage .gallery .image:nth-child(10n){
        margin-right: 20px;
    }

    .container .inner .productpage .gallery .image:nth-child(-n+8){
        margin-top: 0px;
    }

    .container .inner .productpage .gallery .image:nth-child(8n){
        margin-right: 0px;
    }

    .container2{
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .container2 .inner .left{
        width: calc(55% - 50px);
    }

    .container2 .inner .left .description h3{
        margin-top: 30px;
    }

    .container2 .inner .right{
        width: 45%;
        margin-left: 50px;
    }

    .container2 .inner .right .carrier_excluded .box{
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .container2 .inner .right .carrier_excluded .box .text{
        margin-left: 0px;
        margin-top: 10px;
    }

    .container .inner .terms{
        width: calc(100% - 150px);
        margin-left: 75px;
        margin-right: 75px;
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .container .inner .faq{
        width: calc(100% - 150px);
        margin-left: 75px;
        margin-right: 75px;
    }

    .container .inner .faq:first-child{
        margin-top: 30px;
    }

    .container .inner .faq:last-child{
        margin-bottom: 30px;
    }

    .container .inner .artcontent{
        width: calc(100% - 150px);
        margin-left: 75px;
        margin-right: 75px;
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .container .inner .artcontent .content{
        margin-top: 30px;
    }

    .container .inner .artcontent .content h3{
        width: 100%;
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 10px;
    }

    .container .inner .artcontent .content p{
        width: 100%;
        margin-left: 0px;
        margin-right: 0px;
    }

    .container .inner .artcontent .content ul{
        width: calc(100% - 40px);
        margin-left: 0px;
        margin-right: 0px;
    }

    .container .inner .artcontent .gallery{
        margin-top: 10px;
    }

    .container .inner .artcontent .gallery .image.div2{
        width: calc((100% - 30px) / 2);
        padding-top: calc((calc((100% - 30px) / 2) * 3) / 4);
        margin-right: 30px;
    }

    .container .inner .panel{
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .container .inner .panel .box{
        width: calc((100% - 50px) / 2);
    }

    .container .inner .panel .box:nth-child(2){
        margin-left: 50px;
    }

    .container .inner .panel .box .item_head,
    .container .inner .panel .box .half .item_head,
    .container .inner .panel .box .third .item_head{
        width: calc(100% - 20px);
        margin-left: 20px;
    }

    .container .inner .panel .box .item_content,
    .container .inner .panel .box .half .item_content,
    .container .inner .panel .box .third .item_content{
        width: calc(100% - 20px);
        margin-left: 20px;
    }

    .container .inner .panel .box .half{
        width: 100%;
    }

    .container .inner .bigbox .cartpage{
        width: calc(65% - 30px);
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .container .inner .bigbox .cartpage .product .image{
        display: none;
    }

    .container .inner .bigbox .cartpage .product .name{
        width: calc(100% - 60px);
        margin-left: 30px;
    }

    .container .inner .bigbox .cartpage .product .availability{
        height: auto;
        margin-left: 30px;
        margin-bottom: 0px;
    }

    .container .inner .bigbox .cartpage .product .availability .box{
        top: unset;
        transform: unset;
    }

    .container .inner .bigbox .cartpage .product .additional{
        width: calc(100% - 60px);
    }

    .container .inner .bigbox .cartpage .product .additional .product_amount .decrease,
    .container .inner .bigbox .cartpage .product .additional .product_amount .increase{
        width: 30px;
    }

    .container .inner .bigbox .cartpage .product .additional .product_amount .amount{
        width: 40px;
    }

    .container .inner .bigbox .cartpage .product .additional .price,
    .container .inner .bigbox .cartpage .product .additional .price2{
        flex-grow: 1;
    }

    .container .inner .bigbox .cartpage .product .additional .deletebox{
        margin-left: 20px;
    }

    .container .inner .bigbox .price_panel{
        width: 35%;
        margin-left: 30px;
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .container .inner .bigbox .price_panel .sticky .cart_price .top_line{
        flex-direction: column;
        align-items: unset;
    }

    .container .inner .bigbox .price_panel .sticky .cart_price .top_line .text{
        padding-bottom: 10px;
    }

    .container .inner .bigbox .price_panel .sticky .cart_price .top_line .price{
        text-align: left;
        margin-left: 0px;
        padding-top: 0px;
    }

    .container .inner .bigbox .price_panel .sticky .cart_price .carrier_excluded .box .text{
        width: calc(100% - 20px);
    }

    .container .inner .bigbox .price_panel .sticky .back_shop{
        width: calc(100% - 2px);
        display: flex;
        justify-content: center;
    }

    .container .inner .bigbox .price_panel .sticky .next_step{
        width: calc(100% - 2px);
        display: flex;
        justify-content: center;
        margin-top: 20px;
    }

    .container .inner .bigbox .formdata{
        width: calc(65% - 30px);
        margin-top: 30px;
    }

    .container .inner .bigbox .formdata .error_box .line{
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .container .inner .bigbox .formdata .box .line .label{
        width: 360px;
        height: auto;
    }

    .container .inner .bigbox .formdata .box .line .order_input{
        width: 360px;
        margin-left: 57px;
        margin-top: 10px;
        clear: left;
    }

    .container .inner .bigbox .formdata .box .line .country{
        margin-top: 10px;
    }

    .container .inner .bigbox .formdata .box .line .country:nth-child(2){
        margin-left: 57px;
    }

    .container .inner .bigbox .formdata .box .shipping_box .line3,
    .container .inner .bigbox .formdata .box .payment_box .line3{
        width: calc(417px - 99px - 1px);
    }

    .container .inner .bigbox .formdata .box .textarea{
        width: calc(417px - 57px);
        margin-top: 10px;
    }

    .container .inner .bigbox .recapitulation{
        width: calc(65% - 30px);
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .container .inner .bigbox .recapitulation .info{
        flex-direction: column;
    }

    .container .inner .bigbox .recapitulation .info .panel{
        width: calc(100% - 40px);
        border-right: none;
        border-bottom: 1px solid #cad2d9;
    }

    .container .inner .bigbox .recapitulation .info .panel .item{
        margin-top: 15px;
    }

    .container .inner .bigbox .recapitulation .info .panel:last-child{
        border-bottom: none;
    }

    .container .inner .bigbox .recapitulation .products{
        margin-top: 30px;
    }

    .container .inner .bigbox .recapitulation .products .product .image{
        display: none
    }

    .container .inner .bigbox .recapitulation .products .product .name{
        width: calc(100% - 60px);
        margin-left: 30px;
    }

    .container .inner .bigbox .recapitulation .products .product .availability{
        display: none;
    }

    .container .inner .bigbox .recapitulation .products .product .additional{
        width: calc(100% - 60px);
        margin-left: 30px;
        margin-right: 30px;
    }

    .container .inner .bigbox .recapitulation .products .product .additional .price,
    .container .inner .bigbox .recapitulation .products .product .additional .price2{
        flex-grow: 1;
    }

    .container .inner .bigbox .recapitulation .products .product .shipping{
        margin-left: 30px;
    }

    .container .inner .bigbox .recapitulation .products .product .shipping_price{
        margin-right: 30px;
    }

    .container .inner .bigbox .recapitulation .products .product .shipping_note{
        width: calc(75% - 30px);
        margin-left: 30px;
    }

    .container .inner .bigbox .recapitulation .products .product .total_text{
        margin-left: 30px;
    }

    .container .inner .bigbox .recapitulation .products .product .total_price{
        margin-right: 30px;
    }

    .container .inner .bigbox .price_panel .sticky{
        top:30px;
    }

    .container .inner .bigbox .price_panel .sticky .status{
        flex-direction: column;
        align-items: unset;
    }

    .container .inner .bigbox .price_panel .sticky .status .text{
        padding-bottom: 10px;
    }

    .container .inner .bigbox .price_panel .sticky .status .right{
        float: left;
        margin-left: 20px;
        margin-right: auto;
        margin-bottom: 20px;
    }

    .container .inner .bigbox .price_panel .sticky .cart_price .qrpayment{
        position: relative;
        float: left;
        right: unset;
        bottom: unset;
        margin-left: 20px;
        margin-bottom: 20px;
    }

    .container .inner .bigbox .price_panel .sticky .cart_price .item.last{
        margin-bottom: 0px;
    }

    .container .inner .bigbox .price_panel .sticky .cart_price .item:last-child{
        margin-bottom: 20px;
    }

    .container .inner .bigbox .price_panel .sticky .cart_price .right{
        float: left;
        margin-left: 20px;
        margin-right: auto;
        margin-bottom: 20px;
    }

    .container .inner .bigbox .price_panel .sticky .cart_price .right #form{
        height: auto;
    }

    .container .inner .bigbox .recapitulation .payment_status{
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .footer1 .inner .panel{
        width: 55%;
    }

    .footer1 .inner .panel:last-child{
        width: 45%;
        margin-left: 0px;
    }

    .footer1 .inner .panel .menu{
        width: calc(100% - 50px);
        margin-bottom: 0px;
    }

    .footer1 .inner .panel .menu:last-child{
        margin-top: 10px;
        margin-bottom: 50px;
    }

    .footer1 .inner .panel .contact .box{
        width: 100%;
    }

    .footer1 .inner .panel .contact .box:last-child{
        margin-left: 0px;
        clear: left;
        margin-top: 20px;
    }

    .footer2 .inner .online_pay{
        height: 36px;
    }

    @media (min-width: 800px) and (max-width: 850px){

        .footer2{
            height: auto;
        }

        .footer2 .inner{
            display: flex;
            flex-direction: column-reverse;
        }

        .footer2 .inner .online_pay{
            top: unset;
            transform: unset;
            margin-top: 20px;
            padding-bottom: 20px;
            border-bottom: 1px solid #3e4850;
        }

        .footer2 .inner .box{
            top: unset;
            transform: unset;
            margin-top: 20px;
            margin-bottom: 20px;
        }

    }

}


/*------------------------------------------------------------------------------------------------------------*/
@media (min-width: 700px) and (max-width: 799px){

    .header0 .inner .left .text{
        font-size: 12.5px;
        display: none;
    }

    .header0 .inner .left .text:first-child{
        display: block;
    }

    .header0 .inner .left .divider{
        display: none;
    }

    .header0 .inner .right .item .text{
        font-size: 13px;
    }


    @media (min-width: 700px) and (max-width: 720px){

        .header0 .inner .right .item .icon svg{
            width: 18px;
            height: 18px;
        }

        .header0 .inner .right .item .text{
            font-size: 12.5px;
            margin-left: 5px;
        }

        .header0 .inner .right .item:last-child{
            margin-left: 15px;
        }

    }

    .header1{
        height: 80px;
        overflow: hidden;
    }

    .header1 .inner .logo svg{
        height: calc(100% - 20px);
    }

    .header1 .inner .panel .mobile_search{
        display: block;
    }

    .header1 .inner .panel .cart{
        position: relative;
        float: left;
    }

    .header1 .inner .panel .mobile_menu_icon{
        display: block;
    }

    .header1 .inner .mobile_menu{
        max-width: calc(45% - 60px);
        display: block;
    }

    .header1 .inner .panel .searching{
        display: none;
    }

    .header2{
        width: 100%;
        height: 82px;
        float: left;
        background: #313940;
        border-bottom: 1px solid #3e4850;
    }

    .header2 .inner .searching{
        display: block;
    }

    .container .inner .menu{
        display: none;
    }

    .container .inner .mainpage{
        width: 100%;
        margin-left: 0px;
    }

    .container .inner .mainpage .products .product{
        width: calc((100% - 3px) / 2);
    }

    .container .inner .mainpage .products .product:nth-child(-n+3){
        border-top: none;
    }

    .container .inner .mainpage .products .product:nth-child(-n+2){
        border-top: 1px solid #e4e8ec;
    }

    .container .inner .mainpage .products .product:nth-child(3n){
        border-right: none;
    }

    .container .inner .mainpage .products .product:nth-child(2n){
        border-right: 1px solid #e4e8ec;
    }

    .container .inner .mainpage .products .product:last-child{
        border-right: 1px solid #e4e8ec;
    }

    .container .inner .mainpage .products .product .headline .text{
        font-size: calc(16px / 1.1);
    }

    .container .inner .mainpage .products .product .pricebox .price{
        font-size: calc(18px / 1.1);
    }

    .container .inner .productpage{
        margin-bottom: 30px;
    }

    .container .inner .productpage .mainphoto{
        width: 45%;
        padding-top: 45%;
        margin-top: 30px;
    }

    .container .inner .productpage .panel{
        width: calc(55% - 30px);
        margin-left: 30px;
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .container .inner .productpage .panel .name{
        width: 100%;
        font-size: calc(30px / 1.1);
    }

    .container .inner .productpage .panel .description{
        width: 100%;
        font-size: calc(16px / 1.1);
    }

    .container .inner .productpage .panel .box{
        width: 100%;
    }

    .container .inner .productpage .panel .box input[type=radio] + .variant_name .item{
        font-size: calc(13px / 1.1);
    }

    .container .inner .productpage .panel .pricebox{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
    }

    .container .inner .productpage .panel .pricebox .price{
        top: unset;
        transform: unset;
    }

    .container .inner .productpage .panel .pricebox .price .price1{
        font-size: calc(26px / 1.1);
    }

    .container .inner .productpage .panel .pricebox .price .price2{
        font-size: calc(16px / 1.1);
    }

    .container .inner .productpage .panel .pricebox .shopnow{
        top: unset;
        transform: unset;
        margin-top: 15px;
    }

    .container .inner .productpage .gallery{
        margin-top: 30px;
    }

    .container .inner .productpage .gallery .image{
        width: calc((100% - 120px) / 7);
        padding-top: calc((100% - 120px) / 7);
    }

    .container .inner .productpage .gallery .image:nth-child(-n+10){
        margin-top: 20px;
    }

    .container .inner .productpage .gallery .image:nth-child(10n){
        margin-right: 20px;
    }

    .container .inner .productpage .gallery .image:nth-child(-n+7){
        margin-top: 0px;
    }

    .container .inner .productpage .gallery .image:nth-child(7n){
        margin-right: 0px;
    }

    .container2{
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .container2 .inner .left{
        width: 75%;
    }

    .container2 .inner .left .description h3{
        margin-top: 30px;
    }

    .container2 .inner .right{
        width: 60%;
        clear: left;
        float: left;
        margin-left: 0px;
        margin-top: 30px;
    }

    .container .inner .mainpage .category .description{
        width: 75%;
    }

    .container .inner .mainpage .category .sub .item{
        width: calc((100% - 40px - 6px) / 3);
        margin-right: 20px;
        margin-top: 20px;
    }

    .container .inner .mainpage .category .sub .item:nth-child(-n+4){
        margin-top: 20px;
    }

    .container .inner .mainpage .category .sub .item:nth-child(-n+3){
        margin-top: 0px;
    }

    .container .inner .mainpage .category .sub .item:nth-child(4n){
        margin-right: 20px;
    }

    .container .inner .mainpage .category .sub .item:nth-child(3n){
        margin-right: 0px;
    }

    .container .inner .faq{
        width: calc(100% - 100px);
        margin-left: 50px;
        margin-right: 50px;
    }

    .container .inner .faq:first-child{
        margin-top: 30px;
    }

    .container .inner .faq:last-child{
        margin-bottom: 30px;
    }

    .container .inner .terms{
        width: calc(100% - 100px);
        margin-left: 50px;
        margin-right: 50px;
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .container .inner .artcontent{
        width: calc(100% - 100px);
        margin-left: 50px;
        margin-right: 50px;
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .container .inner .artcontent .content{
        margin-top: 30px;
    }

    .container .inner .artcontent .content h3{
        width: 100%;
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 10px;
    }

    .container .inner .artcontent .content p{
        width: 100%;
        margin-left: 0px;
        margin-right: 0px;
    }

    .container .inner .artcontent .content ul{
        width: calc(100% - 40px);
        margin-left: 0px;
        margin-right: 0px;
    }

    .container .inner .artcontent .gallery{
        margin-top: 10px;
    }

    .container .inner .artcontent .gallery .image.div2{
        width: calc((100% - 30px) / 2);
        padding-top: calc((calc((100% - 30px) / 2) * 3) / 4);
        margin-right: 30px;
    }

    .container .inner .artcontent .gallery .image.div2:last-child{
        margin-right: 0px;
    }

    .container .inner .panel{
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .container .inner .panel .box{
        width: 75%;
    }

    .container .inner .panel .box:nth-child(2){
        margin-left: 0px;
        margin-top: 30px;
    }

    .container .inner .panel .box .item_head,
    .container .inner .panel .box .half .item_head,
    .container .inner .panel .box .third .item_head{
        width: calc(100% - 20px);
        margin-left: 20px;
    }

    .container .inner .panel .box .item_content,
    .container .inner .panel .box .half .item_content,
    .container .inner .panel .box .third .item_content{
        width: calc(100% - 20px);
        margin-left: 20px;
    }

    .container .inner .bigbox .cartpage{
        width: calc(65% - 30px);
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .container .inner .bigbox .price_panel{
        width: 35%;
        margin-top: 30px;
        margin-bottom: 30px;
        margin-left: 30px;
    }

    .container .inner .bigbox .cartpage .product .image{
        display: none;
    }

    .container .inner .bigbox .cartpage .product .name{
        width: calc(100% - 60px);
        margin-left: 30px;
    }

    .container .inner .bigbox .cartpage .product .availability{
        height: auto;
        margin-left: 30px;
        margin-bottom: 0px;
    }

    .container .inner .bigbox .cartpage .product .availability .box{
        top:unset;
        transform: unset;
    }

    .container .inner .bigbox .cartpage .product .additional{
        width: calc(100% - 60px);
        flex-wrap: wrap;
    }

    .container .inner .bigbox .cartpage .product .additional .product_amount .decrease,
    .container .inner .bigbox .cartpage .product .additional .product_amount .increase{
        width: 30px;
    }

    .container .inner .bigbox .cartpage .product .additional .product_amount .amount{
        width: 40px;
    }

    .container .inner .bigbox .cartpage .product .additional .product_amount{
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .container .inner .bigbox .cartpage .product .additional .price{
        margin-right: 44px;
        margin-left: auto;
    }

    .container .inner .bigbox .cartpage .product .additional .price2{
        flex-basis: 50%;
        margin-left: auto;
        margin-right: 0px;
    }

    .container .inner .bigbox .cartpage .product .additional .deletebox{
        margin-left: 20px;
    }

    .container .inner .bigbox .price_panel .sticky .cart_price .top_line{
        flex-direction: column;
        align-items: unset;
    }

    .container .inner .bigbox .price_panel .sticky .cart_price .top_line .text{
        padding-bottom: 10px;
    }

    .container .inner .bigbox .price_panel .sticky .cart_price .top_line .price{
        padding-top: 0px;
        margin-left: 0px;
        margin-right: auto;
    }

    .container .inner .bigbox .price_panel .sticky .cart_price .carrier_excluded{
        width: calc(100% - 40px - 10px - 2px);
        padding-left: 5px;
        padding-right: 5px;
    }

    .container .inner .bigbox .price_panel .sticky .cart_price .carrier_excluded .box .text{
        width: calc(100% - 10px);
    }

    .container .inner .bigbox .price_panel .sticky .back_shop{
        width: calc(100% - 2px);
        display: flex;
        justify-content: center;
    }

    .container .inner .bigbox .price_panel .sticky .next_step{
        width: calc(100% - 2px);
        display: flex;
        justify-content: center;
        margin-top: 20px;
    }

    .container .inner .bigbox .formdata{
        width: calc(65% - 30px);
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .container .inner .bigbox .formdata .box .line .label{
        width: calc(100% - 57px - 20px);
        height: auto;
    }

    .container .inner .bigbox .formdata .box .line .order_input{
        width: calc(100% - 57px - 20px);
        margin-left: 57px;
        margin-top: 10px;
    }

    .container .inner .bigbox .formdata .box .line .country{
        clear: left;
        margin-top: 20px;
        margin-left: 57px;
    }

    .container .inner .bigbox .formdata .box .line .country:nth-child(2){
        margin-left: 57px;
        margin-top: 10px;
    }

    .container .inner .bigbox .formdata .box .shipping_box .line3,
    .container .inner .bigbox .formdata .box .payment_box .line3{
        width: calc(100% - 99px - 1px - 20px);
        border-bottom: 1px solid #cad2d9;
        padding-left: calc(99px - 1px - 56px);
        margin-left: 56px;
    }

    .container .inner .bigbox .formdata .box .shipping_box .line3:last-child,
    .container .inner .bigbox .formdata .box .payment_box .line3:last-child{
        border-bottom: none;
    }

    .container .inner .bigbox .formdata .box .shipping_box .line3 .radio_checkmark,
    .container .inner .bigbox .formdata .box .payment_box .line3 .radio_checkmark{
        left: 0px;
    }

    .container .inner .bigbox .formdata .box .shipping_box .line3 .shipping_price,
    .container .inner .bigbox .formdata .box .payment_box .line3 .shipping_price{
        clear: left;
        margin-top: 10px;
        float: left;
    }

    .container .inner .bigbox .formdata .box .textarea{
        width: calc(100% - 57px - 20px);
        margin-top: 10px;
    }

    .container .inner .bigbox .recapitulation{
        width: calc(65% - 30px);
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .container .inner .bigbox .recapitulation .info{
        flex-direction: column;
    }

    .container .inner .bigbox .recapitulation .info .panel{
        width: calc(100% - 40px);
        border-right: none;
        border-bottom: 1px solid #cad2d9;
    }

    .container .inner .bigbox .recapitulation .info .panel:last-child{
        border-bottom: none;
    }

    .container .inner .bigbox .recapitulation .products{
        margin-top: 30px;
    }

    .container .inner .bigbox .recapitulation .products .product .image{
        display: none;
    }

    .container .inner .bigbox .recapitulation .products .product .name{
        width: calc(100% - 60px);
        margin-left: 30px;
    }

    .container .inner .bigbox .recapitulation .products .product .availability{
        display: none;
    }

    .container .inner .bigbox .recapitulation .products .product .additional{
        width: calc(100% - 60px);
        margin-left: 30px;
        margin-right: 30px;
    }

    .container .inner .bigbox .recapitulation .products .product .additional .price{
        flex-grow: 1;
        margin-left: 30px;
    }

    .container .inner .bigbox .recapitulation .products .product .additional .price2{
        margin-left: 30px;
    }

    .container .inner .bigbox .recapitulation .products .product .shipping,
    .container .inner .bigbox .recapitulation .products .product .total_text{
        margin-left: 30px;
    }

    .container .inner .bigbox .recapitulation .products .product .shipping_price,
    .container .inner .bigbox .recapitulation .products .product .total_price{
        margin-right: 30px;
    }

    .container .inner .bigbox .recapitulation .products .product .shipping_note{
        width: calc(75% - 30px);
        margin-left: 30px;
    }

    .container .inner .bigbox .price_panel .sticky{
        top:30px
    }

    .container .inner .bigbox .price_panel .sticky .status{
        flex-direction: column;
        align-items: unset;
    }

    .container .inner .bigbox .price_panel .sticky .status .text{
        padding-bottom: 10px;
    }

    .container .inner .bigbox .price_panel .sticky .status .right{
        margin-left: 20px;
        margin-right: auto;
        margin-bottom: 20px;
    }

    .container .inner .bigbox .price_panel .sticky .cart_price .qrpayment{
        position: relative;
        float: left;
        margin-left: 20px;
        margin-bottom: 20px;
        right: unset;
        bottom: unset;
    }

    .container .inner .bigbox .price_panel .sticky .cart_price .item.last{
        margin-bottom: 0px;
    }

    .container .inner .bigbox .price_panel .sticky .cart_price .item:last-child{
        margin-bottom: 20px;
    }

    .container .inner .bigbox .price_panel .sticky .cart_price .right{
        margin-left: 20px;
        margin-right: auto;
        margin-bottom: 20px;
    }

    .container .inner .bigbox .price_panel .sticky .cart_price .right #form{
        height: auto;
    }

    .container .inner .bigbox .recapitulation .payment_status{
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .footer1 .inner .head{
        display: flex;
        align-items: center;
    }

    .footer1 .inner .head .logo{
        height: 60px;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .footer1 .inner .head .social{
        margin-left: auto;
        margin-right: 0px;
    }

    .footer1 .inner .head .social .icon{
        height: auto;
    }

    .footer1 .inner .head .social .icon svg{
        top: unset;
        transform: unset;
    }

    .footer1 .inner .panel{
        width: 50%;
    }

    .footer1 .inner .panel:last-child{
        width: 50%;
        margin-left: 0px;
    }

    .footer1 .inner .panel .text{
        margin-top: 30px;
    }

    .footer1 .inner .panel .contact{
        margin-bottom: 30px;
    }

    .footer1 .inner .panel .contact .box:last-child{
        margin-left: 0px;
        margin-top: 20px;
    }

    .footer1 .inner .panel .menu{
        width: calc(100% - 50px);
        margin-bottom: 0px;
        margin-top: 30px;
    }

    .footer1 .inner .panel .menu:last-child{
        margin-top: 10px;
        margin-bottom: 30px;
    }

    .footer2{
        height: auto;
    }

    .footer2 .inner{
        display: flex;
        flex-direction: column-reverse;
    }

    .footer2 .inner .online_pay{
        height: 36px;
        top:unset;
        transform: unset;
        border-bottom: 1px solid #3e4850;
        padding-bottom: 20px;
        margin-top: 20px;
    }

    .footer2 .inner .box{
        top:unset;
        transform: unset;
        margin-top: 20px;
        margin-bottom: 20px;
    }












}


/*------------------------------------------------------------------------------------------------------------*/
@media (min-width: 580px) and (max-width: 699px){

    .header0{
        height: auto;
    }
    
    .header0 .inner{
        display: flex;
        align-items: center;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    
    .header0 .inner .left{
        max-width: 35%;
        margin-left: 0px;
        margin-right: auto;
        flex-grow: 1;
    }

    .header0 .inner .left .text{
        display: none;
    }

    .header0 .inner .left .text:first-child{
        display: block;
    }

    .header0 .inner .left .divider{
        display: none;
    }

    .header0 .inner .right{
        max-width: 65%;
        margin-left: auto;
        margin-right: 0px;
        display: flex;
        align-items: center;
    }

    .header0 .inner .right .item:nth-child(2){
        margin-left: 15px;
    }

    .header0 .inner .right .item .icon svg{
        width: 18px;
        height: 18px;
    }

    .header0 .inner .right .item .text{
        font-size: 12.5px;
        margin-left: 5px;
    }

    .header1{
        height: 80px;
        overflow: hidden;
    }

    .header1 .inner .logo svg{
        height: calc(100% - 20px);
    }

    .header1 .inner .panel .mobile_search{
        display: block;
    }

    .header1 .inner .panel .searching{
        display: none;
    }

    .header1 .inner .panel .cart{
        position: relative;
        float: left;
    }

    .header1 .inner .panel .mobile_menu_icon{
        display: block;
        margin-left: 20px;
    }

    .header1 .inner .mobile_menu{
        max-width: calc(50% - 60px);
        display: block;
    }

    .header2{
        width: 100%;
        height: 82px;
        float: left;
        background: #313940;
        border-bottom: 1px solid #3e4850;
    }

    .header2 .inner{
        height: inherit;
        float: left;
    }

    .header2 .inner .searching{
        display: block;
    }

    @media (min-width: 580px) and (max-width: 640px){

        .header2{
            height: auto;
        }

        .header2 .inner .searching{
            width: 100%;
            display: block;
            top: unset;
            transform: unset;
            left: unset;
            padding-top: 10px;
            padding-bottom: 10px;
        }

        .header2 .inner .searching .input{
            height: 40px;
        }

        .header2 .inner .searching .input .search_input{
            height: 40px;
        }

    }

    .container .inner .menu{
        display: none;
    }

    .container .inner .mainpage{
        width: 100%;
        margin-left: 0px;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .container .inner .mainpage .products .product{
        width: calc((100% - 3px) / 2);
    }

    .container .inner .mainpage .products .product:nth-child(-n+3){
        border-top: none;
    }

    .container .inner .mainpage .products .product:nth-child(-n+2){
        border-top: 1px solid #e4e8ec;
    }

    .container .inner .mainpage .products .product:nth-child(3n){
        border-right: none;
    }

    .container .inner .mainpage .products .product:nth-child(2n){
        border-right: 1px solid #e4e8ec;
    }

    .container .inner .mainpage .products .product:last-child{
        border-right: 1px solid #e4e8ec;
    }

    .container .inner .mainpage .products .product .headline .text{
        font-size: calc(16px / 1.1);
    }

    .container .inner .mainpage .products .product .pricebox .price{
        font-size: calc(18px / 1.1);
    }

    .container .inner .productpage{
        margin-bottom: 20px;
    }

    .container .inner .productpage .mainphoto{
        width: 45%;
        padding-top: 45%;
        margin-top: 20px;
    }

    .container .inner .productpage .panel{
        width: calc(55% - 30px);
        margin-left: 30px;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .container .inner .productpage .panel .name{
        width: 100%;
        font-size: calc(30px / 1.1);
    }

    .container .inner .productpage .panel .description{
        width: 100%;
        font-size: calc(16px / 1.1);
    }

    .container .inner .productpage .panel .box{
        width: 100%;
    }

    .container .inner .productpage .panel .box .availability{
        margin-top: 20px;
    }

    .container .inner .productpage .panel .box input[type=radio] + .variant_name .item{
        font-size: calc(13px / 1.1);
    }

    .container .inner .productpage .panel .pricebox{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
    }

    .container .inner .productpage .panel .pricebox .price{
        top: unset;
        transform: unset;
    }

    .container .inner .productpage .panel .pricebox .shopnow{
        top: unset;
        transform: unset;
        margin-top: 15px;
    }

    .container .inner .productpage .panel .pricebox .shopnow .product_amount{
        height: 36px;
    }

    .container .inner .productpage .panel .pricebox .shopnow .product_amount .input{
        width: 50px;
        line-height: 36px;
    }

    .container .inner .productpage .panel .pricebox .shopnow .button{
        height: calc(36px - 5px - 5px);
    }

    @media (min-width: 580px) and (max-width: 640px){

        .container .inner .productpage .panel .pricebox .shopnow .product_amount .decrease,
        .container .inner .productpage .panel .pricebox .shopnow .product_amount .increase{
            width: 30px;
        }

        .container .inner .productpage .panel .pricebox .shopnow .product_amount .input{
            width: 40px;
        }

    }

    .container .inner .productpage .panel .pricebox .price .price1{
        font-size: calc(26px / 1.1);
    }

    .container .inner .productpage .panel .pricebox .price .price2{
        font-size: calc(16px / 1.1);
    }

    .container .inner .productpage .gallery{
        margin-top: 20px;
    }

    .container .inner .productpage .gallery .image{
        width: calc((100% - 100px) / 6);
        padding-top: calc((100% - 100px) / 6);
    }

    .container .inner .productpage .gallery .image:nth-child(-n+10){
        margin-top: 20px;
    }

    .container .inner .productpage .gallery .image:nth-child(10n){
        margin-right: 20px;
    }

    .container .inner .productpage .gallery .image:nth-child(-n+6){
        margin-top: 0px;
    }

    .container .inner .productpage .gallery .image:nth-child(6n){
        margin-right: 0px;
    }

    .container2{
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .container2 .inner .left{
        width: 80%;
    }

    .container2 .inner .right{
        width: 80%;
        float: left;
        margin-left: 0px;
        margin-top: 20px;
    }

    .container2 .inner .left .description{
        font-size: calc(16px / 1.1);
        margin-top: 10px;
    }

    .container2 .inner .left .description h3{
        margin-top: 20px;
    }

    .container2 .inner .left .description p{
        margin-top: 10px;
    }

    .container2 .inner .left .description ul{
        margin-top: 10px;
    }

    .container .inner .mainpage .category{
        margin-bottom: 20px;
    }

    .container .inner .mainpage .category .description{
        width: 80%;
    }

    .container .inner .mainpage .category .sub{
        margin-top: 20px;
    }

    .container .inner .mainpage .category .sub .item{
        width: calc((100% - 40px - 6px) / 3);
        margin-right: 20px;
        margin-top: 20px;
    }

    .container .inner .mainpage .category .sub .item:nth-child(-n+4){
        margin-top: 20px;
    }

    .container .inner .mainpage .category .sub .item:nth-child(-n+3){
        margin-top: 0px;
    }

    .container .inner .mainpage .category .sub .item:nth-child(4n){
        margin-right: 20px;
    }

    .container .inner .mainpage .category .sub .item:nth-child(3n){
        margin-right: 0px;
    }

    .container .inner .mainpage .category .selectbutton{
        margin-top: 20px;
    }

    .container .inner .faq{
        width: 100%;
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 20px;
    }

    .container .inner .faq .header{
        width: calc(100% - 40px);
        padding-top: 15px;
        padding-bottom: 15px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .container .inner .faq .answer{
        width: calc(100% - 26px - 20px - 20px - 10px);
        margin-left: 56px;
    }

    .container .inner .faq:first-child{
        margin-top: 20px;
    }

    .container .inner .faq:last-child{
        margin-bottom: 20px;
    }

    .container .inner .faq .header .question{
        font-size: calc(18px / 1.1);
    }

    .container .inner .faq .answer{
        font-size: calc(16px / 1.1);
    }

    .container .inner .panel{
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .container .inner .panel .box{
        width: 80%;
    }

    .container .inner .panel .box:nth-child(2){
        margin-left: 0px;
        margin-top: 20px;
    }

    .container .inner .panel .box .head{
        font-size: calc(25px / 1.1);
    }

    .container .inner .panel .box .item_head,
    .container .inner .panel .box .half .item_head,
    .container .inner .panel .box .third .item_head{
        font-size: calc(14px / 1.1);
        margin-left: 20px;
    }

    .container .inner .panel .box .item_content,
    .container .inner .panel .box .half .item_content,
    .container .inner .panel .box .third .item_content{
        font-size: calc(16px / 1.1);
        margin-left: 20px;
    }

    .container .inner .panel .box .item_head{
        width: calc(100% - 20px);
        margin-top: 15px;
    }

    .container .inner .panel .box .item_content:last-child{
        margin-top: 15px;
    }

    .container .inner .panel .box .half{
        margin-top: 15px;
    }

    .container .inner .mainpage .articles .article{
        width: calc(((100% - 20px) / 2) - 2px);
        margin-right: 20px;
        margin-top: 20px;
    }

    .container .inner .mainpage .articles .article .image .headerbox .header.main{
        font-size: calc(22px / 1.1);
    }

    .container .inner .mainpage .articles .article .image .headerbox .header{
        font-size: calc(16px / 1.1);
    }

    .container .inner .mainpage .articles .article .description{
        font-size: calc(14px / 1.1);
    }

    .container .inner .mainpage .articles .article .image .headerbox .header.top5{
        margin-top: 5px;
    }

    .container .inner .artcontent{
        width: 100%;
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .container .inner .artcontent .head .image .headerbox{
        left: 30px;
        bottom: 30px;
    }

    .container .inner .artcontent .head .image .headerbox .header.main{
        font-size: calc(30px / 1.1);
    }

    .container .inner .artcontent .head .image .headerbox .header{
        font-size: calc(23px / 1.1);
    }

    .container .inner .artcontent .head .image .headerbox .header.top10{
        margin-top: 5px;
    }

    .container .inner .artcontent .content{
        margin-top: 25px;
        font-size: calc(16px / 1.1);
    }

    .container .inner .artcontent .content h3{
        width: 100%;
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 10px;
        font-size: calc(22px / 1.1);
    }

    .container .inner .artcontent .content p{
        width: 100%;
        margin-left: 0px;
        margin-right: 0px;
        margin-bottom: 15px;
    }

    .container .inner .artcontent .content ul{
        width: calc(100% - 40px);
        margin-left: 0px;
        margin-right: 0px;
        margin-bottom: 15px;
    }

    .container .inner .artcontent .gallery{
        margin-top: 10px;
    }

    .container .inner .artcontent .gallery .image.div2{
        width: calc((100% - 20px) / 2);
        padding-top: calc((calc((100% - 20px) / 2) * 3) / 4);
        margin-right: 20px;
    }

    .container .inner .artcontent .gallery .image.div3{
        width: calc((100% - 40px) / 3);
        padding-top: calc((calc((100% - 40px) / 3) * 3) / 4);
        margin-right: 20px;
    }

    .container .inner .artcontent .gallery .image.div4{
        width: calc((100% - 60px) / 4);
        padding-top: calc((calc((100% - 60px) / 4) * 3) / 4);
        margin-right: 20px;
    }

    .container .inner .bigbox{
        flex-direction: column;
    }
    
    .container .inner .bigbox .cartpage{
        width: 100%;
        margin-top: 20px;
        margin-bottom: 0px;
    }

    .container .inner .bigbox .cartpage .product .availability{
        height: auto;
        margin-bottom: 0px;
    }

    .container .inner .bigbox .cartpage .product .availability .box{
        top: unset;
        transform: unset;
    }

    .container .inner .bigbox .cartpage .product .additional{
        width: calc(100% - 110px - 15px - 30px);
        margin-left: calc(110px + 15px);
        align-items: center;
    }

    .container .inner .bigbox .cartpage .product .additional .product_amount .decrease,
    .container .inner .bigbox .cartpage .product .additional .product_amount .increase{
        width: 30px;
    }

    .container .inner .bigbox .cartpage .product .additional .product_amount .amount{
        width: 40px;
    }

    .container .inner .bigbox .cartpage .product .additional .price,
    .container .inner .bigbox .cartpage .product .additional .price2{
        flex-grow: 1;
        margin-left: 20px;
    }

    .container .inner .bigbox .cartpage .product .additional .deletebox{
        margin-right: 0px;
        margin-left: 20px;
    }

    .container .inner .bigbox .price_panel{
        width: 100%;
        margin-left: 0px;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .container .inner .bigbox .price_panel .sticky .back_shop,
    .container .inner .bigbox .price_panel .sticky .next_step{
        margin-top: 20px;
    }

    .container .inner .bigbox .price_panel .sticky .cart_price .carrier_excluded .box{
        display: flex;
        align-items: center;
        flex-direction: row;
    }

    .container .inner .bigbox .price_panel .sticky .cart_price .carrier_excluded .box .icon{
        left: unset;
        transform: unset;
    }

    .container .inner .bigbox .price_panel .sticky .cart_price .carrier_excluded .box .text{
        width: calc(100% - 30px);
        text-align: left;
        left: unset;
        transform: unset;
        margin-left: 10px;
        margin-top: 0px;
    }

    .container .inner .bigbox .formdata{
        width: 100%;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .container .inner .bigbox .formdata .box .line .label{
        width: calc(50% - 57px);
    }

    .container .inner .bigbox .formdata .box .line .order_input{
        width: calc(50% - 20px);
    }

    .container .inner .bigbox .formdata .box .line .country{
        margin-left: 50%;
        margin-top: 20px;
    }

    .container .inner .bigbox .formdata .box .line .country:nth-child(2){
        margin-left: unset;
        margin-top: 0px;
    }

    .container .inner .bigbox .formdata .box .shipping_box .line3,
    .container .inner .bigbox .formdata .box .payment_box .line3{
        width: calc(100% - 99px - 1px - 20px);
    }

    .container .inner .bigbox .formdata .box:last-child .line:last-child{
        margin-bottom: 0px;
    }

    .container .inner .bigbox .formdata .box .line .label.comment{
        height: auto;
    }

    .container .inner .bigbox .formdata .box .textarea{
        width: calc(100% - 57px - 20px);
        margin-top: 10px;
    }

    .container .inner .bigbox .price_panel{
        margin-top: 20px;
    }

    .container .inner .bigbox .formdata .error_box .line{
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .container .inner .bigbox .price_panel.mobile{
        display: block;
        margin-top: 20px;
        margin-bottom: 0px;
    }

    .container .inner .bigbox .price_panel .sticky .cart_price{
        margin-top: 20px;
    }

    .container .inner .bigbox .recapitulation{
        width: 100%;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .container .inner .bigbox .recapitulation .info{
        flex-direction: column;
    }

    .container .inner .bigbox .recapitulation .info .panel{
        width: calc(100% - 40px);
        border-right: none;
        border-bottom: 1px solid #cad2d9;
    }

    .container .inner .bigbox .recapitulation .info .panel:last-child{
        border-bottom: none;
    }

    .container .inner .bigbox .recapitulation .products{
        margin-top: 20px;
    }

    .container .inner .bigbox .recapitulation .products .product .name{
        width: calc(100% - 110px - 5px - 20px);
        margin-left: 115px;
        margin-right: 20px;
    }

    .container .inner .bigbox .recapitulation .products .product .availability{
        display: none;
    }

    .container .inner .bigbox .recapitulation .products .product .additional{
        width: calc(100% - 110px - 5px - 20px);
        margin-right: 20px;
    }

    .container .inner .bigbox .recapitulation .products .product .additional .price,
    .container .inner .bigbox .recapitulation .products .product .additional .price2{
        flex-grow: 1;
    }

    .container .inner .bigbox .recapitulation .products .product .shipping{
        margin-left: 115px;
    }

    .container .inner .bigbox .recapitulation .products .product .shipping_price{
        margin-right: 20px;
    }

    .container .inner .bigbox .recapitulation .products .product .shipping_note{
        width: calc(90% - 115px - 20px);
        margin-left: 115px;
    }

    .container .inner .bigbox .recapitulation .products .product .total_text{
        margin-left: 115px;
    }

    .container .inner .bigbox .recapitulation .products .product .total_price{
        margin-right: 20px;
    }

    .container .inner .bigbox .recapitulation .payment_status{
        display: none;
    }

    .container .inner .bigbox .mobile_payment_status{
        display: block;
        margin-top: 20px;
    }

    .container .inner .bigbox .mobile_payment_status .payment_status{
        margin-bottom: 0px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .container .inner .bigbox .mobile_payment_status .payment_status .inner{
        width: auto;
        align-items: center;
        padding-left: 20px;
        padding-right: 20px;
    }

    .container .inner .bigbox .mobile_payment_status .payment_status .icon{
        width: 28px;
        height: 28px;
        margin-right: 20px;
    }

    .container .inner .bigbox .mobile_payment_status .payment_status .inner .icon svg{
        width: 20px;
        height: 20px;
    }

    .container .inner .bigbox .price_panel.desktop{
        display: none;
    }

    @media (min-width: 650px) and (max-width: 699px){

        .container .inner .terms{
            width: calc(100% - 100px);
            margin-left: 50px;
            margin-right: 50px;
            margin-top: 20px;
            margin-bottom: 20px;
        }

    }

    .container .inner .terms{
        width: 100%;
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .container .inner .terms .head{
        margin-top: 20px;
    }

    .container .inner .terms .main_list .main_item{
        margin-top: 15px;
    }

    .container .inner .bigbox .formdata .error_box{
        margin-bottom: 20px;
    }

    .footer1 .inner .head{
        display: flex;
        align-items: center;
    }

    .footer1 .inner .head .logo{
        height: 60px;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .footer1 .inner .head .social{
        margin-left: auto;
        margin-right: 0px;
    }

    .footer1 .inner .head .social .icon{
        height: auto;
    }

    .footer1 .inner .head .social .icon svg{
        top: unset;
        transform: unset;
    }

    .footer1 .inner .panel{
        width: 50%;
    }

    .footer1 .inner .panel:last-child{
        margin-left: 0px;
    }

    .footer1 .inner .panel .text{
        margin-top: 30px;
    }

    .footer1 .inner .panel .menu{
        width: calc(100% - 50px);
        margin-top: 30px;
        margin-bottom: 0px;
    }

    .footer1 .inner .panel .menu:last-child{
        margin-top: 10px;
        margin-bottom: 30px;
    }

    .footer1 .inner .panel .contact{
        margin-bottom: 30px;
    }

    .footer1 .inner .panel .contact .box.box:last-child{
        margin-left: 0px;
        margin-top: 20px;
    }

    @media (min-width: 580px) and (max-width: 640px){

        .footer1 .inner .panel{
            width: 100%;
        }

        .footer1 .inner .panel .contact .box.box:last-child{
            margin-left: 30px;
            margin-top: 0px;
        }

        .footer1 .inner .panel .menu{
            width: calc((100% - 50px) / 2);
            margin-left: 0px;
            margin-bottom: 30px;
            margin-top: 0px;
        }

        .footer1 .inner .panel .menu:last-child{
            margin-left: 50px;
            margin-top: 0px;
        }

    }

    .footer2{
        height: auto;
    }

    .footer2 .inner{
        display: flex;
        flex-direction: column-reverse;
    }

    .footer2 .inner .box{
        top: unset;
        transform: unset;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .footer2 .inner .online_pay{
        top: unset;
        transform: unset;
        height: 36px;
        border-bottom: 1px solid #3e4850;
        padding-bottom: 20px;
        margin-top: 20px;
    }

}


/*------------------------------------------------------------------------------------------------------------*/
@media (min-width: 460px) and (max-width: 579px){

    .header0{
        height: auto;
    }

    .header0 .inner{
        display: flex;
        align-items: center;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .header0 .inner .left{
        max-width: 55%;
        margin-left: 0px;
        margin-right: auto;
        flex-grow: 1;
    }

    .header0 .inner .left .text{
        display: none;
    }

    .header0 .inner .left .text:first-child{
        display: block;
    }

    .header0 .inner .left .divider{
        display: none;
    }

    .header0 .inner .right{
        display: flex;
        flex-direction: column;
    }

    .header0 .inner .right .item{
        margin-left: 0px;
    }

    .header0 .inner .right .item:nth-child(2){
        margin-top: 5px;
    }

    .header0 .inner .right .item .icon svg{
        width: 18px;
        height: 18px;
    }

    .header0 .inner .right .item .text{
        font-size: 12.5px;
        margin-left: 5px;
    }

    .header1{
        height: 80px;
        overflow: hidden;
    }

    .header1 .inner .logo svg{
        height: calc(100% - 30px);
    }

    .header1 .inner .panel .mobile_search{
        display: block;
        padding-left: 15px;
        padding-right: 15px;
    }
    
    .header1 .inner .panel .mobile_search svg{
        width: 26px;
        height: 26px;
    }

    .header1 .inner .panel .cart{
        position: relative;
        float: left;
        padding-left: 15px;
        padding-right: 15px;
    }

    .header1 .inner .panel .cart .icon svg{
        width: 26px;
        height: 26px;
    }

    .header1 .inner .panel .mobile_menu_icon{
        width: 30px;
        display: block;
        margin-left: 20px;
    }

    .header1 .inner .panel .mobile_menu_icon .item:nth-child(2){
        width: 20px;
    }

    .header1 .inner .panel .mobile_menu_icon.open .item:nth-child(1),
    .header1 .inner .panel .mobile_menu_icon.open .item:nth-child(3){
        width: 20px;
    }

    .header1 .inner .mobile_menu{
        width: calc(60% - 40px);
        display: block;
        padding: 20px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .header1 .inner .panel .searching{
        display: none;
    }

    .header2{
        width: 100%;
        height: auto;
        float: left;
        background: #313940;
        border-bottom: 1px solid #3e4850;
    }

    .header2 .inner{
        height: inherit;
        float: left;
    }

    .header2 .inner .searching{
        width: 100%;
        display: block;
        top: unset;
        transform: unset;
        left: unset;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .container .inner .menu{
        display: none;
    }

    .container .inner .mainpage{
        width: 100%;
        margin-left: 0px;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .container .inner .mainpage .products .product{
        width: calc((100% - 3px) / 2);
    }

    .container .inner .mainpage .products .product:nth-child(-n+3){
        border-top: none;
    }

    .container .inner .mainpage .products .product:nth-child(-n+2){
        border-top: 1px solid #e4e8ec;
    }

    .container .inner .mainpage .products .product:nth-child(3n){
        border-right: none;
    }

    .container .inner .mainpage .products .product:nth-child(2n){
        border-right: 1px solid #e4e8ec;
    }

    .container .inner .mainpage .products .product:last-child{
        border-right: 1px solid #e4e8ec;
    }

    .container .inner .mainpage .products .product .headline .text{
        font-size: calc(16px / 1.1);
    }

    .container .inner .mainpage .products .product .pricebox{
        height: auto;
        flex-direction: column;
        align-items: unset;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .container .inner .mainpage .products .product .pricebox .price{
        font-size: calc(18px / 1.1);
    }

    .container .inner .mainpage .products .product .pricebox .buttonbox{
        margin-left: 0px;
        margin-right: auto;
        margin-top: 10px;
    }

    .container .inner .productpage{
        margin-bottom: 20px;
    }

    .container .inner .productpage .mainphoto{
        width: 100%;
        padding-top: 100%;
        margin-top: 20px;
    }

    .container .inner .productpage .panel{
        width: 100%;
        margin-left: 0px;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .container .inner .productpage .panel .name{
        width: 100%;
        font-size: calc(30px / 1.1);
    }

    .container .inner .productpage .panel .description{
        width: 100%;
        font-size: calc(16px / 1.1);
    }

    .container .inner .productpage .panel .box{
        width: 100%;
    }

    .container .inner .productpage .panel .box .availability{
        margin-top: 20px;
    }

    .container .inner .productpage .panel .pricebox{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
    }

    .container .inner .productpage .panel .pricebox .price{
        top: unset;
        transform: unset;
    }

    .container .inner .productpage .panel .pricebox .price .price1{
        font-family: calc(26px / 1.1);
    }

    .container .inner .productpage .panel .pricebox .price .price2{
        font-family: calc(16px / 1.1);
    }

    .container .inner .productpage .panel .pricebox .shopnow{
        top: unset;
        transform: unset;
        margin-top: 15px;
    }

    .container .inner .productpage .panel .pricebox .shopnow .product_amount{
        height: 36px;
    }

    .container .inner .productpage .panel .pricebox .shopnow .product_amount .decrease,
    .container .inner .productpage .panel .pricebox .shopnow .product_amount .increase{
        width: 30px;
    }
    
    .container .inner .productpage .panel .pricebox .shopnow .product_amount .input{
        width: 40px;
        line-height: 36px;
    }

    .container .inner .productpage .panel .pricebox .shopnow .button{
        height: calc(36px - 5px - 5px);
    }

    .container .inner .productpage .panel .box input[type=radio] + .variant_name .item{
        font-size: calc(13px / 1.1);
    }

    .container .inner .productpage .gallery{
        margin-top: 20px;
    }

    .container .inner .productpage .gallery .image{
        width: calc((100% - 80px) / 5);
        padding-top: calc((100% - 80px) / 5);
    }

    .container .inner .productpage .gallery .image:nth-child(-n+10){
        margin-top: 20px;
    }

    .container .inner .productpage .gallery .image:nth-child(-n+5){
        margin-top: 0px;
    }

    .container .inner .productpage .gallery .image:nth-child(10n){
        margin-right: 20px;
    }

    .container .inner .productpage .gallery .image:nth-child(5n){
        margin-right: 0px;
    }

    .container2{
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .container2 .inner .left{
        width: 100%;
    }

    .container2 .inner .left .description{
        font-size: calc(16px / 1.1);
        margin-top: 10px;
    }

    .container2 .inner .left .description h3{
        margin-top: 20px;
    }

    .container2 .inner .left .description ul{
        margin-top: 10px;
    }

    .container2 .inner .left .description p{
        margin-top: 10px;
    }

    .container2 .inner .right{
        width: 100%;
        margin-left: 0px;
        margin-top: 20px;
    }

    .container .inner .mainpage .category{
        margin-bottom: 20px;
    }

    .container .inner .mainpage .category .description{
        width: 100%;
    }

    .container .inner .mainpage .category .sub{
        margin-top: 20px;
    }

    .container .inner .mainpage .category .sub .item{
        width: calc((100% - 20px - 4px) / 2);
        margin-top: 20px;
        margin-right: 20px;
    }

    .container .inner .mainpage .category .sub .item:nth-child(-n+4){
        margin-top: 20px;
    }

    .container .inner .mainpage .category .sub .item:nth-child(-n+2){
        margin-top: 0px;
    }

    .container .inner .mainpage .category .sub .item:nth-child(4n){
        margin-right: 20px;
    }

    .container .inner .mainpage .category .sub .item:nth-child(2n){
        margin-right: 0px;
    }

    .container .inner .mainpage .category .selectbutton{
        margin-top: 20px;
    }

    .container .inner .faq{
        width: 100%;
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 20px;
    }

    .container .inner .faq:first-child{
        margin-top: 20px;
    }

    .container .inner .faq:last-child{
        margin-bottom: 20px;
    }

    .container .inner .faq .header{
        width: calc(100% - 40px);
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .container .inner .faq .header .question{
        font-size: calc(18px / 1.1);
    }

    .container .inner .faq .answer{
        width: calc(100% - 20px - 20px - 10px - 26px);
        font-size: calc(16px / 1.1);
        margin-left: calc(20px + 26px + 10px);
    }

    .container .inner .panel{
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .container .inner .panel .box{
        width: 100%;
    }

    .container .inner .panel .box:nth-child(2){
        margin-left: 0px;
        margin-top: 20px;
    }

    .container .inner .panel .box .head{
        font-size: calc(25px / 1.1);
    }

    .container .inner .panel .box .item_head{
        width: calc(100% - 20px);
        margin-top: 15px;
    }

    .container .inner .panel .box .item_head,
    .container .inner .panel .box .half .item_head,
    .container .inner .panel .box .third .item_head{
        margin-left: 20px;
        font-size: calc(14px / 1.1);
    }

    .container .inner .panel .box .item_content,
    .container .inner .panel .box .half .item_content,
    .container .inner .panel .box .third .item_content{
        font-size: calc(16px / 1.1);
        margin-left: 20px;
    }

    .container .inner .panel .box .half{
        margin-top: 15px;
    }

    .container .inner .panel .box .third{
        margin-top: 15px;
    }

    .container .inner .panel .box .item_content:last-child{
        margin-top: 15px;
    }

    .container .inner .mainpage .articles{
        display: block;
        flex-wrap: unset;
    }

    .container .inner .mainpage .articles .article{
        width: 100%;
        margin-right: 0px;
        margin-top: 20px;
    }

    .container .inner .mainpage .articles .article:nth-child(-n+2){
        margin-top: 20px;
    }

    .container .inner .mainpage .articles .article:first-child{
        margin-top: 0px;
    }

    @media (min-width: 551px) and (max-width: 579px){

        .container .inner .mainpage .articles{
            display: flex;
            flex-wrap: wrap;
        }

        .container .inner .mainpage .articles .article{
            width: calc(((100% - 20px) / 2) - 2px);
            margin-right: 20px;
            margin-top: 20px;
        }

        .container .inner .mainpage .articles .article:nth-child(-n+2){
            margin-top: 0px;
        }

        .container .inner .mainpage .articles .article .image .headerbox .header.main{
            font-size: calc(22px / 1.1);
        }

        .container .inner .mainpage .articles .article .image .headerbox .header{
            font-size: calc(16px / 1.1);
        }

    }

    .container .inner .artcontent{
        width: 100%;
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .container .inner .artcontent .head .image .headerbox{
        left: 20px;
        bottom: 20px;
    }

    .container .inner .artcontent .head .image .headerbox .header.main{
        font-size: calc(30px / 1.1);
    }

    .container .inner .artcontent .head .image .headerbox .header{
        font-size: calc(23px / 1.1);
    }

    .container .inner .artcontent .head .image .headerbox .header.top10{
        margin-top: 5px;
    }

    .container .inner .artcontent .hash .hashtag{
        margin-right: 15px;
    }

    .container .inner .artcontent .hash .hashtag, .container .inner .artcontent .hash a.hashtag{
        margin-right: 15px;
        margin-bottom: 5px;
    }

    .container .inner .artcontent .content{
        width: 100%;
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 20px;
        font-size: calc(16px / 1.1);
    }

    .container .inner .artcontent .content p{
        width: 100%;
        margin-left: 0px;
        margin-right: 0px;
        margin-bottom: 15px;
    }

    .container .inner .artcontent .content h3{
        width: 100%;
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 10px;
    }

    .container .inner .artcontent .content ul{
        width: calc(100% - 40px);
        margin-left: 0px;
        margin-right: 0px;
    }

    .container .inner .artcontent .gallery{
        margin-top: 10px;
    }

    .container .inner .artcontent .gallery .image.div2{
        width: calc((100% - 20px) / 2);
        padding-top: calc((calc((100% - 20px) / 2) * 3) / 4);
        margin-right: 20px;
    }

    .container .inner .artcontent .gallery .image.div3{
        width: calc((100% - 40px) / 3);
        padding-top: calc((calc((100% - 40px) / 3) * 3) / 4);
        margin-right: 20px;
    }

    .container .inner .artcontent .gallery .image.div4{
        width: calc((100% - 60px) / 4);
        padding-top: calc((calc((100% - 60px) / 4) * 3) / 4);
        margin-right: 20px;
    }

    .container .inner .terms{
        width: 100%;
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .container .inner .terms .main_list .main_item{
        margin-top: 15px;
    }

    .container .inner .terms .head{
        margin-top: 20px;
    }

    .container .inner .bigbox{
        flex-direction: column;
    }

    .container .inner .bigbox .cartpage{
        width: 100%;
        margin-top: 20px;
        margin-bottom: 0px;
    }

    .container .inner .bigbox .cartpage .product .image{
        display: none;
    }

    .container .inner .bigbox .cartpage .product .name{
        width: calc(100% - 40px);
        margin-left: 20px;
        margin-right: 20px;
    }

    .container .inner .bigbox .cartpage .product .availability{
        height: auto;
        margin-left: 20px;
        margin-bottom: 0px;
    }

    .container .inner .bigbox .cartpage .product .availability .box{
        top: unset;
        transform: unset;
    }

    .container .inner .bigbox .cartpage .product .additional{
        width: calc(100% - 40px);
        margin-left: 20px;
        margin-right: 20px;
    }

    .container .inner .bigbox .cartpage .product .additional .product_amount .decrease,
    .container .inner .bigbox .cartpage .product .additional .product_amount .increase{
        width: 30px;
    }

    .container .inner .bigbox .cartpage .product .additional .product_amount .amount{
        width: 40px;
    }

    .container .inner .bigbox .cartpage .product .additional .price,
    .container .inner .bigbox .cartpage .product .additional .price2{
        margin-left: 20px;
        flex-direction: 1;
    }

    .container .inner .bigbox .price_panel{
        width: 100%;
        margin-left: 0px;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    @media (min-width: 520px) and (max-width: 579px){

        .container .inner .bigbox .price_panel .sticky .cart_price .carrier_excluded .box{
            display: flex;
            align-items: center;
            flex-direction: row;
        }

        .container .inner .bigbox .price_panel .sticky .cart_price .carrier_excluded .box .icon{
            left: unset;
            transform: unset;
        }

        .container .inner .bigbox .price_panel .sticky .cart_price .carrier_excluded .box .text{
            width: calc(100% - 30px);
            text-align: left;
            left: unset;
            transform: unset;
            margin-left: 10px;
            margin-top:0px;
        }

    }

    .container .inner .bigbox .price_panel .sticky .back_shop{
        margin-top: 20px;
    }

    .container .inner .bigbox .price_panel .sticky .next_step{
        margin-top: 20px;
    }

    .container .inner .bigbox .formdata{
        width: 100%;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .container .inner .bigbox .formdata .box .line .label{
        height: auto;
    }

    .container .inner .bigbox .formdata .box .line .order_input{
        width: calc(100% - 57px - 20px);
        margin-left: 57px;
        margin-top: 10px;
    }

    .container .inner .bigbox .formdata .box .line .country{
        margin-left: 57px;
        clear: left;
        margin-top: 20px;
    }

    .container .inner .bigbox .formdata .box .line .country:nth-child(2){
        margin-top: 10px;
    }

    .container .inner .bigbox .formdata .error_box{
        margin-bottom: 20px;
    }

    .container .inner .bigbox .formdata .box .shipping_box .line3,
    .container .inner .bigbox .formdata .box .payment_box .line3{
        width: calc(100% - 99px - 1px - 20px);
        margin-left: 56px;
        padding-left: calc(99px - 1px - 56px);
        border-bottom: 1px solid #e8e9eb;
    }

    .container .inner .bigbox .formdata .box .shipping_box .line3:last-child,
    .container .inner .bigbox .formdata .box .payment_box .line3:last-child{
        border-bottom: none;
    }

    .container .inner .bigbox .formdata .box .shipping_box .line3 .radio_checkmark,
    .container .inner .bigbox .formdata .box .payment_box .line3 .radio_checkmark{
        left: 0px;
    }

    .container .inner .bigbox .formdata .box .textarea{
        width: calc(100% - 57px - 20px);
        margin-top: 10px;
    }

    .container .inner .bigbox .formdata .box:last-child .line:last-child{
        margin-bottom: 0px;
    }

    .container .inner .bigbox .price_panel{
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .container .inner .bigbox .price_panel.mobile{
        display: block;
        margin-bottom: 0px;
    }

    .container .inner .bigbox .price_panel .sticky .cart_price{
        margin-top: 20px;
    }

    .container .inner .bigbox .recapitulation{
        width: 100%;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .container .inner .bigbox .recapitulation .info{
        flex-direction: column;
    }

    .container .inner .bigbox .recapitulation .info .panel{
        width: calc(100% - 40px);
        border-right: none;
        border-bottom: 1px solid #cad2d9;
    }

    .container .inner .bigbox .recapitulation .info .panel:last-child{
        border-bottom: none;
    }

    .container .inner .bigbox .recapitulation .products{
        margin-top: 20px;
    }

    .container .inner .bigbox .recapitulation .products .product .image{
        display: none;
    }

    .container .inner .bigbox .recapitulation .products .product .name{
        width: calc(100% - 40px);
        margin-left: 20px;
        margin-right: 20px;
    }

    .container .inner .bigbox .recapitulation .products .product .availability{
        display: none;
    }

    .container .inner .bigbox .recapitulation .products .product .additional{
        width: calc(100% - 40px);
        margin-left: 20px;
        margin-right: 20px;
    }

    .container .inner .bigbox .recapitulation .products .product .additional .price,
    .container .inner .bigbox .recapitulation .products .product .additional .price2{
        flex-grow: 1;
    }

    .container .inner .bigbox .recapitulation .products .product .shipping{
        margin-left: 20px;
    }

    .container .inner .bigbox .recapitulation .products .product .shipping_price{
        margin-right: 20px;
    }

    .container .inner .bigbox .recapitulation .products .product .shipping_note{
        width: calc(75% - 20px);
        margin-left: 20px;
    }

    .container .inner .bigbox .recapitulation .products .product .total_text{
        margin-left: 20px;
    }

    .container .inner .bigbox .recapitulation .products .product .total_price{
        margin-right: 20px;
    }

    .container .inner .bigbox .recapitulation .payment_status{
        display: none;
    }

    .container .inner .bigbox .mobile_payment_status{
        display: block;
        margin-top: 20px;
    }

    .container .inner .bigbox .mobile_payment_status .payment_status{
        margin-bottom: 0px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .container .inner .bigbox .mobile_payment_status .payment_status .inner{
        width: auto;
        align-items: center;
        padding-left: 15px;
        padding-right: 15px;
    }

    .container .inner .bigbox .mobile_payment_status .payment_status .icon{
        width: 26px;
        height: 26px;
        margin-right: 15px;
    }

    .container .inner .bigbox .mobile_payment_status .payment_status .inner .icon svg{
        width: 18px;
        height: 18px;
    }

    .container .inner .bigbox .mobile_payment_status .payment_status .inner .text{
        font-size: calc(18px / 1.1);
    }

    .container .inner .bigbox .price_panel.desktop{
        display: none;
    }

    .footer1 .inner .head{
        display: flex;
        align-items: center;
    }

    .footer1 .inner .head .logo{
        height: 60px;
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .footer1 .inner .head .social{
        margin-left: auto;
        margin-right: 0px;
    }

    .footer1 .inner .head .social .icon{
        height: auto;
    }

    .footer1 .inner .head .social .icon svg{
        top: unset;
        transform: unset;
    }

    .footer1 .inner .panel{
        width: 100%;
    }

    .footer1 .inner .panel:last-child{
        margin-left: 0px;
    }

    .footer1 .inner .panel .text{
        margin-top: 20px;
    }

    .footer1 .inner .panel .contact{
        margin-bottom: 30px;
    }

    .footer1 .inner .panel .contact .box{
        clear: left;
    }

    .footer1 .inner .panel .contact .box:last-child{
        margin-left: 0px;
        margin-top: 20px;
    }

    .footer1 .inner .panel .menu{
        width: calc(100% - 20px);
        margin-left: 20px;
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .footer1 .inner .panel .menu:nth-child(2){
        margin-left: 20px;
        margin-top: 10px;
        margin-bottom: 30px;
    }

    .footer2{
        height: auto;
    }

    .footer2 .inner{
        display: flex;
        flex-direction: column-reverse;
    }

    .footer2 .inner .online_pay{
        height: 36px;
        top: unset;
        transform: unset;
        border-bottom: 1px solid #3e4850;
        padding-bottom: 20px;
        margin-top: 20px;
    }

    .footer2 .inner .box{
        top: unset;
        transform: unset;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    
}


/*------------------------------------------------------------------------------------------------------------*/
@media (min-width: 390px) and (max-width: 459px){

    .header1 .inner .panel .searching{
        display: none;
    }

    .header0 .inner .left .text{
        display: none;
    }

    .header0 .inner .left .text:first-child{
        display: block;
    }

    .header0 .inner .left .divider{
        display: none;
    }

    .header0 .inner .right{
        display: none;
    }

    .header1{
        height: 70px;
        overflow: hidden;
    }

    .header1 .inner .logo svg{
        height: calc(100% - 20px);
    }

    .header1 .inner .panel .mobile_search{
        display: block;
        padding-left: 15px;
        padding-right: 15px;
    }

    .header1 .inner .panel .mobile_search svg{
        width: 24px;
        height: 24px;
    }

    .header1 .inner .panel .cart{
        float: left;
        padding-left: 15px;
        padding-right: 15px;
    }

    .header1 .inner .panel .cart .icon svg{
        width: 24px;
        height: 24px;
    }

    .header1 .inner .panel .cart .price{
        font-size: calc(16px / 1.1);
        margin-left: 10px;
        display: none;
    }

    .header1 .inner .panel .mobile_menu_icon{
        width: 30px;
        display: block;
        margin-left: 20px;
    }

    .header1 .inner .panel .mobile_menu_icon .item:nth-child(2){
        width: 20px;
    }

    .header1 .inner .panel .mobile_menu_icon.open .item:nth-child(1),
    .header1 .inner .panel .mobile_menu_icon.open .item:nth-child(3){
        width: 20px;
    }

    .header1 .inner .mobile_menu{
        width: calc(70% - 40px);
        display: block;
        top:calc(70px + 1px);
        padding-left: 20px;
        padding-right: 20px;
    }

    .header1 .inner .mobile_menu .menu_block .head,
    .header1 .inner .mobile_menu .menu_block .cookie_button{
        font-size: calc(14px / 1.1);
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .header1 .inner .mobile_menu .menu_block .sub{
        padding-bottom: 10px;
    }

    .header1 .inner .mobile_menu .menu_block.contact{
        display: block;
    }

    .header2{
        width: 100%;
        float: left;
        background: #313940;
        border-bottom: 1px solid #3e4850;
    }

    .header2 .inner{
        height: inherit;
        float: left;
    }

    .header2 .inner .searching{
        width: 100%;
        display: block;
        top: unset;
        transform: unset;
        left: unset;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .header2 .inner .searching .input{
        height: 40px;
    }

    .header2 .inner .searching .input .search_input{
        height: 40px;
        line-height: 40px;
    }

    .container .inner .menu{
        display: none;
    }

    .container .inner .mainpage{
        width: 100%;
        margin-left: 0px;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .container .inner .mainpage .products .product{
        width: calc(100% - 2px);
        border-right: 1px solid #e4e8ec;
    }

    .container .inner .mainpage .products .product:nth-child(-n+3){
        border-top: none;
    }

    .container .inner .mainpage .products .product:nth-child(-n+1){
        border-top: 1px solid #e4e8ec;
    }

    .container .inner .mainpage .products .product:nth-child(3n){
        border-right: none;
    }

    .container .inner .mainpage .products .product:nth-child(1n){
        border-right: 1px solid #e4e8ec;
    }

    .container .inner .mainpage .products .product:last-child{
        border-right: 1px solid #e4e8ec;
    }

    .container .inner .mainpage .category{
        margin-bottom: 20px;
    }

    .container .inner .mainpage .category .description{
        width: 100%;
    }

    .container .inner .mainpage .category .sub{
        margin-top: 20px;
    }

    .container .inner .mainpage .category .sub .item{
        width: calc((100% - 20px - 4px) / 2);
        margin-right: 20px;
        margin-top: 20px;
    }

    .container .inner .mainpage .category .sub .item:nth-child(-n+4){
        margin-top: 20px;
    }

    .container .inner .mainpage .category .sub .item:nth-child(-n+2){
        margin-top: 0px;
    }

    .container .inner .mainpage .category .sub .item:nth-child(4n){
        margin-right: 20px;
    }

    .container .inner .mainpage .category .sub .item:nth-child(2n){
        margin-right: 0px;
    }

    .container .inner .mainpage .category .selectbutton{
        margin-top: 20px;
        padding-bottom: 0px;
    }

    .container .inner .mainpage .category .selectbutton .button{
        margin-left: 0px;
        margin-right: 20px;
        margin-bottom: 20px;
    }

    .container .inner .mainpage .category .selectbutton .button:last-child{
        margin-right: 0px;
    }

    .container .inner .productpage{
        margin-bottom: 20px;
    }

    .container .inner .productpage .mainphoto{
        width: 100%;
        padding-top: 100%;
        margin-top: 20px;
    }

    .container .inner .productpage .panel{
        width: 100%;
        margin-left: 0px;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .container .inner .productpage .panel .name{
        width: 100%;
        font-size: calc(30px / 1.1);
    }

    .container .inner .productpage .panel .description{
        width: 100%;
        font-size: calc(16px / 1.1);
    }

    .container .inner .productpage .panel .box{
        width: 100%;
    }

    .container .inner .productpage .panel .box .availability{
        margin-top: 20px;
    }

    .container .inner .productpage .panel .box input[type=radio] + .variant_name .item{
        font-size: calc(13px / 1.1);
    }

    .container .inner .productpage .panel .box .label{
        margin-top: 10px;
        margin-right: 10px;
    }

    .container .inner .productpage .panel .pricebox{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
    }

    .container .inner .productpage .panel .pricebox .price{
        top: unset;
        transform: unset;
    }

    .container .inner .productpage .panel .pricebox .shopnow{
        top: unset;
        transform: unset;
        margin-top: 15px;
    }

    .container .inner .productpage .panel .pricebox .shopnow .product_amount{
        height: 36px;
    }

    .container .inner .productpage .panel .pricebox .shopnow .product_amount .decrease,
    .container .inner .productpage .panel .pricebox .shopnow .product_amount .increase{
        width: 30px;
    }

    .container .inner .productpage .panel .pricebox .shopnow .product_amount .input{
        width: 40px;
        line-height: 36px;
    }

    .container .inner .productpage .panel .pricebox .shopnow .button{
        height: calc(36px - 5px - 5px);
    }

    .container .inner .productpage .gallery{
        margin-top: 20px;
    }

    .container .inner .productpage .gallery .image{
        width: calc((100% - 60px) / 4);
        padding-top: calc((100% - 60px) / 4);
    }

    .container .inner .productpage .gallery .image:nth-child(-n+10){
        margin-top: 20px;
    }

    .container .inner .productpage .gallery .image:nth-child(-n+4){
        margin-top: 0px;
    }

    .container .inner .productpage .gallery .image:nth-child(10n){
        margin-right: 20px;
    }

    .container .inner .productpage .gallery .image:nth-child(4n){
        margin-right: 0px;
    }

    .container2{
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .container2 .inner .left{
        width: 100%;  
    }

    .container2 .inner .left .description{
        font-size: calc(16px / 1.1);
        margin-top: 10px;
    }

    .container2 .inner .left .description h3{
        margin-top: 20px;
    }

    .container2 .inner .left .description ul{
        margin-top: 10px;
    }

    .container2 .inner .left .description p{
        margin-top: 10px;
    }

    .container2 .inner .right{
        width: 100%;
        margin-left: 0px;
        margin-top: 20px;
    }

    .container .inner .faq{
        width: 100%;
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 20px;
    }

    .container .inner .faq:first-child{
        margin-top: 20px;
    }

    .container .inner .faq:last-child{
        margin-bottom: 20px;
    }

    .container .inner .faq .header{
        width: calc(100% - 40px);
        padding: 20px;
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .container .inner .faq .header .question{
        font-size: calc(18px / 1.1);
    }

    .container .inner .faq .answer{
        width: calc(100% - 20px - 20px - 10px - 26px);
        font-size: calc(16px / 1.1);
        margin-left: calc(20px + 26px + 10px);
    }

    .container .inner .panel{
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .container .inner .panel .box{
        width: 100%;
    }

    .container .inner .panel .box:nth-child(2){
        margin-left: 0px;
        margin-top: 20px;
    }

    .container .inner .panel .box .head{
        font-size: calc(25px / 1.1);
    }

    .container .inner .panel .box .item_head{
        width: calc(100% - 20px);
        margin-top: 15px;
    }

    .container .inner .panel .box .item_head,
    .container .inner .panel .box .half .item_head,
    .container .inner .panel .box .third .item_head{
        margin-left: 20px;
        font-size: calc(14px / 1.1);
    }

    .container .inner .panel .box .item_content,
    .container .inner .panel .box .half .item_content,
    .container .inner .panel .box .third .item_content{
        font-size: calc(16px / 1.1);
        margin-left: 20px;
    }

    .container .inner .panel .box .half{
        width: 100%;
        margin-top: 15px;
    }

    .container .inner .panel .box .third{
        width: 100%;
        margin-top: 15px;
    }

    .container .inner .panel .box .item_content:last-child{
        margin-top: 15px;
    }

    .container .inner .bigbox{
        flex-direction: column;
    }

    .container .inner .bigbox .cartpage{
        width: 100%;
        margin-top: 20px;
        margin-bottom: 0px;
    }

    .container .inner .bigbox .cartpage .product .image{
        display: none;
    }

    .container .inner .bigbox .cartpage .product .name{
        width: calc(100% - 40px);
        margin-left: 20px;
        margin-right: 20px;
    }

    .container .inner .bigbox .cartpage .product .availability{
        height: auto;
        margin-left: 20px;
        margin-bottom: 0px;
    }

    .container .inner .bigbox .cartpage .product .availability .box{
        top: unset;
        transform: unset;
    }

    .container .inner .bigbox .cartpage .product .additional{
        width: calc(100% - 40px);
        margin-left: 20px;
        margin-right: 20px;
        flex-wrap: wrap;
    }

    .container .inner .bigbox .cartpage .product .additional .product_amount .decrease,
    .container .inner .bigbox .cartpage .product .additional .product_amount .increase{
        width: 30px;
    }

    .container .inner .bigbox .cartpage .product .additional .product_amount .amount{
        width: 40px;
    }

    .container .inner .bigbox .cartpage .product .additional .price{
        margin-right: 44px;
        margin-left: auto;
    }

    .container .inner .bigbox .cartpage .product .additional .price2{
        flex-basis: 50%;
        margin-left: auto;
        margin-right: 0px;
    }

    .container .inner .bigbox .cartpage .product .additional .deletebox{
        margin-left: 20px;
    }

    .container .inner .bigbox .price_panel{
        width: 100%;
        margin-left: 0px;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .container .inner .bigbox .price_panel .sticky .back_shop{
        margin-top: 20px;
    }

    .container .inner .bigbox .price_panel .sticky .next_step{
        margin-top: 20px;
    }

    .container .inner .bigbox .formdata{
        width: 100%;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .container .inner .bigbox .formdata .box .line .label{
        height: auto;
    }

    .container .inner .bigbox .formdata .box .line .order_input{
        width: calc(100% - 57px - 20px);
        margin-left: 57px;
        margin-top: 10px;
    }

    .container .inner .bigbox .formdata .box .line .country{
        margin-left: 57px;
        margin-top: 20px;
        clear: left;
    }

    .container .inner .bigbox .formdata .box .line .country:nth-child(2){
        margin-top: 10px;
    }

    .container .inner .bigbox .formdata .box .shipping_box .line3,
    .container .inner .bigbox .formdata .box .payment_box .line3{
        width: calc(100% - 99px - 1px - 20px);
        margin-left: 56px;
        padding-left: calc(99px - 1px - 56px);
        border-bottom: 1px solid #e8e9eb;
    }

    .container .inner .bigbox .formdata .box .shipping_box .line3:last-child,
    .container .inner .bigbox .formdata .box .payment_box .line3:last-child{
        border-bottom: none;
    }

    .container .inner .bigbox .formdata .box .shipping_box .line3 .radio_checkmark,
    .container .inner .bigbox .formdata .box .payment_box .line3 .radio_checkmark{
        left: 0px;
    }

    .container .inner .bigbox .formdata .box .shipping_box .line3 .shipping_price,
    .container .inner .bigbox .formdata .box .payment_box .line3 .shipping_price{
        clear: left;
        margin-top: 10px;
        float: left;
    }

    .container .inner .bigbox .formdata .box .shipping_box .line3 .additional_text .hidden_text,
    .container .inner .bigbox .formdata .box .payment_box .line3 .additional_text .hidden_text{
        right: 0px;
        transform: unset;
        left: unset;
    }

    .container .inner .bigbox .formdata .box .shipping_box .line3 .additional_text .hidden_text::after,
    .container .inner .bigbox .formdata .box .payment_box .line3 .additional_text .hidden_text::after{
        left: unset;
        right: 7px;
        transform: rotate(45deg);
    }

    .container .inner .bigbox .formdata .box .textarea{
        width: calc(100% - 57px - 20px);
        margin-top: 10px;
    }

    .container .inner .bigbox .formdata .box:last-child .line:last-child{
        margin-bottom: 0px;
    }

    .container .inner .bigbox .formdata .error_box{
        margin-bottom: 20px;
    }

    @media (min-width: 390px) and (max-width: 420px){
        
        .container .inner .bigbox .formdata .error_box .line{
            width: calc(100% - 40px);
            display: flex;
            padding-top: 10px;
            padding-bottom: 10px;
            flex-direction: column;
        }

        .container .inner .bigbox .formdata .error_box .line .icon{
            margin-right: 0px;
        }

        .container .inner .bigbox .formdata .error_box .line .text{
            margin-top: 10px;
        }

    }


    .container .inner .bigbox .price_panel.mobile{
        display: block;
        margin-bottom: 0px;
    }

    .container .inner .bigbox .price_panel .sticky .cart_price .qrpayment{
        position: relative;
        right: unset;
        bottom: unset;
        float: left;
        margin-left: 20px;
        margin-bottom: 20px;
    }

    .container .inner .bigbox .price_panel .sticky .cart_price .item.last{
        margin-bottom: 0px;
    }

    .container .inner .bigbox .price_panel .sticky .cart_price .item:last-child{
        margin-bottom: 20px;
    }

    .container .inner .bigbox .price_panel .sticky .cart_price{
        margin-top: 20px;
    }

    .container .inner .bigbox .recapitulation{
        width: 100%;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .container .inner .bigbox .recapitulation .info{
        flex-direction: column;
    }

    .container .inner .bigbox .recapitulation .info .panel{
        width: calc(100% - 40px);
        border-right: none;
        border-bottom: 1px solid #cad2d9;
    }

    .container .inner .bigbox .recapitulation .info .panel:last-child{
        border-bottom: none;
    }

    .container .inner .bigbox .recapitulation .products{
        margin-top: 20px;
    }

    .container .inner .bigbox .recapitulation .products .product .image{
        display: none;
    }

    .container .inner .bigbox .recapitulation .products .product .name{
        width: calc(100% - 40px);
        margin-left: 20px;
        margin-right: 20px;
    }

    .container .inner .bigbox .recapitulation .products .product .availability{
        display: none;
    }

    .container .inner .bigbox .recapitulation .products .product .additional{
        width: calc(100% - 40px);
        margin-left: 20px;
        margin-right: 20px;
        flex-wrap: wrap;
    }

    .container .inner .bigbox .recapitulation .products .product .additional .price,
    .container .inner .bigbox .recapitulation .products .product .additional .price2{
        margin-left: 20px;
        flex-grow: 1;
        flex-basis: 50%;
        float: right;
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .container .inner .bigbox .recapitulation .products .product .additional .price2{
        margin-top: 5px;
    }

    .container .inner .bigbox .recapitulation .products .product .shipping{
        margin-left: 20px;
    }

    .container .inner .bigbox .recapitulation .products .product .shipping_price{
        margin-right: 20px;
    }

    .container .inner .bigbox .recapitulation .products .product .shipping_note{
        width: calc(100% - 40px);
        margin-left: 20px;
        margin-right: 20px;
    }

    .container .inner .bigbox .recapitulation .products .product .total_text{
        margin-left: 20px;
    }

    .container .inner .bigbox .recapitulation .products .product .total_price{
        margin-right: 20px;
    }

    .container .inner .bigbox .recapitulation .payment_status{
        display: none;
    }

    .container .inner .bigbox .mobile_payment_status{
        display: block;
        margin-top: 20px;
    }

    .container .inner .bigbox .mobile_payment_status .payment_status{
        margin-bottom: 0px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .container .inner .bigbox .mobile_payment_status .payment_status .inner{
        width: auto;
        align-items: center;
        padding-left: 15px;
        padding-right: 15px;
    }

    .container .inner .bigbox .mobile_payment_status .payment_status .icon{
        width: 26px;
        height: 26px;
        margin-right: 15px;
    }

    .container .inner .bigbox .mobile_payment_status .payment_status .inner .icon svg{
        width: 18px;
        height: 18px;
    }

    .container .inner .bigbox .mobile_payment_status .payment_status .inner .text{
        font-size: calc(18px / 1.1);
    }

    .container .inner .bigbox .price_panel.desktop{
        display: none;
    }

    .container .inner .mainpage .articles .article{
        width: 100%;
        margin-right: 0px;
        margin-top: 20px;
    }

    .container .inner .mainpage .articles .article:nth-child(-n+2){
        margin-top: 20px;
    }

    .container .inner .mainpage .articles .article:first-child{
        margin-top: 0px;
    }

    .container .inner .artcontent{
        width: 100%;
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .container .inner .artcontent .head .image .headerbox{
        left: 20px;
        bottom: 20px;
    }

    .container .inner .artcontent .head .image .headerbox .header.main{
        font-size: calc(30px / 1.1);
    }

    .container .inner .artcontent .head .image .headerbox .header{
        font-size: calc(23px / 1.1);
    }

    .container .inner .artcontent .head .image .headerbox .header.top10{
        margin-top: 5px;
    }

    .container .inner .artcontent .hash .hashtag, .container .inner .artcontent .hash a.hashtag{
        margin-right: 15px;
        margin-bottom: 5px;
    }

    .container .inner .artcontent .content{
        width: 100%;
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 20px;
        font-size: calc(16px / 1.1);
    }

    .container .inner .artcontent .content p{
        width: 100%;
        margin-left: 0px;
        margin-right: 0px;
        margin-bottom: 15px;
    }

    .container .inner .artcontent .content h3{
        width: 100%;
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 10px;
    }

    .container .inner .artcontent .content ul{
        width: calc(100% - 40px);
        margin-left: 0px;
        margin-right: 0px;
    }

    .container .inner .artcontent .gallery{
        margin-top: 10px;
    }

    .container .inner .artcontent .gallery .image.div2{
        width: calc((100% - 20px) / 2);
        padding-top: calc((calc((100% - 20px) / 2) * 3) / 4);
        margin-right: 20px;
    }

    .container .inner .artcontent .gallery .image.div3{
        width: calc((100% - 40px) / 3);
        padding-top: calc((calc((100% - 40px) / 3) * 3) / 4);
        margin-right: 20px;
    }

    .container .inner .artcontent .gallery .image.div4{
        width: calc((100% - 60px) / 4);
        padding-top: calc((calc((100% - 60px) / 4) * 3) / 4);
        margin-right: 20px;
    }

    .container .inner .terms{
        width: 100%;
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .container .inner .terms .main_list .main_item{
        margin-top: 15px;
    }

    .container .inner .terms .head{
        margin-top: 20px;
    }

    .container .inner .bigbox .formdata .error_box .line .text{
        text-align: center;
    }

    .footer1 .inner .head{
        display: flex;
        align-items: center;
    }

    .footer1 .inner .head .logo{
        height: 60px;
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .footer1 .inner .head .social{
        margin-left: auto;
        margin-right: 0px;
    }

    .footer1 .inner .head .social .icon{
        height: auto;
    }

    .footer1 .inner .head .social .icon svg{
        top: unset;
        transform: unset;
    }

    .footer1 .inner .panel{
        width: 100%;
    }
    
    .footer1 .inner .panel:last-child{
        margin-left: 0px;
    }

    .footer1 .inner .panel .text{
        margin-top: 20px;
    }

    .footer1 .inner .panel .contact{
        margin-top: 30px;
        margin-bottom: 0px;
    }

    .footer1 .inner .panel .contact .box:last-child{
        margin-left: 0px;
        margin-top: 10px;
    }

    .footer1 .inner .panel .menu{
        width: calc(100% - 20px);
        margin-left: 20px;
        margin-top: 30px;
        margin-bottom: 0px;
    }

    .footer1 .inner .panel .menu:nth-child(2){
        margin-top: 10px;
        margin-bottom: 30px;
    }

    .footer2{
        height: auto;
    }

    .footer2 .inner{
        display: flex;
        flex-direction: column-reverse;
    }

    .footer2 .inner .online_pay{
        width: 100%;
        height: 36px;
        top: unset;
        transform: unset;
        display: flex;
        margin-top: 20px;
        padding-bottom: 20px;
        border-bottom: 1px solid #3e4850;
    }

    .footer2 .inner .online_pay svg{
        flex-grow: 1;
    }

    .footer2 .inner .box{
        top: unset;
        transform: unset;
        margin-top: 20px;
        margin-bottom: 20px;
    }

}


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

    .header0{
        height: auto;
    }

    .header0 .inner{
        display: flex;
        align-items: center;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .header0 .inner .left{
        flex-grow: 1;
    }

    .header0 .inner .left .text{
        display: none;
    }

    .header0 .inner .left .text:first-child{
        display: block;
    }

    .header0 .inner .left .divider{
        display: none;
    }

    .header0 .inner .right{
        display: none;
    }

    .header1{
        height: 70px;
        overflow: hidden;
    }

    .header1 .inner .logo svg{
        height: calc(100% - 20px);
    }

    @media (min-width: 320px) and (max-width: 340px){
        
        .header1 .inner .logo svg{
            height: calc(100% - 25px);
        }

    }

    .header1 .inner .panel .searching{
        display: none;
    }

    .header1 .inner .panel .mobile_search{
        display: block;
        padding-left: 10px;
        padding-right: 10px;
    }

    .header1 .inner .panel .mobile_search svg{
        width: 24px;
        height: 24px;
    }

    .header1 .inner .panel .cart{
        float: left;
        padding-left: 10px;
        padding-right: 10px;
    }

    .header1 .inner .panel .cart .icon svg{
        width: 24px;
        height: 24px;
    }

    .header1 .inner .panel .cart .price{
        display: none;
    }

    .header1 .inner .panel .mobile_menu_icon{
        width: 30px;
        display: block;
        margin-left: 20px;
    }

    .header1 .inner .panel .mobile_menu_icon .item:nth-child(2){
        width: 20px;
    }

    .header1 .inner .panel .mobile_menu_icon.open .item:nth-child(1),
    .header1 .inner .panel .mobile_menu_icon.open .item:nth-child(3){
        width: 20px;
    }

    .header1 .inner .mobile_menu{
        width: calc(80% - 40px);
        display: block;
        top: calc(70px + 1px);
        padding-left: 20px;
        padding-right: 20px;
    }

    .header1 .inner .mobile_menu .menu_block .head,
    .header1 .inner .mobile_menu .menu_block .cookie_button{
        font-size: calc(14px / 1.1);
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .header1 .inner .mobile_menu .menu_block .sub{
        padding-bottom: 10px;
    }

    .header1 .inner .mobile_menu .menu_block.contact{
        display: block;
    }

    .header2{
        width: 100%;
        float: left;
        background: #313940;
        border-bottom: 1px solid #3e4850;
    }

    .header2 .inner{
        height: inherit;
        float: left;
    }

    .header2 .inner .searching{
        width: 100%;
        display: block;
        top: unset;
        transform: unset;
        left: unset;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .header2 .inner .searching .input{
        height: 40px;
    }

    .header2 .inner .searching .input .search_input{
        width: calc(100% - 70px);
        height: 40px;
        line-height: 40px;
    }

    .header2 .inner .searching .input .search_button{
        width: 70px;
    }

    .header3 .inner .menu .navigation{
        font-size: calc(13px / 1.1);
    }

    .container .inner .menu{
        display: none;
    }

    .container .inner .mainpage{
        width: 100%;
        margin-left: 0px;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .container .inner .mainpage .products .product{
        width: 100%;
        border-right: 1px solid #e4e8ec;
    }

    .container .inner .mainpage .products .product:nth-child(-n+3){
        border-top: none;
    }

    .container .inner .mainpage .products .product:first-child{
        border-top: 1px solid #e4e8ec;
    }

    .container .inner .mainpage .products .product .headline .text{
        font-size: calc(16px / 1.1);
    }

    .container .inner .mainpage .products .product .pricebox .price{
        font-size: calc(18px / 1.1);
    }

    .container .inner .productpage{
        margin-bottom: 20px;
    }

    .container .inner .productpage .mainphoto{
        width: 100%;
        padding-top: 100%;
        margin-left: 0px;
        margin-top: 20px;
    }

    .container .inner .productpage .panel{
        width: 100%;
        margin-left: 0px;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .container .inner .productpage .panel .name{
        width: 100%;
        font-size: calc(30px / 1.1);
    }

    .container .inner .productpage .panel .description{
        width: 100%;
        font-size: calc(16px / 1.1);
    }

    .container .inner .productpage .panel .box{
        width: 100%;
    }

    .container .inner .productpage .panel .box .availability{
        margin-top: 20px;
    }

    .container .inner .productpage .panel .pricebox{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
    }

    .container .inner .productpage .panel .pricebox .price{
        top: unset;
        transform: unset;
    }

    .container .inner .productpage .panel .pricebox .price .price1{
        font-size: calc(26px / 1.1);
    }

    .container .inner .productpage .panel .pricebox .price .price2{
        font-size: calc(16px / 1.1);
    }

    .container .inner .productpage .panel .pricebox .shopnow{
        top: unset;
        transform: unset;
        margin-top: 15px;
    }

    .container .inner .productpage .panel .pricebox .shopnow .product_amount{
        height: 36px;
    }

    .container .inner .productpage .panel .pricebox .shopnow .product_amount .decrease,
    .container .inner .productpage .panel .pricebox .shopnow .product_amount .increase{
        width: 30px;
    }

    .container .inner .productpage .panel .pricebox .shopnow .product_amount .input{
        width: 40px;
        line-height: 36px;
    }

    .container .inner .productpage .panel .pricebox .shopnow .button{
        height: calc(36px - 5px - 5px);
    }

    .container .inner .productpage .panel .box .label{
        margin-top: 10px;
        margin-right: 10px;
    }

    .container .inner .productpage .panel .box input[type=radio] + .variant_name .item{
        font-size: calc(13px / 1.1);
    }

    .container .inner .productpage .gallery{
        margin-top: 20px;
    }

    .container .inner .productpage .gallery .image{
        width: calc((100% - 60px) / 4);
        padding-top: calc((100% - 60px) / 4);
    }

    .container .inner .productpage .gallery .image:nth-child(-n+10){
        margin-top: 20px;
    }

    .container .inner .productpage .gallery .image:nth-child(-n+4){
        margin-top: 0px;
    }

    .container .inner .productpage .gallery .image:nth-child(10n){
        margin-right: 20px;
    }

    .container .inner .productpage .gallery .image:nth-child(4n){
        margin-right: 0px;
    }

    .container2{
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .container2 .inner .left{
        width: 100%;
    }

    .container2 .inner .left .description{
        font-size: calc(16px / 1.1);
        margin-top: 10px;
    }

    .container2 .inner .left .description h3{
        margin-top: 20px;
    }

    .container2 .inner .left .description p{
        margin-top: 10px;
    }

    .container2 .inner .left .description ul{
        margin-top: 10px;
    }

    .container2 .inner .right{
        width: 100%;
        margin-left: 0px;
        margin-top: 20px;
    }

    .container .inner .mainpage .category .main{
        font-size: calc(25px / 1.1);
    }

    .container .inner .mainpage .category .description{
        width: 100%;
    }

    .container .inner .mainpage .category .sub{
        margin-top: 20px;
    }

    .container .inner .mainpage .category .sub .item{
        width: calc((100% - 20px - 4px) / 2);
        margin-right: 20px;
        margin-top: 20px;
    }

    .container .inner .mainpage .category .sub .item:nth-child(-n+4){
        margin-top: 20px;
    }

    .container .inner .mainpage .category .sub .item:nth-child(-n+2){
        margin-top: 0px;
    }

    .container .inner .mainpage .category .sub .item:nth-child(4n){
        margin-right: 20px;
    }

    .container .inner .mainpage .category .sub .item:nth-child(2n){
        margin-right: 0px;
    }

    @media (min-width: 320px) and (max-width: 355px){

        .container .inner .mainpage .category .sub .item .image{
            width: 40px;
            height: 40px;
        }

        .container .inner .mainpage .category .sub .item .name{
            width: calc(100% - 45px - 10px - 10px);
            margin-left: 10px;
            margin-right: 10px;
        }

    }

    .container .inner .mainpage .category .selectbutton{
        margin-top: 20px;
        padding-bottom: 5px;
    }

    .container .inner .mainpage .category .selectbutton .button{
        margin-left: 0px;
        margin-right: 15px;
        margin-bottom: 15px;
    }

    .container .inner .mainpage .category .selectbutton .button .overlay{
        padding: 10px;
        padding-top: 6px;
        padding-bottom: 6px;
    }

    .container .inner .bigbox{
        flex-direction: column;
    }

    .container .inner .bigbox .cartpage{
        width: 100%;
        margin-top: 20px;
        margin-bottom: 0px;
    }

    .container .inner .bigbox .cartpage .product .image{
        display: none;
    }

    .container .inner .bigbox .cartpage .product .name{
        width: calc(100% - 40px);
        margin-left: 20px;
        margin-right: 20px;
    }

    .container .inner .bigbox .cartpage .product .availability{
        height: auto;
        margin-bottom: 0px;
        margin-left: 20px;
    }

    .container .inner .bigbox .cartpage .product .availability .box{
        top: unset;
        transform: unset;
    }

    .container .inner .bigbox .cartpage .product .additional{
        width: calc(100% - 40px);
        margin-left: 20px;
        margin-right: 20px;
        flex-wrap: wrap;
    }

    .container .inner .bigbox .cartpage .product .additional .product_amount .decrease,
    .container .inner .bigbox .cartpage .product .additional .product_amount .increase{
        width: 30px;
    }

    .container .inner .bigbox .cartpage .product .additional .product_amount .amount{
        width: 40px;
    }

    .container .inner .bigbox .cartpage .product .additional .price,
    .container .inner .bigbox .cartpage .product .additional .price2{
        width: auto;
        margin-top: 0px;
        margin-bottom: 0px;
        margin-left: 20px;
        flex-grow: 1;
        float: right;
    }

    .container .inner .bigbox .cartpage .product .additional .price2{
        width: 100%;
    }

    .container .inner .bigbox .cartpage .product .additional .deletebox{
        margin-right: 0px;
        margin-left: auto;
        margin-bottom: 0px;
        margin-top: 5px;
    }

    .container .inner .bigbox .price_panel{
        width: 100%;
        margin-left: 0px;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .container .inner .bigbox .price_panel .sticky .cart_price .top_line{
        flex-direction: column;
        align-items: unset;
    }

    .container .inner .bigbox .price_panel .sticky .cart_price .top_line .text{
        padding-bottom: 10px;
    }

    .container .inner .bigbox .price_panel .sticky .cart_price .top_line .price{
        margin-left: 0px;
        margin-right: auto;
        padding-top: 0px;
    }

    .container .inner .bigbox .price_panel .sticky .back_shop{
        width: calc(100% - 2px);
        margin-top: 20px;
        justify-content:center;
        display: flex;
    }

    .container .inner .bigbox .price_panel .sticky .next_step{
        width: calc(100% - 2px);
        margin-top: 20px;
        justify-content: center;
        display: flex;
    }

    .container .inner .bigbox .formdata{
        width: 100%;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .container .inner .bigbox .formdata .box .line{
        margin-top: 20px;
    }

    .container .inner .bigbox .formdata .box .line .label{
        width: calc(100% - 30px - 20px);
        height: auto;
        margin-left: 30px;
    }

    .container .inner .bigbox .formdata .box .line .order_input{
        width: calc(100% - 30px - 20px);
        margin-left: 30px;
        margin-right: 20px;
        margin-top: 10px;
    }

    .container .inner .bigbox .formdata .box .line .country{
        margin-left: 30px;
        margin-top: 20px;
    }

    .container .inner .bigbox .formdata .box .line .country:nth-child(2){
        margin-top: 10px;
    }

    .container .inner .bigbox .formdata .box .line2{
        padding-left: 72px;
        margin-top: 20px;
    }

    .container .inner .bigbox .formdata .box .line2 .checkmark{
        left: 30px;
    }

    .container .inner .bigbox .formdata .box .line2:last-child{
        margin-bottom: 20px;
    }

    .container .inner .bigbox .formdata .box .shipping_box,
    .container .inner .bigbox .formdata .box .payment_box{
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .container .inner .bigbox .formdata .box .shipping_box .line3,
    .container .inner .bigbox .formdata .box .payment_box .line3{
        width: calc(100% - 72px - 1px - 20px);
        padding-left: calc(72px - 1px - 30px);
        border-bottom: 1px solid #e8e9eb;
        margin-left: 30px;
    }

    .container .inner .bigbox .formdata .box .shipping_box .line3:last-child,
    .container .inner .bigbox .formdata .box .payment_box .line3:last-child{
        border-bottom: none;
    }
    
    .container .inner .bigbox .formdata .box .shipping_box .line3 .radio_checkmark,
    .container .inner .bigbox .formdata .box .payment_box .line3 .radio_checkmark{
        left: 0px;
    }

    .container .inner .bigbox .formdata .box .shipping_box .line3 .shipping_price,
    .container .inner .bigbox .formdata .box .payment_box .line3 .shipping_price{
        width: auto;
        clear: left;
        float: left;
        margin-top: 10px;
        height: auto;
        line-height: normal;
    }

    .container .inner .bigbox .formdata .box .shipping_box .line3 .icon_2,
    .container .inner .bigbox .formdata .box .payment_box .line3 .icon_2{
        max-width: calc(100% - 32px);
    }

    .container .inner .bigbox .formdata .box .shipping_box .line3 .icon_2 img,
    .container .inner .bigbox .formdata .box .payment_box .line3 .icon_2 img{
        max-width: 100%;
    }

    .container .inner .bigbox .formdata .box .shipping_box .line3 .additional_text .hidden_text,
    .container .inner .bigbox .formdata .box .payment_box .line3 .additional_text .hidden_text{
        right: -5px;
        left: unset;
        transform: unset;
    }

    .container .inner .bigbox .formdata .box .shipping_box .line3 .additional_text .hidden_text::after,
    .container .inner .bigbox .formdata .box .payment_box .line3 .additional_text .hidden_text::after{
        left: unset;
        right: 7px;
    }

    .container .inner .bigbox .formdata .box .textarea{
        width: calc(100% - 30px - 20px);
        margin-left: 30px;
        margin-top: 10px;
    }

    .container .inner .bigbox .formdata .box:last-child .line:last-child{
        margin-bottom: 0px;
    }

    .container .inner .bigbox .price_panel.mobile{
        display: block;
        margin-bottom: 0px;
    }

    .container .inner .bigbox .price_panel .sticky .status{
        flex-direction: column;
        align-items: unset;
    }

    .container .inner .bigbox .price_panel .sticky .status .text{
        padding-bottom: 10px;
    }

    .container .inner .bigbox .price_panel .sticky .status .right{
        margin-left: 20px;
        margin-right: auto;
        margin-bottom: 20px;
    }

    .container .inner .bigbox .price_panel .sticky .cart_price{
        margin-top: 20px;
    }

    .container .inner .bigbox .price_panel .sticky .cart_price .top_line{
        flex-direction: column;
    }

    .container .inner .bigbox .price_panel .sticky .cart_price .right{
        margin-left: 20px;
        margin-right: auto;
        margin-bottom: 20px;
    }

    .container .inner .bigbox .price_panel .sticky .cart_price .qrpayment{
        position: relative;
        right: unset;
        bottom: unset;
        float: left;
        margin-left: 20px;
        margin-bottom: 20px;
    }

    .container .inner .bigbox .price_panel .sticky .cart_price .item.last{
        margin-bottom: 0px;
    }

    .container .inner .bigbox .price_panel .sticky .cart_price .item:last-child{
        margin-bottom: 20px;
    }

    .container .inner .bigbox .recapitulation{
        width: 100%;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .container .inner .bigbox .recapitulation .info{
        flex-direction: column;
    }

    .container .inner .bigbox .recapitulation .info .panel{
        width: calc(100% - 40px);
        border-right: none;
        border-bottom: 1px solid #cad2d9;
    }

    .container .inner .bigbox .recapitulation .info .panel:last-child{
        border-bottom: none;
    }

    .container .inner .bigbox .recapitulation .products{
        margin-top: 20px;
    }

    .container .inner .bigbox .recapitulation .products .product .image{
        display: none;
    }

    .container .inner .bigbox .recapitulation .products .product .name{
        width: calc(100% - 40px);
        margin-left: 20px;
        margin-right: 20px;
    }

    .container .inner .bigbox .recapitulation .products .product .availability{
        display: none;
    }

    .container .inner .bigbox .recapitulation .products .product .additional{
        width: calc(100% - 40px);
        margin-left: 20px;
        margin-right: 20px;
        flex-wrap: wrap;
    }

    .container .inner .bigbox .recapitulation .products .product .additional .price,
    .container .inner .bigbox .recapitulation .products .product .additional .price2{
        margin-right: 0px;
        margin-left: auto;
        flex-grow: 1;
        flex-basis: 50%;
    }

    .container .inner .bigbox .recapitulation .products .product .additional .price2{
        margin-top: 5px;
    }

    .container .inner .bigbox .recapitulation .products .product .shipping{
        margin-left: 20px;
    }

    .container .inner .bigbox .recapitulation .products .product .shipping_price{
        margin-right: 20px;
    }

    .container .inner .bigbox .recapitulation .products .product .shipping_note{
        width: calc(100% - 40px);
        margin-left: 20px;
        margin-right: 20px;
    }

    .container .inner .bigbox .recapitulation .products .product .total_text{
        margin-left: 20px;
    }

    .container .inner .bigbox .recapitulation .products .product .total_price{
        margin-right: 20px;
    }

    .container .inner .bigbox .price_panel.desktop{
        display: none;
    }

    .container .inner .bigbox .price_panel .sticky .cart_price .right #form{
        height: auto;
    }

    .container .inner .bigbox .recapitulation .payment_status{
        display: none;
    }

    .container .inner .bigbox .mobile_payment_status{
        display: block;
        margin-top: 20px;
    }

    .container .inner .bigbox .mobile_payment_status .payment_status{
        margin-bottom: 0px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .container .inner .bigbox .mobile_payment_status .payment_status .inner{
        width: calc(100% - 30px);
        flex-direction: column;
        align-items: center;
        padding-left: 15px;
        padding-right: 15px;
    }

    .container .inner .bigbox .mobile_payment_status .payment_status .icon{
        width: 26px;
        height: 26px;
        margin-right: 0px;
    }

    .container .inner .bigbox .mobile_payment_status .payment_status .inner .icon svg{
        width: 18px;
        height: 18px;
    }

    .container .inner .bigbox .mobile_payment_status .payment_status .inner .text{
        margin-top: 10px;
        font-size: calc(18px / 1.1);
    }

    .container .inner .faq{
        width: 100%;
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 20px;
    }

    .container .inner .faq:first-child{
        margin-top: 20px;
    }

    .container .inner .faq:last-child{
        margin-bottom: 20px;
    }

    .container .inner .faq .header{
        width: calc(100% - 40px);
        padding: 20px;
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .container .inner .faq .header .question{
        font-size: calc(18px / 1.1);
    }

    .container .inner .faq .answer{
        width: calc(100% - 20px - 20px - 10px - 26px);
        font-size: calc(16px / 1.1);
        margin-left: calc(20px + 26px + 10px);
    }

    .container .inner .panel{
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .container .inner .panel .box{
        width: 100%;
    }

    .container .inner .panel .box:nth-child(2){
        margin-left: 0px;
        margin-top: 20px;
    }

    .container .inner .panel .box .head{
        font-size: calc(25px / 1.1);
    }

    .container .inner .panel .box .item_head{
        width: calc(100% - 20px);
        margin-top: 15px;
    }

    .container .inner .panel .box .item_head,
    .container .inner .panel .box .half .item_head,
    .container .inner .panel .box .third .item_head{
        margin-left: 20px;
        font-size: calc(14px / 1.1);
    }

    .container .inner .panel .box .item_content,
    .container .inner .panel .box .half .item_content,
    .container .inner .panel .box .third .item_content{
        font-size: calc(16px / 1.1);
        margin-left: 20px;
    }

    .container .inner .panel .box .half{
        width: 100%;
        margin-top: 15px;
    }

    .container .inner .panel .box .third{
        width: 100%;
        margin-top: 15px;
    }

    .container .inner .panel .box .item_content:last-child{
        margin-top: 15px;
    }

    .container .inner .mainpage .category{
        margin-bottom: 20px;
    }

    .container .inner .mainpage .articles .article{
        width: 100%;
        margin-right: 0px;
    }

     .container .inner .mainpage .articles .article:nth-child(-n+2){
        margin-top: 20px;
    }

    .container .inner .mainpage .articles .article:first-child{
        margin-top: 0px;
    }

    .container .inner .artcontent{
        width: 100%;
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .container .inner .artcontent .head .image .headerbox{
        left: 20px;
        bottom: 20px;
    }

    .container .inner .artcontent .head .image .headerbox .header.main{
        font-size: calc(30px / 1.1);
    }

    .container .inner .artcontent .head .image .headerbox .header{
        font-size: calc(23px / 1.1);
    }

    .container .inner .artcontent .head .image .headerbox .header.top10{
        margin-top: 5px;
    }

    .container .inner .artcontent .hash .hashtag, .container .inner .artcontent .hash a.hashtag{
        margin-right: 15px;
        margin-bottom: 5px;
        font-size: calc(16px / 1.1);
    }

    .container .inner .artcontent .content{
        width: 100%;
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 20px;
        font-size: calc(16px / 1.1);
    }

    .container .inner .artcontent .content p{
        width: 100%;
        margin-left: 0px;
        margin-right: 0px;
        margin-bottom: 15px;
    }

    .container .inner .artcontent .content h3{
        width: 100%;
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 10px;
    }

    .container .inner .artcontent .content ul{
        width: calc(100% - 40px);
        margin-left: 0px;
        margin-right: 0px;
    }

    .container .inner .artcontent .gallery{
        margin-top: 10px;
    }

    .container .inner .artcontent .gallery .image.div2{
        width: calc((100% - 20px) / 2);
        padding-top: calc((calc((100% - 20px) / 2) * 3) / 4);
        margin-right: 20px;
    }

    .container .inner .artcontent .gallery .image.div3{
        width: calc((100% - 40px) / 3);
        padding-top: calc((calc((100% - 40px) / 3) * 3) / 4);
        margin-right: 20px;
    }

    .container .inner .artcontent .gallery .image.div4{
        width: calc((100% - 60px) / 4);
        padding-top: calc((calc((100% - 60px) / 4) * 3) / 4);
        margin-right: 20px;
    }

    .container .inner .terms{
        width: 100%;
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .container .inner .terms .main_list .main_item{
        margin-top: 15px;
    }

    .container .inner .terms .head{
        margin-top: 20px;
    }

    .container .inner .bigbox .formdata .error_box{
        margin-bottom: 20px;
    }

    .container .inner .bigbox .formdata .error_box .line{
        width: calc(100% - 20px);
        flex-direction: column;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .container .inner .bigbox .formdata .error_box .line .icon{
        margin-right: 0px;
    }

    .container .inner .bigbox .formdata .error_box .line .text{
        margin-top: 10px;
        text-align: center;
    }

    .footer1 .inner .head{
        display: flex;
        align-items: center;
    }

    .footer1 .inner .head .logo{
        height: 55px;
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .footer1 .inner .head .social{
        margin-left: auto;
        margin-right: 0px;
    }

    .footer1 .inner .head .social .icon{
        height: auto;
        margin-right: 15px;
    }

    .footer1 .inner .head .social .icon svg{
        top: unset;
        transform: unset;
    }

    .footer1 .inner .panel{
        width: 100%;
    }

    .footer1 .inner .panel .text{
        margin-top: 20px;
    }

    .footer1 .inner .panel .contact{
        margin-top: 20px;
        margin-bottom: 0px;
    }

    .footer1 .inner .panel .contact .box:last-child{
        margin-left: 0px;
        margin-top: 10px;
    }

    .footer1 .inner .panel:last-child{
        margin-left: 0px;
        margin-top: 20px;
    }

    .footer1 .inner .panel .menu{
        width: calc(100% - 20px);
        margin-left: 20px;
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .footer1 .inner .panel .menu:nth-child(2){
        margin-top: 10px;
        margin-bottom: 20px;
    }

    .footer2{
        height: auto;
    }

    .footer2 .inner{
        display: flex;
        flex-direction: column-reverse;
    }

    .footer2 .inner .online_pay{
        width: 100%;
        height: 36px;
        top: unset;
        transform: unset;
        display: flex;
        margin-top: 15px;
        padding-bottom: 15px;
        border-bottom: 1px solid #3e4850;
    }

    .footer2 .inner .online_pay svg{
        flex-grow: 1;
        margin-right: 15px;
    }

    .footer2 .inner .box{
        top: unset;
        transform: unset;
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .footer2 .inner .box .item{
        margin-top: 5px;
    }

    .footer2 .inner .box .item .divider{
        display: none;
    }

    .footer2 .inner .box .item .shop{
        width: 100%;
        margin-top: 2px;
        clear: both;
    }

}

/*------------------------------------------------------------------------------------------------------------*/
@media (min-width: 1px) and (max-width: 319px){
    
}