@media screen and (max-width: 991px) {
	.banner_image{
		/*padding-top: 50px;*/
	}
	.banner_c{
		padding-top: 40px;
	}
	.stepguide_img{
	    width: 700px;
	}
	.overflow_mobile{
		overflow-x: scroll;
	}
   div#navbarSupportedContent {
	    position: absolute;
	    width: 100%;
	    left: 0px;
	    top: 54px;
	    z-index: 999;
	    background: #ffecb3;
	}
	ul.navbar-nav {
	    width: 100%;
	    padding-left: 3em;
	}	
	li.nav-item {
	    margin: 5px 0px;
	}
	li.nav-item {
	    color: #fff;
	}

	
	.dropdown-divider {
	    background-color: #000000;
	}
	.dropdown-item:focus, .dropdown-item:hover {
	   	color: #ff3d00;
	    text-decoration: none;
	}
	.navbar-light .navbar-nav .nav-link {
	    color: #fff;
	}
	.banner-info h3 {
	    font-size: 46px;
	}
	.banner-top1, .banner-top2, .banner-top3 {
	    min-height: 490px;
	}
	.banner-btmg1, .w3layouts-reg-form {
	    padding: 1.5em;
	}
	.banner-subg1 {
	    padding: 2em 1.5em;
	}
	.footer-grids:nth-child(2) {
	    border-left: none;
	    border-right: none;
	    margin: 1.5em 0;
	}
	.team_grid1{
	margin-top: 1.5em;
	}
	
	.banner-bottom-main {
	    padding: 2em 1em;
	    /*background: red;*/
	        text-align: center;
	}
	.banner-grid2:nth-child(2){
	   border: none;
	}
	.banner-subg1 {
	    padding: 0.3em 0.5em;
	}
	.banner-subg1 h3, .about-bottom h5 {
	    font-size: 16px;
	}
	h5.card-title {
	    font-size: 18px;
	    letter-spacing: 1px;
	}
	.jtec_stats_left h3 {
	    font-size: 18px;
	    letter-spacing: 1px;
	}
	.flex-active-slide p {
	    width: 100%;
	}
}

.flexslider {
     padding-bottom: 0px; 
}

.flex-control-nav {
     bottom: -50px !important;
}
.flexslider1 .flex-direction-nav a:before {
    font-size: 28px!important;
    color: rgb(63 63 63);
    margin-left: -23px;
}


.flex-prev,
.flex-next {
  font-size: 0;
}
@media (min-width: 768px){
   .event-card .blog_item_date {
	    left: 20px;
	    padding: 7px 20px;
	}
	.blog_item_date {
	    left: 20px;
	    padding: 7px 20px;
	}
	span.cssbox_full .caption{
        color: red;
        font-size: 23px;
        font-weight: 300px;
        color: white;
        margin-top:530px ;
    }
    .banner-top1, .banner-top2, .banner-top3 {
    min-height: 450px;
	}

}

@media screen and (max-width: 480px) {
	.banner_c{
		padding-top: 40px;
	}
	.flexslider .slides .hero-back1{
	  background-image:  url('../img/banner/mobile_3.png');
	  height: 250px;
	}
	.flexslider .slides .hero-back2{
	  background-image:  url('../img/banner/mobile_2.png');
	  height: 250px;
	}
	.flexslider .slides .hero-back3{
	  background-image:  url('../img/banner/mobile_1.png');
	  height: 250px;
	}
	.flex-caption *{
		font-size: small !important;
	}
	.study-btn{
		border-radius: 3em;
	    color: #fff;
	    background: linear-gradient(to right, #40743f, #499d19);
	    border: 0;
	    padding:10px;
	    margin-left: 1%;
   		font-size: 13px;
   		 box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.04);
	}
	.apply-btn{
		border-radius: 5em;
	    color: #fff;
	    background: linear-gradient(to right, #495f68, #1977db);
	    border: 0;
	    padding:10px;
	    margin-left: 1%;
	    font-size: 13px;
	     box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.04);
	}
	.prepare_top_right {
    padding: 2em;
	}
	h3.tittle-w3ls {
	    font-size: 1.6em;
	}
	.banner-info h3 {

	}
	.banner-info {
	    padding: 3em 0 0em;
	}
	.jislider__controller {
	    bottom: 30%;
	} 
	h3.tittle-w3ls {
	    font-size: 1.4em;
	}
	.banner-1 {
	    min-height: 140px;
	}
	.contact-top1 h5 {
	    font-size: 1.2em;
	}
	a.navbar-brand {
	    font-size: 0.9em;
	}
	.navbar {
	    padding: 0;
	}
	.footer-section h2, .footer-section h3 {
	    font-size: 22px;
	    margin-bottom: 1em;
	}
	.map iframe {
	    min-height: 230px;
	}
	.prepare_wthree h5 {
	    font-size: 17px;
	}
	.prepare_wthree h4 {
	    font-size: 20px;
	}
	 .comments-area .comment-list .single-comment h5 {
	    font-size: 12px;
	  }
	  /* line 1347, E:/170 Kanox Agency/170_Kanox_Agency_html/sass/_blog.scss */
	  .comments-area .comment-list .single-comment .date {
	    font-size: 11px;
	  }
	  /* line 1351, E:/170 Kanox Agency/170_Kanox_Agency_html/sass/_blog.scss */
	  .comments-area .comment-list .single-comment .comment {
	    font-size: 10px;
	  }
}

@media screen and (max-width: 575px) {
	.comments-area {
    padding: 50px 8px;
  }
  .banner-top1, .banner-top2, .banner-top3 {
    min-height: 400px;
	} 
	.welcome-left h3 {
	    font-size: 27px;
	}
	.banner-info h3 {
	    font-size: 40px;
	}
	.banner-info h3 {
	    font-size: 30px;
	}
	.banner-info {
	    padding: 3em 0 0em;
	}
	.jislider__controller {
	    bottom: 30%;
	} 
	h3.tittle-w3ls {
	    font-size: 1.4em;
	}
	.banner-1 {
	    min-height: 140px;
	}
	.contact-top1 h5 {
	    font-size: 1.2em;
	}
	a.navbar-brand {
	    font-size: 0.9em;
	}
	.navbar {
	    padding-left: 0;
	    padding-right: 0;
	}
	.footer-section h2, .footer-section h3 {
	    font-size: 22px;
	    margin-bottom: 1em;
	}
	.map iframe {
	    min-height: 230px;
	}
	.prepare_wthree h5 {
	    font-size: 17px;
	}
	.prepare_wthree h4 {
	    font-size: 20px;
	}

	.contact-bottom {
	    margin-bottom: 2em;
	}
	.heading-agileinfo {
	    letter-spacing: 2px;
	    line-height: 50px;
	}
	.contact-top1 h5 {
	    font-size: 1.5em;
	}
	.ag_gal {
	    margin-top: 1em;
	}
	.categories_sub1, .categories_sub2 {
	    padding: 1em;
	}
	.prepare_top_left{
		border-top: 1px solid green;
	}
	.prepare_top_right{
		border-top: 1px solid green;
	}
	.stepcard_{
		margin: 10px;
	}
	

}

@media screen and (max-width: 760px) {
	.comment-photo {
	    width: 40px;
	    height: 40px;
	    margin-left: -15px;
	  }
	.comment-form .name {
	    padding-right: 0px;
	    margin-bottom: 1rem;
 	 }
}

@media screen and (max-width: 296px)  and (min-width: 245px) {
	.img-step{
		width: 35px !important;
		height: 35px !important;
		margin: 0px;
	}
}

@media screen and (max-width: 245px) {
	.flex-row{
		flex-direction: column!important;
	}
	.img-step{
		display: none;
		shape-margin: 0px;
	}
}

/* –––––––––––––––––––––––––––––    Student Guidence   ––––––––––––––––––––––––––––––––––– */

@media screen and (max-width: 900px) {
  .timeline ul li div {
    width: 250px;
  }
  .timeline ul li:nth-child(even) div {
    left: -289px;
    /*250+45-6*/
  }
}

@media screen and (max-width: 600px) {
  .timeline ul li {
    margin-left: 20px;
  }
  .timeline ul li div {
    width: calc(100vw - 91px);
  }
  .timeline ul li:nth-child(even) div {
    left: 45px;
  }
  .timeline ul li:nth-child(even) div::before {
    left: -15px;
    border-width: 8px 16px 8px 0;
    border-color: transparent #c5dba3 transparent transparent;
  }
}

	/*-------------- MENU --------------------*/
    @media (max-width: 992px) {
      .profile-image{
        width: 60px;
        height: 60px;
        border-radius: 50%;
      }
      .nav-link {
          color: black;
      }
      .offcanvas-header{ display:block; }
      .account{
        display: block;
      }

      .mobile-offcanvas{
        width:80%;
      }
      .navbar-collapse {
        transform:translateX(-100%);
        position: fixed;
        top:0; 
        bottom: 0;
        left:0;
        width: 100%;
        z-index: 1200;
        padding-right: 1rem;
        padding-left: 1rem;
        overflow-y: auto;
        visibility: hidden;
        background-color: white;
        transition: visibility .2s ease-in-out, transform .2s ease-in-out;
      }
      .navbar-collapse.show {
        visibility: visible;
        transform: translateX(0);
      }
      .nav_itm_one{
      	visibility: visible;
      }
      .title-sm-block {
      	display: none;
      }
    }

    @media (min-width: 993px) {
      .nav_itm_one{
      	visibility: hidden;
      }

    }
/*@media all and (max-width: 1199px) { ... } 
@media all and (max-width: 991px) { ... } 
@media all and (max-width: 768px) { ... } 
@media all and (max-width: 575px) { ... }*/