/* Max width 767px */
@media only screen and (max-width: 767px) {
  body {
    font-size: 14px;
  }
  p {
    font-size: 14px;
  }
  .ptb-140 {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .pt-140 {
    padding-top: 50px;
  }
  .pb-140 {
    padding-bottom: 50px;
  }
  .default-btn {
    padding: 11px 20px;
    font-size: 15px;
  }
  .section-title {
    max-width: 1050px;
    margin: 0 auto 30px;
  }
  .section-title h2 {
    font-size: 28px;
  }
  .preloader-area .waviy {
    font-size: 30px;
  }
  /* Home One Responsive */
  .top-header-area {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .top-header-content a {
    gap: 5px;
    font-size: 13px;
    justify-content: center;
  }
  .top-header-content a svg {
    max-width: 13px;
  }
  .top-header-link {
    justify-content: center;
    text-align: center;
    margin-top: 7px;
  }
  .top-header-link .account-btn {
    padding: 7px 15px;
    font-size: 13px;
  }
  .top-header-link .account-btn svg {
    max-width: 15px;
  }
  .education-banner-area {
    padding-top: 50px;
  }
  .education-banner-content {
    max-width: 1050px;
    top: 0;
  }
  .education-banner-content h1 {
    font-size: 35px;
    margin-bottom: 17px;
  }
  .education-banner-content h1 span img {
    bottom: 0;
  }
  .education-banner-content .banner-btn {
    margin-top: 25px;
  }
  .education-banner-image .mesh-grad {
    bottom: 0;
    left: -65px;
  }
  .education-banner-image .trust-review {
    padding: 10px;
    left: 0;
    top: 120px;
  }
  .education-banner-image .trust-review .sub {
    font-size: 12px;
  }
  .education-banner-image .trust-review h5 {
    font-size: 15px;
    gap: 5px;
    margin-bottom: 7px;
  }
  .education-banner-image .trust-review h5 img {
    max-width: 15px;
  }
  .education-banner-image .trust-review .list li img {
    max-width: 14px;
  }
  .education-banner-image .trust-review span {
    font-size: 12px;
  }
  .education-banner-image .trust-review .arrow {
    display: none;
  }
  .education-banner-vector {
    display: none;
  }
  .education-banner-shape1, .education-banner-shape2, .education-banner-shape3, .education-banner-shape4 {
    display: none;
  }
  .education-fun-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .education-fun-area .g-5, .education-fun-area .gy-5 {
    --bs-gutter-y: 2rem;
  }
  .education-fun-area .g-5, .education-fun-area .gx-5 {
    --bs-gutter-x: 2rem;
  }
  .education-fun-card {
    padding-top: 0;
    padding-bottom: 0;
  }
  .education-fun-card .content h3 {
    font-size: 20px;
  }
  .education-fun-card .content p {
    font-size: 14px;
  }
  .education-fun-card::before {
    display: none;
  }
  .education-categories-card {
    gap: 15px;
    padding: 12px 20px;
  }
  .education-categories-right {
    max-width: 320px;
    margin: 75px auto 0;
  }
  .education-categories-right .vector-wrap {
    left: 47px;
    bottom: 0;
  }
  .education-about-image {
    padding: 0;
    margin-right: 0;
  }
  .education-about-image .fun-color-wrap {
    padding: 10px;
    left: 10px;
    bottom: 10px;
  }
  .education-about-image .fun-color-wrap .icon {
    margin-bottom: 12px;
  }
  .education-about-image .fun-color-wrap h3 {
    font-size: 20px;
    margin-bottom: 15px;
  }
  .education-about-image .fun-wrap {
    padding: 10px;
    right: 10px;
    top: 10px;
  }
  .education-about-image .fun-wrap .icon {
    margin-bottom: 12px;
  }
  .education-about-image .fun-wrap h3 {
    font-size: 20px;
    margin-bottom: 15px;
  }
  .education-about-image .shape1, .education-about-image .shape2 {
    display: none;
  }
  .education-about-content {
    padding-left: 0;
  }
  .education-about-content h2 {
    font-size: 28px;
  }
  .education-about-content .list {
    margin-top: 30px;
  }
  .education-about-content .about-btn {
    margin-top: 30px;
  }
  .education-courses-area {
    overflow: hidden;
  }
  .education-courses-tabs .nav {
    padding-bottom: 10px;
    margin-bottom: 30px;
  }
  .education-courses-tabs .nav .nav-item {
    margin-right: 7px;
  }
  .education-courses-tabs .nav .nav-item .nav-link {
    padding: 0 0 15px 0;
    font-size: 14px;
  }
  .education-courses-tabs .nav .nav-item .nav-link::before {
    bottom: 12px;
    height: 1px;
  }
  .education-courses-tabs .inner_tabs {
    display: block;
    margin-bottom: 30px;
  }
  .education-courses-tabs .inner_tabs li {
    margin-bottom: 12px;
  }
  .education-courses-tabs .inner_tabs li h5 {
    font-size: 15px;
  }
  .education-courses-tabs .inner_tabs li span {
    font-size: 13px;
  }
  .education-courses-tabs .inner_tabs li:last-child {
    margin-bottom: 0;
  }
  .courses-show-hide-style .education-courses-card {
    display: none;
  }
  .courses-show-hide-style .education-courses-hover-card {
    position: relative;
    opacity: 1;
    visibility: visible;
  }
  .courses-show-hide-style .education-courses-hover-card .image .tag-btn {
    left: auto;
    right: 20px;
    bottom: 7px;
  }
  .courses-show-hide-style .education-courses-hover-card .content {
    padding: 20px;
  }
  .education-partner-title {
    margin-bottom: 30px;
  }
  .education-partner-title span {
    font-size: 17px;
  }
  .education-partner-lists .col {
    flex: 0 0 auto;
    width: 50%;
  }
  .education-works-image {
    margin-right: 0;
  }
  .education-works-image .shape {
    display: none;
  }
  .education-works-image .blur-wrap {
    display: none;
  }
  .education-works-content {
    margin-left: 0;
  }
  .education-works-content h2 {
    font-size: 28px;
  }
  .education-works-content .items {
    margin-top: 45px;
  }
  .education-works-content .items .item {
    display: block;
    margin-bottom: 25px;
    padding-bottom: 25px;
  }
  .education-works-content .items .item .content {
    margin-top: 15px;
  }
  .education-works-content .items .item.wrap2 {
    margin-left: 0;
  }
  .education-works-content .items .item.wrap3 {
    margin-left: 0;
  }
  .education-overview-area {
    overflow: hidden;
  }
  .education-overview-inner {
    padding: 30px 20px;
  }
  .overview-fun-items {
    display: block;
    margin-bottom: 30px;
  }
  .overview-fun-items .fun {
    margin-bottom: 25px;
  }
  .overview-fun-items .fun h3 {
    font-size: 30px;
    margin-bottom: 5px;
  }
  .overview-fun-items .fun p {
    font-size: 14px;
  }
  .overview-fun-items .fun:last-child {
    margin-bottom: 0;
  }
  .education-overview-content {
    max-width: 1050px;
  }
  .education-overview-content h2 {
    font-size: 28px;
    margin-bottom: 15px;
    max-width: 1050px;
  }
  .education-overview-content h2 span img {
    bottom: -5px;
  }
  .education-overview-content .overview-btn {
    margin-top: 25px;
  }
  .education-overview-wrapper {
    padding: 25px;
  }
  .education-overview-wrapper .overview-nav-buttons {
    margin-top: 25px;
  }
  .education-overview-slide-item .quote {
    margin: 0 auto 20px;
  }
  .education-overview-slide-item p {
    font-size: 17px;
  }
  .education-overview-slide-item .profile {
    margin-top: 30px;
  }
  .education-overview-slide-item .profile .content {
    margin-top: 20px;
  }
  .education-overview-slide-item .profile .content h3 {
    font-size: 18px;
  }
  .education-overview-slide-item .profile .content span {
    margin-top: 7px;
  }
  .education-overview-right {
    padding: 25px 25px 170px 25px;
  }
  .education-overview-right .content {
    max-width: 1050px;
  }
  .education-overview-right .content h3 {
    font-size: 20px;
  }
  .education-overview-right .content p {
    margin-bottom: 25px;
  }
  .education-team-area {
    overflow: hidden;
  }
  .education-team-card .content {
    margin-top: 20px;
  }
  .education-team-card .content h3 {
    font-size: 20px;
  }
  .education-team-card .content span {
    font-size: 14px;
  }
  .education-team-card.wrap-style {
    margin-top: 0;
  }
  .education-cta-inner {
    padding: 50px 25px;
  }
  .education-cta-inner .content h2 {
    font-size: 28px;
  }
  .education-cta-inner .content p {
    margin-bottom: 25px;
  }
  .education-cta-inner .cta-shape1, .education-cta-inner .cta-shape2 {
    display: none;
  }
  .education-blog-content {
    max-width: 1050px;
  }
  .education-blog-content h2 {
    font-size: 28px;
    max-width: 1050px;
  }
  .education-blog-content p {
    margin-bottom: 25px;
  }
  .education-blog-card .content h3 {
    font-size: 20px;
  }
  .education-blog-card.wrap-style {
    margin-top: 0;
  }
  .single-footer-widget.left-gap {
    padding-left: 0;
  }
  .single-footer-widget .widget-logo {
    margin-bottom: 20px;
  }
  .single-footer-widget h3 {
    font-size: 20px;
    margin-bottom: 20px;
  }
  .single-footer-widget .newsletter-form form {
    padding-right: 0;
  }
  .single-footer-widget .newsletter-form form .default-btn {
    position: relative;
    width: 100%;
    margin-top: 5px;
  }
  /* Home Two Responsive */
  .navbar .container-fluid {
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    max-width: 540px;
  }
  .navbar .category-menu {
    display: none;
  }
  .distance-learning-banner-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .distance-learning-banner-area .container-fluid {
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    max-width: 540px;
  }
  .distance-learning-banner-content {
    max-width: 1050px;
    top: 0;
  }
  .distance-learning-banner-content h1 {
    font-size: 35px;
    margin-bottom: 18px;
  }
  .distance-learning-banner-content p {
    font-size: 15px;
  }
  .distance-learning-banner-content .banner-btn {
    margin-top: 25px;
    display: block;
  }
  .distance-learning-banner-content .banner-btn li {
    margin-bottom: 10px;
  }
  .distance-learning-banner-content .banner-btn li:last-child {
    margin-bottom: 0;
  }
  .distance-learning-banner-image .fun {
    position: relative;
    left: 0;
    top: 0;
    transform: unset;
    margin-bottom: 100px;
  }
  .distance-learning-banner-image .fun-wrap {
    position: relative;
    right: 0;
    top: 0;
    margin-bottom: 30px;
  }
  .distance-learning-banner-image .fun-users {
    position: relative;
    right: 0;
    bottom: 0;
  }
  .distance-learning-banner-image .fun-users .inner {
    justify-content: space-between;
  }
  .distance-learning-banner-image .wrap-shape, .distance-learning-banner-image .wrap-shape2 {
    display: none;
  }
  .distance-learning-banner-shape {
    display: none;
  }
  .dl-choose-area {
    padding-top: 50px;
  }
  .dl-choose-area .section-title h2 img {
    bottom: 0;
  }
  .dl-categories-area {
    margin: 0 0;
  }
  .dl-categories-area .section-title .right {
    text-align: start;
  }
  .dl-categories-card {
    padding: 25px;
  }
  .dl-fun-area {
    padding-bottom: 50px;
  }
  .dl-fun-card {
    padding: 25px;
  }
  .dl-fun-card h3 {
    font-size: 30px;
    margin-bottom: 7px;
  }
  .dl-rectangle-inner {
    padding-bottom: 50px;
  }
  .dl-rectangle-inner.pt-140 {
    padding-top: 0;
  }
  .dl-rectangle-inner .rectangle-shape1, .dl-rectangle-inner .rectangle-shape2 {
    display: none;
  }
  .dl-courses-show-hide-style .dl-courses-card {
    display: none;
  }
  .dl-courses-show-hide-style .dl-courses-hover-card {
    position: relative;
    opacity: 1;
    visibility: visible;
  }
  .dl-courses-show-hide-style .dl-courses-hover-card .content {
    padding: 20px;
  }
  .dl-courses-bottom-content {
    margin: 35px auto 0;
  }
  .dl-journey-content h2 {
    font-size: 28px;
    margin-bottom: 20px;
  }
  .dl-journey-content .journey-btn {
    margin-top: 25px;
  }
  .dl-journey-image {
    text-align: center;
  }
  .dl-partner-inner {
    padding: 50px 20px;
  }
  .dl-partner-content {
    margin: 0 auto 30px;
  }
  .dl-partner-content h3 {
    font-size: 20px;
  }
  .dl-partner-lists .col {
    flex: 0 0 auto;
    width: 50%;
  }
  .footer-area.wrap-style2 {
    padding-top: 50px;
    margin-top: 50px;
  }
  .footer-rectangle {
    display: none;
  }
  /* Home Three Responsive */
  .top-header-area .container-fluid {
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    max-width: 540px;
  }
  .online-training-banner-area {
    padding-top: 50px;
    padding-bottom: 145px;
  }
  .online-training-banner-area .container-fluid {
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    max-width: 540px;
  }
  .online-training-banner-left-image {
    text-align: center;
  }
  .online-training-banner-content .sub {
    gap: 5px;
    padding: 5px 7px;
    margin-bottom: 15px;
  }
  .online-training-banner-content h1 {
    font-size: 35px;
    margin-bottom: 20px;
  }
  .online-training-banner-content .banner-btn {
    display: block;
    margin-top: 25px;
  }
  .online-training-banner-content .banner-btn li {
    margin-bottom: 10px;
  }
  .online-training-banner-content .banner-btn li:last-child {
    margin-bottom: 0;
  }
  .online-training-banner-right-image {
    text-align: center;
    margin-left: 0;
  }
  .online-training-banner-right-image .fun {
    gap: 10px;
  }
  .online-training-banner-right-image .fun .content h3 {
    font-size: 20px;
  }
  .ot-fun-inner {
    padding-bottom: 50px;
  }
  .ot-fun-card .content h3 {
    font-size: 27px;
  }
  .ot-fun-card .content p {
    font-size: 14px;
  }
  .ot-fun-box-area .g-0, .ot-fun-box-area .gy-0 {
    --bs-gutter-y: 1rem;
  }
  .ot-fun-box-area .g-0, .ot-fun-box-area .gx-0 {
    --bs-gutter-x: 1rem;
  }
  .ot-fun-box-item {
    height: 100%;
    width: 100%;
    border-radius: 30px;
    padding: 25px;
  }
  .ot-fun-box-item .content {
    left: 0;
  }
  .ot-fun-box-item .content h3 {
    font-size: 35px;
  }
  .ot-fun-box-item .content p {
    font-size: 14px;
  }
  .ot-fun-box-item.wrap2 {
    margin-left: 0;
  }
  .ot-fun-box-item.wrap3 {
    margin-left: 0;
  }
  .ot-fun-box-item.wrap4 {
    margin-left: 0;
  }
  .ot-fun-box-item:hover {
    transform: unset;
  }
  .ot-courses-card .image .info-list {
    gap: 5px;
    left: 20px;
    bottom: 20px;
  }
  .ot-courses-card .image .info-list li {
    gap: 5px;
    padding: 7px 10px;
  }
  .ot-courses-card .image .info-list li span {
    font-size: 12px;
  }
  .ot-partner-content {
    max-width: 1050px;
  }
  .ot-partner-content h2 {
    font-size: 28px;
    margin-bottom: 15px;
  }
  .ot-partner-items {
    margin-left: 0;
  }
  .ot-partner-items .item {
    padding: 10px;
    height: 100%;
    width: 100%;
  }
  .ot-feedback-inner .inner-top {
    padding: 25px;
  }
  .ot-feedback-inner .inner-top .ot-feedback-nav-buttons {
    position: relative;
    right: 0;
    bottom: 0;
    margin-top: 25px;
  }
  .ot-feedback-inner .inner-bottom {
    display: block;
    padding: 25px;
  }
  .ot-feedback-inner .inner-bottom h2 {
    font-size: 28px;
    margin-bottom: 20px;
  }
  .ot-feedback-image {
    height: 350px;
  }
  .ot-feedback-content {
    padding-left: 0;
  }
  .ot-feedback-content .top {
    margin-bottom: 20px;
  }
  .ot-feedback-content p {
    font-size: 15px;
  }
  .ot-feedback-content .info {
    margin-top: 30px;
    padding-right: 0;
  }
  .ot-feedback-content .info h3 {
    font-size: 18px;
  }
  .ot-team-area {
    overflow: hidden;
  }
  .ot-team-card .content {
    margin-top: 20px;
  }
  .ot-team-card .content h3 {
    font-size: 20px;
  }
  .ot-team-card.wrap-style {
    margin-top: 0;
  }
  .faq-image {
    margin-bottom: 0;
  }
  .faq-content .title {
    max-width: 1050px;
    margin-bottom: 30px;
  }
  .faq-content .title h2 {
    font-size: 28px;
  }
  .footer-area.wrap-style3 {
    padding-top: 50px;
  }
  /* Inner Pages Responsive */
  .page-banner-area {
    padding-top: 50px;
    padding-bottom: 85px;
  }
  .page-banner-content h2 {
    font-size: 30px;
  }
  .page-banner-shape1, .page-banner-shape2 {
    display: none;
  }
  .cta-wrap-content h2 {
    font-size: 30px;
  }
  .cta-wrap-shape1, .cta-wrap-shape2 {
    display: none;
  }
  .education-about-area.wrap-style2::before {
    height: 110px;
  }
  .education-about-area.wrap-style2 .education-about-image {
    padding: 0;
  }
  .education-about-area.wrap-style2 .education-about-image .fun-wrap {
    right: 10px;
    top: 10px;
  }
  .education-about-area.wrap-style2 .education-about-image .fun-color-wrap {
    left: 10px;
    bottom: 10px;
  }
  .education-about-rectangle {
    display: none;
  }
  .become-an-instructor-steps {
    padding: 30px;
    margin: 0 auto 30px;
  }
  .become-an-instructor-steps h2 {
    font-size: 25px;
  }
  .become-an-instructor-benefits {
    padding: 30px;
    margin: 0 auto 30px;
  }
  .become-an-instructor-benefits h2 {
    font-size: 25px;
  }
  .become-an-instructor-testimonials {
    padding: 30px;
  }
  .become-an-instructor-testimonials h2 {
    font-size: 25px;
  }
  .become-an-instructor-apply-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .become-an-instructor-apply-form {
    padding: 25px;
  }
  .become-an-instructor-apply-form h2 {
    font-size: 25px;
  }
  .pricing-plans-card {
    padding: 25px;
  }
  .filter-wrapper {
    padding: 20px 15px;
  }
  .showing-team-bar {
    display: block;
  }
  .showing-team-bar .results-text {
    font-size: 15px;
    display: block;
    margin-bottom: 10px;
  }
  .showing-team-bar .search-sort-wrapper {
    display: block;
  }
  .showing-team-bar .search-sort-wrapper .search-box {
    width: 100%;
    margin-bottom: 10px;
  }
  .instructor-details-content {
    padding-left: 0;
  }
  .instructor-details-content h3 {
    font-size: 22px;
  }
  .instructor-details-content .sub {
    font-size: 15px;
  }
  .instructor-details-content .info-rating {
    gap: 2px;
    padding: 5px;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .instructor-details-content .info-list li {
    margin-bottom: 15px;
  }
  .instructor-details-content .content {
    margin-top: 30px;
  }
  .instructor-details-content .content h3 {
    font-size: 22px;
  }
  .instructor-details-content .content .list li {
    margin-bottom: 15px;
  }
  .courses-author-title {
    font-size: 20px;
    margin-bottom: 25px;
  }
  .products-area {
    overflow: hidden;
  }
  .showing-products-bar {
    display: block;
  }
  .showing-products-bar .results-text {
    font-size: 15px;
    display: block;
    margin-bottom: 10px;
  }
  .showing-products-bar .search-sort-wrapper {
    display: block;
  }
  .showing-products-bar .search-sort-wrapper .search-box {
    width: 100%;
    margin-bottom: 10px;
  }
  .products-card .content .sub {
    margin-bottom: 7px;
  }
  .products-card .content h3 {
    font-size: 20px;
  }
  .products-card .content .price {
    font-size: 20px;
    margin-top: 15px;
  }
  .shopping-cart-totals {
    padding: 25px;
  }
  .checkout-form {
    padding: 25px;
  }
  .checkout-sidebar .order-box {
    padding: 25px;
  }
  .checkout-sidebar .payment-container {
    padding: 25px;
  }
  .profile-authentication-inner {
    padding: 20px;
  }
  .forgot-container {
    padding: 20px;
  }
  .products-details-image {
    margin-right: 0;
  }
  .products-details-desc {
    padding-left: 0;
  }
  .products-details-desc h3 {
    margin-bottom: 15px;
    font-size: 28px;
  }
  .products-details-desc .products-add-to-cart {
    margin-top: 20px;
    display: inline-grid;
  }
  .products-details-desc .products-add-to-cart .default-btn {
    margin-top: 10px;
    margin-left: 0;
  }
  .products-details-tabs {
    margin-top: 50px;
  }
  .products-details-tabs .nav {
    margin-bottom: 20px;
  }
  .products-details-tabs .nav .nav-item {
    margin-right: 10px;
  }
  .products-details-tabs .nav .nav-item .nav-link {
    padding: 12px 20px;
  }
  .products-details-tabs .tab-content .tab-pane {
    padding: 20px;
  }
  .products-details-tabs .tab-content .tab-pane .products-reviews h3 {
    margin-bottom: 10px;
    font-size: 18px;
  }
  .products-details-tabs .tab-content .tab-pane .products-reviews .side {
    width: 25%;
  }
  .products-details-tabs .tab-content .tab-pane .products-reviews .side div {
    font-size: 12px;
  }
  .products-details-tabs .tab-content .tab-pane .products-reviews .middle {
    width: 45%;
  }
  .products-details-tabs .tab-content .tab-pane .products-reviews .rating-count span {
    font-size: 14px;
  }
  .products-details-tabs .tab-content .tab-pane .products-review-comments .user-review {
    padding: 20px 0;
  }
  .products-details-tabs .tab-content .tab-pane .products-review-comments .user-review img {
    position: relative;
    left: 0;
    top: 0;
    margin-bottom: 20px;
  }
  .products-details-tabs .tab-content .tab-pane .review-form-wrapper form .form-group {
    margin-bottom: 15px;
  }
  .products-details-tabs .tab-content .tab-pane .review-form-wrapper form .form-group .form-control {
    font-size: 14px;
  }
  .products-details-tabs .tab-content .tab-pane .review-form-wrapper form .comment-form-cookies-consent {
    position: relative;
    padding-left: 22px;
  }
  .products-details-tabs .tab-content .tab-pane .review-form-wrapper form .comment-form-cookies-consent input {
    position: absolute;
    left: 0;
    top: 5.8px;
  }
  .related-products-title {
    font-size: 25px;
    margin-bottom: 25px;
  }
  .faq-tabs .nav .nav-item .nav-link {
    font-size: 17px;
  }
  .events-details-content {
    padding: 20px;
    margin: 0 auto 50px;
  }
  .events-details-content .meta-list {
    gap: 10px;
    margin-bottom: 15px;
  }
  .events-details-content h3 {
    font-size: 25px;
  }
  .events-details-content #timer {
    margin-top: 20px;
  }
  .events-details-content #timer div {
    font-size: 20px;
    margin: 0 5px;
  }
  .events-details-content #timer div::before {
    display: none;
  }
  .events-details-content #timer div span {
    font-size: 14px;
    margin-top: 10px;
  }
  .events-details-desc h3 {
    font-size: 24px;
    margin-bottom: 15px;
  }
  .events-details-info {
    padding: 20px;
  }
  .events-details-info h3 {
    font-size: 18px;
    margin-bottom: 20px;
  }
  .success-story-play .video-btn {
    width: 70px;
    height: 70px;
    line-height: 70px;
    font-size: 30px;
  }
  .success-overview-content .heading-content h3 {
    font-size: 20.5px;
  }
  .success-overview-content .paragraph-content {
    padding-left: 0;
  }
  .improving-card {
    padding: 25px;
  }
  .improving-card h3 {
    font-size: 20.5px;
  }
  .not-found-content h3 {
    font-size: 25px;
  }
  .contact-info-card {
    padding: 25px;
  }
  .contact-info-card p {
    font-size: 14px;
  }
  .contact-us-form {
    padding: 25px;
  }
  .widget-area {
    padding: 20px;
  }
  .widget-area .widget .widget-title {
    font-size: 20.5px;
  }
  .widget-area .widget_categories .list li {
    font-size: 17px;
  }
  .blog-details-desc .content {
    margin-bottom: 25px;
    padding-bottom: 25px;
  }
  .blog-details-desc .content .meta {
    display: block;
  }
  .blog-details-desc .content .meta li {
    margin-right: 0;
    margin-bottom: 12px;
  }
  .blog-details-desc .content .meta li::before {
    display: none;
  }
  .blog-details-desc .content .meta li:last-child {
    margin-bottom: 0;
  }
  .blog-details-desc .reply-form {
    padding: 30px;
  }
  .blog-details-desc .reply-form .reply-content h3 {
    font-size: 25px;
  }
  .showing-courses-bar {
    display: block;
  }
  .showing-courses-bar .results-text {
    font-size: 15px;
    display: block;
    margin-bottom: 10px;
  }
  .showing-courses-bar .search-sort-wrapper {
    display: block;
  }
  .showing-courses-bar .search-sort-wrapper .search-box {
    width: 100%;
    margin-bottom: 10px;
  }
  .showing-courses-bar .search-sort-wrapper .view-list {
    margin-bottom: 10px;
  }
  .courses-list-view-card .image {
    height: 350px;
  }
  .courses-list-view-card .info-content {
    text-align: start;
  }
  .courses-list-view-card .info-content .top {
    justify-content: start;
  }
  .courses-list-view-card .info-content .bottom {
    margin-top: 30px;
  }
  .page-banner-area.course-details-banner {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .course-details-banner-content .list {
    padding: 5px 10px;
    margin-bottom: 15px;
  }
  .course-details-banner-content .list li {
    font-size: 14px;
  }
  .course-details-banner-content h2 {
    font-size: 27px;
    margin-bottom: 15px;
  }
  .course-details-banner-content p {
    margin-bottom: 20px;
  }
  .course-details-banner-content .info-list {
    display: block;
    margin-top: 25px;
  }
  .course-details-banner-content .info-list li {
    margin-right: 0;
    margin-bottom: 12px;
  }
  .course-details-banner-content .info-list li::before {
    display: none;
  }
  .course-details-banner-content .info-list li:last-child {
    margin-bottom: 0;
  }
  .course-details-desc .nav {
    margin-bottom: 30px;
  }
  .course-details-desc .nav .nav-item {
    margin-right: 10px;
  }
  .course-details-desc .nav .nav-item .nav-link {
    font-size: 14px;
  }
  .course-details-desc .courses-overview h2 {
    font-size: 22px;
    margin-bottom: 12px;
  }
  .course-details-desc .courses-overview h3 {
    font-size: 22px;
  }
  .course-details-desc .curriculum h2 {
    font-size: 22px;
  }
  .course-details-desc .curriculum .items .item {
    padding: 15px;
  }
  .course-details-desc .curriculum .items .item .curriculum-title {
    display: block;
  }
  .course-details-desc .curriculum .items .item .curriculum-title .left {
    margin-bottom: 12px;
  }
  .course-details-desc .curriculum .items .item .lesson-list li {
    display: block;
  }
  .course-details-desc .curriculum .items .item .lesson-list li .left {
    margin-bottom: 10px;
  }
  .course-details-desc .instructor .i-content {
    padding-left: 0;
  }
  .course-details-desc .reviews h2 {
    display: block;
    font-size: 22px;
  }
  .course-details-desc .reviews .review-form {
    padding: 25px;
  }
  .course-details-sidebar {
    margin-top: 0;
  }
  .course-details-sidebar .c-image {
    margin: 10px 10px 0 10px;
  }
  .course-details-sidebar .c-content {
    padding: 20px;
  }
  .course-details-sidebar .c-content h3 {
    font-size: 20px;
    margin-bottom: 22px;
  }
  .education-team-area .container-fluid {
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    max-width: 540px;
  }
}
/* Min width 576px to Max width 767px */
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .education-banner-image .mesh-grad {
    left: -100px;
  }
  .courses-show-hide-style .education-courses-card .image .tag-btn {
    left: auto;
    right: 20px;
    bottom: 25px;
  }
  .courses-show-hide-style .education-courses-hover-card .image .tag-btn {
    left: auto;
    right: 20px;
    bottom: 25px;
  }
  .education-overview-right {
    padding: 25px 25px 250px 25px;
  }
}
/* Min width 768px to Max width 991px */
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ptb-140 {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .pt-140 {
    padding-top: 100px;
  }
  .pb-140 {
    padding-bottom: 100px;
  }
  .section-title {
    max-width: 1050px;
  }
  .top-header-content a {
    gap: 5px;
  }
  .education-banner-area {
    padding-top: 100px;
  }
  .education-banner-content {
    max-width: 1050px;
    top: 0;
  }
  .education-banner-image .mesh-grad {
    left: -140px;
    bottom: 0;
  }
  .education-banner-image .trust-review {
    left: 0;
  }
  .education-fun-area {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .education-fun-area .g-5, .education-fun-area .gy-5 {
    --bs-gutter-y: 2rem;
  }
  .education-fun-area .g-5, .education-fun-area .gx-5 {
    --bs-gutter-x: 2rem;
  }
  .education-fun-card {
    padding-top: 0;
    padding-bottom: 0;
  }
  .education-fun-card::before {
    display: none;
  }
  .education-categories-card {
    gap: 15px;
    padding: 12px 20px;
  }
  .education-categories-right {
    max-width: 320px;
    margin: 75px auto 0;
  }
  .education-categories-right .vector-wrap {
    left: 47px;
    bottom: 0;
  }
  .education-about-image {
    margin-right: 0;
  }
  .education-about-image .fun-color-wrap .icon {
    margin-bottom: 12px;
  }
  .education-about-image .fun-color-wrap h3 {
    font-size: 20px;
    margin-bottom: 15px;
  }
  .education-about-image .fun-wrap {
    right: 0;
  }
  .education-about-image .fun-wrap .icon {
    margin-bottom: 12px;
  }
  .education-about-image .fun-wrap h3 {
    font-size: 20px;
    margin-bottom: 15px;
  }
  .education-about-content {
    padding-left: 0;
  }
  .education-courses-area {
    overflow: hidden;
  }
  .courses-show-hide-style .education-courses-card {
    display: none;
  }
  .courses-show-hide-style .education-courses-hover-card {
    position: relative;
    opacity: 1;
    visibility: visible;
  }
  .courses-show-hide-style .education-courses-hover-card .image .tag-btn {
    left: auto;
    right: 20px;
    bottom: 7px;
  }
  .education-courses-tabs .nav .nav-item {
    margin-right: 30px;
  }
  .education-courses-tabs .nav .nav-item .nav-link::before {
    bottom: 15px;
  }
  .education-courses-tabs .inner_tabs {
    display: block;
    margin-bottom: 30px;
  }
  .education-courses-tabs .inner_tabs li {
    margin-bottom: 10px;
  }
  .education-courses-tabs .inner_tabs li:last-child {
    margin-bottom: 0;
  }
  .education-partner-title {
    margin-bottom: 30px;
  }
  .education-works-image {
    margin-right: 0;
  }
  .education-works-content {
    margin-left: 0;
  }
  .education-overview-area {
    overflow: hidden;
  }
  .education-overview-inner {
    padding: 50px 30px;
  }
  .overview-fun-items {
    margin-bottom: 50px;
  }
  .overview-fun-items .fun h3 {
    font-size: 35px;
  }
  .education-overview-content {
    max-width: 1050px;
  }
  .education-overview-content h2 {
    max-width: 1050px;
  }
  .education-overview-content .overview-btn {
    margin-top: 25px;
  }
  .education-overview-wrapper {
    padding: 50px 70px;
  }
  .education-overview-wrapper .overview-nav-buttons {
    margin-top: 25px;
  }
  .education-overview-slide-item .quote {
    margin: 0 auto 20px;
  }
  .education-overview-slide-item .profile {
    margin-top: 30px;
  }
  .education-overview-slide-item .profile .content {
    margin-top: 20px;
  }
  .education-overview-slide-item .profile .content h3 {
    font-size: 18px;
  }
  .education-overview-slide-item .profile .content span {
    margin-top: 7px;
  }
  .education-overview-right {
    padding: 50px 50px 340px 50px;
  }
  .education-overview-right .content {
    max-width: 1050px;
  }
  .education-team-area {
    overflow: hidden;
  }
  .education-team-card.wrap-style {
    margin-top: 0;
  }
  .education-cta-inner {
    padding: 50px 100px;
  }
  .education-blog-content {
    max-width: 1050px;
  }
  .education-blog-content h2 {
    max-width: 1050px;
  }
  .education-blog-content p {
    margin-bottom: 25px;
  }
  .education-blog-card.wrap-style {
    margin-top: 0;
  }
  /* Home Two Responsive */
  .navbar .container-fluid {
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    max-width: 720px;
  }
  .navbar .category-menu {
    display: none;
  }
  .distance-learning-banner-area {
    padding-top: 100px;
  }
  .distance-learning-banner-area .container-fluid {
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    max-width: 720px;
  }
  .distance-learning-banner-content {
    max-width: 1050px;
    top: 0;
  }
  .distance-learning-banner-image .fun {
    left: 0;
  }
  .distance-learning-banner-image .fun .inner {
    gap: 10px;
    padding: 10px 15px;
  }
  .distance-learning-banner-image .fun .inner .content h3 {
    font-size: 25px;
  }
  .distance-learning-banner-image .fun .inner .content p {
    font-size: 14px;
  }
  .distance-learning-banner-image .wrap-shape, .distance-learning-banner-image .wrap-shape2 {
    display: none;
  }
  .distance-learning-banner-shape {
    display: none;
  }
  .dl-choose-area {
    padding-top: 100px;
  }
  .dl-choose-area .section-title h2 img {
    bottom: 0;
  }
  .dl-categories-area {
    margin: 0 0;
  }
  .dl-categories-card {
    padding: 25px;
  }
  .dl-fun-area {
    padding-bottom: 100px;
  }
  .dl-rectangle-inner {
    padding-bottom: 100px;
  }
  .dl-rectangle-inner.pt-140 {
    padding-top: 0;
  }
  .dl-rectangle-inner .rectangle-shape1, .dl-rectangle-inner .rectangle-shape2 {
    display: none;
  }
  .dl-courses-show-hide-style .dl-courses-card {
    display: none;
  }
  .dl-courses-show-hide-style .dl-courses-hover-card {
    position: relative;
    opacity: 1;
    visibility: visible;
  }
  .dl-courses-show-hide-style .dl-courses-hover-card .content {
    padding: 20px;
  }
  .dl-journey-area {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .dl-journey-image {
    text-align: center;
  }
  .dl-partner-inner {
    padding: 100px 50px;
  }
  .dl-partner-content {
    margin: 0 auto 30px;
  }
  .dl-partner-lists .col {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .footer-area.wrap-style2 {
    padding-top: 100px;
    margin-top: 100px;
  }
  .footer-rectangle {
    display: none;
  }
  /* Home Three Responsive */
  .top-header-area .container-fluid {
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    max-width: 720px;
  }
  .online-training-banner-area {
    padding-top: 100px;
    padding-bottom: 180px;
  }
  .online-training-banner-area .container-fluid {
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    max-width: 720px;
  }
  .online-training-banner-left-image {
    text-align: center;
  }
  .online-training-banner-right-image {
    text-align: center;
    margin-left: 0;
  }
  .ot-fun-box-area .g-0, .ot-fun-box-area .gy-0 {
    --bs-gutter-y: -1rem;
  }
  .ot-fun-box-area .g-0, .ot-fun-box-area .gx-0 {
    --bs-gutter-x: -1rem;
  }
  .ot-fun-box-item .content {
    left: 0;
  }
  .ot-fun-box-item:hover {
    transform: unset;
  }
  .ot-partner-content {
    max-width: 1050px;
  }
  .ot-partner-items {
    margin-left: 0;
  }
  .ot-partner-items .item {
    padding: 10px;
    height: 100%;
    width: 100%;
  }
  .ot-feedback-inner .inner-top {
    padding: 50px;
  }
  .ot-feedback-inner .inner-top .ot-feedback-nav-buttons {
    position: relative;
    right: 0;
    bottom: 0;
    margin-top: 25px;
  }
  .ot-feedback-inner .inner-bottom {
    padding: 50px;
  }
  .ot-feedback-image {
    height: 550px;
  }
  .ot-feedback-content {
    padding-left: 0;
  }
  .ot-feedback-content .top {
    margin-bottom: 20px;
  }
  .ot-feedback-content .info {
    margin-top: 30px;
    padding-right: 0;
  }
  .ot-feedback-content .info h3 {
    font-size: 18px;
  }
  .ot-team-area {
    overflow: hidden;
  }
  .ot-team-card .content {
    margin-top: 20px;
  }
  .ot-team-card.wrap-style {
    margin-top: 0;
  }
  .faq-image {
    margin-bottom: 0;
  }
  .faq-content .title {
    max-width: 1050px;
    margin-bottom: 30px;
  }
  .footer-area.wrap-style3 {
    padding-top: 100px;
  }
  /* Inner Pages Responsive */
  .page-banner-shape1 {
    left: 50px;
    max-width: 120px;
  }
  .page-banner-shape2 {
    right: 50px;
    max-width: 120px;
  }
  .cta-wrap-shape1 {
    left: 100px;
    max-width: 150px;
  }
  .cta-wrap-shape2 {
    right: 100px;
    max-width: 150px;
  }
  .pricing-plans-card {
    padding: 25px;
  }
  .instructor-details-content {
    padding-left: 0;
  }
  .products-details-image {
    margin-right: 0;
  }
  .products-details-desc {
    padding-left: 0;
  }
  .events-details-content {
    padding: 35px;
  }
  .success-overview-content .paragraph-content {
    padding-left: 0;
  }
  .blog-details-desc .reply-form {
    padding: 50px;
  }
  .courses-list-view-card .info-content {
    text-align: start;
  }
  .courses-list-view-card .info-content .top {
    justify-content: start;
  }
  .courses-list-view-card .info-content .bottom {
    margin-top: 30px;
  }
  .page-banner-area.course-details-banner .page-banner-shape1 {
    opacity: 0.5;
  }
  .page-banner-area.course-details-banner .page-banner-shape2 {
    opacity: 0.5;
  }
  .course-details-sidebar {
    margin-top: 0;
  }
  .education-team-area .container-fluid {
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    max-width: 720px;
  }
}
/* Min width 992px to Max width 1199px */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ptb-140 {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .pt-140 {
    padding-top: 100px;
  }
  .pb-140 {
    padding-bottom: 100px;
  }
  .navbar .others-option {
    margin-left: 15px;
  }
  .navbar .others-option .option-item {
    margin-right: 15px;
  }
  .navbar .others-option .option-item .search-form {
    position: relative;
    width: 190px;
  }
  .education-banner-image .mesh-grad {
    bottom: 0;
  }
  .education-banner-image .trust-review {
    left: 0;
    padding: 10px;
  }
  .education-fun-area {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .education-fun-area .g-5, .education-fun-area .gy-5 {
    --bs-gutter-y: 1rem;
  }
  .education-fun-area .g-5, .education-fun-area .gx-5 {
    --bs-gutter-x: 1rem;
  }
  .education-fun-card {
    padding-top: 0;
    padding-bottom: 0;
  }
  .education-fun-card::before {
    display: none;
  }
  .education-categories-right .vector-wrap {
    left: -20px;
    bottom: 50px;
    max-width: 150px;
  }
  .education-about-image {
    margin-right: 0;
  }
  .education-about-content {
    padding-left: 0;
  }
  .courses-show-hide-style .education-courses-card {
    display: none;
  }
  .courses-show-hide-style .education-courses-hover-card {
    position: relative;
    opacity: 1;
    visibility: visible;
  }
  .courses-show-hide-style .education-courses-hover-card .image .tag-btn {
    left: auto;
    right: 20px;
    bottom: 25px;
  }
  .education-courses-tabs .nav .nav-item {
    margin-right: 5px;
  }
  .education-courses-tabs .nav .nav-item .nav-link {
    font-size: 15px;
  }
  .education-courses-tabs .inner_tabs li {
    padding: 12px 20px;
  }
  .education-works-content .items .item.wrap2 {
    margin-left: 30px;
  }
  .education-works-content .items .item.wrap3 {
    margin-left: 60px;
  }
  .education-overview-inner {
    padding: 100px 50px;
  }
  .education-overview-wrapper {
    padding: 70px 50px;
  }
  .education-overview-right {
    padding: 70px 50px 300px 50px;
  }
  .education-blog-area .g-5, .education-blog-area .gy-5 {
    --bs-gutter-y: 1rem;
  }
  .education-blog-area .g-5, .education-blog-area .gx-5 {
    --bs-gutter-x: 1rem;
  }
  .single-footer-widget.left-gap {
    padding-left: 0;
  }
  .single-footer-widget .newsletter-form form {
    padding-right: 0;
  }
  .single-footer-widget .newsletter-form form .default-btn {
    position: relative;
    width: 100%;
    margin-top: 10px;
  }
  /* Home Two Responsive */
  .navbar .container-fluid {
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    max-width: 960px;
  }
  .navbar .category-menu .category-dropdown-wrap .ul {
    width: 200px;
  }
  .navbar .category-menu .category-dropdown-wrap .ul .children {
    width: 200px;
  }
  .navbar .category-menu .category-dropdown-wrap .ul .children.course-list {
    width: 315px;
  }
  .distance-learning-banner-area {
    padding-top: 100px;
  }
  .distance-learning-banner-area .container-fluid {
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    max-width: 960px;
  }
  .distance-learning-banner-content {
    max-width: 1050px;
    top: 0;
  }
  .distance-learning-banner-image {
    text-align: center;
  }
  .distance-learning-banner-image .fun {
    left: 0;
  }
  .distance-learning-banner-image .wrap-shape, .distance-learning-banner-image .wrap-shape2 {
    display: none;
  }
  .distance-learning-banner-shape {
    display: none;
  }
  .dl-choose-area {
    padding-top: 100px;
  }
  .dl-choose-area .section-title h2 img {
    bottom: 0;
  }
  .dl-categories-area {
    margin: 0 0;
  }
  .dl-fun-area {
    padding-bottom: 100px;
  }
  .dl-rectangle-inner {
    padding-bottom: 100px;
  }
  .dl-rectangle-inner.pt-140 {
    padding-top: 0;
  }
  .dl-rectangle-inner .rectangle-shape1, .dl-rectangle-inner .rectangle-shape2 {
    display: none;
  }
  .dl-courses-show-hide-style .dl-courses-card {
    display: none;
  }
  .dl-courses-show-hide-style .dl-courses-hover-card {
    position: relative;
    opacity: 1;
    visibility: visible;
  }
  .dl-journey-area {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .dl-journey-image {
    text-align: center;
  }
  .dl-partner-inner {
    padding: 100px 50px;
  }
  .footer-area.wrap-style2 {
    padding-top: 100px;
    margin-top: 100px;
  }
  .footer-rectangle {
    display: none;
  }
  /* Home Three Responsive */
  .top-header-area .container-fluid {
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    max-width: 960px;
  }
  .online-training-banner-area {
    padding-top: 100px;
    padding-bottom: 180px;
  }
  .online-training-banner-area .container-fluid {
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    max-width: 960px;
  }
  .online-training-banner-right-image {
    margin-left: 0;
    padding: 0 0 75px 140px;
  }
  .online-training-banner-right-image .wrap.wrap2 {
    max-width: 100%;
  }
  .ot-fun-box-item {
    height: 255px;
    width: 255px;
    border-radius: 255px;
  }
  .ot-fun-box-item .content {
    left: 0;
  }
  .ot-fun-box-item:hover {
    transform: unset;
  }
  .ot-courses-card .image .info-list {
    gap: 5px;
    left: 20px;
    bottom: 20px;
  }
  .ot-courses-card .image .info-list li {
    gap: 5px;
    padding: 7px 10px;
  }
  .ot-courses-card .image .info-list li span {
    font-size: 12px;
  }
  .ot-partner-content {
    max-width: 1050px;
  }
  .ot-partner-items {
    margin-left: 0;
  }
  .ot-partner-items .item {
    padding: 10px;
    height: 100%;
    width: 100%;
  }
  .ot-feedback-inner .inner-top {
    padding: 50px;
  }
  .ot-feedback-inner .inner-top .ot-feedback-nav-buttons {
    right: 50px;
    bottom: 50px;
  }
  .ot-feedback-inner .inner-bottom {
    padding: 50px;
  }
  .ot-feedback-content {
    padding-left: 20px;
  }
  .ot-feedback-content .top {
    margin-bottom: 20px;
  }
  .ot-feedback-content .info {
    margin-top: 30px;
    padding-right: 0;
  }
  .ot-feedback-content .info h3 {
    font-size: 18px;
  }
  .ot-team-area {
    overflow: hidden;
  }
  .ot-team-card .content {
    margin-top: 20px;
  }
  .ot-team-card.wrap-style {
    margin-top: 0;
  }
  .faq-content .title {
    max-width: 1050px;
    margin-bottom: 30px;
  }
  .footer-area.wrap-style3 {
    padding-top: 100px;
  }
  /* Inner Pages Responsive */
  .pricing-plans-card {
    padding: 25px;
  }
  .checkout-form {
    padding: 25px;
  }
  .checkout-sidebar .order-box {
    padding: 25px;
  }
  .checkout-sidebar .payment-container {
    padding: 25px;
  }
  .products-details-image {
    margin-right: 0;
  }
  .products-details-desc {
    padding-left: 0;
  }
  .events-details-info {
    padding: 25px;
  }
  .events-details-info h3 {
    font-size: 20px;
  }
  .contact-info-card {
    padding: 35px 70px;
  }
  .page-banner-area.course-details-banner .page-banner-shape1 {
    opacity: 0.5;
  }
  .page-banner-area.course-details-banner .page-banner-shape2 {
    opacity: 0.5;
  }
  .course-details-desc .curriculum .items .item {
    padding: 15px;
  }
  .course-details-desc .instructor .i-content {
    padding-left: 0;
  }
  .course-details-desc .instructor .i-content .list {
    margin-top: 15px;
  }
  .course-details-desc .instructor .i-content .list li {
    margin-bottom: 12px;
  }
  .course-details-sidebar .c-image {
    margin: 10px 10px 0 10px;
  }
  .course-details-sidebar .c-content {
    padding: 20px;
  }
  .course-details-sidebar .c-content h3 {
    font-size: 20px;
    margin-bottom: 22px;
  }
  .education-team-area .container-fluid {
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    max-width: 960px;
  }
}
/* Min width 1200px to Max width 1399px */
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  /* Home One Responsive */
  .navbar .navbar-brand {
    padding-right: 10px;
  }
  .navbar .category-menu .category-menu-toggle {
    padding-left: 10px;
  }
  .navbar .navbar-nav .nav-item {
    margin-left: 7px;
    margin-right: 7px;
  }
  .navbar .others-option {
    margin-left: 10px;
  }
  .navbar .others-option .option-item {
    margin-right: 10px;
  }
  .navbar .others-option .option-item .search-form {
    width: 190px;
  }
  .navbar .others-option .option-item .default-btn {
    gap: 7px;
    padding: 10px 12px;
    font-size: 15px;
  }
  .education-fun-area .g-5, .education-fun-area .gy-5 {
    --bs-gutter-y: 2rem;
  }
  .education-fun-area .g-5, .education-fun-area .gx-5 {
    --bs-gutter-x: 2rem;
  }
  .education-fun-card::before {
    right: -5px;
  }
  .courses-show-hide-style .education-courses-card .content {
    padding: 15px;
  }
  .courses-show-hide-style .education-courses-card .content .info-rating {
    gap: 1px;
  }
  .courses-show-hide-style .education-courses-card .content .info-rating li span {
    font-size: 13px;
  }
  .courses-show-hide-style .education-courses-hover-card .content {
    padding: 15px;
  }
  .courses-show-hide-style .education-courses-hover-card .content .info-rating {
    gap: 1px;
  }
  .courses-show-hide-style .education-courses-hover-card .content .info-rating li span {
    font-size: 13px;
  }
  .courses-show-hide-style .education-courses-hover-card .content .info-bottom li .default-btn {
    gap: 10px;
    padding: 15px 20px;
  }
  .single-footer-widget.left-gap {
    padding-left: 35px;
  }
  /* Home Two Responsive */
  .distance-learning-banner-image .fun {
    left: -45px;
  }
  .distance-learning-banner-image .fun .inner {
    gap: 10px;
    padding: 15px 20px;
  }
  .distance-learning-banner-image .fun-wrap {
    right: 0;
  }
  .dl-choose-area {
    padding-top: 30px;
  }
  .dl-categories-area {
    margin: 0 0;
  }
  .dl-fun-area {
    padding-bottom: 30px;
  }
  .dl-fun-card {
    padding: 30px;
  }
  .dl-rectangle-inner.pt-140 {
    padding-top: 50px;
  }
  .footer-area.wrap-style2 {
    padding-top: 200px;
    margin-top: 30px;
  }
  /* Home Three Responsive */
  .online-training-banner-area {
    padding-bottom: 240px;
  }
  .online-training-banner-right-image {
    padding: 0 0 50px 35px;
    margin-left: 0;
  }
  .online-training-banner-right-image .wrap.wrap2 {
    max-width: 130px;
  }
  .online-training-banner-right-image .fun {
    gap: 10px;
  }
  .ot-fun-box-item {
    height: 300px;
    width: 300px;
    border-radius: 300px;
  }
  .ot-partner-items .item {
    height: 100%;
    width: 100%;
  }
  .faq-content .title {
    margin-bottom: 35px;
  }
  .footer-area.wrap-style3 {
    padding-top: 140px;
  }
  /* Inner Pages Responsive */
  .filter-wrapper {
    padding: 20px 15px;
  }
  .filter-wrapper .accordion .accordion-item .accordion-header {
    font-size: 17px;
  }
  .contact-info-card {
    padding: 25px;
  }
  .contact-info-card p {
    font-size: 15px;
  }
  .page-banner-area.course-details-banner .page-banner-shape1 {
    opacity: 0.5;
  }
  .page-banner-area.course-details-banner .page-banner-shape2 {
    opacity: 0.5;
  }
  .course-details-sidebar .c-content {
    padding: 30px;
  }
}
/* Min width 1400px to Max width 1500px */
@media only screen and (min-width: 1400px) and (max-width: 1500px) {
  .navbar .others-option .option-item .search-form {
    width: 210px;
  }
  .dl-rectangle-inner.pt-140 {
    padding-top: 80px;
  }
  .footer-area.wrap-style2 {
    padding-top: 220px;
  }
  .online-training-banner-right-image {
    padding: 0 0 60px 100px;
  }
  .online-training-banner-right-image .wrap.wrap2 {
    max-width: 150px;
  }
  .online-training-banner-right-image .fun {
    gap: 10px;
  }
  /* Inner Pages Responsive */
  .filter-wrapper {
    padding: 20px 15px;
  }
}
/* Min width 1600px */
@media only screen and (min-width: 1920px) {
  .top-header-area .container-fluid {
    padding-left: 110px;
    padding-right: 110px;
  }
  .navbar .container-fluid {
    padding-left: 110px;
    padding-right: 110px;
  }
  .education-banner-shape2 {
    left: 350px;
  }
  .education-banner-shape3 {
    left: 670px;
  }
  .distance-learning-banner-area .container-fluid {
    padding-left: 110px;
    padding-right: 110px;
  }
  .distance-learning-banner-image .fun {
    left: -190px;
    top: 135px;
  }
  .distance-learning-banner-image .fun-wrap {
    right: 120px;
    top: 55px;
  }
  .distance-learning-banner-image .fun-users {
    right: 0;
    bottom: 195px;
  }
  .dl-categories-area {
    margin: 0 110px;
  }
  .online-training-banner-area .container-fluid {
    padding-left: 110px;
    padding-right: 110px;
  }
  .online-training-banner-right-image {
    margin-left: -20px;
  }
  .online-training-banner-right-image .wrap.wrap2 {
    max-width: 180px;
  }
  .education-team-area .container-fluid {
    padding-left: 110px;
    padding-right: 110px;
  }
}