/*--------------------------------------
	Max Width Responsive CSS
--------------------------------------*/

@media screen and (max-width: 1550px) {
  .home-slider-part .slider-content .slider-title {
    font-size: 45px;
  }

  .home-slider-part .slider-content .slider-btn {
    margin-top: 20px;
  }

  .home-slider-part .slider-content {
    top: 46%;
  }
}

@media screen and (max-width: 1366px) {

  .back__course__area .back__shape__1 {
    left: -25px;
  }

  .back-slider-part .hero2__nav-content p br {
    display: none;
  }
}



@media only screen and (max-width: 1200px) {
  .back__course__area .course__item .course__card-icon .back__user {
    font-size: 14px;
  }

  .profile-top .user-section li {
    padding-right: 15px;
  }

  .back__course__area .course__item .course__card-icon .course__card-icon--2 svg,
  .back__course__area .course__item .course__card-icon .course__card-icon--1 svg {
    width: 26px;
    height: 26px;
  }

  .blog2__area .blog2__wrapper-2 p br {
    display: none;
  }

  .about4__wrapper {
    padding-left: 50px;
    padding-top: 0;
  }

  .hero4__area .hero4__image-2 {
    right: 0;
  }

  .back__course__area .course__item .course__card-icon .back__user img {
    width: 26px;
  }

  .back__course__area .course__item .back-course-title {
    font-size: 16px;
  }

  .academic__round-area-title p br {
    display: none;
  }

  .back-blog__area .blog__card--title {
    font-size: 16px;
    line-height: 24px;
  }

  .back-slider-part .hero2__nav-content {
    padding: 35px 20px 26px 20px;
  }

  .back-slider-part .slider__btm__part {
    position: relative;
  }

  .back-home3-banner-form .form__wrapper button {
    padding: 11px 44px;
  }

  .hero3__image {
    margin-left: 0;
  }

  .back-course-filter2 .single-studies .inner-course .case-content .case-title {
    font-size: 16px;
  }

  .event2__wrapper {
    padding: 30px 30px 37px 30px;
  }

  .event2__wrapper-3 p br {
    display: none;
  }

  .event2__wrapper-3 h3 {
    font-size: 20px;
  }

  .event2__area .event2__image {
    flex: 0 0 60%;
  }
}

@media only screen and (max-width: 1200px) and (min-width: 1025px) {
  .back-menus>li>a {
    font-size: 13px;
  }

  .back-course-filter .back-filter button {
    margin: 0 0 0 5px;
  }
}

@media only screen and (max-width: 1100px) and (min-width: 1025px) {
  .back-course-filter .single-studies .inner-course {
    flex-wrap: nowrap;
  }

  .back-course-filter .single-studies .inner-course .case-content ul li {
    padding-right: 20px;
  }

  .back-course-filter .single-studies .inner-course .case-content .back-ratings {
    margin-top: 23px;
    padding-top: 5px;
  }

  .back-course-filter .single-studies .inner-course .case-content {
    padding-left: 30px;
  }
}


@media only screen and (max-width: 1100px) {
  .back-menus>li>a {
    font-size: 13px;
  }

  .back-home3-banner-form .form__wrapper button {
    padding: 11px 30px;
  }

  .back-breadcrumbs:not(.back-breadcrumbs-blog-single) .breadcrumbs-wrap img {
    height: 320px;
  }

  .back-menus>li>a {
    padding: 26px 14px 26px 14px;
  }

  .feature__paragraph br {
    display: none;
  }

  .back_popular_topics .item__inner {
    padding: 50px 20px 40px 20px;
  }

  .back_popular_topics .item__inner h3 {
    font-size: 15px;
    line-height: 21px;
  }

  .hero4__area .hero4__image-2 {
    width: 48%;
  }

  .hero4__content {
    position: relative;
    z-index: 1;
  }

  .hero4__area .hero4__content h1 {
    font-size: 50px;
    line-height: 60px;
  }
}



@media only screen and (min-width: 992px) {

  /********* Mega Menu *********/
  #back-header .back-inner-menus ul li.mega-inner {
    position: static;
    transition: 0s;
  }

  .back-inner-menus .back-menus>.has-sub>a {
    position: relative;
  }

  img.mobile {
    display: none !important;
  }

  .back-inner-menus .back-menus>.has-sub>a:before {
    content: "";
    position: absolute;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 6px solid;
    display: block;
    top: 50%;
    right: 3px;
    transform: translateY(-50%);
    opacity: 0.5;
    transition: 0.2s;
  }

  .back-inner-menus .back-menus>.has-sub.menu-active>a:before {
    content: "";
    position: absolute;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 6px solid;
    border-top: 0px solid;
    display: block;
    top: 50%;
    right: 3px;
    transform: translateY(-50%);
  }

  #back-header .back-inner-menus .sub-menu-mega {
    display: block !important;
    box-shadow: none;
  }

  .mega-menu-container {
    display: flex;
    justify-content: space-between;
    padding: 0px 50px 15px 50px;
  }

  #back-header .back-menus li.mega-inner ul.mega-menu {
    left: 0;
    right: 0;
  }

  #back-header .back-inner-menus ul li.mega-inner:hover ul.mega-menu {
    top: 100%;
    opacity: 1;
    visibility: visible;
    overflow: visible;
    z-index: 9999;
    height: auto;
  }

  #back-header .back-menus li.mega-inner ul li {
    height: auto;
    width: auto;
  }

  #back-header .back-inner-menus ul ul.mega-menu ul {
    margin-left: 0;
    left: 0;
    width: 100%;
    padding: 0;
  }

  #back-header .back-menus .mega-menu-container .menu-item div a {
    padding: 3px 0;
  }

  #back-header .back-menus .mega-menu-container .menu-item ul {
    position: relative;
  }

  .back-menus {
    padding: 0 0 0 80px;
    flex: 1;
  }
}


@media only screen and (max-width: 1200px) and (min-width: 992px) {
  .back-menus {
    padding: 0 0 0 20px;
  }
}

@media screen and (max-width: 991px) {
  .menu-toggle #menu-btn {
    background: #168566;
    border-color: #168566;
  }

  .back-header .back-menus li a {
    color: #091524 !important;
  }

  .back-header.back-inner-header .back-menus>li>a,
  .back-header.back-inner-header .back-login svg,
  .back-header.back-inner-header .back-btn:hover,
  .back-header.back-inner-header .back-login a {
    color: #0a0a0a;
  }

  img.desktop {
    display: none !important;
  }

  .back-header .menu-title {
    padding-left: 25px;
  }

  .back-header.back-header-transparent .back-menus>li>a {
    color: #091524;
  }

  .back-course-filter2 .back-filter button {
    margin: 0 0 10px 5px;
  }

  .profile-top .user-section li {
    padding-right: 35px;
  }

  .back-breadcrumbs .breadcrumbs-wrap .breadcrumbs-inner .breadcrumbs-text .breadcrumbs-title {
    font-size: 40px;
  }

  .hero4__area .hero4__image-2 {
    top: auto;
  }

  .hero4__area {
    text-align: center;
  }

  .about4__container {
    display: block;
  }

  .back-contact-page .blog-form form .pdl-5 {
    padding-left: 12px;
  }

  .back-contact-page #contact-form {
    padding-top: 50px;
  }

  .back-address-area .inner-locate {
    margin: 20px 0;
  }

  .class__container {
    display: block;
    width: auto;
    height: auto;
  }

  .class__wrapper {
    padding: 30px 35px 35px 20px;
  }

  .class__schedule-1:not(:first-child) {
    padding-left: 20px;
  }

  .class__schedule-1:not(:last-child) {
    padding-right: 20px;
  }

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

  .hero4__area .hero4__image {
    padding: 90px 15px 0;
  }

  .about__area .about__content {
    padding: 70px 0 0px 0px;
  }

  .event2__content-wrapper h3 {
    font-size: 34px;
  }

  .event2__container {
    display: block
  }

  .event2__image img {
    border-radius: 0;
  }

  .back-gallery .back-gallery-inner {
    flex: 0 0 32.33%;
  }

  .event2__content-wrapper h3 br {
    display: none;
  }

  .back-home3-banner-form .form__wrapper-2 {
    display: block;
  }

  .back-home3-banner-form .form__wrapper-2 div {
    margin: 12px 15px 11px;
    flex: unset;
    text-align: center;
  }

  .category3__content {
    text-align: center;
  }

  .back-course-filter2 .back-filter {
    text-align: center;
  }

  .back-course-filter2 .back__title__section.text-left {
    text-align: center;
  }

  .back__title__section h2 {
    margin: 0 0 40px;
  }

  .back-course-filter2 .single-studies {
    margin-bottom: 35px;
  }

  #back-countdown {
    text-align: center;
  }

  .back-countdown #countdown ul {
    justify-content: center;
  }

  .back-countdown .col-lg-4.text-right {
    text-align: center;
    padding-top: 80px;
  }

  .back-home3-banner-form .form__wrapper button {
    margin-top: 20px;
  }

  .hero3__content h1 {
    font-size: 40px;
    line-height: 45px;
  }

  .category3__area .col-lg-4.text-right {
    text-align: center;
  }

  .back-slider-part .hero2__nav-content {
    margin: 10px;
    border-radius: 3px;
  }

  .back-slider-part .slider__btm__part {
    padding-top: 90px;
  }

  .back-course-filter .back-filter {
    text-align: left;
  }

  .back-header .searchbar-part,
  .back-step__area .step__shape .step__shape-2 {
    display: none;
  }

  .back-step__area .step__content {
    padding-top: 90px;
  }

  .back-step__area .step__content1,
  .back-step__area .step__content2,
  .back-step__area .step__content3,
  .back-step__area .step__content4 {
    margin-left: 0;
    justify-content: center;
    margin-bottom: 25px;
  }

  .back-step__area .step__content1--icon,
  .back-step__area .step__content4--icon {
    margin-right: 0;
  }

  .back-menus>li>a {
    padding: 14px 14px 14px 24px;
    font-size: 15px;
  }

  .back-main-menu .menu-toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .back-menus li ul.sub-menu li a {
    padding: 12px 40px 12px 50px;
    font-size: 14px;
    font-weight: 600;
  }

  .back-menus li ul.sub-menu {
    padding: 0;
  }

  .about__area .about__image {
    margin-left: 0;
  }

  .back__course__area .course__item {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
  }

  .event__video-btn.text-end {
    text-align: center !important;
  }

  .event__area .pr-80 {
    padding-right: 15px;
  }

  .back-blog__area .blog__card {
    margin-bottom: 30px;
  }

  .back-blog__area .blog__card--icon::before {
    left: 0;
  }

  .newsletter__area .newsletter__wrapper {
    display: block;
  }

  .newsletter__area .newsletter__title {
    margin-bottom: 30px;
  }

  .newsletter__area .newsletter__form input {
    width: 100%;
    height: 59px;
  }

  .back-footer .footer-top .footer-widget.footer-widget-2 {
    padding-left: 0;
  }

  .back-footer .footer-top .back-instagram {
    max-width: 509px;
  }

  .back-footer .copyright .container {
    justify-content: center;
    flex-wrap: wrap;
  }

  .back-footer .copyright .back-copy-right ul {
    display: block;
  }

  .back-footer .copyright .back-copy-right ul li {
    padding-left: 0;
  }

  .back-footer .copyright .back-copy-left {
    order: 2;
  }

  .back-footer .copyright .back-copy-left,
  .back-footer .copyright .back-copy-right {
    flex: 0 0 100%;
  }
}



@media screen and (max-width: 767px) {
  .back_popular_topics .item__inner {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
  }

  .blog-tags .social-links.text-right {
    text-align: left;
    margin-top: 40px;
  }

  .back-course-filter.back__course__page_list .shorting__course .all__icons,
  .back__course__area.back__course__page_grid .shorting__course .all__icons {
    justify-content: center;
    margin-bottom: 30px;
  }

  .row.shorting__course .col-md-6.text-right {
    text-align: center;
  }

  .back-course-filter.back__course__page_list .shorting__course,
  .back__course__area.back__course__page_grid .shorting__course {
    margin-left: 0;
    margin-right: 0;
    padding: 30px 20px;
  }

  .category3__content h2 {
    font-size: 34px;
  }

  .profile-top .user-section {
    display: block;
  }

  .profile-top .user-section li {
    padding-right: 0;
    padding-bottom: 30px;
  }

  .class__schedule {
    display: block;
  }

  .class__wrapper {
    padding: 15px 20px 35px 20px;
  }

  .class__schedule-1:not(:last-child) {
    border: none;
  }

  .class__schedule-1:not(:last-child) {
    padding-right: 0;
    border: none;
  }

  .class__schedule-1:not(:first-child) {
    padding-left: 0;
  }

  .back-breadcrumbs .breadcrumbs-wrap .breadcrumbs-inner .breadcrumbs-text .breadcrumbs-title {
    font-size: 40px;
  }

  .blog2__area .blog2__wrapper {
    display: block;
    border: 1px solid #eaecf2 !important;
    text-align: center;
    padding: 37px 20px 10px 20px;
  }

  .event2__content-wrapper {
    padding-bottom: 0;
    text-align: center;
  }

  .event2__area .event2__btn.text-right {
    text-align: center;
  }

  .back-course-filter .back-filter button {
    margin-bottom: 20px;
  }

  .hero3__content {
    text-align: center;
  }

  .hero3__image-2 {
    right: 0;
  }

  .hero3__image {
    position: relative;
    text-align: center;
    padding-top: 60px;
    padding-bottom: 90px;
  }

  .event__card {
    display: block;
    text-align: center;
    margin: 25px 0;
    padding: 46px 20px;
  }

  .back-clients .client-slider.owl-carousel .owl-nav [class*="owl-"] {
    display: none;
  }

  .home-slider-part .slider-content .slider-title {
    font-size: 40px;
  }

  .newsletter2__form {
    top: 0;
    margin-right: 0;
    margin-top: 10px;
  }

  .newsletter2__form input {
    width: 100%;
    border-radius: 30px;
  }

  .newsletter2__form button {
    position: relative;
    height: 53px;
    margin-top: 30px;
    border-radius: 30px;
  }

  .event__card--btn {
    padding-right: 0;
    margin-top: 20px;
  }

  .event__card--date-area {
    padding: 0;
  }

  .event__small-paragraph {
    margin: 0;
  }

  .event__video-btn .image-background {
    margin-top: 50px;
  }

  .event2__area .btn {
    padding: 0;
  }

  .about4__wrapper {
    padding-top: 90px;
  }
}

@media screen and (max-width: 600px) {
  .back-logo-area .brand__slider .brand__item {
    padding: 15px 10px;
  }

  .back-login-page .login-left-content h1 {
    font-size: 34px;
  }

  .event2__wrapper-2 {
    display: block;
    padding-bottom: 10px;
  }

  .back-login-page .login-right-form {
    padding: 50px 25px;
  }

  .event2__wrapper-2-item1 {
    padding-right: 0;
  }

  .event2__wrapper-2-item2 {
    margin-left: -4px;
  }

  .about4__title {
    font-size: 34px;
    line-height: 40px;
  }

  .about4__title br {
    display: none;
  }

  .about4__icon {
    display: block;
  }

  .distant-page .slider-contents .slider-title {
    font-size: 35px;
  }

  .distant-page .slider-contents .slider-title br {
    display: none;
  }
}

@media screen and (max-width: 575px) {
  .newsletter__area .newsletter__title {
    font-size: 34px;
    text-align: center;
  }

  .back-breadcrumbs.back-breadcrumbs-blog-single .breadcrumbs-wrap img {
    height: 400px;
  }

  .back-restaurant-gallery .back-columns-4 {
    display: block;
  }

  .back-error-page h1 {
    font-size: 36px;
  }

  .course-hub-banner .slider-content {
    padding: 15px;
  }

  .back-countdown #countdown ul li {
    margin-left: 3px;
    margin-right: 3px;
  }

  .back-contact-page .back-title-sec h2 {
    font-size: 34px;
  }

  .hero3__image-course {
    right: auto;
  }

  .back-course-filter .single-studies .inner-course {
    display: block;
    text-align: center;
  }

  .back-course-filter .single-studies .inner-course .case-img img {
    border-radius: 0;
  }

  .back-course-filter .single-studies .inner-course .case-content .back-ratings {
    padding: 14px 40px;
  }

  .back-course-filter .single-studies .inner-course .case-content ul {
    justify-content: center;
    padding-top: 20px;
  }

  .back-course-filter .single-studies .inner-course .case-img {
    flex: unset;
    padding-top: 40px;
  }

  .back-course-filter .single-studies .inner-course .case-content {
    padding-left: 0;
  }

  .back-clients .client-slider .single-client {
    padding: 30px 30px 30px;
  }

  .home-slider-part.home2.owl-carousel .owl-nav [class*="owl-"] {
    display: none;
  }

  .count__area .count__content {
    text-align: center;
    margin: 25px 0;
  }

  .back__title__section h2,
  .about__area .about__content .about__title,
  .event__title {
    font-size: 34px;
  }

  .feature__item,
  .back-blog__area .blog__card--content,
  .event__content-wrapper {
    text-align: center;
  }

  .back-blog__area .blog__card--title {
    font-size: 18px;
    line-height: 30px;
  }

  .back-footer .footer-top .back-instagram {
    max-width: 340px;
  }
}

@media screen and (max-width: 480px) {
  .back-footer .footer-top .back-instagram li {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .about2__area ul li {
    float: none;
    width: 100%;
  }

  .home-slider-part.home2 .slider-img img {
    min-height: 500px;
  }

  .home-slider-part .slider-content {
    top: 50%;
    padding: 20px 15px;
  }

  .back-course-filter .single-studies .inner-course .case-content ul li {
    padding: 0 10px;
  }

  .back-gallery .back-columns-4 {
    display: block;
  }

  .slider-img img.mobile {
    height: 380px;
  }
}

@media screen and (max-width: 380px) {}