# wpdirectorykit/1.3.4/public/css/dist/wpdirectorykit-public-responsive.css

WP Directory Kit, version 1.3.4. 56 lines.

- Page: https://pluginprobe.com/plugins/wpdirectorykit/1.3.4/code/public/css/dist/wpdirectorykit-public-responsive.css
- Raw: https://pluginprobe.com/plugins/wpdirectorykit/1.3.4/raw/public/css/dist/wpdirectorykit-public-responsive.css
- Modified: 2024-06-20T21:53:40+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/wpdirectorykit/1.3.4/code/public/css/dist/wpdirectorykit-public-responsive.css#L10-L20`.

```css
/*------------------------------------------------------------------
[Media Stylesheet]
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
[Table of contents]

1. Min width 992px and Max width: 1199px
2. Max width: 1140px 
3. Max width: 992px
4. Max width: 992px and min width: 768px
5. Max width: 767px
6. Max width: 480px
7. Custom media for IE

-------------------------------------------------------------------*/
/*------------------------------------------------------------------
[1. Min width 992px and Max width: 1199px ]
*/
/*------------------------------------------------------------------
[2. Max width: 1140px ]
*/
/*------------------------------------------------------------------
[3. Max width: 991px ]
*/
@media (max-width: 991px) {
  body .wdk-element .wdk-row .wdk-col {
    width: 50%;
    -webkit-flex: 0 0 calc(100% / 2);
    flex: 0 0 calc(100% / 2);
  }
}
/*------------------------------------------------------------------
[4. Max width: 992px and min width: 768px]
*/
/*------------------------------------------------------------------
[5. Max width: 767px]
*/
@media (max-width: 767px) {
  body .wdk-element .wdk-row .wdk-col {
    width: 100%;
    -webkit-flex: 0 0 calc(100% / 1);
    flex: 0 0 calc(100% / 1);
  }
}
/*------------------------------------------------------------------
[6. Max width: 540px]
*/
/*------------------------------------------------------------------
[6. Max width: 576px]
*/
/*------------------------------------------------------------------
[6. Max width: 540px]
*/
/*------------------------------------------------------------------
[7. Custom media for IE]
*/
```