@import "../../app/variables";

.section-padding {
    padding-top: 100px;
    padding-bottom: 100px;

    .h-300 {
        height: 300px;
    }

    .product-info-tab-list {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 0 -20px 60px;

        li {
            padding: 0 20px 20px;

            a {
                font-size: 40px;
                font-weight: 400;
                line-height: 1;
                display: block;
                opacity: .2;
                color: $text-medium;

                &.active {
                    opacity: 1;
                }
            }
        }
    }

    .learts-mb-n10 {
        margin-bottom: -10px;
    }

    .learts-mb-n30 {
        margin-bottom: -30px;
    }

    .learts-mb-30 {
        margin-bottom: 30px;
    }

    .tab-content {
        .active {
            display: block;
        }

        .tab-pane {
            display: none;
        }
    }

    p {
        text-align: justify;
    }

    @media only screen and (max-width:768px) {
        .product-info-tab-list {
            margin: 0;

            li {
                padding: 0 16px 20px;

                a {
                    font-size: 15px;
                }
            }
        }

        .image {
            img {
                width:100%;
                height: auto!important;
            }

        }
    }

    @media only screen and (min-width: 577px) and (max-width: 800px) {
        .product-info-tab-list {
            margin: 0;

            li {
                padding: 0 16px 20px;

                a {
                    font-size: 20px;
                }
            }
        }
    }

}