#uid-1066 .container,
#uid-1159 .container {
	position: relative !important;
	max-width: 1440px !important;
	width: 1440px !important;
  padding-left: 0%;
  padding-right: 0%;
}


/* Animation Slider */
#wrap-anim-slider {
  height:clamp(15rem, 39.744vw - 1.394rem, 34.375rem);
  width:100%;
  position:relative;
  margin-top:120px;
}

#page-title {
  position:absolute;
  top:-120px;
  left:0;
}

#anim-slider {
  display:flex;
  gap:0px;
  height: clamp(15rem, 39.744vw - 1.394rem, 34.375rem);
  width:100%;
  position: absolute;
  top:0;
  left: 50%;
  transform: translateX(-50%);
}



/* Slider Columns */
.anim-slide {
  position:relative; 
  /* border:1px solid magenta; */
}

.col1,
.col4 {
  flex:0 1 auto;
  width:calc((100vw - 1440px) / 2);
  min-width:auto;
  display: flex;
}

.col2,
.col3   {
  flex: 1 0 720px;
  display: flex;
  width:720px;
  z-index:5;
}


/* Slider Content Boxes */
.box {
  max-width:100%; 
  overflow:hidden;  
  aspect-ratio:3/2; 
  height:auto;
  display:block; 
  max-height:480px; 
  position:absolute; 
  transform-origin: 0% 0% 0;
}

.box2  {
  bottom:0;
  left:0;
}

.box3 {
  max-width:720px;
  top:0;
  left:0;
  transform-origin: left top; 
}

.box1,
.box4 {
  max-width:240px;
  opacity:0; 
}
.box1 {
  bottom:0;
  left:0;
}

.box4 {
  bottom:0;
  left:0;
}

.box img {
  overflow:hidden; 
}





@media screen and (max-width: 1600px) { 
  
#uid-1066 .container,
#uid-1159 .container {
	position: relative !important;
	max-width: 100% !important;
	width: 100% !important;
  padding-left: 5%;
  padding-right: 5%;
}

#anim-slider {
  display:flex;
  gap:0px;
  width:100%;
  position: absolute;
  top:0;
  left: 0;
 transform:none; 
}

.col1,
.col4 {
  width:5%;
  min-width:auto;
}

.col2,
.col3   {
  flex: 1 0 calc(90% / 2);
  width:calc(90% / 2);
}

.box {
  transform-origin: 0% 0% 0px;
}

.box1,
.box4 {
   opacity:0; 
}

.box {
    height:auto; 
    width:calc((45vw / 3)); 
}


}








@media screen and (max-width: 991.5px) { 
  
  #uid-1066 .container,
  #uid-1159 .container {
    padding-left: 2.5%;
    padding-right: 2.5%;
  }

  .col1,
  .col4 {
    width:2.5%;
    min-width:auto;
  }

  .col2,
  .col3   {
    flex: 1 0 calc(95% / 2);
    width:calc(95% / 2);
  }

}

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

  #wrap-anim-slider {
    height:200px;
  }

  #anim-slider {
    height: 200px;
  }

  #page-title {
    width:100vw; 
    top:-95px;
  }
}


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

  #wrap-anim-slider {
    height:145px;
  }

  #anim-slider {
    height: 145px;
  }
}