/* Max width 767px
<<<<=====================================================================>>>>*/
@media only screen and (max-width: 767px) {
  /* Global Style
  <<<<=====================>>>>*/
  body {
    font-size: 16px;
  }
  h3 {
    line-height: 28px;
  }
  .ptb-120 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .pt-120 {
    padding-top: 60px;
  }
  .pb-120 {
    padding-bottom: 60px;
  }
  .ptb-100 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .pt-100 {
    padding-top: 60px;
  }
  .pb-100 {
    padding-bottom: 60px;
  }
  .pb-120 {
    padding-bottom: 25px;
  }
  .shape {
    display: none;
  }
  .shape.shape-1 {
    display: block;
    background: #f7fffc;
  }
  .section-title {
    margin-bottom: 35px;
  }
  .section-title .top-title {
    font-size: 13px;
    margin-bottom: 10px;
  }
  .section-title h2 {
    font-size: 30px;
  }
  .section-title.style-two h2 {
    font-size: 30px;
  }
  .section-title.style-three {
    margin-bottom: 35px;
  }
  .section-title.style-three h2 {
    font-size: 30px;
  }
  .main-btn {
    font-size: 14px;
    padding: 12px 25px;
  }
  .main-btn span i {
    width: 30px;
    height: 30px;
    line-height: 30px;
  }
  .more-btn {
    font-size: 16px;
  }
  .navbar-area.style-four {
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * 0.5) !important;
    padding-left: calc(var(--bs-gutter-x) * 0.5) !important;
  }
  .banner-content {
    padding-top: 60px;
  }
  .banner-content h1 {
    font-size: 30px;
  }
  .banner-content .main-btn {
    margin-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .banner-content-three h2 {
    font-size: 35px;
    margin-bottom: 20px;
  }
  .banner-content-three p {
    font-size: 14px;
  }
  .banner-content-three .from-location {
    max-width: 100%;
    margin-top: 30px;
  }
  .banner-area-three {
    padding-top: 70px;
    padding-bottom: 70px;
  }
  .qualified {
    padding: 25px;
  }
  .qualified .user-list {
    margin-bottom: 10px;
  }
  .qualified h3 {
    font-size: 16px;
    margin-bottom: 0;
  }
  .success-wrap {
    padding: 25px;
  }
  .success-wrap p {
    font-size: 18px;
  }
  .partner-title {
    margin-bottom: 30px;
  }
  .banner-content-two .search-form .form-control {
    width: 100%;
    height: 60px;
  }
  .banner-content-two .search-form .form-select {
    width: 100%;
    height: 60px;
  }
  .banner-content-two .search-form .search-btn {
    width: 100%;
    padding: 12px 20px;
    font-size: 16px;
    height: 60px;
  }
  .banner-content-two .top-title {
    margin-bottom: 20px;
  }
  .banner-content-two h2 {
    font-size: 30px;
    line-height: 100.333%;
    margin-bottom: 20px;
  }
  .banner-content-two h2 img {
    display: none;
  }
  .categories-content {
    text-align: center;
  }
  .categories-content h2 {
    font-size: 30px;
  }
  .categories-single-item {
    padding: 15px;
  }
  .categories-single-item h3 {
    font-size: 18px;
  }
  .courses-single-item {
    padding: 15px;
    border-radius: 8px;
  }
  .courses-single-item .courses-img img {
    border-radius: 8px;
  }
  .courses-single-item .courses-content {
    margin-top: 20px;
  }
  .courses-single-item .courses-content .title {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .courses-single-item .courses-content .title h3 {
    font-size: 18px;
  }
  .courses-single-item .courses-content .course-info {
    margin-top: 20px;
  }
  .about-content h2 {
    font-size: 30px;
  }
  .about-content .mb-50 {
    margin-bottom: 20px;
  }
  .about-content .about-info {
    margin-bottom: 20px;
  }
  .about-content .about-info h3 {
    font-size: 18px;
  }
  .choose-us-wrap {
    padding: 25px;
  }
  .testimonial-single-item {
    padding: 20px;
    border-radius: 8px;
  }
  .testimonial-single-item .quat {
    margin-bottom: 20px;
  }
  .testimonial-single-item p {
    font-size: 18px;
  }
  .testimonial-single-item .info {
    margin-top: 20px;
  }
  .testimonial-single-item .info h4 {
    font-size: 16px;
  }
  .testimonial-single-item .info span {
    font-size: 14px;
  }
  .testimonial-slide.owl-carousel .owl-item img {
    width: auto;
  }
  .testimonial-slide.owl-theme .owl-nav {
    position: unset;
    margin-top: 30px !important;
  }
  .more-testimonial {
    margin-top: 20px;
  }
  .more-testimonial h4 {
    font-size: 16px;
  }
  .faq-wrap .accordion-item {
    border: 10px;
  }
  .faq-wrap .accordion-item .accordion-header .accordion-button {
    font-size: 18px;
    padding: 15px;
  }
  .faq-wrap .accordion-item .accordion-body {
    padding: 15px;
  }
  .team-single-item .team-content h3 {
    font-size: 18px;
    margin-bottom: 0;
  }
  .team-single-item .team-content span {
    font-size: 14px;
  }
  .blog-single-item {
    padding: 20px;
  }
  .blog-single-item .blog-img img {
    border-radius: 8px;
  }
  .blog-single-item .blog-content .info {
    gap: 10px !important;
  }
  .blog-single-item .blog-content h3 {
    font-size: 18px;
    margin-bottom: 20px;
  }
  .subscribe-form {
    padding: 30px 20px;
  }
  .subscribe-form h3 {
    font-size: 25px;
  }
  .footer-single-item h3 {
    margin-bottom: 15px;
  }
  .edu-nest-show-slide.owl-theme .owl-nav .owl-prev, .edu-nest-show-slide.owl-theme .owl-nav .owl-next {
    margin: 0 !important;
  }
  .about-content-three {
    padding: 25px;
  }
  .about-content-three h2 {
    font-size: 25px;
    margin-bottom: 20px;
  }
  .about-content-three .main-btn {
    margin-top: 10px;
  }
  .satisfied {
    left: 20px;
    bottom: 20px;
  }
  .top-rated-courses-single-item {
    padding: 20px;
  }
  .top-rated-courses-single-item img {
    margin-bottom: 10px;
  }
  .top-rated-courses-single-item .duration {
    padding: 10px;
    border-radius: 8px;
  }
  .journey-contents {
    max-width: 100%;
  }
  .journey-contents h2 {
    font-size: 30px;
    margin-bottom: 20px;
  }
  .journey-contents .main-btn {
    margin-top: 20px;
  }
  .counter-single-item {
    padding: 20px 10px;
  }
  .counter-single-item p {
    font-size: 13px;
  }
  .counter-single-item h2 {
    font-size: 30px;
  }
  .testimonial-wrap {
    padding: 20px;
  }
  .testimonial-wrap p {
    font-size: 18px;
  }
  .testimonial-wrap .info {
    margin-top: 20px;
  }
  .testimonial-wrap .info h4 {
    font-size: 16px;
  }
  .testimonial-wrap .info span {
    font-size: 14px;
  }
  .team-slide-three.owl-theme .owl-nav .owl-prev, .team-slide-three.owl-theme .owl-nav .owl-next {
    left: 0;
  }
  .team-slide-three.owl-theme .owl-nav .owl-next {
    left: auto;
    right: 0;
  }
  .courses-single-item-two .courses-content {
    padding: 20px;
  }
  .about-content-two p {
    font-size: 15px;
  }
  .about-content-two .about-count h3 {
    font-size: 25px;
    margin-bottom: 10px;
  }
  .about-content-two .about-count span {
    font-size: 14px;
  }
  .about-content-two .main-btn {
    margin-top: 30px;
  }
  .about-us-img-two .completion-rate h2 {
    font-size: 30px;
  }
  .ready-to-enroll-content {
    padding: 25px;
    max-width: 100%;
  }
  .ready-to-enroll-content h2 {
    font-size: 25px;
  }
  .ready-to-enroll-content p {
    font-size: 15px;
  }
  .ready-to-enroll-content .main-btn {
    margin-top: 20px;
  }
  .key-facts-item {
    position: unset;
    margin-bottom: 10px;
    max-width: 100%;
  }
  .key-facts-item h4 {
    font-size: 18px;
  }
  .key-facts-item p {
    font-size: 14px;
  }
  .key-facts-img {
    position: unset !important;
    transform: unset !important;
  }
  .instructor-area .section-title {
    max-width: 100% !important;
  }
  .instructor-area .section-title p {
    margin-left: 0;
  }
  .instructor-area .container-fluid {
    left: unset;
    position: relative;
  }
  .instructor-single-item .instructor-content {
    padding: 15px;
  }
  .instructor-single-item .instructor-content h3 {
    font-size: 20px;
  }
  .testimonials-single-item h3 {
    font-size: 18px;
  }
  .testimonials-single-item p {
    font-size: 15px;
  }
  .testimonials-slide-two.owl-theme .owl-nav {
    bottom: -70px;
  }
  .blog-single-item-two img {
    max-width: 100%;
  }
  .blog-single-item-two h3 {
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 20px;
  }
  .footer-single-item-two .logo {
    margin-bottom: 30px;
  }
  .footer-single-item-two h3 {
    font-size: 20px;
    margin-bottom: 20px;
  }
  .footer-single-item-two .from-location {
    margin-top: 20px;
  }
  .page-banner-content h2 {
    font-size: 28px;
  }
  .experience-content {
    padding: 30px;
  }
  .experience-content h2 {
    font-size: 40px;
    margin-bottom: 10px;
  }
  .blog-title {
    margin-bottom: 30px;
  }
  .blog-title h2 {
    font-size: 24px;
    margin-bottom: 20px;
  }
  .course-title {
    margin-bottom: 30px;
  }
  .course-title h2 {
    font-size: 24px;
    margin-bottom: 20px;
  }
  .blog-details-img {
    margin-bottom: 30px;
  }
  .blog-details-content h3 {
    font-size: 20px;
    margin-top: 30px;
  }
  .leave-comment-form {
    padding: 20px;
    margin-top: 30px;
  }
  .blog-details-right-sidebar {
    margin-left: 0;
  }
  .contact-us-form {
    padding: 25px;
  }
  .contact-us-form h3 {
    font-size: 25px;
  }
  .contact-us-info {
    padding: 25px;
  }
  .contact-us-info h4 {
    font-size: 22px;
  }
  .contact-us-info img {
    width: 50px;
  }
  .faqs-content h3 {
    font-size: 22px;
    margin-top: 40px;
    margin-bottom: 15px;
  }
  .faqs-content .accordion-item .accordion-button {
    padding: 20px;
    border-radius: 10px;
    font-size: 18px;
  }
  .faqs-content .accordion-item .accordion-body {
    padding: 20px;
    padding-top: 0;
  }
  .pricing-single-item {
    padding: 60px 20px;
    padding-top: 30px;
  }
  .pricing-single-item h2 {
    font-size: 25px;
  }
  .instructor-details-content {
    margin-left: 0;
  }
  .instructor-details-content h2 {
    font-size: 20px;
    margin-bottom: 20px;
    margin-top: 40px;
  }
  .course-details-content h2 {
    font-size: 25px;
    margin-top: 40px;
    margin-bottom: 20px;
  }
  .course-details-sidebar {
    padding: 20px;
  }
  .course-details-sidebar h2 {
    margin-bottom: 20px;
    font-size: 25px;
  }
  #list-tab-pane img {
    width: 280px !important;
  }
  .course-details-sidebar2 {
    padding: 20px;
  }
  .login-content .title {
    margin-top: 50px;
  }
  .form-login-form h2 {
    font-size: 30px;
    margin-top: 20px;
  }
  .form-login-form {
    padding: 20px;
  }
  .login-content {
    max-width: 100%;
  }
  /*============= Index Four All Style =====================*/
  .default-btn {
    padding: 10px 20px;
    font-size: 16px;
  }
  .hero-area {
    padding-bottom: 35px;
  }
  .hero-image-info {
    display: none;
  }
  .hero-responsive-image {
    display: block !important;
  }
  .hero-content-info {
    max-width: 100%;
    margin-top: 10px;
    margin-bottom: 25px;
  }
  .hero-content-info .sub-title {
    padding-left: 18px;
    font-size: 15px;
  }
  .hero-content-info .sub-title::before {
    width: 7px;
    height: 7px;
  }
  .hero-content-info h2 {
    font-size: 25px;
    margin-bottom: 10px;
  }
  .hero-content-info p {
    font-size: 16px;
    margin-bottom: 20px;
  }
  .funfact-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .funfact-content {
    margin-bottom: 25px;
  }
  .funfact-content h3 {
    font-size: 16px;
  }
  .course-area .container-fluid {
    max-width: 100%;
    margin-right: 0;
    padding-right: calc(var(--bs-gutter-x) * 0.5) !important;
    padding-left: calc(var(--bs-gutter-x) * 0.5) !important;
  }
  .course-section-title {
    margin-bottom: 25px;
  }
  .course-section-title h2 {
    font-size: 24px;
  }
  .single-course-card {
    padding: 5px;
  }
  .single-course-card .content {
    padding: 12px;
  }
  .single-course-card .content ul {
    margin-bottom: 13px;
  }
  .single-course-card .content ul li {
    font-size: 14px;
    margin-right: 8px;
    padding-left: 18px;
  }
  .single-course-card .content ul li:last-child {
    margin-left: 10px;
  }
  .single-course-card .content h3 {
    margin-bottom: 25px;
  }
  .single-course-card .content h3 a {
    font-size: 18px;
  }
  .single-course-card .content .rateing-info p {
    font-size: 14px;
  }
  .single-course-card .content .rateing-info a {
    padding: 6px 15px;
  }
  .course-slider-info.owl-theme .owl-nav .owl-prev, .course-slider-info.owl-theme .owl-nav .owl-next {
    position: unset;
    font-size: 18px;
    margin-bottom: 25px;
    margin-right: 10px;
  }
  .course-slider-info.owl-theme .owl-nav .owl-prev:last-child, .course-slider-info.owl-theme .owl-nav .owl-next:last-child {
    margin-right: 0;
  }
  .single-mixitup-tab {
    margin-bottom: 25px;
  }
  .single-mixitup-tab .filter {
    font-size: 14px;
    padding: 9px 11px;
    margin-right: 4px;
    margin-bottom: 5px;
  }
  .discover-section-title {
    max-width: 100%;
    margin-bottom: 25px;
  }
  .discover-section-title h2 {
    font-size: 25px;
    margin-bottom: 10px;
  }
  .discover-section-title p {
    font-size: 16px;
    max-width: 100%;
  }
  .single-discover-card {
    padding: 20px;
  }
  .single-discover-card h2 {
    font-size: 28px;
    margin-bottom: 50px;
  }
  .single-discover-card h3 {
    font-size: 18px;
    margin-bottom: 7px;
  }
  .single-discover-card .icon {
    top: 20px;
    right: 20px;
    width: 50px;
    height: 50px;
    font-size: 20px;
    line-height: 50px;
  }
  .single-discover-card .default-btn {
    margin-top: 0;
  }
  .single-discover-card .reviews-item {
    right: 0;
    padding: 15px;
  }
  .single-discover-card .reviews-item .rateing {
    margin-bottom: 10px;
  }
  .single-discover-card .reviews-item .rateing p {
    margin-right: 15px;
  }
  .single-discover-card .discover-shape {
    display: none;
  }
  .single-discover-card.students-info {
    padding: 50px;
  }
  .single-discover-card.students-info .icon {
    width: 45px;
    height: 45px;
    font-size: 20px;
    line-height: 45px;
  }
  .single-discover-card.students-info .icon1 {
    top: 18px;
    left: 18px;
  }
  .single-discover-card.students-info .icon2 {
    left: 18px;
    bottom: 20px;
  }
  .col-lg-4:nth-child(1) .single-discover-card p {
    margin-bottom: 0;
  }
  .col-lg-4:nth-child(2) .single-discover-card .image {
    margin-bottom: 90px;
  }
  .col-lg-4:nth-child(3) .single-discover-card p {
    margin-bottom: 0;
  }
  .skill-section-title {
    max-width: 100%;
    margin-bottom: 25px;
  }
  .skill-section-title h2 {
    font-size: 25px;
    margin-bottom: 10px;
  }
  .skill-section-title p {
    font-size: 16px;
    max-width: 100%;
  }
  .single-skill-card {
    padding: 20px;
  }
  .single-skill-card h2 {
    font-size: 25px;
    margin-bottom: 45px;
  }
  .single-skill-card h3 {
    font-size: 20px;
    margin-bottom: 6px;
  }
  .single-skill-card .icon {
    top: 20px;
    right: 20px;
    width: 50px;
    height: 50px;
    font-size: 20px;
    line-height: 50px;
  }
  .progress-content {
    margin-right: 0;
  }
  .progress-content .title {
    margin-bottom: 30px;
  }
  .progress-content .title h2 {
    font-size: 26px;
    margin-bottom: 10px;
  }
  .progress-content .title p {
    font-size: 16px;
  }
  .progress-image {
    margin-left: 0;
  }
  .single-testimonial-card {
    padding: 20px;
  }
  .single-testimonial-card .star-icon {
    margin-bottom: 13px;
  }
  .single-testimonial-card .star-icon li i {
    font-size: 14px;
  }
  .single-testimonial-card h4 {
    font-size: 16px;
    margin-bottom: 25px;
  }
  .single-testimonial-card .user .content h5 {
    font-size: 16px;
  }
  .learning-content-info {
    padding: 30px;
  }
  .learning-content-info .title {
    max-width: 100%;
  }
  .learning-content-info .title h2 {
    font-size: 24px;
    margin-bottom: 10px;
  }
  .learning-content-info .title .default-btn {
    margin-top: 0;
  }
  .learning-content-info .image1 {
    display: none;
  }
  .learning-content-info .image2 {
    display: none;
  }
  .learning-content-info .image3 {
    display: none;
  }
  .learning-content-info .image4 {
    display: none;
  }
  .learning-content-info .image5 {
    display: none;
  }
  .single-footer-widget h3 {
    font-size: 18px;
    margin-bottom: 10px;
  }
  .col-lg-3:nth-child(1) .single-footer-widget {
    margin-right: 0;
  }
  .col-lg-3:nth-child(2) .single-footer-widget {
    margin-left: 0;
  }
  .col-lg-3:nth-child(3) .single-footer-widget {
    margin-left: 0;
  }
  .col-lg-3:nth-child(4) .single-footer-widget {
    margin-left: 0;
  }
  .single-copyright-content {
    margin-top: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
/* Min width 576px to Max width 767px 
<<<<=====================================================================>>>>*/
@media only screen and (min-width: 576px) and (max-width: 767px) {
  #list-tab-pane img {
    width: 500px !important;
  }
}
/* Min width 768px to Max width 991px 
<<<<=====================================================================>>>>*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
  /* Global Style
  <<<<=====================>>>>*/
  body {
    font-size: 16px;
  }
  h3 {
    line-height: 28px;
  }
  .ptb-120 {
    padding-top: 70px;
    padding-bottom: 70px;
  }
  .pt-120 {
    padding-top: 70px;
  }
  .pb-120 {
    padding-bottom: 70px;
  }
  .ptb-100 {
    padding-top: 70px;
    padding-bottom: 70px;
  }
  .pt-100 {
    padding-top: 70px;
  }
  .pb-100 {
    padding-bottom: 70px;
  }
  .pb-120 {
    padding-bottom: 70px;
  }
  .shape {
    display: none;
  }
  .shape.shape-1 {
    display: block;
    background: #f7fffc;
  }
  .section-title {
    margin-bottom: 35px;
  }
  .section-title .top-title {
    font-size: 13px;
    margin-bottom: 10px;
  }
  .section-title h2 {
    font-size: 35px;
  }
  .section-title.style-two h2 {
    font-size: 35px;
  }
  .section-title.style-three {
    margin-bottom: 35px;
  }
  .section-title.style-three h2 {
    font-size: 35px;
  }
  .main-btn {
    font-size: 14px;
    padding: 12px 25px;
  }
  .main-btn span i {
    width: 30px;
    height: 30px;
    line-height: 30px;
  }
  .more-btn {
    font-size: 16px;
  }
  .navbar-area.style-four {
    max-width: 720px;
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
  }
  .banner-area-three {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .banner-content {
    padding-top: 160px;
  }
  .banner-content h1 {
    font-size: 60px;
  }
  .banner-content .main-btn {
    margin-top: 20px;
    padding-left: 30px;
    padding-right: 30px;
  }
  .banner-content-three h2 {
    font-size: 50px;
    margin-bottom: 20px;
  }
  .banner-content-three .from-location {
    max-width: 100%;
  }
  .banner1 {
    left: 50px;
  }
  .banner2 {
    right: 50px;
  }
  .banner3 {
    left: 0;
  }
  .banner6 {
    right: 0;
  }
  .banner5 {
    right: 50px;
  }
  .banner-content-two .search-form .form-control {
    height: 60px;
    width: 418px;
  }
  .banner-content-two .search-form .form-select {
    height: 60px;
    width: 180px;
  }
  .banner-content-two .search-form .search-btn {
    padding: 12px 20px;
    font-size: 16px;
    height: 60px;
  }
  .banner-content-two .top-title {
    margin-bottom: 20px;
  }
  .banner-content-two h2 {
    font-size: 40px;
    line-height: 100.333%;
    margin-bottom: 40px;
  }
  .banner-content-two h2 img {
    display: none;
  }
  .partner-title {
    margin-bottom: 40px;
  }
  .categories-content {
    text-align: center;
  }
  .categories-content h2 {
    font-size: 35px;
  }
  .categories-single-item {
    padding: 15px;
  }
  .categories-single-item h3 {
    font-size: 18px;
  }
  .courses-single-item {
    padding: 20px;
    border-radius: 10px;
  }
  .courses-single-item .courses-img img {
    border-radius: 10px;
  }
  .about-content h2 {
    font-size: 35px;
  }
  .about-content .mb-50 {
    margin-bottom: 20px;
  }
  .about-content .about-info {
    margin-bottom: 20px;
  }
  .about-content .about-info h3 {
    font-size: 20px;
  }
  .choose-us-wrap {
    padding: 35px;
  }
  .testimonial-single-item {
    padding: 20px;
    border-radius: 8px;
  }
  .testimonial-single-item .quat {
    margin-bottom: 20px;
  }
  .testimonial-single-item p {
    font-size: 18px;
  }
  .testimonial-single-item .info {
    margin-top: 20px;
  }
  .testimonial-single-item .info h4 {
    font-size: 16px;
  }
  .testimonial-single-item .info span {
    font-size: 14px;
  }
  .testimonial-slide.owl-carousel .owl-item img {
    width: auto;
  }
  .more-testimonial {
    margin-top: 20px;
  }
  .more-testimonial h4 {
    font-size: 16px;
  }
  .faq-wrap .accordion-item {
    border-radius: 10px;
  }
  .faq-wrap .accordion-item .accordion-header .accordion-button {
    font-size: 18px;
    padding: 20px;
  }
  .faq-wrap .accordion-item .accordion-body {
    padding: 20px;
  }
  .team-single-item .team-content h3 {
    font-size: 20px;
    margin-bottom: 0;
  }
  .team-single-item .team-content span {
    font-size: 15px;
  }
  .blog-single-item {
    padding: 20px;
  }
  .blog-single-item .blog-img img {
    border-radius: 10px;
  }
  .blog-single-item .blog-content .info {
    gap: 10px !important;
  }
  .blog-single-item .blog-content h3 {
    font-size: 20px;
    margin-bottom: 20px;
  }
  .subscribe-form {
    padding: 50px 20px;
  }
  .subscribe-form h3 {
    font-size: 25px;
  }
  .about-content-three {
    padding: 50px;
  }
  .about-content-three h2 {
    font-size: 35px;
    margin-bottom: 25px;
  }
  .about-content-three .main-btn {
    margin-top: 10px;
  }
  .about-content-two p {
    font-size: 16px;
  }
  .about-content-two .about-count h3 {
    font-size: 30px;
    margin-bottom: 10px;
  }
  .about-content-two .about-count span {
    font-size: 15px;
  }
  .about-content-two .main-btn {
    margin-top: 30px;
  }
  .about-us-img-two .completion-rate h2 {
    font-size: 30px;
  }
  .top-rated-courses-single-item {
    padding: 20px;
  }
  .top-rated-courses-single-item img {
    margin-bottom: 10px;
  }
  .top-rated-courses-single-item .duration {
    padding: 10px;
    border-radius: 8px;
  }
  .journey-contents {
    max-width: 100%;
  }
  .journey-contents h2 {
    font-size: 35px;
    margin-bottom: 25px;
  }
  .journey-contents .main-btn {
    margin-top: 25px;
  }
  .counter-single-item {
    padding: 20px 10px;
  }
  .counter-single-item p {
    font-size: 16px;
  }
  .counter-single-item h2 {
    font-size: 35px;
  }
  .testimonial-wrap {
    padding: 50px;
  }
  .testimonial-wrap p {
    font-size: 20px;
  }
  .testimonial-wrap .info {
    margin-top: 20px;
  }
  .testimonial-wrap .info h4 {
    font-size: 16px;
  }
  .testimonial-wrap .info span {
    font-size: 14px;
  }
  .ready-to-enroll-content {
    padding: 50px;
    max-width: 100%;
  }
  .ready-to-enroll-content h2 {
    font-size: 35px;
  }
  .ready-to-enroll-content p {
    font-size: 16px;
  }
  .ready-to-enroll-content .main-btn {
    margin-top: 20px;
  }
  .instructor-area .section-title {
    max-width: 100% !important;
  }
  .instructor-area .section-title p {
    margin-left: 0;
  }
  .instructor-area .container-fluid {
    left: unset;
    position: relative;
  }
  .instructor-single-item .instructor-content {
    padding: 15px;
  }
  .instructor-single-item .instructor-content h3 {
    font-size: 20px;
  }
  .testimonials-single-item h3 {
    font-size: 18px;
  }
  .testimonials-single-item p {
    font-size: 15px;
  }
  .testimonials-slide-two.owl-theme .owl-nav {
    bottom: -70px;
  }
  .blog-single-item-two h3 {
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 20px;
  }
  .page-banner-content h2 {
    font-size: 35px;
  }
  .experience-content {
    padding: 30px;
  }
  .experience-content h2 {
    font-size: 40px;
    margin-bottom: 10px;
  }
  .blog-details-right-sidebar {
    margin-left: 0;
  }
  .blog-title {
    margin-bottom: 30px;
  }
  .blog-title h2 {
    font-size: 30px;
    margin-bottom: 20px;
  }
  .course-title {
    margin-bottom: 30px;
  }
  .course-title h2 {
    font-size: 30px;
    margin-bottom: 20px;
  }
  .blog-details-img {
    margin-bottom: 30px;
  }
  .blog-details-content h3 {
    font-size: 20px;
    margin-top: 30px;
  }
  .leave-comment-form {
    padding: 20px;
    margin-top: 30px;
  }
  .contact-us-form {
    padding: 40px;
  }
  .contact-us-form h3 {
    font-size: 30px;
  }
  .contact-us-info {
    padding: 40px;
  }
  .contact-us-info h4 {
    font-size: 22px;
  }
  .faqs-content h3 {
    font-size: 22px;
    margin-top: 40px;
    margin-bottom: 15px;
  }
  .faqs-content .accordion-item .accordion-button {
    padding: 20px;
    border-radius: 10px;
    font-size: 18px;
  }
  .faqs-content .accordion-item .accordion-body {
    padding: 20px;
    padding-top: 0;
  }
  .pricing-single-item {
    padding: 60px 30px;
    padding-top: 30px;
  }
  .pricing-single-item h2 {
    font-size: 25px;
  }
  .instructor-details-content {
    margin-left: 0;
  }
  .instructor-details-content h2 {
    font-size: 25px;
    margin-bottom: 20px;
    margin-top: 40px;
  }
  .course-details-content h2 {
    font-size: 25px;
    margin-top: 40px;
    margin-bottom: 20px;
  }
  .course-details-sidebar {
    padding: 20px;
  }
  .course-details-sidebar h2 {
    margin-bottom: 20px;
    font-size: 25px;
  }
  #list-tab-pane img {
    width: 200px !important;
  }
  .login-content .title {
    margin-top: 50px;
  }
  .form-login-form h2 {
    font-size: 30px;
    margin-top: 20px;
  }
  .form-login-form {
    padding: 20px;
  }
  .login-content {
    max-width: 100%;
  }
  /*============= Index Four All Style =====================*/
  .default-btn {
    font-size: 16px;
    padding: 9px 20px;
  }
  .hero-area {
    padding-bottom: 50px;
  }
  .hero-image-info {
    display: none;
  }
  .hero-responsive-image {
    display: block !important;
  }
  .hero-content-info {
    max-width: 540px;
    margin-top: -35px;
  }
  .hero-content-info .sub-title {
    font-size: 16px;
  }
  .hero-content-info .sub-title::before {
    width: 7px;
    height: 7px;
  }
  .hero-content-info h2 {
    font-size: 32px;
  }
  .hero-content-info p {
    font-size: 16px;
    margin-bottom: 15px;
  }
  .funfact-area {
    padding-top: 65px;
    padding-bottom: 65px;
  }
  .funfact-content {
    margin-bottom: 35px;
  }
  .funfact-content h3 {
    font-size: 18px;
  }
  .course-area .container-fluid {
    max-width: 100%;
    margin-right: 0;
    padding-right: calc(var(--bs-gutter-x) * 0.5) !important;
    padding-left: calc(var(--bs-gutter-x) * 0.5) !important;
  }
  .course-section-title {
    margin-bottom: 30px;
  }
  .course-section-title h2 {
    font-size: 30px;
  }
  .single-course-card {
    padding: 5px;
  }
  .single-course-card .content {
    padding: 12px;
  }
  .single-course-card .content ul {
    margin-bottom: 13px;
  }
  .single-course-card .content ul li {
    font-size: 14px;
    margin-right: 8px;
    padding-left: 18px;
  }
  .single-course-card .content ul li:last-child {
    margin-left: 51px;
  }
  .single-course-card .content h3 {
    margin-bottom: 25px;
  }
  .single-course-card .content h3 a {
    font-size: 18px;
  }
  .single-course-card .content .rateing-info p {
    font-size: 14px;
  }
  .single-course-card .content .rateing-info a {
    padding: 6px 15px;
  }
  .course-slider-info.owl-theme .owl-nav .owl-prev, .course-slider-info.owl-theme .owl-nav .owl-next {
    position: unset;
    margin-right: 10px;
  }
  .course-slider-info.owl-theme .owl-nav .owl-next {
    margin-right: 0;
  }
  .single-mixitup-tab {
    margin-bottom: 25px;
  }
  .single-mixitup-tab .filter {
    font-size: 14px;
    padding: 9px 11px;
    margin-right: 4px;
    margin-bottom: 5px;
  }
  .discover-section-title {
    max-width: 600px;
    margin-bottom: 25px;
  }
  .discover-section-title h2 {
    font-size: 35px;
    margin-bottom: 10px;
  }
  .discover-section-title p {
    font-size: 16px;
    max-width: 100%;
  }
  .single-discover-card {
    padding: 25px;
  }
  .single-discover-card h2 {
    font-size: 35px;
    margin-bottom: 50px;
  }
  .single-discover-card h3 {
    font-size: 18px;
    margin-bottom: 7px;
  }
  .single-discover-card .icon {
    top: 20px;
    right: 20px;
    width: 50px;
    height: 50px;
    font-size: 20px;
    line-height: 50px;
  }
  .single-discover-card .default-btn {
    margin-top: 0;
  }
  .single-discover-card .reviews-item {
    top: 207px;
    right: 0;
    padding: 15px;
  }
  .single-discover-card .reviews-item .rateing {
    margin-bottom: 10px;
  }
  .single-discover-card .reviews-item .rateing p {
    margin-right: 15px;
  }
  .single-discover-card .discover-shape {
    display: none;
  }
  .single-discover-card.students-info {
    padding: 50px;
  }
  .single-discover-card.students-info .icon {
    width: 45px;
    height: 45px;
    font-size: 20px;
    line-height: 45px;
  }
  .single-discover-card.students-info .icon1 {
    top: 18px;
    left: 18px;
  }
  .single-discover-card.students-info .icon2 {
    left: 18px;
    bottom: 20px;
  }
  .col-lg-4:nth-child(1) .single-discover-card p {
    margin-bottom: 0;
  }
  .col-lg-4:nth-child(2) .single-discover-card .image {
    margin-bottom: 90px;
  }
  .col-lg-4:nth-child(2) .single-discover-card .image img {
    max-width: 176px;
  }
  .col-lg-4:nth-child(3) .single-discover-card p {
    margin-bottom: 0;
  }
  .skill-section-title {
    max-width: 600px;
    margin-bottom: 25px;
  }
  .skill-section-title h2 {
    font-size: 30px;
    margin-bottom: 10px;
  }
  .skill-section-title p {
    font-size: 16px;
    max-width: 100%;
  }
  .single-skill-card {
    padding: 25px;
  }
  .single-skill-card h2 {
    font-size: 35px;
    margin-bottom: 45px;
  }
  .single-skill-card h3 {
    font-size: 20px;
    margin-bottom: 6px;
  }
  .single-skill-card .icon {
    top: 20px;
    right: 20px;
    width: 50px;
    height: 50px;
    font-size: 20px;
    line-height: 50px;
  }
  .progress-content {
    margin-right: 0;
  }
  .progress-content .title {
    margin-bottom: 30px;
  }
  .progress-content .title h2 {
    font-size: 30px;
    margin-bottom: 10px;
  }
  .progress-content .title p {
    font-size: 16px;
  }
  .progress-image {
    margin-left: 0;
    text-align: center;
  }
  .single-testimonial-card {
    padding: 20px;
  }
  .single-testimonial-card .star-icon {
    margin-bottom: 13px;
  }
  .single-testimonial-card .star-icon li i {
    font-size: 14px;
  }
  .single-testimonial-card h4 {
    font-size: 16px;
    margin-bottom: 25px;
  }
  .single-testimonial-card .user .content h5 {
    font-size: 16px;
  }
  .learning-content-info {
    padding: 40px;
  }
  .learning-content-info .title {
    max-width: 485px;
  }
  .learning-content-info .title h2 {
    font-size: 34px;
    margin-bottom: 10px;
  }
  .learning-content-info .title .default-btn {
    margin-top: 0;
  }
  .learning-content-info .image1 {
    display: none;
  }
  .learning-content-info .image2 {
    display: none;
  }
  .learning-content-info .image3 {
    display: none;
  }
  .learning-content-info .image4 {
    display: none;
  }
  .learning-content-info .image5 {
    display: none;
  }
  .single-footer-widget h3 {
    font-size: 18px;
    margin-bottom: 10px;
  }
  .col-lg-3:nth-child(1) .single-footer-widget {
    margin-right: 0;
  }
  .col-lg-3:nth-child(2) .single-footer-widget {
    margin-left: 0;
  }
  .col-lg-3:nth-child(3) .single-footer-widget {
    margin-left: 0;
  }
  .col-lg-3:nth-child(4) .single-footer-widget {
    margin-left: 0;
  }
  .single-copyright-content {
    margin-top: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
/* Min width 992px to Max width 1199px 
<<<<=====================================================================>>>>*/
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ptb-120 {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .pt-120 {
    padding-top: 100px;
  }
  .pb-120 {
    padding-bottom: 100px;
  }
  /* Main Nav Style
  <<<<=====================>>>>*/
  .navbar-area .navbar-brand {
    margin-right: 30px;
  }
  .navbar-area.style-four {
    max-width: 960px;
  }
  .main-nav .navbar .navbar-nav .nav-item .nav-link {
    font-size: 16px;
    margin-right: 12px;
    margin-left: 12px;
  }
  .nav-right-options ul li {
    margin-right: 10px;
  }
  .nav-right-options ul li .main-btn {
    padding: 10px 20px;
    border-radius: 50px;
  }
  .banner-content h1 {
    font-size: 75px;
  }
  .banner-content-three h2 {
    font-size: 50px;
  }
  .qualified {
    padding: 15px;
  }
  .qualified .user-list {
    margin-bottom: 10px;
  }
  .qualified h3 {
    font-size: 16px;
    margin-bottom: 0;
  }
  .success-wrap {
    padding: 15px;
  }
  .success-wrap p {
    font-size: 16px;
  }
  .categories-content h2 {
    font-size: 40px;
  }
  .categories-single-item {
    padding: 15px;
  }
  .categories-single-item h3 {
    font-size: 18px;
  }
  .section-title h2 {
    font-size: 40px;
  }
  .section-title.style-two h2 {
    font-size: 40px;
  }
  .section-title.style-three {
    margin-bottom: 40px;
  }
  .section-title.style-three h2 {
    font-size: 40px;
  }
  .main-btn {
    padding: 12.5px 25px;
    font-size: 15px;
  }
  .courses-single-item {
    padding: 10px;
    border-radius: 10px;
  }
  .courses-single-item .courses-img img {
    border-radius: 10px;
  }
  .about-content h2 {
    font-size: 40px;
  }
  .about-content .mb-50 {
    margin-bottom: 20px;
  }
  .about-content .about-info {
    margin-bottom: 20px;
  }
  .about-content .about-info h3 {
    font-size: 20px;
  }
  .about-content-two p {
    font-size: 16px;
  }
  .about-content-two .about-count h3 {
    font-size: 30px;
    margin-bottom: 10px;
  }
  .about-content-two .about-count span {
    font-size: 15px;
  }
  .about-content-two .main-btn {
    margin-top: 30px;
  }
  .about-us-img-two .completion-rate h2 {
    font-size: 30px;
  }
  .testimonial-single-item {
    padding: 30px;
    border-radius: 10px;
  }
  .testimonial-single-item .quat {
    margin-bottom: 20px;
  }
  .testimonial-single-item p {
    font-size: 18px;
  }
  .testimonial-single-item .info {
    margin-top: 20px;
  }
  .testimonial-single-item .info h4 {
    font-size: 16px;
  }
  .testimonial-single-item .info span {
    font-size: 14px;
  }
  .faq-wrap .accordion-item {
    border-radius: 10px;
  }
  .faq-wrap .accordion-item .accordion-header .accordion-button {
    font-size: 20px;
    padding: 25px;
  }
  .faq-wrap .accordion-item .accordion-body {
    padding: 15px;
  }
  .team-single-item .team-content h3 {
    font-size: 20px;
    margin-bottom: 0;
  }
  .team-single-item .team-content span {
    font-size: 15px;
  }
  .blog-single-item {
    padding: 20px;
  }
  .blog-single-item .blog-img img {
    border-radius: 10px;
  }
  .blog-single-item .blog-content .info {
    gap: 10px !important;
  }
  .blog-single-item .blog-content h3 {
    font-size: 18px;
    margin-bottom: 20px;
  }
  .subscribe-form {
    padding: 50px 20px;
  }
  .subscribe-form h3 {
    font-size: 25px;
  }
  .about-content-three {
    padding: 50px;
  }
  .about-content-three h2 {
    font-size: 38px;
    margin-bottom: 30px;
  }
  .journey-contents h2 {
    font-size: 40px;
  }
  .counter-single-item {
    padding: 20px 10px;
  }
  .counter-single-item p {
    font-size: 13px;
  }
  .counter-single-item h2 {
    font-size: 30px;
  }
  .testimonial-wrap {
    padding: 50px;
  }
  .ready-to-enroll-content {
    padding-left: 50px;
  }
  .ready-to-enroll-content h2 {
    font-size: 35px;
  }
  .ready-to-enroll-content p {
    font-size: 16px;
  }
  .instructor-area .section-title {
    max-width: 100% !important;
  }
  .instructor-area .section-title p {
    margin-left: 0;
  }
  .instructor-area .container-fluid {
    left: unset;
    position: relative;
  }
  .instructor-single-item .instructor-content {
    padding: 15px;
  }
  .instructor-single-item .instructor-content h3 {
    font-size: 20px;
  }
  .blog-details-right-sidebar {
    margin-left: 0;
  }
  .leave-comment-form {
    padding: 20px;
  }
  .contact-us-form {
    padding: 25px;
  }
  .contact-us-info {
    padding: 40px;
  }
  .pricing-single-item {
    padding: 60px 30px;
  }
  .pricing-single-item h2 {
    font-size: 25px;
  }
  .instructor-details-content {
    margin-left: 0;
  }
  .form-login-form h2 {
    font-size: 30px;
    margin-top: 20px;
  }
  .form-login-form {
    padding: 30px;
  }
  .login-content {
    max-width: 100%;
  }
  /*============= Index Four All Style =====================*/
  .hero-image-info .image img {
    width: auto;
    height: auto;
  }
  .hero-content-info {
    max-width: 582px;
    margin-top: 30px;
  }
  .hero-content-info h2 {
    font-size: 39px;
  }
  .hero-content-info p {
    margin-bottom: 20px;
  }
  .funfact-area {
    padding-top: 70px;
    padding-bottom: 70px;
  }
  .course-area .container-fluid {
    margin-right: -85px;
  }
  .single-course-card {
    padding: 5px;
  }
  .single-course-card .content {
    padding: 15px;
  }
  .single-course-card .content ul {
    margin-bottom: 13px;
  }
  .single-course-card .content ul li {
    font-size: 14px;
    margin-right: 8px;
    padding-left: 18px;
  }
  .single-course-card .content ul li:last-child {
    margin-left: 5px;
  }
  .single-course-card .content h3 {
    margin-bottom: 25px;
  }
  .single-course-card .content h3 a {
    font-size: 18px;
  }
  .single-course-card .content .rateing-info p {
    font-size: 14px;
  }
  .single-course-card .content .rateing-info a {
    padding: 6px 15px;
  }
  .course-section-title {
    margin-bottom: 40px;
  }
  .course-section-title h2 {
    font-size: 35px;
  }
  .course-slider-info.owl-theme .owl-nav .owl-prev, .course-slider-info.owl-theme .owl-nav .owl-next {
    top: -81px;
    right: 200px;
  }
  .course-slider-info.owl-theme .owl-nav .owl-next {
    right: 150px;
  }
  .single-mixitup-tab {
    margin-bottom: 25px;
  }
  .single-mixitup-tab .filter {
    padding: 9px 19px;
    font-size: 15px;
  }
  .discover-section-title {
    max-width: 600px;
    margin-bottom: 25px;
  }
  .discover-section-title h2 {
    font-size: 36px;
    margin-bottom: 10px;
  }
  .discover-section-title p {
    font-size: 16px;
    max-width: 100%;
  }
  .single-discover-card {
    padding: 25px;
  }
  .single-discover-card h2 {
    font-size: 30px;
    margin-bottom: 50px;
  }
  .single-discover-card h3 {
    font-size: 18px;
    margin-bottom: 7px;
  }
  .single-discover-card .icon {
    top: 20px;
    right: 20px;
    width: 50px;
    height: 50px;
    font-size: 20px;
    line-height: 50px;
  }
  .single-discover-card .default-btn {
    margin-top: 0;
  }
  .single-discover-card .reviews-item {
    top: 207px;
    right: 0;
    padding: 15px;
  }
  .single-discover-card .reviews-item .rateing {
    margin-bottom: 10px;
  }
  .single-discover-card .reviews-item .rateing p {
    margin-right: 15px;
  }
  .single-discover-card .discover-shape {
    display: none;
  }
  .single-discover-card.students-info {
    padding: 65px;
  }
  .single-discover-card.students-info .icon {
    width: 45px;
    height: 45px;
    font-size: 20px;
    line-height: 45px;
  }
  .single-discover-card.students-info .icon1 {
    top: 18px;
    left: 18px;
  }
  .single-discover-card.students-info .icon2 {
    left: 18px;
    bottom: 20px;
  }
  .col-lg-4:nth-child(1) .single-discover-card p {
    margin-bottom: 0;
  }
  .col-lg-4:nth-child(2) .single-discover-card .image {
    margin-bottom: 90px;
  }
  .col-lg-4:nth-child(2) .single-discover-card .image img {
    max-width: 176px;
  }
  .col-lg-4:nth-child(3) .single-discover-card p {
    margin-bottom: 0;
  }
  .skill-section-title {
    max-width: 600px;
    margin-bottom: 25px;
  }
  .skill-section-title h2 {
    font-size: 35px;
    margin-bottom: 10px;
  }
  .skill-section-title p {
    font-size: 16px;
    max-width: 100%;
  }
  .single-skill-card {
    padding: 25px;
  }
  .single-skill-card h2 {
    font-size: 35px;
    margin-bottom: 45px;
  }
  .single-skill-card h3 {
    font-size: 20px;
    margin-bottom: 6px;
  }
  .single-skill-card .icon {
    top: 20px;
    right: 20px;
    width: 50px;
    height: 50px;
    font-size: 20px;
    line-height: 50px;
  }
  .progress-content {
    margin-right: 0;
  }
  .progress-content .title {
    margin-bottom: 45px;
  }
  .progress-content .title h2 {
    font-size: 35px;
  }
  .progress-image {
    margin-left: 0;
  }
  .single-testimonial-card {
    padding: 25px;
  }
  .single-testimonial-card .star-icon {
    margin-bottom: 13px;
  }
  .single-testimonial-card .star-icon li i {
    font-size: 14px;
  }
  .single-testimonial-card h4 {
    font-size: 16px;
    margin-bottom: 25px;
  }
  .single-testimonial-card .user .content h5 {
    font-size: 16px;
  }
  .learning-content-info .title h2 {
    font-size: 35px;
  }
  .learning-content-info .image1 {
    top: 67px;
    left: 75px;
  }
  .learning-content-info .image2 {
    left: 120px;
    bottom: 80px;
  }
  .learning-content-info .image3 {
    right: 130px;
  }
  .learning-content-info .image4 {
    right: 70px;
  }
  .learning-content-info .image5 {
    right: 190px;
    bottom: 60px;
  }
  .col-lg-3:nth-child(1) .single-footer-widget {
    margin-right: 0;
  }
  .col-lg-3:nth-child(2) .single-footer-widget {
    margin-left: 65px;
  }
  .col-lg-3:nth-child(3) .single-footer-widget {
    margin-left: 20px;
  }
  .col-lg-3:nth-child(4) .single-footer-widget {
    margin-left: -10px;
  }
}
/* Min width 1200px to Max width 1320px 
<<<<=====================================================================>>>>*/
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  /* Main Nav Style
  <<<<=====================>>>>*/
  .navbar-area .navbar-brand {
    margin-right: 30px;
  }
  .navbar-area.style-four {
    max-width: 1140px;
  }
  .nav-right-options ul li {
    margin-right: 10px;
  }
  .nav-right-options ul li .main-btn {
    padding: 17px;
  }
  .qualified {
    padding: 20px;
  }
  .qualified .user-list {
    margin-bottom: 20px;
  }
  .qualified h3 {
    font-size: 20px;
  }
  .success-wrap {
    padding: 20px;
  }
  .success-wrap p {
    font-size: 19px;
  }
  .categories-content h2 {
    font-size: 50px;
  }
  .categories-single-item {
    padding: 20px;
  }
  .categories-single-item h3 {
    font-size: 20px;
  }
  .courses-single-item {
    padding: 20px;
    border-radius: 10px;
  }
  .courses-single-item .courses-img img {
    border-radius: 10px;
  }
  .about-content h2 {
    font-size: 40px;
  }
  .about-content .mb-50 {
    margin-bottom: 20px;
  }
  .about-content .about-info {
    margin-bottom: 20px;
  }
  .about-content .about-info h3 {
    font-size: 20px;
  }
  .testimonial-single-item {
    padding: 30px;
    border-radius: 10px;
  }
  .testimonial-single-item .quat {
    margin-bottom: 20px;
  }
  .testimonial-single-item p {
    font-size: 20px;
  }
  .testimonial-single-item .info {
    margin-top: 20px;
  }
  .testimonial-single-item .info h4 {
    font-size: 16px;
  }
  .testimonial-single-item .info span {
    font-size: 14px;
  }
  .subscribe-form {
    padding: 50px 20px;
  }
  .subscribe-form h3 {
    font-size: 30px;
  }
  .counter-single-item {
    padding: 25px 15px;
  }
  .counter-single-item p {
    font-size: 15px;
  }
  .counter-single-item h2 {
    font-size: 45px;
  }
  .banner-content-three h2 {
    font-size: 60px;
  }
  .courses-single-item-two .courses-content {
    padding: 20px;
  }
  .ready-to-enroll-content {
    padding-left: 50px;
  }
  .ready-to-enroll-content h2 {
    font-size: 35px;
  }
  .ready-to-enroll-content p {
    font-size: 16px;
  }
  .blog-single-item-two h3 {
    font-size: 20px;
  }
  /*============= Index Four All Style =====================*/
  .hero-content-info h2 {
    font-size: 45px;
  }
  .course-area .container-fluid {
    margin-right: -85px;
  }
  .single-course-card {
    padding: 5px;
  }
  .single-course-card .content {
    padding: 15px;
  }
  .single-course-card .content ul {
    margin-bottom: 13px;
  }
  .single-course-card .content ul li {
    font-size: 13px;
    margin-right: 8px;
    padding-left: 18px;
  }
  .single-course-card .content ul li:last-child {
    margin-left: 0px;
  }
  .single-course-card .content h3 {
    margin-bottom: 25px;
  }
  .single-course-card .content h3 a {
    font-size: 18px;
  }
  .single-course-card .content .rateing-info p {
    font-size: 14px;
  }
  .single-course-card .content .rateing-info a {
    padding: 6px 15px;
  }
  .course-section-title {
    margin-bottom: 40px;
  }
  .course-section-title h2 {
    font-size: 35px;
  }
  .course-slider-info.owl-theme .owl-nav .owl-prev, .course-slider-info.owl-theme .owl-nav .owl-next {
    top: -81px;
    right: 200px;
  }
  .course-slider-info.owl-theme .owl-nav .owl-next {
    right: 150px;
  }
  .single-discover-card {
    padding: 30px;
  }
  .single-discover-card h2 {
    font-size: 35px;
  }
  .single-discover-card h3 {
    font-size: 22px;
  }
  .col-lg-4:nth-child(2) .single-discover-card .image {
    margin-bottom: 76px;
  }
  .col-lg-4:nth-child(2) .single-discover-card .image img {
    max-width: 240px;
  }
  .single-skill-card {
    padding: 35px;
  }
  .single-skill-card h2 {
    font-size: 35px;
  }
  .single-skill-card h3 {
    font-size: 20px;
  }
  .single-skill-card .icon {
    top: 30px;
    right: 30px;
    width: 60px;
    height: 60px;
    line-height: 60px;
  }
  .progress-content {
    margin-right: 10px;
  }
  .progress-content .title {
    margin-bottom: 50px;
  }
  .progress-image {
    margin-left: 10px;
  }
}
/* Min width 1400px to Max width 1799px 
<<<<=====================================================================>>>>*/
@media only screen and (min-width: 1400px) and (max-width: 1799px) {
  .single-course-card .content ul {
    margin-bottom: 13px;
  }
  .single-course-card .content ul li {
    font-size: 14px;
    margin-right: 8px;
    padding-left: 18px;
  }
  .single-course-card .content ul li:last-child {
    margin-left: 22px;
  }
}
/* Min width 1400px
<<<<=====================================================================>>>>*/
@media only screen and (min-width: 1400px) {
  .mw-1345 {
    max-width: 1345px;
  }
  /* Main Nav Style
  <<<<=====================>>>>*/
  .navbar-area .navbar-brand {
    margin-right: 30px;
  }
  .nav-right-options ul li .main-btn {
    padding: 17px 35px;
  }
  .banner-img8 {
    margin-left: -19px;
  }
  .qualified-success-wrap {
    margin-left: -19px;
    margin-right: 19px;
  }
  .banner-img7 {
    margin-right: 19px;
  }
  .categories-wrap {
    max-width: 790px;
    margin-left: auto;
  }
  .about-img {
    max-width: 620px;
  }
  .about-content {
    margin-left: 60px;
  }
}
/* Medium devices (tablets, 768px and up) Only Mobil Menu
<<<<=====================================================================>>>>*/
@media only screen and (max-width: 991px) {
  /* Navbar Style
  <<<<=====================>>>>*/
  .navbar-area {
    z-index: 2;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .navbar-area .dropdown-toggle::after {
    display: none;
  }
  .navbar-area .mobile-nav {
    display: block;
  }
  .navbar-area .mobile-nav .mobile-menu {
    position: relative;
  }
  .navbar-area .mobile-nav .mobile-menu .logo {
    position: relative;
    z-index: 2;
    max-width: 120px;
    font-size: 30px;
    line-height: 1;
  }
  .navbar-area .mobile-nav .mobile-menu .logo span {
    color: var(--mainColor);
  }
  .navbar-area .mobile-nav .mobile-menu .logo a {
    text-decoration: none;
    font-weight: 700;
  }
  .navbar-area .mobile-nav .mobile-menu.mean-container .mean-nav {
    margin-top: 46px;
    background-color: var(--whiteColor);
    box-shadow: var(--boxShadow);
  }
  .navbar-area .mobile-nav .mobile-menu.mean-container .mean-nav ul {
    border: none !important;
    background-color: var(--whiteColor);
  }
  .navbar-area .mobile-nav .mobile-menu.mean-container .mean-nav ul li a {
    border-top-color: #efefef;
    color: var(--headingColor) !important;
    font-size: 15px;
    font-weight: 500;
    text-transform: capitalize;
  }
  .navbar-area .mobile-nav .mobile-menu.mean-container .mean-nav ul li a.active {
    color: var(--mainColor) !important;
  }
  .navbar-area .mobile-nav .mobile-menu.mean-container .mean-nav ul li a.mean-expand {
    width: 100%;
    height: 28px;
    text-align: right;
    padding: 11px !important;
    background: transparent !important;
    border-left: none !important;
    border-bottom: none !important;
  }
  .navbar-area .mobile-nav .mobile-menu.mean-container .meanmenu-reveal {
    top: 0;
    padding: 0;
    width: 35px;
    height: 30px;
    padding-top: 1px;
    color: var(--mainColor);
  }
  .navbar-area .mobile-nav .mobile-menu.mean-container .meanmenu-reveal span {
    background: var(--mainColor);
    height: 4px;
    margin-top: -6px;
    border-radius: 0;
    position: relative;
    top: 8px;
  }
  .navbar-area .mobile-nav .mobile-menu.mean-container .mean-bar {
    background: transparent;
    position: absolute;
    z-index: 2;
    padding: 0;
  }
  .navbar-area .main-nav {
    display: none !important;
  }
  .nav-right-options {
    position: absolute;
    right: 50px;
    top: -5px;
  }
  .nav-right-options ul li {
    margin-right: 0;
  }
  .nav-right-options ul li .main-btn {
    padding: 8px 15px;
    border-radius: 50px;
  }
  .nav-right-options ul li .main-btn i {
    font-size: 12px;
  }
  .nav-right-options ul li .main-btn.style-two {
    padding: 5px !important;
    margin-left: 10px;
  }
  .nav-right-options ul li .main-btn.style-two i {
    width: 25px;
    height: 25px;
  }
}/*# sourceMappingURL=responsive.css.map */

/* begin fix for unclickable button in mobile view */
.mean-bar {
  pointer-events: none;
}

.mean-bar a,
.mean-bar button,
.mean-bar i {
  pointer-events: auto;
}
/* end fix for unclickable button in mobile view */
.lang-btn {
  padding: 6px 14px;
  border: 2px solid #ccc;
  background: white;
  cursor: pointer;
  border-radius: 6px;
  transition: all 0.2s ease;
}

.lang-btn.active {
  border-color: #2e7d32;
  background: #e8f5e9;
  font-weight: bold;
}