/* Mobile Specific */

@media only screen and (max-width: 600px) {
    .e-atc-qty-button-holder .unit-price-holder {
      width: 100%;
      margin-top: 5px !important;
      display: flex;
      flex-direction: row;
    }
    .e-atc-qty-button-holder .unit-price {
        width: 50%;
      display: flex;
      padding-left: 25px;
      align-self: center;
    }
    .e-atc-qty-button-holder .price {
        width: 50%;
      display: flex;
    }
    .ast-row.unit-qty-holder .quantity {
        width: 100%;
    }
    .unit-qty-holder .ast-col-md-6 {
        margin-bottom: 5px;
    }

    table.foams-table {
        margin-bottom: 30px;
        display: block;
        overflow: scroll;
    }


    .uni-row-content .measurement_col {
        flex-basis: 22%;
    }
    
    .uni-builderius-container :is(
        .row-fibre-wrap,
        .row-thickness, 
        .row-width, 
        .row-depth, 
        .row-front-width, 
        .row-overall-depth,
        .row-back-width,
        .row-centre-depth,
        .row-lug-width,
        .row-lug-depth,
        .row-side-depth,
        .row-back-thickness,
        .row-front-thickness,
        .row-seat-depth,
        .row-seat-width,
        .row-bottom-depth,
        .row-top-depth,
        .row-wedge-width,
        .row-front-inset,
        .row-maximum-depth,
        .row-overall-width,
        .row-back-crown,
        .row-sides,
        .row-foam-cutting,
        .row-provide-pattern,

        .row-bottom-width,
        .row-centre-height,
        .row-lug-height,
        .row-top-width,
        .row-overall-height,
        .row-height,
        .row-top-thickness,
        .row-bottom-thickness,
        .row-length,
        .row-base,
        .row-dimensions,
        .row-sheet-size,
        .row-topper-size,
        .row-foam-quality,
        .row-available-size,
        .row-eco-friendly-fill,
        .row-ft-shape,
        .row-ft-dimension-input
    ) .uni-row-content {
        display: flex;
        flex-wrap: wrap;
        row-gap: 5px;
     }

    .uni-builderius-container :is(
        .row-fibre-wrap,
        .row-thickness,
        .row-width, 
        .row-depth, 
        .row-front-width, 
        .row-overall-depth,
        .row-back-width,
        .row-centre-depth,
        .row-lug-width,
        .row-lug-depth,
        .row-side-depth,
        .row-back-thickness,
        .row-front-thickness,
        .row-seat-depth,
        .row-seat-width,
        .row-bottom-depth,
        .row-top-depth,
        .row-wedge-width,
        .row-front-inset,
        .row-maximum-depth,
        .row-overall-width,
        .row-back-crown,
        .row-sides,
        .row-foam-cutting,
        .row-provide-pattern,

        .row-bottom-width,
        .row-centre-height,
        .row-lug-height,
        .row-top-width,
        .row-overall-height,
        .row-height,
        .row-top-thickness,
        .row-bottom-thickness,
        .row-length,
        .row-base,
        .row-dimensions,
        .row-sheet-size,
        .row-topper-size,
        .row-foam-quality,
        .row-available-size,
        .row-eco-friendly-fill,
        .row-ft-shape,
        .row-ft-dimension-input
    ) .uni-row-content div:first-child {
        flex-basis: 100%;
     }
     
     .uni-builderius-container :is(
        .row-thickness,
        .row-width, 
        .row-depth, 
        .row-front-width, 
        .row-overall-depth,
        .row-back-width,
        .row-centre-depth,
        .row-lug-width,
        .row-lug-depth,
        .row-side-depth,
        .row-back-thickness,
        .row-front-thickness,
        .row-seat-depth,
        .row-seat-width,
        .row-bottom-depth,
        .row-top-depth,
        .row-wedge-width,
        .row-front-inset,
        .row-maximum-depth,
        .row-overall-width,
        .row-back-crown,
        .row-sides,
        .row-foam-cutting,
        .row-provide-pattern,

        .row-bottom-width,
        .row-centre-height,
        .row-lug-height,
        .row-top-width,
        .row-overall-height,
        .row-height,
        .row-top-thickness,
        .row-length,
        .row-base,
        .row-bottom-thickness,
        .row-ft-dimension-input
     ) .uni-row-content div:nth-child(2) {
        flex-basis: 69%;
        margin-left: 8%;
    }

    .uni-builderius-container :is(.row-fibre-wrap, .row-dimensions, .row-radio-cols, .col-ft-full-width)  .uni-row-content div:nth-child(2) {
        flex-basis: 94%;
        margin-left: 6%;
    }

    .uni-builderius-container :is(
        .row-provide-pattern, 
        .row-thickness, 
        .row-width, 
        .row-sheet-size,
        .row-topper-size,
        .row-foam-quality,
        .row-available-size,
        .row-ft-shape,
        .row-ft-dimension-input
        ) :is(.row-radio-cols, .col-ft-full-width) {
        flex-basis: 94% !important;
        margin-left: 6%;
    }

    .row-ft-dimension-input .uni-row-content.uni-node-content .input-title {
        padding-left: 7px;
    }
    
  

    .row-ft-dimension-input :is(.label-full-width)  label {
        width: 100% !important;
    }

    .row-ft-dimension-input .label-full-width {
        flex-basis: 94% !important;
    }

    .uni-module-text span {
		width: 25px;
		display: inline-block;
	}

    .col-margin-left {
        margin-left: 25px;
    }


    #uni_cpo_eggcrate_standard_size label,
    #uni_cpo_eggcrate_foam_sizes label,
    #uni_cpo_mattress_toppers_quality label,
    #uni_cpo_bean_bag_chair_size label,
    #uni_cpo_bean_bag_cover_fabric label,
    #uni_cpo_mattress_toppers_firmness label
     {
        width: 100% !important;
    }
   

    #uni_cpo_terry_cotton_cover_thickness label {
        width: 30% !important;
    }
   
    .elementor-nav-menu .sub-menu {
        width: 100% !important;
        margin-top: 0px!important;
    }

    .ast-woocommerce-cart-menu .elementor-widget-woocommerce-cart .woocommerce table.cart img {
        width: 100%;
        max-width: 90%;
        margin: 0 auto;
    }

   
  }

@media only screen and (max-width: 768px) {
    tr.woocommerce-cart-form__cart-item.cart_item td {
        width: 100% !important;
    }
    .cart_totals .shop_table td:before {
        font-size: 700;
    }

    .elementor-widget-woocommerce-cart .woocommerce table.cart tr:first-child {
        border-top: 1px solid #CCCCCC !important;
    }
   
    tr.woocommerce-cart-form__cart-item.cart_item td {
        border: 1px solid #CCCCCC !important;
        border-width: 0px 1px 1px 1px !important;
        padding: 8px 5px 8px 5px !important;
    }
    
    .elementor-widget-woocommerce-cart .woocommerce table.cart tr {
        border-top-width: 0px !important;
    }

    table.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents tbody  tr:nth-last-child(2) {
        margin-bottom: 10px;
    }
} 

@media only screen and (max-width: 1281px) { 
	
    .e-cart__container dl.variation {
        width: 100%;
    }
    .e-cart__container .product-name .variation dt {
        text-align: left;
    }
    .e-cart__container .product-name dl dd {
        text-align: right;
        width: 2%;
    }

    .e-cart-totals.e-cart-section {
        width: 100%;
    }
    .elementor-widget-woocommerce-cart .woocommerce table.cart tr {
        padding: 0px !important;
    }

    .ast-woocommerce-cart-menu .elementor-widget-woocommerce-cart .woocommerce table.cart img {
        width: 100%;
        max-width: 50%;
        margin: 0 auto;
    }

    table.shop_table.woocommerce-checkout-review-order-table {
        table-layout: fixed;
    }
    table.shop_table.woocommerce-checkout-review-order-table tr.product-meta {
        display: flex;
        flex-direction: column-reverse;
        flex-wrap: wrap;
    }

    table.shop_table.woocommerce-checkout-review-order-table tr.product-meta td {
        min-width: 340px;
    }
    table.shop_table.woocommerce-checkout-review-order-table tr.product-meta td.product-thumbnail {
        margin: 0 auto;
        text-align: center;
    }
   
    
} 


@media only screen and (min-width: 1281px) { 
	
    .foam-toronto-checkout .e-checkout__container {
        grid-template-columns: 40% auto !important;
    }
    /**
    * ---------------------------------------
    * Products single page image settings.
    * ---------------------------------------
    * */

    .shape-block-length-sheets .elementor-element.product-display-image img {
        width: 85% !important;
    }
    .shape-mattress-size .elementor-element.product-display-image img {
        width: 64% !important;
    }

    /**
    * ------
    * Seats
    * ------
    * */

    /*.shape-square-or-rectangular-seat .elementor-element.product-display-image img {
        width: 90% !important;
    }

    */
    .shape-l-cushion .elementor-element.product-display-image img {
        width: 77% !important;
    }

    .shape-t-cushions-shape .elementor-element.product-display-image img {
        width: 93% !important;
    }

    .shape-window-seat .elementor-element.product-display-image img {
        width: 86% !important;
    }

    .shape-angled-seat .elementor-element.product-display-image img {
        width: 57% !important;
    }

    .shape-angled-end-seat .elementor-element.product-display-image img {
        width: 79% !important;
    }

    .shape-tapered-seat .elementor-element.product-display-image img {
        width: 68% !important;
    }

    .shape-tapered-and-trimmed-seat .elementor-element.product-display-image img {
        width: 82% !important;
    }

    .shape-tapered-chair-seat .elementor-element.product-display-image img {
        width: 93% !important;
    }

    .shape-wedged-seat .elementor-element.product-display-image img {
        width: 92% !important;
    }

    .shape-trimmed-wedge .elementor-element.product-display-image img {
        width: 54% !important;
    }

    .shape-pie-seat .elementor-element.product-display-image img {
        width: 79% !important;
    }

    .shape-octagon-seat .elementor-element.product-display-image img {
        width: 54% !important;
    }

    .shape-custom-seat .elementor-element.product-display-image img {
        width: 80% !important;
    }


    /**
    * -------
    * Backs
    * -------
    * */

    .shape-square-or-rectangular-back .elementor-element.product-display-image img {
        width: 65% !important;
    }

    .shape-end-back .elementor-element.product-display-image img {
        width: 98% !important;
    }

    .shape-chair-back .elementor-element.product-display-image img {
        width: 92% !important;
    }

    .shape-angled-back .elementor-element.product-display-image img {
        width: 63% !important;
    }

    .shape-tapered-back	 .elementor-element.product-display-image img {
        width: 66% !important;
    }

    .shape-wedged-back .elementor-element.product-display-image img {
        width: 74% !important;
    }

    .shape-contour-back	.elementor-element.product-display-image img {
        width: 64% !important;
    }
    .shape-custom-back	.elementor-element.product-display-image img {
        width: 75% !important;
    }

    .foam-loose-fibre .elementor-element.product-display-image img {
        width: 80% !important;
    }




    /**
    * -------
    * Misc
    * -------
    * */

    .shape-round-or-oval .elementor-element.product-display-image img {
        padding: 65px 0px;
    }
    .shape-round-ottoman .elementor-element.product-display-image img {
        width: 42% !important;
    }

    .shape-round-or-oval-bolster .elementor-element.product-display-image img {
        width: 90% !important;
    }

    .shape-semi-circle-bolster .elementor-element.product-display-image img {
        width: 76% !important;
    }

    .shape-right-angle-triangle .elementor-element.product-display-image img {
        width: 73% !important;
    }

    .shape-equilateral-triangle .elementor-element.product-display-image img {
        width: 78% !important;
    }

    .shape-cube-ottoman .elementor-element.product-display-image img {
        width: 50% !important;
    }


    /* .neck-wedges .elementor-element.product-display-image img {
        width: 100% !important;
    } */

   



    /**
    * --------------------
    * Other Types of Foam
    * --------------------
    * */

    .foam-packaging .elementor-element.product-display-image img {
        width: 89% !important;
    }

    /*.foam-eggcrate .elementor-element.product-display-image img {
        width: 96% !important;
    }*/

    .ft-foam-acoustical .elementor-element.product-display-image img {
        width: 81% !important;
    }

    .foam-thin .elementor-element.product-display-image img {
        width: 97% !important;
    }


    .ft-mattress-folded-mini .elementor-element.product-display-image img {
        width: 39% !important;
    }

    .product-short-description ol, .product-short-description ul {
        margin-left: 1em;
        margin-bottom: 0px;
    }

    .ft-synergy-3-layer-mattress .elementor-element.product-display-image img {
        width: 95% !important;
    }

    .pet-beds .elementor-element.product-display-image img {
        object-fit: cover;
        height: 300px;
    }

    .cart_totals .shop_table td:before {
        display: none;
    }
    
    .elementor-widget-woocommerce-cart .woocommerce .cart_totals table.shop_table_responsive tbody th {
        display: inline-block !important;
        font-weight: 700;
        padding-left: 0px;
    }
    
    .elementor-widget-woocommerce-cart .woocommerce div.cart_totals table.shop_table_responsive tr td {
        text-align: unset !important;
        width: 70% !important;
    }
    
    .cart_totals .order-total td {
        border: 0px !important;
    }

} 