@media only screen and (max-width: 1230px) {
    #navbar-main .nav-link { font-size: 0.8rem; }
    .dropdown-menu{ font-size: 0.85rem; }
    .section-5-home{ max-height: 450px; }
}
@media only screen and (max-width: 1200px) {
    .text-banner-title{   font-size: 2rem !important;   }
    .text-banner-subtitle{   font-size: 1rem !important; }
    #BannerSlider .carousel-caption{  top: 15% !important;  }
    #BannerSlider .carousel-control-prev{    bottom: 5% !important;  right: 10% !important; }
    #BannerSlider .carousel-control-next{  bottom: 5% !important;   right: 5% !important; }
    #sub-banner .text-sub-img-sub-banner{   font-size: 1rem !important;  }
    #sub-banner .row .div-img-set img{  width: 90% !important;  }
    #text1-under-img{   font-size: 0.875rem !important;   }
    .circle-year-out{  transform: scale(0.7) !important;  height: 217px !important;    }
    .circle-year-in{ transform: scale(0.95) !important;  }
    .card-header-btn-bl .cd-header {  font-size: 0.875rem;  }
    .title-banner{  font-size: 2rem !important; }
    .navbar.sticky-top { padding-left: 10px; padding-right: 10px;  padding-top: 0px;  padding-bottom: 0px;  }
    .navbar-expand-lg .navbar-nav .nav-link { padding-right: 5px;  padding-left: 5px; }
    .nav-padding { padding-right: 5px; }
    #img60y{ max-height: 40px; }
    #imgPst{ max-width: 40px; max-height: 40px; }
    #divAgencyName{ font-size: 13px; }
    #divUniversityName{ font-size: 10px; }
}