/*------------------------------------------------------------------
Slice slider and carousel

[Table of contents]
1. Top banner
2. Banner sizes
2. Fullscreen banner

------------------------------------------------------------------*/
/*------------------------------------------------------------------
[1. Top banner]
------------------------------------------------------------------*/
.slice-banner-top {
  height: 900px;	
}


	
.slice-banner-top,
.slice-banner-top .slice-last-layer {
  max-height: 100vh;
	
	
}
@media (max-width:768px) and (min-width: 0px) {

.slice-stage-stretch {
  height: 450px;
	
	
}
	
}
/*------------------------------------------------------------------
[2. Banner sizes]
------------------------------------------------------------------*/
.slice-banner-xs {
  height: 90px;
}
.slice-banner-sm {
  height: 250px;
}
.slice-banner-md {
  height: 480px;
}
.slice-banner-lg {
  height: 600px;
}
.slice-banner-xl {
  height: 900px;
}

.slice-banner-full {
  height: 100%;
  width: 100%;
}
/*------------------------------------------------------------------
[3. Fullscreen banner]
------------------------------------------------------------------*/
.slice-banner-fullscreen {
  height: 100vh;
}
/*------------------------------------------------------------------
[4. Established background for banner]
------------------------------------------------------------------*/
.slice-banner-backA {
  background-image: url("https://www.starviewpackaging.com/https://www.starviewpackaging.com/https://www.starviewpackaging.com/assets/images/slider/main-slider_2048x1280-A.jpg");
	background-repeat: no-repeat;
	background-size: cover; 
	
	overflow: hidden;
	vertical-align: top; 
	  
}
.slice-banner-backB {
  background-image: url("https://www.starviewpackaging.com/https://www.starviewpackaging.com/https://www.starviewpackaging.com/assets/images/slider/main-slider_2048x1280-B.jpg");
	background-repeat: no-repeat;
	background-size: cover; 
	
	overflow: hidden;
	vertical-align: top; 
	  
}

@media (max-width:768px) and (min-width: 0px) {

.slice-banner-backB , .slice-banner-backA {
 background-size: contain; 
	
	
}
	
}