.container {
  max-width: 380px;
  max-height: 500px;
  background-color: white;
  position: relative;
}
.container div {
  width: 380px;
  height: 500px;
  background-color: white;
  width: 100%;
  padding: 20px;
  display: none;
  border: 2px #d7d7d7 solid;
  border-radius: 30px;
}
.container p {
  text-align: center;
  margin-bottom: 0;
  margin-top: 15px;
  display: block; 
}
.container img {
  float: left;
  padding: 10px;
}

.next {
  height:32px;
  width:32px;
  position: absolute;
  right: -100px;
  top:200px;
}

.prev {
  height:32px;
  width:32px;
  position: absolute;
  left: -60px;
  top:200px;
}


/* ------------------------------------------------MEDIA BREAKS  */
    @media all and (min-width:615px) and (max-width:1200px) {
      body {}
	}
    @media all and (max-width:615px) {
      body {}
	 .container {
	   max-width: 390px;
       max-height: 500px;
  	}
	.container div {
	   max-width: 390px;
       max-height: 500px;	
 	   width: 70%;
	}
	.container img {
	  width:100%;
      padding: 0px;

	}
   .next {
	 height:32px !important;
     width:32px !important;
 	 position: absolute;
 	 right: -3px;
 	 top:200px;
	}

	.prev {
	 height:32px !important;
     width:32px !important;
 	 position: absolute;
 	 left: -3px;
  	 top:200px;
    }	
	  
}

