/* Max width 767px */
@media only screen and (max-width: 767px) {
  p {
    font-size: var(--mobile-font-size);
  }
  .ptb-100, .course-archive-page {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .pt-100 {
    padding-top: 60px;
  }
  .pb-100 {
    padding-bottom: 60px;
  }
  .pb-70 {
    padding-bottom: 30px;
  }
  .pl-15 {
    padding-left: 0;
  }
  .pr-15 {
    padding-right: 0;
  }
  .pb-150 {
    padding-bottom: 60px;
  }
  .ml-15 {
    margin-left: 0;
  }
  .mr-15 {
    margin-right: 0;
  }
  .default-btn {
    font-size: 14px;
    padding: 9px 15px;
  }
  .default-btn img {
    margin-left: 10px;
  }
  .read-more {
    font-size: 14px;
  }
  .form-control {
    height: 50px;
  }
  .form-control::-moz-placeholder {
    font-size: 14px;
  }
  .form-control::placeholder {
    font-size: 14px;
  }
  .header-right-content li .search-form .src-btn .search-normal-hover {
    top: 11px;
    left: 12px;
  }
  .shape {
    display: none;
  }
  /** Banner Area Style **/
  .banner-area .container-fluid {
    padding-left: 12px;
    padding-right: 12px;
  }
  .banner-area.bg-1 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .banner-area.bg-2 {
    padding-top: 60px;
    padding-bottom: 0;
  }
  .banner-area.bg-2 .banner-bg-shape {
    display: none;
  }
  .banner-area.bg-3 {
    padding-top: 60px;
    padding-bottom: 0;
  }
  .banner-area.bg-3 .banner-img-2 {
    max-width: 420px;
    margin: auto;
    position: unset;
    margin-top: 30px;
    text-align: center;
  }
  .banner-area.bg-3 .banner-img-2 .shape-6 {
    display: none;
  }
  .banner-content h1 {
    font-size: 34px;
    margin-bottom: 30px;
    line-height: normal !important;
  }
  .banner-content h1 .mark-text {
    font-size: 34px;
    line-height: normal;
  }
  .banner-content h1 .mark-text::before {
    display: none;
  }
  .banner-content .client-wrap {
    display: block !important;
    margin-bottom: 30px;
  }
  .banner-content .client-wrap .client-list {
    margin-bottom: 10px;
  }
  .banner-content .client-wrap p {
    margin-left: 0;
  }
  .banner-content .client-wrap p span {
    font-size: 16px;
    top: 1px;
  }
  .banner-content.style-two h1 {
    font-size: 34px;
  }
  .banner-content.style-two h1 span {
    font-size: 34px;
    font-weight: 800;
  }
  .banner-content.style-two .client-wrap .shape-5 {
    display: none;
  }
  .banner-img .img-shape {
    display: none;
  }
  .banner-img.ml-30 {
    margin-left: 0;
    margin-bottom: 30px;
  }
  .quick-register-form {
    padding: 20px;
    margin-top: 30px;
  }
  .quick-register-form h3 {
    font-size: 22px;
    margin-bottom: 20px;
  }
  .quick-register-form .form-group .form-control {
    height: 50px;
  }
  .quick-register-form .default-btn {
    padding: 15px 30px;
  }
  /** About Area Style **/
  .about-content-wrap h2 {
    font-size: 27px;
    margin-bottom: 30px;
    line-height: normal !important;
  }
  .about-content-wrap .about-content {
    margin-left: 0;
    margin-bottom: 30px;
  }
  .about-content-wrap .about-content .default-btn {
    margin-top: 10px;
  }
  .about-content-wrap .about-content.style-two .nav-tabs {
    margin-bottom: 20px;
  }
  .about-content-wrap .about-content.style-two .nav-tabs .nav-item .nav-link {
    font-size: 15px;
    padding: 10px 10px;
  }
  .about-img-1 {
    margin-bottom: 30px;
    text-align: center;
  }
  .about-img-2 {
    text-align: center;
  }
  .about-img-2 .best {
    display: none;
  }
  .about-img-2 .call-us {
    padding: 30px;
    padding-left: 90px;
  }
  .about-img-2 .call-us {
    margin-top: 30px;
    text-align: left;
  }
  .about-img-2 .call-us img {
    top: 35px;
    left: 30px;
  }
  /** Section Area Style **/
  .section-title {
    margin: -8px auto 30px;
  }
  .section-title h2 {
    font-size: 27px;
    line-height: normal !important;
  }
  .section-title.w-870 {
    width: auto;
  }
  .section-title .title-shape {
    display: none;
  }
  .br {
    display: none;
  }
  .section-title-and-btn {
    display: block !important;
  }
  .section-title-and-btn h2 {
    font-size: 27px;
    margin-bottom: 20px;
    line-height: normal !important;
  }
  /** Courses Area Style **/
  .courses-area .container-fluid {
    padding-left: 12px;
    padding-right: 12px;
  }
  .single-courses .courses-content {
    padding: 20px 0;
    padding-bottom: 0;
  }
  .single-courses .courses-content h3 {
    margin-bottom: 12px;
    font-size: 22px;
  }
  .single-courses .courses-content p {
    margin-bottom: 20px;
  }
  /** Information Area Style **/
  .information-wrap {
    padding: 0;
  }
  .information-wrap::before {
    display: none;
  }
  .information-img {
    margin-bottom: 30px;
  }
  .information-content {
    margin-left: 0;
  }
  .information-content h2 {
    font-size: 27px;
    margin-bottom: 25px;
    line-height: normal !important;
  }
  .information-content .default-btn {
    margin-top: 10px;
  }
  /** Subject Area Style **/
  .single-subject {
    font-size: 22px;
  }
  /** See How Area Style **/
  .see-how-area::before {
    height: 50%;
  }
  .see-how-area .shape-1 {
    display: none;
  }
  .see-how-content .video-wrapper {
    width: 100%;
  }
  .see-how-content .background-video {
    width: 100%;
  }
  /** FAQ Area Style **/
  .faq-area {
    padding-top: 0;
  }
  .faq-content {
    margin-right: 0;
    margin-bottom: 30px;
  }
  .faq-content h2 {
    font-size: 27px;
    margin-bottom: 25px;
    line-height: normal !important;
  }
  .faq-content .accordion .accordion-item .accordion-header .accordion-button {
    font-size: 16px;
  }
  .faq-content.style-two {
    margin-left: 0;
    margin-top: 30px;
  }
  .faq-content.style-two h2 .title-shape {
    display: none;
  }
  .faq-img {
    margin-left: 0;
  }
  /** Main Info Area Style **/
  .main-info-area {
    padding-bottom: 30px;
  }
  .main-info-area .container-fluid {
    max-width: 540px;
  }
  .main-info-area .p-0 {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
  .single-main-info {
    position: relative;
    z-index: 1;
    margin-bottom: 15px;
  }
  .single-main-info::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: -1;
  }
  .single-main-info .main-info-content {
    padding: 30px;
    position: unset;
    max-width: 100%;
    text-align: center;
  }
  .single-main-info .main-info-content h3 {
    font-size: 19px;
    margin-bottom: 10px;
  }
  .single-main-info .main-info-content p {
    margin-bottom: 15px;
  }
  /** Testimony Area Style **/
  .single-testimony {
    margin-top: 0;
  }
  .single-testimony .d-flex {
    display: block !important;
  }
  .single-testimony p {
    font-size: 16px;
  }
  .single-testimony .ms-3 {
    margin-left: 0 !important;
  }
  .testimony-slide.owl-carousel .owl-item img {
    margin: auto;
    margin-bottom: 20px;
  }
  .testimony-slide.owl-theme .owl-nav {
    margin-top: 30px !important;
  }
  .testimony-slide.owl-theme .owl-nav .owl-prev, .testimony-slide.owl-theme .owl-nav .owl-next {
    width: 35px;
    height: 35px;
    line-height: 35px;
    font-size: 20px;
    position: unset;
    transform: unset;
    margin: 5px;
  }
  .testimony-slide.owl-theme .owl-dots {
    display: none;
  }
  .testimony-area .container-fluid {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
  .testimony-slider-two.owl-theme .owl-dots {
    margin-right: 0;
    margin-top: 0;
  }
  .testimony-slider-two.owl-theme .owl-nav {
    display: none;
  }
  .testimony-slider-two .single-testimony-style-two {
    padding: 20px;
  }
  /** Articles Area Style **/
  .articles-area .container-fluid {
    left: unset;
  }
  .single-articles .articles-img {
    margin-bottom: 20px;
  }
  .single-articles span {
    margin-bottom: 20px;
    font-size: 15px;
  }
  .single-articles h3 {
    margin-bottom: 20px;
  }
  .single-articles h3 a {
    font-size: 20px;
  }
  .articles-slider.owl-theme .owl-nav {
    margin-top: 0 !important;
    margin-bottom: 25px !important;
    position: unset;
    text-align: center;
  }
  .articles-slider.owl-theme .owl-nav .owl-prev, .articles-slider.owl-theme .owl-nav .owl-next {
    width: 35px;
    height: 35px;
    line-height: 35px;
    font-size: 20px;
    margin: 5px;
  }
  .articles-slider.owl-theme .owl-dots {
    display: none;
  }
  /** Subscribe Area Style **/
  .subscribe-bg-wrap {
    padding: 30px;
  }
  .subscribe-content h2 {
    margin-bottom: 20px;
    font-size: 27px;
    line-height: normal !important;
  }
  .subscribe-content .newsletter-form .form-control {
    height: 50px;
  }
  .subscribe-content .newsletter-form .default-btn {
    position: unset;
    margin-top: 15px;
    width: 100%;
    display: block;
  }
  /** Tailored Area Style **/
  .single-tailored {
    padding: 30px;
    background-color: var(--white-color);
  }
  .single-tailored img {
    margin-bottom: 25px;
  }
  .single-tailored h3 {
    font-size: 20px;
    margin-bottom: 17px;
  }
  /** Team Area Style **/
  .single-team .team-info h3 {
    font-size: 22px;
  }
  .team-slide.owl-theme .owl-nav {
    margin-top: 0px !important;
    margin-bottom: 30px !important;
  }
  .team-slide.owl-theme .owl-nav .owl-prev, .team-slide.owl-theme .owl-nav .owl-next {
    width: 35px;
    height: 35px;
    line-height: 35px;
    font-size: 20px;
    position: unset;
    transform: unset;
    margin: 5px;
  }
  /** The Best Area Style **/
  .the-best-img {
    margin-bottom: 30px;
    text-align: center;
  }
  .the-best-content {
    margin-left: 0;
  }
  .the-best-content h2 {
    font-size: 27px;
    margin-bottom: 15px;
    line-height: normal !important;
  }
  .the-best-content h2 .title-shape {
    display: none;
  }
  .the-best-content p {
    margin-bottom: 20px;
  }
  /** Online Class Area Style **/
  .online-class-slider.owl-theme .owl-nav {
    margin-top: 0px !important;
    margin-bottom: 30px !important;
  }
  .online-class-slider.owl-theme .owl-nav .owl-prev, .online-class-slider.owl-theme .owl-nav .owl-next {
    width: 35px;
    height: 35px;
    line-height: 35px;
    font-size: 20px;
    position: unset;
    transform: unset;
    margin: 5px;
  }
  /* Page Banner Style */
  .page-banner-wrap {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .page-banner-content h2 {
    font-size: 30px;
    margin-bottom: 10px;
    line-height: normal !important;
  }
  .page-banner-content .breadcrumb .breadcrumb-item {
    font-size: 12px;
  }
  /* Widget Sidebar Style */
  .widget-sidebar {
    margin-right: 0;
  }
  .widget-sidebar .sidebar-widget {
    margin-bottom: 40px;
  }
  .widget-sidebar .sidebar-widget.tags .tag-list li a {
    padding: 10px;
  }
  /* Pagination Style */
  .pagination-area .page-numbers {
    width: 45px;
    height: 45px;
    line-height: 45px;
  }
  /* Counter Style */
  .single-counter h2 {
    font-size: 40px;
    line-height: normal !important;
  }
  .single-counter h2 .target {
    margin-left: -10px;
    top: 2px;
  }
  .single-counter p {
    letter-spacing: 0.4em;
  }
  /* Register Style */
  .register-img {
    margin-bottom: 30px;
    text-align: center;
  }
  .register-form h2 {
    font-size: 27px;
    text-align: center;
    line-height: normal !important;
  }
  .register-tab .nav-item .nav-link {
    padding: 14px 35px;
    font-size: 16px;
  }
  /* Error Style */
  .error-content h3 {
    font-size: 25px;
  }
  /* Coming Soon Style */
  .coming-soon-content {
    padding: 20px;
  }
  .coming-soon-content .text-start {
    text-align: center !important;
    margin-bottom: 30px;
  }
  .coming-soon-content h2 {
    font-size: 25px;
    line-height: normal !important;
  }
  .coming-soon-content .col-lg-3.col-sm-4 {
    order: 1;
  }
  .coming-soon-content .newsletter-form .default-btn {
    padding: 17px 15px;
  }
  /* Contact Style */
  .single-contact-info {
    display: block !important;
    text-align: center;
  }
  .single-contact-info img {
    margin-bottom: 20px;
  }
  .contact-form {
    padding: 30px;
  }
  .contact-form h3 {
    font-size: 27px;
    margin-bottom: 20px;
  }
  .contact-form .form-check label {
    font-size: 13px;
  }
  .contact-form .form-check-input {
    top: 0;
  }
  .contact-form .form-group {
    margin-bottom: 20px;
  }
  /* Course Details Style */
  .course-details-content .time {
    font-size: 15px;
  }
  .course-details-content h2 {
    font-size: 24px;
    line-height: normal !important;
  }
  .course-details-content .course-duration li {
    padding: 10px;
  }
  .course-details-content .message-follow li {
    margin-right: 2px;
  }
  .course-details-content .message-follow li .default-btn img {
    max-width: 13px;
  }
  .course-details-content .author-rating {
    display: block !important;
    padding-left: 0 !important;
  }
  .course-details-content .tutor-ratings {
    padding-left: 40px;
  }
  .course-details-content .tutor-course-bookmark .default-btn {
    font-size: 20px !important;
  }
  .course-details-img {
    height: 300px;
    margin-left: 0;
    margin-top: 30px;
  }
  .available-title {
    margin-bottom: 30px;
  }
  .available-title h2 {
    font-size: 27px;
    margin-bottom: 0;
    line-height: normal !important;
  }
  .single-available-times {
    padding: 20px;
  }
  .single-available-times h3 {
    margin-bottom: 15px;
  }
  .single-available-times .default-btn {
    text-align: center;
    display: block;
  }
  .single-available-times .default-btn img {
    display: none;
  }
  .single-available-times ul {
    margin-bottom: 20px;
  }
  .available-slider.owl-theme .owl-nav {
    margin-top: 30px !important;
    margin-bottom: 0 !important;
    position: unset;
    text-align: center;
  }
  .available-slider.owl-theme .owl-nav .owl-prev, .available-slider.owl-theme .owl-nav .owl-next {
    width: 35px;
    height: 35px;
    line-height: 35px;
    font-size: 20px;
    margin: 5px;
    position: unset;
    transform: unset;
    margin-top: 0;
    margin-bottom: 0;
  }
  .description-title {
    margin-bottom: 30px;
  }
  .description-title h3 {
    font-size: 27px !important;
    margin-bottom: 0;
  }
  .description-content .accordion .accordion-item .accordion-header .accordion-button {
    padding: 20px;
    font-size: 18px;
  }
  .description-content .accordion .accordion-item .accordion-body {
    padding-left: 0;
    padding-right: 0;
  }
  .post-authors {
    display: block !important;
  }
  .post-authors .ms-4 {
    margin-left: 0 !important;
  }
  .post-authors .profile-info {
    margin-bottom: 20px !important;
  }
  .post-authors .profile-info .social-link li {
    margin-right: 0;
  }
  .post-authors p {
    margin-bottom: 20px !important;
  }
  .post-authors .authors-img {
    width: 100%;
    margin: auto;
    text-align: center;
    margin-bottom: 20px;
  }
  .post-authors .completedclass {
    display: block !important;
  }
  .post-authors .message-follow li {
    margin-right: 4px !important;
  }
  .post-authors .message-follow li:last-child {
    margin-right: 0;
  }
  .review-list-wrap .review-title h2 {
    font-size: 27px;
    line-height: normal !important;
  }
  .review-list-wrap .d-flex {
    display: block !important;
  }
  .review-list-wrap .review-img {
    margin-bottom: 20px;
  }
  .review-list-wrap .review-details {
    margin-left: 0;
  }
  .reviews-form {
    padding: 20px;
  }
  .reviews-form h3 {
    margin-bottom: 20px;
    font-size: 27px;
  }
  .reviews-form .form-group .your-ratings {
    padding: 10px;
  }
  .reviews-form .form-group .your-ratings h4 {
    font-size: 13px;
  }
  .online-class-area .section-title-team {
    margin-bottom: 30px;
  }
  .online-class-area .section-title-team h2 {
    font-size: 27px;
    margin-bottom: 0;
    line-height: normal !important;
  }
  .meet-the-teacher-title {
    margin-bottom: 30px;
  }
  .meet-the-teacher-title h2 {
    font-size: 27px;
    margin-bottom: 0;
    line-height: normal !important;
  }
  /* Team Details Style */
  .team-details-view .top-info {
    display: block !important;
  }
  .team-details-view .top-info span {
    font-size: 15px;
  }
  .team-details-view .top-info h3 {
    font-size: 22px;
    margin-bottom: 10px;
  }
  .team-details-view .top-info .social-link {
    margin-bottom: 10px;
  }
  .team-details-view .message-follow {
    margin-bottom: 30px;
  }
  .team-details-view .message-follow li {
    margin-right: 10px;
  }
  .team-details-view .message-follow li:last-child {
    margin-right: 0;
  }
  .team-details-view .message-follow li .default-btn img {
    width: 20px;
  }
  .team-details-view .team-details-img {
    margin-left: 0;
  }
  .team-details-view .about-lorence h3 {
    font-size: 27px;
    margin-bottom: 15px;
  }
  /* Blog Details Style */
  .blog-details-content h2 {
    font-size: 25px;
    line-height: normal !important;
  }
  .blog-details-content .tags li {
    margin-bottom: 10px;
  }
  .blog-details-content .tags li a {
    padding: 10px 10px;
  }
  .blog-details-content blockquote {
    padding: 20px;
  }
  .blog-details-content blockquote::before {
    height: 100%;
    top: 0;
  }
  .blog-details-content blockquote p {
    font-size: 16px;
  }
  .blog-details-content blockquote p .quat {
    display: none;
  }
  .blog-details-content h3 {
    font-size: 22px;
  }
  .blog-details-content .social-link-wrap {
    display: block !important;
    padding: 15px;
    text-align: center;
  }
  .blog-details-content .social-link-wrap h4 {
    margin-bottom: 10px;
  }
  .post-authors .post-authorss {
    display: block !important;
  }
  .blog-details-content .comments-list-wrap .comments-title h2 {
    font-size: 27px;
    line-height: normal !important;
  }
  .blog-details-content .comments-list-wrap .d-flex {
    display: block !important;
  }
  .blog-details-content .comments-list-wrap .comments-img {
    margin-bottom: 20px;
  }
  .blog-details-content .comments-list-wrap .comments-details {
    margin-left: 0 !important;
  }
  .blog-details-content .comments-list-wrap .comments-details .repay-btn .default-btn {
    padding: 10px 13px;
  }
  .blog-details-content .comments-form {
    padding: 20px;
  }
  .blog-details-content .comments-form h3 {
    margin-bottom: 20px;
    font-size: 27px;
  }
  .blog-details-content .comments-form .form-group .your-ratings {
    padding: 10px;
  }
  .blog-details-content .comments-form .form-group .your-ratings h4 {
    font-size: 13px;
  }
  .section-title-and-btn {
    margin-top: 0;
  }
  .your-comment {
    padding: 30px;
  }
  .comments-form h3 {
    font-size: 27px;
    margin-bottom: 20px;
  }
  .author-rating .author {
    padding-left: 40px;
  }
  .author-rating .author img {
    position: absolute !important;
    left: 0 !important;
  }
  .author-rating .rating-point {
    padding-left: 22px;
    position: relative;
  }
  .author-rating .rating-point img {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
  }
  /** Footer Area Style **/
  .footer-area::before {
    display: none;
  }
  .footer-area::after {
    display: none;
  }
  .single-footer-widget.ml-30 {
    margin-left: 0;
  }
  .single-footer-widget h3 {
    margin-bottom: 20px;
  }
  .single-footer-widget .import-link li {
    margin-bottom: 14px;
  }
  .single-footer-widget .import-link li a {
    font-size: 14px;
  }
  .copy-right-area {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .copy-right-content p {
    font-size: 15px;
  }
  /** Header Area Style **/
  .header-left-content {
    text-align: center;
    margin-bottom: 10px;
  }
  .header-left-content .logo {
    display: none;
  }
  .header-left-content p {
    font-size: 15px;
  }
  .header-right-content {
    text-align: center;
  }
  .header-right-content li {
    margin-right: 0;
  }
  .header-right-content li .search-form {
    margin-bottom: 10px;
  }
  .header-right-content li .search-form .form-control {
    width: 100%;
    height: 50px;
  }
  .header-right-content li .search-form .src-btn {
    width: 44px;
    height: 44px;
    line-height: 41px;
  }
  .header-right-content.link li a {
    font-weight: 400;
    font-size: 15px;
  }
  /* Start "Hoco Demo Four Responsive" */
  .all-shapes {
    display: none;
  }
  /* Banner Area Responsive */
  .four-banner-area .container-fluid {
    max-width: 540px;
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
  }
  .four-banner-content {
    padding-top: 60px;
    margin-right: 0;
  }
  .four-banner-content h1 {
    font-size: 25px;
    line-height: 1.3;
    margin-bottom: 25px;
  }
  .four-banner-content .client-wrap {
    margin-bottom: 20px;
    display: block !important;
  }
  .four-banner-content .client-wrap p {
    margin-left: 0;
    font-size: 15px;
  }
  .four-banner-content .client-wrap p span {
    font-size: 18px;
    top: 1px;
  }
  .four-banner-content .client-wrap .client-list {
    margin-bottom: 5px;
  }
  .four-banner-image {
    margin-top: 30px;
    text-align: center;
  }
  /* Booking Area Responsive */
  .four-booking-area {
    padding-top: 60px;
  }
  .four-booking-card h3 {
    font-size: 18px;
    margin-bottom: 10px;
  }
  .four-booking-card p {
    margin-bottom: 12px;
  }
  .four-booking-card .read-more-btn {
    font-size: 14px;
  }
  .four-booking-card .read-more-btn img {
    left: 5px;
    top: -1px;
  }
  .col-lg-4:nth-child(2) .four-booking-card {
    margin-left: 0;
  }
  .col-lg-4:nth-child(3) .four-booking-card {
    margin-left: 0;
  }
  /* Home School Area Responsive */
  .four-home-school-image {
    padding-right: 0;
    padding-bottom: 0;
    margin-bottom: 25px;
  }
  .four-home-school-image .optional-image {
    width: 100%;
    height: auto;
    bottom: 0;
    right: 0;
    position: relative;
    margin-top: 25px;
  }
  .four-home-school-image .image-contact {
    bottom: 45px;
    padding: 25px 20px;
  }
  .four-home-school-image .image-contact .icon {
    margin-right: 18px;
  }
  .four-home-school-image .image-contact .icon img {
    width: 35px;
  }
  .four-home-school-content {
    padding-left: 0;
    margin-right: 0;
  }
  .four-home-school-content h2 {
    font-size: 27px;
    margin-bottom: 15px;
  }
  .four-home-school-content .content {
    padding-left: 0;
  }
  .four-home-school-content .default-btn {
    margin-top: 0;
  }
  /* Online Class Area Responsive */
  .single-online-class .image .doller {
    width: 50px;
    height: 50px;
    line-height: 53px;
  }
  .single-online-class .image .doller span {
    font-size: 16px;
  }
  /* Prospective Area Responsive */
  .four-prospective-content {
    padding-right: 0;
    padding-top: 60px;
  }
  .four-prospective-content h2 {
    font-size: 27px;
    margin-bottom: 12px;
  }
  .four-prospective-content .default-btn {
    margin-top: 5px;
  }
  .four-prospective-image {
    margin-right: 0;
    margin-left: 0;
    padding-top: 25px;
  }
  /* Video Area Responsive */
  .inner-four-video-button {
    padding-top: 65px;
    padding-bottom: 65px;
  }
  /* FAQ Area Responsive */
  .four-faq-image .image-contact {
    margin-top: 25px;
    position: relative;
    bottom: 0;
    right: auto;
    padding: 25px 20px;
  }
  .four-faq-image .image-contact .icon {
    flex-shrink: 0;
    margin-right: 20px;
  }
  .four-faq-image .image-contact .icon img {
    width: 35px;
  }
  /* Testimonial Area Responsive */
  .four-testimonial-card .image {
    width: 70px;
    height: 70px;
  }
  .four-testimonial-card .content {
    padding: 25px 20px;
    margin-top: 0;
    margin-left: 0;
  }
  .four-testimonial-card .content p {
    font-size: 14px;
    padding-bottom: 15px;
    margin-bottom: 15px;
  }
  .four-testimonial-card .content .details .info h3 {
    font-size: 15px;
  }
  .four-testimonial-card .content .details .info span {
    font-size: 14px;
  }
  .four-testimonial-card .content .details img {
    width: 30px !important;
  }
  .four-students-review .four-student-review-slider {
    padding-bottom: 20px;
  }
  .four-students-review .owl-dots {
    position: relative;
    bottom: -25px;
  }
  /* Learning Area Responsive */
  .four-learning-content {
    padding-left: 0;
    margin-top: 15px;
  }
  .four-learning-content h2 {
    font-size: 27px;
    margin-bottom: 10px;
  }
  .four-learning-content p {
    margin-bottom: 12px;
  }
  /* Main Area Responsive */
  .four-main-info {
    padding-top: 60px;
  }
  .single-main-info.bg-five .main-info-content h3 {
    color: var(--white-color);
  }
  .single-main-info.bg-five .main-info-content p {
    color: var(--white-color);
  }
  /* End "Hoco Demo Four Responsive" */
}
/* Min width 576px to Max width 767px */
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .banner-area .container-fluid {
    max-width: 540px;
  }
  .courses-area .container-fluid {
    max-width: 540px;
  }
  .single-tailored {
    padding: 20px;
  }
}
/* Min width 768px to Max width 991px */
@media only screen and (min-width: 768px) and (max-width: 991px) {
  p {
    font-size: var(--mobile-font-size);
  }
  .ptb-100, .course-archive-page {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .pt-100 {
    padding-top: 60px;
  }
  .pb-100 {
    padding-bottom: 60px;
  }
  .pb-70 {
    padding-bottom: 30px;
  }
  .pl-15 {
    padding-left: 0;
  }
  .pr-15 {
    padding-right: 0;
  }
  .pb-150 {
    padding-bottom: 60px;
  }
  .ml-15 {
    margin-left: 0;
  }
  .mr-15 {
    margin-right: 0;
  }
  .default-btn {
    font-size: 14px;
    padding: 9px 15px;
  }
  .default-btn img {
    margin-left: 10px;
  }
  .read-more {
    font-size: 14px;
  }
  .form-control {
    height: 50px;
  }
  .form-control::-moz-placeholder {
    font-size: 14px;
  }
  .form-control::placeholder {
    font-size: 14px;
  }
  .shape {
    display: none;
  }
  /** Banner Area Style **/
  .banner-area .container-fluid {
    padding-left: 12px;
    padding-right: 12px;
    max-width: 720px;
  }
  .banner-area.bg-1 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .banner-area.bg-2 {
    padding-top: 60px;
    padding-bottom: 0;
  }
  .banner-area.bg-2 .banner-bg-shape {
    display: none;
  }
  .banner-area.bg-3 {
    padding-top: 60px;
    padding-bottom: 0;
  }
  .banner-area.bg-3 .banner-img-2 {
    max-width: 720px;
    margin: auto;
    position: unset;
    margin-top: 30px;
    text-align: center;
  }
  .banner-area.bg-3 .banner-img-2 .shape-6 {
    display: none;
  }
  .banner-content h1 {
    font-size: 40px;
    margin-bottom: 30px;
    line-height: normal !important;
  }
  .banner-content h1 .mark-text {
    font-size: 40px;
    line-height: normal;
  }
  .banner-content h1 .mark-text::before {
    display: none;
  }
  .banner-content .client-wrap {
    display: block !important;
    margin-bottom: 30px;
  }
  .banner-content .client-wrap .client-list {
    margin-bottom: 10px;
  }
  .banner-content .client-wrap p {
    margin-left: 0;
  }
  .banner-content .client-wrap p span {
    font-size: 16px;
    top: 1px;
  }
  .banner-content.style-two h1 {
    font-size: 40px;
  }
  .banner-content.style-two h1 span {
    font-size: 40px;
    font-weight: 800;
  }
  .banner-content.style-two .client-wrap .shape-5 {
    display: none;
  }
  .banner-img .img-shape {
    display: none;
  }
  .banner-img.ml-30 {
    margin-left: 0;
    margin-bottom: 30px;
  }
  .quick-register-form {
    max-width: 100%;
    padding: 20px;
    margin-top: 30px;
  }
  .quick-register-form h3 {
    font-size: 22px;
    margin-bottom: 20px;
  }
  .quick-register-form .form-group .form-control {
    height: 50px;
  }
  .quick-register-form .default-btn {
    padding: 15px 30px;
  }
  /** About Area Style **/
  .about-content-wrap h2 {
    font-size: 30px;
    margin-bottom: 30px;
    line-height: normal !important;
  }
  .about-content-wrap .about-content {
    margin-left: 0;
    margin-bottom: 30px;
    max-width: 100%;
  }
  .about-content-wrap .about-content .default-btn {
    margin-top: 10px;
  }
  .about-content-wrap .about-content.style-two .nav-tabs {
    margin-bottom: 20px;
  }
  .about-img-1 {
    margin-bottom: 30px;
    text-align: center;
  }
  .about-img-2 {
    text-align: center;
  }
  .about-img-2 .best {
    display: none;
  }
  .about-img-2 .call-us {
    padding: 30px;
    padding-left: 90px;
  }
  .about-img-2 .call-us {
    margin-top: 30px;
    text-align: left;
  }
  .about-img-2 .call-us img {
    top: 35px;
    left: 30px;
  }
  /** Section Area Style **/
  .section-title {
    margin: -8px auto 30px;
  }
  .section-title h2 {
    font-size: 30px;
    line-height: normal !important;
  }
  .section-title.w-870 {
    width: auto;
  }
  .section-title .title-shape {
    display: none;
  }
  .br {
    display: none;
  }
  .section-title-and-btn {
    display: block !important;
  }
  .section-title-and-btn h2 {
    font-size: 30px;
    margin-bottom: 20px;
    line-height: normal !important;
  }
  /** Courses Area Style **/
  .courses-area .container-fluid {
    padding-left: 12px;
    padding-right: 12px;
    max-width: 720px;
  }
  .single-courses .courses-content {
    padding: 20px 0;
    padding-bottom: 0;
  }
  .single-courses .courses-content h3 {
    margin-bottom: 12px;
    font-size: 22px;
  }
  .single-courses .courses-content p {
    margin-bottom: 20px;
  }
  .information-wrap {
    padding: 0;
  }
  .information-wrap::before {
    display: none;
  }
  .information-img {
    margin-bottom: 30px;
  }
  .information-content {
    margin-left: 0;
  }
  .information-content h2 {
    font-size: 30px;
    margin-bottom: 25px;
    line-height: normal !important;
  }
  .information-content .default-btn {
    margin-top: 10px;
  }
  /** Subject Area Style **/
  .single-subject {
    font-size: 22px;
  }
  /** See How Area Style **/
  .see-how-area::before {
    height: 50%;
  }
  .see-how-area .shape-1 {
    display: none;
  }
  .see-how-content .video-wrapper {
    width: 100%;
  }
  .see-how-content .background-video {
    width: 100%;
  }
  /** FAQ Area Style **/
  .faq-area {
    padding-top: 0;
  }
  .faq-content {
    margin-right: 0;
    margin-bottom: 30px;
  }
  .faq-content h2 {
    font-size: 30px;
    margin-bottom: 25px;
    line-height: normal !important;
  }
  .faq-content .accordion .accordion-item .accordion-header .accordion-button {
    font-size: 16px;
  }
  .faq-content.style-two {
    margin-left: 0;
    margin-top: 30px;
  }
  .faq-content.style-two h2 {
    line-height: normal !important;
  }
  .faq-content.style-two h2 .title-shape {
    display: none;
  }
  .faq-img {
    margin-left: 0;
  }
  /** Main Info Area Style **/
  .main-info-area {
    padding-bottom: 30px;
  }
  .main-info-area .container-fluid {
    max-width: 720px;
  }
  .main-info-area .p-0 {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
  .single-main-info {
    position: relative;
    z-index: 1;
    margin-bottom: 30px;
  }
  .single-main-info::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: -1;
  }
  .single-main-info .main-info-content {
    padding: 30px;
    position: unset;
    max-width: 100%;
    text-align: center;
  }
  .single-main-info .main-info-content h3 {
    font-size: 25px;
    margin-bottom: 12px;
  }
  /** Testimony Area Style **/
  .single-testimony {
    margin-top: 0;
  }
  .single-testimony p {
    font-size: 16px;
  }
  .testimony-slide.owl-carousel .owl-item img {
    margin: auto;
    margin-bottom: 20px;
  }
  .testimony-slide.owl-theme .owl-nav {
    margin-top: 10px !important;
  }
  .testimony-slide.owl-theme .owl-nav .owl-prev, .testimony-slide.owl-theme .owl-nav .owl-next {
    width: 35px;
    height: 35px;
    line-height: 35px;
    font-size: 20px;
    position: unset;
    transform: unset;
    margin: 5px;
  }
  .testimony-slide.owl-theme .owl-dots {
    display: none;
  }
  .testimony-area .container-fluid {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
  .testimony-slider-two.owl-theme .owl-dots {
    margin-right: 0;
    margin-top: 0;
  }
  .testimony-slider-two.owl-theme .owl-nav {
    display: none;
  }
  .testimony-slider-two .single-testimony-style-two {
    padding: 20px;
  }
  /** Articles Area Style **/
  .articles-area .container-fluid {
    left: unset;
  }
  .single-articles .articles-img {
    margin-bottom: 20px;
  }
  .single-articles span {
    margin-bottom: 20px;
    font-size: 15px;
  }
  .single-articles h3 {
    margin-bottom: 20px;
  }
  .single-articles h3 a {
    font-size: 22px;
  }
  .articles-slider.owl-theme .owl-nav {
    position: unset;
    text-align: center;
    margin-bottom: 30px !important;
  }
  .articles-slider.owl-theme .owl-nav .owl-prev, .articles-slider.owl-theme .owl-nav .owl-next {
    width: 35px;
    height: 35px;
    line-height: 35px;
    font-size: 20px;
    margin: 5px;
  }
  /** Subscribe Area Style **/
  .subscribe-bg-wrap {
    padding: 30px;
  }
  .subscribe-content h2 {
    margin-bottom: 20px;
    font-size: 30px;
    line-height: normal !important;
  }
  .subscribe-content .newsletter-form .form-control {
    height: 50px;
  }
  .subscribe-content .newsletter-form .default-btn {
    top: 3px;
    right: 3px;
    padding: 11.5px 15px;
  }
  /** Tailored Area Style **/
  .single-tailored {
    padding: 30px;
    background-color: var(--white-color);
  }
  .single-tailored img {
    margin-bottom: 25px;
  }
  .single-tailored h3 {
    font-size: 20px;
    margin-bottom: 17px;
  }
  /** Team Area Style **/
  .single-team .team-info h3 {
    font-size: 22px;
  }
  .team-slide.owl-theme .owl-nav {
    margin-top: 0px !important;
    margin-bottom: 30px !important;
  }
  .team-slide.owl-theme .owl-nav .owl-prev, .team-slide.owl-theme .owl-nav .owl-next {
    width: 35px;
    height: 35px;
    line-height: 35px;
    font-size: 20px;
    position: unset;
    transform: unset;
    margin: 5px;
  }
  /** The Best Area Style **/
  .the-best-img {
    margin-bottom: 30px;
    text-align: center;
  }
  .the-best-content {
    margin-left: 0;
  }
  .the-best-content h2 {
    font-size: 27px;
    margin-bottom: 15px;
    line-height: normal !important;
  }
  .the-best-content h2 .title-shape {
    display: none;
  }
  .the-best-content p {
    margin-bottom: 20px;
  }
  /** Online Class Area Style **/
  .online-class-slider.owl-theme .owl-nav {
    margin-top: 0px !important;
    margin-bottom: 30px !important;
  }
  .online-class-slider.owl-theme .owl-nav .owl-prev, .online-class-slider.owl-theme .owl-nav .owl-next {
    width: 35px;
    height: 35px;
    line-height: 35px;
    font-size: 20px;
    position: unset;
    transform: unset;
    margin: 5px;
  }
  /* Page Banner Style */
  .page-banner-wrap {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .page-banner-content h2 {
    font-size: 40px;
    margin-bottom: 10px;
    line-height: normal !important;
  }
  .page-banner-content .breadcrumb .breadcrumb-item {
    font-size: 15px;
  }
  /* Pagination Style */
  .pagination-area .page-numbers {
    width: 45px;
    height: 45px;
    line-height: 45px;
  }
  /* Counter Style */
  .single-counter h2 {
    font-size: 40px;
    line-height: normal !important;
  }
  .single-counter h2 .target {
    margin-left: -10px;
    top: 2px;
  }
  .single-counter p {
    letter-spacing: 0.4em;
  }
  /* Register Style */
  .register-img {
    margin-bottom: 30px;
    text-align: center;
  }
  .register-form {
    max-width: 100%;
  }
  .register-form h2 {
    text-align: center;
    line-height: normal !important;
  }
  .register-tab .nav-item .nav-link {
    padding: 14px 35px;
    font-size: 16px;
  }
  /* Coming Soon Style */
  .coming-soon-content .newsletter-form .default-btn {
    padding: 17px 15px;
  }
  /* Contact Style */
  .contact-form {
    padding: 50px;
  }
  /* Course Details Style */
  .course-details-content .time {
    font-size: 15px;
  }
  .course-details-content h2 {
    font-size: 30px;
    line-height: normal !important;
  }
  .course-details-img {
    height: 400px;
    margin-left: 0;
    margin-top: 30px;
  }
  .available-title {
    margin-bottom: 30px;
  }
  .available-title h2 {
    font-size: 30px;
    margin-bottom: 0;
    line-height: normal !important;
  }
  .single-available-times .default-btn {
    display: block;
    text-align: center;
  }
  .single-available-times .default-btn img {
    display: none;
  }
  .description-title {
    margin-bottom: 30px;
  }
  .description-title h2 {
    font-size: 30px;
    margin-bottom: 0;
    line-height: normal !important;
  }
  .available-slider.owl-theme .owl-nav {
    margin-top: 30px !important;
    margin-bottom: 0 !important;
    position: unset;
    text-align: center;
  }
  .available-slider.owl-theme .owl-nav .owl-prev, .available-slider.owl-theme .owl-nav .owl-next {
    width: 35px;
    height: 35px;
    line-height: 35px;
    font-size: 20px;
    margin: 5px;
    position: unset;
    transform: unset;
    margin-top: 0;
    margin-bottom: 0;
  }
  .review-list-wrap .review-title h2 {
    font-size: 30px;
  }
  .reviews-form {
    padding: 50px;
  }
  .reviews-form h3 {
    font-size: 30px;
  }
  .meet-the-teacher-title {
    margin-bottom: 30px;
  }
  .meet-the-teacher-title h2 {
    font-size: 30px;
    line-height: normal !important;
  }
  .description-title {
    margin-bottom: 30px !important;
  }
  .description-title h3 {
    font-size: 30px !important;
  }
  /* Team Details Style */
  .team-details-view .top-info span {
    font-size: 15px;
  }
  .team-details-view .top-info h3 {
    font-size: 25px;
  }
  .team-details-view .message-follow {
    margin-bottom: 30px;
  }
  .team-details-view .message-follow li .default-btn img {
    width: 20px;
  }
  .team-details-view .team-details-img {
    margin-left: 0;
  }
  .team-details-view .about-lorence h3 {
    font-size: 27px;
    margin-bottom: 15px;
  }
  /* Blog Details Style */
  .blog-details-content h2 {
    font-size: 25px;
    line-height: normal !important;
  }
  .blog-details-content .tags li {
    margin-bottom: 10px;
  }
  .blog-details-content .tags li a {
    padding: 10px 10px;
  }
  .blog-details-content blockquote {
    padding: 20px;
  }
  .blog-details-content blockquote::before {
    height: 100%;
    top: 0;
  }
  .blog-details-content blockquote p {
    font-size: 16px;
  }
  .blog-details-content blockquote p .quat {
    display: none;
  }
  .blog-details-content h3 {
    font-size: 22px;
  }
  .blog-details-content .social-link-wrap {
    padding: 15px;
  }
  .blog-details-content .comments-list-wrap .comments-title h2 {
    font-size: 27px;
    line-height: normal !important;
  }
  .blog-details-content .comments-list-wrap .comments-img {
    margin-bottom: 20px;
  }
  .blog-details-content .comments-list-wrap .comments-details .repay-btn .default-btn {
    padding: 10px 13px;
  }
  .blog-details-content .comments-form {
    padding: 20px;
  }
  .blog-details-content .comments-form h3 {
    margin-bottom: 20px;
    font-size: 30px;
  }
  .blog-details-content .comments-form .form-group .your-ratings {
    padding: 10px;
  }
  .blog-details-content .comments-form .form-group .your-ratings h4 {
    font-size: 13px;
  }
  .section-title-and-btn {
    margin-top: 0;
  }
  .your-comment {
    padding: 30px;
  }
  .comments-form h3 {
    font-size: 30px;
    margin-bottom: 20px;
  }
  /** Footer Area Style **/
  .footer-area::before {
    display: none;
  }
  .footer-area::after {
    display: none;
  }
  .single-footer-widget.ml-30 {
    margin-left: 0;
  }
  .single-footer-widget h3 {
    margin-bottom: 20px;
  }
  .single-footer-widget .import-link li {
    margin-bottom: 14px;
  }
  .single-footer-widget .import-link li a {
    font-size: 14px;
  }
  .copy-right-area {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .copy-right-content p {
    font-size: 15px;
  }
  /** Header Area Style **/
  .header-left-content {
    text-align: center;
    margin-bottom: 10px;
  }
  .header-left-content .logo {
    display: none;
  }
  .header-left-content p {
    font-size: 15px;
  }
  .header-right-content {
    text-align: center;
  }
  .header-right-content li .search-form {
    margin-bottom: 10px;
  }
  .header-right-content li .search-form .form-control {
    width: 100%;
    height: 50px;
  }
  .header-right-content li .search-form .src-btn {
    width: 44px;
    height: 44px;
    line-height: 41px;
  }
  .header-right-content li .default-btn {
    padding: 14px 15px;
  }
  .header-right-content li.link li a {
    font-weight: 400;
    font-size: 15px;
  }
  /* Start "Hoco Demo Four Responsive" */
  .all-shapes {
    display: none;
  }
  /* Banner Area Responsive */
  .four-banner-area .container-fluid {
    max-width: 720px;
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
  }
  .four-banner-content {
    padding-top: 80px;
    margin-right: 0;
  }
  .four-banner-content h1 {
    font-size: 45px;
    line-height: 1.3;
    margin-bottom: 25px;
  }
  .four-banner-content .client-wrap {
    margin-bottom: 20px;
  }
  .four-banner-image {
    margin-top: 30px;
    text-align: center;
  }
  /* Booking Area Responsive */
  .four-booking-area {
    padding-top: 60px;
  }
  .four-booking-card h3 {
    font-size: 18px;
    margin-bottom: 10px;
  }
  .four-booking-card p {
    margin-bottom: 12px;
  }
  .four-booking-card .read-more-btn {
    font-size: 14px;
  }
  .four-booking-card .read-more-btn img {
    left: 5px;
    top: -1px;
  }
  .col-lg-4:nth-child(2) .four-booking-card {
    margin-left: 0;
  }
  .col-lg-4:nth-child(3) .four-booking-card {
    margin-left: 0;
  }
  /* Home School Area Responsive */
  .four-home-school-image {
    margin-bottom: 30px;
  }
  .four-home-school-image .optional-image {
    right: 0;
  }
  .four-home-school-content {
    padding-left: 0;
    margin-right: 0;
  }
  .four-home-school-content h2 {
    font-size: 37px;
    margin-bottom: 15px;
  }
  .four-home-school-content .content {
    padding-left: 0;
  }
  .four-home-school-content .default-btn {
    margin-top: 0;
  }
  /* Online Class Area Responsive */
  .single-online-class .image .doller {
    width: 50px;
    height: 50px;
    line-height: 53px;
  }
  .single-online-class .image .doller span {
    font-size: 16px;
  }
  /* Prospective Area Responsive */
  .four-prospective-content {
    padding-right: 0;
    padding-top: 80px;
  }
  .four-prospective-content h2 {
    font-size: 37px;
    margin-bottom: 12px;
  }
  .four-prospective-content .default-btn {
    margin-top: 5px;
  }
  .four-prospective-image {
    margin-right: 0;
    margin-left: 0;
    padding-top: 25px;
  }
  /* Video Area Responsive */
  .inner-four-video-button {
    padding-top: 135px;
    padding-bottom: 135px;
  }
  /* FAQ Area Responsive */
  .four-faq-image {
    text-align: center;
  }
  .four-faq-image .image-contact {
    margin-top: 25px;
    text-align: start;
    bottom: 0;
    right: auto;
    padding: 25px 20px;
  }
  .four-faq-image .image-contact .icon {
    flex-shrink: 0;
    margin-right: 20px;
  }
  .four-faq-image .image-contact .icon img {
    width: 35px;
  }
  /* Testimonial Area Responsive */
  .four-testimonial-card .image {
    width: 70px;
    height: 70px;
  }
  .four-testimonial-card .content {
    padding: 25px 20px;
    margin-top: 0;
    margin-left: 0;
  }
  .four-testimonial-card .content p {
    font-size: 14px;
    padding-bottom: 15px;
    margin-bottom: 15px;
  }
  .four-testimonial-card .content .details .info h3 {
    font-size: 15px;
  }
  .four-testimonial-card .content .details .info span {
    font-size: 14px;
  }
  .four-testimonial-card .content .details img {
    width: 30px !important;
  }
  .four-students-review .four-student-review-slider {
    padding-bottom: 20px;
  }
  .four-students-review .owl-dots {
    position: relative;
    bottom: -25px;
  }
  /* Learning Area Responsive */
  .four-learning-content {
    padding-left: 0;
    margin-top: 15px;
  }
  .four-learning-content h2 {
    font-size: 35px;
    margin-bottom: 10px;
  }
  .four-learning-content p {
    margin-bottom: 12px;
  }
  /* Main Area Responsive */
  .four-main-info {
    padding-top: 60px;
  }
  .single-main-info.bg-five .main-info-content h3 {
    color: var(--white-color);
  }
  .single-main-info.bg-five .main-info-content p {
    color: var(--white-color);
  }
  /* End "Hoco Demo Four Responsive" */
}
/* Min width 992px to Max width 1199px */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  /** See How Area Style **/
  .see-how-area {
    padding-bottom: 0;
  }
  .see-how-area::before {
    height: 50%;
  }
  .see-how-area .shape-1 {
    display: none;
  }
  .see-how-content .video-wrapper {
    width: 100%;
  }
  .see-how-content .background-video {
    width: 100%;
  }
  .see-how-content .shape.shape-3 {
    display: none;
  }
  /** Articles Area Style **/
  .articles-area .container-fluid {
    left: unset;
  }
  /** Courses Area Style **/
  .single-courses .courses-content {
    padding-top: 15px;
    padding-bottom: 0;
  }
  .single-courses .courses-content h3 {
    font-size: 22px;
    margin-bottom: 10px;
  }
  .single-courses .courses-content p {
    margin-bottom: 15px;
  }
  .single-courses .courses-content .default-btn {
    padding: 15px;
    font-size: 15px;
  }
  .single-courses .courses-content .default-btn img {
    margin-left: 5px;
  }
  /** Information Area Style **/
  .information-wrap {
    padding-right: 30px;
  }
  .information-content {
    margin-left: 0;
  }
  .information-content h2 {
    font-size: 54px;
    line-height: 65px;
  }
  .information-content .shape {
    display: none;
  }
  /** FAQ Area Style **/
  .faq-content {
    margin-right: 0;
  }
  /** Main Info Area Style **/
  .single-main-info {
    position: relative;
    z-index: 1;
    margin-bottom: 30px;
  }
  .single-main-info::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: -1;
  }
  .single-main-info .main-info-content {
    padding: 30px;
    position: unset;
    max-width: 100%;
    text-align: center;
  }
  .single-main-info .main-info-content h3 {
    font-size: 25px;
  }
  /** Testimony Area Style **/
  .testimony-slide.owl-theme .owl-nav {
    display: none;
  }
  /** Banner Area Style **/
  .banner-area.bg-3 {
    padding-bottom: 170px;
  }
  .banner-area.bg-3 .banner-img-2 {
    display: none;
  }
  .banner-content.style-two h1 {
    font-size: 65px;
    font-size: 50px;
    line-height: 70px;
  }
  .banner-content.style-two h1 span {
    font-size: 53px;
    font-weight: 800;
    line-height: 60px;
  }
  .banner-content.style-two .client-wrap {
    display: block !important;
  }
  .banner-content.style-two .client-wrap .shape-5 {
    display: none;
  }
  .banner-content.style-three h1 {
    font-size: 70px;
    line-height: 75px;
  }
  /** Tailored Area Style **/
  .single-tailored {
    padding: 30px;
  }
  .single-tailored img {
    margin-bottom: 20px;
  }
  .single-tailored h3 {
    font-size: 22px;
    margin-bottom: 10px;
  }
  /** Online Class Area Style **/
  .online-class-area.pt-70.pb-70 {
    padding-top: 0;
  }
  .online-class-slider.owl-theme .owl-nav {
    margin-top: 0px !important;
    margin-bottom: 0 !important;
  }
  .online-class-slider.owl-theme .owl-nav .owl-prev, .online-class-slider.owl-theme .owl-nav .owl-next {
    width: 35px;
    height: 35px;
    line-height: 35px;
    font-size: 20px;
    position: unset;
    transform: unset;
    margin: 5px;
  }
  .courses-area .row {
    --bs-gutter-x: 1.5rem;
  }
  /** Team Area Style **/
  .team-slide.owl-theme .owl-nav {
    margin-top: 0px !important;
    margin-bottom: 0 !important;
  }
  .team-slide.owl-theme .owl-nav .owl-prev, .team-slide.owl-theme .owl-nav .owl-next {
    width: 35px;
    height: 35px;
    line-height: 35px;
    font-size: 20px;
    position: unset;
    transform: unset;
    margin: 5px;
  }
  .the-best-content {
    margin-left: 0;
  }
  .section-title h2 {
    font-size: 50px;
    line-height: 60px;
  }
  .section-title h2 .title-shape {
    display: none;
  }
  .section-title-and-btn h2 {
    font-size: 50px;
    line-height: 60px;
  }
  .faq-content h2 {
    font-size: 50px;
  }
  .faq-content h2 .title-shape {
    display: none;
  }
  .the-best-content h2 {
    font-size: 50px;
  }
  .the-best-content h2 .title-shape {
    display: none;
  }
  .subscribe-content h2 {
    font-size: 50px;
  }
  /** Widget Area Style **/
  .widget-sidebar {
    margin-right: 0;
  }
  .widget-sidebar .sidebar-widget.time .time-select .selection label {
    display: inline-block;
    width: 27px;
    height: 27px;
    line-height: 30px;
  }
  .widget-sidebar .sidebar-widget.time-of-day .time-of-day-select .selection {
    width: 100%;
  }
  .widget-sidebar .sidebar-widget.time-of-day .time-of-day-select .selection label {
    padding: 10px;
    font-size: 14px;
  }
  /* Counter Style */
  .single-counter h2 {
    font-size: 40px;
  }
  .single-counter h2 .target {
    margin-left: -10px;
    top: 2px;
  }
  .single-counter p {
    letter-spacing: 0.3em;
    font-size: 14px;
  }
  /** About Area Style **/
  .about-content-wrap .about-content.style-two .nav-tabs {
    margin-bottom: 20px;
  }
  .about-content-wrap .about-content.style-two .nav-tabs .nav-item .nav-link {
    padding: 15px 15px;
  }
  .about-img-2 .call-us {
    padding: 20px;
    text-align: center;
  }
  .about-img-2 .call-us img {
    position: unset;
    margin-bottom: 10px;
  }
  /** Page Banner Area Style **/
  .page-banner-wrap {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  /* Contact Style */
  .single-contact-info {
    display: block !important;
    text-align: center;
  }
  .single-contact-info img {
    margin-bottom: 20px;
  }
  /* Available Style */
  .available-slider.owl-theme .owl-nav {
    margin-top: 30px !important;
    margin-bottom: 0 !important;
    position: unset;
    text-align: center;
  }
  .available-slider.owl-theme .owl-nav .owl-prev, .available-slider.owl-theme .owl-nav .owl-next {
    width: 35px;
    height: 35px;
    line-height: 35px;
    font-size: 20px;
    margin: 5px;
    position: unset;
    transform: unset;
    margin-top: 0;
    margin-bottom: 0;
  }
  /* Articles Style */
  .single-articles h3 a {
    font-size: 20px;
  }
  /* Team Style */
  .single-team .team-img {
    margin-bottom: 10px;
  }
  .single-team .team-info h3 {
    font-size: 20px;
    margin-bottom: 5px;
  }
  /* See How Style */
  .see-how-area {
    padding-bottom: 80px;
  }
  .faq-area {
    padding-top: 0;
  }
  /** Footer Area Style **/
  .footer-area::before {
    display: none;
  }
  .footer-area::after {
    display: none;
  }
  .single-footer-widget.ml-30 {
    margin-left: 0;
  }
  .single-footer-widget .social-link li {
    margin-right: 3px;
  }
  .header-left-content p a {
    font-size: 14px;
  }
  .header-right-content.link li a {
    font-size: 14px;
    font-weight: 400;
  }
  .navbar-area .navbar-brand {
    margin-right: 20px;
    max-width: 120px;
  }
  .desktop-nav .navbar .navbar-nav .nav-item a {
    padding-right: 0;
    padding-left: 0;
  }
  .desktop-nav .navbar .navbar-nav .nav-item a.dropdown-toggle {
    padding-right: 20px;
  }
  .desktop-nav .navbar .navbar-nav .nav-item a.dropdown-toggle::before {
    right: 0;
  }
  .desktop-nav .navbar .navbar-nav .nav-item a.active {
    background-color: transparent;
  }
  .desktop-nav .navbar .navbar-nav .nav-item:first-child .dropdown-menu {
    left: 0;
    right: auto;
  }
  .desktop-nav .navbar .navbar-nav .nav-item:nth-child(2) .dropdown-menu {
    left: 0;
    right: auto;
  }
  .desktop-nav .navbar .others-options ul li {
    margin-right: 5px;
  }
  .desktop-nav .navbar .others-options ul li .search-form .form-control {
    width: 180px;
  }
  .desktop-nav .navbar .others-options ul li .default-btn {
    padding: 16px 10px;
    font-size: 15px;
  }
  .desktop-nav.fluid-nav .navbar-nav .nav-item a {
    padding-right: 20px !important;
    padding-left: 20px;
    font-size: 14px;
    margin-left: 0;
    margin-right: 0;
  }
  .desktop-nav.fluid-nav .navbar-nav .nav-item a.dropdown-toggle::before {
    right: 0;
  }
  .desktop-nav.fluid-nav .navbar-nav .nav-item .dropdown-menu {
    left: auto;
    right: 0;
  }
  .desktop-nav .navbar .others-options ul li .search-form .src-btn {
    top: 12px;
    width: 30px;
    height: 30px;
    line-height: 19px;
    right: 8px;
  }
  .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu {
    width: 220px;
  }
  .desktop-nav .navbar .others-options ul li .default-btn {
    padding: 16px 10px;
    font-size: 14px;
  }
  .desktop-nav .navbar .others-options ul li .default-btn img {
    display: none;
  }
  .desktop-nav .navbar .others-options ul li .search-form .form-control {
    width: 160px;
    padding: 10px 15px 10px 10px;
  }
  .desktop-nav .navbar .others-options {
    margin-left: 25px;
  }
  .desktop-nav .navbar .others-options ul li .search-form .form-control {
    width: 150px;
  }
  .desktop-nav .navbar .others-options ul li .search-form .src-btn .search-normal-hover {
    top: 5px;
    left: 5px;
  }
  /* Start "Hoco Demo Four Responsive" */
  /* Banner Area Responsive */
  .four-banner-area .container-fluid {
    max-width: 960px;
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
  }
  .four-banner-area .hero-shape1 {
    display: none;
  }
  .four-banner-content {
    margin-right: -60px;
  }
  .four-banner-content h1 {
    font-size: 38px;
    line-height: normal;
    margin-bottom: 28px;
  }
  .four-banner-content .client-wrap .client-list li img {
    width: 45px;
  }
  .four-banner-image {
    padding-left: 75px;
  }
  /* Booking Area Responsive */
  .col-lg-4:nth-child(2) .four-booking-card {
    margin-left: 0;
  }
  .col-lg-4:nth-child(3) .four-booking-card {
    margin-left: 0;
  }
  /* Home School Area Responsive */
  .four-home-school-image {
    padding-right: 100px;
  }
  .four-home-school-image .school-text-shape1 {
    top: 0;
    right: 0;
  }
  .four-home-school-content {
    padding-left: 60px;
    margin-right: 0;
  }
  .four-home-school-content h2 {
    font-size: 35px;
    font-weight: 800;
    margin-bottom: 18px;
  }
  .four-home-school-content .content {
    padding-left: 50px;
  }
  .four-home-school-content .home-school-shape {
    top: -48px;
    left: -9px;
  }
  /* Prospective Area Responsive */
  .four-prospective-image {
    margin-right: 0;
    margin-left: 0;
  }
  .four-prospective-content {
    padding-right: 0;
    padding-top: 0;
  }
  .four-prospective-content h2 {
    font-size: 40px;
    margin-bottom: 15px;
  }
  .four-prospective-content .default-btn {
    margin-top: 5px;
  }
  /* Main Video Area Responsive */
  .inner-four-video-button {
    padding-top: 150px;
    padding-bottom: 150px;
  }
  /* Faq Area Responsive */
  .four-faq-image .image-contact {
    padding: 25px;
  }
  .faq-content.style-four {
    margin-right: 0;
    margin-left: 0;
  }
  .faq-content.style-four h2 {
    font-size: 40px;
  }
  /* Testimonial Area Responsive */
  .four-testimonial-card .image {
    width: 120px;
    height: 120px;
  }
  .four-testimonial-card .content {
    padding: 25px;
    margin-top: -28px;
    margin-left: 40px;
  }
  .four-testimonial-card .testimonial-shape {
    display: none !important;
  }
  /* Learning Area Responsive */
  .four-learning-content {
    padding-left: 10px;
  }
  .four-learning-content h2 {
    font-size: 45px;
    margin-bottom: 15px;
  }
  /* Main Info Area Responsive */
  .single-main-info.bg-five .main-info-content h3 {
    color: var(--white-color);
  }
  .single-main-info.bg-five .main-info-content p {
    color: var(--white-color);
  }
  /* End "Hoco Demo Four Responsive" */
}
/* Mobile and iPad Navbar */
@media only screen and (max-width: 991px) {
  .navbar-area.bg-color-ffffff .mobile-responsive-nav .mobile-responsive-menu.mean-container a.meanmenu-reveal {
    color: var(--optional-color);
  }
  /* Dark Mode Style */
  .dark-mode-btn {
    top: 14px;
  }
  .dark-mode-btn .dark-version {
    right: 105px;
  }
  .dark-mode-btn .dark-version .switch {
    width: 38px;
    height: 38px;
  }
  /* WOW Style */
  .wow {
    animation-name: none !important;
    visibility: visible !important;
  }
  .navbar-area {
    z-index: 2;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }
  .navbar-area .container-fluid {
    padding-left: 0;
    padding-right: 0;
  }
  .navbar-area .dropdown-toggle::after {
    display: none;
  }
  .navbar-area.navbar-top {
    transform: translateY(0);
  }
  .navbar-area .is-sticky {
    border: none;
  }
  .mobile-responsive-nav {
    display: block;
  }
  .mobile-responsive-nav .mean-container .navbar-nav .nav-item.mega-menu .dropdown-menu .nav-item .row {
    display: block;
    flex-wrap: unset;
    margin-left: 0;
    margin-right: 0;
    margin-top: -20px;
  }
  .mobile-responsive-nav .mean-container .navbar-nav .nav-item.mega-menu .dropdown-menu .nav-item .row .col {
    flex-basis: unset;
    flex-grow: unset;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
    padding-top: 20px;
  }
  .mobile-responsive-nav .mean-container .navbar-nav .nav-item.mega-menu .dropdown-menu .nav-item .row .col .sub-menu-title {
    padding: 1em 10%;
  }
  .mobile-responsive-nav .mean-container .navbar-nav .nav-item.mega-menu .dropdown-menu .sub-menu {
    width: auto;
    overflow: hidden;
    display: block !important;
    padding-left: 0;
    padding-right: 0;
  }
  .mobile-responsive-nav .mean-container .navbar-nav .nav-item.mega-menu .dropdown-menu .sub-menu li a {
    padding: 1em 10%;
  }
  .mobile-responsive-nav .mean-container .navbar-nav .nav-item.mega-menu .dropdown-menu .sub-menu li:last-child a {
    padding-bottom: 0;
  }
  .mobile-responsive-nav .mobile-responsive-menu {
    position: relative;
  }
  .mobile-responsive-nav .mobile-responsive-menu .logo {
    position: relative;
    z-index: 2;
    max-width: 120px;
  }
  .mobile-responsive-nav .mobile-responsive-menu.mean-container .mean-nav {
    margin-top: 47px;
    background-color: var(--white-color);
  }
  .mobile-responsive-nav .mobile-responsive-menu.mean-container .mean-nav ul {
    border: none !important;
    background-color: var(--white-color);
  }
  .mobile-responsive-nav .mobile-responsive-menu.mean-container .mean-nav ul li a {
    border-top-color: #efefef;
    color: var(--heading-color) !important;
    font-size: 14px !important;
    font-weight: 600;
    text-transform: capitalize;
  }
  .mobile-responsive-nav .mobile-responsive-menu.mean-container .mean-nav ul li a i {
    display: none;
  }
  .mobile-responsive-nav .mobile-responsive-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;
  }
  .mobile-responsive-nav .mobile-responsive-menu.mean-container .mean-nav ul li a.active {
    color: var(--main-color) !important;
  }
  .mobile-responsive-nav .mobile-responsive-menu.mean-container .mean-nav ul li li a {
    font-size: 15px;
  }
  .mobile-responsive-nav .mobile-responsive-menu.mean-container .navbar-nav {
    box-shadow: 0 7px 13px 0 rgba(0, 0, 0, 0.1);
    margin-top: 0 !important;
    max-height: 52vh;
    overflow-y: scroll;
    /* width */
    /* Track */
    /* Handle */
    /* Handle on hover */
  }
  .mobile-responsive-nav .mobile-responsive-menu.mean-container .navbar-nav::-webkit-scrollbar {
    width: 7px;
  }
  .mobile-responsive-nav .mobile-responsive-menu.mean-container .navbar-nav::-webkit-scrollbar-track {
    background: #f1f1f1;
  }
  .mobile-responsive-nav .mobile-responsive-menu.mean-container .navbar-nav::-webkit-scrollbar-thumb {
    background: #888;
  }
  .mobile-responsive-nav .mobile-responsive-menu.mean-container .navbar-nav::-webkit-scrollbar-thumb:hover {
    background: #555;
  }
  .mobile-responsive-nav .mobile-responsive-menu.mean-container a.meanmenu-reveal {
    top: 0;
    padding: 0;
    width: 35px;
    height: 30px;
    padding-top: 6px;
    color: var(--white-color);
    font-size: 25px !important;
  }
  .mobile-responsive-nav .mobile-responsive-menu.mean-container a.meanmenu-reveal span {
    background: var(--optional-color);
    height: 4px;
    margin-top: -6px;
    border-radius: 0;
    position: relative;
    top: 8px;
  }
  .mobile-responsive-nav .mobile-responsive-menu.mean-container .mean-bar {
    background: transparent;
    position: absolute;
    z-index: 2;
    padding: 0;
  }
  .mobile-responsive-nav .others-options {
    display: none !important;
  }
  .mobile-responsive-nav.style-two .mobile-responsive-menu.mean-container a.meanmenu-reveal span {
    background-color: var(--white-color);
  }
  .mobile-responsive-nav.style-two .mobile-responsive-menu.mean-container a.meanmenu-reveal {
    color: var(--white-color);
  }
  .desktop-nav {
    display: none !important;
  }
  .others-option-for-responsive {
    display: block !important;
  }
  .fixed-top {
    position: unset;
  }
  .header-left-content.logo {
    display: none;
  }
  .search-form input.form-control::-moz-placeholder {
    color: #000 !important;
  }
  .search-form input.form-control::placeholder {
    color: #000 !important;
  }
  .current-menu-parent > .nav-link {
    background-color: transparent;
  }
}
/* Continuer Custom Width Area Style */
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  /** Courses Area Style **/
  .single-courses .courses-content {
    padding: 0;
    padding-top: 20px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .single-courses .courses-content h3 {
    font-size: 25px;
  }
  .single-courses .courses-content .default-btn {
    font-size: 14px;
    padding: 15px;
  }
  .single-courses .courses-content .default-btn img {
    margin-left: 2px;
  }
  /** Information Area Style **/
  .information-content h2 {
    font-size: 55px;
  }
  /** Main Info Area Style **/
  .single-main-info {
    position: relative;
    z-index: 1;
    margin-bottom: 30px;
  }
  .single-main-info::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: -1;
  }
  .single-main-info .main-info-content {
    padding: 30px;
    position: unset;
    max-width: 100%;
    text-align: center;
  }
  .single-main-info .main-info-content h3 {
    font-size: 25px;
  }
  /** Articles Area Style **/
  .articles-area .container-fluid {
    left: unset;
  }
  /** Banner Area Style **/
  .banner-content.style-two h1 {
    font-size: 63px;
    line-height: 70px;
  }
  .banner-content.style-two h1 span {
    font-size: 63px;
    font-weight: 800;
    line-height: 60px;
  }
  .banner-content.style-two .client-wrap {
    display: block !important;
  }
  .banner-content.style-two .client-wrap .shape-5 {
    display: none;
  }
  /** Online Class Area Style **/
  .online-class-area.pt-70.pb-70 {
    padding-top: 0;
  }
  .online-class-slider.owl-theme .owl-nav {
    margin-top: 0px !important;
    margin-bottom: 0 !important;
  }
  .online-class-slider.owl-theme .owl-nav .owl-prev, .online-class-slider.owl-theme .owl-nav .owl-next {
    width: 35px;
    height: 35px;
    line-height: 35px;
    font-size: 20px;
    position: unset;
    transform: unset;
    margin: 5px;
  }
  /** Team Area Style **/
  .team-slide.owl-theme .owl-nav {
    margin-top: 0px !important;
    margin-bottom: 0 !important;
  }
  .team-slide.owl-theme .owl-nav .owl-prev, .team-slide.owl-theme .owl-nav .owl-next {
    width: 35px;
    height: 35px;
    line-height: 35px;
    font-size: 20px;
    position: unset;
    transform: unset;
    margin: 5px;
  }
  /** FAQ Area Style **/
  .faq-content h2 .title-shape {
    display: none;
  }
  .navbar-area .navbar-brand {
    margin-right: 20px;
    max-width: 120px;
  }
  .desktop-nav .navbar .navbar-nav .nav-item a {
    padding-right: 0;
    padding-left: 0;
  }
  .desktop-nav .navbar .navbar-nav .nav-item a.dropdown-toggle {
    padding-right: 20px;
  }
  .desktop-nav .navbar .navbar-nav .nav-item a.dropdown-toggle::before {
    right: 0;
  }
  .desktop-nav .navbar .navbar-nav .nav-item a.active {
    background-color: transparent;
  }
  .desktop-nav .navbar .navbar-nav .nav-item:first-child .dropdown-menu {
    left: 0;
    right: auto;
  }
  .desktop-nav .navbar .navbar-nav .nav-item:nth-child(2) .dropdown-menu {
    left: 0;
    right: auto;
  }
  .desktop-nav .navbar .others-options ul li {
    margin-right: 5px;
  }
  .desktop-nav .navbar .others-options ul li .search-form .form-control {
    width: 180px;
  }
  .desktop-nav .navbar .others-options ul li .default-btn {
    padding: 16px 10px;
    font-size: 15px;
  }
  .desktop-nav.fluid-nav .navbar-nav .nav-item a {
    padding-right: 20px !important;
    padding-left: 20px;
    font-size: 14px;
    margin-left: 0;
    margin-right: 0;
  }
  .desktop-nav.fluid-nav .navbar-nav .nav-item a.dropdown-toggle::before {
    right: 0;
  }
  .desktop-nav.fluid-nav .navbar-nav .nav-item .dropdown-menu {
    left: auto;
    right: 0;
  }
  .desktop-nav .navbar .others-options ul li .search-form .src-btn {
    top: 12px;
    width: 30px;
    height: 30px;
    line-height: 19px;
    right: 8px;
  }
  .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu {
    width: 220px;
  }
  .desktop-nav .navbar .others-options ul li .default-btn {
    padding: 16px 20px;
    font-size: 14px;
  }
  .desktop-nav .navbar .others-options ul li .default-btn img {
    display: none;
  }
  .desktop-nav .navbar .others-options ul li .search-form .form-control {
    width: 160px;
    padding: 10px 15px 10px 10px;
  }
  .desktop-nav .navbar .others-options {
    margin-left: 25px;
  }
  .desktop-nav .navbar .others-options ul li .search-form .form-control {
    width: 150px;
  }
  .desktop-nav .navbar .others-options ul li .search-form .src-btn .search-normal-hover {
    top: 5px;
    left: 5px;
  }
  /* Start "Hoco Demo Four Responsive" */
  /* Banner Area Responsive */
  .four-banner-area .container-fluid {
    max-width: 1140px;
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
  }
  .four-banner-area .hero-shape1 {
    display: none;
  }
  .four-banner-content {
    margin-right: -40px;
  }
  .four-banner-content h1 {
    font-size: 55px;
    line-height: normal;
    margin-bottom: 28px;
  }
  .four-banner-content .client-wrap .client-list li img {
    width: 45px;
  }
  .four-banner-image {
    padding-left: 75px;
  }
  /* Booking Area Responsive */
  .col-lg-4:nth-child(2) .four-booking-card {
    margin-left: 0;
  }
  .col-lg-4:nth-child(3) .four-booking-card {
    margin-left: 0;
  }
  /* Home School Area Responsive */
  .four-home-school-image {
    padding-right: 100px;
  }
  .four-home-school-image .school-text-shape1 {
    top: 0;
    right: 0;
  }
  .four-home-school-content {
    padding-left: 60px;
    margin-right: 0;
  }
  .four-home-school-content .content {
    padding-left: 50px;
  }
  .four-home-school-content .home-school-shape {
    top: -48px;
    left: -9px;
  }
  /* Prospective Area Responsive */
  .four-prospective-image {
    margin-right: 0;
    margin-left: 0;
  }
  .four-prospective-content {
    padding-right: 0;
    padding-top: 0;
  }
  .four-prospective-content h2 {
    font-size: 40px;
    margin-bottom: 15px;
  }
  .four-prospective-content .default-btn {
    margin-top: 5px;
  }
  /* Main Video Area Responsive */
  .inner-four-video-button {
    padding-top: 150px;
    padding-bottom: 150px;
  }
  /* Faq Area Responsive */
  .four-faq-image .image-contact {
    padding: 25px;
  }
  .faq-content.style-four {
    margin-right: 0;
    margin-left: 0;
  }
  .faq-content.style-four h2 {
    font-size: 40px;
  }
  /* Testimonial Area Responsive */
  .four-testimonial-card .image {
    width: 120px;
    height: 120px;
  }
  .four-testimonial-card .content {
    padding: 25px;
    margin-top: -28px;
    margin-left: 40px;
  }
  .four-testimonial-card .testimonial-shape {
    display: none !important;
  }
  /* Learning Area Responsive */
  .four-learning-content {
    padding-left: 10px;
  }
  .four-learning-content h2 {
    font-size: 45px;
    margin-bottom: 15px;
  }
  /* Main Info Area Responsive */
  .single-main-info.bg-five .main-info-content h3 {
    color: var(--white-color);
  }
  .single-main-info.bg-five .main-info-content p {
    color: var(--white-color);
  }
  /* End "Hoco Demo Four Responsive" */
}
/* Min width 1399px to Max width 1550px */
@media only screen and (min-width: 1399px) and (max-width: 1550px) {
  .desktop-nav .navbar .navbar-nav .nav-item a {
    padding-left: 10px;
    padding-right: 10px;
  }
  .desktop-nav .navbar .navbar-nav .nav-item a.dropdown-toggle::before {
    right: 6px;
    top: 20px;
  }
  .desktop-nav .navbar .navbar-nav .nav-item a.dropdown-toggle {
    padding-right: 25px;
  }
  .navbar-area.nav-bg-transparent .desktop-nav .navbar .navbar-nav .nav-item a.dropdown-toggle::before {
    right: 26px;
    top: 32px;
  }
}
/* Min width 1400px to Max width 1550px */
@media only screen and (min-width: 1400px) and (max-width: 1550px) {
  /** Online Class Area Style **/
  .online-class-area.pt-70.pb-70 {
    padding-top: 0;
  }
  .online-class-slider.owl-theme .owl-nav {
    margin-top: 0px !important;
    margin-bottom: 0 !important;
  }
  .online-class-slider.owl-theme .owl-nav .owl-prev, .online-class-slider.owl-theme .owl-nav .owl-next {
    width: 45px;
    height: 45px;
    line-height: 45px;
    font-size: 20px;
    margin: 5px;
    left: -53px;
  }
  .online-class-slider.owl-theme .owl-nav .owl-next {
    left: auto;
    right: -53px;
  }
  /** Team Area Style **/
  .team-slide.owl-theme .owl-nav {
    margin-top: 0px !important;
    margin-bottom: 0 !important;
  }
  .team-slide.owl-theme .owl-nav .owl-prev, .team-slide.owl-theme .owl-nav .owl-next {
    width: 45px;
    height: 45px;
    line-height: 45px;
    font-size: 20px;
    margin: 5px;
    left: -53px;
  }
  .team-slide.owl-theme .owl-nav .owl-next {
    left: auto;
    right: -53px;
  }
  /** Banner Area Style **/
  .banner-area.bg-3 .banner-img-2 {
    max-width: 585px;
    bottom: 30px;
  }
  .banner-content h1 .mark-text::before {
    bottom: -110px;
  }
  .single-articles h3 a {
    font-size: 21px;
  }
  .single-courses .courses-content .default-btn {
    padding: 16px 20px;
  }
  .single-courses .courses-content .default-btn img {
    margin-left: 10px;
  }
  .navbar-area.nav-bg-transparent .desktop-nav .navbar .navbar-nav .nav-item a.dropdown-toggle::before {
    right: 12px;
  }
}
/* Min width 1200px to Max width 1399px */
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .desktop-nav.fluid-nav .navbar-nav .nav-item a {
    padding-right: 20px !important;
    padding-left: 20px;
    font-size: 14px;
    margin-left: 0;
    margin-right: 0;
  }
  .desktop-nav.fluid-nav .navbar-nav .nav-item a.dropdown-toggle::before {
    right: 0;
  }
  .desktop-nav.fluid-nav .navbar-nav .nav-item .dropdown-menu {
    left: auto;
    right: 0;
  }
  .desktop-nav .navbar .navbar-nav .nav-item a.dropdown-toggle::before {
    right: 0;
  }
  .desktop-nav .navbar .navbar-nav .nav-item a.active {
    background-color: transparent;
  }
  .desktop-nav .navbar .navbar-nav .nav-item:first-child .dropdown-menu {
    left: 0;
    right: auto;
  }
  .desktop-nav .navbar .navbar-nav .nav-item:nth-child(2) .dropdown-menu {
    left: 0;
    right: auto;
  }
  .desktop-nav .navbar .others-options ul li {
    margin-right: 5px;
  }
  .desktop-nav .navbar .others-options ul li .search-form .form-control {
    width: 250px;
  }
  .desktop-nav .navbar .others-options ul li .default-btn {
    padding: 16px 20px;
    font-size: 15px;
  }
}
/* Min width 1400px to Max width 1550px */
@media only screen and (min-width: 1400px) and (max-width: 1595px) {
  /** Desktop Area Style **/
  .desktop-nav.fluid-nav .navbar-nav .nav-item a {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
  .desktop-nav.fluid-nav .navbar-nav .nav-item a.dropdown-toggle::before {
    right: 12px;
  }
  .desktop-nav .navbar .others-options ul li .search-form .form-control {
    width: 190px;
  }
}
/* Min width 470px to Max width 767px */
@media only screen and (min-width: 470px) and (max-width: 767px) {
  .header-right-content li .search-form {
    margin-bottom: 0;
    margin-right: 10px;
  }
  .header-right-content li .default-btn {
    padding: 14px 15px;
  }
}/*# sourceMappingURL=hoco-responsive.css.map */