@media only screen and (min-width: 240px) and (max-width: 380px){
	.navbar-header-custom{padding:0 0 12px 0;}
	.main-slider{height:120px!important;}
	.slider-fade .item{height:120px!important;}
	.mb-5 {margin-bottom: 0rem !important;}
	.col-12{max-width:100%!important;}
}
@media only screen and (min-width: 380px) and (max-width: 480px){
	.navbar-header-custom{padding:0 0 12px 0;}
	.main-slider{height:155px!important;}
	.slider-fade .item{height:155px!important;}
	.mb-5 {margin-bottom: 0rem !important;}
}
@media only screen and (min-width: 480px) and (max-width: 580px){
	.navbar-header-custom{padding:0 0 12px 0;}
	#logo{width:60%;}
	.main-slider{height:190px!important;}
	.slider-fade .item{height:190px!important;}
	.mb-5 {margin-bottom: 0rem !important;}
	.slider-fade .owl-theme .owl-dots{height:30px;bottom:90px;}
	.owl-theme .owl-dots .owl-dot{height:30px;}
}
@media only screen and (min-width: 580px) and (max-width: 680px){
	.navbar-header-custom{padding:0 0 12px 0;}
	#logo{width:60%;}
	.main-slider{height:225px!important;}
	.slider-fade .item{height:225px!important;}
	.mb-5 {margin-bottom: 0rem !important;}
	.slider-fade .owl-theme .owl-dots{height:30px;bottom:90px;}
	.owl-theme .owl-dots .owl-dot{height:30px;}
	.sm-none{}
}
@media only screen and (min-width: 680px) and (max-width: 780px){
	.navbar-header-custom{padding:0 0 12px 0;}
	.main-slider{height:265px!important;}
	.slider-fade .item{height:265px!important;}
	.mb-5 {margin-bottom: 0rem !important;}
	.slider-fade .owl-theme .owl-dots{height:30px;bottom:90px;}
	.owl-theme .owl-dots .owl-dot{height:30px;}
}
@media only screen and (min-width: 780px) and (max-width: 880px){
	.navbar-header-custom{padding:0 0 12px 0;}
	#logo{width:60%;}
	.main-slider{height:295px!important;}
	.slider-fade .item{height:295px!important;}
	.mb-5 {margin-bottom: 0rem !important;}
	
	.slider-fade .owl-theme .owl-dots{height:30px;bottom:90px;}
	.owl-theme .owl-dots .owl-dot{height:30px;}
}
@media only screen and (min-width: 880px) and (max-width: 980px){
	.navbar-header-custom{padding:0 0 12px 0;}
	#logo{width:60%;}
	.main-slider{height:325px!important;}
	.slider-fade .item{height:325px!important;}
	.mb-5 {margin-bottom: 0rem !important;}
}
@media only screen and (min-width: 980px) and (max-width: 1080px){
	.navbar-header-custom{padding:0 0 12px 0;}
	/* #logo{width:60%;} */
	.main-slider{height:375px!important;}
	.slider-fade .item{height:375px!important;}
	.mb-5 {margin-bottom: 0rem !important;}
}
@media only screen and (min-width: 100px) and (max-width: 1180px){
	.navbar-header-custom{padding:0 0 12px 0;}
	/* #logo{width:60%;} */
	.main-slider{height:435px!important;}
	.slider-fade .item{height:435px!important;}
	.mb-5 {margin-bottom: 0rem !important;}
}


@media only screen and (max-width:1199px){
	section {
        padding: 60px 0 !important;
    }
	.navbar>ul>li.has-sub>a:after{
		top: 30px !important;
    	right: -5px !important;
	}
	.navbar-nav>li>a {
        padding: 12px 10px !important;
    }
    .banner-text h1 {
	    font-size: 28px;
	    line-height: 38px;
	}
}
@media only screen and (max-width:991px){
	section {
        padding: 40px 0 !important;
    }
	.main-slider {
        height: 300px !important;
    }
	.slider-fade .item {
        height: 300px !important;
    }
        .banner-text h1 {
        font-size: 24px;
        line-height: 30px;
    }
        .butn {
        padding: 10px 12px;
        font-size: 16px;
    }
        .slider-fade .owl-theme .owl-dots {
        height: 10px;
        bottom: 20px;
    }
    .navbar-brand img {
    	max-height: 90px;
	}
	.banner-text p {
    padding-bottom: 3px;
	}
	.banner-text{
		margin-bottom: 10px;
	}
	.attr-nav{
		display: none;
	}
	.menu_area{
		border-top: 0px solid transparent!important;
	}
	.tabings{
		grid-template-columns: 1fr;
	}
	.stats-container .stat{
		padding: 20px 10px;
	}
	.stats-container .stat .odometer {
    	font-size: 30px;
    	margin-bottom: 3px;
	}
	.stats-container .stat .type {
	    font-size: 15px;
	}
	.abt-detail h1 {
	    font-size: 28px;
	    line-height: 38px;
	}
	footer h3{
		padding-top: 10px;
	}
	.dept-category.list-style1 li:before {
    left: 5px;
}
}
@media only screen and (max-width:767px){
	.navbar-toggler{
		top: -45px !important;
	}
	.main-slider {
        height: 640px !important;
    }
    .slider-fade .item {
        height: 640px !important;
    }
    .department-details img{
    	padding-bottom: 10px;
    }

}
@media only screen and (max-width:575px){
	.main-slider {
        height: 510px !important;
    }
    .slider-fade .item {
        height: 510px !important;
    }
	.navbar-brand img {
    	max-height: 60px;
	}
    .banner-text h1 {
        font-size: 20px;
        line-height: 24px;
    }

}