@media (max-width: 768px) {
    @import url('https://fonts.googleapis.com/css2?family=Titillium+Web:ital,wght@0,400;0,700;1,400&display=swap');

    body{
        font-family: 'Titillium Web', sans-serif;
        font-size:13px;
    }
    #navbarSupportedContent li {
        text-align: center;
    }
    #navbarSupportedContent>ul>li.active>a{
	    border-bottom: 0px solid #A9CF3B;
    }
    #navbarSupportedContent ul li a {
        color: white;
    }
    .navbar-collapse{
        background: #0B3B7F;
        color: white !important;
        padding-bottom: 5px;
        border-bottom: 3px solid #f2f2f2;
        border-top: 3px solid #f2f2f2;
    }

    .modal-body{
        overflow: auto;
        padding: 5px;
        height: 420px;
    }
    .img-div {
        height: 230px;
    }
    .img-content {
        position: absolute;
        top: -20px;
    }
    .div-header-content{
        margin-top: 55px !important;
    }
    .clickSystem{
        padding: 10px 10px;
        text-align: left !important;
        padding-left: 20px !important;
    }
  
    .div-content-tran:hover {
        -ms-transform: scale(1.1); /* IE 9 */
        -webkit-transform: scale(1.1); /* Safari 3-8 */
        transform: scale(1.1); 
    }
    .img-site{
        width: 28% !important;
    }

    .bg-system{
        padding: 25px !important;
    }

    .div-content-news {
        padding-bottom: 15px !important;
        margin-top: 10px !important;
    }

    .div-news-container{
        position: relative;
        top:0px;
    }
    .div-news-sub-container{
        position: relative;
        top:0px;
    }

    .news-style {
        position: absolute;
        bottom: -30px;
        left: -1px;
    }
    .newsDate-style{
        font-size: 13px;
        position: absolute;
        bottom: 80px;
        left: 20px;
    }
    .newsSortDesc-style {
        font-size: 13px;
        font-weight: bold;
        position: absolute;
        bottom: 5px;
        left: 20px;
        width: 300px;
        height: 70px;
    }
    .newsGradietAttext{
        height: 120px;
    }
   
    .mob-img-header{
        width: 45px;
    }

    .mob-hidden{
        display: none;
    }
    .mob-block{
        display: block !important;
    }
    .mob-image-header{
        margin-left: 15px;
        display: block;
    }

    .mob-font-header{
        font-size: 22px;
        line-height: 25px;
    }
    .mob-font-header-parent{
        font-size: 30px;
        line-height: 25px;
    }
    .mob-div-parent{
        display: none;
    }
    .mob-padding{
        padding: 0.5rem !important;
    }
    .mob-margin-tb{
        margin: 0.5rem 0rem !important;
    }

    .mob-reverse{
        flex-direction: column-reverse!important;
        display: flex!important;
    }
    .mob-d-flex{
        display: flex!important;
        align-items: center!important;
    }
    .mob-border-none{
        border: 0px solid white !important;
    }
    .mob-font-header-sd{
        font-size: 13px !important;
    }
    .mob-img-n{
        height: 70px !important;
        width: 100px !important;
    }
    .mob-w-100{
        width: 100% !important;
    }
    .mob-w-50{
        width: 50% !important;
    }
    
  
    .mob-prev{
        width: auto !important;
        position: absolute;
        left: 0px;
    }
    .mob-next{
        width: auto !important;
        position: absolute;
        right: 0px;
    }
}