/* ---- Mini Desktops ---- */
@media only screen and (min-width: 1200px) and (max-width: 1366px) {}

@media only screen and (min-width: 1024px) and (max-width: 1199px) {}

@media only screen and (min-width: 992px) and (max-width: 1023px) {}

@media only screen and (min-width: 768px) and (max-width: 991px) {}

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

    .topSectionMain {
        margin: 0px 0px 30px  0px;
    }

    .woocommerce-billing-fields h3 {
    
        margin-bottom: 20px;
    }
    .woocommerce-checkout-review-order {
      
        padding: 30px 20px;
    }
    .checkoutColTwo h3 {
        padding-bottom: 18px;
    }
    .checkoutColTwo {
        padding-left: 84px;
    }
    .form-row.place-order {
        margin-top: 30px;
    }
    tr.cart-subtotal th, tr.cart-subtotal td {
        padding-top: 20px;
        padding-bottom: 20px;
   
    }
    /* ThankYou page css */
    .thankYouPageTopHeader h4 {
        margin-bottom: 26px;
    }

}

@media only screen and (max-width: 1200px) {
    .woocommerce-billing-fields h3 {

        margin-bottom: 16px;
    }
    .topSectionMain {
        margin: 0px 0px 20px  0px;
    }
    .form-row label {

        margin-bottom: 7px;
    }
    /* .form-row input, .form-row select {
        font-size: 16px;     
        line-height: 20px;
      
    } */
    .select2-container .select2-selection--single .select2-selection__rendered {        
        line-height: initial;     
    }
  
    .checkoutColTwo {
        padding-left: 30px;
    }
    .checkoutColTwo h3 {
        padding-bottom: 16px;
    }
    .productImg img {
        width: 100%;
        height: 100%;
    
    }
    tr.cart-subtotal th, tr.cart-subtotal td {
        padding-top: 12px;
        padding-bottom: 12px;
       
    }
    p.productName {

        font-size: 16px;

        line-height: 20px;
    }
    tr.order-total th, tr.order-total td {
        color: #0FCEC6;
        font-size: 20px;
     
        line-height: 26px;
        padding-top: 14px;
    }
    span.woocommerce-Price-amount.amount {
        /* font-size: 16px;
        line-height: 20px; */
    }
    .cart-subtotal span.woocommerce-Price-amount.amount {
        font-size: 16px;
    }
    .thankYouPageTopHeader h5 {
        font-size: 16px;
        line-height: 18px;
        font-weight: 400;
    }

}

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

@media only screen and (min-width: 768px) and (max-width: 1199px) {

}

@media only screen and (max-width: 991px) {
    body .thankYouPageTopHeader {
        height: 193px;
    }
    .thankYouPageTopHeader h4 {
        margin: 0;
        margin-bottom: 6px;
    }
    .productImg {
        width: 83px;
        height: 82px;
        object-fit: cover;
    }

}

@media only screen and (max-width: 768px) {
    .checkoutColOne {
        width: 100%;
    }
    .productImg {
        width: 60px;
        height: 60px;
     
    }
    .thankYouPageTopHeader h4 {
        font-size: 22px;
      
    }
    .imgDownloadBtn a {
        max-width: 95px;
    }
    p.productName {
        width: calc(100% - 60px);
        padding-left: 8px;
    }

    .chekcoutColMain {
        flex-wrap: wrap;
    }
    .checkoutColTwo {
        margin-top: 30px;
        width: 100%;
        padding-left: 0;
    }
    .form-row {
       
        width: 100%;
    
    }
    p#billing_country_field {
        margin-bottom: 42px;
    }
    p#billing_state_field {
        margin-bottom: 40px;
    }
    

 

    .form-row.place-order {
        margin-top: 10px;
    }
    button#place_order {
    
        margin-top: 6px;
       
    }
    ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details {
        flex-wrap: wrap;
    }
    ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details li.woocommerce-order-overview__order.order{
        width: 100%;
    }
    ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details li {
        width: 100%;
        padding: 13px 0px;
        border-bottom: 1px solid;
        border-right: 0;
    }
    ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details li.woocommerce-order-overview__email.email {
        width: 100%;
    }
    body .thankYouPageTopHeader {
        height: auto;
        padding: 20px 0px;
    }
    .orderDetailMain {
        width: 100%;
    }
    .orderDetail {
   flex-wrap: wrap;
   
   margin: 30px 0px;
    }
    .orderDetail h5 {
       
        font-size: 18px;
    }
    .innerProductRow .productImg img {
        width: 100%;
        height: 100%;
        
    margin-right: 6px;
    }
    /* .innerProductRow p.productName {
        font-size: 14px;
        line-height: 16px;
    } */
    .orderDetail table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details tfoot th {
     
        font-size: 14px;
    padding-top: 8px;
        line-height: 20px;
    }
    .orderDetail table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details tfoot td {
        
        font-size: 14px;
        padding-top: 8px;

        line-height: 20px;
    }
    .orderDetail table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details tfoot .total {
        font-size: 16px;
   
        line-height: 26px;
      
    }
    .orderDetail table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details tfoot .payment_method {
        padding-bottom: 10px;
    }
    .BillingMain {
        width: 100%;
        padding-left: 0;
        margin-top: 20px;
    }
    .BillingMain address {
        font-size: 14px;
        font-weight: 400;
        line-height: 20.8px;
    }
}



/*---- Ipad Landscape ----*/
@media only screen and (min-width: 1024px) and (max-width: 1199px) {}

/*---- Ipad Portrait ----*/
@media only screen and (min-width: 768px) and (max-width: 1023px) {}

/*---- Mobile All Portrait ----*/
@media only screen and (max-width: 767px) and (orientation:portrait) {}

/*---- Mobile All Landscape ----*/
@media only screen and (max-width: 767px) and (orientation:landscape) {}

/*---- Mobile All Portrait + Landscape ----*/
@media only screen and (max-width: 767px) {

}