@media screen and (min-width: 375px) and (max-width: 667px) and (orientation:portrait){

body{ 
    touch-action: manipulation;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
    
.change_orientation{
    display:none;}
    
.page_cont{
    width:100%;
    height:auto;
    float:left;
    overflow:hidden;
    position:relative}

 .header0{
    height:50px;}
    
 .header0 .inner{
    width:100%;
    height:inherit;
    float:left;
    position:relative;
    padding:0px;}

 .header0 .inner .social{
    left:114px;
 }

 .header0 .inner .left,
 .header0 .inner .right{
    display:none;}
    
 .header0 .inner .cart{
    width:auto;
    height:inherit;
    float:right;
    display:block;
    padding-left:15px;
    padding-right:15px;
    border-left:1px solid #E6D3A9}
    
 .header0 .inner .cart .icon{
    width:auto;
    height:auto;
    float:left;
    position:relative;
    top:50%;
    transform:translateY(-50%);}
    
 .header0 .inner .cart .icon svg{
    width:26px;
    fill:#5F4A1B}
    
 .header0 .inner .cart .price{
    width:auto;
    height:auto;
    float:left;
    font-family:robotoslabbold;
    font-size:16px;
    color:#333333;
    position:relative;
    top:50%;
    transform:translateY(-50%);
    margin-left:15px;}
    
 .header0 .inner .logo{
    width:auto;
    height:111px;
    left:0px;}
    
 .header0 .inner .logo img{
    width:auto;
    height:calc(100% - 30px);
    padding:15px;
    position:relative;
    top:unset;
    left:unset;
    transform:unset;}
    
 .header1{
    height:60px;}
    
 .header1 .inner{
    width:100%;
    padding:0px;}
    
 .header1 .inner .menu{
    display:none;}
    
 .header1 .inner .cart{
    display:none;}
 
 .header1 .inner .menu2{
    width:35px;
    height:auto;
    float:right;
    margin-right:20px;
    position:relative;
    top:50%;
    transform:translateY(-50%);}
    
 .header1 .inner .menu2 .item{
    width:100%;
    height:2px;
    float:left;
    background:#715820;
    margin-top:9px;
    transition:ease-out 150ms;
    -webkit-transition:ease-out 150ms;
    -moz-transition:ease-out 150ms;}
    
 .header1 .inner .menu2 .item:first-child{
    margin-top:0px;}
    
 .header1 .inner .menu2 .item:nth-child(2){
    margin-left:5px;
    width:25px;}
 .header1 .inner .menu2.open .item:nth-child(1),
 .header1 .inner .menu2.open .item:nth-child(3){
    width:25px;
    margin-left:5px}
    
.header1 .inner .menu2.open .item:nth-child(2){
    width:35px;
    margin-left:0px;}
    
.page_cont .header1 .inner .mobile_menu{
    width:calc(100% - 40px);
    height:auto;
    float:left;
    background:rgba(33,33,33,0.97);
    position:absolute;
    top:112px;
    right:calc((100% - 40px) * -1);
    z-index:10000;
    transition:ease-out 150ms;
    -webkit-transition:ease-out 150ms;
    -moz-transition:ease-out 150ms;
    overflow:hidden;
    /* backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);*/
    display:block}

.page_cont .header1 .inner .mobile_menu.open{
    right:0px;
}
    
.page_cont .header1 .inner .mobile_menu .block{
    width:calc(100% - 60px);
    height:auto;
    float:left;
    margin-left:30px;
    margin-right:30px; 
    margin-top:20px;
    padding-bottom:20px;
    border-bottom:1px dashed #474747}
    
.page_cont .header1 .inner .mobile_menu .block:first-child{
    margin-top:20px}
    
.page_cont .header1 .inner .mobile_menu .block:last-child{
    border-bottom:none;}
    
.page_cont .header1 .inner .mobile_menu .block .head{
    width:auto;
    height:auto;
    float:left;
    font-family:robotoslabbold;
    font-size:20px;
    color:#DFC27D;
    letter-spacing:0.5px;
    text-decoration:none;
    clear:both}
    
.page_cont .header1 .inner .mobile_menu .block .subhead{
    width:auto;
    height:auto;
    float:left;
    margin-left:20px;
    font-family:robotoslabmedium;
    font-size:16px;
    color:#DFC27D;
    letter-spacing:0.5px;
    text-decoration:none;
    margin-top:10px;
    clear:both}
 
.header3{
    height:35px;} 
   
.header3 .inner{
    width:calc(100% - 40px);
    height:35px;
    padding:0px;
    margin:0px;
    margin-left:20px;
    margin-right:20px;
    overflow:hidden;
    position:relative;}
    
.header3 .inner .menu{
    width:100%;
    height:35px;
    white-space:nowrap;
    overflow-x:scroll;
    margin-left:0px;
    display:flex;
    -webkit-overflow-scrolling: touch;}
    
.header3 .inner .menu .navigation{
    height:35px;
    line-height:35px;
    font-size:12px;
    display:inline-block;}
    
.header3 .inner .menu .icon{
    display:inline-block;}
    
.header3 .inner .menu .icon svg{
    width:18px;
    height:18px;}
    
.header3 .inner .menu .item{
    margin-left:20px;}
    
.header3 .inner .menu .item .text{
    height:33px;
    line-height:35px;
    font-size:12px;}
    
.header3 .inner .menu .item .line{
    height:2px}
    


    
.mainpageback{
    height:auto; 
    top:0px;
    margin:0px;
    padding:0px;} 

.mainpageback .overlay{
    height: auto;
    position: relative;
    z-index: 1000;
}    

.mainpageback .photo{
    height: 100%;
    position: absolute;
    z-index: 900;
}
    
.mainpageback .overlay .inner{
    width:100%;      
    padding:0px;
    margin-top:50px;}
    
.mainpageback .overlay .inner .text1{
    width:calc(100% - 40px);
    margin-left:20px;
    margin-right:20px;
    font-size:28px;
    line-height:42px}
    
.mainpageback .overlay .inner .text2{
    width:calc(100% - 40px);
    margin-left:20px;
    margin-right:20px;
    font-size:18px;
    line-height:27px}
    
.mainpageback .overlay .inner .box{
    width:calc(100% - 40px);
    height:auto;
    float:left;
    margin-left:20px;
    margin-right:20px;}
    
.mainpageback .overlay .inner .box .item{
    height:auto;
    font-size:16px;
    line-height:16px;
    padding-top:13px;
    padding-bottom:8px;
    padding-left:16px;
    padding-right:16px;
    margin-right:20px;
    margin-bottom:20px;}

.mainpageback .overlay .mouseicon{
    display:none}
    
    
    
.panel{
    height:auto;
    position:relative;}    
    
.panel .inner{
    width:100%;
    padding:0px;}
    
.panel .inner .part1{
    width:100%;
    margin-top:0px;
    margin-bottom:0px;}
    
.panel:nth-child(even) .inner .part1:last-child{
    display:none}
    
.panel:nth-child(even) .inner .part1:first-child{
    display:block}
    
.panel:nth-child(odd) .inner .part1:last-child{
    display:none}
    
.panel:nth-child(odd) .inner .part1:first-child{
    display:block}
    
.panel .inner .part1 .image{
    width:100%;
    height:auto;}
    
.panel .inner .part1 .image img{
    width:100%;
    height:auto;
    top:unset;
    left:unset;
    transform:unset;}
    
.panel .inner .part2{
    width:100%;
    top:unset;
    transform:unset;}
    
.panel .inner .part2 .headline{
    width:calc(100% - 40px);
    font-size:25px;
    line-height:37px;
    margin-left:20px;
    margin-right:20px;}
    
.panel .inner .part2 .text{
    width:calc(100% - 40px);
    margin-left:20px;
    margin-right:20px;
    margin-top:5px;
    font-size:16px;
    line-height:24px;}
    
.panel .inner .part2 .button{
    height:auto;
    font-size:16px;
    line-height:16px;
    padding-top:13px;
    padding-bottom:8px;
    padding-left:16px;
    padding-right:16px;
    margin-left:20px;
    margin-right:0px;
    margin-bottom:50px;}   
    
    
.container{
    height:auto;}
    
.container .inner{
    width:100%;
    padding:0px;}

.container .inner .empty_cart{
    width: calc(100% - 40px);
    padding-left: 20px;
    padding-right: 20px;
}
    
.container .inner .products{
    width:calc(100% - 40px);
    margin-left:20px;
    margin-right:20px;
    margin-bottom:20px;
    margin-top:20px}
    
.container.type1 .inner .products{
    margin-bottom:0px;
    margin-right:0px;}
    
.container .inner .products .product{
    width:100%;
    margin:0px;
    height:auto;
    margin-top:20px}
    
.container .inner .products .product:nth-child(-n+4){
    margin-top:20px;}
    
.container .inner .products .product:first-child{
    margin-top:0px;}
    
.container .inner .products .product .line .buttonbox .button{
    height:25px;
    line-height:16px;
    font-size:16px;
    padding-top:13px;
    padding-left:16px;
    padding-right:16px;}     
    
    
    
    
    
    
    
    
.container .inner .productpage .mainphoto{
    width:calc(100% - 40px);
    padding-top:calc(100% - 40px);
    margin-left:20px;
    margin-right:20px;
    margin-top:20px;}
    
.container .inner .productpage .panel{
    width:calc(100% - 40px);
    margin-left:20px;
    margin-right:20px;
    margin-top:30px;
    margin-bottom:30px;}
    
.container .inner .productpage .panel .name{
    font-size:25px;}
    
.container .inner .productpage .panel .description{
    width:100%;
    margin-top:10px;}
    
.container .inner .productpage .panel .box.variant{
    margin-top:0px;}
    
.container .inner .productpage .panel .box .label{
    margin-top:20px;
    margin-right:20px;}
    
.container .inner .productpage .panel .box .availability{
    margin-top:20px;}
    
.container .inner .productpage .panel .pricebox{
    width:100%;
    height:auto;
    margin-top:30px;}
    
.container .inner .productpage .panel .pricebox .price{
    width:100%;}
    
.container .inner .productpage .panel .pricebox .shopnow{
    top:unset;
    transform:unset;
    float:left;
    margin-top:15px;}
    
.container .inner .productpage .panel .pricebox .shopnow .input{
    -webkit-appearance:none;
    border-radius:0px;
    width:50px;}
    
.container .inner .productpage .panel .pricebox .shopnow .button{
    -webkit-appearance:none;
    height:36px;
    border-radius:0px;
    border:none;
    margin-left:0px;
    font-weight:normal;
    padding-top:4px;
    padding-left:16px;
    padding-right:16px;
    padding-bottom:0px;}
    
    
.container .inner .productpage .gallery{
    width:calc(100% - 40px);
    margin-left:20px;
    margin-right:20px;
    margin-top:0px;
    margin-bottom:0px;
    padding-bottom:30px;}
    
.container .inner .productpage .gallery .image{
    width:calc((100% - 40px) / 3);
    margin-right:20px;
    margin-top:20px}
    
.container .inner .productpage .gallery .image:hover{
    transform:unset;}
    
.container .inner .productpage .gallery .image:nth-child(-n+10){
    margin-top:20px}
    
.container .inner .productpage .gallery .image:nth-child(3n){
    margin-right:0px;}
    
.container .inner .productpage .gallery .image:nth-child(-n+3){
    margin-top:0px}
    
.container .inner .bigbox{
    display:block}
    
.container .inner .bigbox .cartpage{
    width:calc(100% - 40px);
    margin-top:30px;
    margin-bottom:0px;
    margin-left:20px;
    margin-right:20px;}
    
.container .inner .bigbox .cartpage .product{
    position:relative;}
    
.container .inner .bigbox .cartpage .product .image{
    display:none}
    
.container .inner .bigbox .cartpage .product .name{
    width:calc(100% - 40px);
    margin-left:20px;
    margin-right:20px;
    font-size:16px;}
    
.container .inner .bigbox .cartpage .product .availability{
    width:calc((100% - 40px) / 3);
    margin-left:20px}
    
.container .inner .bigbox .cartpage .product .amount{
    -webkit-appearance:none;
    border-radius:0px;
    margin-left:0px;}
    
.container .inner .bigbox .cartpage .product .price{
    width:auto;
    float:right;
    margin-right:20px;
    margin-left:0px;
    font-size:14px;}
    
.container .inner .bigbox .cartpage .product .price2{
    width:calc(100% - 40px);
    float:right;
    margin-left:20px;
    margin-right:20px;
    margin-top:0px;
    padding-top:15px;
    font-size:16px;
    border-top:1px solid #F2EAD5}
    
.container .inner .bigbox .cartpage .product .deletebox{
    position:absolute;
    right:unset;
    left:20px;
    top:unset;
    bottom:0px;
    float:left}
    
.container .inner .bigbox .price_panel{
    width:calc(100% - 40px);
    margin-left:20px;
    margin-right:20px;
    margin-top:20px;
    margin-bottom:30px}
    
.container .inner .bigbox .price_panel.mobile{
    margin-bottom:0px;
    margin-top:30px;
    display:block}
    
.container .inner .bigbox .price_panel.desktop{
    display:none;}
    
.container .inner .bigbox .price_panel .sticky .cart_price .text{
    font-size:18px;}
    
.container .inner .bigbox .price_panel .sticky .cart_price .right .button{
    padding:10px;
    padding-left:20px;
    padding-right:20px;} 
    
.container .inner .bigbox .price_panel .sticky .cart_price .price{
    font-size:18px;}
    
.container .inner .bigbox .price_panel .sticky .buttons{
    padding-top:20px;
    padding-bottom:20px;}
    
.container .inner .bigbox .price_panel .sticky .buttons .box{
    height:36px;}
    
.container .inner .bigbox .price_panel .sticky .buttons .box .overlay .text{
    line-height:14px;
    vertical-align:middle;
    height:23px;
    padding-top:13px;}
    
.container .inner .bigbox .price_panel .sticky .back_shop{
    margin-top:20px;
    height:36px;}
    
.container .inner .bigbox .price_panel .sticky .back_shop .text{
    margin-right:16px;
    height:24px;
    line-height:16px;
    padding-top:12px}
    
.container .inner .bigbox .price_panel .sticky .next_step{
    height:36px;
    margin-top:20px;}
    
.container .inner .bigbox .price_panel .sticky .next_step .text{
    margin-left:16px;
    height:24px;
    line-height:16px;
    padding-top:12px}
    
.container .inner .bigbox .formdata{
    width:calc(100% - 40px);
    margin-left:20px;
    margin-right:20px;
    margin-top:30px;
    margin-bottom:0px;}
    
.container .inner .bigbox .formdata .box .line{
    margin-top:20px;}
    
.container .inner .bigbox .formdata .box:first-child .line:last-child{
    margin-bottom:0px;}
    
.container .inner .bigbox .formdata .box:last-child .line:last-child{
    margin-bottom:0px}
    
.container .inner .bigbox .formdata .box .line .label{
    width:100%;
    height:30px;
    line-height:30px;
    margin-left:0px;}
    
.container .inner .bigbox .formdata .box .line .order_input{
    width:100%;
    border-radius:0px;}
    
.container .inner .bigbox .formdata .box .line .country{
    height:40px;
    margin-bottom:20px;
    margin-right:20px;}
    
.container .inner .bigbox .formdata .box .line .country:last-child{
    margin-bottom:30px;}
    
.container .inner .bigbox .formdata .box .line2 .checkmark{
    left:0px;}
    
.container .inner .bigbox .formdata .box .line2{
    padding-left:37px;
    margin-top:20px;}
    
.container .inner .bigbox .formdata .box .line2:last-child{
    margin-top:0px;
    margin-bottom:30px;}
    
.container .inner .bigbox .formdata .box .shipping_box,
.container .inner .bigbox .formdata .box .payment_box{
    width:calc(100% - 2px);}
    
.container .inner .bigbox .formdata .box .shipping_box .line3,
.container .inner .bigbox .formdata .box .payment_box .line3{
    width:calc(100% - 37px - 2px - 20px);
    padding-left:37px;
    margin-left:10px;
    margin-right:10px;}
    
.container .inner .bigbox .formdata .box .line2 input:checked ~ .checkmark:hover,
.container .inner .bigbox .formdata .box .line2 .checkmark:hover{
    background:#FFFFFF}
    
.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{
    padding-right:0px;}
    
.container .inner .bigbox .formdata .box .textarea{
    width:100%;
    border-radius:0px;
    margin-left:0px;}
    
.container .inner .bigbox .formdata .error_box{
    width:calc(100% - 2px)}
    
.container .inner .bigbox .formdata .error_box .line{
    width:100%;
    height:auto !important;
    padding:0px;}

.container .inner .bigbox .formdata .error_box .line .icon{
    top:unset;
    left:50%;
    transform:translateX(-50%);
    margin-top:10px;}
    
.container .inner .bigbox .formdata .error_box .line .text{
    width:calc(100% - 40px);
    margin-left:20px;
    margin-right:20px;
    text-align:center;
    margin-top:10px;
    margin-bottom:10px;}
    
.container .inner .bigbox .price_panel .sticky .cart_price .terms .label .checkmark:hover,
.container .inner .bigbox .price_panel .sticky .cart_price .terms .label input:checked ~ .checkmark:hover{
    background:#FFFFFF}
    
.container .inner .bigbox .recapitulation{
    width:calc(100% - 40px);
    margin-left:20px;
    margin-right:20px;
    margin-top:20px;
    margin-bottom:30px;}
    
.container .inner .bigbox .recapitulation .payment_status{
    margin-bottom:20px;}
    
.container .inner .bigbox .recapitulation .payment_status .inner .icon{
    width:26px;
    height:26px;}
    
.container .inner .bigbox .recapitulation .payment_status .inner .text{
    font-size:16px;}
    
.container .inner .bigbox .recapitulation .info{
    display:block;}
    
.container .inner .bigbox .recapitulation .info .panel{
    width:calc(100% - 40px);
    padding-top:15px;
    padding-bottom:15px;
    border-right:none;
    border-bottom:1px solid #E6D3A9}
    
.container .inner .bigbox .recapitulation .info .panel:last-child{
    border-bottom:none}    
    
.container .inner .bigbox .recapitulation .info .panel .head{
    font-size:18px;}
    
.container .inner .bigbox .recapitulation .info .panel .item{
    margin-top:10px;}
    
.container .inner .bigbox .recapitulation .products{
    margin-left:0px;
    margin-top:20px;}
    
.container .inner .bigbox .recapitulation .products .product{
    height:auto;}
    
.container .inner .bigbox .recapitulation .products .product .image{
    display:none}
    
.container .inner .bigbox .recapitulation .products .product .name{
    width:calc(100% - 40px);
    font-size:16px;
    margin-left:20px;
    margin-right:20px;}
    
.container .inner .bigbox .recapitulation .products .product .availability{
    width:calc((100% - 40px) / 3);
    margin-left:20px;
    display:none}
    
.container .inner .bigbox .recapitulation .products .product .amount{
    margin-left:20px;
    border-radius:0px;
    -webkit-appearance:none;}
    
.container .inner .bigbox .recapitulation .products .product .price{
    width:calc((100% - 50px - 20px - 60px) / 2);
    float:left;
    font-size:14px;
    margin-left:20px;}
    
.container .inner .bigbox .recapitulation .products .product .price2{
    width:calc((100% - 50px - 20px - 60px) / 2);
    margin-left:20px;
    margin-top:15px;}
    
.container .inner .bigbox .recapitulation .products .product .shipping{
    width:auto;
    margin-left:20px;}
    
.container .inner .bigbox .recapitulation .products .product .shipping_price{
    width:auto;
    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;
    font-size:18px;}
    
.container .inner .bigbox .recapitulation .products .product .total_price{
    margin-right:20px;
    font-size:18px}
    
.container .inner .bigbox .price_panel .sticky .status{
    height:54px;}    
    
.container .inner .bigbox .price_panel .sticky .status .text{
    font-size:18px;
    margin-right:0px;}
    
.container .inner .bigbox .price_panel .sticky .status .right .button{
    padding:10px;
    padding-left:20px;
    padding-right:20px;}     
    
.container .inner .bigbox .price_panel .sticky .cart_price{
    margin-top:20px;}
    

    
    
    
    
    
    
.container2{
    padding-top:30px;
    padding-bottom:30px;}
    
.container2 .inner{
    width:100%;
    padding:0px;}
    
.container2 .inner .left{
    width:calc(100% - 40px);
    margin-left:20px;
    margin-right:20px;}
    
.container2 .inner .left .description{
    margin-top:10px;}
    
.container2 .inner .right{
    width:calc(100% - 40px);
    margin-left:20px;
    margin-right:20px;
    margin-top:30px;}
    
.container2 .inner .right .item:nth-child(2){
    margin-top:10px;}
    
    
    
    
    
    
    
    
    
    
    
    
.container .inner .panel{
    margin-top:30px;
    margin-bottom:30px;}
    
.container .inner .panel .box{
    width:100%}
    
.container .inner .panel .box .head{
    width:calc(100% - 40px);
    margin-left:20px;
    margin-right:20px;
    font-size:25px}
    
.container .inner .panel .box .item_head, .container .inner .panel .box .half .item_head, .container .inner .panel .box .third .item_head{
    width:calc(100% - 40px);
    margin-left:20px;
    margin-right:20px;
    margin-top:10px;}
    
.container .inner .panel .box .item_head:nth-child(2),
.container .inner .panel .box .half .item_head:nth-child(2),
.container .inner .panel .box .third .item_head:nth-child(2){
    margin-top:10px;}
    
.container .inner .panel .box .item_content, .container .inner .panel .box .half .item_content, .container .inner .panel .box .third .item_content{
    width:calc(100% - 40px);
    margin-left:20px;
    margin-right:20px;}
    
.container .inner .panel .box .half{
    width:100%;
    margin-top:10px;}
    
.container .inner .panel .box:last-child{
    margin-left:0px;
    margin-top:30px;}
    
.container .inner .panel .box .third{
    width:100%;
    margin-top:10px;}
    
.container .inner .panel .box .item_content:last-child{
    margin-top:10px;}
    
.container .inner .faq{
    width:calc(100% - 40px);
    margin-left:20px;
    margin-right:20px;
    margin-top:30px;
    margin-bottom:30px;}

.container .inner .faq .answer{
    width:calc(100% - 20px);
    margin-left:20px;}
    
.container .inner .about{
    width:calc(100% - 40px);
    margin-left:20px;
    margin-right:20px;
    margin-top:30px;
    margin-bottom:30px;}
    
.container .inner .about .text{
    margin-top:20px}
    
.container .inner .about .text:nth-child(2){
    margin-top:10px;}

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

    
.container .inner .about .gallery .image{
    width:calc((100% - 20px) / 2);
    height:auto;
    padding-bottom:calc((100% - 20px) / 2);
    margin-right:20px;
    margin-top:20px;
    overflow:hidden;
    position:relative;}
    
.container .inner .about .gallery .image:nth-child(-n+3){
    margin-top:20px;
    margin-right:20px;}
    
.container .inner .about .gallery .image:nth-child(3n){
    margin-right:20px;}
    
.container .inner .about .gallery .image:nth-child(-n+2){
    margin-top:0px;}
    
.container .inner .about .gallery .image:nth-child(2n){
    margin-right:0px;}
    
.container .inner .about .gallery .image img{
    width:100%;
    height:100%;
    object-fit:cover;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);}
    
.container .inner .about .text .signature{
    width:200px;
    margin-top:20px;}
    
.container .inner .terms{
    width:calc(100% - 40px);
    margin-left:20px;
    margin-right:20px;
    margin-top:30px;
    margin-bottom:30px;}
    
.container .inner .terms .main_list{
    width:calc(100% - 30px);
    padding-inline-start:30px;
    margin-top:10px;}
    
.container .inner .terms .main_list .sub_list{
    width:calc(100% - 40px);
    padding-inline-start:30px;}
    
.container .inner .error404{
    width:calc(100% - 40px);
    margin-left:20px;
    margin-right:20px;}
    
.container .inner .image404{
    width:calc(100% - 40px);
    height:200px;
    margin-left:20px;
    margin-right:20px;
    margin-bottom:30px;}
    
    
    
    
    
    
    
    
    
.footer1 .inner{
    width:100%;
    padding:0px;}
    
.footer1 .inner .part1{
    width:100%;}  
    
.footer1 .inner .part2{
    width:100%;}  
    
.footer1 .inner .part1 .logo{
    width:120px;
    position:relative;
    left:50%;
    transform:translateX(-50%);
    margin-top:30px;
    margin-bottom:0px;}
    
.footer1 .inner .part1 .logo img{
    width:120px;}
    
.footer1 .inner .part1 .box{
    width:calc(100% - 40px);
    margin-left:20px;
    margin-right:20px;
    margin-top:20px;
    margin-bottom:0px;} 
    
.footer1 .inner .part1 .box .text1{
    text-align:center;}
    
.footer1 .inner .part1 .box .text2{
    text-align:center;
    font-size:18px;
    line-height:27px}
    
.footer1 .inner .part2{
    margin-top:30px;}
    
.footer1 .inner .part2 .menu{
    width:calc(100% - 40px);
    margin-left:20px;
    margin-right:20px;
    margin-top:10px;
    margin-bottom:0px;}
    
.footer1 .inner .part2 .menu:first-child{
    margin-top:0px;}
    
.footer1 .inner .part2 .menu:last-child{
    margin-bottom:50px;}
    
    
    
    
    
    
.footer2{
    height:auto;}    
    
.footer2 .inner{
    width:100%;
    padding:0px;}
    
.footer2 .inner .box{
    width:calc(100% - 40px);
    top:unset;
    transform:unset;
    margin-left:20px;
    margin-right:20px;
    margin-top:20px;
    margin-bottom:0px;} 
    
.footer2 .inner .box .item.pc{
    display:none;}
    
.footer2 .inner .box .item.phone{
    display:block}
    
.footer2 .inner .box .item{
    margin-top:5px;}     

.footer2 .inner .payments{
    width: calc(100% - 40px);
    height: auto;
    float:left;
    position: relative;
    top: unset;
    transform: unset;
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
} 

.footer2 .inner .payments img{
    width:auto;
    height: 25px;
    float: left;
}                 

}