@media only screen and (max-width: 767px) {
   .mobilePaddingLeft {
        padding-left: 20px !important;
   }
    
}

.itemBillboardCategory {
    padding-top: 40px;
    padding-bottom: 40px;
}

.itemBillboardCategoryFilter {
    padding-top: 10px;
}

.itemBillboard {
    padding: 10px;
}

.itemBillboardListFrame {
    margin-bottom: 70px;
}

.itemBillboardListImg {
    width: 250px;
    height: 135px;
    object-fit: scale-down;
}

.itemBillboardListPrice {
    color: red;
    margin-left: 10px !important;
}

.itemCart {
    text-align: right;
}

.itemCart span {
    margin-right: 20px;
}

.itemCart img {
    width: 25px;
    height: 25px;
}

.itemDescriptionFrame {
    padding-bottom: 40px;
}

.ItemDescFrameControl {
   height: 70px !important;
   display: block !important;
   margin: 10px !important;
}

.itemDescriptionPrice {
        font-weight: bold; 
}

.itemDescriptionPriceDiscount {
        font-weight: bold;
        text-decoration: line-through;
}

.itemCartView img {
    width: 170px;
    height: 91px;
}

.itemTable{
   margin-bottom: 65px !important;
}

.modal-backdrop {
  /* 
  commented out because product page backdrop wont work with this, 
  if found somewhere require this please check product/product when click on add to cart button
  z-index: -1;
  */
  
}

.modal {
  display: block;
}

.table-borderless td,
.table-borderless th {
    border: 0 !important;
}

.table-all-borderless,
.table-all-borderless td,
.table-all-borderless th{
    margin-left: 20px;
    border: 0 !important;
}


.table-all-borderless-nopadding,
.table-all-borderless-nopadding td,
.table-all-borderless-nopadding th{
    border: 0 !important;
}

.eppmonthpaymentamount {
    color: #C5202E;
}

.epp-table .epp-monthly-payment {
    background-color: antiquewhite !important;
}

.epp-table .epp-monthly-payment b {
    color: #C5202E;
}

.tablecontentalignright, .tablecontentalignright h4 {
    text-align: right !important;
}

.tablecontentcolor {
    background-color: antiquewhite !important;
}

.tablecontentcolormarginpadding{
    margin: 1px 0px 1px 0px !important;
    padding: 8px 8px 8px 8px !important;
}

.viewCartBtn    {
    text-align: center !important;
    float: none !important;
}

.checkoutCartBtn    {
    text-align: center !important;
    float: right !important;
    margin-top: 0px !important;
    margin-left: 10px !important;
    margin-bottom: 10px !important;
}


.btnCenter {
    text-align: center;
}


a.close:hover, a.close:focus {
    font-size: 21px !important;
}

.CheckoutFrameBorder    {
    border: 1px !important;
}

.radio-btn-settings {
    position: relative !important;
    margin-left: 10px !important;
    margin-right: 5px !important; 
}

#timerDate {
    display: none;
}

#clock  {
    text-align: center !important;
    background-color: #ffe6e6	;
    margin-top: 14px;
    margin-bottom: 20px;
    padding: 3px;
}

#clock span {
    color: #C5202E;
    font-family: 'Orbitron', sans-serif !important;
    font-size: 30px !important;
}

#clock  h4{
    text-align: center !important;
}


.payment-option {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  padding: 20px !important;
  margin-bottom: 20px !important;
  overflow: hidden;
  border: 1px solid rgba(180,180,180,1);
  text-align: left;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  -webkit-box-shadow: 3px 3px 4px 0 rgba(0,0,0,0.4) ;
  box-shadow: 3px 3px 4px 0 rgba(0,0,0,0.4) ;

}

.payment-option .paymenttypetext {
    margin-left: 15px !important;
}

.selectpaymentbtn {
    text-align: center !important;
}

.btn-file {
    position: relative !important;
    overflow: hidden !important;
}
.btn-file input[type=file] {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    min-width: 100% !important;
    min-height: 100% !important;
    font-size: 100px !important;
    text-align: right !important;
    filter: alpha(opacity=0) !important;
    opacity: 0 !important;
    outline: none !important;
    background: white !important;
    cursor: inherit !important;
    display: block !important;
}

.paymentHeaderSummary   {
    margin-bottom: 20px !important;
}

.loadingimage   {
    position:absolute;
    width:120px; /*image width */
    height:120px; /*image height */
    left:50%; 
    top:50%;
    margin-left:-60px; /*image width/2 */
    margin-top:-60px; /*image height/2 */
    z-index: 999;
    /*display:block;
    margin: 0 auto;*/
}


/* Customization Style of SyoTimer */
.timer{
    text-align: center;
    margin: 30px auto 0;
    padding: 0 0 10px;
}
.timer .table-cell{
    display: inline-block;
    margin: 0 5px;
    width: 79px;
}
.timer .table-cell .tab-val{
    font-family: 'Orbitron', sans-serif !important;
    font-size: 35px;
    color: #C5202E;
    height: 81px;
    line-height: 81px;
    margin: 0 0 5px;
}
.timer .table-cell .tab-unit{
    font-family: 'Orbitron', sans-serif !important;
    font-size: 12px;
    text-transform: uppercase;
}

.inputcontainer {
	position: relative;
}

.loader {
	display: inline-block;
	width: 1.25rem;
	height: 1.25rem;
	vertical-align: text-bottom;
	border: .25em solid currentColor;
	border-right-color: transparent;
	border-radius: 50%;
	-webkit-animation: spinner-border .75s linear infinite;
	animation: spinner-border .75s linear infinite;
}

@keyframes spinner-border {
	to { transform: rotate(360deg); }
}

.voucher-status {
	position: absolute;
	right: 25px;
	top: calc(50% - 10px);
}

.voucher-fail input,
.voucher-fail div{
	border-color: #dc3545;
	color: #dc3545;
}

.voucher-success input,
.voucher-success div{
	border-color: #198754;
	color: #198754;
}

@keyframes flash {
	0% {opacity:1;}
	50% {opacity:0;}
	100% {opacity:1;}
}

.flash {
	animation-name: flash;
	animation-duration: 200ms;
	animation-iteration-count: 3;
}