/*[xs] X-Small devices (portrait phones, less than 576px)*/
@media (max-width:575.98px) {
    /**/
}

/*[sm] Small devices (landscape phones, 576px and up)*/
@media (min-width:576px) {
    /**/
}

/*[md] Medium devices (tablets, 768px and up)*/
@media (min-width:768px) {
    /**/
}

/*[lg] Large devices (desktops, 992px and up)*/
@media (min-width:992px) {
    /**/
}

/*[xl] X-Large devices (large desktops, 1200px and up)*/
@media (min-width:1200px) {
    /**/
}

/*[xx] XX-Large devices (larger desktops, 1600px and up)*/
@media (min-width:1600px) {
    /**/
}

/*[2k] 2K devices (2000px and up)*/
@media (min-width:2000px) {
    /**/
}

/*[4k] 4K devices (3800px and up)*/
@media (min-width:3800px) {
    /**/
}

/*..*/

body.guide-lines *,
body.guide-lines *::before,
body.guide-lines *::after {
    outline: 1px solid #00aaff7a;
}