crm-cache/crm/custom-service/front/activity/cwg-monthly-profit-bonus/sass/theme-responsive/elements/_tab.scss

@include respond-to('mini-desktop') {
    .tab-style-05 {
        .nav-tabs {
            .nav-item {
                .nav-link {
                    padding: 18px 20px 20px;
                }
            }
        }
    }
}
@include respond-to('laptop') {
    .tab-style-05 {
        .nav-tabs {
            .nav-item {
                .nav-link {
                    padding: 16px 20px;
                }
            }
        }
    }

    .tab-style-08 {
        ul {
            .nav-item {
                .nav-link {
                    padding:25px 10px;
                }
            }
        }
    }
}
@include respond-to('tablet') {
    .tab-style-02 {
        .nav-tabs {
            > li {
                &.nav-item {
                    margin: 0 10px;
                }
            }
        }
    }
    .tab-style-03 {
        .nav-tabs {
            .nav-link {
                padding: 10px 28px;
                margin-bottom: 0;
            }
            >li {
                &.nav-item {
                    padding: 0 5px;
                }
            }
        }
    }
    .tab-style-04 {
        .nav-tabs .nav-item {
            padding: 0 20px;
        }
    }
    .tab-style-05 {
        .nav-tabs {
            > li {
                &.nav-item {
                    width: auto;
                    padding: 0 3px;
                    .nav-link {
                        padding: 12px 20px;
                    }
                }
            }
        }
    } 
    .tab-style-07 {
        .nav-tabs {
            .nav-item {
                .nav-link {
                    padding-left: 50px;
                    padding-right: 50px;
                }
            }
        }
    }
}
@include respond-to('phone-landscape') {
    .tab-style-01 {
        .nav-tabs {
            border-bottom:0;
            > li {
                &.nav-item {
                    margin-bottom: 15px;  
                    .nav-link {
                        border-bottom: 1px solid var(--light-medium-gray);
                        border-radius: 6px;
                    }
                }
            }
        }
    }
    .tab-style-02 {
        .nav-tabs {
            > li {
                &.nav-item {
                    margin-bottom: 30px;
                }
            }
        }
    }
    .tab-style-01 {
        .nav-tabs {
            > li {
                &.nav-item {
                    margin-bottom: 15px;
                }
            }
        }
    }
    .tab-style-04 {
        .nav-tabs {
            display: inline-block;
            width: 100%;
            .nav-item { 
                width: auto;
                display: table;
                margin: 0 auto 10px;
            }
        }
    }
    .tab-style-05 {
        .nav-tabs {
            display: inline-block;
            width: 100%;
            .nav-item {
                display: table;
                margin: 0 auto;
                width: auto;
                .nav-link {
                    padding: 12px 30px;
                }
            }
        }
    }
    .tab-style-07 {
        .nav-tabs {
            .nav-item {
                .nav-link {
                    padding: 25px;
                    .number-box {
                        right: 40px;
                    }
                }
            }
        }
    }
    .tab-style-08 {
        ul {
            .nav-item {
                border-right: 0;
                border-bottom: 1px solid var(--light-medium-gray);
                flex-grow: inherit;
                flex-basis: auto;
                width: 100%;
                .nav-link {
                    padding:18px 25px;
                }
            }
        }
    }
}