.fixed-cover {

    position: fixed !important;
    height: 100% !important;
    width: 100vw !important;
    top: 0;

}

.fixed-float-right-50 {

    position: fixed !important;
    left: 50vw;

}

.fixed-float-right-60 {

    position: fixed !important;
    left: 60vw;

}

.fixed-float-left-0 {

    position: fixed !important;
    left: 0vw;

}

.fixed-float-bottom-right {

    position: fixed !important;
    bottom:0;
    right:0;
    border-radius:0;

}
/* FOR LARGE DEVICES */
@media only screen and (min-width: 992px) {

    #desktop, [class^="desktop"], [class^="desktop"] > * {
        display: block;
    }

    #mobile, [class^="mobile"], [class^="mobile"] > * {
        display: none;
    }

}

/* FOR TABLET DEVICES */
@media only screen
  and (min-width: 768px)
  and (max-width: 992px) {

    #desktop, [class^="desktop"], [class^="desktop"] > *, [class^="desktop"] *  {
        display: none;
    }
    #mobile, [class^="mobile"], [class^="mobile"] > *, [class^="mobile"] * {
        display: block;
    }

}

/* FOR MOBILE DEVICES */

@media only screen and (max-width: 768px) {

    #desktop, [class^="desktop"], [class^="desktop"] > * {
        display: none;
    }
    #mobile, [class^="mobile"], [class^="mobile"] > * {
        display: block;
    }

}