/*
 * @file
 * Provides the layout styles for layout_onecol.
 */
.layout--onecol {
  background-repeat: no-repeat !important;
  width: 100%;
}
.layout--onecol.background-top {
  background-position: top !important;
}
.layout--onecol.background-bottom {
  background-position: bottom !important;
}
.layout--onecol.background-left {
 background-position: left !important;
}
.layout--onecol.background-right {
  background-position: right !important;
}

@media screen and (max-width: 480px) {
  .frontend .layout-hide-mobile {
    display: none !important;
  }
}

@media screen and (min-width: 480px) and (max-width: 1024px) {
  .frontend .layout-hide-tablet {
    display: none !important;
  }
}

@media screen and (max-width:768px) {
  .frontend .hide-bg-image-mobile{
    background-image: none !important;
  }
}

@media screen and (min-width: 1024px) {
  .frontend .layout-hide-desktop {
    display: none !important;
  }
}