/* #Tablet (Landscape)
================================================== */

@media only screen and (max-width: 1080px) {

.is-sticky #header,
.is-sticky #hornav {
	position: relative !important;
	width: auto !important;
	top: 0 !important;
	left: 0;
	margin-left: 0;
}

.primary-container-background .primary-container {width: 100%;}

/* Disable CSS animations */
.animated {
    -webkit-animation-duration: 0;
    animation-duration: 0;
    -webkit-animation-delay: 0;
    animation-delay: 0;
}

}

/* #Tablet (Portrait)
================================================== */
    
@media only screen and (max-width: 959px) {


}

/* #Mobile (Landscape)
================================================== */

@media only screen and (max-width: 767px) {

.carousel-control.right span, .carousel-control.icon-next span {
    right: 20%;
}
.carousel-control.left span, .carousel-control.icon-prev span {
    left: 15%;
}

}

/*  #Mobile (Portrait)
================================================== */

@media only screen and (max-width: 440px) {
.portfolio-group figcaption { font-size:50%; padding:10%; line-height: 1em;}
.portfolio figcaption span {font-size:50%; padding:10%; line-height: 1em;}
.portfolio-item figcaption {font-size:50%; padding:10%; line-height: 1em;}
.portfolio-group h3 {font-size:90%;}	
.tableres td {width: 50%; font-size:70%;}
.panel-body iframe {width: 100%; height: 100%;}
.panel-body img {width: 80%; height: 80%;}
#header {height: 100%;}
#body-bg {
  background-attachment: fixed;
  background-clip: border-box;
  background-color: rgba(0, 0, 0, 0);
  background-image: url("../img/nano.jpg");
  background-origin: padding-box;
  background-position: 50% 0;
  background-repeat: repeat;
  background-size: 1280px 960px !important;
  position: relative;
}
#pre-header {
  height: 10px;
}
#main-slider .carousel .item {
  width: 100%;
  display: block !important;
  height: 100%;
}
}