@media (max-width:1366px) {
    footer .single-footer-widget .title h5 {
        font-size: 17px;
        padding: 0px 0px 0px 0px;
    }
    footer .single-footer-widget .title h5 span {
        font-size: 17px;
    }
    footer .single-footer-widget .title h6 {
        font-size: 16px;
    }
    header nav .navbar-nav .nav-item .nav-link {
        color: white;
        font-family: var(--nav-font);
        font-weight: 500;
        font-size: 14px;
        padding: 10px 5px;
    }
}

@media (max-width:1024px) {
    header nav .navbar-nav .nav-item .nav-link {
        font-size: 12px;
        padding: 5px 3px;
    }
    header nav .navbar-nav .nav-item .dropdown-menu li .dropdown-item {
        font-size: 12px;
    }
    header nav .navbar-nav {
        padding: 0 0px 0px 0px;
    }
    
    .common-btn {
        padding: 12px 12px;
    }
    .banner-home .banner-content .common-heading {
        font-size: 50px;
    }
    .banner-home .banner-content .banner-cont p {
        font-size: 17px;
    }
    
    .common-heading {
        font-size: 35px;
    }

    .banner-top .notice-board .notice-wrapper {
        height: 334px;
    }
    .itesms-sec .items-grid {
        display: grid
    ;
        grid-template-columns: repeat(3, 1fr);
        gap: 10px;
    }
}

@media (max-width: 992px) {
    header nav .navbar-nav {
       flex-direction: column;
    }
    .mission-vission .value-main {
        grid-template-columns: repeat(2, 1fr);
    }
    .pakages-box-wrapper {
        margin-top: 30px;
    }
    header nav .navbar-nav .nav-item .nav-link {
        font-size: 14px;
        padding: 5px 5px;
    }
    /* header {
        padding-bottom: 20px;
    } */
    .gall-page .gal-page-wrapper {
        grid-template-columns: repeat(2, 1fr);
    }
    .inisiative-p .ini-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    header .common-btn {
        display: none;
    }
    .courses-p .courses-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .contact-p .cont-box .common-heading {
        font-size: 26px;
    }
    
    .contact-p .cont-box {
        grid-template-columns: repeat(1, 1fr);
    }    
    .contact-p .cont-box .contact-form {
        padding: 0;
        margin-top: 35px;
    }
    header .navbar-brand h3 {
        font-size: 23px;
    }
    header .container-fluid {
        flex-direction: row;
        align-items: center !important;
        padding-left:10px  !important;
        padding-right:10px  !important;
    }

    .img-footer{
        height: 100%;
    }

    .img-footer img{
        min-width: 350px;
    }
    header .navbar-expand-lg .navbar-collapse .container {
        display: flex
    ;
        justify-content: flex-start;
        align-items: center;
    }
    header nav.navbar-expand-lg {
        padding: 8px 0 8px 0 !important;
        box-shadow: rgba(99, 99, 99, 0.07) 0px 2px 8px 0px;
    }
    header nav .navbar-nav .nav-item {
        padding: 0px 0px;
        font-weight: 500;
        font-size: 16px;
        color: black;
        font-family: var(--nav-font);
    }

    .about-home .post {
        margin-bottom: 40px;
    }
    .itesms-sec .items-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    header .navbar-brand {
        display: contents;
    }
    .form-wrapper {
        width: 75%;
    }
    .contact-info {
        margin-top: 25px;
    }
    .beard-head .bread h1 {
        font-size: 38px;
    }
}

@media (max-width:576px) {
    .banner-home .banner-content .common-heading {
        font-size: 24px;
    }
    .banner-home .banner-content .more-btn {
        flex-direction: column;
    }
    .banner-home .banner-content .more-btn {
        display: flex
    ;
        gap: 20px;
        justify-content: center;
        flex-direction: column;
    }

    .mission-vission .value-main {
        grid-template-columns: repeat(1, 1fr);
    }
    .common-heading {
        font-size: 21px;
    }
    .about-home .sec-img{
        display: none;
    }
    header .navbar-brand h5 {
        font-size: 15px;
    }
    .gall-page .gal-page-wrapper {
        grid-template-columns: repeat(1, 1fr);
    }
    .beard-head .bread h1 {
        font-size: 33px;
    }
 

    .courses-p .courses-grid {
        grid-template-columns: repeat(1, 1fr);
    }
    .courses-p .courses-grid .courses-items h4 {
        margin-bottom: 0;
        font-size: 18px;
    }
    header nav .navbar-brand img {
        max-width: 300px;
    }
    header .navbar-brand h3 {
        font-size: 13px;
    }
    header .navbar-brand {
        gap: 0px;
    }
    header .navbar-brand h5 {
        font-size: 12px;
    }
    header .container-fluid {
        padding: 10px 3px !important;
    }
    header .navbar-toggler{
        border: none;
        padding-left: 0;
    }
    .img-footer img {
        min-width: 206px;
    }

    header .navbar-brand {
        display: flex
    ;
    align-items: flex-start;
        padding: 5px 0px;
        gap: 15px;
        margin-right: 0;
        flex-direction: column;
    }

    header nav .navbar-brand .side-logo {
        max-width: 92px;
    }
    .bredcrumb h1 {
        color: #fff;
        font-size: 25px;
    }
    .itesms-sec .items-grid {
        grid-template-columns: repeat(1, 1fr);
    }
    header .navbar-brand img {
        width: 100%;
    }
    .form-wrapper {
        width: 100%;
    }
    .beard-head .bread {
        flex-direction: column;
    }
    .beard-head .bread h1 {
        font-size: 21px;
    }
}

@media (max-width:375px) {
    header .navbar-brand h3 {
        font-size: 11px;
    }

  
    

}

@media (max-width:320px) {
    header nav .navbar-brand img {
        max-width: 251px;
    }
}