@charset "utf-8";

/************
1199px
************/

@media only screen and (max-width: 1199px) {
	.featured_container {
		width: 100%;
		padding-left: 167px;
		margin-top: 0px;
	}

	.footer_contact_info {
		padding-right: 0px;
	}
}

/************
6. 991px
************/

@media only screen and (max-width: 991px) {
	.main_nav {
		display: none;
	}

	.top_bar_contact_list li > div {
		font-size: 10px;
	}

	.top_bar_contact_list li:first-child {
		margin-right: 32px !important;
	}

	.top_bar_contact_list li:not(:last-child) {
		margin-right: 23px !important;
	}

	.top_bar_login ul li a {
		font-size: 10px;
	}

	.home_slider_nav_container {
		top: -51px;
	}

	.featured {
		padding-bottom: 60px;
	}

	.featured_container {
		padding-left: 0;
		margin-top: 60px;
	}

	.featured_col:first-child {
		padding-right: 15px;
	}

	.featured_col:last-child {
		padding-left: 15px;
	}

	.featured_background {
		height: 354px;
	}

	.home_title {
		font-size: 56px;
	}

	.course_search {
		padding-left: 0;
		padding-right: 0;
	}

	.courses_slider_nav {
		display: none;
	}

	.milestone_col:not(:last-child) {
		margin-bottom: 80px;
	}

	.grouped_col:not(:last-child) {
		margin-bottom: 80px;
	}

	.video_container_outer {
		height: 388px;
	}
}

/************
 767px
************/

@media only screen and (max-width: 767px) {
	.top_bar {
		display: none;
	}

	.header.scrolled {
		top: 0px;
	}

	.search_button {
		display: none;
	}

	.home_slider_nav_container {
		display: none !important;
	}

	.course_search_form > div {
		width: 100%;
		margin-bottom: 15px;
	}

	.video_container_outer {
		height: 287px;
	}
}

/************
480px
************/

@media only screen and (max-width: 480px) {
	.home_title {
		font-size: 24px;
	}

	.home_subtitle {
		font-size: 13px;
	}

	.featured_title h3 a {
		font-size: 18px;
	}
}

@media screen and (max-width: 768px) and (min-width: 320px) {
  
	p {
		font-size: 13px;
	}

	h2 {
		font-size: 20px;
	}

	.section_title h2 {
		font-size: 20px;
	}

	.section_subtitle {
		font-size: 13px;
		margin-top: 47px;
	}

	.menu {
		width: 200px;
		height: auto;
		right: -100%;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 50px;
	}

	ul.menu_mm {
		list-style: none;
		margin-bottom: 0px;
		text-align: left;
		width: 200px;
	}

	.menu_nav ul li a {
		font-size: 14px;
	}

	.menu_close_container {
		right: 60px;
	}

	.menu .search {
		margin-bottom: 54px;
	}

	.menu .search_input {
		height: 32px;
	}

	.menu .search_input::-webkit-input-placeholder {
		font-size: 12px !important;
	}

	.menu .search_input:-moz-placeholder {
		font-size: 12px !important;
	}

	.menu .search_input::-moz-placeholder {
		font-size: 12px !important;
	}

	.menu .search_input:-ms-input-placeholder {
		font-size: 12px !important;
	}

	.menu .search_input::input-placeholder {
		font-size: 12px !important;
	}

	.menu_extra {
		right: 30px;
		bottom: 15px;
	}

	.menu_phone, .menu_social {
		font-size: 9px;
	}

	.menu_social {
		margin-top: 2px;
	}

	.header_search_button i {
		font-size: 14px;
	}

	.button_arrow {
		height: 47px;
	}

	.header_content {
		height: 50px;
	}

	.header.scrolled .header_content {
		height: 50px;
	}

	.logo_img {
		width: 185px;
	}

	.logo_img img {
		max-width: 100%;
	}

	.logo_text {
		font-size: 12px;
		-webkit-transform: translateY(-1px);
		-moz-transform: translateY(-1px);
		-ms-transform: translateY(-1px);
		-o-transform: translateY(-1px);
		transform: translateY(-1px);
	}

	.home_container {
		top: calc((100vh + 37px) / 2);
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
		left: 0;
		width: 100%;
	}

	.home_title {
		font-size: 36px;
	}

	.home_logo {
		width: 163px;
		height: 110px;
	}

	.home_text {
		margin-top: -15px;
	}

	.home_subtitle {
		font-size: 14px;
	}

	.home_buttons {
		display: none;
	}

	.featured_content {
		padding-left: 30px;
		padding-right: 30px;
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.featured_text,
	.course_text {
		font-size: 13px;
	}

	.featured_tag,
	.course_tag {
		height: 27px;
	}

	.featured_tag a,
	.course_tag a {
		font-size: 12px;
		line-height: 27px;
		padding-left: 18px;
		padding-right: 18px;
	}

	.featured_author_name,
	.course_author_name {
		margin-left: 8px;
	}

	.featured_author_name, .featured_author_name a,
	.featured_sales,
	.course_author_name, .course_author_name a,
	.course_sales {
		font-size: 10px;
	}

	.course_body {
		padding-left: 30px;
		padding-right: 30px;
		padding-top: 45px;
	}

	.course_title h3 a {
		font-size: 18px;
	}

	.course_price {
		font-size: 12px;
	}

	.course_price span {
		font-size: 14px;
		-webkit-transform: translateY(1px);
		-moz-transform: translateY(1px);
		-ms-transform: translateY(1px);
		-o-transform: translateY(1px);
		transform: translateY(1px);
	}

	.milestone_icon {
		width: 61px;
		height: 61px;
	}

	.milestone_counter {
		font-size: 30px;
	}

	.milestone_text {
		font-size: 14px;
	}

	.event_body {
		padding-left: 20px;
	}

	.event_date {
		width: 53px;
		height: 53px;
	}

	.event_day {
		font-size: 18px;
	}

	.event_month {
		font-size: 9px;
	}

	.event_title a {
		font-size: 14px;
	}

	.event_subtitle {
		font-size: 12px;
	}

	.news_post_body {
		padding-left: 20px;
	}

	.news_post_title a {
		font-size: 14px;
	}

	.news_post_date {
		font-size: 10px;
	}

	.news_post_author, .news_post_author a {
		font-size: 10px;
	}

	.join .section_subtitle {
		font-size: 13px;
	}

	.grouped_title {
		font-size: 24px;
	}

	.accordion {
		font-size: 14px;
	}

	.menu_nav ul li {
		position: relative;
		margin-bottom: 0px;
		background: #fff;
		padding: 7px;
		font-size: 12px!important;
		font-weight: 200;
		border-bottom: 1px solid #ccc;
		line-height: normal;
		cursor: pointer;
	}

	.menu_nav ul li.active {
		position: relative;
		margin-bottom: 0px;
		background: #c87a29;
		padding: 7px;
		font-size: 12px!important;
		font-weight: 200;
		border-bottom: 1px solid #ccc;
		line-height: normal;
		cursor: pointer;
	}

	.menu_nav ul li a.active {
		color: #fff;
		background: #c87a29;
	}

	.menu_nav ul li a:hover {
		color: #fff;
		background: #c87a29;
	}

	.menu_nav ul li.focus > a {
		color: #fff;
		background: #c87a29;
	}

	.menu_nav ul li a {
		font-size: 12px;
		color: #3f3e3e;
		font-weight: 400;
		letter-spacing: 0.05em;
		-webkit-transition: all 200ms ease;
		-moz-transition: all 200ms ease;
		-ms-transition: all 200ms ease;
		-o-transition: all 200ms ease;
		transition: all 200ms ease;
	}

	.hamburger {
		position: relative;
		display: inline-block;
		margin-left: 25px;
		vertical-align: middle;
		background: #002f5d;
		color: #fff;
		border-radius: 2px;
		line-height: 1;
		padding: 0.769230769em;
		font-size: 0.8125rem;
		margin: 0.5px 0;
		font-weight: 700;
		letter-spacing: 0.046875em;
		text-transform: uppercase;
	}

	.menu_nav ul li a:hover {
		font-size: 12px;
		color: #fff;
		background: #c87a29;
		font-weight: 400;
		letter-spacing: 0.05em;
		-webkit-transition: all 200ms ease;
		-moz-transition: all 200ms ease;
		-ms-transition: all 200ms ease;
		-o-transition: all 200ms ease;
		transition: all 200ms ease;
	}

	.menu_nav ul li:hover {
		position: relative;
		margin-bottom: 0px;
		background: #c87a29;
		color: #fff;
		padding: 7px;
		font-size: 12px!important;
		font-weight: 200;
		border-bottom: 1px solid #ccc;
		line-height: normal;
		cursor: pointer;
	}

	.owl-carousel .owl-item img {
		display: block;
		width: 100%;
		height: calc(100% - 50px);
	}

	.home_slider_background {
		position: relative;
		margin-top: 50px;
	}

	.home {
		width: 100%;
	}

	.about-inner p {
		font-size: 14px;
		text-align: center;
	}

	.about-inner h3 {
		font-size: 17px;
	}

	.services-section ul li .image-icon {
		width: 100%;
		text-align: center;
	}

	.services-section ul li {
		width: 100%;
		min-height: inherit;
		height: auto;
		margin: 0 !important;
		margin-bottom: 34px !important;
	}
	.testi-section p {
		position: relative;
		text-align: left;
	}
	.testi-section h3 {
		position: relative;
		font-size: 17px;
	}
	.footer_title {
    font-size: 24px !important;
    font-weight: 400;
    letter-spacing: 0 !important;
    text-transform: none !important;
    margin-bottom: 10px !important;
    color: #fff !important;
    margin-top: 100px;
    line-height: 24px !important;
}
.footer_title.tl {
    margin-top: 15px;
}
.aboutarea-section {
    position: relative;
    width: 100%;
    padding-top: 60px;
    text-align: center;
    }
 .aboutarea-section .titlebx h1 {
    font-size: 16px;
    }
  .breadcrumbs {
    font-size: 13px;
    line-height: 30px;
    padding-bottom: 0;
    padding-left: 10px;
}
.aboutarea-section {
    position: relative;
    width: 100%;
    padding-top: 55px;
    text-align: center;
    padding-bottom: 0px;
}
.aboutarea-section .titlebx {
    float: left;
    padding: 5px 22px 5px 0;
}
.press-img img {
    max-width: 80%;
    margin-top: 15px;
    margin-bottom: 15px;
}
.form-control {
	width: 100%;
}
.btn-submit {
    position: relative;
    width: 100%;
}
}