@media (max-width: 992px) {

    #introduction .sec-heading h2 {

        font-size: 17px;
    }

    #introduction .sec-heading .intro-title {
        font-size: 19px;
    }

    #introduction .sec-heading .intro-sub-title {
        font-size: 16px;
    }

    #introduction .sec-heading .intro-description {

        font-size: 14px;
    }
    
    #introduction .table .table-body a{
        font-size:10px;
    }

    #our-team .sec-heading h2 {

        font-size: 17px;
    }

    #our-team .sec-heading .team-title {
        font-size: 19px;

    }

    #our-team .sec-heading .team-sub-title {
        font-size: 16px;

    }

    #our-team .sec-heading .team-description {
        font-size: 14px;
    }

    #our-team .team-name {

        font-size: 14px;
    }
    #our-team .team-position {

        font-size: 12px;
    }

    #our-team .team-social-info {

        font-size: 10px;
    }

    #contact .sec-heading h2 {

        font-size: 17px;
    }

    #contact .sec-heading .team-title {
        font-size: 19px;
    }

    #contact .sec-heading .team-sub-title {
        font-size: 16px;
    }

    #contact .sec-heading .team-description {

        font-size: 14px;
    }

    #contact .contact-title {

        font-size: 22px;
    }
    
      #maps .card{
        height: 300px;
        width: 70%;
    }



    #introduction .table-title {

        font-size: 17px;
    }

    #introduction .table-body {

        font-size: 15px;
    }

    #introduction .table-body a {

        font-size: 10px;
    }

    #introduction .download-title {

        font-size: 20px;
    }

    #introduction .download-sub-title {

        font-size: 18px;
    }

    #introduction .download-description {

        font-size: 15px;
    }

    #introduction .card-body h4 a{

        font-size: 17px;

    }

    #introduction .collapse-desc {

        font-size: 15px;
    }

    #news .sec-heading h2 {

        font-size: 17px;
    }

    #news .sec-heading .news-title {
        font-size: 19px;
    }

    #news .sec-heading .news-sub-title {
        font-size: 16px;
    }

    #news .sec-heading .news-description {

        font-size: 14px;
    }

    #news .card .card-body .title {

        font-size: 22px;
    }

    .news .card .card-body p {

        font-size: 15px;
    }

    #news-detail .news-title {
        font-size: 22px;
    }

    #news-detail .news-sub-title {
        font-weight: bold;
        font-size: 20px;
    }
    #news-detail .news-description {

        font-size: 15px;
    }

    #news-detail .cmt-section h4 {

        font-size: 20px;
    }

    #news-detail .cmt-section .cmt-name {

        font-size: 10px;
    }

    #news-detail .cmt-message {

        font-size: 15px;
    }

    #news-detail .cmt-form-title {
        font-size: 20px;
    }

    #news-detail .recent-title {
        font-size: 20px;

    }

    #news-detail .recent h4 {
        font-size: 18px;
    }
}

@media (max-width: 768px) {
    
     #introduction .table .table-body tr{
        font-size:10px;
    }
    #introduction .table .table-body a{
        font-size:5px;
    }
    
}

@media (max-width: 524px) {
    
    #introduction .table
    {
        font-size:10px;
    }
    
    #introduction .table .table-title{
        font-size:13px;
    }
    
     #introduction .table .text-capitalize{
         font-size: 12px;
     }
    #introduction .table a{
        font-size: 7px;
        padding: 1px;   
    }

}

@media (max-width: 479px) {
    
     #introduction .table .table-title tr{
        font-size:8px;
    }
     #introduction .table .table-body tr{
        font-size:8px;
    }
    #introduction .table .table-body a{
        font-size:7px;
        padding:1px;
    }
    #introduction .table .table-body .fas{
         font-size:7px;
        padding:1px;
    }
}

@media (max-width:420px) {
    #maps .card{
        height: 250px;
        width: 100%;
    }

}

@media (max-width: 400px) {
    
      #introduction .table .table-title tr{
        font-size:7px;
    }
     #introduction .table .table-body tr{
        font-size:8px;
    }
    #introduction .table .table-body a{
        font-size:7px;
        padding:1px;
    }
    #introduction .table .table-body .fas{
         font-size:5px;
        padding:1px;
    }
}