#slide{position: relative;
	}
	
* {
	box-sizing: border-box
}

.mySlides {
	display: none
}

.slideshow-container {
	width: auto;
	position: relative;
	/*margin: -10px;*/

}
.enquirydiv{
	position: absolute;
	top:75%;
	left: 16%;
	width: 180px;
	height: 50px;
	background-color:rgb(11, 122, 113);
	border-radius: 5px;
}
.enquirydiv:hover{
	background-color:rgb(3, 88, 81)
}
.enquirydiv a{
	text-decoration: none;
	font-size: 23px;
	font-weight: bold;
	color:white;
	width: 100%;
	height: 100%;
	}
/* Next & previous buttons */
.prev, .next {
	cursor: pointer;
	position: absolute;
	top: 49%;
	width: auto;
	padding: 13px;
	margin-top: -22px;
	color: rgb(82, 79, 79);
	font-weight: bold;
	font-size: 40px;
	transition: 0.6s ease;
    border-radius: 0 20px 20px 0;
   
}
/* Position the "next button" to the right */
.next {
	right: 0;
	border-radius: 20px 0 0 20px;
}
/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
    background-color: rgba(0, 0, 0, 0.8);
    opacity: 0.5;
    color: #ffffff;
}
/* Caption text */
.text {
	color: #f2f2f2;
	font-size: 15px;
	padding: 8px 12px;
	position: absolute;
	bottom: 8px;
	width: 100%;
	text-align: center;
}

/* The dots/bullets/indicators */
.dots{
    position: absolute;
    top:88%;
    left:47%
}
.dot {
	cursor: pointer;
	height: 13px;
	width: 13px;
	margin: 0 2px;
	background-color: #bbb;
	border-radius: 50%;
	display: inline-block;
	transition: background-color 0.6s ease;
}
.active, .dot:hover {
	background-color: #717171;
}
/* Fading animation */
.fade {
	-webkit-animation-name: fade;
	-webkit-animation-duration: 2s;
	animation-name: fade;
	animation-duration: 2s;
}
@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

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

/* On smaller screens, decrease text size */
@media only screen and (max-width: 1000px){
    .prev ,.next{
        font-size: 30px;
       
     }
     .dots{
        top:83%;
        left:44%
    }
	.enquirydiv{
		top:75%;
	left: 16%;
	width: 160px;
	height: 40px;
	}
}
@media only screen and (max-width: 800px){
	.enquirydiv{
		top:70%;
	left: 10%;
	width: 130px;
	height: 30px;
	}
	.enquirydiv a{
		font-size: 17px;
	}
}	

@media only screen and (max-width: 600px) {
 .prev ,.next{
    display: none;
 }
 
 	.enquirydiv a{
		font-size: 15px;
	}
	
 .dots{
     top:73%;
     left:40%
 }
 .dot{
     width:12px;
     height:12px;
 }
 .enquirydiv{
	top:72%;
left: 5%;
width: 110px;
height: 27px;
}
}
@media only screen and (max-width: 400px){
    
     .dots{
         top:80%;
         left:38%;
     } 
     .dot{
        width:8px;
        height:8px;
    }
}