@media (max-width: 576px) {
    .navbar-brand-text {
        display: none;
    }

    .about-sec img {
        display: none;
    }

    .contact-form {
        margin-top: 20px;
    }

    .arrows {
        display: none;
    }

    .tran-div-btn {
        right: 30%;
    }

    .contact-form button {
        font-size: 15px;
    }

    .gallery-slider img {
        width: 44% !important;
        margin: 5px;
    }

    .ss-students-small-slider {
        margin-top: 60px;
    }
}


@media (max-width: 768px) {
    .banner-slide img {
        height: 380px;
        width: 100%;
    }

    .text3d {
        font-size: 24px;
    }

    .navbar-brand img {
        width: 140px;
    }

    .cta-btn-group {
        width: 340px;
        left: 11px;
        top: 125px !important;
    }

    .cta-btn-group a {
        font-size: 30px;
    }

    .g-graphic {
        display: none;
    }

    .contact .bg-dark {
        width: 100%;
    }

    .tran-div {
        display: none;
    }

    .bg-dark h3 {
        right: 55px !important;
        top: -15px;
        font-size: 87px !important;
    }

    .bg-dark img {
        display: none;

    }

    .sports-slider {
        margin-top: 45px;
    }

    .footer-1 {
        margin-bottom: 40px;
    }

    .footer-1 h6 {
        font-size: 15px;
    }
}


@media (max-width: 992px) {

    h2 {
        font-size: 35px;
    }

    h3 {
        font-size: 25px;
    }

    p,
    li,
    a,
    button,
    input {
        font-size: 15px;
    }

    .cta-btn-group a {
        font-size: 25px;
    }

    .cta-btn-group {
        width: 306px;
    }

    .nav-item {
        text-align: center;
    }

    .navbar-collapse .main-btn {
        text-align: center;
        margin: 10px 0;
    }

    .banner-sec .banner-slider {
        width: 100%;
    }

    .banner-sec .content-box {
        margin-bottom: -545px;
    }

    .notice-sec-ss {
        margin-top: 200px;
    }

    .gallery-slider img {
        width: 32%;
    }

    .bg-dark h3 {
        right: 174px;
        top: -26;
    }

    .bg-dark img {
        right: -130px;

    }

    .about-sec .content-box {
        max-width: 350px;
    }

}

@media (max-width: 1000px) {
    .cta-btn-group {
        top: 11px;
    }
}

@media only screen and (max-width: 1399px) and (min-width: 1199px) {
    .navbar-brand-text h1 {
        font-size: 30px;
    }

    .navbar-brand-text p {
        font-size: 8px;
    }
}

@media only screen and (max-width: 1200px) and (min-width: 1000px) {
    .navbar-brand-text {
        display: none;
    }
}

@media (max-width: 1200px) {
    .cta-btn-group {
        top: 11px;
    }

    .gallery-slider img {
        width: 100%;
    }

    .bg-dark h3 {
        font-size: 125px;
    }
}


@media (max-width: 1400px) {}