/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/
/* `xs` returns only a ruleset and no media query*/
.jbu-container {
  display:block;
   clear:both;
   padding: 0;
  position:relative; 
  height:100%;
  overflow:hidden;
   width:100%;
}

/******** Modal*****/
.carousel-inner {  
    height: 100%;
}
.carousel-item {
    height: 100vh!important;
}
/* `sm` applies to x-small devices (portrait phones, less than 576px)*/
@include media-breakpoint-only(xs) { ... }

/* `md` applies to small devices (landscape phones, less than 768px)*/
@include media-breakpoint-only(sm) { ... }

/*`lg` applies to medium devices (tablets, less than 992px)*/
@include media-breakpoint-only(md) { ... }

/* `xl` applies to large devices (desktops, less than 1200px)*/
@include media-breakpoint-only(lg) { ... }

/* `xxl` applies to x-large devices (large desktops, less than 1400px)*/
@include media-breakpoint-only(xl) { ... }

/* `xxl` applies to xx-large devices (xx-large desktops, over than 1400px)*/
@include media-breakpoint-only(xxl) { ... }