/******************************************
    Version: 1.0
/****************************************** */

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.address-item{
		width: 30%;
	}
	.header_style_01 .navbar-light .navbar-nav > li a{
		padding: 10px 12px;
		font-size: 14px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.social-box{
		float: none;
		margin: 0 auto;
		text-align: start;
	}
	.left-top{
		float: none;
		margin: 0 auto;
		text-align: center;
	}
	.email-box{
		margin: 0px;
	}
	.email-box a{
		font-size: 14px;
	}
	.phone-box a{
		font-size: 14px;
	}
	.megamenu .navbar-header{
		width: 100%;
	}
	.header_style_01 .navbar-light .navbar-nav > li a{
		display: block;
	}
	.navbar-light .navbar-brand img{
		max-width: 170px;
	}
	.slide-text h1{
		font-size: 28px;
	}
	.slide-text h2{
		font-size: 13px;
	}
	.btn11{
		font-size: 13px;
		padding: 10px 30px;
	}
	.owl-next i, .owl-prev i{
		line-height: 40px;
	}
	.slider-wrapper .owl-nav .owl-prev, .slider-wrapper .owl-nav .owl-next{
		height: 40px;
		width: 40px;
	}
	.home-one-slider-otem .slider-content-area{
		height: 400px;
	}
	.message-box{
		margin-bottom: 30px;
	}
	hr.hr1{
		margin: 30px 0;
	}
	.stat-wrap div{
		margin-bottom: 30px;
	}
	.stat-wrap p{
		font-size: 28px;
	}
	.section-title h3{
		font-size: 32px;
	}
	.customwidget h1{
		font-size: 32px;
	}
	.image-center img{
		margin: 30px 0 0px;
		padding: 0px;
	}
	.footer .widget{
		margin-bottom: 30px;
	}
	.footer-recent{
		margin-bottom: 30px;
	}
	.megamenu .navbar-collapse ul{
		margin-top: 30px;
	}
	.banner h2{
		font-size: 38px;
	}
	.banner h2::after{
		top: 0px;
	}
	.portfolio-filter ul li .btn-dark{
		padding: 10px 20px;
	}
	.address-item{
		width: 100%;
		margin: 0px;
		margin-bottom: 30px;
	}
}

@media (max-width: 767px) {
	.social-box{
		float: none;
		margin: 0 auto;
		
	}
	.left-top{
		float: none;
		margin: 0 auto;
		
	}
	.email-box{
		margin: 0px;
	}
	.megamenu .navbar-header{
		width: 100%;
	}
	.email-box a{
		font-size: 14px;
	}
	.phone-box a{
		font-size: 14px;
	}
	.header_style_01 .navbar-light .navbar-nav > li a{
		display: block;
	}
	.navbar-light .navbar-brand img{
		max-width: 170px;
	}
	.slide-text h1{
		font-size: 28px;
	}
	.slide-text h2{
		font-size: 13px;
	}
	.btn11{
		font-size: 13px;
		padding: 10px 30px;
	}
	.owl-next i, .owl-prev i{
		line-height: 40px;
	}
	.slider-wrapper .owl-nav .owl-prev, .slider-wrapper .owl-nav .owl-next{
		height: 40px;
		width: 40px;
	}
	.home-one-slider-otem .slider-content-area{
		height: 400px;
	}
	.message-box{
		margin-bottom: 30px;
	}
	hr.hr1{
		margin: 30px 0;
	}
	.stat-wrap div{
		margin-bottom: 30px;
	}
	.stat-wrap p{
		font-size: 28px;
	}
	.section-title h3{
		font-size: 32px;
	}
	.customwidget h1{
		font-size: 32px;
	}
	.image-center img{
		margin: 30px 0 0px;
		padding: 0px;
	}
	.footer .widget{
		margin-bottom: 30px;
	}
	.footer-recent{
		margin-bottom: 30px;
	}
	.megamenu .navbar-collapse ul{
		margin-top: 30px;
	}
	.banner h2{
		font-size: 38px;
	}
	.banner h2::after{
		top: 0px;
	}
	.portfolio-filter ul li .btn-dark{
		padding: 10px 20px;
	}
	.address-item{
		width: 100%;
		margin: 0px;
		margin-bottom: 30px;
	}
	.allbtn{
	    padding: 5px 7px;
  font-size: 12px;
	}
	.navbar-header-mobile p{
	    color:red;
	    font-weight:bold;
	    font-size:20px;
	}
	
}

@media only screen and (min-width: 280px) and (max-width: 575px) {
	.social-box{
		float: none;
		margin: 0 auto;
		text-align: center;
	}
	.left-top{
		float: none;
		margin: 0 auto;
		text-align: center;
	}
	.email-box{
		margin: 0px;
	}
	.header_style_01 .navbar-light .navbar-nav > li a{
		display: block;
	}
	.navbar-light .navbar-brand img{
		max-width: 170px;
	}
	.slide-text h1{
		font-size: 28px;
	}
	.slide-text h2{
		font-size: 13px;
	}
	.btn11{
		font-size: 13px;
		padding: 10px 30px;
	}
	.owl-next i, .owl-prev i{
		line-height: 40px;
	}
	.slider-wrapper .owl-nav .owl-prev, .slider-wrapper .owl-nav .owl-next{
		height: 40px;
		width: 40px;
	}
	.home-one-slider-otem .slider-content-area{
		height: 400px;
	}
	.message-box{
		margin-bottom: 30px;
	}
	hr.hr1{
		margin: 30px 0;
	}
	.stat-wrap div{
		margin-bottom: 30px;
	}
	.stat-wrap p{
		font-size: 28px;
	}
	.section-title h3{
		font-size: 32px;
	}
	.customwidget h1{
		font-size: 32px;
	}
	.image-center img{
		margin: 30px 0 0px;
		padding: 0px;
	}
	.footer .widget{
		margin-bottom: 30px;
	}
	.footer-recent{
		margin-bottom: 30px;
	}
	.megamenu .navbar-collapse ul{
		margin-top: 30px;
	}
	.banner h2{
		font-size: 38px;
	}
	.banner h2::after{
		top: 0px;
	}
	.portfolio-filter ul li .btn-dark{
		padding: 10px 20px;
	}
	.address-item{
		width: 100%;
		margin: 0px;
		margin-bottom: 30px;
	}
	.school-header-middle{
	    display:none;
	}
	
}
@media (max-width: 850px) {
    .top-bar{
        display:none;
    }
}
@media (max-width: 992px) {
    #portfolio .portfolio-title {
        font-size: 2rem;
    }

    .portfolio-grid {
        gap: 15px;
    }
    
    .school-header-middle .row {
        flex-wrap: wrap;
        text-align: center;
    }

    .school-header-middle .col-md-2,
    .school-header-middle .col-md-8 {
        width: 100%;
        text-align: center;
        margin-bottom: 10px;
    }

    .school-header-middle p {
        text-align: center;
    }

    .school-header-middle img {
        height: 60px;
    }

    .school-header-middle h1 {
        font-size: 28px;
    }

    .school-header-middle h3 {
        font-size: 18px;
    }
    
}

@media (max-width: 768px) {
    #portfolio .portfolio-title {
        font-size: 1.8rem;
    }

    #portfolio .portfolio-subtitle {
        font-size: 1rem;
    }

    .portfolio-item {
        width: 100%;
    }

    .portfolio-grid {
        flex-direction: column;
    }
}

@media (max-width: 576px) {
    #portfolio .portfolio-title {
        font-size: 1.5rem;
    }

    #portfolio .portfolio-subtitle {
        font-size: 0.9rem;
    }

    .portfolio-name {
        font-size: 1.2rem;
    }

    .portfolio-description {
        font-size: 0.9rem;
    }
}

@media only screen and (min-width: 766px)and (max-width: 985px) {
    .navbar-header-mobile p{
        font-size:25px;
        color:red;
        font-weight:bold;
    }
}

@media only screen and (min-width: 600px)and (max-width: 825px) {
	    .headfont {
        font-size: 20px !important;
        
        color: #154979;
        text-align: center;
            font-family: none;
    font-weight: 700;
    }
    .headfontdown{
        font-size: 15px !important;
    font-family: none;
    font-weight: 700;

    }
    .middle_header img{
        height:70px;
        width:70px;
    }
    .middle_header .middle1{
        width:25%;
        
    }
    .middle_header .middle2{
        width:50%;
        
    }
    .middle_header .middle3{
        width:25%;
        
    }
    .middle_header{
        display:none;
    }
}
@media (max-width: 768px){
     .middle_header{
        display:none !important;
    }
    .mobile-header{
        display:inline !important;
                font-size: x-large;
    }

}
@media (max-width: 600px){
     .mobile-header{
                font-size:larger;
    }
    .mobile-crousel{
        padding:0px 0px 0px 0px !important;
    }
    .outer_buttons .exam-buttons .exam-btn{
       height:50px;
      margin-bottom: 20px;
      width: 80%;
      padding: 5px 15px 0px 15px;
    }
    .outer_buttons .exam-content .icon{
        width:15px;
    }
    .outer_buttons .exam-buttons .exam-btn span{
        font-size:15px !important;
        font-weight:lighter;
    }
    .outer_buttons .exam-buttons .exam-btn br{
        display:none;
    }
    .outer_buttons .exam-buttons .col-sm-3{
        text-align: -webkit-center;
    }
    .owl-carousel .item{
        background-size: contain;
        height:180px;
        margin-top: 5px
    }
    
    .newsUpdate_col{
       height: 200px;
        overflow: overlay;

    }
    .footer{
        font-size:12px;
    }
    .footer .social-list li a{
        width: 35px;
        height: 35px;
    }
    .footer .social-list li a img{
        width:100%;
    }
    .footer h2{
        font-size:17px;
    }
    
    .newsUpdate_col{
        /*padding-right:0px !important;*/
    }
    
     .newsUpdate_col h2{
         font-size:18px;
     }
     .footer-distributed .footer-company-name{
         font-size:11px;
     }
    
    .news_update{
        padding:5px;
    }
    .navbar-header-mobile{
        display:flex !important;
        justify-content: space-between;
    }
    .navbar-header-mobile .mobile-menu-logo{
        display:inline;
    }
  
    .navbar-light .navbar-toggler{
        border:none;
    }
    .navbar-light .navbar-toggler .icon-bar{
        background:black;
    }
    
    
    .header_style_01 .navbar-light .navbar-nav > li > a{
        font-size:14px;
    }
    .call-now-button{
        padding: 9px 10px;
    bottom: 75px;
    font-size: 12px;
    font-weight: lighter;
    left: 15px;
    border-radius: 20px;
    gap: 5px;
    }
    .call-now-button i{
        font-size: 12px;
    }
    .enroll-now-button{
        padding: 9px 10px;
    bottom: 15px;
    font-size: 12px;
    font-weight: lighter;
    left: 15px;
    border-radius: 20px;
    gap: 5px;
    }
    .slider-banner{
        padding:0;
    }
    .slider-banner-row{
        margin-right: 0;
    }
    .outer_buttons{
        margin-top:0 !important;
        margin-bottom:0 !important;
    }
    .help-container{
        margin-top:0 !important;
    }
    
    
    
    
    }
    @media only screen and (min-width: 200px)and (max-width: 580px){
        .owl-carousel .item{
       background-size: contain;
    height: 170px;
    margin-left: 14px;
    }
    .mobile-container-slider{
        margin-top:0 !important;
    }
    .newsUpdate_col{
        height:250px;
        margin-top: 5px;
    }
    
    }
@media only screen and (min-width: 768px)and (max-width: 1600px) {
    .mobile-header{
        display:none;
    }
    .middle_header .middle2{
       margin-top: 20px;
    }
}


@media (max-width: 1600px) {
	    .headfont {
        font-size: 50px;
        color: #154979;
        text-align: center;
            font-family: none;
    font-weight: 700;
    line-height:20px;
    }
    .headfontdown{
        font-size: 30px;
    font-family: none;
    font-weight: 700;
    line-height: 30px;

    }

}
@media (max-width: 768px) {
	    .board_logo_mobile{
        display:inline !important;
        width: 88%;
        
    }
     .navbar-light .navbar-toggler .icon-bar{
        background:black;
    }
    .navbar-light .navbar-toggler{
        border:none;
    }

}

@media only screen and (min-width: 1600px)and (max-width: 2050px) {
    .headfont{
                       font-size: 80px;
        line-height: 66px;
        color: #10528e;
        font-family: none;
        font-weight: 600;
    

                
    }
    .owl-carousel .item{
            background-repeat: no-repeat;
    background-size: contain;
    }
    .headfontdown {
        font-size: 45px;
    /* line-height: 32px; */
    font-family: none;
    font-weight: 600;

    }
    .exam-btn{
        width: 40%;
    }
    .exam-btn{
            justify-self: center !important;
    }
    .exam-content .text{
        flex:0;
    }
    .middle_header img{
        height:150px !important;
    }
}
@media (max-width: 1024px) {
    .custom_page_nav {
        padding: 0 100px 40px;
    }

    .tabs-custom-school .nav-tabs-our-curriculum > li {
        padding: 8px 30px;
    }

    .current-text {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .custom_page_nav {
        padding: 0 50px 30px;
    }

    .tabs-custom-school .nav-tabs-our-curriculum {
        flex-direction: column;
        align-items: center;
    }
 
    .tabs-custom-school .nav-tabs-our-curriculum > li {
        padding: 8px 30px;
        width: 80%;
    }

    .current-text {
        grid-template-columns: repeat(1, 1fr);
    }
     .director-img img {
        width: 200px;
        height: 200px;
    }
    .message-box h2 {
  font-size: 18px;
        
    }
    .message-box .lead{
        font-size:14px;
        line-height: 18px;
    }
}

@media (max-width: 480px) {
    .custom_page_nav {
        padding: 0 20px 20px;
    }

    .tabs-custom-school .nav-tabs-our-curriculum > li {
        padding: 6px 20px;
        width: 90%;
        font-size: 12px;
    }
 
    .current-text {
        grid-template-columns: repeat(1, 1fr);
        gap: 10px;
    }
}
@media (max-width: 768px) {
  .skills_grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
  }

  .skills_txt {
    font-size: 14px;
    padding: 12px;
  }
  .blogs-title {
                font-size: 2.5em;
            }
            .blog-card {
                padding: 20px;
            }
            .report-title{
                font-size:1.5em;
            }
            .post-media{
                text-align:center;
            }
            .ytvideo-frame{
               width: 290px;
                height: 190px;
            }
            .admitcardclasslist .sec_header h4{
                font-size:17px;
            }
           .admitcardclasslist table td ,.admitcardclasslist table th{
               padding:5px;
               text-align:center;
               font-size:14px;
           }
            .admit_card_list{
                font-size:14px;
            }
            .admit_card_list table td ,.admit_card_list table th {
                padding:5px;
                text-align:center;
            }
            .admit_card_list table a{
                font-size:12px;
            }
            .admit_card_list_heading{
                height:auto;
            }
            .admit_card_list_heading h4{
                font-size:17px;
            }
}

/* Mobile View */
@media (max-width: 480px) {
  .skills_grid {
    grid-template-columns: 1fr;
  }

  .skills_txt {
    font-size: 12px;
    padding: 10px;
  }
}