/*
Theme Name: Turbo Scaffolding
Theme URI: https://www.turboscaffolding.com.au/
Author: the webential team
Author URI: http://webential.com.au/
Description: We believe that the best solution is always a collaborative process between client, designer and developer. We specialise in design and development of websites, custom web applications, mobile apps and digital applications. We have created responsive web experiences for number of clients in number of industries. We provide solutions to client's that need custom functionality that can't be achieved any other way. We can create solutions based on open source systems such as wordpress, drupal, magento and many more.
 
*/
.priceol li {
  display: inline-block;
  vertical-align: top;
  width: 31%;
}


/* Css for 10% off sale tags 21-01-2025*/
.single-product .detailslider-main {display: inline-block;width: calc(100% - 127px); margin-left: 15px; border: 1px solid #dcdcdc;  position: relative; overflow: hidden;}

.single-product .newdesn .detailslider-main .detailslider {width: 100%;}
.single-product .discount-div  {display: flex;align-items: center; position: absolute; top: 90px; left: -24px; width:152px; padding: 1px 18px; background-color: rgba(221, 3, 2, 1); color: #fff; font-size: 16px; font-weight: bold; text-align: center; transform: translateY(-50%) rotate(-45deg);transform-origin: 0 0; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); z-index: 999;justify-content: center; padding-left: 10px; padding-right: 20px;} 
.single-product .discount-div .dis-per {display:flex; flex-direction: column; padding-left: 5px;}
.single-product .discount-div .dis-per span {font-size: 16px;}
.single-product .discount-div .dis-amot {font-size: 32px;}
/* .single-product .detail_left {overflow: hidden;} */
.single-product .discount-div::before,.single-product .discount-div::after {
content: '';  position: absolute;   bottom: -8px;   border-style: solid;   border-width: 6px;   border-color: rgba(221, 3, 2, 1) transparent transparent rgba(221, 3, 2, 1); }
.single-product .discount-div::before { left: -4px; }
.single-product .discount-div::after { right: 10px;transform: rotate(98deg); }

/* .single-product .detail_left .detailslider {border: 1px solid #dcdcdc;}
.single-product .newdesn .detailslider {width: calc(100% - 127px); margin-left: 15px;} */






@media only screen and (max-width:1024px){
  .single-product .discount-div .dis-amot {font-size: 25px;}
  .single-product .discount-div .dis-per span {font-size: 14px;}
  .single-product .discount-div::before {left: 0;}

}
@media only screen and (max-width:767px){ 
  .single-product .detailslider-main /*,.single-product .newdesn .detailslider */ {width:100%; margin-left: 0px;}
  .single-product .discount-div .dis-per {padding-left: 2px;}
}


@media only screen and (max-width:480px){
  #shipingForm .buttonMain .submitBtn {min-width: 143px;}
  #shipingForm .buttonMain {display: flex; justify-content: start; align-items: start; width: 100%;}
}