/******************************************
    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;
		
	}
	.gallery{
	    width: 70% !important;
	    
	}
	.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;
	}
}

@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;
	}
	
}
@media (max-width: 850px) {
    .top-bar{
        display:none;
    }
}
@media (max-width: 992px) {
    #portfolio .portfolio-title {
        font-size: 2rem;
    }

    .portfolio-grid {
        gap: 15px;
    }
}

@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: 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:25px;
     }
     .footer-distributed .footer-company-name{
         font-size:11px;
     }
    
    .news_update{
        padding:5px;
    }
    .navbar-header-mobile{
        display:flex !important;
        justify-content: space-between;
    }
    .navbar-light .navbar-toggler{
        border:none;
    }
    .navbar-light .navbar-toggler .icon-bar{
        background:white;
    }
    
    
    .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:white;
    }
    .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;
    }
}