/*----------Helios Sterilization Css starts here----------*/

.product-details p {
    text-align: justify;
}
.characteristics h1 {
    font-size: 35px;
    color: #140f4b;
    padding-bottom:15px; 
}
.characteristics ul li {
    font-size: 18px;
    text-align: justify;
    color: #00008B;
    list-style: decimal;
    padding-bottom: 5px;
    padding-left: 21px
}
 .characteristics ul {
    padding-left: 21px !important;
}
    .shop-thumb-tab ul li a {
    border: 3px solid #f3f6ff;
    border-radius: 5px;
}
.shop-thumb-tab ul li a:hover,.shop-thumb-tab ul li a.active{
   border: 2px solid #140f4b;
}
.product-large-img {
    border: 3px solid #f3f6ff;
}
.tab-area {
    border-radius:20px;
    margin-bottom:70px;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
}
.tab-area .tab-content {
    padding: 0px 48px 10px;
}
.tab-content p {
   text-align: justify;
}
.bakix-details-tab {
    padding-top: 30px;
    background: #f3f6ff;
}
.bakix-details-tab br{
    display:none;   
}
.tab-area .bakix-details-tab ul li a {
    font-size: 20px;
}
.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgb(243 246 255);
}
.table th {
    background: #140f4b;
    color: #fff;
    text-transform:uppercase;
}
.table-condensed{
    width:100%;
}
.product-details {
    padding-top: 0px;
}
.slide-product img {
    height: 530px;
    object-fit: cover;
}
.pouch img{
    height:670px;
}
.rel img {
    height: 626px;
}
.descript {
    width: 100%;
}
.justify-content-center {
    justify-content: left!important;
    padding-left: 26px;
}
/*----------Helios Sterilization Css ends here----------*/
@media only screen and (max-width: 800px) {
    /* Force table to not be like tables anymore */
    #no-more-tables table, #no-more-tables thead, #no-more-tables tbody, #no-more-tables th, #no-more-tables td, #no-more-tables tr {
            display: block;
        }
            /* Hide table headers (but not display: none;, for accessibility) */
            #no-more-tables thead tr {
                position: absolute;
                top: -9999px;
                left: -9999px;
            }
        #no-more-tables tr {
            border: 1px solid #ccc;
        }
        #no-more-tables td {
            /* Behave  like a "row" */
            border: none;
            border-bottom: 1px solid #eee;
            position: relative;
            padding-left: 50%;
            white-space: normal;
            text-align: left;
        }
            #no-more-tables td:before {
                /* Now like a table header */
                position: absolute;
                /* Top/left values mimic padding */
                top: 6px;
                left: 10px;
                width: 45%;
                padding-right: 10px;
                white-space: nowrap;
                text-align: left;
                font-weight: bold;
            }

            /*
	Label the data
	*/
            #no-more-tables td:before {
                content: attr(data-title);
            }
    }