@media (max-width: 1399.98px) {
    .menu-left{
        position: static;
    }
}
@media (max-width: 1199.98px) {

}
@media (max-width: 991.98px) {

}
@media (max-width: 767.98px) {
    .box-content-top,
    .box-content-inner{
        padding: 20px;
    }
    .box-content-footer{
        padding: 10px 20px 5px;
    }
    .box-content-footer a{
        margin-bottom: 5px;
        display: inline-block;
    }
    .nav-tabs .nav-item.show .nav-link,
    .nav-tabs .nav-link.active{
        font-size: 18px;
        line-height: 20px;
    }
    .wrap-table td{
        padding: 10px;
        font-size: 16px;
        line-height: 18px;
    }
    .wrap-table{
        padding: 10px;
    }
    .wrap-table .title-table{
        position: static;
        font-size: 16px;
    }
    .progress-wrapper{
        display: block;
    }
    .progress-wrapper .progress-title{
        margin: 0 0 15px;
        text-align: left;
    }
    .unlock{
        display: inline-block;
        margin-bottom: 10px;
    }
    .wrapper-table{
        padding: 20px 10px 10px;
    }
    .full-width-mobile th:first-child,
    .full-width-mobile th{
        display: block;
        width: 100%;
        padding: 0;
        margin: 0 0 10px;
    }

    .tp-table-3 tr th,
    .tp-table-3 tr td{
        width: 100%;
        display: block;
        padding: 10px;
    }
    .tp-table-3 table{
        min-width: 0;
    }
    .tp-table-3 tr td .col-7{
        width: 100%;
    }
    .tp-table-3 tr td .btn-accent{
        width: 100%;
        margin: 10px 0;
    }
    .tp-table-3 tr td .text-end{
        text-align: center!important;
    }
    .tp-table-2 table,
    .tp-table-2 td{
        display: block;
        width: 100%!important;
        text-align: center;
    }
    .tp-table-2 td{
        border: none!important;
        border-bottom: 1px solid var(--white-light-2-custom)!important;
        padding: 10px;
    }
    .tp-table-2 td:nth-child(3), .tp-table-2 th:nth-child(3){
        text-align: center;
    }
}
@media (max-width: 575.98px) {
    .font-76{
        font-size: 50px;
        line-height: normal;
    }
    .font-60{
        font-size: 45px;
        line-height: 50px;
    }
    .font-40{
        font-size: 35px;
        line-height: normal;
    }
    .font-30,
    .font-26{
        font-size: 20px;
        line-height: normal;
    }
    .box-star{
        padding: 10px;
    }
    .btn-large{
        padding: 10px 20px;
    }
    .box-footer{ padding: 10px 15px; }
    .color-box{
        word-break: break-word;
    }
    .box-grey{
        display: block;
        text-align: center;
    }
    .box-border-3{
        padding: 15px;
        display: block;
    }
    .box-border-3 .box-border-3-image{
        margin: 0 auto 15px;
        width: auto;
        text-align: center;
    }
    .box-border-3-grey{
        max-width: 100%;
        margin-top: 15px;
    }
    .wrapper-table-2{
        padding: 30px 15px 15px;
    }
    .list-social li span{
        display: none;
    }
    .list-social li{
        margin: 0 15px;
    }
    .box-content-footer .me-auto{
        margin-right: 0!important;
    }
    .box-content-footer .col-auto{
        width: 100%;
    }
    .box-content-footer a{
        width: 100%;
        display: block;
        margin: 0 0 10px;
        text-align: center;
    }
    .idea-box{
        padding: 15px;
    }
    .idea-box img{
        position: static;
        margin: 0 auto 15px;
        display: block;
    }
    .form-discount .col-auto,
    .tp-package .btn-medium{
        width: 100%;
    }
    .form-discount input{
        max-width: 100%;
    }
    #app-form-add{
        max-width: 195px;
    }
    .loadapp{
        font-size: 40px;
    }
    .box-button{
        text-align: center;
        margin-bottom: 15px;
    }
    .box-button .btn-large{
        padding: 15px 30px;
        font-size: 30px;
    }
    .box-button span{
        display: none;
    }
    .box-top-image{
        display: block;
    }
    .insights-box img,
    .box-top-image img{
        margin : 0 auto 20px;
        display: block;
    }
    .insights-box{
        display: block;
    }
    .insights-box p{
        margin-top: 20px;
    }
}