/* ------------------------------------------------------------------ */
/* Slideshow Setup Start */

* {box-sizing: border-box}
.mySlides {display: none}
img {vertical-align: middle;}

* {box-sizing: border-box}
.mySlidesMobile {display: none}
img {vertical-align: middle;}

* {box-sizing: border-box}
.mySlidesTablet {display: none}
img {vertical-align: middle;}




/* The dots/bullets/indicators */
.dot, .dotMobile, .dotTablet{
height: 15px;
width: 15px;
margin: 0 2px;
background-color: #bbb;
border-radius: 50%;
display: inline-block;
transition: background-color 0.6s ease;
}


.active, .activeMobile, .activeTablet{
background-color: #4CAF50;
}


/* Fading animation */
.fade, .fadeMobile, .fadeTablet{
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}


@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@-webkit-keyframes fadeMobile {
  from {opacity: .4} 
  to {opacity: 1}
}


@-webkit-keyframes fadeTablet {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fadeMobile{
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fadeTablet{
  from {opacity: .4} 
  to {opacity: 1}
}



/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .prev, .next,.text {font-size: 11px}
}
/* Slideshow Setup Finish */
/* ------------------------------------------------------------------ */
/* temp turn dots off desktop */
.dot{
  display: none;
}


.mobile{
  display: none;
}

.dotMobile{
  display: none;
}

.tablet{
  display: none;
}

.dotTablet{
  display: none;
}


  /* Slideshow */
    /* Slideshow container */
    .slideshow-container{
      background-color: rgba(99, 245, 228, 0.445);
      /* background-image: url(../../images/background/checked-flag.jpg); */
      background-position: top;
      background-repeat: no-repeat;
      background-size: cover;
      position: relative;
    }
    
    .slideshow-container-desktop {
      background-color: white;
      max-width: 1024px;
      height:120px;
      position: relative;
      margin: auto;
     
    }
  
  .white-space{
    width: 100%;
    height: 10px;
  }
  
    /* Slideshow Home Page  */
  .slideshow-container img{
    height:120px;
    /* object-fit:cover; */
    /* object-position: 100% 25%; */
    
    }


@media (max-width: 1660px){



}


@media (max-width: 1367px){


}


@media (max-width: 1025px){

    


}

@media (max-width: 1023px){


    .desktop {
      display: none;
    }

    .tablet {
      display:block;
  }

  .white-space{
    width: 100%;
    height: 0px;
  }

  .slideshow-container-desktop {
    max-width: 1023px;
    height:250px;
  }

  .slideshow-container img{
    height: 250px;
    width:auto;
    object-fit:cover;
    object-position: 100% 25%;
    }

}



@media (max-width: 768px){


 




  /* TURN OFF TEMP */
  /* .dotTablet {
      display: inline-flex;
  } */

  .dot{
      display: none;
  }
}

@media (max-width: 600px){
  .slideshow-container-desktop {
    /* color: rgb(218, 213, 213); */
    max-width: 1023px;
    height:200px;
  }
  .slideshow-container img{
    max-height: 200px;
    width:auto;
    object-fit:cover;
    object-position: 100% 25%;
    }
}

@media (max-width: 500px){
  .slideshow-container-desktop {
    /* color: rgb(218, 213, 213); */
    max-width: 1023px;
    height:150px;
  }
  .slideshow-container img{
    max-height: 150px;
    width:auto;
    object-fit:cover;
    object-position: 100% 25%;
    }

  .tablet {
      display: none;
  }

  .mobile {
      display:block;
  }

  .dotTablet {
      display: none;
  }


  /* TIRN OFF TEMP */
  /* .dotMobile{
      display: inline-flex;
  } */

  .home-header-graphic-box_text h1{
    font-size:2.8rem;
}

}

@media (max-width: 350px){
  .slideshow-container img{
    max-height: 120px;
    width:auto;
    object-fit:cover;
    object-position: 100% 25%;
    }



  }