/*custom style*/
body{
    background: url(../images/ikan-about.png) no-repeat;
    background-color: rgba(0, 0, 0, 0);
    background-position-x: 0%;
    background-position-y: 0%;
    background-position: top 300px right;
}
.sosmed-link a{
    text-decoration: none;
    color:#030201;
    font-size:1.2em;
    margin-left:0.5em;
}
.sosmed-link a:first-child{
    margin-left:0em;
}
img.logo-image{
    height:3.0em;
}
p.product-text{
    padding:0;
    margin:0;
}
p.product-text-detail{
    padding:0;
    margin:0;
}
.detail-product-section{
    white-space: nowrap; 
    overflow: hidden;
    text-overflow: ellipsis; 
}
a.detail-product-link{
    text-decoration:underline;
    color:#000;
}
.card-body > div{
    padding:0;
    margin:0;
}
h1,h2,h3,h4,h5,h6{
    color:#f16335 !important;
}
section a{
    color:#f16335;
}
.left-section-tab img.about-us-img-thumbnail{
    border-radius: 20px;
    width:300px;
}
span.important-title{
    font-size:1.4em;
    color:#f16335;
    font-weight:bold;
}
span.special-title{
    font-size: 24px;
    display:block;
}
span.title-special-tab-about-us{
    background:#f16335;
    color:#fcfcfc;
    font-size:1.4em;
    padding:1em 1.2em;
}
footer.footer-part-modified{
    background:#f16335;
}
.nav-pills-modified .active{
    background:#f16335 !important;
}
.nav-pills-modified .nav-link{
    color:#f16335;
}
.nav-pills-modified .nav-link:hover{
    color:#f16335;
}
img.img-thumbnail-detail{
    width:120px;
}
.filosofi-logo{
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background:#f16335;
    position:relative;
    display: inline-block;
}
.filosofi-logo img{
    margin: auto;
    position: absolute;
    top: 0; left: 0; bottom: 0; right: 0;
}
/* Small devices (landscape phones, 576px and up)*/
@media (max-width: 576px) {
    a.important-button{
        font-size:0.8em;
    }
    img.about-us-img-thumbnail{
        width:170px;
    }
    span.title-special-tab-about-us{
        bottom:-30px;
        font-size:1.0em;
        padding:0.8em 1.0em;
    }
}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {}

/* X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {}
/* XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) {}