@media (max-width:1800px) and (min-width:1300px) {
}


@media screen and (max-width:575px) {
#intro .carousel-item{height:25vh;}
}

@media (min-width:576px) and (max-width:767px) {
#intro .carousel-item{height:44vh;}
}

@media screen and (max-height:750px) {
	
	#intro .carousel-container{bottom:220px;}
	#intro .announcement .carousel-container{bottom:110px;}
	.bg-2 {width: 62%;}
	#main-announcement1 {top: 25%;}
	#main-announcement2 {top: 10%;}
	#main-announcement3 {top: 10%;}
}

@media screen and (max-height:600px) {
	
	#intro .carousel-container{bottom:200px;}
	#intro .announcement .carousel-container{bottom:100px;}
}


@media (max-width:1024px) {


	
	
	body.inner-page-Kiet .collapse.navbar-collapse {
    padding-top: 279px;
}
	
	li.nav-item.dropdown.show a.nav-link.dropdown-toggle{background:#000 url(../img/icon-sprite.png) -391px -244px no-repeat;}
	#header.header-scrolled .main-menu ul li a{padding-top:10px;}
	.mobile_nav .navbar-light .navbar-nav .nav-link {
    color: #fff;
    position: relative;
    z-index: 1;
}
.mobile_nav .navbar.navbar-light .navbar-toggler-icon{color:#fff;}
.mobile_nav .navbar.navbar-light .navbar-toggler {
 color: rgba(0,0,0,.5);
 border-color: rgba(0,0,0,.1);
 background:#000;
 right: 0;
 position: absolute;
 top: 9px;
 z-index: 9;
 border: 0;
 padding: 2px 11px 3px;
 border-radius: 0;
 outline: 0;
 display: block;
     -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}

.mobile_nav .navbar.navbar-light .navbar-toggler.collapsed {background:#3a5c8e;    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;}

.mobile_nav .fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
    padding: 0;
}
	
	.inner-page-Kiet #header.header-scrolled .navbar-collapse .main-menu {
    background: #000;
    padding-top: 65px;
}

.inner-page-Kiet #header.header-scrolled .navbar-collapse.main-menu {
    transform: inherit;
    padding: 65px 0;
    background: #000;    height: 100vh;
    overflow-y: scroll;
}

.home-Kiet #header.header-scrolled .navbar-collapse.main-menu {
    transform: inherit;
    padding: 65px 0;
    background: #000;    height: 100vh;
    overflow-y: scroll;
}

	.member-detail{min-height:315px;}
	.about-vision-mission{padding:40px 35px 0px;}
	.infr-panel-2 p{padding:0 25px;}
	.infr-panel-2 h3{padding:29px 25px 16px;}
	.infra-7 {margin-top: 30px;}	
	.infra-7 h3 {margin: 28px 0 20px;}
	.infra-11 {padding: 40px 0 0;}
	.text-padding {
    padding: 50px 35px 0;
}
	section.advance-diploma ul:before{height:143%;}
		#header.header-scrolled .option.searchnav{display:block;}
		.dropdown-menu {
    display: block;
    padding-bottom: 20px;
}
		section.infrastructure h2 {
    text-align: center;
    font-size: 21px;
    color: #000;
    margin-bottom: 40px;
}
.section-space {
    padding: 40px 0;
}
section.Research {
    position: relative;
    padding: 40px 0;
}
body.inner-page-Kiet section.section-space.Research .research-bg:after {
    bottom: 189px;
}
.tab-link2 ul {
    border: 0px;
    position: inherit;
    z-index: 1;
    background: #ffb805;
    left: 58px;
    bottom: 34px;
    text-align: center;
    padding: 0 0px;
}
.card-body.classroom p{padding:0 30px;}
.card-body.classroom h3 {
    color: #fff;
    padding: 27px 27px 10px;
    font-size: 32px;
}
        .inner-page-Kiet #header.header-scrolled .main-menu.menuopened {
    background: #000;
    padding-top: 70px;
    padding-bottom: 50px;
}

        .home-Kiet #header.header-scrolled .main-menu.menuopened {
    background: #000;
    padding-top: 70px;
    padding-bottom: 50px;
}
#header.header-scrolled{padding:0px;height:53px;}
.inner-page-Kiet #header.header-scrolled{padding:0; background:none;}
.home-Kiet #header.header-scrolled{padding:0; }
    .back-to-top { bottom: 15px;}
    #header #logo h1 {font-size: 28px;}
    #intro h2 {font-size: 28px;}
    .top-menu.desktop-menu{display:none;}
    .mobile_nav{display:block;}
 .navbar-collapse {
	 background: #020202;
        max-width: 300px;
        top: 0;
         -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
        margin-right: -300px;
         padding-top: 85px;
    }
    #header{padding:0;height:53px;}
    a.navbar-brand img {margin-top: 0;transition: 1s;width: 56%;}
	body.inner-page-Kiet a.navbar-brand img{margin-top: 0;transition: 1s;width: 56%;}
	#header.header-scrolled .navbar-brand img{width:56%; margin:0;}
  #header.header-scrolled .main-menu {
    transform: inherit;
}
    #intro .carousel-container{width:100%;}
    #intro h1{ font-size:36px; line-height:44px;}

    /*mobile navigation css*/

    .mobile_nav .mobile_nav_icon {
        content: '';
        background: #3a5c8e url(../img/icon-sprite.png) -913px -240px no-repeat;
        width: 38px;
        height: 35px;
        display: block;
        position: fixed;
        top: 9px;
        right: 15px;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
        z-index: 10001;
        border-radius: 2px;
    }

    .mobile_nav .mobile_nav_icon.open {
        background:  #000 url(../img/icon-sprite.png) -913px -277px no-repeat;
    }
    #mainNav .navbar-collapse.menuopened {
        margin: 0;
        z-index: 10000;
        height: calc(100vh + 40px);
        background: #000;
    }

.demo.counter-box {
    margin-top: 45px;
}

/* inner css menu*/
.inner-page-Kiet .main-menu{padding:0;}
section.qulity-policy p{padding:0 20px;}
.purpule-bg{padding:30px; margin:0; height:auto;}
section.vision-mission p {
    font-size: 14px;
    padding-right: 0;
    color: #fff;
    margin-bottom: 0;
}
section.vision-mission {
    background: #7e7faf;
    padding: 30px 0 20px; margin:0px;
}
section.vision-mission h3 {
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-size: 21px;
    margin: 35px 0 15px;
}
section.qulity-policy h4 {
    color: #000;
    font-size: 21px;
    letter-spacing: 2px;
    margin-bottom: 24px;
}
section.qulity-policy {
    text-align: center;
    padding: 25px 0 0;
}
.about-history p{padding:0;}
section.about-banner {
    width: 100%;
    height: 450px;
}
.inner-page-Kiet #header.header-scrolled .main-menu {
   
    transform: inherit;
    padding: 0;
}
.inner-section {
    padding: 60px 0 15px;
}
.next-lvel-menu ul li{width:100%;}
section.section-space.our-recuriters h3:after{width:100%;}
section.section-space.our-recuriters h3:before{width:100%;}
#intro .carousel-content {
    text-align: left;
    width:470px;
}

.detail-text{ font-size:17px;}
.counter.counter-value{font-size:27px;}
.counter-box ul li{width:45%;}
.media-tour ul li{width:28%;}
.media-tour ul li a{font-size:13px; line-height:19px;}
.kiet-work ul li{margin-right:35px;}
.stream-detail a{font-size:14px;}
.img-section {
    display: inline-block;
    width: 30%;
    vertical-align: top;
    margin-right: 21px;
    margin-top: 22px;
}
.listing-admission ul li{padding:0 17px;}
section.section-space.our-recuriters ul li:first-child {
    padding-left: 0;
    margin-right: 3px;
}
section.section-space.our-recuriters ul li img {
    width: 100%;
}
section.section-space.our-recuriters ul li{width:19%;}
section.footer .container {
    border-top: 1px solid #ddd;
   padding:32px 15px;
}
.subscribe {
    position: relative;
    margin-right: 88px;
}
.web-design {
    display: block;
    font-size: 14px;
    margin-left: 2px;
    text-align: center;
    margin-top: 20px;
}
.hppeninngs-blocl p{padding:0 15px;}


    .main-menu ul li {
        display: block;
        padding: 0px 16px 0px;
        vertical-align: top;
        position: relative;
        text-align: left;
        border-bottom: 1px solid rgba(221, 221, 221, 0.14901960784313725);
    }
    .navbar-nav .dropdown-menu {
        position: static;
        float: none;
        display: none;
        background: none;
        margin: 0;
        border: 0;
        padding: 0 0 20px;
        transform: inherit;
        opacity: 1;
        visibility: visible;
    }
    #mainNav .navbar-nav .nav-item .add.arrow_icon:after {
        content:"";
        background: #000 url(../img/icon-sprite.png) -391px -244px no-repeat;
        width: 29px;
        height: 24px;
        display: inline-block;
        position: absolute;
        top: 19px;
        right: 13px;
        margin-top: -10px;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
    }
    .main-menu ul li a{padding:8px 0;font-weight: 300;font-size: 14px;letter-spacing: 1px;}
a.nav-link.dropdown-toggle{
    background: #000 url(../img/icon-sprite.png) -127px -234px no-repeat;
    display: block;
    font-weight: 300; color:#fff;
}

body.inner-page-Kiet .main-menu ul li ul li a.nav-link.dropdown-toggle{
   background:none;}
   
   body.home-Kiet .main-menu ul li ul li a.nav-link.dropdown-toggle{
   background:none;}
	
li.nav-item.dropdown span{position:relative;display:block;z-index: 0;}
li.nav-item.dropdown span:before {
   content: "";
 
    width: 24px;
    height: 24px;
    position: absolute;
    right: 3px;
    top: 6px;
}

li.nav-item.dropdown span.show:before {
   content: "";
   background: #000 url(../img/icon-sprite.png) -391px -240px no-repeat;
   width: 24px;
   height: 24px;
   position: absolute;
   right: 3px;
   top: 6px;
   z-index: 9;
}

     #mainNav .navbar-nav .nav-item .arrow_icon:after {
        background: #000 url(../img/icon-sprite.png) -361px -244px no-repeat;
        width: 29px;
        height: 24px;
        display: inline-block;
        position: absolute;
        top: 19px;
        right: 24px;
        margin-top: -5px;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
    }
    #mainNav .dropdown-toggle::after{display:none;}
	.mobile_nav .navbar-expand-sm .navbar-nav {
    -ms-flex-direction: column;
    flex-direction: column;
}
    .navbar-nav .dropdown-menu.show {display:block; position:static;}
.navbar-nav .dropdown-menu li {
    padding: 5px  0px 5px 11px;
    border: 0;
    opacity: 1;
    width:100%;
    background:none;
}
.navbar-nav .dropdown-menu li li a{font-size:13px;}
.navbar-nav .dropdown-menu li a {font-size: 12px;font-weight: 300;/* padding: 3px 0; */}
.navbar-nav .dropdown-menu li li a {font-size: 13px;font-weight: 600;}
.main-menu .navbar-nav .dropdown-menu ul li ul li a { font-size: 14px;}
a.navbar-brand {margin-top:0px; padding:0;}

body.home-Kiet .collapse.navbar-collapse {
    padding-top:0px; background:#000;
}

body.inner-page-Kiet .collapse.navbar-collapse {
    padding-top: 65px;
    background:#000;
    display: block!important;
}


.navbar .dropdown-menu{width:100%;}

.courses-menu .next-lvel-menu ul li {
    display: inline-block;
    width: 27%;
    margin-right: 34px;
    margin-bottom: 14px;
}
.courses-menu .next-lvel-menu .intake-number{margin-right:100px;}
.department-faculty .owl-next, section.testimonial .owl-next{right:0;width: 50px;height:45px;}
.department-faculty .owl-prev, section.testimonial .owl-prev{left:0;}
.testimonial .nav-tabs{width:50%;}
section.placement ul {
    list-style: none;
    padding: 34px 34px 0;
}
section.placement .owl-prev{left:0;}
.card-body.student p {
    font-size: 16px;
    line-height: 24px;}
	.testimonial .card-body {
    padding: 50px 0 0;
}
section.testimonial{padding:20px 0 0;}
.next-lvel-menu ul, .inner-page-Kiet .courses-menu .next-lvel-menu ul {
    display: none!important;
}

section.about-kiet h1{margin:40px 0 25px;}
.next-lvel-menu{margin-bottom:30px;}
.inner-page-Kiet blockquote{margin:35px 0;}
section.department-panel-3.courses-faculty {
    margin: 40px 0;
}
section.happening .media-bg h4 {padding: 0px 15px 0; font-size: 22px;}
section.happening .media-bg p {
    padding: 20px 15px;
    margin: 0;
}
.pdf-icon {position: static; margin-left: 17px;}
span.showsearch {
    background: #3a5c8e url(../img/icon-sprite.png) 0px -233px no-repeat;
    width: 34px;
    height: 35px;
    display: inline-block;
    position: absolute;
    top: 9px;
    right: 53px;
    cursor: pointer;
    z-index: 999;
    border-right: 1px solid rgba(227, 222, 222, 0.6196078431372549);
}
.searchoverlay .closesearch{top: 17px;right: 32px; text-align:center;}

#header.header-scrolled div#mainNav:after, .inner-page-Kiet div#mainNav:after {
    bottom: 0px;
}
.inner-section .about-kiet {
    padding: 0;
}
body.inner-page-Kiet .main-menu ul li a {  color: #fff;  font-weight: 300;  font-size: 14px; letter-spacing: 1px;}
    body.inner-page-Kiet .main-menu ul li ul li a{font-size:12px;padding:3px 0;}
	 body.home-Kiet .main-menu ul li ul li a{font-size:12px;padding:3px 0;}
	 body.home-Kiet  .main-menu ul li a {  color: #fff;  font-weight: 300;  font-size: 14px; letter-spacing: 1px;}
    #header.header-scrolled .main-menu ul li ul li a{font-size:12px;padding: 3px 0;}
	.apply-now p{text-align:center; padding-right:0px; width: 100%; margin-bottom: 10px;}
	.listing-admission {
    display: block;
    vertical-align: top;
    text-align: center;
}

.apply-now {
    display: block;
    vertical-align: top;
    padding: 0 21px 0 12px;
    width: 100%;
    position: relative;
    text-align: center;
}
.apply-now a{right:130px;bottom:1px;}
section.section-space.Research .research-bg:after {
    bottom: 313px;
}
.footer-block-3 {
    margin-right: 29px;
}
    }	
	
@media(max-width:820px){
	body.inner-page-Kiet .collapse.navbar-collapse {
    padding-top: 65px;
}
	body.home-Kiet .collapse.navbar-collapse {
    padding: 65px 0;
}
.main-menu .navbar-nav .dropdown-menu ul li a {
    display: block;
    padding: 0;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    font-family: 'Fira Sans', sans-serif;
}
	.name-title {padding: 8px 31px 15px 8px; margin-top: 0;margin-right: 12px;margin-bottom: 21px;}
	.text-padding {padding: 23px 17px 0;}
	.member-detail{min-height:315px;}

	.member-council p {
    padding: 0;
    margin: 0;
    word-break: break-all;
}
	.infra-4 ul li{margin-left:0px; width:39%;}
	.year-number p{padding:0px;}
	.year-number h2{font-size:35px;}
	.research-bg {
    display: none;
}
.publication-detail{padding:27px 30px 27px 18px;}
	.hppeninngs-blocl h2{padding:0 14px;}
	.hppeninngs-blocl p b{margin-bottom:13px;}
	.block-1, .block-2, .block-3, .block-4{height:195px;}
	.hppeninngs-blocl .block-2 p {
    padding-right: 48px;
    line-height: 18px;
}
	.footer-block-1, .footer-block-2, .footer-block-3, .footer-block-4, .footer-block-5{margin-right:25px;width:16%;}

	section.footer .container{padding:15px;}
	.kiet-work ul li img{width:auto}
	.counter-box ul li{padding:23px 0;}
	.media-bg { min-height: 345px;
}
.searchoverlay form{top:30%; width:80%;}
	.date{padding:4px 13px; font-size:12px;}
	section.section-space.infrastructure .card-header {
    background: #13274a;
    border: 1px solid #13274a;
}
section.happening .media-bg h4 {
    padding: 0px 15px 0;
    font-size: 18px;
}
section.happening .media-bg p {
    padding: 20px 15px;
    margin: 0;
    font-size: 14px;
}

section.section-space.infrastructure .card-header h5 a {
    color: #fff;
    display: block;
}
	section.department-panel-2 h3{font-size:20px;}
	section.department-panel-2 h6{font-size:30px;}
	.faculty-number ul {
    padding: 0;
}
.faculty-number {
    margin-top: -20px;
}
.card-body.classroom h3 {
    color: #fff;
    padding: 27px 27px 10px;
    font-size: 24px;
}
	section.department-panel-3.courses-faculty {
    margin: 40px 0;
    padding: 40px 0;
}
section.placement h2{margin-bottom:35px;}
	section.vision-mission {
    background: #7e7faf;
    padding: 30px 0 20px; margin:0 15px;
}
section.about-kiet h1 {
    color: #000;
    font-size: 28px;
    margin: 10px 0 30px;
    text-transform: uppercase;
}
.courses-menu .next-lvel-menu ul li {
    display: inline-block;
    width: 32%;
    margin-right: 0;
    margin-bottom: 14px;
}
.courses-menu .next-lvel-menu .intake-number {
    margin-right: 71px;
}
.inner-page-Kiet blockquote {
    font-size: 18px;
    color: #726980;
    text-align: left;
    margin: 30px 0;
}
section.placement ul {
    list-style: none;
    padding: 34px 10px 0;
}
section.placement {
    padding: 0 0 60px;
}
section.students-work {
    background: #ffb805;
    padding: 35px 0 0px;
}
.testimonial .nav-tabs {
    width: 60%;
}
body.inner-page-Kiet section.section-space.Research .research-bg:after {
    bottom: 137px;
}
section.section-space.Research .col-sm-3 {margin-top: 30px;}
section.section-space.our-recuriters h3:before {
    width: 40%;
}
		section.section-space.our-recuriters h3:after {
    width: 40%;
}
.hppeninngs-blocl p{font-size:12px; line-height:18px;}
section.section-space.Research .col-sm-3 h5 {
    font-size: 11px;
    position: absolute;
    bottom: -35px;
    color: #000;
}
section.section-space.Research h4 {
    font-size: 14px;
    padding-right: 0px;
    min-height: 43px;
}
.publication-detail h3 {
    font-size: 16px;
    color: #fff;

}
section.section-space.Research .research-bg:after {
    bottom: 159px; height:167px;
}
section.Research{padding:40px 0;}
.listing-admission ul li {
    padding: 0 12px;
    font-size: 12px;
}
.apply-now a{padding:5px 18px; font-size:14px; margin-bottom:10px; position:static;}
.listing-admission ul {
    margin: 0 11px;
    padding: 0;
}
section.advance-diploma ul {
    margin-top: 66px;
}
section.section-sapce.advance-diploma ul li a {
    color: #fff;
    padding: 16px 29px 16px 55px;
    display: block;
    background: url(../img/icon-sprite.png) 0px -742px no-repeat;
    font-size: 15px;
    font-weight: 100;
}
section.advance-diploma .col-sm-7 {
    text-align: center;
}
section.advance-diploma .img-section {
    display: inline-block;
    width: 47%;
    vertical-align: top;
    margin-right: 0;
    margin-top: 22px;
}
.stream-detail {
    background: #fdb718;
    opacity: .95;
    padding: 50px 18px;
    height: 550px;
    margin: 30px 0 0;
    width: 100%;
}
.stream-detail h4 a {
    font-size: 20px;
    padding: 0;
}
.stream-detail a {
    font-size: 12px; padding:5px 0;
}
.stream-detail h4{margin:7px 0;}

#intro h1 {
    font-size: 30px;
    line-height: 41px;
}
#intro p{font-size:18px;}
#intro h2 {
    font-size: 20px;
}
#intro .announcement .carousel-container p {
    font-family: lato;
    font-size: 14px;
    line-height: 26px;
}
.section-sapce {
    padding: 40px 0;
}
.demo.counter-box ul {
    padding: 0;
}
.home-Kiet blockquote{font-size:18px;}
.counter-box ul li {

    width:45%;
    text-align: center;
}
.media-tour ul li a {
    font-size: 12px;
    line-height: 17px;
}
.media-tour ul li {
    width: 25%;
}
.read-more {
    border-left: 1px solid #ddd;
    padding-left: 10px;
}
.kiet-work ul li {
    margin-right: 0;
}
.section-space {
    padding: 40px 0;
}
section.footer h2 {
    font-size: 12px;
    color: #000;
    margin-bottom: 10px;
}
section.footer li a {
    font-family: lato;
    font-size: 12px;
}
.social-links {
    display: block;
    text-align: center;
    margin: 20px;
}
a.carousel-control-prev {
    background: url(../img/icon-sprite.png) -20px -373px no-repeat;
    width: 30px;
    height: 30px;
    display: inline-block;
}
a.carousel-control-next {
    background: url(../img/icon-sprite.png) -51px -373px no-repeat;
    width: 30px;
    height: 30px;
    display: inline-block;
    right: 12px;
}
.course-stream {
    background-image: url(../img/banner-bg.jpg);
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    display: inline-block;
    height: 600px;
    background-position: center;
}
#intro .carousel-container {
    width: 100%;
    bottom: 218px;
    left: 52px;
}
section.placement .owl-next{right:0;}
.about-history h2 {
    color: #fff;
    font-size: 18px;
    letter-spacing: 2px;
    line-height:26px;
    margin-bottom: 20px;
}
.about-lab h2{font-size:24px;}

		}

    @media(max-width:767px){
			.inner-left-menu.dep-m{display:block;}
	.inner-left-menu.dep-m button {
    display:block; margin-bottom:20px;
}

.inner-left-menu.dep-m .course-list-detail.collapse {
    display: none;
}
.inner-left-menu.dep-m .course-list-detail.collapse.show{display:block;}
.inner-left-menu.dep-m button {
    display: block;
    background:#3a5c8b;
    width: 100%;
    border: 0;
    color: #fff;
    padding: 5px;
    box-sizing: border-box;
    height: 35px;
    outline: 0;
    font-weight: 600;
    cursor: pointer;
}
.inner-left-menu.dep-m #accordion button{background:none; height:inherit;margin:0;}
.inner-left-menu.dep-m i {
    margin: 4px 5px;
}
		
		
		.inner-left-menu {
    display: none;
}
			.home-announcement{display: block;position: inherit;width: 100%;height: 63%;background: #000;}
			#main-announcement{width:100%;}
		section.achivement {
    padding: 60px 0 20px;
    background: #ffb805;
}
section.achivement p {
    text-align: center;
    padding: 20px 5px 0;
    color: #fff;
    font-size: 16px;
}
			section.vision-mission {
    background: #7e7faf;
    padding: 30px 0 20px; margin:15px;
}
		
		#intro {
    display: table;
    width: 100%;
    height: 60vh;
    background: #000;
}
.description-new ul{
	list-style-type:none;
}
#intro .carousel-container {
    width: 100%;
    bottom: 73px;
    left: 26px;
    word-break: break-word;
    padding-right: 52px;
}.nav-panel {
    position: absolute;
    z-index: 99;
    bottom: -49px;
    left: 0;
    display: flex;
    flex-wrap: wrap;
    top: initial;
    width: 75px;
}

		  .announcement{display:none;}
    .tab-pane { display: block !important; opacity: 1!important;}
    .nav-tabs { display:none;}
    .media-tour {display: flex;  margin-top: 50px; flex-wrap: wrap;}
    .read-more a{float:right;}
    .read-more{width:100%; border:0; padding:0;}
    .media-tour ul li {width: 100%;margin-right: 18px;margin-bottom: 35px;position: relative;}
    .virtual-tour:before {
        background: url(../img/icon-sprite.png) -284px -503px no-repeat;
        content: "";
        position: absolute;
        display: inline-block;
        position: absolute;
        width: 56px;
        height: 47px;
        display: inline-block;
        left: 49%;
        top: -6px;
    }
    .video-gallery:before {
        background: url(../img/icon-sprite.png) -148px -502px no-repeat;
        content: "";
        position: absolute;
        width: 56px;
        height: 43px;
        display: inline-block;
        position: absolute;
        width: 56px;
        height: 47px;
        display: inline-block;
        left: 52%;
        top: -5px;
    }
    .photo-gallery:before {
        background: url(../img/icon-sprite.png) -3px -506px no-repeat;
        content: "";
        position: absolute;
        width: 47px;
        height: 47px;
        display: inline-block;
        left: 50%;
        top: -5px;
    }
    .media-tour li.video-gallery a{padding-right: 0;}
    .media-tour li.virtual-tour a{padding-right: 0;}
    .media-tour ul li a {
        font-size: 15px;
        padding-left: 50px;
        text-align: right;
        display: block;
        line-height: 20px;
        color: #000;
        padding-right: 0;
    }
    .counter-box ul li{width:48%;}
    .demo.counter-box ul {
        padding: 0;
    }
    .kiet-work ul li{width: 100%;text-align: center;border-bottom: 1px solid #ddd;}
    .kiet-work{margin-top:0px;padding-top: 0;}
    section.section-sapce.about-kiet {padding-bottom: 0px;padding-top:145px;}
    .course-stream {width: 100%; background-size: cover; height: calc(100vh + 0px); background-position: 13% 100%;}
    .stream-detail{height:100%;padding:30px;width: 100%;}
    .stream-detail h4{font-size:15px; margin:14px 0 14px;}
    .stream-detail h4 a {font-size:18px;}
    .stream-detail a{font-size:13px; padding:5px 0;}
    .row.hom-prog h4 {
        margin: 0;
        padding: 15px 0;
    }
    section.advance-diploma ul {
        margin-top: 0;
        padding: 0;
    }
    section.advance-diploma {
        background: #333;
        padding: 50px 0 30px;
        text-align: center;
    }
    .img-section img {
        width: 100%;
    }
    section.section-sapce.advance-diploma ul li a{font-size:16px;padding: 11px 41px;}
    .img-section-detail h3{font-size:24px;}
    .img-section-detail{padding:15px;}
    .apply-now {
        display: block;
        vertical-align: top;
        margin-bottom: 21px;
        padding: 0 24px; width:100%;
    }
	.apply-now p{padding-right:0;}
	.apply-now a {
    padding: 5px 18px;
    font-size: 14px;
    position: static;
    margin: 20px 0 0;
}
    .listing-admission ul {
        margin: 11px;
        padding: 0;
    }
    .listing-admission ul li {
        display: block;
        padding: 5px 0px;
        text-align: center;
        font-size: 15px;
    }
    section.admission-panel{text-align:center;margin: 0;}
    .research-bg {
        display: none;
    }
    section.section-space.Research .col-sm-3 {
        margin-top: 20px;
        margin-bottom: 0;
        border-bottom: 1px solid #ddd;
        padding-bottom: 20px;
    }
    .publication-detail {
        position: static;
        bottom: 0;
        width: 100%;
        background: #3a5c8b;
        padding: 27px;
    }
    section.section-space.Research h4 {
        font-size: 15px;
        padding-right: 0;
        min-height: inherit;
        width: 100%;
        margin-bottom: 0;
        padding-bottom: 0;
    }
    section.section-space.our-recuriters {
        text-align: center;
        padding: 30px 0;
    }
    section.section-space.our-recuriters h3:after, section.section-space.our-recuriters h3:before{display:none;}
    #header.header-scrolled .main-menu, #header.header-scrolled .top-menu{    transform: translateY(0px);}
    .footer-block-1, .footer-block-2, .footer-block-3, .footer-block-4, .footer-block-5 {
        display: inline-block;
        vertical-align: top;
        width: 45%;
        margin: 0;
        margin-bottom: 15px;
        padding: 0;
    }
    .block-1, .block-2, .block-3, .block-4 {
        position: relative;
        width: 100%;
        max-height: inherit;
    }
    .hppeninngs-blocl {
        display: flex;
        flex-wrap: wrap;
    }
    #header{height:54px;}
    #header.header-scrolled {
        background: rgb(0, 0, 0);
        padding: 0;
        height: 54px;
        transition: all 0.5s;
    }
    #header.header-scrolled .navbar-brand img {
        width: 56%;
        transition: 1s; margin:0;
    }
    .section-sapce {
        padding: 40px 0;
    }
    section.Research {
        position: relative;
        padding: 40px 0;
    }
    .publication-detail h3 {
        font-size: 14px;
        color: #fff;
        line-height: 24px;
    }
    section.section-space.our-recuriters ul li {
        padding: 0 13px;
        width: 48%;
    }
    section.section-space.our-recuriters ul li img {
        width: 100%;
    }
    section.section-space.our-recuriters ul{padding-bottom:10px;}
    section.our-happenings h3{padding-bottom:15px;}
    .bg-1, .bg-2 {height: 230px;}
    .section-space {padding: 40px 0;}
.footer-3 {
    display: inline-block;
    font-size: 14px;
    margin-right: 0;
    margin-bottom: 16px;
    text-align: center;
}
   .subscribe {
    position: relative;
    margin-right: 0;
    width: 100%;
}
.subscribe input {
    border: 1px solid #ddd;
    padding: 5px 51px 10px 9px;
    margin-right: 0;
    font-size: 14px;
    width: 100%;
}
.testimonial .card-header a {color:#fff;display: block;}
.testimonial .card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    color: inherit;
    background-color: rgb(19, 39, 74);
    border-bottom: 1px solid rgb(19, 39, 74);
}
section.infrastructure div#content {
    height:inherit;
}
section.infrastructure .card-body.classroom img {
    width: 100%;
    min-height: inherit;
    object-fit: cover;
}

    }
	
	
@media(max-width:480px){
	
	section.section-sapce.about-kiet {
    padding-bottom: 0px;
    padding-top:280px;
}
	
	#main-announcement1 {
    top: 25%;
}
	
		#main-announcement2 {
    top: 10%;
}
	#main-announcement3 {
    top: 10%;
	
}
	
	.announcement-new img {
    margin: 10px 0;
}
.lab-bg-2 {
    padding: 30px 35px 30px 35px;

}

.lab-bg-1 {
    padding: 30px 35px 30px 35px;

}
.lab-panel-3 .lab-bg-2, .lab-panel-5 .lab-bg-2 {
    padding: 30px 35px 30px 35px;
}

.department-other h4{margin:0px 0px 20px;}
	.row.adam-faclty img {
    width: 100%;
}
	.infra-panel-new p{padding:35px;}
	.workshop-text{font-size:18px; padding:5px 18px;}
	.infra-panel-new4{padding:20px;}
	.infra-panel-new1 .pr-0 {
    padding-right: 15px!important;
}

.infra-panel-new1 .pl-0 {
    padding-left: 15px!important;
}

.infra-panel-new3 .pr-0 {
    padding-right: 15px!important;
}

.infra-panel-new3 .pl-0 {
    padding-left: 15px!important;
}
.infra-panel-new2{padding:26px;}
.department-other h4 {margin: 0px 0 20px;}
.infr-panel-2 .col-sm-6.pl-0, .infra-4 .col-sm-6.pl-0 {padding-left: 15px!important;}
.mid-panel2{padding:30px;}
.tbi-panel {padding-left: 0;}
.tbi-panel p {padding: 0 15px;}
.team-panel-1 p{padding-bottom:21px;}
.infra-4 ul li {display: inline-block; width: 26%; margin-right: 78px; margin-left: 0;}
	
	.about-vision-mission .vision {
    text-align: center;
    margin-bottom: 30px;
}
.about-vision-mission p{text-align:center;}
#header.header-scrolled .main-menu ul li ul li ul li a {
    font-weight: 500;
    display: block;
    padding:0px;
}.inner-page-Kiet .navbar-collapse.main-menu{background:#000;}
	.card-body.student h4 p{font-size:16px;}
	.tbi-panel p {
    padding-right: 15px;
}
.about-panel-7 {margin-top: 0; padding-top: 20px;}
.course-stream {width: 100%;  background-size: cover;  height: calc(100vh + 195px);  background-position: 13% 100%;}
.about-career-panel-4 {padding: 0px 0px!important; margin: 0px ;}
section.students-work .pr-0 { padding-right: 15px!important;}
.hppeninngs-blocl p { font-size: 14px;}
#intro h1 { font-size: 25px; line-height: 32px;}
#intro p {
    font-size: 15px;
}
.counter-box ul li {
    width: 100%;
}
.stream-detail {
    height: 100%;
    padding: 30px 15px;
    width: 100%;
}
.img-section-detail h3 {
    font-size: 22px;
}
.img-section-detail p {
    color: #fff;
    margin-bottom: 0px;
}
section.section-space.our-recuriters h3{padding:0;}
section.departments p {
    margin: 20px 0 35px;
    font-size: 20px;
}
section.about-kiet h1 {
       padding:0px 0 28px;
       margin: 0;
       font-size: 24px;
       font-weight: 600;
}
.courses-menu .next-lvel-menu .intake-number {
    display: block;
    vertical-align: top;
    text-align: left;
    margin-right: 134px;
    width: 100%;
    margin-bottom: 21px;
}
.courses-menu .next-lvel-menu ul li{width:100%;}
.placement-detail {text-align: center; padding: 35px 25px 0;}
.testimonial-slider.owl-carousel .owl-item img {display: block; width: 68%; margin: auto;}
.testimonial .card-body { padding:15px;}
.department-faculty .owl-prev{left: 0;top:36%;}
section.testimonial .owl-prev {left: 0;top:11%;}
.department-faculty .owl-next {top:36%;right: 0;width:47px;}
section.testimonial .owl-next {top:11%;right: 0;width:47px;}
.card-body.student h4{font-size:20px;}
.view-btn {margin-bottom: 50px;}
section.department-panel-3{padding:44px 0;}
section.department-panel-2{padding:60px 0 20px;}
.faculty-number {margin-top: 54px;}
.filter-box ul li:nth-child(1) { padding: 6px 0 0; color: #000; font-size: 23px;}
.filter-box ul li select { width: 100%;}
.filter-box ul li { width: 100%;  display: block;  margin-bottom: 11px; margin-left:0;}
.filter-box ul {padding: 0;}
.back-btn {position: static;margin-top: 32px;}
.news-heading p {padding-right:0px;}
section.faculty-detail h2 {margin: 20px 0 15px;}
.media-full-bg h5 {width: 100%;}
.pdf-icon {position: static; margin: 5px 35px; padding-bottom: 22px;}
.media-bg { min-height: inherit;}
section.happening .media-bg h4 {
    padding: 0;
    font-size: 18px;
    margin-bottom: 10px;
}
.happening .date {position: static; background: #ffb805;
    padding: 6px 14px; color: #000;
    font-size: 13px;
    left: 0;
    font-weight: bold;
    font-family: 'Fira Sans', sans-serif;
    top: 0;
    display: inline-block; margin-bottom:15px;
}
section.happening .media-bg p {
    padding: 0px 0px 10px;
    margin: 0;
}
.about-lab h2{padding:25px 26px;}
.year-number .col-sm-4:nth-child(2){border:none;border-bottom:1px solid #fff; }
.year-number .col-sm-4 {
    margin-bottom: 22px;
    border-bottom: 1px solid #fff;
    padding-bottom: 20px;
}
.year-number p{padding:5px;}
.year-number strong {
    font-size: 30px;
}
.kiet-history {
    padding: 30px 0 30px;
}
.about-students-work .pr-0 {
    padding-right: 15px!important;
}
.about-students-work .student-work img {
    margin-bottom: 28px;
}
.about-students-work{padding:18px 0;}
.about-vision-mission ul li {
    padding-bottom: 17px;
    line-height: 27px;
    padding-right: 0;
    font-weight: 300;
    list-style: none;
}
.about-vision-mission ul {
    color: #fff;
    padding: 5px 0px;}


.about-vision-mission {
    background: #333433;
    padding: 35px 15px;
    text-align: center;
}
.qulity-policy p {
    padding: 0 15px;}
	.qulity-policy{padding:33px 0 0;}
	.kiet-history h4 { margin: 0px 0 12px;}
.mid-content-panel h1{font-size: 18px;margin-bottom: 24px;}	
.infr-panel-2 p {
    padding: 0 25px;}
	.infr-panel-2 h3 {
    padding: 48px 24px 16px;}

	.infr-panel-3 .pr-0 {
    padding-right: 15px!important;
}
.infr-panel-3 .pl-0 {
    padding-left: 15px!important;
}
.infra-4 {margin-top: 40px;
}
.infra-5:after{width:0px;}
.infra-5{padding:30px;}
.infra-6 .pl-0 {
    padding-left: 15px!important;
}

.infra-6  .pr-0 {
    padding-right: 15px!important;
}
.infra-7 {
    margin-top: 40px;
}
.infra-7 h3 {
    margin: 40px 0 20px;}
	.infra-8 { margin-top: 10px;
}
.infra-8 p {padding: 0 30px 15px;}
.infra-9 {
    margin-top: 40px;
}
.infra-9 img {
    margin-top:0px;
}
.infra-9.bg-black{padding:30px 31px 30px;}
.infra-9.bg-black p {
    padding-right: 0;
    margin-bottom: 20px;
    font-weight: 300;
}
.infra-11 {
    padding: 40px 0 0;
}
.infra-11 p{margin:0;}
.about-career-panel-1 p{padding:0 30px;}
.name-title {padding: 8px 46px 15px 24px;margin-top: 0; margin:15px; margin-bottom: 30px;}
.about-career-panel-6 p{width:100%;}
.grey-bg{height:inherit;}
.about-career-panel-3 {
    padding: 15px 0 50px;
}
.about-career-panel-4 p {
    padding: 30px 25px 0;}
	
.about-career-panel-6 {padding: 50px 30px 15px;margin-top: 0px;}
.img-abt-career {
    position: static;
    right: 0;
    top: 0;
}
.about-panel-7 img {
    width: 100%;
    margin-bottom: 20px;
}
.about-career-panel-7 {
    padding: 40px 0 0;
}
.about-career-panel-7 .pr-0 {
    padding-right: 15px!important;
}
.about-career-panel-7 .abt-values{height:inherit;}
section.couses-list .pr-5 {
    padding-right: 15px!important;
}
.course-name ul li a {
    font-size: 16px;word-break: break-word;
    padding-right: 32px;
}
.admission-procedure ul li {
    padding: 7px 34px;}
	.filter-box.clearfix{position:static;}
	.member-detail{height:inherit; padding:40px 30px 0; margin-bottom:20px;}
	

	.department-hod-message p{margin-bottom:10px;}
	.department-hod-message a {
    color: #fff;
}
.department-hod-message {padding: 25px 22px;}
	.department-hod-message img {
    width: 100%;
}
.row.new-bg-2 .col-sm-5 {
    padding: 34px 40px;
}
.admission-panel-new7 {
    text-align: center;
    padding: 45px 15px 0;
}
.research-policy ul li a{padding-right:30px;}
.about-research-panel-1 h4 {
    padding: 40px 50px 20px;
    text-align: center;
}
.about-research-panel-3 ul {
    padding: 0;
    list-style: none;
}
.about-research-panel-3 { padding: 58px 15px;}
.about-research-panel-1 p {
    padding: 0 20px;}
	.department-about {padding: 40px 26px;}
	.department-about .mt-5 {
    margin-top: 0!important;
}

.department-about .pr-2 {
    padding-right: 15px!important;
    margin-bottom: 30px;
}
.department-about h2{margin-bottom:20px;}
.department-about p{padding-right:0;}
section.placement-logo ul li{width:50%;}
.place-contact {min-height: inherit;margin-bottom: 20px;}
.bg-clr-1 {padding: 45px 30px;}
.bg-clr-1 ul li {width: 100%; margin-right: 0;}
.bg-clr-2 h5 {
    font-size: 18px;
    color: #fff;
    line-height: 26px;
}
.bg-clr-2 {padding: 50px 30px;}
.work-content {
    padding: 40px 30px;
    width: 100%;
    right: 0;
    margin-left: 0;
}
.work-panel-1 img {
    position: static;
    width: 100%;
    top: 0;
}
.work-panel-1{margin:0;}
.hr-content-2 {
    padding: 37px 15px 10px;
    width: 100%;
}
.work-panel-3 .col-sm-6:nth-child(1):before {
    background: #fcb712;
    content: "";
    width: 30px;
    height: 120%;
    position: absolute;
    left: -15px;
    top: -20%;
}
.work-panel-4 .col-sm-12:before{display:none;}
.work-panel-5 {margin: 30px 0 0;}
.work-panel-5 ul {
    padding: 0px 0px 0 53px;
}
.work-panel-5 h4 {
    padding: 41px 0px 0 30px;}
	.work-panel-3 .pt-5 {
    padding-top: 0!important;
}
.work-panel-2 {
    padding: 50px 0 0;
}
.hr-vision {
    padding: 0 38px;
   
}
.work-panel-3 .pl-0 {
    padding-left: 15px!important;
}
.contact-left1:before, .contact-panel-2 .col-sm-5:after{display:none;}
.contact-left1 { padding: 40px 19px 40px; height: inherit;  width: 100%;}
.contact-panel-2 {
    padding: 25px 0 90px;
}
.contact-panel-2 .col-sm-7 h3 {
    padding-left: 0;
}
form#contactForm {
    padding-left: 0;
}
section.Campus-Directory .card .card-header {
    background: #3a5c8e;
    margin-bottom: 5px;
}

section.Campus-Directory .card h5 a {
    color: #fff;
}
.contact-panel-1{background:none;}

.inner-section.adm-registration h2 {
    font-size: 28px;
}

.inner-section.adm-registration {
    padding-top: 80px;
}
section.registration-form .pr-0 {
    padding: 0 15px!important;
}
.text-padding {
    padding: 24px 30px 0;
}
.row.life-club img {
    border: 1px solid #ddd;
    width: 100%;
    margin-bottom: 15px;
}
section.faculty-detail.s-club-detail {
    margin-top: 80px;
}
section.faculty-detail img {
    border: 1px solid #f5f5f5;
    width: 100%!important;
    margin-bottom: 20px;
}
section.faculty-detail.s-club-detail {
    margin-top:100px;
}
.center-of-exceliance-panel-2.mb-4 img {
    margin: 0 0 20px;
}
.center-of-exceliance-panel-2{padding:20px;}
.center-of-exceliance-panel-3, .center-of-exceliance-panel-4{padding:35px 20px;}
.center-of-exceliance-panel-4 img.img-fluid {margin-bottom: 21px;}
.center-of-exceliance-panel-1 {padding: 38px 22px;}
.center-of-exceliance-panel-1 img{margin-top:23px!important;}
.bg-clr-1 .list-4 li { width: 100%;}
.bg-clr2 ul li {width: 100%;}
.soft-skill-training h6 {padding-right: 0;}
.about-research-panel-3 ul li {padding: 18px 0;}

.student-testimonial .row {padding: 16px 0;}
.lab-bg-2{padding: 35px;}
.lab-panel-3 .lab-bg-2, .lab-panel-5 .lab-bg-2{padding:35px;}
.admission-panel-new4 {
    text-align: center;
    padding: 35px 0;
}
.admission-panel-new5 .col-sm-6:nth-child(1) {padding: 30px 37px;}
.admission-panel-new-bg .col-sm-5 {padding: 31px 42px;}
.director-text {padding: 30px;}
.director-text p{margin:0px;}
.about-career-panel-4.d-table.mb-4.pb-2 {
    padding: 26px!Important;
}

.about-career-panel-4.d-table.mb-4.pb-2 p {
    padding: 0;
}

.work-panel-5 .col-sm-8.pl-0 {
    padding-left: 15px!important;
}

.work-panel-5 .col-sm-4.pl-0  {
    padding-left: 15px!important;
}
.about-career.what-do .mb-3 {
    margin-bottom: 0!important;
}
.research-council img {
    width: 100%;
}
	}



@media (max-width: 767px) {
	#main-announcement3 { top: 18%;}
.apply-registration a{    font-size: 15px;padding: 10px 16px;}
.apply-registration{    left: -92px;}
.apply-notification{right: -64px;}
.apply-notification a{    font-size: 15px;    padding: 10px 16px;}
.announcement111 ul li a { font-size: 15px !important;    display: inline-block !important;top:18%;}
.announcement111 ul li img {  height: 26px; width: auto;}
	.announcement1112 ul li a { font-size: 15px !important;    display: inline-block !important;top:10%;}
.announcement1112 ul li img {  height: 26px; width: auto;}

	#main-announcement2 { top: 10%; position: relative; height: auto;}

#main-announcement { width: 100%; position: relative; height: auto;}
#intro h2 { font-size: 15px; margin-bottom: 0;}
.overthrow.nano-content.description-new br {display: none;}
.overthrow.nano-content.description-new a { display: block;}
.announcement111 { z-index: 90 !important; top: 18% !important; position: absolute !important;}
	.announcement1112 { z-index: 99 !important; top: 10% !important; position: absolute !important;}

	#main-announcement2 marquee{    max-width: 100%;}
.announcement111 ul {  padding: 0; margin: 0;}
	.announcement1112 ul {  padding: 0; margin: 0;}
}