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


    .iappcreation-checkout-page .coupon-code-input{
        width: 75%;
    }	
    .iappcreation-checkout-page .coupon-code-apply{
        width: 20%;
    }	

    .woocommerce-checkout .payment-method-secondary-text,
    .woocommerce-checkout .payment-method-secondary-text{
        display: block !important;
    }

    .iappcreation-checkout-page table.iappcreation-cart-product-table{
        margin-bottom: 0px;
    }

    .iappcreation-checkout-page form.woocommerce-checkout{
        margin-bottom: 1px;
    }

    .iappcreation-checkout-page .form-row label{
        font-size: 14px;
    }
    
    .iappcreation-checkout-page table.iappcreation-cart-product-table .product-thumbnail img{
        margin: 0;
        margin-right: -14px;
    }
    
    .iappcreation-checkout-page table.iappcreation-cart-product-table .product-quantity {
        font-size: 13px;
        height: 1px;
    }

    .iappcreation-checkout-page .form-row input,
    .iappcreation-checkout-page .form-row textarea,
    .iappcreation-checkout-page .form-row select,
    .iappcreation-checkout-page tr.coupon-code .input-text{
        height: 30px;
        font-size: 14px;
    }

    .iappcreation-checkout-page .save-checkout-form,
    .iappcreation-checkout-page .edit-checkout-form{
        padding: 3px 23px !important;
        font-size: 12px;
    }

    .iappcreation-checkout-page .checkout-customer-details-content p{
        margin-bottom: 10px;
    }

    /* 
        ที่ต้องใส่ไว้แบบนี้เนื่องจากเวลากดเปลี่ยน payment method มันจะทำการสร้าง element ขึ้นมาใหม่เลย โดย element ที่สร้างมาจะติด hide-mobile อยู่ด้วย
        ในส่วนนี้ก็จะทำเพื่อแก้บัคว่าหน้า payment หาย เมื่อเปลี่ยน payment method
    */
    .woocommerce-checkout-payment-page .woocommerce-checkout-payment{
        display: block !important;
    }


    .iappcreation-checkout-page .fixed-total-checkout .order-total{
        font-size: 18px;
    }


    /* หน้า order-pay */
    .woocommerce-checkout.woocommerce-order-pay button#place_order{
        margin-top: 40px;
        width: 100%;
    }

    .iappcreation-checkout-page .shipping-address-information{
        font-size:12px;
    }

}

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

    .woocommerce-checkout .wc_payment_method.payment_method_omise label,
    .woocommerce-checkout .wc_payment_method.payment_method_omise_internetbanking label{
        font-size: 14px !important;
    }

    .woocommerce-checkout .payment-method-secondary-text,
    .woocommerce-checkout .payment-method-secondary-text{
        font-size: 12px !important;
    }
        
}


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

    .woocommerce-checkout .wc_payment_method.payment_method_omise label,
    .woocommerce-checkout .wc_payment_method.payment_method_omise_internetbanking label{
        font-size: 12px !important;
    }

    .woocommerce-checkout .payment-method-secondary-text,
    .woocommerce-checkout .payment-method-secondary-text{
        font-size: 10px !important;
    }
        
}


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

    .iappcreation-checkout-page .save-checkout-form, 
    .iappcreation-checkout-page .edit-checkout-form{
        margin-top: 15px;
    }
    
    .round-checkbox{
        margin-top: -10px;
    }

    .iappcreation-checkout-page .checkout-customer-details-content p{
        margin-bottom: 8px;
        margin-top: -5px;
    }
        
}