body{margin: 0px;
	 font-family: 'Montserrat', sans-serif; }
	.container{width: 50%; margin-left: 15%; margin-right: 15%; margin: 0 auto; text-align: center; border:1px solid #ededed;}
	.logo {
    text-align: center;
    padding-top: 4%;
    padding-bottom: 2%;
    width: 30%;
    margin: 4% auto;
}
.logo img{width: 100%}
.slideshow-container {
    width: 100%;
}
p{padding: 0% 1%; line-height: 1.5em}
.slideshow-container img{width: 100%}

	/*slider css start*/
	.mySlides {display: none;}
img {vertical-align: middle;}
form {
    text-align: center;
}
input {
    width: 44%;
    padding: 2%;
    border-radius: 50px;
    shape-image-threshold: none;
    border: none;
    background-color: #ededed;
    font-size: 1.1em;
    text-align: center;
    outline: none
}
select {
    width: 47%;
    padding: 2%;
    border-radius: 50px;
    border: none;
    background-color: #ededed;
    /* text-align: center; */
    font-size: 1em;
    outline: none;
    margin-bottom: 5%;
    font-size: 1.1em
}
/*header logo css start*/
.header-logo {
    width: 28%;
    
    padding: 4%;}
.header-logo img{width: 100%}
/*header logo css end*/
select {
   text-align-last: center;
   text-align: center;
   -ms-text-align-last: center;
   -moz-text-align-last: center;
}


button {
    padding: 2% 5%;
    margin-top: 2%;
    border: none;
    border-radius: 50px;
    outline: none;
    background-color: #ee3a45;
    color: #fff; font-weight: 600;
    font-size: 1em
}
.submit{text-align: center;}
/* Slideshow container */
.slideshow-container {
  /*max-width: 1000px;*/
  position: relative;
  margin: auto;
  border-top: 1px solid #ededed;
}
p{text-align: center;}

/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

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

.active {
  background-color: #717171;
}

/* Fading animation */
.fade {
  -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}
}

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


@media only screen and (max-width: 1024px) {
  input {
    width: 50%}
    select{width: 54%}
    button {
    padding: 3% 10%;}
}

@media only screen and (max-width: 768px) {
  select {
    width: 74%;
}
  .logo{width: 45%}
  input {
    width: 70%;}
    .slideshow-container {
    width: 100%;
}
button {
    padding: 3% 10%;}
}
@media only screen and (max-width: 512px) {
  button {
    padding: 2% 11%; margin-top: 0}
  select {
    width: 76%;
}
  .container {
    width: 100%; border: none!important}
  .logo {
    width: 40%;
}
.logo{ padding-top: 6% }
  .slideshow-container {
    width: 100%;

}
input {
    width: 73%;
}

}

@media only screen and (max-width: 412px) {
  select {
    margin-bottom: 7%;
}
.logo {
    width: 40%;
}
.slideshow-container {
    width: 100%;
}
}

@media only screen and (max-width: 320px) {
  p {
    text-align: center;
    padding: 1%;
}
  select {
    width: 92%;
}
  input {
    width: 86%;
    padding: 3%;
}
button {
    padding: 4% 12%;
}
.logo {
    width: 50%;
}
.logo {
    padding-top: 10%;
}
/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .text {font-size: 11px}
}
	/*slider css end*/