@media screen and (max-width:1320px) {
.container{padding:5px 20px 20px;}
}
@media screen and (max-width:1250px) {
}
@media screen and (max-width:980px) {
.form-lft, .form-ryt {width: 100%;}
}

@media screen and (max-width:680px) {
.form-logo img{width: 40%;height: auto;}
.mixo-order-content{padding: 0 30px 30px;}
.mixo-order-title{font-size: 5.5vw;}
i.arrow-up, i.arrow-down{left: 20px;width: 20px;height: 13px;}
.mixo-order label{font-size: 4vw;}
label.mixo-upload-box{font-size: 4vw;padding: 25px 15px;}
.mixo-order input{font-size: 4vw;margin-bottom: 0;}
.mixo-order{margin-bottom: 0;}
.mixo-order select{font-size: 4vw;}
.form-ryt {padding-left: 0;text-align: center;}
.form-ryt h3{font-size: 5vw;margin: 15px 0 -10px;}
.mixo-final-preview{width: 320px;height: 320px;}
.mixo-side-preview {width: 170px;height: 170px;margin-left: 125px;}
.mixo-actions button{font-size: 5vw;padding: 15px 25px;}
button.mixo_edit_crop, button.mixo_apply_crop, button.mixo_remove_order{font-size: 4vw;padding: 10px 20px;}
.mixo-payment{padding: 20px;}
.top-payment{font-size: 5vw;line-height: 6.6vw;}
.top-payment strong{display: block;}
.price-box{font-size: 4.5vw;padding: 20px 0;width: 90%;}
.ttl-price{font-size: 13vw;line-height: 13vw;}
.upload-qr p{font-size: 4vw;margin: 20px 0;}
label.mixo-upload-btn{font-size: 4.5vw;margin-bottom: 10px;}
.mixo-upload-submit{font-size: 5vw;margin: 0 0 20px;}
.qr-cont{margin: 0 0 10px;}
.qr-cont span{width: calc(90% - 40px);margin-top: 20px;}
.ftr-cont{font-size: 4vw;}
.sm {padding-bottom: 10px;}
.sm svg{width: 20px;height: 20px;}
.ty-page{width: 100%;}
.logo-f{margin-top: 20px;}
.logo-f img{width: 45%;height: auto;}
.ty-msg{margin: 30px 0 10px;}
.ty-msg h2{font-size: 6.5vw;margin: 0 10px 25px;}
.ty-msg p{font-size: 5vw;line-height: 7vw;margin: 0 10px;}
.ty-msg span{margin: 30px 0 10px;}
.ty-msg span img{width: 35%;height: auto;}
a.org-btn{font-size: 5.5vw;padding: 11px 25px;}
.mixo-form-message{font-size: 4vw;}

.mixo-crop-modal__body img{max-height:60vh}
.mixo-crop-modal__panel{padding:10px}
}

@media screen and (max-width:380px) {
.mixo-final-preview{width: 270px;height: 270px;}
.mixo-side-preview {width: 150px;height: 150px;margin-left: 95px;}

.mixo-crop-modal__body img{max-height:53vh}
}
@media screen and (max-width:330px) {


}