@media only screen and (max-width: 576px) {
    .text-center-sm{   text-align: center;   }
    #top-header div {   justify-content: center !important;  }
    .navbar.sticky-top {   padding-left: 8px !important;  padding-right: 8px !important;  }
    .hide-sm-5 {   display: none !important;  }
    .text-banner-title {    font-size: 1.125rem !important;  }
    .text-banner-subtitle {    font-size: 0.75rem !important;  }
    #BannerSlider .carousel-caption{  top: 5% !important;  }
    #sub-banner .container{  padding-left: 0px !important;  padding-right: 0px !important;   }
    /*#sub-banner .text-sub-img-sub-banner{  font-size: 0.7rem !important;  }*/
    #sub-banner .row div.col-4{   padding: 5px 5px 5px 5px !important; height: 50px; }
    /*#sub-banner .row .div-img-set img{   max-height: 20px !important;  padding-left: 0px !important;   padding-right: 5px !important;  }*/
    #idFooter #container-icons-footer .row .col-12{   border-left: 0px !important;   border-right: 0px !important;  border-bottom: 1px solid #EBEBEB !important;  }
    #text1-under-img{  font-size: 0.625rem !important; }
    .circle-year-out{  transform: scale(0.5) !important;  height: 210px !important;  }
    .circle-year-out.circle-year-out-after-arrow::after{ display: none !important;  }
    .btn-drop-show {   font-size: 0.75rem !important;  }
    /*#idFooter #container-icons-footer .box-icons-footer div{ font-size: 0.5rem;}
    #idFooter #container-icons-footer .box-icons-footer div span{ font-size: 2rem;}*/
    .text-footer{ color: #008DC9; font-size: 0.8rem; font-weight: 500; }
    .icons-footer{ color: #008DC9; font-size: 1.6em; }
    #divAgencyName{  padding-top: 8px; font-size: 17px; font-weight: 600; }
    #divUniversityName{   font-size: 14px; font-weight: 300; }
    .div-img-set{ color: #008DC9; margin-right: 8px; font-size: 1em; }
    .text-sub-img-sub-banner{ color: #008DC9; font-size: 1rem; font-weight: 500; }
}