/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Feb 09 2024 | 13:54:44 */
@media screen and (min-width: 800px) and (max-width: 1130px){
	.background-active{
		padding-right: 40px;	
	}
}

@media screen and (max-width: 1033px){
	.active{
		max-width: 320px;
		height: 320px;
	}
	.background-active{
		transform: translateY(-40px);
	}

}

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

	.background-active{
		transform: translateY(-20px);
	}

}

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

	 
	
	.sliderBody {
        height: 985px;
        flex-wrap: wrap-reverse;
    }
	.background-active{
		margin: 0px;
	}
	.active{
		margin: 0px;
	}
	.slider-image-container{
		height: 620px;
	}
}

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

  .sliderBody {
        height: 746px;
        flex-wrap: wrap-reverse;
    }
 
	.sliderButtons {
    margin: 0px 0 0 0px;
	}
    .sliderText {
		margin: 0 0 0 15px;
       width:350px;
       
    }
    .sliderText>p {

        letter-spacing: 0.4px;
       
    }
    
    
    .background-active{
        height:auto;
		max-width:400px;
		transform:translateY(30px);
		animation: zoom-mobile ease-in-out 0.4s;
    }
	  .active{
		  height:250px;
		  width:250px;
		  transform:translateY(30px);
	  }

    .slider-container {
		
         height: 250px;
      
     }
	   .slider-image-container {

         height: 450px;
      
     }

  }
  @keyframes zoom-mobile {
    0% {max-width: 0;
	  }
    25%{max-width: 200px;
	  }
    100% {max-width: 400px;
	  }
  }
@media screen and (max-width:380px){
		.sliderButtons {
    margin: -20px 0 0 0px;
	}
}