@media (max-width: 768px) {
    .header .header-content .title{
        font-size: 36px;
    }

    .header-content .sort-text{
        font-size: 18px;
    }

    .main-navbar .navbar-list{
        display: none;
    }

    .main-navbar .left-nav{
        display: flex;
    }

    .main-navbar .left-nav a{
        width: 50px;
        margin: 0 5px;
    }

    .main-navbar .left-nav a span{
        display: none;
    }

    .main-navbar .toggle-nav{
        display: inline-flex !important;
        width: 50px;
        align-items: center;
        justify-content: center;
        font-size: 26px;
        line-height: 2;
        margin: 0 10px;
        cursor: pointer;
    }

    .main-navbar .logo img{
        width: 100px;
    }

    .section-one .owl-nav-left{
        left: 0;
    }
    .section-one .owl-nav-right{
        right: 0;
    }

    .section-two .content-statistic{
        padding: 50px 20px;
    }
    .section-two .content-statistic .single-static{
        display: flex;
        justify-content: space-around;
        border-right: 0;
        border-left: 0 !important;
        border-bottom: 1px solid #DDDDDD;
        padding: 10px 0;
    }

    .section-two .content-statistic .col-md-3:last-child .single-static{
        border-bottom: 0;
        padding-bottom: 0;
    }

    .section-two .content-statistic .single-static .icon,
    .section-two .content-statistic .single-static .text{
        flex: 1;
    }

    .section-two .content-statistic .single-static .text{
        text-align: right;
    }

    .section-four .content{
        padding-top: 20px;
    }

    .section-four .content h1{
        font-size: 26px;
    }

    .section-four .content p{
        font-size: 16px;
        text-align: justify;
    }

    .section-four img{
        width: 50%;
        margin: 20px auto 0 auto;
    }

    .news-section .other-news .single-news img{
        height: 100%;
    }

    .partner-section .owl-nav{
        display: none;
    }

    .footer .footer-about{
        flex-direction: column;
    }

    .footer .footer-about .content{
        margin: 0 !important;
    }

    .footer .media img{
        width: 70px;
    }


    .main-navbar .navbar-list{
        display: block;
        position: absolute;
        width: 90%;
        background: #FFF;
        z-index: 9;
        min-height: 100vh;
        top: 100%;
        right: -100%;
        transition: all .3s ease-in-out;
    }

    .main-navbar .navbar-list.active-nav{
        right: 0;
    }

    .main-navbar .navbar-list .nav-item .nav-link{
        display: block;
        padding: 15px 20px;
        border-bottom: 1px solid #DDDDDD;
    }

    .about-section-one .vision .img{
        margin-top: 30px;
    }

    .about-section-one .vision .img .se-img{
        display: none;
    }
}