/* Position the image container (needed to position the left and right arrows) */
.container {
  position: relative;
}

/* Hide the images by default */
.mySlides {
  overflow: hidden;
}

/* Add a pointer when hovering over the thumbnail images */
.cursor {
  cursor: pointer;
}

.arrow{
	width:2%;
	background-color:black;
	cursor:pointer;
	text-align:center;
	color:white;
}

.row:after {
  display: table;
  clear: both;
}

/* Six columns side by side */
.column {
  float: left;
  width:16%;
}


/* Add a transparency effect for thumnbail images */
.demo {
  opacity: 0.6;
}

.active,
.demo:hover {
  opacity: 1;
}

@media screen and (min-width: 1024px) {
    .myNewDivHeight{
        height:90px;
        overflow: hidden;
    }
    .slideWidth{
      height: 450px;
    }
}

@media screen and (max-width: 1024px) {
    .myNewDivHeight{
        height:35px;
        overflow: hidden;
    }
    .slideWidth{
      height: 50vh;
    }
}