/* Small devices (landscape phones, 576px and up) */
@media (max-width: 768px) {  

  .carousel-caption { background: rgba( 255,255,255,0.7);
    color: #013a65; width: 50% !important;  left: 5% !important; text-align: left;
    padding: 10px; bottom: 12% !important; border-radius: 5px;

  }
  .carousel-caption h2 { font-size: 20px !important; }

  .CTA-book {padding: 40px 0px;  margin-bottom: 30px; color: #013a65; background:  url("../images/books-bg.png") 
rgba(179,186,28,0.4); background-position: right -40px bottom; background-repeat: no-repeat;  background-size: 45% !important;}

.home-3-CTAs .panel-1 { min-height: 205px; }
.home-3-CTAs .panel-2 { min-height: 465px; }
.home-3-CTAs .panel-3 { min-height: 465px; }
header .slogan {margin-top: 15px;}


 




   }


   /* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 768px) {
.home-2-member-types .panel-1 {margin-bottom: 30px !important;}
.home-2-member-types .panel-2 {margin-bottom: 15px !important; min-height: 300px !important; }
.home-3-CTAs .panel-3 { min-height: 200px !important; }
.home-3-CTAs .panel-1 { min-height: 465px !important; }
header #logininfo {font-size: 13px !important;  padding: 1px !important; }
.carousel-caption { left:40px !important; width: 50%; }

}

   /* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 767px) {

.home-2-member-types .panel-1 ol li a { font-size: 10px !important; }
.home-2-member-types .panel-2 ol li a { font-size: 10px !important; }
header #logininfo {font-size: 9px;  padding: 4px !important; }
.carousel-caption { left: 15px !important; width: 50% !important; padding: 5px !important; }
.home-3-CTAs .panel-1 { min-height: 205px !important; }

.carousel-caption p { font-size: 11px !important;  margin-bottom: 3px !important; display: none;}
.carousel-caption h2 { margin-bottom: 3px !important; font-size: 15px !important; }

.mt-30 { margin-top: 30px !important; }
.mb-30 { margin-bottom: 0px !important; }



.home-2-member-types .panel-1 .btn-group-lg > .btn, .btn-lg {
    padding: .4rem 0.5rem;
    font-size: .65rem;
    line-height: 1.5;
    border-radius: .3rem;
}

.home-2-member-types .panel-2 .btn-group-lg > .btn, .btn-lg {
    padding: .4rem 0.5rem;
    font-size: .65rem;
    line-height: 1.5;
    border-radius: .3rem;
}

.home-2-member-types .panel-1 p i {
    font-size: 14px !important;
    margin: 0px;
    padding: 0px;
    width: auto;
    color: #fff;
    background: transparent;


}
.home-2-member-types .panel-2 p i {
    font-size: 14px !important;
    margin: 0px;
    padding: 0px;
    width: auto;
    color: #fff;
    background: transparent;


}

}






/* Medium devices (tablets, 768px and up) */
@media (min-width: 769px) and (max-width: 1200px){ 
  .home-3-CTAs .panel-1 { min-height: 490px; }
.home-3-CTAs .panel-2 { min-height: 490px; }
.home-3-CTAs .panel-3 { min-height: 490px; } 
.carousel-caption { width: 55%; left: 10%; }
  .navbar-light .navbar-nav .nav-link { font-size: 12px;    
}
.navbar-light .navbar-nav .nav-item.active::after{ left: 35%; }
}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {}


@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { 

.home-2-member-types .panel-1 {min-height: 780px !important; }
.home-2-member-types .panel-2 {min-height: 780px !important;}

.home-3-CTAs .panel-1 { min-height: 490px !important; }
.home-3-CTAs .panel-2 { min-height: 490px !important;  }
.home-3-CTAs .panel-3 { min-height: 490px !important;  }

    
}