@media (max-width: 1439px) {
    .step-flex .step-flex--item{
        flex: 0 0 50%;
        max-width: 50%;

        padding-left: 30px;
        padding-right: 30px;
    }
    .step-flex{
        margin-left: -30px;
        margin-right: -30px;
    }
    .px-container-370{
        padding-left: 25px;
        padding-right: 25px;
    }
}
@media (max-width: 1300px) {
    .custom-columns--50{
        margin-left: -20px;
        margin-right: -20px;
    }
    .custom-columns--50 > div{
        padding-left: 20px;
        padding-right: 20px;
    }
}
@media (max-width: 1280px) {
    .container-dash{
        padding-left: 50px;
        padding-right: 50px;
    }
    .container-px--lg{
        padding-left: 50px;
        padding-right: 50px;
    }
}

@media (max-width: 1199.98px) {
    .sidebar {
        width: 230px;
    }
    .sidebar-gutters {
        padding-left: 230px;
    }
    .header-dash-link {
        padding: 9px 5px;
    }
    .block-downlod{
        max-width: 100%;
        padding-top: 39px;
        position: relative;
        width: 100%;
        padding-left: 30px;
        padding-right: 30px;
        padding-bottom: 0 !important;
    }
    .align-items-center-1200{align-items:center;}
    .text-center-1200{text-align:center;}
    .oder--1-1200{order:-1;}
    .custom-columns > .custom-col-12-1200{
        flex: 0 0 100%;
        max-width: 100%;
    }
    .grade-row{
        flex-direction: column;
    }
    .grade-row .grade-row--option{
        justify-content: center;
    }
    .grade-row .grade-row--option:not(:last-child){
        margin-bottom: 25px;
    }
    .heading-1{
        font-size: var(--h2Size);
        line-height: 40px;
    }
    .step-flex .step-flex--item{
        flex: 0 0 100%;
        max-width: 100%;
        text-align: center;
        align-items: center;
    }
    .step-flex .step-flex--item *{
        align-items: center;
    }
    .step-flex .step-content{
        order: -1;
    }
}
@media (max-width: 1199.98px) {

}
@media (max-width: 1024px) {
    .d-none-1024{display:none !important;}
}
@media (max-width: 991.98px) {

}

@media (max-width: 767.98px) {
    .custom-steps .custom-step, .custom-steps--even .custom-step:nth-child(even){
        justify-content: normal;
    }
    .custom-steps--even .custom-step:nth-child(odd) .custom-step--path::after{
        left: 40px;
        right: auto;
    }
    .custom-steps--even .custom-step:nth-child(even) .custom-step--path::after{
        right: 40px;
        left: auto;
    }
    .custom-steps .custom-step .custom-step--path{
        width: 100%;
    }
    .step-card{
        max-width: 100%;
    }
    .custom-steps{
        padding-left: 0px;
        padding-right: 30px;
    }
    .items-center-768{
        align-items: center;
    }
    .text-center-768{
        text-align: center;
    }
    .d-none-768{display:none !important;}
    .mx-auto-768{
        margin-left: auto;
        margin-right: auto;
    }
    .custom-columns > .custom-col-12-768{
        max-width: 100%;
        flex: 0 0 100%;
    }
}

@media (max-width: 575.98px) {
    .px-container-370{
        padding-left: 0;
        padding-right: 0;
    }
    .block-downlod{
        padding-top: 20px;
    }
    .list-rows{
        flex-direction: column;
    }
    .pb-0-576{padding-bottom:0;}
    .mb-0-576{margin-bottom:0 !important;}
    .mw-full-576{max-width:100% !important;}
    .d-block-576{display:block;}
    .promo-section .steps-flex--text .heading{
        max-width: 100%;
    }
    .promo-section .steps-flex--form{
        padding: 30px;
    }
    .custom-columns--50 > .steps-flex--text{
        padding-left: 0;
        padding-right: 0;
    }
    .promo-section .status-bar{
        margin-top: 42px;
    }
    .promo-section .steps-flex--text{
        background-color: var(--black);
        padding-bottom: 0;
    }
    .promo-section .heading-block{
        padding-left: 15px;
        padding-right: 15px;
    }
    .promo-section .steps-flex--text .global-rating{
        background-color: var(--black);
        color: var(--white);
    }
    .steps-flex--text .global-rating{
        order: -1;
        margin-top: 0;
    }
    .d-none-576{display:none !important;}
    
    .order-1-576{order:1;}
    .mt-10-576{margin-top:10px;}
    .d-flex-576{display:flex;}
    .flex-columns-576{
        flex-direction: column;
    }
    .footer .footer-item > *:not(:last-child){
        margin-right: 0 !important;
    }
    .footer .footer-item:last-child{
        padding-bottom: 24px;
    }
    .footer .footer-item{
        justify-content: center;
        text-align: center;
        flex-direction: column;
    }
    .footer .list-row--columns{
        text-align: center;
        justify-content: center;
        flex-direction: column;
    }
    .review-2--header{
        position: relative;
        padding-bottom: 30px;
    }
    .review-2--header .rating{
        position: absolute;
        width: 100%;
        left: 0;
        bottom: 0;
    }
    .review-2{
        padding: 30px 30px 20px 30px;
    }
    .review-2 .review-2--footer, .review-2 .review-2--body{
        padding-top: 10px;
    }
    .dbl-btns.dbl-btns-rows-576{
        margin-left: -5px;
        margin-right: -5px;
        width: 100%;
    }
    .dbl-btns.dbl-btns-rows-576 .btn{
        max-width: calc(50% - 10px);
        width: calc(50% - 10px);
        margin-left: 5px;
        margin-right: 5px;
    }
    .review .review--body{
        padding-right: 18px;
    }
    .review .review-image--container{
        padding-left: 10px;
    }
    .review .after-shape::after{
        left: -15px;
    }
    .review .review-image {
        min-width: 90px;
        min-height: 105px;
    }
    .review .review-text {
        font-size: 14px;
        line-height: 20px;
    }
    .swiper-reviews .style-pagination{
        opacity: 1;
    }
    .mx-container-576{
        margin-left: 30px;
        margin-right: 30px;
    }
    .bg-primary-100-576{
        background-color: var(--primary-100);
    }
    .accordeons .accordeon, .accordeons .review-2{
        margin-bottom: 10px;
    }
    .accordeon .accordeon-btn{
        padding-bottom: 20px;
        margin-bottom: -20px;
        margin-top: -20px;
        padding-top: 20px;
    }
    .accordeon > *{
        padding-left: 20px;
        padding-right: 20px;
    }
    .accordeon{
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .heading-2{
        font-size: 24px;
        line-height: 32px;
    }
    .section.py-\[60px\]{
        padding-top: 38px;
        padding-bottom: 38px;
    }
    .container-px--lg{
        padding-left: 30px;
        padding-right: 30px;
    }
    .promo-section .steps-flex{
        height: 100%;
    }
    .promo-section{
        align-items: initial;
    }
    .promo-section .heading-block{
        max-width: 330px;
    }
    .promo-section .heading{
        font-size: 24px;
        line-height: 32px;
        max-width: 100%;
        color: var(--white);
    }
    
    .promo-section .step-flex{
        margin-left: 0px;
        margin-right: 0px;
        min-height: 100%;
        margin-bottom: 0;
        flex-direction: column;
        flex-wrap: nowrap;
    }
    .promo-section .def-text--2{
        font-size: 14px;
        line-height: 18px;
    }
    .promo-section{
        padding-top: 0 !important;
        padding-bottom: 0px !important;
    }
    .promo-section .container-px--lg{
        padding-left: 0;
        padding-right: 0;
        display: flex;
        flex-direction: column;
        min-height: 100%;
        width: 100%;
    }
    .promo-section .step-content{
        background-color: var(--black);
        padding-bottom: 0;
        color: var(--white);
        padding-left: 0;
        padding-right: 0;
        height: max-content;
        flex: 0;
    }
    .promo-section .step-products{
        padding-top: 24px;
        flex: auto;
    }
    .promo-section .step-content, .promo-section .text-secondary-500{
        color: var(--white);
    }
    .promo-section .global-rating{
        max-width: 100%;
        width: 100%;
        color: var(--black);
        border-radius: 0;
        justify-content: center;
        text-align: center;
    }
    .promo-section .rating-input > label{
        width: 13px;
        height: 13px;
    }

    .profile-list--item{
        padding-left: 5px;
        padding-right: 5px;
    }
    .profile-list{
        margin-left: -5px;
        margin-right: -5px;
    }
    .gallery .gallery-item{
        padding-left: 0px;
        padding-right: 0px;
    }
    .gallery{
        margin-top: 0px;
        margin-bottom: -50px;
    }
    .gallery .gallery-item{
        margin-top: 0px;
    }
    .gallery-link{
        border-radius: 0;
    }
    .gallery{
        margin-left: -20px;
        margin-right: -20px;
    }
    .ico-15-576{
        min-width: 15px;
        width: 15px;
        height: 15px;
    }
    .btn-download{
        min-width: 30px;
        min-height: 30px;
        max-width: 30px;
    }
    .custom-columns-0-576{
        margin-left: 0;
        margin-right: 0;
    }
    .custom-columns-0-576 > div{
        padding-left: 0;
        padding-right: 0;
    }
}
@media (max-width: 380px) {
    .download-footer{
        padding: 15px;
    }
    .tabs-custom-2 .tab-button{
        min-width: 140px;
        padding: 10px 10px;
    }
    .container.container-dash{
        padding-left: 15px;
        padding-right: 15px;
    }
    .profile-list--bordered .profile-list--item:not(:last-child){
        border: none;
    }
    .profile-list .profile-list--item-6-380{
        flex: 0 0 50%;
        max-width: 50%;
    }
    .profile-wrapper{
        height: 130px;
    }
    .profile-photo--90{
        min-width: 70px;
        max-width: 70px;
        height: 70px;
    }
    .profile-wrapper{
        padding-top: 0;
    }
    .promo-section .steps-flex--form{
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 24px;
        padding-bottom: 50px;
    }
    .heading-2{
        font-size: 20px;
        line-height: 32px;
    }
    .review-2{
        padding: 20px;
    }
    .profile-card .profile-title{
        font-size: 18px;
        line-height: 20px;
    }
    .review .review-image{
        min-width: 85px;
    }
    .d-none-360{display:none;}
    .mx-container-576{
        margin-left: 15px;
        margin-right: 15px;
    }
    .step-flex .step-flex--item:not(.step-content){
        padding-left: 15px;
        padding-right: 15px;
    }
    .choices-comment__amount{
        font-size: 16px;
        line-height: 24px;
    }
    .container-px--lg{
        padding-left: 15px;
        padding-right: 15px;
    }
    
}
@media (min-width: 576px) {
    .d-block-576{display:none;}
}

@media (min-width: 768px) {

}

@media (min-width: 992px) {

}

@media (min-width: 1200px) {

}
@media (min-width: 1440px) {

}