@media(min-width:1200px) {
    .container {
        max-width: 1360px
    }
}

@media(min-width:992px) and (max-width:1199px) {}

@media(min-width:768px) and (max-width:991px) {
    .profile-img img {
        width: 170px !important;
        height: 170px !important
    }

    .w1 [class*=col-]+[class*=col-],
    .w2 [class*=col-]+[class*=col-] {
        margin-top: 30px
    }

    .mainlogo {
        height: auto
    }

    .nirf-logo {
        height: auto
    }
}

@media(max-width:991px) {
    .topmenubar {
        padding: 10px 0
    }

    .topmenubar li a {
        padding: 5px 12px !important
    }

    .stellarnav.mobile .menu-toggle {
        padding-left: 0;
        padding-right: 0;
        text-align: right
    }

    .banner .carousel-caption h2 {
        font-size: 22px;
        margin-top: 20px
    }

    .cms-wrap h2 strong {
        background: #0082d600;
        color: #00844b;
        padding: 5px 0
    }

    .cms-wrap h2 strong::after {
        border-bottom: 38px solid #0082d600
    }
}

@media only screen and (max-width:767px) {

    body,
    .form-control,
    .btn,
    .dropdown-menu,
    .input-group-text,
    .popover-header {
        font-size: 1rem
    }

    p {
        line-height: 1.5rem
    }

    h1,
    .h1 {
        font-size: 1.875rem
    }

    h2,
    .h2 {
        font-size: 1.6875rem
    }

    h3,
    .h3 {
        font-size: 1.4375rem
    }

    h4,
    .h4 {
        font-size: 1.25rem
    }

    h5,
    .h5 {
        font-size: 1.125rem
    }

    h6,
    .h6 {
        font-size: 1rem
    }

    .logo img {
        width: 220px
    }

    .post-header .header-right {
        padding: 0 0 0 0;
        margin-top: 0
    }

    .post-header .search {
        left: 0
    }

    .box-content {
        padding: 25px 5px
    }

    .box-content .container {
        margin-top: 0
    }

    .banner .banner-image {
        height: 200px
    }

    .banner .carousel-caption h2 {
        font-size: 36px
    }

    .banner .carousel-caption h4 {
        font-size: 16px
    }

    .big-slide .content {
        padding: 30px 30px 80px
    }

    .section,
    .footer {
        padding: 30px 5px
    }

    .box-section [class*=col-]+[class*=col-],
    .counter [class*=col-]+[class*=col-] {
        margin-top: 40px
    }

    .admission-section {
        padding: 50px 0
    }

    .tesi-section [class*=col-] {
        padding: 30px 20px
    }

    .page-banner {
        text-align: center
    }

    .page-banner .banner-image {
        height: 200px
    }

    .landing-banner .content {
        padding: 40px
    }

    .landing-w1 [class*=col-]+[class*=col-],
    .landing-w3 [class*=col-]+[class*=col-] {
        margin-top: 40px
    }

    .tesisection .testimonials {
        padding: 40px
    }

    .w1 [class*=col-]+[class*=col-],
    .w2 [class*=col-]+[class*=col-] {
        margin-top: 25px
    }

    .social {
        top: auto;
        -webkit-transform: translateY(0%);
        -ms-transform: translateY(0%);
        transform: translateY(0%);
        left: 0;
        right: 0;
        bottom: 0;
        display: table;
        width: 100%
    }

    .social li {
        display: table-cell;
        width: 20%
    }

    .social li a {
        width: auto;
        display: block
    }

    .write-btn,
    .float-btn li a .icon {
        height: 40px;
        width: 40px;
        background-size: 18px
    }

    .banner-image img {
        object-fit: cover
    }

    .admission-section:before {
        background: #0000008a
    }

    .banner .carousel-caption h1 {
        font-size: 22px
    }

    .banner .carousel-caption h2 {
        font-size: 20px;
        margin-top: 20px
    }

    .mainlogo {
        margin: 10px 0
    }

    .nirf-logo {
        height: 60px
    }
}

@media(max-width:600px) {
    .mainlogo {
        height: auto;
        margin: 10px 0
    }

    .block-content .block .content {
        padding: 10px
    }

    .block-content .block .content h6 {
        font-size: 13px
    }

    .block-content .block .content .btn {
        font-size: 11px;
        padding: 5px 8px
    }

    .block-content .block .full-img img {
        height: 200px !importantm
    }
}

@media(max-width:480px) {
    .banner .carousel-caption h1 {
        font-size: 20px;
        margin-bottom: 5px
    }

    .banner .carousel-caption h2 {
        font-size: 20px
    }

    .banner .carousel-caption .ml-5 {
        margin-left: 1rem !important
    }
}