@media only screen and (max-width: 1450px){
	.container{
		width: 95%;
		max-width: 95%;
	}
	.banner{
		height: 700px;
	}
}
@media only screen and (max-width: 1366px){
	.middle_content {
		padding-left: 25px;
	}
	.middle_content p{
		font-size: 18px;
	}
	.middle_content h4 {
		font-size: 25px;
		margin-bottom: 20px;
	}
	.middle_content ul {
		margin-top: 30px;
	}
	.middle_content ul li{
		font-size: 18px;
	}
	.title_content h3{
		font-size: 40px;
	}
	.tab_grid ul li a{
		font-size: 20px; 
		height: 60px;
	}
	.traning_content h3{
		font-size: 60px;
	}
	.inner_box h4{
		font-size: 26px;
	}
	.inner_box p{
		font-size: 18px;
	}
	.course_grid  .inside_bg{
		padding: 0px 15px 60px;
	}
	.course_grid .inner_box {
		padding-top: 60px;
	}
}
@media only screen and (max-width:1200px){
	header{
		padding: 12px 0;
	}
	.banner {
		height: 600px;
	}
	.banner_content h1 {
		font-size: 55px;
		margin-bottom: 25px;
		line-height: 65px;
	}
	.banner_content h2 {
		font-size: 22px;
		line-height: 32px;
	}
	.menu > ul > li a{
		padding: 15px 8px;
		margin: 0 5px;
	}
	.middle_content {
		padding-left: 0;
	}
	.profile_img{
		max-width: 370px;
	}
	.traning_content h3 {
		font-size: 45px;
		margin-bottom: 40px;
	}
	.inner_box h4 {
		font-size: 22px;
	}
	.tab_grid ul li a{
		font-size: 19px;
		height: 60px;
	}
}
@media only screen and (max-width: 1024px){
	.tab_grid ul li a {
		font-size: 16px;
		height: 50px;
	}
	.tab_grid .tab-content .card-body p {
		font-size: 18px;
	}
}
@media only screen and (max-width: 991px){
	header{
		position: static;
	}
	.navbar-toggler {
		border-color: #555 !important;
		outline: none !important;
		padding: 2px 8px;
	}
	.toggle_bar {
		display: block;
		width: 28px;
		height: 2px;
		background-color: #555;
		margin: 6px 0;
	}
	.banner {
		height: 500px;
	}
	.menu {
		text-align: left;
		border-top: 1px solid #eee;
		margin-top: 5px;
	}
	.menu > ul > li a {
		padding: 8px 8px;
		margin: 0;
		position: relative;
		border-bottom: 1px solid #eee;
	}
	.menu > ul > li:last-child a{
		border: none;
	}
	.menu ul li{
		display: block;
	}
	.menu > ul > li a{
		color: #555;
	}
	.sub-menu {
		position: static;
		width: 100%;
		padding-left: 15px;
		background-color: transparent;
	}
	.menu > ul > li a .open_link{
		position: absolute; 
		right: 0;
		font-size: 24px;
		top: 0;
		padding: 2px 16px;
		z-index: 555;
		background-color: #0097ea;
		color: #fff;
	}
	.menu > ul > li a i {
		margin-left: 0;
	}
	.menu ul li:hover ul.sub-menu {
		display: none;
	}
	.navbar-brand {
		width: 230px;
	}
	.middle_content h4 {
		font-size: 20px;
		margin-bottom: 15px;
	}
	.middle_content p {
		font-size: 16px;
	}
	.middle_content ul li {
		font-size: 15px;
		padding-left: 20px;
	}
	.middle_content ul li::after {
		top: 7px;
		width: 8px;
		height: 8px;
	}
	.title_content h3 {
		font-size: 35px;
	}
	.title_content h3 br{
		display: none;
	}
	.training_program h4{
		font-size: 25px;
		margin-bottom: 30px;
	}
	.training_program p{
		font-size: 18px;
	}
	.training_program #accordion .card-header a{
		font-size: 18px;
	}
	.training_program #accordion .card .card-body p{
		font-size: 16px;
	}
}
@media only screen and (max-width: 900px){
	.bg_gray{
		padding-top: 50px; 
	}
	.title_content{
		padding: 70px 0px;
	}
}
@media only screen and (max-width: 800px){
	.middle_content {
		padding: 15px 0;
	}
	.title_content {
		padding: 50px 0px;
	}
	.title_content h3 {
		font-size: 30px;
		margin-bottom: 30px;
	}
	.btn_bg{
		font-size: 16px;
		padding: 10px 40px;
	}
	footer {
		padding: 45px 0px 35px;
	}
	footer ul {
		margin-top: 30px;
	}
	.blue_bg {
		padding: 35px 0px;
	}
	.tab_grid .tab-content .tab-pane {
		display: block !important;
		opacity: 1;
		margin-bottom: 10px;
	}
	.tab_grid .nav-tabs {
		display: none;
	}
	.tab_grid .tab-content .card-body {
		padding: 8px 20px 20px;
		border-top: 1px solid #eee;
	}
	.tab_grid .tab-content .card-body p {
		font-size: 16px;
	}
	.tab_grid  .card-header {
		padding: 0;
		margin-bottom: 0;
		background-color: transparent;
		border-bottom: none;
		border-radius: 0px;
	}
	.tab_grid .card-header a {
		display: block;
		color: #fff;
		padding: 8px 20px;
		font-weight: 400;
		position: relative;
	}
	.accordion_arrow {
		position: absolute;
		right: 15px;
		top: 8px;
	}
	.tab_grid .card-header .accordion_arrow .fa.fa-angle-up {
		display: none;
	}
	.tab_grid .collapsed .accordion_arrow .fa.fa-angle-down {
		display: none;
	}
	.tab_grid .card-header .collapsed .fa.fa-angle-up {
		display: block !important;
	}
}
@media(min-width: 801px) {
	.tab_grid .nav-tabs {
		display: flex;
	}
	.tab_grid .card {
		border: none;
	}
	.tab_grid .card .card-header {
		display:none;
	}  
	.tab_grid .card .collapse{
		display:block;
	}

}
@media only screen and (max-width: 767px){
	.banner {
		height: 390px;
	}
	.banner_content h1 {
		font-size: 35px;
		margin-bottom: 10px;
		line-height: 45px;
	}
	.banner_content h2 {
		font-size: 18px;
		line-height: 26px;
	}
	.bg_gray {
		padding-top: 20px;
	}
	.middle_content {
		padding: 30px 0px 10px !important;
	}
	.title_content h3 {
		font-size: 25px;
		margin-bottom: 25px;
	}
	.footer_logo{
		margin: 0 auto;
	}
	footer ul{
		text-align: center;
		margin-top: 20px;
	}
	.btn_bg {
		font-size: 15px;
		padding: 8px 30px;
	}
	.aline_center img {
		margin-top: 30px;
		display: block;
	}
	.outer .row.no-gutters {
		flex-direction: column-reverse;
	}
	.bg_color{
		padding-top: 40px;
	}
	.training_program h4 {
		font-size: 22px;
		margin-bottom: 25px;
	}
	.training_program p {
		font-size: 16px;
	}
	.training_program #accordion .row {
		padding-top: 20px;
	}
	.training_program #accordion {
		margin-bottom: 0;
	}
	.training_program #accordion .row div > div:last-child {
		border-bottom: 1px solid #ccc !important;
	}
	.training_program #accordion .row div:last-child div:last-child{
		border: none !important;
	}
	.maine_content{
		padding-top: 25px;
	}
	.middle_aline {
		flex-direction: column-reverse;
	}
	.middle_aline img {
		margin-top: 30px;
	}
	.course_grid {
		padding: 40px 0;
	}
	.pro_bg::after{
		display: none;
	}
	.bg_outer::after{
		width: 100%;
	}
	.profile_img {
		max-width: 370px;
		margin: 27px auto 0;
	}
	.inner_box {
		padding-top: 70px;
	}
	.traning_content h3 {
		font-size: 35px;
		margin-bottom: 30px;
	}
	.inner_box h4 {
		font-size: 20px;
		margin-bottom: 15px;
	}
	.inside_bg{
		padding: 0px 15px 55px;
	}
	.extra_space {
		margin-right: 0; 
	}
	.sky_crew2 {
		padding: 60px 0px 0px;
	}
	.sky_crew3 {
		padding: 0px 0px 30px;
	}
	.sky_top {
		margin: 20px 30px;
	}
	.sky_bottom {
		margin: 30px;
	}
	.wpcf7-form-control.wpcf7-submit.btn.btn-default{
		width:100%;
	}
}
@media only screen and (max-width: 575px){
	.inner_box {
		padding-top: 40px;
		text-align: center;
	}
	.inner_box img {
		display: block;
		margin: 0 auto 25px;
	}
	.inner_box p {
		max-width: 100%;
	}
}
@media only screen and (max-width: 484px){
	.banner_content h1 {
		font-size: 28px;
		margin-bottom: 7px;
	}
	.banner_content h2 {
		font-size: 16px;
		line-height: 22px;
	}
	.training_program #accordion .card-header a {
		font-size: 16px;
	}
	.training_program #accordion .card .card-body p {
		font-size: 15px;
	}
	.arrow_icon{
		top: 1px;
	}
}
@media only screen and (max-width: 537px){
	.navbar-brand, .footer_logo {
		width: 200px;
	}
}



