.carousel .carousel-control-prev-icon,
.carousel .carousel-control-next-icon {
  background-color: #0050a2; 
  }
.pageimg {
 max-height: 180px!important; 
        }
.carousel-item {
        height: 180px!important;
        }
.carousel-inner img {
  margin: auto;
        }
@media (min-width:20em) { /* smartphones, iPhone, portrait 480x320 phones */ 
    .pageimg {
 max-height: 230px!important;
    }
    .carousel-item {
        height: 230px!important;
}
}
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : portrait) { /* iPhone6 portrait*/
    .pageimg {
 max-height: 230px!important;
    }
    .carousel-item {
        height: 230px!important;
}
}
@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px) 
and (orientation : portrait) { /* iPhone 6Plus portrait*/ 
    .pageimg {
 max-height: 240px!important;
    }
    .carousel-item {
        height:240px!important;
}
}
@media (min-width:30.063em) { /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */ 
    .pageimg {
 max-height: 280px!important;
    }
.carousel-item {
        height:280px!important;
}
}
@media (min-width:40.063em) { /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */ 
    .pageimg {
 max-height: 200px!important;
    }
.carousel-item {
        height: 200px!important;
}
}
@media (min-width:60.063em) { /* tablet, landscape iPad, lo-res laptops ands desktops */ 
    .pageimg {
 max-height: 370px!important;
    }
    .carousel-item {
        height: 370px!important;
}
}
@media (min-width:64.063em) { /* big landscape tablets, laptops, and desktops */ 
    .pageimg {
 max-height: 450px!important;
    }
    .carousel-item {
        height: 450px!important;
}
}