.wizard.wizard-type-2 {
    margin: 0px auto;

    .tab-pane {
        position: relative;
        padding-top: 50px;
    }

    .wizard-inner {
        position: relative;

        .connecting-line {
            height: 2px;
            background: $dark-gray-25;
            position: absolute;
            margin: 0 auto;
            left: 0;
            top: 34%;
            width: 70%;
            right: 0%;
        }

        .connecting-line.active {
            background: $medium-blue-100;
        }

        ul.nav.nav-tabs {
            position: relative;
            margin: 0px auto;
            border-bottom: 0px;

            li.nav-item {
                margin-left: 0;

                .nav-link {
                    width: 55px;
                    height: 55px;
                    border-radius: 100%;
                    padding: 0;
                    margin: 0 auto;
                    color: $white;
                    position: relative;
                    border: 0;
                    cursor:pointer;

                    &:hover {
                        background: transparent;
                        background: none;

                        .round-tab {
                            border: 0;
                        }
                    }

                    span.round-tab {
                        width: inherit;
                        height: inherit;
                        display: inline-block;
                        border-radius: 100px;
                        text-align: center;
                        background: $dark-gray-25;
                        @include font-size(26);

                        strong {
                            color: $white;
                            margin-right: 1px;
                        }

                        i {
                            color: $white;
                            display: block;
                            margin-right: 0px;
                            line-height: 2;
                            margin-top: 5px;
                            margin-left: 2px;
                            /*position: absolute;
                            top: 6px;
                            right: 15px;
                            color: $white;*/
                        }
                    }
                }

                .nav-link.active {
                    border: 0;

                    span.round-tab {
                        background: $royal-blue-100;
                        color: $white;

                        i {
                            color: $white;
                        }
                    }
                }

                .nav-link.disabled {
                    cursor:not-allowed;
                }

                p {
                    line-height: 15px;
                    margin-bottom: 0px;
                    @include font-size(14);
                    padding-top: 10px;
                }
            }
        }
    }
}

.wizard.wizard-steps2 {
    .wizard-inner {
        .connecting-line {
            width: 50%;
        }

        .nav.nav-tabs {
            li.nav-item {
                width: 50%;
            }
        }
    }
}

.wizard.wizard-steps3 {
    .wizard-inner {
        .nav.nav-tabs {
            li.nav-item {
                width: 33.33%;
            }
        }
    }
}

.wizard.wizard-steps4 {
    .wizard-inner {
        .nav.nav-tabs {
            li.nav-item {
                width: 25%;
            }
        }
    }
}

.wizard.wizard-steps5 {
    .wizard-inner {
        .nav.nav-tabs {
            li.nav-item {
                width: 20%;
            }
        }
    }
}

.wizard.wizard-steps6 {
    .wizard-inner {
        .nav.nav-tabs {
            li.nav-item {
                width: 16.16%;
            }
        }
    }
}



/*======================================================================================================================================
      ======================================================================================================================================
      ======================================================================================================================================
      ======================================================================================================================================
      ==========  Non-Mobile First Method(Bootstrap 4 Breakpoints)  ========================================================================
      ======================================================================================================================================
      ======================================================================================================================================
      ======================================================================================================================================
      ======================================================================================================================================*/
/***************************************************
        ************************************************
        Large Devices, Wide Screens
        ************************************************
    ****************************************************/
@media only screen and (max-width: 1200px) {
}
/***************************************************
        ************************************************
        Medium Devices, Desktops
        ************************************************
    ****************************************************/
@media only screen and (max-width: 992px) {
    .wizard.wizard-type-2 {

        .wizard-inner {

            .connecting-line {
                top: 23%;
            }

            ul.nav.nav-tabs {

                li.nav-item {

                    a.nav-link {
                        text-align: center;
                        width: 42px;
                        height: 42px;

                        span.round-tab {
                            @include font-size(18);

                            strong {
                            }

                            i {
                            }
                        }
                    }
                }
            }
        }
    }
}
/***************************************************
        ************************************************
        Small Devices, Tablets
        ************************************************
    ****************************************************/
@media only screen and (max-width: 768px) {
}
/***************************************************
        ************************************************
        Extra Small Devices, Phones
        ************************************************
    ****************************************************/
@media only screen and (max-width: 480px) {
}
/***************************************************
        ************************************************
        Custom, iPhone Retina
        ************************************************
    ****************************************************/
@media only screen and (max-width: 320px) {
}