/*Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1400px)
{
    .main-container
    {
        max-width: 1354px;
    }
}
@media (min-width: 1200px) and (max-width: 1399.98px){ 
    /* Banner */
    .main-container
    {
        max-width: 1215px;
    }
    .banner-imgs
    {
        height: 635px;
    }
    .banner-img-content h1
    {
        font-size: 45px;
        line-height:1.1;
    }
    .banner-img-content
    {
        top: 50%;
    }
    .banner-img-content p
    {
        font-size: 14px;
    }
    .pre-header-list li
    {
        padding: 0px 6px;
    }
    .pre-header-list li a,.dropbtn
    {
        font-size: 12px;
    }
    li.nav-item
    {
        padding:8px 0px;
    }
    .navbar-expand-lg .navbar-nav .nav-link,.banner-img-content p
    {
        font-size:12px;
    }
    .placement-details-yl p,.placement-glance p
    {
        font-size: 13px;
        line-height: 1.5;
    }
    .placement-details-yl h3
    {
        font-size:16px;
    }
    .placement-glance h2
    {
        font-size:14px;
    }
    .figures-detail p
    {
        font-size:14px;
    }
    .figures-detail h3
    {
        font-size:30px;
    }
    .highlights-point
    {
        top: -185px;
    }
}
/*// Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {
    .main-container
    {
        max-width: 960px;
    }
    .banner-imgs
    {
        height: 521px;
    }
    .banner-img-content h1
    {
        font-size: 30px;
        line-height: 1.1;
    }
    .banner-img-content
    {
        top: 50%;
    }
    .banner-img-content p
    {
        font-size: 14px;
    }
    .banner-img-content a
    {
        font-size: 14px;
        padding: 8px 15px;
    }
    .pre-header-list,.social-icons
    {
        line-height: 15px;
    }
    .pre-header-list li,.social-icons li
    {
        padding: 0px 2px;
    }
    .pre-header-list li a,.dropbtn
    {
        font-size: 10px;
    }
    .social-icons li a
    {
        font-size: 13px;
    }
    .apply-online
    {
        padding: 5px 10px 5px 10px;
        font-size: 12px;
    }
    nav.navbar.cgc-navbar.navbar-expand-lg
{
    padding: 0px;
}
.logo
{
    height: 50px;
}
.navbar-expand-lg .navbar-nav .nav-link,ul#menu-about-left-menu li a
{
    font-size: 11px;
}
li.nav-item
{
    padding: 8px 0px;
}
.main-header
{
    top: 12%;
}
.placement-glance
{
    padding: 22px 15px;
}
.figures-detail h3
{
    font-size: 23px;
}
.figures-detail p
{
    font-size: 10px;
}
.placement-details-yl{
    padding: 10px;
}
.placement-details-yl h3
{
    font-size: 10px;
}
.placement-details-yl p,.placement-glance p{
    font-size: 12px;
}
.placement-details-yl .bi-plus-square
{
    height: 14px;
}
.placement-glance h2
{
    font-size: 14px;
}
.undergradate-courses h3,.post-graduate-courses h3
{
    font-size: 25px;
}
.undergradate-courses p,.post-graduate-courses p
{
    font-size: 18px;
}
.program-list-left li a
{
    font-size: 12px;
}
.highlights-point
{
    top: -60px;
}
.programs-heading,.about-heading,.right-hd
{
    font-size: 28px;
}
.news-events {
    margin-top: -50px;
}
.news-content
{
    font-size: 12px;
    line-height: 1.6;
}
.news-list .news-link
{
    font-size: 14px;
}
.event-mon
{
    font-size: 20px;
}
.events-date .events-day
{
    font-size: 30px;
}
.event-list-item a
{
    font-size: 12px;
    line-height: 1.5;
}
}
/*// Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
    .main-container
    {
        max-width: 720px;
    }
    .banner-imgs
    {
        height: 400px;
    }
    .banner-img-content h1
    {
        font-size: 30px;
        line-height: 1.1;
    }
    .banner-img-content p
    {
        display: none;
    }
    .banner-img-content a
    {
        padding: 6px 15px 5px 15px;
        font-size: 14px;
    }
    .banner-img-content
    {
        top: 53%;
    }
    .pre-header-list li
    {
        padding: 0px 6px;
    }
    .pre-header-list li a,.dropbtn
    {
        font-size: 12px;
    }
    .figures-detail h3
    {
        font-size: 20px;
    }
    .figures-detail p
    {
        font-size: 10px;
    }
    .main-menu{
    padding: 8px;
}
.main-header
{
    top: 15%;
}
nav.navbar.cgc-navbar.navbar-expand-lg
{
    padding: 0px 0px 5px 0px;
}
.main-menu .logo{
    width: 50%!important;
}
button.navbar-toggler
{
    position: absolute;
    right: 0px;
    top: -44px;
    border: 2px solid #747474;
}
.navbar-toggler-icon
{
    width: 20px;
    height: 20px;
    line-height: 22px;
}
ul.navbar-nav.dropdown
{
    text-align: right;
}
li.nav-item
{
    padding:0px 2px;
}
.undergradate-courses
{
    top: 28px;
    left: -22px;
    padding: 20px 15px;
}
.post-graduate-courses
{
    bottom: -46px;
    right: -14px;
    padding: 20px 15px;
}
.undergradate-courses h3,.post-graduate-courses h3
{
    font-size: 22px;
}
.undergradate-courses p,.post-graduate-courses p,.students p,.patents p, .papers p,.alumni p
{
    font-size: 16px;
}
.students h4,.patents h4, .papers h4,.alumni h4
{
    font-size: 30px;
}
.students,.alumni,.papers,.patents
{
    padding: 45px 0px;
}
.stu-pd
{
    padding-top: 50px;
}
.highlights-point
{
    top: -60px;
}
.news-events {
    margin-top: -55px;
}
.news-list-item img{
    width: 100%;
}
.news-list .news-link
{
    line-height: 2.5;
}
.event-list-item
{
    padding: 15px;
}
}
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) { 
    .main-container
    {
        max-width: 540px;
    }
    .banner-imgs
    {
        height: 335px;
    }
    .banner-img-content p,.banner-img-content a
{
    display: none;
}
.banner-img-content h1
{
    font-size: 25px;
    
}
.banner-img-content
{
    top: 60%;
}
.pre-header
{
    display: none;
}
.main-menu{
    padding:8px;
}
nav.navbar.cgc-navbar.navbar-expand-lg
{
    padding: 0px 0px 5px 0px;
}
.main-menu .logo{
    width: 50%!important;
}
button.navbar-toggler
{
    position: absolute;
    right: 0px;
    top: -40px;
    border: 2px solid #747474;
}
.banner-imgs .main-banners
{
    height:auto;
}
.navbar-toggler-icon
{
    width: 20px;
    height: 20px;
    line-height: 22px;
}
ul.navbar-nav.dropdown
{
    text-align: right;
}
.banner-img-content
{
    top: 57%;
}
.placement-details
{
    bottom: -255px;
    background: #294b71;
    text-align: center;
}
.figures-detail
{
    border-right: none;
    border-bottom: 1px solid #fff;
}
.figures-detail h3 {
    font-size: 25px;
    border-right: none;
}
.figures-detail p
{
    border-right: none;
}
.programs-detail
{
    padding: 30px 0px;
}
.undergradate-courses
{
    position: relative;
}
.post-graduate-courses
{
    position: relative;
    bottom: -60px;
    right: 0px;
}
/*.campus-programs
{
    margin-top: 260px;
}*/
.programs-heading
{
    font-size: 30px;
}
.heading-ln
{
    height: 4px;
}
.undergradate-courses h3,.post-graduate-courses h3
{
    font-size: 28px;
}
.undergradate-courses p,.post-graduate-courses p
{
    font-size: 20px;
}
.stu-pd
{
    padding-top: 0px;
    margin-top: -25px;
}
.papers,.alumni
{
    margin-bottom: 25px;
}
.right-hd,.about-heading
{
    font-size: 25px;
}
.right-hd-ln,.about-ln
{
    height: 4px;
}
.highlights-point
{
    top: -50px;
}
.news-events {
    margin-top: -55px;
}
.news-list-item img{
    width: 100%;
}
.news-list .news-link
{
    line-height: 1.6;
}
.event-list-item
{
    padding: 15px;
}
.awards-ranking
{
    padding: 0px;
}
.social-share-icons
{
    float: left;
}
}
/*X-Small devices (portrait phones, less than 576px)*/
@media only screen and (max-width: 575.98px) 
{
    .banner-imgs
    {
        height: 200px;
    }
    .banner-img-content p,.banner-img-content a
{
    display: none;
}
.banner-img-content h1
{
    font-size: 13px;
    
}
.banner-img-content
{
    top: 65%;
}
.pre-header
{
    display: none;
}
.main-header
{
    top: 0%;
    background: #fff;
}
.main-menu{
    padding: 5px 0px 0px 0px;
}
nav.navbar.cgc-navbar.navbar-expand-lg
{
    padding: 0px 0px 5px 0px;
}
.main-menu .logo{
    width: 50%!important;
}
button.navbar-toggler
{
    position: absolute;
    right: 0px;
    top: -44px;
    border: 2px solid #747474;
}
.navbar-toggler-icon
{
    width: 20px;
    height: 20px;
    line-height: 22px;
}
ul.navbar-nav.dropdown
{
    text-align: right;
}
.banner-img-content
{
    top: 68%;
}
li.nav-item
{
    padding:0px 2px;
}
.placement-details
{
    bottom: -292px;
    background: #294b71;
    text-align: center;
}
.figures-detail
{
    border-right: none;
    border-bottom: 1px solid #fff;
}
.figures-detail h3,.figures-detail p
{
    border-right: none;
}
.programs-detail
{
    padding: 30px 0px;
}
.undergradate-courses
{
    position: relative;
}
.post-graduate-courses
{
    position: relative;
    bottom: -60px;
    right: 0px;
}
/*.campus-programs
{
    margin-top: 280px;
}*/
.programs-heading
{
    font-size: 25px;
}
.heading-ln
{
    height: 4px;
}
.undergradate-courses h3,.post-graduate-courses h3
{
    font-size: 25px;
}
.undergradate-courses p,.post-graduate-courses p
{
    font-size: 18px;
}
.stu-pd
{
    padding-top: 0px;
    margin-top: -25px;
}
.papers,.alumni
{
    margin-bottom: 25px;
}
.right-hd,.about-heading
{
    font-size: 25px;
}
.right-hd-ln,.about-ln
{
    height: 4px;
}
.highlights-point
{
    top: -50px;
}
.news-events {
    margin-top: -55px;
}
.news-list-item img{
    width: 100%;
}
.news-list .news-link
{
    line-height: 1.6;
}
.event-list-item
{
    padding: 15px;
}
.awards-ranking
{
    padding: 0px;
}
.social-share-icons
{
    float: left;
}
.page-banner-imgs .page-banner{
    margin-top: 16%;
}
.page-banner-img-content h1
{
    font-size: 30px;
}
.page-banner-img-content
{
    top: 68%;
}
}