.variux-box-2-col.mobile_view {
    display: none;
}
.variux-box-2-col.desktop_view {
    display: block;
}
.variux-box-2-col.mobile_view {
    .btn.btn-outline-primary {
        font-size: 19px;
    }
}
@media only screen and (min-width: 769px) and (max-width: 1180px) {
    .variux-box-2-col {
        &.desktop_view {
            display: none;
        }
        &.mobile_view {
            display: block;
            margin-top: 30px;
            .promobox--column-box.text-left {
                .col-lg-5.text-center {
                    margin-top: 50px!important;
                    padding-left: 0!important;
                    padding-right: 0;
                }
            }
            .variux-box-2-col-content {
                .row {
                    margin-left: 0;
                    margin-right: 0;
                }
                flex-direction: row;
                .col-first.container {
                    padding-left: 60px;
                    padding-right: 10px;
                }
                .col-second.container {
                    padding-left: 10px;
                    padding-right: 60px;
                }
                .col-first, .col-second {
                    flex-basis: 50%;
                    &.container {
                        margin-bottom: 0!important;
                    }
                    .btn-circle, .promobox__text_item, .btn-col {
                        display: flex;
                        justify-content: center;
                        text-align: center;
                    }
                    .btn-col {
                        .btn.btn-outline-primary {
                            min-width: 100%!important;
                        }
                        margin-top: 30px!important;
                    }
                    .promobox__text_item_title {
                        padding-left: 40px;
                        padding-right: 40px;
                        /*min-height: 90px;*/
                        span.h2 {
                            font-size: 30px;
                            line-height: 45px;
                        }
                    }
                    .promobox__text_item_description {
                        padding-left: 40px;
                        padding-right: 40px;
                    }
                    .btn-col {
                        padding-left: 40px;
                        padding-right: 40px;
                    }
                    .promobox__text_item.promobox__text_item_description {
                        margin-bottom: 0;
                        margin-top: 0;
                        .contect-des {
                            /*min-height: 360px;*/
                            span {
                                font-size: 19px;
                                line-height: 40px;
                            }
                        }
                    }
                }
            }
        }
    }
}

@media only screen and (min-width: 577px) and (max-width: 768px){
    .variux-box-2-col.desktop_view {
        display: none;
    }
    .variux-box-2-col {
        &.mobile_view {
            display: block;
            .btn-circle, .promobox__text_item, .btn-col {
                display: flex;
                justify-content: center;
                text-align: center;
            }
            .col-first, .col-second {
                .btn-circle {
                    padding-bottom: 20px;
                }
                .promobox__text_item {
                    &.promobox__text_item_description {
                        margin: 15px 0;
                    }
                }
            }
        }
    }
}

@media only screen and (max-width: 576px) {
    .variux-box-2-col.desktop_view {
        display: none;
    }

    .variux-box-2-col {
        &.mobile_view {
            display: block;
            .btn-circle, .promobox__text_item, .btn-col {
                display: flex;
                justify-content: center;
                text-align: center;
            }

            .col-first,.col-second {
                display: flex;
                flex-direction: column;
            }
            .promobox--column-box.text-left {
                .col-lg-5.text-center {
                    padding-left: 0!important;
                }
            }
            .promobox__text_item.promobox__text_item_description .contect-des {
                max-width: unset!important;
            }

            .promobox__text_item{
                &.promobox__text_item_description {
                    margin-bottom: 25px;
                    span {
                        font-size: 19px;
                        line-height: 35px;
                    }
                }
            }

            .btn.btn-outline-primary {
                padding-left: 16px!important;
                padding-right: 16px!important;
            }
        }
    }


}