@media only screen and (max-width: 768px) {
    .text-banner-title {  font-size: 1.25rem !important;  }
    .text-banner-subtitle {  font-size: 0.875rem !important;   }
    #BannerSlider .carousel-caption {   top: 5% !important;  }
    #BannerSlider .carousel-control-prev {   bottom: 5% !important;  right: 20% !important;  }
    #BannerSlider .carousel-control-next {  bottom: 5% !important;  right: 14% !important;  }
    #sub-banner .row div.col-4 {  padding: 10px 10px 10px 10px !important;  }
    /*#sub-banner .row .div-img-set img {   width: auto !important;   max-height: 30px;  }*/
    #sub-banner .row div.col-4{   padding: 5px 5px 5px 5px !important; height: 80px; }
    .div-img-set{ color: #008DC9; margin-right: 8px; font-size: 2.5em; }
    #text1-under-img {  font-size: 0.75rem !important;  }
    #footer-ct {     margin-top: 1rem;   justify-content: start !important;  }
    .circle-year-out {  transform: scale(0.5) !important;  width: 210px !important;   }
    .circle-year-in {  transform: scale(0.9) !important;  }
    .css-3-row-border-rd .clct {  border-left: 0px !important;   border-right: 0px !important;   border-top: 1px solid #E2E2E2;   border-bottom: 1px solid #E2E2E2;   }

    /* ----- st profile ----- */
    .col-img-pf-center {  justify-content: center !important;   }
    /* ----- end profile ----- */


    .fa-3x {  font-size: 2em; }
    .nav-padding{ padding-left: 10px; }
    .navbar-toggler{ margin-top: 10px; margin-left: 5px; }

}

@media only screen and (max-width: 700px) {
    #sub-banner .row div.col-4{   padding: 5px 5px 5px 5px !important; height: 60px; }
    .div-img-set{ color: #008DC9; margin-right: 8px; font-size: 1.6em; }
    .text-sub-img-sub-banner{ color: #008DC9; font-size: 1.2rem; font-weight: 500; }
}