/* lg */
@media (min-width: 1400px) {

}

/* md */
@media (min-width: 992px) and (max-width: 1199px) {

    .tr-menu .navbar-nav > li > a {
        padding: 15px;
    }

}

@media (max-width: 991px) {
    h2{font-size: 20px}
    h3{font-size: 18px}
    .large-font{font-size: 16px}
    .small-font{font-size: 14px}
    .block-title{margin-bottom: 16px;}
    .block-title h2{font-size: 14px}
    .padsm0{padding: 0!important;}
    .sidebar-wrapper{margin-top: 30px}
    .logo{
        display: none;
    }
    .navbar-brand img{
        display: block;
    }
    .header-menu-wrap {
        width: 100%;
    }
    .header {
        background-color: #92278F;
    }
    .tr-menu .navbar-default{
        background-color: #4C89FB;
        min-height: 40px;
    }
    .navbar-header {
        float: none;
    }
    .navbar-left, .navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .kingster-mobile-menu {
        margin-left: 10px;
    }
    .navbar-nav {
        float: none!important;
    }
    .navbar-nav>li {
        float: none;
    }
    .collapse.in{
        display:block !important;
    }
    .topbar-left {
        margin-left: 0;
    }
    .navbar-brand.logo-2 {
        display: block;
        top: 0;
        left: 15px;
        margin-left: 0 !important;
    }
    .navbar-default .navbar-nav > li {
        margin-left: 0;
    }
    .navbar-collapse {
        cursor: pointer;
        padding-top: 15px;
        border-top: 1px solid #fff;
    }
    .navbar-default .navbar-nav > li {
        margin: 0 0 1px;
    }
    .navbar-toggle {
        margin-right: 0;
        cursor: pointer;
    }
    .tr-home-slider .item {
        background-size: inherit;
        background-position: 0;
    }
    .tr-breadcrumb {
        background-position: inherit;
    }
    .tr-dropdown-menu {
        min-width: 100%;
        padding-left: 15px;
    }
    .tr-home-slider .item {
        background-size: cover !important;
        background-position: 0;
        height:280px;
    }
    .FormWrapper form button {
        flex: 0 0 65px;
    }
    .slider-right-section{ margin-top: 15px;}
    .cal-data-text h4{margin-top: 0}
    .cal-data-text h4, .cal-data-text span{font-size: 16px}
    .cal-data-text span { font-size: 18px; }
    .admissionGadget { height: 180px; }
    .box-content h3 { font-size: 18px; }
    .icon-wrap img.icon { height: 30px;}
    .feature-count-area{position:relative;top: 15px; }
    .info-graphic-wraper-content.info-graphic-style{display: block}
    .info-graphic-wraper-content.info-graphic-style .info-graphic-box{width: 50%;float: left}
    section#notice-section {
        padding: 30px 0;
    }
    section {
        margin: 30px 0;
    }
    .feature-count-area .right-box-content h3{font-size: 16px}
    .feature-count-area .left-icon{font-size: 20px}
    .notice-carousel .slick-prev, .our-achieved .slick-prev, .conference-carousel .slick-prev, .notice-carousel .slick-next, .our-achieved .slick-next, .conference-carousel .slick-next{ top: -37px;}
    .notice-carousel-wrap{margin-top: 30px}
    .pb-calendar {
        padding: 15px;
        height: 100%;
    }
    .our-events-wrap{margin-top: 15px}
    .chiefAdvisorImg{text-align: center;margin: 30px 0 0;}
    .advisorMsgContent{padding: 15px 0 30px 0}
    .advisorMsgContent .text-left{text-align: center}

    /* New Design /*/
    .tr-menu .navbar-nav li a {
        color: #ffffff;
        border-radius: 0px;
    }
    .tr-menu .navbar-fixed-top .navbar-nav li a {
        line-height: 16px
    }
    #footer h3 {
        font-size: 20px;
        padding-top: 0;
        margin: 15px 0 0;
    }
    #footer .footer-content {
        font-size: 14px;
        padding-top: 5px;
        margin-bottom: 15px;
    }
    .footer-sticky .buttons-wrapper, .footer-sticky .button{padding: 5px}
    .footer-sticky .fa{font-size: 20px;margin-right: 2px;}
    .footer-sticky .button{font-size: 14px}
    .kingster-page-title-wrap.kingster-style-medium .kingster-page-title{font-size: 20px}
    .kingster-page-title-wrap.kingster-style-medium .kingster-page-caption{font-size: 14px}
    .kingster-page-title-wrap .kingster-page-title-content {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }
    .page-content-section { padding: 30px 0;}
    .sidebarHeading {
        padding-bottom: 8px;
        margin-bottom: 8px;
        font-size: 16px;
    }
    .sidebar_r ul.nav > li a {
        font-size: 14px;
        padding: 4px;
    }
    .sidebar_r ul.nav > li:before{top: 6px;}
    .sidebar_r{min-height: auto;padding: 30px}
    .gdlr-core-portfolio-thumbnail-image-wrap a img{width: 100% !important; height: 100% !important;max-height: 100% !important;}
    .gdlr-core-portfolio-grid.gdlr-core-style-with-frame .gdlr-core-portfolio-content-wrap {
        padding: 28px 15px 19px;
        text-align: center;
    }
    .gdlr-core-portfolio-grid4staf .gdlr-core-portfolio-content-wrap, .gdlr-core-box-style { height: auto !important;}
    .gdlr-core-portfolio-grid4staf .social-profile { position: relative !important;}
    .countdown-wrap{min-height: 76px;padding: 15px 5px; margin-top: 0}
    .countdown-days, .countdown-hours, .countdown-minutes, .countdown-seconds{font-size: 24px;line-height: 30px}
    .training-program-tab a{font-size: 16px}
    .countdown-title {font-size: 12px !important;line-height: 16px !important;}
    .convocation .program-content-block { padding: 15px;}
    .convocation .pdf-list li a{font-size: 14px}
    .news-wrap .btn { margin-top: 0; }
    .news-col .news-date-wrap{width: 60px}
    .panel-default > .panel-heading a{font-size: 12px}
    .panel-default > .panel-heading a[aria-expanded="false"]:after, .panel-default > .panel-heading a[aria-expanded="true"]:after{
        background-size: 14px;
        width: 14px;
        height: 14px;
    }
    .chairperson-details{margin-top: 15px}
    .trustee-member-head h3{font-size: 20px}
    .trustee-member-head span{font-size: 16px}
    .trustee-member-info h4{font-size: 16px}
    .trustee-member-info h6{font-size: 13px}
    .news-social-share p{width: 100%}
    .achievement h4{margin-bottom: 0}
    .directory-title{font-size: 16px}
    .dean-info {
        width: 100% !important;
        padding: 0;
        margin-top: 15px;
    }

    /*home page two static banner*/
    .top-banner-wraper-content.top-banner-style { display: block; }
    .top-banner-wraper-content.top-banner-style .top-banner-box {width: unset;}


}

/* sm */
@media (min-width: 768px) and (max-width: 991px) {
    .tr-menu .navbar-nav {
        margin: 0;
        max-height: 300px;
        overflow-x: hidden;
    }
    .tr-breadcrumb {
        background-position: inherit;
        padding: 145px 0 0px;
        margin-top: 50px;
    }

    .slider-info {
        /* margin-top: 175px;*/
    }
    .slider-info h1 {
        font-size: 35px;
        padding: 10px 60px;
    }
    .tr-home-slider {
        padding-bottom: 50px;
    }
    .carousel-inner {
        height: auto !important;
    }
    .latest-news-marquee {
        position: absolute;
        top: 368px;
    }
    .navbar-fixed-top .latest-news-marquee {
        position: absolute;
        top: 335px;
    }
    img.course-search-img {
        width: 90px;
    }
    .admissionGadget {
        width: 50%;
        float: left;
    }
    .lowerGadget{margin-top: -2px}
    .feature-count .right-border:nth-child(even){
        border-right:none;
    }
    .box-content{min-height: 180px}
    .info-graphic-wraper-icon{font-size: 50px}
    .info-graphic-wraper-content.info-graphic-style .info-graphic-box>h3{font-size: 16px}
    .info-graphic-wraper-content.info-graphic-style .info-graphic-box{min-height:160px;font-size: 60px; margin: 0}
    .notice-carousel .slick-prev, .our-achieved .slick-prev, .conference-carousel .slick-prev {left: 89% !important;}
    .gdlr-core-column-15{width: 50% !important;}
    .vcName, .treasurerName{font-size: 22px !important;}
    .info-graphic-style .info-graphic-box{width: 100%;}
}

/* xs */
@media (max-width: 767px) {
    .section{
        margin-top: 30px;
    }
    .block-title h2 >span {
        padding: 0 12px;
        line-height: 30px;
    }
    .block-title.title1 h2 >span:before {
        border-right: 17px solid transparent;
        border-bottom: 32px solid #182e59;
        right: -17px;
    }
    .nav-tabs>li{width: 100%}
    .top-menu-wrap {
        position: absolute;
        top: 50px;
    }
    .top-info ul {
        text-align: center;
    }
    .top-info ul li {
        padding: 5px 0px 0 0;
    }
    .top-menu ul {
        margin: 5px 0 0;
        text-align: center;
    }
    .top-menu ul li a {
        padding: 5px;
    }

    .navbar-default .navbar-toggle {
        background-color: #92278F;
        border-color: #fff;
    }
    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
        background-color: #92278F;
    }
    .navbar-toggle {
        margin-right: 15px;
    }
    .navbar-collapse {
        padding: 0 15px;
    }
    .navbar-brand {
        top: 0;
        left: 15px;
    }
    .navbar-fixed-top {
        overflow: hidden;
    }
    .navbar-fixed-top .navbar-brand {
        top: -23px;
    }
    .carousel-inner {
        height: auto !important;
    }
    .item-content {
        height: auto;
        margin-top: -60px;
    }
    .slider-info{
        margin-top: 140px;
    }
    .slider-info h1 {
        font-size: 18px;
    }
    .slider-info h3 {
        font-size: 16px;
        margin-bottom: 10px;
    }
    .latest-news-marquee {
        position: absolute;
        top: 420px;
    }
    .feature-single-box {
        background: #437DFB;
        display: inline-block;
        width: 100%;
        color: #fff;
    }
    .feature-single-box h3{
        font-size: 20px;
    }
    .feature-count .right-border{
        border-right:none;
    }
    img.course-search-img{width: 75px}
    .course-search{margin-top: 15px}
    .btn-course-search{width: 100%;margin: 0!important;}
    section#search-course-section {
        margin-top: 30px;
    }
    #search-course-section h3{
        font-size: 16px;
    }
    #search-course-section h3{
        font-size: 16px;
    }
    #search-course-section .icon-wrap img.icon {
        height: 30px;
    }
    .course-search ul li {
        padding-left: 0;
    }
    .box-content{min-height: 156px}
    .info-graphic-box{min-height: 128px !important;}
    .info-graphic-wraper-icon{font-size: 30px}
    .info-graphic-wraper-content.info-graphic-style .info-graphic-box>h3{font-size: 14px}
    .info-graphic-wraper-content.info-graphic-style .info-graphic-box{margin: 0}
    .notice-carousel .slick-prev { left: 80%; }
    .notice-item .date{width: 55px}
    .notice-item .date > div{font-size: 20px}
    .notice-item .date > div > span{font-size: 10px}
    .notice-item .desc{padding-left: 10px}
    .notice-item .desc p{margin-bottom: 5px}
    .notice-carousel .slick-prev, .our-achieved .slick-prev, .conference-carousel .slick-prev {left: 81%;}
    .section-calender .calender-content .title{font-size: 14px}
    .section-calender .calender{width: 80px;height: 82px;}
    .section-calender .calender .date {font-size: 30px;margin-top: 15px;}
    .small-btn { padding: 2px 10px;}
    .pb-calendar .top-frame > .year-month-frame {
        font-size: 22px;
        line-height: 22px;
    }
    .pb-calendar .top-frame > .control-frame > .control-btn > .icon {
        height: 18px;
    }
    .event-image.custom-css {
        width: 65px;
        height: 70px;
        margin-right: 10px;
    }
    .event-date .day{font-size: 18px}
    .event-date {
        padding: 10px 0;
        font-size: 14px;
    }
    .gdlr-core-column-15{width: 100% !important;}
    .trustee-member-details{height: auto}
    .trustee-member-info{min-height: auto}
    .vcImgContainer{text-align: center;margin-bottom: 15px;}
    .col-md-4.skillwork{width: 100% !important;margin-bottom: 15px;}
    ul.nav.nav-tabs.crt-conferences-tab-center{padding-left: 0 !important;}
    .programs_tab{width: 70%;margin-left: 15%}
    .programs_tab button{padding: 4px; font-size: 16px}
    .enquire-tabs-style-fillup nav ul li a span, .vcName, .treasurerName, .shadowLevel2{font-size: 16px !important;}
    .content-wrap>div{padding: 15px 0}
    .dean-dept{display: none}
    .address-section{width: 100% !important;}


    #video-section {
        height: 350px;
    }
    .video-content .video-section-link {
        font-size: 44px;
    }
    .video-content h1 {
        margin-top: 120px;
        font-size: 20px;
    }
    /* Footer */
    #footer h3 {
        text-align: center;
        margin: 0;
        padding: 0;
    }
    #footer .footer-content {
        text-align: center;
    }
    #footer {
        background-color: #000;
        text-align: center;
        overflow: hidden;
    }
    .footer-bottom-content .text-left,.footer-bottom-content .text-right{
        text-align: center;
    }
    .info-graphic-wraper-content.info-graphic-style .info-graphic-box {
        width: 100%;
    }
}

/* XS Portrait */
@media (max-width: 479px) {
    .event-content {
        width: 100%;
        padding: 0;
        margin: 0;
        float: initial;
    }
    .info-graphic-wraper-content.info-graphic-style .info-graphic-box{width: 100%;}

}
@media (max-width: 360px) {
    .box-content{min-height: 215px}
    .notice-carousel .slick-prev, .our-achieved .slick-prev, .conference-carousel .slick-prev { left: 75%; }
    .info-graphic-wraper-content.info-graphic-style .info-graphic-box{width: 100%;}
}
@media (max-width: 320px) {
    .info-graphic-wraper-content.info-graphic-style .info-graphic-box{width: 100%;}
}