@media (max-width: 768px) {

    .popup {
        .modal-wrapper {
            width: auto;
            left: 0;
            margin: 20px;
            top: 25px;
        }
        .modal-header {
            font-size: 19px;
            padding: 20px 30px;
        }
        .modal-content {
            padding: 20px 10px;
            border: 0;
            min-height: inherit!important;
            &.popup_has_image {
                .text {
                    padding: 30px;
                }
            }
        }
        .modal-body {
            .col_image {
                order: 0!important;
                .img {
                    position: relative;
                    left: -7.5px!important;
                    right: -7.5px!important;
                    width: calc(100% + 15px);
                }
            }
            .col_item {
                -ms-flex: 100%;
                flex: 100%;
                max-width: 100%;
            }
        }
    }

}