@media only screen and (max-width: 767px) {
    /* navbar logo */
    .img-logo{
        height: 50px !important;
    }
    .bg-image {
        display: block !important;
        position: relative !important;
        background-image: url('img/bg-sample4-mble.png');
        background-size: contain;
        height:65vh;
    }

    .bg-inner-content {
        position: static !important;
        width: 100%;
        /* background-color: #f8f9fa;  */
        margin-top: 242px;
    }
    
   
    .course-sec{
        width:100% !important;
        text-align: justify;
    }

    .subheading{
        font-size:medium !important;
        font-weight: bold;
    }
    
    .dropdown-menu{width: fit-content;}
    /* index.php circular scroll in our trusted partner sec */
    .holderCircle { 
        width:300px ;
        height:300px;
    }
    .dotCircle { 
        width: 100%; 
        height: 100%; 
    }
    .round{
        top:24px;
        left:18px;
        width:250px;
        height:250px;
    }
    .contentCircle{
        top:72px;
    }
    h2{
        font-size: 1.5rem !important;
    }
    .dotCircle  .itemDot .forActive{
        width:43px;
        height:51px;
    }
    .mble-view-practical{
        margin-top:0 !important;
    }

    /* appraisal training course  */
    
    .bg-inner-content-app-crse{
        margin: 40% 0px 0px 10px;
        width:100%;
    }

    .bg-inner-content-app-crse h3{
        font-size: 18px;
    }


    /* about-us page */
    .bg-image-abt{
        height:29vh !important;
        background-size: contain !important;
    }
    .about-head{
        margin-top:0 !important;
    }
    .about-img{
        width:100% !important;
        height: 90% !important;
    }
    
}

/*small phones & tablets */
@media only screen and(min-width:576px) and (max-width: 767px){
    .bg-inner-content{
        width:80%;
    }
    
}

/* Medium: tablets */
@media only screen and (min-width: 768px) and (max-width: 991px) {}

/* Large: small laptops/desktops */
@media only screen and (min-width: 992px) and (max-width: 1199px) {}