@media only screen and (min-width:1399px) and (max-width:1600px) {
    .about_us {
        margin: 0 auto !important
    }

   h1,
h1.welcome,
h1.arch-title,
section h1,
article h1,
aside h1,
nav h1{
        font-size: 8rem !important;
    }
 
    .aboutSec h1 {
        line-height: 85px
    }

    h3 {
        font-size: 3.5rem
    }

    .news .card-img-top {
        height: 150px !important
    }

    .news .card-body {
        padding: 10px 20px
    }

    .grid-wrapper {
        grid-auto-rows: 150px
    }

    .masonry {
        -webkit-column-count: 6;
        -moz-column-count: 6;
        column-count: 6
    }

    .address,
    .email,
    .phone {
        margin-bottom: 10px
    }

    .contact .list h6 {
        margin-bottom: 10px !important
    }

    .alumni-slider .testimonial-name {
        font-size: 15px !important
    }

    .alumni .section-title h2 {
        margin-bottom: 0;
        padding-bottom: 0
    }

    .section-title h2 {
        font-size: 6rem;
        padding-bottom: 10px
    }

    .programsSec {
        min-height: 530px
    }

    .news p.card-text {
        margin-bottom: 0
    }

    .messageHeight {
        height: 170px
    }
}

@media only screen and (min-width:1200px) and (max-width:1400px) {
    .container-section {
        max-width: 1250px
    }

    .aboutSec .beam-img img {
        position: absolute;
        right: 0;
        top: 0;
        max-width: 45%
    }

    .aboutSec h1 {
        line-height: 62px
    }

    h1,
h1.welcome,
h1.arch-title,
section h1,
article h1,
aside h1,
nav h1{
         font-size: 6rem !important;
    }

    .programsSec {
        min-height: 520px
    }

    .programme .content .barch,
    .programme .content .march {
        padding: 20px
    }

    .barch .row,
    .march .row {
        bottom: 25px
    }

    .news .card-body {
        padding: 10px
    }

    .news .card-body span {
        font-size: 10px
    }

    .news .card-img-top {
        height: 130px !important
    }

    .grid-wrapper {
        grid-auto-rows: 90px
    }

    .messageHeight {
        height: 100px
    }

    .contact .hyd_section {
        margin-top: 10px
    }

    .address ul li {
        line-height: 1.3
    }

    .box-border {
        padding: 6px 20px
    }

    .section-title h2 {
        font-size: 6rem;
        padding-bottom: 0
    }

    .alumni-slider .testimonial_div img {
        height: 449px !important
    }

    .alumni-slider .testimonial-name {
        white-space: normal
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .section-title h2 {
        font-size: 5rem !important
    }

    .grid-wrapper {
        grid-auto-rows: 110px
    }

    .news .card,
    .programme .content .barch,
    .programme .content .march {
        height: 100%
    }

    .contactAddressSec {
        padding-left: 33px !important
    }

    .contact ul li {
        font-size: 14px
    }

    .sec-h {
        height: auto !important
    }

    section {
        padding: 30px 0
    }

    .news .card-body {
        padding: 10px
    }

    .news .card-body span {
        font-size: 10px
    }

    .aboutSec .beam-img img {
        position: absolute;
        right: -171px;
        top: 0;
        max-width: 46%
    }

    .aboutSec h1 {
        line-height: 62px
    }
   h1,
h1.welcome,
h1.arch-title,
section h1,
article h1,
aside h1,
nav h1{
        font-size: 6rem !important;
    }

    .contact .email {
        font-size: 12px !important
    }




}

@media only screen and (max-width:991px) {
    .sec-h {
        height: auto !important
    }

    .about_us {
        margin: auto !important
    }

    section {
        padding: 30px 0
    }

    h1,
h1.welcome,
h1.arch-title,
section h1,
article h1,
aside h1,
nav h1 {
         font-size: 6rem !important;
    }

    .aboutSec h1 {
        line-height: 70px
    }

    .section-title h2 {
        font-size: 5rem;
        padding-bottom: 20px
    }

    h3 {
        font-size: 3.5rem
    }

    .testimonial_div {
        width: auto !important
    }

    .contactAddressSec {
        padding-left: 12px !important
    }

    .programme .content .barch,
    .programme .content p:last-child {
        margin-bottom: 20px
    }

    .programme .content .march,
    .programme .content p:last-child {
        margin-bottom: 20px
    }

    .programme .content .barch,
    .programme .content .march {
        margin-right: 0
    }

    .imgAlernative {
        position: relative;
        top: 0
    }

    #header {
        border-bottom: 1px solid #ebe4e4
    }

    #header .logo {
        padding: 0
    }

    #header nav {
        height: 8rem
    }

    /* #header .logo img {
        width: 150px
    } */

    br.xs-none {
        display: none
    }

    .grid-wrapper>div>a>img {
        border: 2px solid #fff;
        margin-bottom: 5px
    }

    section.footer_banner {
        padding: 0 !important
    }
}

@media only screen and (max-width:768px) {
    .leader-ship {
        display: block
    }

    .leader-ship img {
        width: 60%
    }

    .gallery .container-section {
        padding-top: 0
    }

    .imgAlernativeBottom {
        position: inherit;
        bottom: -30px
    }

    .slick-next,
    .slick-prev {
        position: absolute;
        top: -70px
    }

    .slick-arrow i {
        color: #8a8a8a;
        font-size: 40px
    }

    .slick-prev {
        right: 40px
    }

    .slick-next {
        right: 0
    }

    .section-title h2 {
        font-size: 4rem !important;
        padding-bottom: 0
    }

    .profile-page {
        padding: 20px 0
    }

    .profile-page h2 {
        font-size: 30px !important
    }

    .footer h6 {
        font-size: 26px;
        padding-bottom: 5px !important
    }

    .footer_bottom .col-sm-6 {
        margin-bottom: 20px
    }

    #leadership .drvs-info {
        padding: 0
    }

    .news .card-img-top {
        height: auto
    }

    .contact .form-control {
        min-height: 40px
    }

    .box-border {
        border: 1px solid #a7a4a4;
        padding: 10px
    }

    .contact ul {
        padding-left: 5px
    }

    .contact ul li::before {
        padding-right: 5px;
        font-size: 15px
    }

    .contact li::before {
        margin-left: -6px
    }

    .contact .list ul li {
        list-style-type: none;
        font-size: 14px
    }
}

@media (min-width:1181px) and (max-width:1700px) {
    .dropdown-menu {

        position: absolute;
        right: -50%;
    }
}

@media (min-width:1181px) and (max-width:1198px) {
    #header nav h5 {
        font-size: 23px !important;

    }
}

@media only screen and (max-width:1199px) {
    .anchor {
        scroll-margin-top: 70px;

    }
}