@media  (max-width:1366px) {
    .about-home .img .img-2 {
        position: absolute;
        max-width: 50%;
        right: -10px;
        bottom: -96px;
    }

 
    .common-heading {
        font-size: 38px;
    }
    .beard-head .bread h1 {
        font-size: 41px;
        font-weight: 700;
    }
}

@media (max-width:1024px) {
    header .nav-call ul {
        gap: 4px;
    }

    header nav .navbar-nav .nav-item .nav-link {
        padding: 1px;
        font-size: 16px;
    }
    header .container .upper-nav .logo img {
        padding-left: 24px;
    }

    header nav .navbar-brand img {
        max-width: 120px;
    }

    header nav .navbar-nav {
        padding: 0 15px 0px 0px;
    }

    header .nav-call ul {
        padding-left: 5px;
    }


    header nav .navbar-nav .nav-item .nav-link {
        padding: 5px;
        font-size: 15px;
    }

    header .container-fluid .upper-nav .logo img {
        max-width: 267px;
        top: 20px;
    }

    header nav .navbar-nav .nav-item {
        padding: 5px 0px;
    }

    .common-heading {
        font-size: 32px;
    }
    .why-choose-option .why-row {
        padding: 35px 12px;
    }

}

@media (max-width:992px) {
    header .container .upper-nav {
        display: none;
    }
    header nav .navbar-brand img {
        display: none;
    }

    header nav.navbar-expand-lg {
        background: white;
    }
   
    header nav .navbar-nav {
        flex-direction: column;
    }
    header nav .navbar-nav .nav-item .nav-link {
        font-size: 16px;
    }
    header .nav-call {
        padding-bottom: 10px;
        padding-left: 10px;
    }
    header nav .navbar-nav .nav-item {
        padding: 0px 5px;
    }
    header nav.navbar-expand-lg {
        background: white;
        padding: 10px 0px !important;
    }
    .banner-home .banner-content .common-heading {
        font-size: 40px;
    }
    .banner-home .banner-content .banner-cont {
        border-radius: 30px;
        padding: 0px;
        padding-top: 0;
        text-align: center;
    }

    .banner-home .banner-content {
        position: absolute;
        top: 60%;
        z-index: 31;
        width: 100%;
        color: #fff;
        left: 50%;
        transform: translate(-50%, -50%);
        max-width: -moz-fit-content;
        max-width: max-content;
    }
    .about-home .mis-vis {
        grid-template-columns: repeat(1, 1fr);
    }

    .why-choose-option .why-row .img {
       margin: 20px 0px;
    }
    .contact .contact-form {
        margin-top: 20px;
    }

    .beard-head .bread h1 {
        font-size: 33px;
        font-weight: 700;
    }
    .wh-about .counter-wreapper {
        margin: 0;
        grid-template-columns: repeat(2, 1fr);
    }
    .what-we-do .counter-wreapper .ot-counter.icounter {
  
        margin: 10px 0px;
    }
    header .container-fluid .upper-nav .logo img {
        max-width: 335px;
        top: 12px;
    }

    
    .courses-p .courses-grid {
        display: grid
    ;
        grid-template-columns: repeat(1, 1fr);
        gap: 10px;
    }
}

@media (max-width:576px) {
    header .container-fluid .upper-nav .soical-header {
        display: none    ;
    }
    header .container-fluid .upper-nav .logo img {
        max-width:190px;
        top: 10px;
        left: -3px;
    }
    .navbar-toggler{
        border: none;
    }
    header nav.navbar-expand-lg {
        background: white;
        padding: 24px 0px 23px 0px !important;
    }

    header nav .navbar-nav {
        flex-direction: column;
        margin-top: 20px;
        max-height: 460px;
        overflow-y: scroll;
    }

    .banner-home .banner-content .banner-cont {
        padding: 0;
    }
    .banner-home .banner-content .common-heading {
        font-size: 25px;
    }

    .what-we-do .counter-wreapper {
        grid-template-columns: repeat(1, 1fr);
    }
    .what-we-do .counter-wreapper .ot-counter.icounter {
       padding: 20px 0px;
        border-right: 0px solid #fff;
    }

    footer .footer-widget {
        padding: 50px 0px 0px 0;
    }
    .contact .details .num-de {
        padding: 20px;
        grid-template-columns: repeat(1, 1fr);
    }
    .num {
        margin: 10px 0px;
    }

}

@media (max-width:375px) {
    .testimonial-home .common-btn {
        min-width: 145px;
    }
}