/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1000; /* Sit on top */
  left: -10%;
  top: 45%;
  margin-top: -0px;
  width: 50%; /* Full width */
  height: 80%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  /* background-color: rgb(0,0,0);  Fallback color */
   /*background-color: rgba(0,0,0,0.7); Black w/ opacity */
}

/* Modal Content */
.modal-content { 
  background-color: #fefefe;
  margin: auto;
  border: 5px solid rgba(0,0,0,.3);
  width: 430px;
  height:245px;
}

/* The Close Button */
.close1, .close2, .close3, .close4, .close5, .close6 {
	position:absolute;
	right:3px;
	bottom:130px;
}

.close1:hover, .close2:hover, .close3:hover, .close4:hover, .close5:hover, .close6:hover,
.close1:focus, .close2:focus, .close3:focus, .close4:focus, .close5:focus, .close6:focus {
cursor:pointer;
}
.carousel-inner {height: 400px;}
@media screen and (max-width: 797px) {  
.modal-content {width: 150px;height:50px;}
.carousel-inner {height: 200px !important;}
.carousel{height: 300px;}