title: How can I add responsive mode (for all device) with DIMENSIONS control in elementor?
body: <p>How can I add responsive mode (for all device) with DIMENSIONS control in elementor pagebuilder? I already added the some code from his documentation but it don't worked. Now how can I add this or what's my mistake here? Can anyone help me?</p>
  <p><a href="https://i.stack.imgur.com/c8bIS.png" rel="nofollow noreferrer">Image Scrinshort</a></p>
  <pre><code>        $this-&gt;add_control(
          'trigger_tab_margin',
          [
              'label' =&gt; __( 'Margin', 'ferdaus-elementor-helps' ),
              'type' =&gt; \Elementor\Controls_Manager::DIMENSIONS,
              'size_units' =&gt; [ 'px', '%', 'em' ],
              'range' =&gt; [
                  'px' =&gt; [
                      'min' =&gt; 0,
                      'max' =&gt; 100,
                  ],
              ],
              'devices' =&gt; [ 'desktop', 'tablet', 'mobile' ],
              'desktop_default' =&gt; [
                  'size' =&gt; 30,
                  'unit' =&gt; 'px',
              ],
              'tablet_default' =&gt; [
                  'size' =&gt; 20,
                  'unit' =&gt; 'px',
              ],
              'mobile_default' =&gt; [
                  'size' =&gt; 10,
                  'unit' =&gt; 'px',
              ],
              'selectors' =&gt; [
                  '{{WRAPPER}} .proces-area' =&gt; 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
              ],
          ]
      );
  </code></pre>