@charset "utf-8";
/* CSS Document for PureColoursInterior.ps / Gallery */

#photoCarousel .carousel-item {
 height: 75vw;
 min-height: 300px;
 max-height: 700px;
 background: no-repeat center center scroll;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
}

#photoCarousel .carousel-indicators li:hover {
 cursor: pointer;
 color: black;
}

#photoCarousel .carousel-indicators li {
 border-radius: 50%;
 height: 16px;
 width: 16px;
 margin-left: auto 10px;
}

.carousel-indicators {
 justify-content: left !Important;
 margin-left: 5% !Important;
 bottom: 4em !important;
}

#photoCarousel .carousel-control-next-icon,
.carousel-control-prev-icon {
 width: 36px;
 height: 36px;
}

@media screen and (min-width:969px) and (max-width:1024px) and (orientation:landscape) {
 #photoCarousel .carousel-item {

  margin-top: 4em;
  min-height: 35vw;
  max-height: 300px;
  background: no-repeat center center scroll;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  background-position: left;
 }

}

@media screen and (min-width:320px) and (max-width:968px) and (orientation:portrait) {

 .carousel-indicators {
  justify-content: left !Important;
  margin-left: 5% !Important;
  bottom: 2.5em !important;
 }

}

@media screen and (min-width:1025px) and (max-width:1280px) and (orientation:landscape) {
 #photoCarousel .carousel-item {

  margin-top: 4em;
  min-height: 35vw;
  max-height: 300px;
  background: no-repeat center center scroll;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  background-position: left;
 }

}


@media screen and (min-width:1281px) and (max-width:1366px) and (orientation:landscape) {
 #photoCarousel .carousel-item {

  margin-top: 3em;
  min-height: 35vw;
  max-height: 300px;
  background: no-repeat center center scroll;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  background-position: left;
 }

}


@media screen and (min-width:1367px) and (max-width:1440px) and (orientation:landscape) {
 #photoCarousel .carousel-item {

  margin-top: 3em;
  min-height: 35vw;
  max-height: 300px;
  background: no-repeat center center scroll;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  background-position: left;
 }

}


@media screen and (min-width:1441px) and (max-width:1650px) and (orientation:landscape) {
 #photoCarousel .carousel-item {

  margin-top: 3em;
  min-height: 35vw;
  max-height: 300px;
  background: no-repeat center center scroll;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  background-position: left;
 }

}


@media screen and (min-width:1651px) and (max-width:1920px) and (orientation:landscape) {
 #photoCarousel .carousel-item {

  margin-top: 0em;
  min-height: 35vw;
  max-height: 350px;
  background: no-repeat center center scroll;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  background-position: left;
 }

}


/*

@media screen and (min-width:320px) and (max-width:1024px) and (orientation:portrait){
 #photoCarousel .carousel-item {
  height: 0em;
    background: no-repeat center center fixed;
  -webkit-background-size:contain;
  -moz-background-size: contain;
  -o-background-size:contain;
  background-size: contain;
 } 
 
}*/