/* Mobile 568px */
@media screen and (min-width: 568px) and (max-width: 767px) {
  /* .ig-icon{
        left:70px !important;
    } */
}

@media screen and (max-width: 360px) {
  .single-product .site-content .col-full .iappcreation-single-product-content {
    margin-left: 0.5em !important;
    margin-right: 0.5em !important;
  }
  /*
  image colossel class
*/
  .iappcreation-single-product-header .swiper-container {
    height: 220px !important;
  }

  .iappcreation-single-product-header .swiper-slide {
    width: 245px !important;
    height: 165px !important;
  }

  .iappcreation-woocommerce-physical-product .iappcreation-single-product-header .swiper-slide {
    width: 100% !important;
    height: auto !important;
  }

  .iappcreation-single-product-header .swiper-slide img {
    border-radius: 10px !important;
  }

}

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

  .iappcreation-woocommerce-physical-product .iappcreation-single-product-header .swiper-slide img {
    border-radius: 0 !important;
  }

}

@media screen and (max-width: 767px) {
  /* sticky button add to cart */
  .storefront-sticky-add-to-cart .col-full {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .storefront-sticky-add-to-cart {
    padding: 0.5em !important;
  }

  .storefront-sticky-add-to-cart img {
    margin: 0 0.5em 0 0 !important;
  }

  .storefront-sticky-add-to-cart__content-button {
    width: 125px;
    text-align: center;
  }
  /* end sticky button add to cart */

  /* main content margin */
  .single-product .site-content .col-full {
    margin-left: 0;
    margin-right: 0;
  }

  .single-product .site-content .col-full .iappcreation-single-product-content {
    margin-left: 1em;
    margin-right: 1em;
  }

  /* end main content margin */

  .white-cart-icon {
    display: none;
  }
  .single-product form.cart button:active .pink-cart-icon {
    display: none;
  }
  .single-product form.cart button:active .white-cart-icon {
    display: block;
  }

  .single-product div.product .woocommerce-product-gallery img {
    width: 100% !important;
  }
  .single-product .woocommerce-product-gallery.images {
    width: 87px !important;
    margin-bottom: 0px !important;
  }

  /* Hide Quantity */
  /* Hide Previous Category */
  .single-product .product_meta {
    display: none !important;
  }

  .single-product
    .summary.entry-summary
    .woocommerce-product-details__short-description {
    display: block !important;
    clear: left;
  }

  .single-product h1.product_title {
    margin-bottom: 0px !important;
    font-size: 18px;
    font-weight: 500;
    clear: none !important;
  }

  /* Color category */
  .single-product .posted_in a {
    color: rgb(180, 180, 180);
    text-decoration: underline;
    font-size: 12px;
  }
  .single-product .posted_in {
    margin-top: -3px !important;
  }
  /* Color Price */
  .single-product div.product p.price {
    font-size: 17px !important;
    font-family: 'SukhumvitTHBold';
    margin: 0px !important;
  }

  /* ** remove add to cart button ** */
  /* เก็บไว้ก่อน กรณีไม่เอาปุ่ม add to cart ออก */
  /* .single-product .summary.entry-summary {
    margin-bottom: 1.6em !important;
  } */

  /* กรณี เอาปุ่ม add to cart ออก ถ้าเอาปุ่ม add to cart กลับมา ให้เอาส่วนนี้ออก */
  .single-product .summary.entry-summary {
    margin-bottom: 0 !important;
  }

  /* กรณี เอาปุ่ม add to cart ออก ถ้าเอาปุ่ม add to cart กลับมา ให้เอาส่วนนี้ออก */
  .single-product div.product form.cart {
    margin-bottom: 0 !important;
  }

  /* กรณี เอาปุ่ม add to cart ออก ถ้าเอาปุ่ม add to cart กลับมา ให้เอาส่วนนี้ออก */
  .iappcreation-single-product-content .single_add_to_cart_button {
    display: none !important;
  }

  /* กรณี เอาปุ่ม add to cart ออก ถ้าเอาปุ่ม add to cart กลับมา ให้เอาส่วนนี้ออก */
  .single-product [data-wzb="SocialMobileTool"] .zbx-trigger {
    bottom: 85px !important;
  }

  /* กรณี เอาปุ่ม add to cart ออก ถ้าเอาปุ่ม add to cart กลับมา ให้เอาส่วนนี้ออก */
  .single-product .scroll-top-button {
    bottom: 85px !important;
  }

  /* hidden default add to cart button */ 
  /* it have single item and varation item */
  /* กรณี เอาปุ่ม add to cart ออก ถ้าเอาปุ่ม add to cart กลับมา ให้เอาส่วนนี้ออก */
  .iappcreation-single-product-content .woocommerce-variation-add-to-cart.variations_button {
    /* display: none; */
    padding-top:0 !important;
  }

  .single-product div.product .woocommerce-product-gallery {
    float: left;
    margin-right: 20px;
  }

  /* Clear floats after the columns */
  .single-product .woocommerce-tabs {
    clear: both;
  }

  /* Add to cart button*/
  .single-product form.cart button {
    /* position: absolute;
    left: 0; */
    width: 100%;
    height: 38px;
  }
  .single-product form.cart {
    padding: 0px !important;
    /* margin-bottom: 0px !important; */
  }

  /* Hide Theme "Themes" Before Theme Thumbnail */
  .single-product .woocommerce-tabs ul.tabs {
    display: none !important;
  }

  /* ส่วน Button Add to cart  */
  .addtocart-button-text-img {
    display: flex;
    justify-content: center;
  }
  .single-product form.cart button img {
    /* position: relative !important;
        width: 35px !important;
        display: inline !important;
        margin-right: 0px !important;
        padding-right: 7px !important;
        bottom: 0px !important;
        left: -6px !important; */
    width: 28px !important;
    height: 28px;
    bottom: 3px !important;
    position: relative;
    margin-right: 5px !important;
  }
  .single-product form.cart button span {
    font-size: 18px !important;
    font-weight: 500;
    position: relative;
    top:2px;
  }
  /* End ส่วน Button Add to cart  */

  /* Button Hover */
  .single-product form.cart button.alt:active {
    color: white !important;
  }

  /* จัดกึ่งกลางให้แก่ตัวหนังสือ Detail */
  .single-product .single-product-detail-text {
    display: flex !important;
    justify-content: center !important;
    flex-direction: column !important;
    /* height:92px!important; */
  }

  .single-product div.product .woocommerce-product-rating {
    margin-bottom: 0px !important;
    margin-top: 0px !important;
  }

  /* ใส่เงา ให้พี่อาร์ท หน้า Single Product */
  div.woocommerce-Tabs-panel .csRow p img {
    border-radius: 5px;
    box-shadow: RGBA(0, 0, 0, 0.08) 0px 5px 8px;
  }
  .woocommerce-Tabs-panel.panel h2:first-of-type {
    font-size: 15px !important;
  }

  .modal-img-box {
    display: none !important;
  }
  .requirement-text-group {
    margin-top: 40px;
  }

  .requirement-text-group p:first-child {
    text-align: center;
    font-size: 12px !important;
  }

  .iappcreation-single-product-header .swiper-container {
    height: 275px;
  }

  .iappcreation-woocommerce-physical-product .iappcreation-single-product-header .swiper-container {
    width: 100vw;
    height: auto !important;
    margin-right: -1.41575em;
    margin-left: -1.41575em;
    margin-top: 3px;
  }

  .iappcreation-single-product-header .swiper-slide {
    width: 320px;
    height: 216px;
  }

  .iappcreation-single-product-header .swiper-slide img {
    border-radius: 14px;
  }

  /* product variant  */ 
  .iappcreation-single-product-content .woocommerce-variation-description,
  .iappcreation-single-product-content .woocommerce-variation-price,
  .iappcreation-single-product-content .woocommerce-variation-availability {
    text-align: left!important;
  }

  .iappcreation-single-product-content form.cart .qib-container + button[type='submit']:not(#qib_id):not(#qib_id), form.cart .qib-container + div:not(#qib_id):not(#qib_id):not(_){
      margin-left:0
  }

  .single-product .site-footer{
    margin-bottom: 75px;
}

  .single-product .site-content > .col-full > .woocommerce > .woocommerce-message:first-child, 
  .single-product .site-content > .col-full > .woocommerce > .woocommerce-info:first-child, 
  .single-product .site-content > .col-full > .woocommerce > .woocommerce-error:first-child {
    margin-top: 0px;
  }

  .single-product.iappcreation-woocommerce-physical-product  .site-content > .col-full > .woocommerce > .woocommerce-message:first-child, 
  .single-product.iappcreation-woocommerce-physical-product  .site-content > .col-full > .woocommerce > .woocommerce-info:first-child, 
  .single-product.iappcreation-woocommerce-physical-product  .site-content > .col-full > .woocommerce > .woocommerce-error:first-child {
    margin-top: 2.617924em;
  }
  
  .single-product div.product{
    overflow: visible !important;
  }

  .iappcreation-single-product-content .on-sale-badge-triangle{
    right: -1.41575em;
    top: -30px;
  }

  .iappcreation-woocommerce-physical-product .iappcreation-single-product-content .on-sale-badge-triangle{
    top: 3px;
  }
  
  .iappcreation-single-product-content form.cart{
    margin-top: 30px;
  }
  
}

@media screen and (max-width: 720px) {
  /* body{
        padding-bottom: 0px !important;
    } */
}