@media (max-width:1279px) {
    .container { padding: 0 15px; }
    .row { margin: 0 -15px; }
    .row > div { padding: 0 15px; }
    .nospace { margin: 0; }
    .nospace > div { padding: 0; }
    .grid0xl { width: 0; }
    .grid1xl { width: 8.333333%; }
    .grid2xl { width: 16.666666%; }
    .grid3xl { width: 25%; }
    .grid4xl { width: 33.333333%; }
    .grid5xl { width: 41.666666%; }
    .grid6xl { width: 50%; }
    .grid7xl { width: 58.333333%; }
    .grid8xl { width: 66.666666%; }
    .grid9xl { width: 75%; }
    .grid10xl { width: 83.333333%; }
    .grid11xl { width: 91.666666%; }
    .grid12xl { width: 100%; }
    .grid24xl { width: 20%; }
    .space { height: 30px; }

    .logo { left: -13px; }

    .logo h4 {
        padding-top: 15px;
        width: auto;
    }

    .narrow .logo h4 {
        padding-top: 15px;
        visibility: hidden;
        opacity: 0;
        filter: Alpha(Opacity=0);
    }

    .nav > .sociallink { float: right; }

    .nav {
        float: none;
        padding-left: 122px;
        margin-right: -10px;
    }

    .nav > .pagelink > li > a {
        padding-top: 0;
        margin-top: 50px;
    }

    .narrow .nav > .pagelink > li > a { margin-top: 0; }

    .home .item h5 { font-size: 16px; }

    .contact > .left { width: 33.333333%; }
    .contact > .right { width: 66.666666%; }

    .contact > .left div { right: 66.666666% }

    .syllabus b { padding-left: 15px; }
    .syllabus ul { padding-left: 15px; }
    .syllabus em { padding-left: 15px; }
    .syllabus2 h6 { padding-left: 15px; }
    .syllabus2 ul li { padding-left: 15px; }

    .vmv .row > .grid6 { border: none; }

    .vmv a { margin-bottom: 50px; }

    .cca p { height: 140px; }

    .sgipsle .row .grid5 b { padding: 15px; }
    .sgipsle .row .grid5 i.fa-caret-right { top: 14px; }
    .sgipsle .row .grid7 p { padding: 15px 15px 15px 30px; }
    .sgipsle .row .grid7 ul { padding: 15px 15px 15px 30px; }
    .sgipsle .row .grid7 .table { padding: 0 15px 0 30px; }

    .center-content {
        max-width: 100%;
        text-align: left;
    }
    
    .roller .content .content1 p {
        right: -130px;
        top: 20px;
    }    
    .roller .content .content2 p { right: -190px; }
    .roller .content .content3 p { left: -190px; }
    .roller .content .content4 p {
        left: -130px;
        top: -10px;
    }
    
    .half { height: 15px; }
}

@media (max-width:1023px) {
    .grid0l { width: 0; }
    .grid1l { width: 8.333333%; }
    .grid2l { width: 16.666666%; }
    .grid3l { width: 25%; }
    .grid4l { width: 33.333333%; }
    .grid5l { width: 41.666666%; }
    .grid6l { width: 50%; }
    .grid7l { width: 58.333333%; }
    .grid8l { width: 66.666666%; }
    .grid9l { width: 75%; }
    .grid10l { width: 83.333333%; }
    .grid11l { width: 91.666666%; }
    .grid12l { width: 100%; }
    .grid24l { width: 20%; }

    .narrow .logo h4 {
        visibility: visible;
        opacity: 1;
        filter: Alpha(Opacity=100);
    }

    .nav > .pagelink {
        position: fixed;
        top: 50px;
        bottom: 0;
        right: -250px;
        overflow-y: auto;
        width: 250px;
        float: none;
        background: #fff;
        border-top: 5px #8c0c04 solid;
        opacity: 0;
        filter: Alpha(Opacity=0);
        visibility: hidden;
        box-shadow: -3px 0 5px rgba(0,0,0,0.1);
        -webkit-box-shadow: -3px 0 5px rgba(0,0,0,0.1);
    }

    .nav > .pagelink.active {
        right: 0;
        opacity: 1;
        filter: Alpha(Opacity=100);
        visibility: visible;
    }

    .nav > .pagelink > li { float: none; }
    .nav > .pagelink > li+li { border-top: 1px #ccc solid; }
    .nav > .pagelink > li > a { margin-top: 0; }

    .nav > .sociallink > li > a { margin: 5px 0; }

    .pagelink .subnav {
        position: relative;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        padding-top: 0;
        margin-top: 0;
        opacity: 1;
        filter: Alpha(Opacity=100);
        visibility: visible;
        display: none;
    }

    .lock .subnav { right: -80px; }
    .search .subnav { right: -40px; }

    li.hover > .subnav { display: block; }

    .pagelink .subnav > span { top: -5px; }

    .upsize > span { background: #fff; }

    .lock .subnav > span { right: 90px; }

    .search .subnav > span { right: 50px; }

    .pagelink .subnav > div {
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
    }

    .pagelink .subnav > div h5 {
        color: #8c0c04;
        background: #fff;
        border-bottom: 1px #8c0c04 solid;
    }

    .subnav > div .grid6+.grid6 { border-left: none; }
    .subnav > div .grid6+.grid6 h5 { border-top: 1px #8c0c04 solid; }

    .mobilenav { display: block; }

    .quickaccess { top: 100px; }

    .slider .owl-theme .owl-controls { bottom: 50px; }

    .quicklink {
        position: relative;
        margin-top: -6px;
    }

    .quicklink .scroll {
        top: -34px;
        bottom: auto;
    }

    .contact > div {
        float: none;
        overflow: hidden;
    }
    .contact > .left { width: 100%; }
    .contact > .right { width: 100%; }

    .contacttab { display: none; }

    .contact > .right > div {
        width: 50%;
        float: left;
        padding: 60px 15px;
        opacity: 1;
        filter: Alpha(Opacity=100);
        visibility: visible;
        transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
    }

    .contactinfo { position: static; }

    .contact > .left div {
        position: static;
        width: 100%;
    }

    .contact > .right > div {
        padding-left: 15px;
        padding-right: 15px;
    }

    .contact > .left div { height: 480px; }
    .googlemap { height: 480px; }
    .banner { height: 480px }

    .withsidebar { padding-left: 0; }
    .sidebar { display: none; }

    .scimat {
        padding: 50px 0 500px;
        background-position: center 600px;
    }
    
    .gallery { margin-bottom: 30px; }
}

@media (max-width:767px) {
    .grid0m { width: 0; }
    .grid1m { width: 8.333333%; }
    .grid2m { width: 16.666666%; }
    .grid3m { width: 25%; }
    .grid4m { width: 33.333333%; }
    .grid5m { width: 41.666666%; }
    .grid6m { width: 50%; }
    .grid7m { width: 58.333333%; }
    .grid8m { width: 66.666666%; }
    .grid9m { width: 75%; }
    .grid10m { width: 83.333333%; }
    .grid11m { width: 91.666666%; }
    .grid12m { width: 100%; }
    .grid24m { width: 20%; }

    .logo h4 {
        width: 250px;
        padding-top: 8px;
    }

    .narrow .logo h4 { padding-top: 8px; }

    .slide div {
        left: 0;
        width: 100%;
        max-width: 100%;
    }

    .quicklink .bottom { padding: 15px 0; }

    .contact > .left div { height: 320px; }
    .googlemap { height: 320px; }
    .banner { height: 320px }

    .vmv a { display: none; }

    .vision, .mission, .values {
        visibility: visible;
        opacity: 1;
        filter: Alpha(Opacity=100);
        height: auto;
        transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
    }

    .cca p { height: auto; }

    .cca .row > .grid12m+.grid12m { margin-top: 60px; }
    .ipc .row > .grid12m+.grid12m { margin-top: 30px; }

    .sgipsle .row+.row { margin-top: 15px; }

    .sgipsle .row .grid5 i.fa-caret-right { display: none; }
    .sgipsle .row .grid5 i.fa-caret-down { display: block; }
    .sgipsle .row .grid7 p { padding-left: 15px; }
    .sgipsle .row .grid7 ul { padding-left: 35px; }
    .sgipsle .row .grid7 .table { padding: 0; }

    .lightbox > .lbcontent > li p {
        left: 15px;
        text-align: left;
    }
    
    .roller { padding-top: 30px; }
    
    .roller .round, .roller .dot { display: none; }
    
    .roller .content li {
        position: static;
        opacity: 1;
        filter: Alpha(Opacity=100);
        overflow: hidden;
        margin: 3px 0 !important;
    }
    
    .roller .content li span { background-color: #8c0c04; }
    
    .roller .content li p {
        position: static;
        margin: 10px 0 0 120px !important;
        text-align: left;
    }
}

@media (max-width:639px) {
    .grid0s { width: 0; }
    .grid1s { width: 8.333333%; }
    .grid2s { width: 16.666666%; }
    .grid3s { width: 25%; }
    .grid4s { width: 33.333333%; }
    .grid5s { width: 41.666666%; }
    .grid6s { width: 50%; }
    .grid7s { width: 58.333333%; }
    .grid8s { width: 66.666666%; }
    .grid9s { width: 75%; }
    .grid10s { width: 83.333333%; }
    .grid11s { width: 91.666666%; }
    .grid12s { width: 100%; }
    .grid24s { width: 20%; }

    .logo h4 { display: none; }
    .logo span { width: 110px; }
    .logo span img { height: 80px; }

    .copyright a { display: block; }

    .nav > .pagelink {
        right: -100%;
        width: 100%;
    }

    .contact > .right > div {
        width: 100%;
        max-width: 100%;
        float: none;
    }
    .contact > .right > .contactinfo { background: #fff; }
    .contact > div .contactinfo h5 { color: #333; }

    .contactinfo a { color: #333; }
    .contactinfo > a:hover { color: #8c0c04; }
    .contactinfo > a i {
        color: #fff;
        background: #004f5a;
    }
    .contactinfo > a:hover i { background: #8c0c04; }

    .contact > .left div { height: 240px; }
    .googlemap { height: 240px; }
    .banner { height: 240px; }

    .tnalist .photo {
        float: none;
        padding-top: 20px;
    }
    .tnalist { margin: 0 -15px; }
    .tnalist .paragraph { margin-left: 15px; }
    .tnalist .paragraph h4 { text-align: center; }
    .tnalist .paragraph > div p { padding-right: 15px; }
}

@media (max-width:479px) {
    .grid0xs { width: 0; }
    .grid1xs { width: 8.333333%; }
    .grid2xs { width: 16.666666%; }
    .grid3xs { width: 25%; }
    .grid4xs { width: 33.333333%; }
    .grid5xs { width: 41.666666%; }
    .grid6xs { width: 50%; }
    .grid7xs { width: 58.333333%; }
    .grid8xs { width: 66.666666%; }
    .grid9xs { width: 75%; }
    .grid10xs { width: 83.333333%; }
    .grid11xs { width: 91.666666%; }
    .grid12xs { width: 100%; }
    .grid24xs { width: 20%; }

    .search .subnav { width: 310px; }

    .pagetab a { font-size: 12px; }

    .syllabus .row > div+div { border-left: none; }
    .syllabus b { padding-bottom: 7px; }
    .syllabus ul { padding-top: 7px; }

    .objective a { font-size: 16px; }
}