@media (min-width: 50px) and (max-width: 767px ) {
    .bgtitle img {
        width: 100%;
        max-width: 200px;
    }
    .banner_sec p { 
        font-size: 18px; 
        right: 18px; 
    }
    .abot_left { 
        padding: 0;
    }
    .abot_left h3, .abot_le h3, .cardtitle h3, .aboun_inner h3 { 
        font-size: 27px; 
    }
    .ribbon {

        --s: 10px;
        --d: 0px;
        --c: 20px;

    }
    .cardsection ul {
        text-align: left;
        margin: 0px;
        padding: 0px;
    }
    .cardsection ul li {
        text-align: left;
        font-size: 14px;
    }

    .ftr_left p { 
        text-align: center;
    } 
    .aboun_inner p { 
        padding: 0;
    }
}
@media (min-width: 768px) and (max-width: 991px ) {
    .navbar .navbar-nav .nav-link { 
        padding: 0 12px;
    }
    .abot_left { 
        padding: 0;
    }
    .abot_left h3, .abot_le h3, .cardtitle h3, .aboun_inner h3 { 
        font-size: 27px; 
    }
    .ribbon {
        --s: 30px;
        --d: 10px;
        --c: 20px;
        line-height: 21px;
    }
    .aboun_inner p { 
        padding: 0;
    }
}
@media (min-width: 991px) and (max-width: 1199px ) {
    .navbar .navbar-nav .nav-link { 
        padding: 0 12px;
    }
    .abot_left { 
        padding: 0;
    }
    .abot_left h3, .abot_le h3, .cardtitle h3, .aboun_inner h3 { 
        font-size: 27px; 
    }
    .ribbon {
        --s: 30px;
        --d: 10px;
        --c: 20px;
        line-height: 21px;
    }
    .aboun_inner p { 
        padding: 0;
    }
}