
@media (min-width: 991px) and (max-width: 1360px) {

	}


@media (min-width:1600px) {
.outer-container{
	width:1600px;
	position:relative;
	margin:0 auto;
	overflow-x:hidden;
	}
}

@media (max-width:991px) {
.tec {text-align:center!important;}
.flimg {display:none;}
.footer-logo span {margin:0 0 0 0;}
 .logo {
    left: 50%;
	margin-left:-80px;
	z-index:1;
}
.nhead {display:none;}
.address-outer {
    margin: 0px 0px 0px;
    padding: 5px 0px;
    border-left: none;
	width:100%;
	display:inline-block;
}
.second-level-menu .container{
	width:100%;
}
.mobile-top-menu{
	display:block;

	
}
.mobile-top-menu a {font-weight:400!important; text-transform:none;}

.desktop-top-menu{
	display:none;
}
.second-level-menu {
    width: 100%;
	background-color: transparent;
}
.second-level-menu ul li{
	text-transform:uppercase;
}
.copy-right span{
	text-align:center;
}
.copy-right {
    margin: 20px 0px 0px 0px;
    padding: 20px 0px;
}
.principal-content h3 {
    margin: 0px 0px 10px 0px;
    font-size: 26px;
    line-height: 30px;
}
.principal-image img{
	width:100%;
	height:auto;
}

.principal-content p {
    font-size: 14px;
    line-height: 20px;
}
.principal-name {
    font-size: 13px;
}
.principal-image span.designation {
    font-size: 12px;
}
.media-img {
    display: block;
    grid-template-columns: repeat(3,1fr);
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    margin: 50px 0px;
}
.media-img div{
	margin-bottom: 30px;
}

.welcome-section {
    display: block;
	margin:30px 0px;
}
.welcome-image,
.welcome-content,
.welcome-slide {
    width:100%;
}
.news-details span.news-date{
width:100%;
display:inline-block;
}
.news-details .read-more {
    float: left;
    display: block;
}
.social-media{
	margin:10px 0px 0px 0px;
  	padding:0px 0px 0px 0px;
	display:block;
	}
.social-media ul{
	margin:0px 0px 0px 0px;
  	padding:0px 0px 0px 0px;
	}
.social-media ul li{
	margin:0px 5px 0px 0px;
  	padding:4px 0px 0px 0px;
	list-style:none;
	float:left;
	}
.desktop-search{
	display:none;
	}
.mobile-search{
	display:block;
	}
.news-scrolling span.news-heading:before {
   display:none;
}
.news-scrolling {
    background: rgba(0, 0, 0, 10) none repeat scroll 0 0;
    position: relative;
}
.search{
display:none;
}
.search-field input{
width:190px;
height:35px;
}
.search-button{
height:35px;
padding-top:8px;
font-size:12px;
width:80px;
}
.search-field {
    width: 100%;
    right: 0px;
    position: relative;
    z-index:1;
    padding: 10px;
	margin-top:20px;
	height:55px;
}
	}
@media (max-width: 767px) {
.logo {
    left: 50%;
    margin-left: -50px;
	width:100px;
	height:100px;
}
.logo img{
    max-width:100%;
	height:auto;
}

.principal-desk {
    padding: 15px 0px;
	text-align:center;
}
.principal-content p {
    font-size: 14px;
    line-height: 20px;
}
.principal-content p{
padding-bottom:20px;	
}
.news-events .all-news {
    margin: 0px 0px 20px 0px;
    padding: 10px 30px;
	display:inline-block;
    position: relative;
    top: 0px;
    right: 0px;
}
.news-events {
    margin: 25px 0px;
    padding: 0px 0px 0px 0px;
}

.news-events h4 {
    margin: 0px 0px 20px 0px;
}


.principal-content h3 {
    margin: 0px 0px 10px 0px;
    font-size: 22px;
    line-height: 26px;
}

	.principal-image {
    margin: auto;
    width: 120px;
    float: none;
    text-align: center;
}
.principal-content {
    width: 100%;
    float: none;
}
.flex-caption span {
    font-size: 22px;
    line-height: 24px;
}
.flex-caption p {
    font-size: 15px;
    line-height: 20px;
}
.flex-caption a.more {
    padding: 10px 20px;
	font-size:13px;
}

.welcome-content h2 {
    font-size: 26px;
    line-height: 30px;
}
.welcome-content hr {
    margin: 10px 0px;
}
.welcome-content p{
	padding-bottom:15px;
}

}
@media (max-width: 480px) {
.search-field input{
width:170px;
}
	}