@media screen and (max-width: 800px) {
	.container-slideshow {
		max-width: 95%;
  		overflow-x: hidden;
	}
	.mySlides {
  		height: 250px;
  		border-radius: 1vw;
	}
	.caption-container {
		overflow-x: hidden;
		width: 160px;
		border-top-left-radius: 1vw;
  		border-bottom-left-radius: 1vw;
	}
	.caption {
 		font-size: 16px;
   		line-height: 30px;
	}
	.numbertext {
		font-size: 10px;
	}
	/* Next & previous buttons */
	.prev,
	.next {
	  display: none;
	  top: 60%;
	  font-size: 16px;
	  padding: 8px;
	}
	.prev {
	  left: 160px;
	}
	.container-slideshow:hover .prev,
	.container-slideshow:hover .next {
		display: block;
	}
	.dots {
	  top: 230px;
	}
	.dot {
	  height: 12px;
	  width: 12px;
	}
	.more_btn {
	  top: auto; left: auto;
	  margin-top: 20px;
	  margin-bottom: 20px;
	  margin-left: 12px;
	  border-radius: 0.8vw;
	  padding: 10px 25px;
	  font-size: 20px;
	}
	.more_btn:hover {
	    color: #b3ff99;
	    background-color: transparent;
	    border: 2px solid #b3ff99;
	}
}