@media screen and (width: 1024px) {
	#logo{
		margin: -20px 0 0 0 !important;
	}
	#logo a img{
		width: 55%!important;
    	float: left;
		margin: auto 10px;
	}
}
@media screen 
	and (max-width: 1024px) {
		
	#logo {
		width: 100% !important;
		padding: 0 !important;
		text-align: center;
	}
	
	#logo a img {
    	width: 45%;
		float: left;
		margin: auto 10px;
	}
	
	#header-top .top-left,
	#header-top .top-right {
		width: 100%;
		text-align: center;
	}
	h1 {
    	font-size: 26px;
	}
	#features {
		width: 100%;
	}
	
	.feature {
		width: 25%;
	}
	
	
	#site-navigation {
    	text-align: center;
	}
	
	#site-navigation:after,
	#site-navigation:before {
		border: 0 !important;
		border-color: transparent !important;
	}
	
	#site-navigation {
    	background-color: transparent !important;
		margin: 0;
		min-height: 24px !important;
	}
	
	#site-navigation { 
		border-top: none !important;
		padding-bottom: 10px;
	}
	
	#services-wrap,
	.about,
	#get-started,
	#footer,
	#copyright {
		padding: 1%;
	}
	
	.banner ol.dots {
		display: none;
	}
	
}

@media screen and (max-width: 768px) {
	
	.ideal-image-slider {
		height: 300px !important;
	}
	
	.iis-caption {
		margin-top: 10px !important;
	}
	
	.ideal-image-slider .iis-caption .iis-caption-title a {
    	font-size: 24px !important;
	}
	
	.banner .inner { 
		padding-top: 0 !important;
	}
	
	.navbar ul {
    	float: left;
		width: 100%;
	}
	
	#logo {
		width: 100% !important;
		height: 0px!important;
		text-align: left;	
		margin-top: 15px!important;
	}
	#logo a img{width: 100%!important; max-width:300px; float: none!important;}
	.enq_div{    float: left;    text-align: left;    padding: 10px;}
	.enq_btn{padding:8px;font-size:13px;}
	#cart-wrapper,
	#cart-wrapper #account-set, 
	#cart-wrapper #shopping-cart,
	#address-bar {
		width: 100% !important;
		text-align: center;	
	}
	
	#address-bar,
	#cart-wrapper {
		margin-top: 0;
	}
	
	#address-bar {
		margin-bottom: 18px;
	}
			
	.phone-box {
		display: none;
	}
			
	.sidebar-frame, .sidebar .widget {
		width: 100% !important;margin-top:20px!important;
	}
	
	.sidebar-frame .sidebar {
		margin: 0 auto !important;
	}
	
	.standard-posts-wrapper {
		width: 100% !important;
	}
	
	.posts-wrapper #post-body .post-single .text-holder .meta span {
		line-height: 1.8em;
	}
	
	.posts-wrapper #post-body .post-single .text-holder .meta {
		font-size: 11px !important;
	}
	
	.sidebar-footer {
		width: 100% !important;
	}
	
	.sidebar-footer div {
		margin: auto 10px !important;
	}
	
	#content-box {
		width: 97% !important;
		margin: auto 10px !important;
	}
	
	.post-sidebar {
		display: none !important;
	}
	
	.post-single {
		width: 100% !important;
	}
	

	
	.post-single .meta span {
		display: block !important;
	}
	
	.standard-posts-wrapper .meta span i {
   		 margin-left: 0 !important;
	}
	
	.meta span a span.post_date {
		display: inline !important;
	}
	
	.posts-featured-details-wrapper h3 {
		font-size: 16px;
	}

	#features {
		width: 100%;
	}
	
	.services-right,
	.services-left {
		width: 100%;
	}
	
	.services-left h2 {
		text-align: center;
	}
	
	.services-left h2,
	.services-left p, 
	.row .row-item {
		width: 94%;
	}
	
	.feature,
	.service-box {
		width: 50%;
	}
	
	.post-info {
		width: 100%;
	}
	
	.post-info span {
		width: 100%;
		display: block;
		margin-bottom: 5px;
	}
	
	.post-info span.separator {
		display: none;
	}
	
	.meta span.separator {
		display: none !important;
	}
	
	.meta span i {
		font-size: 14px;
	}
	
	.get-strated-left {
		width: 100%;
		text-align: center;
	}
	
	#services-wrap p,
	#services-wrap .row-item {
		width: 100%;
		text-align: center;
	}
	
	.row .row-item .service i.fa {
		float: none;
	}
	.content-boxes div.col {
		width: 100%;
		margin-bottom: 18px;
	}
	
	.isStuck {
		position: absolute !important;
	}
	
	#social-bar-header {
		display: none;
	}
	.event-grid-col{
		width: 58%;
		margin-left: 20px;
	}
	.institute-small-grid{
		width: 60%!important;
		margin-left: 10px;
	}
	.csingle-trustees{
		width: 48%!important;
	}
	  h1{font-size:24px;}
}
@media screen and (max-width: 760px) {	

	.padding-left-right{
		padding: 0 35px;
	}
	.institute_img_left .wpb_single_image.vc_align_center {
    	text-align: left!important;
	}
	.wpb_single_image.wpb_content_element.small_blog_img.vc_align_ {
    	text-align: left!important;
	}
}
@media screen and (max-width: 580px) {
    .center_box h4 {    text-align: center!important;}
    #features-wrap h3{font-size:16px;}
    .amazingcarousel-item-container{margin:20px auto!important;width:100%; position:relative;float:left;}
    #wonderplugincarousel-2 .amazingcarousel-item, #wonderplugincarousel-2 .amazingcarousel-item-container , .amazingcarousel-list-wrapper, #wonderplugincarousel-2 .amazingcarousel-title{
      max-width: 100%;
    width: 100%!important;
}
#wonderplugincarousel-2 .amazingcarousel-title{font-size:15px;text-align:center;}
    .event-grid-col, .event_grid .col-sm-3{width:100%;clear:both;}
  
    .breadcrumbs-wrap{text-align:left;padding:10px 10px 10px 20px;}
	#logo a img {
    	width: 40%!important;
    	float: none;
	}
	#logo {
    	width: 100% !important;
    	height: 0px!important;
    	text-align: center;
	}
	#top_menu ul li a{    padding: 5px 6px!important; font-size: 12px;}
	.enq_btn{font-size: 12px!important;}
	.enq_btn.top-phone {margin: 5px 0;}
	.enq_div{text-align: -webkit-center;}
	.navbar-toggle{float: none;}
	.menu-top-menu-bar-container{text-align: -webkit-center;}
	#navbar .navbar-nav .dropdown-menu > li > a{color: #fff!important;}
	.banner .inner h1 { 
		font-size: 1.4em;
	}
	.ideal-image-slider {height: 180px !important; background: transparent;}
	.iis-slide {height: 180px; background-size: contain; background-position: 100% 0%;}
	.banner .btn,
	.banner .inner p {
		display: none;
	}
	
	.copyright-wrap span.right {
		display: none !important;
	}
	
	.posts-featured-details-wrapper h3 {
		font-size: 15px;
	}
	
	.posts-featured-details-wrapper p {
		display: none;
	}
	
	#features {
		width: 100%;
	}
	
	.feature,
	.service-box {
		width: 100%;
	}
	.csingle-trustees{
		width: 100%!important;
	}
	

    .feature_text{
        min-height: 60px!important;
        max-height: 60px!important;margin-top:20px;
        padding: 20px 26px!important;
    }
    .row_container {
    padding: 0 15px!important;
}
#dept_row > .vc_column_container {
    margin-bottom: 20px;
}
.institute-link{background:none;}
}
@media screen and (max-width: 425px) {

	#logo a img {
    	width: 100%!important;
	}
}
@media screen and (max-width: 320px) {
	#logo a img {
    	width: 100%!important;
	}
	.featured-text .meta span.meta-comments,
	.featured-text .meta span.meta-more {
		display: none !important;
	}
	
	#features {
		width: 100%;
	}
	
	.feature {
		width: 100%;
	}
	
}
@media screen and (max-width: 600px) {
  table {
    border: 0;
  }

  table caption {
    font-size: 1.3em;
  }
  table th{display:block;text-align:left;width:100%!important;}
  table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  
  table tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: .625em;
  }
  
  table td {
    border: 1px solid #ddd!important;
    display: block;padding:4px 10px;
    font-size: 1em;width:100%!important;
    text-align: left!important;
  }
   table td p{ text-align: left!important;} 
  table td::before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
   
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase; */
  }
  
  table td:last-child {
    border-bottom: 0;
  }
  .sidebar-footer table td, .sidebar-footer table tr{border:0!important;width:auto!important;}
   .sidebar-footer table td{display:table-cell;}
   #navbar {
    background-color: #003062!important;position:relative;
}
.vc_btn3-container.view_more_btn {
    position: relative;
    width: 100%;
    bottom: -6px;
    margin: 0 auto!important;
}
}