/* Max width 767px */
@media only screen and (max-width: 767px) {
  .ptb-100 {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .pt-100 {
    padding-top: 50px;
  }
  .pb-100 {
    padding-bottom: 50px;
  }
  .pb-75 {
    padding-bottom: 25px;
  }
  p {
    font-size: 16px;
    line-height: 1.5;
  }
  .section-title {
    margin-bottom: 25px;
  }
  .section-title h2 {
    font-size: 25px;
  }
  .section-heading {
    margin-bottom: 25px;
  }
  .section-heading h2 {
    font-size: 30px;
  }
  .default-btn {
    font-size: 16px;
  }
  .read-more {
    font-size: 16px;
  }
  .container-fluid {
    max-width: 540px;
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    padding-right: calc(var(--bs-gutter-x) * 0.5);
  }
  /* navbar area responsive */
  .navbar .others-options {
    display: none;
  }
  .navbar .container-fluid {
    max-width: 540px;
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    padding-right: calc(var(--bs-gutter-x) * 0.5);
  }
  .navbar.first-navbar .navbar-brand {
    margin-right: 0;
  }
  .navbar.first-navbar .navbar-brand .main-logo {
    max-width: 90px;
  }
  .navbar.first-navbar .navbar-brand .black-logo {
    max-width: 90px;
  }
  .navbar.first-navbar .navbar-toggler .burger-menu span {
    background-color: #fff;
  }
  .navbar.first-navbar.sticky .navbar-brand {
    margin-right: 0;
  }
  .navbar.first-navbar.sticky .navbar-brand .main-logo {
    max-width: 90px;
  }
  .navbar.first-navbar.sticky .navbar-brand .black-logo {
    max-width: 90px;
  }
  .navbar.first-navbar.sticky .navbar-toggler .burger-menu span {
    background-color: #000;
  }
  .navbar.first-navbar .others-options ul li .option-item .cart-icon {
    color: #fff;
  }
  .navbar.first-navbar .others-options ul li .option-item .search-bar .search-btn {
    color: #fff;
  }
  .navbar.first-navbar .others-options ul li .option-item .option-item .menu-btn {
    color: #fff;
  }
  .navbar.first-navbar .others-options ul li .option-item .menu-btn {
    font-size: 15px;
    color: #fff;
  }
  .navbar .navbar-brand {
    margin-right: 0;
  }
  .navbar .navbar-brand .main-logo {
    max-width: 90px;
  }
  .navbar .navbar-brand .black-logo {
    max-width: 90px;
  }
  .navbar .others-options {
    padding-left: 0 !important;
  }
  .navbar .others-options ul li {
    margin-left: 10px;
  }
  .navbar .others-options ul li .sign-in {
    font-size: 15px;
  }
  .navbar .others-options ul li .cart-icon {
    font-size: 15px;
  }
  .navbar .others-options ul li .search-bar .search-btn {
    font-size: 15px;
  }
  .navbar .others-options ul li .option-item .menu-btn {
    font-size: 15px;
  }
  .navbar .others-options ul li:first-child {
    margin-right: 5px;
  }
  .navbar .others-options ul li:first-child::before {
    width: 0;
  }
  .navbar .others-options ul li:last-child {
    margin-left: 10px;
    margin-right: 5px;
  }
  .navbar .others-options ul li:last-child::before {
    width: 0;
  }
  /* mobile navbar responsive */
  .mobile-navbar .others-options ul li:first-child {
    margin-right: 0;
  }
  .mobile-navbar .others-options ul li:first-child::before {
    width: 0;
  }
  /* main banner area responsive */
  .main-banner-area {
    padding-top: 60px;
  }
  .main-banner-area .container-fluid {
    max-width: 540px;
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    padding-right: calc(var(--bs-gutter-x) * 0.5);
  }
  .main-banner-area .main-banner-content {
    max-width: 300px;
    bottom: 40px;
  }
  .main-banner-area .main-banner-content h1 {
    font-size: 25px;
    line-height: 36px;
  }
  .main-banner-area .text-radius {
    bottom: 50px;
    right: 15px;
    width: 60px;
    height: 60px;
  }
  .main-banner-area .text-radius .banner-shape-1 {
    display: none;
  }
  .main-banner-area .radius i {
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 30px;
    margin-left: 0;
    margin-top: 0;
  }
  .main-banner-area .design-name {
    top: 60px;
  }
  .main-banner-area .design-name h2 {
    font-size: 60px;
  }
  /* home two main banner area responsive */
  .banner-area {
    padding-top: 60px;
    padding-bottom: 50px;
  }
  .banner-area .banner-content h1 {
    font-size: 30px;
    text-align: center;
    margin-bottom: 25px;
  }
  .banner-area .banner-content .banner-image-3 {
    margin-left: 0;
    text-align: center;
  }
  .banner-area .banner-content p {
    font-size: 25px;
    margin-top: 25px;
    margin-bottom: 0;
  }
  .banner-area .banner-content .text-radius {
    top: 48%;
    width: 100px;
    height: 100px;
    line-height: 106px;
  }
  .banner-area .banner-content .text-radius .banner-shape-1 {
    width: 80px;
    height: 80px;
  }
  .banner-area .banner-content .radius i {
    width: 50px;
    height: 50px;
    font-size: 25px;
    line-height: 50px;
  }
  /* home three main banner area responsive */
  .banner-area-three {
    padding-top: 130px;
    padding-bottom: 60px;
  }
  .banner-area-three .banner-content {
    margin-top: 0;
  }
  .banner-area-three .banner-content h1 {
    font-size: 30px;
  }
  .banner-area-three .banner-content .business-card {
    padding-top: 30px;
  }
  .banner-area-three .banner-content .business-card .business {
    margin-bottom: 25px;
  }
  .banner-area-three .banner-image {
    margin-left: 0;
  }
  .banner-area-three .banner-image .community {
    bottom: 0;
    right: 0;
  }
  .banner-area-three h2 {
    font-size: 60px;
    right: 0;
    top: 30%;
  }
  /* features area responsive */
  .features-area .container-fluid {
    max-width: 540px;
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    padding-right: calc(var(--bs-gutter-x) * 0.5);
  }
  .features-area .col-xl-4:nth-child(1) .features-card {
    max-width: 100%;
  }
  .features-area .col-xl-4:nth-child(2) .features-card {
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
    margin-top: 25px;
    padding: 70px 20px 55px;
  }
  .features-area .col-xl-4:nth-child(3) .features-card {
    max-width: 100%;
    margin-left: 0;
    margin-top: 25px;
  }
  .features-card {
    padding: 24px 20px 25px;
  }
  .features-card h4 {
    font-size: 25px;
  }
  .features-card h1 {
    font-size: 80px;
  }
  .features-card h3 {
    font-size: 25px;
  }
  .features-card .features-image-one .features-image-1 {
    max-width: 100%;
  }
  .features-card .features-image {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .features-card .best-rotate {
    top: -34px;
    left: 0;
    right: 0;
    position: relative;
    transform: unset;
    text-align: center;
    line-height: 0;
    writing-mode: unset;
  }
  .features-card .boost-border {
    position: relative;
    top: auto;
    left: 0;
    right: 0;
    bottom: -25px;
    transform: unset;
    text-align: center;
    writing-mode: unset;
  }
  .features-card p {
    font-size: 25px;
    margin-bottom: 60px;
  }
  .portfolio-area-style .container-fluid {
    max-width: 540px;
    padding-left: calc(var(--bs-gutter-x) * 0.5) !important;
    padding-right: calc(var(--bs-gutter-x) * 0.5) !important;
    --bs-gutter-x: 1.5rem;
  }
  .portfolio-area-style .portfolio-content {
    width: 100%;
    padding: 0;
    display: flex;
    margin-bottom: 0;
    display: block;
  }
  .portfolio-area-style .slide {
    height: 350px;
    width: 100%;
    flex: auto;
    margin: 0;
    margin-bottom: 25px;
  }
  /* about area responsive */
  .about-area {
    padding-top: 100px;
  }
  .about-area .about-image {
    text-align: start;
    margin-bottom: 30px;
  }
  .about-area .about-image .about-image-1 {
    max-width: 100%;
  }
  .about-area .about-content {
    margin-left: 0;
    margin-top: 0;
  }
  .about-area .about-content p {
    font-size: 25px;
  }
  /* home two about area responsive */
  .about-us-area .about-content {
    margin-bottom: 30px;
  }
  .about-us-area .about-content h2 {
    font-size: 25px;
    margin-bottom: 15px;
  }
  .about-us-area .about-content .about-btn {
    margin-top: 25px;
  }
  .about-us-area .about-content .about-btn .phone {
    margin-left: 15px;
  }
  .about-us-area .about-content .about-btn .phone i {
    display: none;
  }
  .about-us-area .about-content .about-btn .phone a {
    font-size: 16px;
    margin-left: 0;
  }
  .about-us-area .about-image .about-image-3 {
    display: none;
  }
  /* home three about area responsive */
  .about-people-area .about-content {
    margin-bottom: 30px;
  }
  .about-people-area .about-content h2 {
    font-size: 25px;
    margin-bottom: 15px;
  }
  .about-people-area .about-content p {
    margin-bottom: 15px;
  }
  .about-people-area .about-content ul li {
    font-size: 16px;
  }
  .about-people-area .about-content ul li img {
    top: 6px;
  }
  .about-people-area .about-content h3 {
    font-size: 25px;
  }
  .about-people-area .about-image .about-image-7 {
    margin-left: 0;
  }
  /* our services area responsive */
  .our-services-area .container-fluid {
    max-width: 540px;
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    padding-right: calc(var(--bs-gutter-x) * 0.5);
  }
  .services-card {
    padding: 35px 30px;
  }
  .services-card .item.d-flex {
    display: block !important;
  }
  .services-card .item h3 {
    font-size: 25px;
    margin-bottom: 15px;
  }
  .services-card .item p {
    font-size: 16px;
    margin-bottom: 20px;
  }
  .services-card .item .right-btn {
    width: 50px;
    height: 50px;
    font-size: 22px;
    line-height: 48px;
  }
  /* home two our services area responsive */
  .single-services {
    padding: 20px 20px;
  }
  .single-services .service-image {
    margin-bottom: 75px;
  }
  .single-services .service-image .service-1 {
    max-width: 50px;
  }
  .single-services .service-image .service-2 {
    max-width: 50px;
  }
  .single-services h4 {
    font-size: 20px;
    margin-bottom: 6px;
  }
  .single-services:hover {
    border-radius: 20px !important;
  }
  /* home three our services area responsive */
  .provide-card {
    padding: 20px 20px 20px 20px;
  }
  .provide-card .provide-1 {
    position: relative;
    top: 0;
    left: 0;
    max-width: 60px;
    margin-bottom: 25px;
  }
  .provide-card h3 {
    font-size: 25px;
    margin-bottom: 15px;
  }
  .provide-card .right-down {
    font-size: 25px;
    bottom: 20px;
    right: 20px;
    width: 40px;
    height: 40px;
    line-height: 40px;
  }
  /* latest courses area responsive */
  .latest-courses-area .container-fluid {
    max-width: 540px;
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    padding-right: calc(var(--bs-gutter-x) * 0.5);
  }
  .latest-courses-area .title .sub-title {
    display: block;
    margin-bottom: 20px;
  }
  .latest-courses-area .courses-slider .courses-btn {
    position: relative;
    left: 0;
    right: 0;
    bottom: 0;
    margin-top: 30px;
    margin-bottom: 50px;
  }
  .latest-courses-area .courses-slider .courses-btn .swiper-button-prev, .latest-courses-area .courses-slider .courses-btn .swiper-button-next {
    width: 50px;
    height: 50px;
    line-height: 50px;
  }
  .latest-courses-area .courses-slider .courses-btn .swiper-button-next {
    right: 55px;
    left: 0;
    margin: auto;
  }
  .latest-courses-area .courses-slider .courses-btn .swiper-button-prev {
    left: 55px;
    right: 0;
    margin: auto;
  }
  .courses-card .courses-card-body {
    padding: 25px 0 25px;
  }
  .courses-card .courses-card-body .name li {
    font-size: 16px;
  }
  .courses-card .courses-card-body h3 {
    font-size: 20px;
    padding: 20px 0 15px;
    padding-right: 0;
  }
  .courses-card .courses-card-body .card-bt .price li {
    padding-left: 20px;
    margin-right: 10px;
    font-size: 15px;
  }
  .courses-card .courses-card-body .card-bt .price li i {
    font-size: 16px;
    line-height: 16px;
  }
  .courses-card .courses-card-body .card-bt span {
    font-size: 20px;
  }
  /* testimonials area responsive */
  .testimonials-area {
    padding-top: 50px;
  }
  .testimonials-area .container-fluid {
    max-width: 540px;
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    padding-right: calc(var(--bs-gutter-x) * 0.5);
  }
  .testimonials-area .testimonials-slider .testimonials-btn {
    position: relative;
    bottom: -25px;
    left: 10px;
  }
  .testimonials-area .testimonials-slider .testimonials-btn .testimonials-button-next, .testimonials-area .testimonials-slider .testimonials-btn .testimonials-button-prev {
    width: 50px;
    height: 50px;
    font-size: 22px;
    line-height: 48px;
  }
  .testimonials-area .testimonials-slider .quote {
    display: none;
  }
  .testimonials-area .testimonial-shape-1 {
    display: none;
  }
  .testimonials-card p {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 30px;
  }
  .testimonials-card .star li i {
    width: 25px;
    height: 25px;
    font-size: 20px;
    line-height: 24px;
  }
  .testimonials-card h4 {
    font-size: 20px;
  }
  .testimonials-card span {
    font-size: 16px;
  }
  /* feedback area responsive */
  .feedback-slider .quote {
    display: none;
  }
  .feedback-slider .top-bar h2 {
    font-size: 25px;
    max-width: 560px;
  }
  .feedback-slider .top-bar .clients {
    text-align: start;
    margin-top: 20px;
  }
  .feedback-slider .testimonials-card {
    max-width: 540px;
    padding-left: 0;
  }
  .feedback-slider .testimonials-card p {
    font-size: 16px;
    line-height: 1.4;
    margin-bottom: 20px;
  }
  .feedback-slider .testimonials-card .name .user-image-9 {
    width: 55px;
    height: 55px;
  }
  .feedback-slider .feedback-btn {
    position: relative;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    display: flex;
    justify-content: center;
    margin-top: 30px;
  }
  .feedback-slider .feedback-btn .feedback-button-next, .feedback-slider .feedback-btn .feedback-button-prev {
    width: 50px;
    height: 50px;
    font-size: 25px;
    line-height: 50px;
  }
  /* home three testimonials area responsive */
  .testimonials-area.testimonial-two .testimonials-card p {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 25px;
  }
  .testimonials-area.testimonial-two .about-image-8 {
    display: none;
  }
  /* video area responsive */
  .video-area {
    margin-top: 80px;
    min-height: 450px;
  }
  .video-area h2 {
    padding: 25px 0 0 30px;
    font-size: 40px;
  }
  .video-area .paly-content {
    max-width: 200px;
  }
  .video-area .paly-content .popup-btn i {
    top: 12px;
    right: 0;
    font-size: 70px;
    line-height: 50px;
  }
  /* fun fact area responsive */
  .fun-fact-area .container-fluid {
    max-width: 540px;
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    padding-right: calc(var(--bs-gutter-x) * 0.5);
  }
  .fun-fact-area .col-lg-3:nth-child(2) .counter-card {
    margin-left: 0;
  }
  .fun-fact-area .col-lg-3:nth-child(3) .counter-card {
    margin-left: 0;
  }
  .fun-fact-area .col-lg-3:nth-child(4) .counter-card {
    margin-left: 0;
  }
  .fun-fact-area .counter-card .info h2 {
    font-size: 35px;
    margin-bottom: 5px;
  }
  .fun-fact-area .counter-card p {
    font-size: 16px;
  }
  .fun-fact-area .counter-card .star-red {
    display: none;
  }
  /* team area responsive */
  .team-card {
    padding: 25px 25px 25px;
  }
  .team-card .team-image .team-image-1 {
    max-width: 100%;
  }
  /* how it work area responsive */
  .how-it-work-area .col-xl-4:nth-child(2) .single-work {
    margin-left: 0;
  }
  .how-it-work-area .col-xl-4:nth-child(3) .single-work {
    margin-left: 0;
  }
  .single-work .work-image-1 {
    position: relative;
    top: 0;
    max-width: 70px;
    margin-bottom: 25px;
  }
  .single-work .single-work-body {
    padding-left: 0;
  }
  .single-work .single-work-body h3 {
    font-size: 25px;
    margin-bottom: 12px;
  }
  /* home three how it work area responsive */
  .work-image {
    margin-bottom: 30px;
  }
  .work-info h2 {
    font-size: 25px;
  }
  .work-info .single-work {
    margin-bottom: 30px;
  }
  /* program area responsive */
  .program-content {
    padding-top: 0;
    padding-left: 0;
    padding-bottom: 0;
  }
  .program-content h2 {
    font-size: 25px;
    margin-bottom: 15px;
  }
  .program-content p {
    font-size: 16px;
    padding-right: 0;
    margin-bottom: 20px;
  }
  .program-content ul li {
    font-size: 16px;
    padding-left: 22px;
    margin-bottom: 10px;
  }
  .program-content ul li .group-icon {
    top: 1px;
    max-width: 16px;
  }
  .program-content .default-btn {
    margin-top: 30px;
  }
  /* schedule area responsive */
  .event-schedule-area .schedule {
    display: block;
    margin-bottom: 20px;
  }
  .schedule-card {
    margin-bottom: 30px;
    padding-bottom: 30px;
  }
  .schedule-card .price {
    margin-bottom: 20px;
  }
  .schedule-card .price h2 {
    font-size: 50px;
    margin-bottom: 5px;
  }
  .schedule-card .price span {
    font-size: 20px;
  }
  .schedule-card .schedule-card-body {
    margin-bottom: 20px;
  }
  .schedule-card .schedule-card-body h3 {
    font-size: 25px;
    margin-bottom: 12px;
  }
  .schedule-card .schedule-card-body p {
    font-size: 18px;
  }
  /* solution area responsive */
  .solution-card {
    padding: 25px 25px 0 25px;
  }
  .solution-card h3 {
    font-size: 25px;
  }
  .solution-card a {
    font-size: 16px;
  }
  .solution-card-two {
    padding: 0 25px 25px;
  }
  .solution-card-two .solution-image .solution-image-1 {
    min-height: 100%;
  }
  .solution-card-two h3 {
    font-size: 25px;
    margin-top: 30px;
  }
  .solution-card-two a {
    font-size: 16px;
  }
  .solution-card-three {
    padding: 30px 25px;
  }
  .solution-card-three .solution-card-body h3 {
    font-size: 22px;
    margin-bottom: 10px;
  }
  .solution-card-three .solution-card-body p {
    font-size: 16px;
    margin-bottom: 25px;
    padding-bottom: 15px;
  }
  .solution-card-three .solution-card-body .business {
    display: block;
    margin-bottom: 25px;
  }
  .solution-card-three .solution-card-body .business p {
    margin-left: 0;
    margin-top: 10px;
  }
  .solution-sidebar {
    padding: 25px 20px 25px 20px;
    margin-left: 0;
  }
  .solution-sidebar h3 {
    font-size: 25px;
  }
  .solution-sidebar p {
    font-size: 16px;
  }
  .solution-sidebar a {
    font-size: 16px;
  }
  .solution-sidebar .business-image {
    margin-top: 30px;
  }
  .solution-sidebar .business-image img {
    max-width: 100%;
  }
  /* latest area responsive */
  .latest-card {
    margin-bottom: 25px;
  }
  .latest-card .blog-content {
    margin-bottom: 25px;
  }
  .latest-card .blog-content h2 {
    font-size: 25px;
    padding-right: 0;
    margin-bottom: 10px;
  }
  .latest-card .blog-content span {
    font-size: 16px;
  }
  .latest-card .blog-content h3 {
    font-size: 22px;
    padding-right: 0;
  }
  .blog-card .blog-card-body span {
    font-size: 16px;
  }
  .blog-card .blog-card-body h3 {
    font-size: 25px;
  }
  /* home two latest area responsive */
  .latest-blog-area .col-xl-4:nth-child(1) .single-blog {
    margin-top: 25px;
  }
  .latest-blog-area .col-xl-4:nth-child(2) .single-blog {
    margin-top: 0;
  }
  .latest-blog-area h2 {
    font-size: 25px;
    bottom: 0;
  }
  .single-blog .blog-image .date {
    top: 15px;
    left: 15px;
    right: 15px;
    padding: 15px 20px 12px;
  }
  .single-blog .blog-image .date p {
    font-size: 16px;
    margin-bottom: 5px;
  }
  .single-blog .blog-image .date span {
    font-size: 16px;
  }
  .single-blog .single-body {
    padding: 25px 0px 0 0;
  }
  .single-blog .single-body h3 {
    font-size: 20px;
  }
  /* footer area responsive */
  .footer-top h2 {
    font-size: 30px;
    margin-bottom: 20px;
  }
  .footer-top h2::before {
    height: 0;
  }
  .footer-top .footer-form {
    margin-bottom: 30px;
  }
  .footer-top .footer-form h3 {
    font-size: 22px;
    margin-bottom: 25px;
  }
  .footer-bottom p {
    max-width: 522px;
    margin-bottom: 25px;
  }
  .footer-bottom .footer-weight li a .social-icon {
    font-size: 16px;
  }
  .footer-bottom .footer-weight li a .social-icon i {
    margin-right: 10px;
  }
  .footer-bottom .footer-weight li a a span {
    top: -2px;
  }
  .footer-bottom .business-notice {
    margin-top: 30px;
  }
  .footer-bottom .business-notice p {
    font-size: 18px;
    margin-bottom: 25px;
  }
  .footer-bottom .business-notice ul li {
    font-size: 16px;
  }
  .footer-bottom .business-notice ul li:last-child {
    margin-left: 0;
    margin-top: 30px;
    text-align: center;
  }
  .footer-bottom .title {
    left: 0;
    font-size: 75px;
    line-height: 70px;
  }
  /* newsletter area responsive */
  .newsletter-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .newsletter-area .newsletter-info h2 {
    font-size: 25px;
    line-height: 34px;
    margin-bottom: 25px;
  }
  .newsletter-area .newsletter-info .newsletter-form .form-control {
    height: 60px;
    padding: 30px 20px 30px 20px;
    font-size: 16px;
  }
  .newsletter-area .newsletter-info .newsletter-form .default-btn {
    position: relative;
    top: 0;
    right: 0;
    height: 60px;
    padding: 20px 65px;
    width: 100%;
    margin-top: 15px;
  }
  /* corporate area responsive */
  .corporate-area .corporate-image {
    margin-bottom: 30px;
  }
  .corporate-area .corporate-info h2 {
    font-size: 25px;
    margin-bottom: 15px;
  }
  .corporate-area .corporate-info p {
    font-size: 16px;
    line-height: 1.5;
    padding-right: 0;
    margin-bottom: 20px;
  }
  .corporate-area .corporate-info ul li {
    font-size: 20px;
    margin-bottom: 15px;
    padding-bottom: 14px;
  }
  .corporate-area .corporate-info .default-btn {
    margin-top: 25px;
  }
  /* play video area responsive */
  .play-video-area {
    height: 200px;
  }
  .play-video-area .paly-content .popup-btn {
    margin-bottom: 15px;
  }
  .play-video-area .paly-content .popup-btn::before {
    left: -10px;
    width: 70px;
    height: 70px;
  }
  .play-video-area .paly-content .popup-btn i {
    width: 50px;
    height: 50px;
    font-size: 30px;
    line-height: 50px;
  }
  .play-video-area .paly-content .popup-btn i::after {
    left: -10px;
    width: 70px;
    height: 70px;
  }
  .play-video-area .paly-content p {
    font-size: 25px;
  }
  .play-video-area .video-shape-1 {
    display: none;
  }
  .play-video-area .video-shape-2 {
    display: none;
  }
  /* information area responsive */
  .information-area .information-image {
    margin-bottom: 30px;
  }
  .information-area .information-image .about-image-5 {
    padding-bottom: 30px;
    margin-bottom: 30px;
  }
  .information-area .information-image ul li {
    padding-left: 20px;
  }
  .information-area .information-image ul li strong {
    font-size: 20px;
    line-height: 26px;
  }
  .information-area .information-image ul li a {
    font-size: 16px;
  }
  .information-area .information-image ul li span {
    font-size: 16px;
  }
  .get-form {
    padding: 30px 20px;
  }
  .get-form h3 {
    font-size: 25px;
  }
  .get-form .form-control {
    padding: 14px 20px 10px;
    margin-bottom: 15px;
    font-size: 16px;
  }
  .get-form .default-btn {
    width: 100%;
  }
  /* portfolio area responsive */
  .portfolio-area-style .slide {
    height: 350px;
  }
  .portfolio-area-style .slide.active {
    flex: 12;
  }
  .portfolio-area-style .slide h3 {
    font-size: 35px;
    bottom: 25px;
  }
  .portfolio-area-style .slide h3 span {
    -webkit-text-stroke: 1px white;
  }
  /* page banner responsive */
  .page-banner-area {
    padding-top: 150px;
    padding-bottom: 50px;
  }
  .page-banner-area .page-banner-content::before {
    width: 200px;
    height: 115px;
  }
  .page-banner-area .page-banner-content h1 {
    font-size: 30px;
  }
  .page-banner-area .page-banner-content ul li {
    font-size: 18px;
  }
  .page-banner-area .page-banner-shape-1 {
    display: none;
  }
  /* contact page responsive */
  .contact-area .container-fluid {
    max-width: 540px;
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    padding-right: calc(var(--bs-gutter-x) * 0.5);
  }
  .info-card {
    padding: 30px 30px 30px 30px;
  }
  .info-card .info-image {
    position: relative;
    top: 0;
    left: 0;
    width: 85px;
    height: 85px;
    line-height: 85px;
    margin-bottom: 20px;
    transform: unset;
  }
  .info-card .info-image img {
    max-width: 40px;
  }
  .info-card .info-card-bogy h3 {
    margin-bottom: 12px;
  }
  .business-coaching-area .business-info {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .business-coaching-area .business-info span {
    font-size: 20px;
    margin-bottom: 12px;
  }
  .business-coaching-area .business-info h2 {
    max-width: 270px;
    font-size: 25px;
  }
  .business-coaching-area .contact-shape-1 {
    display: none;
  }
  .business-coaching-area .contact-shape-2 {
    display: none;
  }
  .contact-map-area .container-fluid {
    max-width: 540px;
    padding-right: calc(var(--bs-gutter-x) * 0.5);
  }
  .contact-map-area .contact-form {
    margin-bottom: 30px;
  }
  .contact-map-area .contact-form h3 {
    width: 300px;
    font-size: 25px;
    line-height: 34px;
    margin-bottom: 15px;
  }
  .contact-map-area .contact-form .form-control {
    margin-bottom: 15px;
  }
  .contact-map-area .map iframe {
    height: 400px;
    border-radius: 0;
  }
  /* blog details page */
  .blog-details-area .sidebar .tags {
    padding-right: 0;
  }
  .blog-details-content {
    margin-left: 0;
    margin-top: 30px;
  }
  .blog-details-content .latest-card .latest-image .date {
    left: 15px;
    bottom: 15px;
    font-size: 25px;
    padding: 8px 15px;
    height: 80px;
    width: 90px;
  }
  .blog-details-content .latest-card .latest-card-body {
    padding: 30px 0 0 0;
  }
  .blog-details-content .latest-card .latest-card-body h3 {
    font-size: 25px;
  }
  .blog-details-content .various-card {
    padding: 15px 0 0 15px;
    margin-top: 25px;
    margin-bottom: 35px;
  }
  .blog-details-content .various-card .quote-image {
    padding: 15px 142px 20px 50px;
    z-index: -1;
  }
  .blog-details-content .various-card p {
    font-size: 18px;
    line-height: 24px;
    padding-right: 0;
  }
  .blog-details-content .choose {
    margin-bottom: 0;
  }
  .blog-details-content .choose h4 {
    font-size: 25px;
    margin-bottom: 12px;
  }
  .blog-details-content .blog-image-14 {
    margin-top: 25px;
  }
  .blog-details-content .choose-service {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  /* blog page */
  .latest-card .latest-image .date {
    left: 15px;
    bottom: 15px;
    font-size: 25px;
    line-height: 30px;
    padding: 14px 15px;
    height: 80px;
    width: 80px;
  }
  .latest-card .latest-card-body {
    padding: 30px 0 0 0;
  }
  .latest-card .latest-card-body h3 {
    font-size: 25px;
  }
  /* product details page */
  .product-details-page .tab-product .flex-column {
    flex-direction: initial !important;
  }
  .product-details-page .tab-product .nav-pills .nav-link .product-image-one {
    height: 60px;
  }
  .product-details-page .product-details-content {
    margin-left: 0;
    margin-top: 0;
  }
  .product-details-page .product-details-content h3 {
    font-size: 25px;
  }
  .product-details-page .product-details-content .count-warp li:first-child {
    margin-right: 0;
  }
  .product-details-page .product-details-content .count-warp li .default-btn {
    padding: 15px 20px 11px;
  }
  .description-area .review-tab .nav-tabs .nav-item {
    padding-right: 18px;
  }
  .description-area .review-tab .nav-tabs .nav-item .nav-link {
    font-size: 18px;
  }
  /* service pagination */
  .service-pagination .pagination .page-item {
    margin-right: 10px;
  }
  .service-pagination .pagination .page-item .page-link {
    width: 45px;
    height: 45px;
    font-size: 16px;
    line-height: 36px;
  }
  .service-pagination .pagination .page-item .page-link span {
    font-size: 20px;
    top: -2px;
  }
  /* project details */
  .blog-details-area.project-details .container-fluid {
    max-width: 540px;
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    padding-right: calc(var(--bs-gutter-x) * 0.5);
  }
  .blog-details-area.project-details .blog-details-content {
    margin-top: 0;
  }
  .blog-details-area.project-details .blog-details-content h2 {
    font-size: 25px;
    margin-bottom: 15px;
  }
  .blog-details-area.project-details .blog-details-content .study {
    font-size: 18px;
  }
  .blog-details-area.project-details .blog-details-content .choose {
    margin-bottom: 25px;
  }
  /* projects page */
  .projects-area .project-image .project-image-2 {
    min-height: 400px;
  }
  .projects-area .project-image h3 {
    bottom: 40px;
    font-size: 42px;
  }
  /* about page */
  .about-skill h2 {
    font-size: 25px;
    margin-bottom: 25px;
  }
  .about-skill .about-image {
    margin-bottom: 30px;
  }
  .about-skill .about-content p {
    font-size: 16px;
  }
  .about-skill .about-content .design::before {
    height: 70px;
  }
  .about-skill .about-content .design .about-shape-2 {
    max-width: 130px;
  }
  .about-skill .about-content .design h4 {
    font-size: 18px;
  }
  .about-skill .about-content .design span {
    font-size: 15px;
  }
  .about-skill .about-content ul li {
    font-size: 18px;
    padding-left: 20px;
  }
  .about-skill .about-content ul li::before {
    top: 8px;
  }
  /* services details page */
  .service-details-content {
    margin-bottom: 30px;
  }
  .service-details-content h2 {
    font-size: 30px;
    margin: 30px 0 10px;
  }
  .service-details-content p {
    padding-right: 0 !important;
  }
  .service-details-content .various-card {
    padding: 15px 0 15px 15px;
    margin-top: 25px;
    margin-bottom: 25px;
  }
  .service-details-content .various-card .quote-image {
    padding: 15px 142px 20px 50px;
    z-index: -1;
  }
  .service-details-content .various-card p {
    font-size: 18px;
    line-height: 24px;
    padding-right: 0;
  }
  .service-details-content .approach h3 {
    font-size: 25px;
  }
  /* services page */
  .our-services-area.services-page .about-area {
    margin-top: 0;
  }
  /* service sidebar */
  .service-sidebar {
    margin-left: 0;
    padding: 30px 25px;
  }
  /* courses details page */
  .courses-details-area .col-lg-3:nth-child(2) .instructor {
    text-align: start;
  }
  .courses-details-area .col-lg-3:nth-child(3) .instructor {
    text-align: start;
  }
  .courses-details-area .col-lg-3:nth-child(4) .instructor {
    text-align: start;
    margin-bottom: 0;
  }
  .courses-details-content {
    margin-left: 0;
  }
  .courses-details-content h2 {
    font-size: 25px;
    margin: 30px 0 10px;
  }
  .courses-details-content .instructor {
    margin-bottom: 25px;
  }
  .courses-details-content .instructor .content li img {
    width: 60px;
    height: 60px;
  }
  .courses-details-content .instructor .content li .info {
    font-size: 16px;
  }
  .courses-details-content .review-tab .nav-tabs .nav-item {
    padding-right: 15px;
  }
  .courses-details-content .review-tab .nav-tabs .nav-item .nav-link {
    font-size: 18px;
  }
  /* courses page */
  .courses-area .courses-details-content {
    margin-left: 0;
  }
  .event-details-content {
    margin-left: 0;
  }
  .event-details-content h2 {
    font-size: 25px;
    padding: 30px 0 12px;
  }
  .event-details-content .event-top::before {
    width: 0;
  }
  .event-details-content .event-top .date {
    margin-bottom: 25px;
  }
  .event-details-content .event-top .date li {
    display: block;
    margin-bottom: 25px;
  }
  .event-details-content .event-top .date li:last-child {
    margin-bottom: 0;
  }
  .event-details-content .event-top .time {
    text-align: start;
  }
  .event-details-content .event-top .time li {
    margin-right: 5px;
    font-size: 25px;
    height: 66px;
    width: 66px;
  }
  .event-details-content .event-top .time li span {
    font-size: 14px;
  }
  .event-sidebar {
    margin-bottom: 30px;
  }
  /* my account page */
  .my-account-area .login {
    padding: 30px 30px 30px 30px;
  }
  .my-account-area .login .login-form .password {
    text-align: start;
  }
  .my-account-area .login.register {
    padding-bottom: 30px;
  }
  .my-account-area .login.register .login-form .default-btn {
    margin-top: 10px;
  }
  /* testimonials page */
  .testimonials-page .testimonials-card {
    padding: 30px 30px;
  }
  /* faq page */
  .faq-area .faq-content .accordion-button {
    font-size: 18px;
  }
  .faq-area .sidebar .statement {
    padding: 30px 30px;
    margin-bottom: 30px;
  }
  .newsletter-area.subscribe .newsletter-info h2 {
    font-size: 25px;
  }
  /* pricing page */
  .pricing-card {
    padding: 25px 25px 25px 25px;
  }
  .pricing-card h3 {
    font-size: 30px;
    margin-bottom: 15px;
  }
  .pricing-card h2 {
    font-size: 35px;
    margin-top: 30px;
  }
  .pricing-card ul li {
    font-size: 16px;
  }
  .description-area .review-tab .nav-tabs .nav-item .nav-link.active {
    color: #eb5939;
  }
  .description-area .review-tab .nav-tabs .nav-item .nav-link.active::before {
    opacity: 0;
  }
  .courses-details-content .review-tab .nav-tabs .nav-item .nav-link.active {
    color: #eb5939;
  }
  .courses-details-content .review-tab .nav-tabs .nav-item .nav-link.active::before {
    opacity: 0;
    width: 0;
  }
  /* sidebar */
  .sidebar {
    max-width: 500px;
    margin-bottom: 30px;
  }
  .sidebar .category ul li {
    margin-bottom: 10px;
  }
  /* service sidebar */
  .service-sidebar .form {
    padding-bottom: 30px;
    margin-bottom: 30px;
  }
}
/* Min width 576px to Max width 767px */
/* Min width 768px to Max width 991px */
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ptb-100 {
    padding-top: 70px;
    padding-bottom: 70px;
  }
  .pt-100 {
    padding-top: 70px;
  }
  .pb-100 {
    padding-bottom: 70px;
  }
  .pb-75 {
    padding-bottom: 45px;
  }
  .section-title {
    margin-bottom: 30px;
  }
  .container-fluid {
    max-width: 720px;
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    padding-right: calc(var(--bs-gutter-x) * 0.5);
  }
  /* navbar area responsive */
  .navbar .container-fluid {
    max-width: 720px;
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    padding-right: calc(var(--bs-gutter-x) * 0.5);
  }
  .navbar.first-navbar .navbar-toggler .burger-menu span {
    background-color: #fff;
  }
  .navbar.first-navbar.sticky .navbar-toggler .burger-menu span {
    background-color: #000;
  }
  .navbar .others-options {
    display: none;
  }
  /* main banner area responsive */
  .main-banner-area .container-fluid {
    max-width: 720px;
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    padding-right: calc(var(--bs-gutter-x) * 0.5);
  }
  .main-banner-area .main-banner-content h1 {
    font-size: 60px;
    line-height: 62px;
  }
  .main-banner-area .main-banner-image {
    text-align: center;
    margin-left: 0;
  }
  .main-banner-area .text-radius {
    right: 20px;
  }
  .main-banner-area .design-name h2 {
    font-size: 165px;
  }
  /* home two main banner area responsive */
  .banner-area .banner-content h1 {
    font-size: 80px;
  }
  .banner-area .banner-content p {
    font-size: 70px;
  }
  /* home three main banner area responsive */
  .banner-area-three .banner-content {
    margin-bottom: 30px;
  }
  .banner-area-three .banner-content h1 {
    font-size: 60px;
  }
  .banner-area-three .banner-content .business-card {
    padding-top: 60px;
  }
  .banner-area-three .banner-image {
    margin-left: 0;
  }
  .banner-area-three .banner-image .community {
    bottom: 0;
    right: 0;
  }
  .banner-area-three h2 {
    line-height: 200px;
    font-size: 135px;
    right: 0;
  }
  /* features area responsive */
  .features-area .col-xl-4:nth-child(1) .features-card {
    max-width: 100%;
  }
  .features-area .col-xl-4:nth-child(2) .features-card {
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding: 88px 50px;
    margin-top: 0;
  }
  .features-area .col-xl-4:nth-child(3) .features-card {
    max-width: 100%;
    margin-top: 25px;
  }
  .features-card {
    padding: 30px 25px 30px;
  }
  .features-card .features-image {
    margin-top: 20px;
    margin-bottom: 25px;
  }
  .features-card .best-rotate {
    top: 42px;
    left: 0;
    right: 0;
    transform: unset;
    text-align: center;
    writing-mode: unset;
  }
  .features-card .boost-border {
    top: auto;
    right: 0;
    bottom: 15px;
    transform: unset;
    writing-mode: unset;
  }
  .features-card h1 {
    font-size: 100px;
  }
  .features-card p {
    margin-bottom: 125px;
  }
  .features-card .features-image-one .features-image-1 {
    max-width: 100%;
  }
  /* about area responsive */
  .about-area {
    padding-top: 100px;
  }
  .about-area .container-fluid {
    max-width: 720px;
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    padding-right: calc(var(--bs-gutter-x) * 0.5);
  }
  .about-area .about-image {
    text-align: center;
    margin-bottom: 30px;
  }
  .about-area .about-image .about-image-1 {
    max-width: 100%;
  }
  .about-area .about-content {
    margin-left: 0;
    margin-top: 0;
  }
  .about-area .about-content p {
    font-size: 40px;
  }
  /* home two about area responsive */
  .about-us-area .about-content {
    max-width: 100%;
    margin-bottom: 30px;
  }
  .about-us-area .about-image {
    text-align: start;
  }
  .about-us-area .about-image .about-image-2 {
    width: 100%;
  }
  .about-us-area .about-image .about-image-3 {
    display: none;
  }
  /* home three about area responsive */
  .about-people-area .about-content {
    margin-bottom: 30px;
  }
  .about-people-area .about-content p {
    padding-right: 0;
  }
  .about-people-area .about-image {
    text-align: center;
  }
  .about-people-area .about-image .about-image-7 {
    margin-left: 0;
  }
  /* services area responsive */
  .services-card .item h3 {
    max-width: 180px;
    font-size: 30px;
  }
  .services-card .item p {
    max-width: 300px;
    font-size: 16px;
  }
  .services-card .item .right-btn {
    width: 50px;
    height: 50px;
    font-size: 25px;
    line-height: 50px;
  }
  /* home two services area responsive */
  .single-services {
    padding: 40px 40px;
  }
  /* home three services area responsive */
  .provide-card {
    padding: 30px 20px 100px 20px;
  }
  .provide-card .provide-1 {
    position: relative;
    left: 0;
    top: 0;
    max-width: 90px;
    margin-bottom: 25px;
  }
  .provide-card h3 {
    font-size: 32px;
  }
  /* latest courses area responsive */
  .latest-courses-area .container-fluid {
    max-width: 720px;
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    padding-right: calc(var(--bs-gutter-x) * 0.5);
  }
  .latest-courses-area .title .sub-title {
    display: block;
    margin-bottom: 20px;
  }
  .courses-card .courses-card-body .card-bt .price li {
    padding-left: 20px;
    margin-right: 12px;
    font-size: 15px;
  }
  .courses-card .courses-card-body .card-bt .price li i {
    font-size: 16px;
    line-height: 17px;
  }
  .courses-card .courses-card-body .card-bt span {
    font-size: 18px;
  }
  .courses-card .courses-card-body h3 {
    padding-right: 0;
  }
  /* testimonials area responsive */
  .testimonials-area .container-fluid {
    max-width: 720px;
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    padding-right: calc(var(--bs-gutter-x) * 0.5);
  }
  .testimonials-area .testimonial-shape-1 {
    display: none;
  }
  .testimonials-card p {
    font-size: 25px;
    margin-bottom: 30px;
  }
  .testimonials-card h4 {
    font-size: 20px;
  }
  .testimonials-card span {
    font-size: 16px;
  }
  /* feedback area responsive */
  .feedback-slider .testimonials-card {
    padding-left: 0;
  }
  /* home three testimonials area responsive */
  .testimonials-area.testimonial-two .about-image-8 {
    display: none;
  }
  /* video area responsive */
  .video-area {
    min-height: 330px;
  }
  .video-area h2 {
    padding: 30px 0 0 30px;
    font-size: 50px;
  }
  .video-area .paly-content {
    max-width: 185px;
  }
  .video-area .paly-content .popup-btn i {
    top: 0;
    right: 0;
    font-size: 65px;
    line-height: 72px;
  }
  /* home two video area responsive */
  .play-video-area {
    height: 400px;
  }
  .play-video-area .paly-content p {
    font-size: 40px;
  }
  .play-video-area .video-shape-1 {
    display: none;
  }
  .play-video-area .video-shape-2 {
    display: none;
  }
  /* fun fact area responsive */
  .fun-fact-area .container-fluid {
    max-width: 720px;
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    padding-right: calc(var(--bs-gutter-x) * 0.5);
  }
  .fun-fact-area .col-lg-3:nth-child(2) .counter-card {
    margin-left: 0;
  }
  .fun-fact-area .col-lg-3:nth-child(3) .counter-card {
    margin-left: 0;
  }
  .fun-fact-area .col-lg-3:nth-child(4) .counter-card {
    margin-left: 0;
  }
  .fun-fact-area .counter-card .info h2 {
    font-size: 45px;
    margin-bottom: 5px;
  }
  .fun-fact-area .counter-card p {
    font-size: 18px;
  }
  .fun-fact-area .counter-card .star-red {
    display: none;
  }
  /* team area responsive */
  .team-card .team-image .team-image-1 {
    max-width: 100%;
  }
  /* how it work area responsive */
  .how-it-work-area .col-xl-4:nth-child(2) .single-work {
    margin-left: 0;
  }
  .how-it-work-area .col-xl-4:nth-child(3) .single-work {
    margin-left: 0;
  }
  .single-work {
    max-width: 100%;
  }
  .single-work .work-image-1 {
    position: relative;
    top: 0;
    max-width: 100%;
    margin-bottom: 25px;
  }
  .single-work .single-work-body {
    padding-left: 0;
  }
  /* home three how it work area responsive */
  .work-info {
    margin-top: 30px;
    max-width: 100%;
    margin-left: 0;
  }
  /* program area responsive */
  .program-image {
    width: 100%;
    height: 755px;
    margin-bottom: 30px;
  }
  .program-content {
    max-width: 100%;
    padding-top: 0;
    padding-left: 0;
    padding-bottom: 0;
  }
  .program-content .default-btn {
    margin-top: 40px;
  }
  /* schedule area responsive */
  .event-schedule-area .schedule {
    display: block;
    margin-bottom: 20px;
  }
  .schedule-card {
    margin-bottom: 25px;
    padding-bottom: 30px;
  }
  .schedule-card .price {
    margin-bottom: 25px;
  }
  .schedule-card .schedule-card-body {
    margin-bottom: 25px;
  }
  /* home two schedule area responsive */
  .solution-card-two .solution-image .solution-image-1 {
    min-height: 186px;
  }
  .solution-card-three .solution-card-body {
    max-width: 360px;
  }
  .solution-sidebar {
    padding: 40px 50px 55px 50px;
    margin-left: 0;
  }
  .solution-sidebar .business-image img {
    max-width: 100%;
  }
  /* latest blog area responsive */
  .latest-card .blog-content {
    max-width: 100%;
    margin-bottom: 25px;
  }
  .latest-card .blog-content h2 {
    margin-bottom: 30px;
    padding-right: 0;
  }
  /* home two latest blog area responsive */
  .latest-blog-area h2 {
    bottom: 0;
    font-size: 50px;
    margin-bottom: 25px;
  }
  .latest-blog-area .col-xl-4:nth-child(1) .single-blog {
    margin-top: 0;
  }
  .latest-blog-area .col-xl-4:nth-child(2) .single-blog {
    margin-top: 0;
  }
  .latest-blog-area .insights-btn {
    text-align: center;
    position: relative;
    margin-top: 10px;
    bottom: 0;
  }
  .single-blog .blog-image .date {
    top: 20px;
    padding: 20px 30px 15px;
  }
  /* home three latest blog area responsive */
  .latest-card .latest-image .date {
    font-size: 25px;
    line-height: 28px;
    height: 85px;
    width: 85px;
  }
  .latest-card .latest-card-body {
    padding: 30px 10px 0 0;
  }
  .latest-card .latest-card-body h3 {
    font-size: 26px;
  }
  /* footer area responsive */
  .footer-top h2 {
    max-width: 100%;
    font-size: 90px;
    margin-bottom: 20px;
  }
  .footer-top h2::before {
    top: 40px;
    left: -90px;
  }
  .footer-top .footer-form {
    max-width: 100%;
    margin-left: 0;
    margin-bottom: 30px;
  }
  .footer-bottom .business-notice ul li:last-child {
    margin-top: 30px;
    text-align: center;
    margin-left: 0;
  }
  .footer-bottom .title {
    left: 0;
    font-size: 190px;
  }
  /* newsletter area responsive */
  .newsletter-area {
    padding-top: 70px;
    padding-bottom: 70px;
  }
  /* corporate area responsive */
  .corporate-area .corporate-image {
    margin-bottom: 30px;
  }
  .corporate-area .corporate-info {
    max-width: 100%;
    margin-left: 0;
  }
  .corporate-area .corporate-info h2 {
    font-size: 50px;
  }
  /* information area responsive */
  .information-area .information-image {
    margin-bottom: 30px;
  }
  .information-area .information-image .about-image-5 {
    padding-bottom: 40px;
    margin-bottom: 35px;
  }
  .get-form {
    padding: 40px 40px;
  }
  /* portfolio area responsive */
  .portfolio-area-style .slide {
    height: 450px;
  }
  .portfolio-area-style .slide h3 {
    font-size: 45px;
    bottom: 35px;
  }
  /* page banner responsive */
  .page-banner-area {
    padding-top: 190px;
    padding-bottom: 100px;
  }
  .page-banner-area .page-banner-content::before {
    width: 240px;
    height: 120px;
  }
  .page-banner-area .page-banner-content h1 {
    font-size: 40px;
  }
  .page-banner-area .page-banner-shape-1 {
    max-width: 200px;
  }
  /* contact page responsive */
  .contact-area .container-fluid {
    max-width: 720px;
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    padding-right: calc(var(--bs-gutter-x) * 0.5);
  }
  .info-card {
    padding: 40px 40px 40px 40px;
  }
  .info-card .info-image {
    position: relative;
    top: 0;
    left: 0;
    width: 85px;
    height: 85px;
    line-height: 85px;
    transform: unset;
    margin-bottom: 20px;
  }
  .info-card .info-image img {
    max-width: 40px;
  }
  .business-coaching-area .business-info {
    padding-top: 70px;
    padding-bottom: 70px;
  }
  .business-coaching-area .business-info span {
    font-size: 20px;
    margin-bottom: 15px;
  }
  .business-coaching-area .business-info h2 {
    max-width: 600px;
    font-size: 50px;
  }
  .business-coaching-area .business-info .contact-shape-1 {
    max-width: 200px;
  }
  .business-coaching-area .business-info .contact-shape-2 {
    max-width: 200px;
  }
  .contact-map-area .container-fluid {
    max-width: 720px;
    padding-right: calc(var(--bs-gutter-x) * 0.5);
  }
  .contact-map-area .contact-form {
    margin-bottom: 30px;
  }
  .contact-map-area .contact-form h3 {
    width: 100%;
    font-size: 45px;
    margin-bottom: 25px;
  }
  .contact-map-area .map iframe {
    height: 400px;
    border-radius: 0;
  }
  /* blog details responsive */
  .blog-details-area .sidebar {
    max-width: 100%;
  }
  .blog-details-content {
    margin-left: 0;
    margin-top: 30px;
  }
  .blog-details-content .various-card {
    padding: 45px 0 70px 200px;
  }
  .blog-details-content .various-card p {
    padding-right: 0;
  }
  /* service pagination responsive */
  .service-pagination .pagination .page-item {
    margin-right: 10px;
  }
  .service-pagination .pagination .page-item .page-link {
    width: 50px;
    height: 50px;
    line-height: 40px;
  }
  /* shop page responsive */
  .shop-page-area .service-pagination .pagination {
    margin-top: 20px;
  }
  /* product details responsive */
  .product-details-page .tab-product .nav-pills .nav-link .product-image-one {
    height: 174px;
  }
  .product-details-page .product-details-content {
    max-width: 100%;
    margin-left: 0;
    margin-top: 0;
  }
  /* project details */
  .blog-details-area.project-details .container-fluid {
    max-width: 720px;
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    padding-right: calc(var(--bs-gutter-x) * 0.5);
  }
  .blog-details-area.project-details .blog-details-content {
    margin-top: 0;
  }
  /* projects page */
  .projects-area .project-image .project-image-2 {
    min-height: 280px;
  }
  .projects-area .project-image h3 {
    bottom: 30px;
    font-size: 22px;
  }
  /* about page */
  .about-skill h2 {
    font-size: 35px;
    margin-bottom: 30px;
  }
  .about-skill .about-image {
    margin-bottom: 30px;
  }
  .about-skill .about-content {
    max-width: 100%;
    margin-left: 0;
  }
  .feedback-slider .top-bar h2 {
    font-size: 50px;
  }
  .work-info h2 {
    font-size: 50px;
  }
  /* service sidebar */
  .service-details-content {
    margin-bottom: 30px;
  }
  .service-details-content .various-card {
    padding: 35px 0 35px 200px;
  }
  .service-details-content .various-card .quote-image {
    padding: 40px 130px 54px 50px;
  }
  .service-details-content .various-card p {
    padding-right: 0;
  }
  .service-sidebar {
    margin-left: 0;
    padding: 30px 30px;
  }
  /* courses details page */
  .courses-details-area .col-lg-3:nth-child(4) .instructor .default-btn {
    font-size: 15px;
    padding: 10px 25px 8px;
  }
  .courses-details-content {
    margin-left: 0;
  }
  .courses-details-content .top-bar .instructor .content li img {
    width: 50px;
    height: 50px;
  }
  .courses-details-content .top-bar .instructor .content li .info {
    font-size: 15px;
    margin-left: 10px;
  }
  .courses-details-content .top-bar .instructor span {
    font-size: 15px;
  }
  /* courses page */
  .courses-area .courses-details-content {
    margin-left: 0;
  }
  /* event details page */
  .event-details-content {
    margin-left: 0;
  }
  .event-details-content .event-top::before {
    width: 0;
  }
  .event-details-content .event-top .date {
    margin-bottom: 25px;
  }
  .event-details-content .event-top .time {
    text-align: start;
  }
  .event-sidebar {
    margin-bottom: 30px;
  }
  /* my account page */
  .my-account-area .login {
    padding: 30px 30px 30px 30px;
  }
  .my-account-area .login.register {
    padding-bottom: 30px;
  }
  /* testimonials page */
  .testimonials-page .testimonials-card {
    padding: 35px 35px;
  }
  /* pricing page */
  .pricing-card {
    padding: 25px 25px 25px 25px;
  }
  .pricing-card h3 {
    font-size: 30px;
    margin-bottom: 15px;
  }
  .pricing-card h2 {
    font-size: 40px;
    margin-top: 30px;
  }
  .pricing-card ul li {
    font-size: 18px;
  }
  /* sidebar */
  .sidebar {
    max-width: 500px;
    margin-bottom: 30px;
  }
  .sidebar .arrivals .title-new .new {
    padding: 30px 0 30px 0;
  }
}
/* Min width 992px to Max width 1199px */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .container-fluid {
    max-width: 960px;
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    padding-right: calc(var(--bs-gutter-x) * 0.5);
  }
  /* navbar area responsive */
  .navbar .container-fluid {
    max-width: 960px;
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    padding-right: calc(var(--bs-gutter-x) * 0.5);
  }
  .navbar.first-navbar .navbar-brand {
    margin-right: 40px;
  }
  .navbar .navbar-brand {
    margin-right: 30px;
  }
  .navbar .navbar-nav .nav-item {
    margin-left: 15px;
    margin-right: 15px;
  }
  .navbar .navbar-nav .nav-item .nav-link {
    font-size: 16px;
  }
  .navbar .others-options {
    padding-left: 0 !important;
  }
  .navbar .others-options ul li:first-child::before {
    width: 0;
  }
  .navbar .others-options ul li .sign-in {
    display: none;
  }
  /* main banner area responsive */
  .main-banner-area .container-fluid {
    max-width: 960px;
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    padding-right: calc(var(--bs-gutter-x) * 0.5);
  }
  .main-banner-area .main-banner-content h1 {
    font-size: 75px;
    line-height: 80px;
  }
  .main-banner-area .design-name {
    top: 85px;
  }
  .main-banner-area .design-name h2 {
    font-size: 205px;
  }
  /* home two main banner area responsive */
  .banner-area .banner-content h1 {
    font-size: 105px;
    text-align: center;
  }
  .banner-area .banner-content p {
    font-size: 100px;
    margin-top: 45px;
  }
  /* home three main banner area responsive */
  .banner-area-three .banner-content h1 {
    font-size: 60px;
  }
  .banner-area-three .banner-content .business-card {
    padding-top: 100px;
  }
  .banner-area-three .banner-image {
    margin-left: 0;
  }
  .banner-area-three .banner-image .community {
    bottom: 0;
    right: 0;
  }
  .banner-area-three h2 {
    line-height: 150px;
    font-size: 150px;
    right: -66px;
  }
  /* features area responsive */
  .features-area .col-xl-4:nth-child(2) .features-card {
    max-width: 100%;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }
  .features-area .col-xl-4:nth-child(3) .features-card {
    max-width: 100%;
    margin-top: 25px;
  }
  .features-card .boost-border {
    top: 15px;
    right: -25px;
  }
  /* about area responsive */
  .about-area {
    padding-top: 100px;
  }
  .about-area .container-fluid {
    max-width: 960px;
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    padding-right: calc(var(--bs-gutter-x) * 0.5);
  }
  .about-area .about-image .about-image-1 {
    max-width: 100%;
  }
  .about-area .about-content p {
    font-size: 45px;
  }
  /* home two about area responsive */
  .about-us-area .about-content .about-btn .phone i {
    display: none;
  }
  .about-us-area .about-image .about-image-3 {
    display: none;
  }
  /* home three about area responsive */
  .about-people-area .about-content h2 {
    font-size: 50px;
  }
  .about-people-area .about-image .about-image-7 {
    margin-left: 0;
  }
  /* services area responsive */
  .services-card {
    padding: 35px 30px;
  }
  .services-card .item h3 {
    max-width: 250px;
    font-size: 40px;
  }
  .services-card .item p {
    max-width: 343px;
    font-size: 18px;
  }
  .services-card .item .right-btn {
    width: 70px;
    height: 70px;
    line-height: 70px;
  }
  /* home three services area responsive */
  .provide-card {
    padding: 30px 25px 50px 20px;
  }
  .provide-card h3 {
    font-size: 30px;
    margin-bottom: 15px;
  }
  .provide-card .provide-1 {
    top: 0;
    left: 0;
    position: relative;
    margin-bottom: 25px;
  }
  .provide-card .right-down {
    bottom: 25px;
    right: 35px;
    width: 50px;
    height: 50px;
    font-size: 25px;
    line-height: 50px;
  }
  /* latest courses area responsive */
  .latest-courses-area .container-fluid {
    max-width: 960px;
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    padding-right: calc(var(--bs-gutter-x) * 0.5);
  }
  .latest-courses-area .courses-slider .courses-btn {
    left: -95px;
  }
  .courses-card .courses-card-body .card-bt .price li {
    margin-right: 10px;
  }
  /* testimonials area responsive */
  .testimonials-area .container-fluid {
    max-width: 960px;
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    padding-right: calc(var(--bs-gutter-x) * 0.5);
  }
  .testimonials-area .testimonial-shape-1 {
    display: none;
  }
  /* feedback area responsive */
  .feedback-slider .testimonials-card {
    padding-left: 0;
  }
  /* home three testimonials area responsive */
  .testimonials-area.testimonial-two .about-image-8 {
    display: none;
  }
  /* fun fact area responsive */
  .fun-fact-area .col-lg-3:nth-child(2) .counter-card {
    margin-left: 35px;
  }
  .fun-fact-area .col-lg-3:nth-child(3) .counter-card {
    margin-left: 60px;
  }
  .fun-fact-area .col-lg-3:nth-child(4) .counter-card {
    margin-left: 80px;
  }
  .fun-fact-area .counter-card .info h2 {
    font-size: 55px;
    margin-bottom: 5px;
  }
  .fun-fact-area .counter-card p {
    font-size: 25px;
  }
  .fun-fact-area .counter-card .star-red {
    right: -65px;
  }
  .fun-fact-area .counter-card .star-red {
    display: none;
  }
  /* how it work area responsive */
  .how-it-work-area .col-xl-4:nth-child(2) .single-work {
    margin-left: 0;
  }
  .how-it-work-area .col-xl-4:nth-child(3) .single-work {
    margin-left: 0;
  }
  /* program area responsive */
  .program-image {
    height: 755px;
    width: 100%;
  }
  .program-content {
    max-width: 100%;
    padding-top: 30px;
    padding-bottom: 0;
    padding-left: 0;
  }
  .program-content p {
    padding-right: 0;
  }
  .program-content .default-btn {
    margin-top: 40px;
  }
  /* schedule area responsive */
  .schedule-card {
    margin-bottom: 30px;
    padding-bottom: 30px;
  }
  .schedule-card .price h2 {
    font-size: 90px;
  }
  .schedule-card .price span {
    font-size: 25px;
  }
  .schedule-card .schedule-card-body h3 {
    font-size: 30px;
  }
  .schedule-card .schedule-card-body p {
    font-size: 22px;
  }
  /* home two schedule area responsive */
  .get-form {
    padding: 30px 30px;
  }
  .get-form .form-control {
    padding: 16px 20px 13px;
    font-size: 18px;
    margin-bottom: 15px;
  }
  /* latest blog area responsive */
  .latest-card .blog-content {
    max-width: 100%;
    margin-bottom: 30px;
  }
  .latest-card .blog-content h2 {
    margin-bottom: 30px;
    padding-right: 0;
  }
  .latest-card .blog-content h3 {
    padding-right: 0;
  }
  /* home two latest blog area responsive */
  .latest-blog-area h2 {
    bottom: 0;
    margin-bottom: 30px;
  }
  .latest-blog-area .col-xl-4:nth-child(1) .single-blog {
    margin-top: 0;
  }
  .latest-blog-area .col-xl-4:nth-child(2) .single-blog {
    margin-top: 0;
  }
  .latest-blog-area .insights-btn {
    text-align: center;
    position: relative;
    bottom: 0;
    right: 0;
  }
  .single-blog .blog-image .date {
    top: 15px;
    left: 20px;
    right: 25px;
    padding: 20px 20px 15px;
  }
  /* home two latest blog area responsive */
  .solution-card {
    padding: 30px 30px 0 30px;
  }
  .solution-card h3 {
    font-size: 30px;
  }
  .solution-card-two {
    padding: 0 30px 30px;
  }
  .solution-card-two h3 {
    font-size: 30px;
  }
  .solution-card-two .solution-image .solution-image-1 {
    min-height: 166px;
  }
  .solution-card-three {
    padding: 30px 30px;
  }
  .solution-card-three .solution-card-body h3 {
    font-size: 29px;
    margin-bottom: 12px;
  }
  .solution-card-three .solution-image img {
    max-width: 200px;
  }
  .solution-sidebar {
    padding: 40px 30px 55px 30px;
    margin-left: 0;
  }
  .solution-sidebar .business-image img {
    max-width: 100%;
  }
  /* footer area responsive */
  .footer-top .footer-form h2 {
    font-size: 95px;
  }
  .footer-top .footer-form h3 {
    font-size: 30px;
  }
  .footer-bottom p {
    max-width: 510px;
  }
  .footer-bottom .title {
    left: 0;
  }
  /* go top area responsive */
  .go-top.active {
    top: 88%;
  }
  /* corporate area responsive */
  .corporate-area .corporate-info {
    max-width: 100%;
    margin-left: 0;
    margin-top: 30px;
  }
  /* video area */
  .play-video-area .video-shape-1 {
    max-width: 300px;
  }
  .play-video-area .video-shape-2 {
    max-width: 300px;
  }
  /* contact page */
  .contact-area .container-fluid {
    max-width: 960px;
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    padding-right: calc(var(--bs-gutter-x) * 0.5);
  }
  .info-card {
    padding: 40px 40px 40px 40px;
  }
  .info-card .info-image {
    position: relative;
    top: 0;
    left: 0;
    width: 85px;
    height: 85px;
    line-height: 85px;
    transform: unset;
    margin-bottom: 20px;
  }
  .info-card .info-image img {
    max-width: 40px;
  }
  .contact-map-area .container-fluid {
    max-width: 960px;
    padding-right: calc(var(--bs-gutter-x) * 0.5);
  }
  .contact-map-area .contact-form {
    margin-bottom: 30px;
  }
  .contact-map-area .map iframe {
    border-radius: 0;
  }
  /* blog details page */
  .blog-details-area .sidebar .tags {
    padding-right: 0;
  }
  .blog-details-content {
    margin-left: 0;
  }
  .blog-details-content .various-card {
    padding: 48px 0 70px 200px;
    margin-bottom: 20px;
  }
  .blog-details-content .various-card p {
    padding-right: 0;
  }
  .blog-details-content .choose-service {
    margin-top: 50px;
    margin-bottom: 50px;
  }
  /* blog page */
  .latest-card .latest-card-body {
    padding: 30px 20px 0 0;
  }
  /* shop page */
  .shop-page-area .service-pagination .pagination {
    margin-top: 20px;
  }
  .shop-page-area .service-pagination .pagination .page-item .page-link {
    width: 50px;
    height: 50px;
    line-height: 40px;
  }
  /* product details responsive */
  .product-details-page .product-details-content {
    max-width: 100%;
    margin-left: 0;
    margin-top: 30px;
  }
  /* project details */
  .blog-details-area.project-details .container-fluid {
    max-width: 960px;
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    padding-right: calc(var(--bs-gutter-x) * 0.5);
  }
  /* projects page */
  .projects-area .project-image .project-image-2 {
    min-height: 350px;
  }
  .projects-area .project-image h3 {
    bottom: 30px;
    font-size: 30px;
  }
  /* about page */
  .about-skill .about-image {
    margin-bottom: 30px;
  }
  .about-skill .about-content {
    max-width: 100%;
    margin-left: 0;
  }
  /* video area */
  .play-video-area {
    height: 450px;
  }
  /* services details page */
  .service-details-content .various-card {
    padding: 45px 0 45px 200px;
  }
  .service-details-content .various-card .quote-image {
    padding: 49px 130px 54px 50px;
  }
  .service-details-content .various-card p {
    padding-right: 0;
  }
  /* services page */
  .our-services-area.services-page .about-area {
    margin-top: 0;
  }
  .portfolio-area-style .slide {
    height: 660px;
  }
  /**/
  .service-details-content .various-card {
    padding: 50px 0 50px 220px;
  }
  .service-sidebar {
    margin-left: 0;
    padding: 30px 30px;
  }
  .service-sidebar ul li a {
    font-size: 19px;
  }
  .service-sidebar ul li span {
    font-size: 19px;
  }
  /* courses details page */
  .courses-details-area .col-lg-3:nth-child(4) .instructor .default-btn {
    font-size: 16px;
    padding: 12px 25px 10px;
  }
  .courses-details-content .top-bar .instructor .content li img {
    width: 50px;
    height: 50px;
  }
  .courses-details-content .top-bar .instructor .content li .info {
    font-size: 15px;
    margin-left: 15px;
  }
  .courses-details-content .top-bar .instructor span {
    font-size: 15px;
  }
  /* courses page */
  .courses-card .courses-card-body {
    padding: 25px 10px 30px;
  }
  .courses-card .courses-card-body h3 {
    padding-right: 0;
  }
  .courses-card .courses-card-body .card-bt span {
    font-size: 20px;
  }
  /* event details page */
  .event-details-content {
    margin-left: 0;
  }
  .event-details-content .event-top::before {
    width: 0;
  }
  .event-details-content .event-top .date {
    margin-bottom: 20px;
  }
  .event-details-content .event-top .time {
    text-align: start;
  }
  .event-sidebar .ticket ul {
    padding: 30px 20px 0;
  }
  .event-sidebar .ticket .setting {
    padding: 12px 5px 8px;
  }
  /* testimonials page */
  .testimonials-page .testimonials-card {
    padding: 30px 25px;
  }
  .testimonials-page .testimonials-card p {
    font-size: 16px;
  }
  .pricing-card {
    padding: 50px 80px 50px 45px;
  }
  /**/
  .sidebar .arrivals .title-new .new {
    padding: 30px 0 30px 0px;
  }
  .sidebar .arrivals .title-new .new h3 {
    font-size: 25px;
  }
  .sidebar .news .nes-feed {
    margin-bottom: 20px;
  }
  .sidebar .news .nes-feed img {
    width: 70px;
    height: 70px;
    position: relative;
    margin-bottom: 15px;
  }
  .sidebar .news .nes-feed .news-content {
    padding-left: 0;
    top: 0;
  }
  .sidebar .news .nes-feed .news-content h4 {
    line-height: 22px;
    margin-bottom: 5px;
  }
  .sidebar .news .nes-feed .news-content span {
    font-size: 14px;
    margin-bottom: 0;
  }
  .sidebar .agency .title-new {
    left: 10px;
    bottom: 10px;
  }
  .sidebar .agency .title-new h3 {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 15px;
  }
  .sidebar .agency .title-new .default-btn {
    font-size: 14px;
    padding: 10px 25px 8px;
  }
}
/* Min width 1200px to Max width 1399px */
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .container-fluid {
    max-width: 1140px;
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    padding-right: calc(var(--bs-gutter-x) * 0.5);
  }
  .read-more {
    font-size: 18px;
  }
  .default-btn {
    font-size: 18px;
  }
  /* navbar area responsive */
  .navbar .container-fluid {
    max-width: 1140px;
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    padding-right: calc(var(--bs-gutter-x) * 0.5);
  }
  .navbar.first-navbar .navbar-brand {
    margin-right: 30px;
  }
  .navbar .navbar-nav .nav-item {
    margin-left: 15px;
    margin-right: 15px;
  }
  /* main banner area responsive */
  .main-banner-area .container-fluid {
    max-width: 1140px;
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    padding-right: calc(var(--bs-gutter-x) * 0.5);
  }
  .main-banner-area .design-name {
    top: 90px;
  }
  .main-banner-area .design-name h2 {
    font-size: 255px;
  }
  /* home two main banner area responsive */
  .banner-area .banner-content h1 {
    font-size: 130px;
  }
  .banner-area .banner-content .text-radius {
    top: 46%;
  }
  .banner-area .banner-content .banner-image-3 {
    margin-left: 10px;
  }
  /* home three main banner area responsive */
  .banner-area-three .banner-content {
    margin-top: 20px;
  }
  .banner-area-three .banner-content h1 {
    font-size: 70px;
  }
  .banner-area-three .banner-content h1 .banner-shape-4 {
    top: -90px;
    left: -30px;
  }
  .banner-area-three .banner-content .business-card {
    padding-top: 140px;
  }
  .banner-area-three .banner-image {
    margin-left: 0;
  }
  .banner-area-three .banner-image .community {
    bottom: 0;
    right: 0;
  }
  .banner-area-three h2 {
    line-height: 200px;
    font-size: 225px;
    right: -100px;
  }
  /* features area responsive */
  .features-area .col-xl-4:nth-child(1) .features-card {
    max-width: 100%;
  }
  .features-area .col-xl-4:nth-child(2) .features-card {
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  .features-area .col-xl-4:nth-child(3) .features-card {
    max-width: 100%;
    margin-top: 160px;
  }
  .features-card h3 {
    font-size: 30px;
  }
  .features-card h4 {
    font-size: 30px;
  }
  .features-card .best-rotate {
    top: 65px;
    left: -10px;
  }
  .features-card .features-image-one .features-image-1 {
    max-width: 100%;
  }
  .features-card .boost-border {
    top: 35px;
    right: -25px;
  }
  /* about area responsive */
  .about-area .container-fluid {
    max-width: 1140px;
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    padding-right: calc(var(--bs-gutter-x) * 0.5);
  }
  .about-area .about-image .about-image-1 {
    max-width: 100%;
  }
  .about-area .about-content {
    max-width: 590px;
    margin-top: 0;
  }
  .about-area .about-content p {
    font-size: 50px;
  }
  /* home two about area responsive */
  .about-us-area .about-image .about-image-3 {
    display: none;
  }
  /* home three about area responsive */
  .about-people-area .about-content h3 {
    font-size: 34px;
  }
  .about-people-area .about-content p {
    padding-right: 35px;
  }
  .about-people-area .about-image .about-image-7 {
    margin-left: 0;
  }
  /* our services area responsive */
  .our-services-area .container-fluid {
    max-width: 1140px;
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    padding-right: calc(var(--bs-gutter-x) * 0.5);
  }
  .services-card .item h3 {
    max-width: 300px;
    font-size: 50px;
  }
  .services-card .item p {
    max-width: 520px;
    font-size: 20px;
  }
  /* home two our services area responsive */
  .single-services {
    padding: 25px 25px;
  }
  .single-services .service-image {
    margin-bottom: 105px;
  }
  .single-services .service-image .service-1 {
    max-width: 70px;
  }
  .single-services .service-image .service-2 {
    max-width: 70px;
  }
  .single-services h4 {
    font-size: 20px;
    margin-bottom: 10px;
  }
  .single-services p {
    line-height: 1.5;
  }
  /* home three our services area responsive */
  .provide-card {
    padding: 50px 50px 50px 100px;
  }
  .provide-card .provide-1 {
    max-width: 60px;
    left: 20px;
    top: 30px;
  }
  .provide-card h3 {
    font-size: 30px;
    margin-bottom: 15px;
  }
  .provide-card .right-down {
    bottom: 25px;
    right: 30px;
    width: 60px;
    height: 60px;
    line-height: 60px;
  }
  /* latest area responsive */
  .latest-courses-area .container-fluid {
    max-width: 1140px;
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    padding-right: calc(var(--bs-gutter-x) * 0.5);
  }
  .latest-courses-area .courses-slider .courses-btn {
    left: -125px;
  }
  .courses-card .courses-card-body {
    padding: 25px 0 20px;
  }
  .courses-card .courses-card-body .name li {
    font-size: 16px;
  }
  .courses-card .courses-card-body h3 {
    font-size: 20px;
    padding: 20px 0 18px;
    padding-right: 0;
  }
  .courses-card .courses-card-body .card-bt .price li {
    font-size: 15px;
    padding-left: 22px;
    margin-right: 10px;
  }
  .courses-card .courses-card-body .card-bt .price li i {
    top: 0;
    font-size: 18px;
    line-height: 18px;
  }
  .courses-card .courses-card-body .card-bt span {
    font-size: 18px;
  }
  /* testimonials area responsive */
  .testimonials-area .container-fluid {
    max-width: 1140px;
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    padding-right: calc(var(--bs-gutter-x) * 0.5);
  }
  .testimonials-area .testimonial-shape-1 {
    display: none;
  }
  .testimonials-card {
    max-width: 965px;
    margin: 0;
    margin-left: auto;
  }
  .testimonials-card p {
    font-size: 33px;
    margin-bottom: 30px;
  }
  /* home two feedback area responsive */
  .feedback-slider .quote {
    bottom: 10px;
  }
  .feedback-slider .testimonials-card {
    max-width: 920px;
  }
  .feedback-slider .testimonials-card p {
    font-size: 25px;
  }
  /* home three feedback area responsive */
  .testimonials-area.testimonial-two .testimonials-slider {
    max-width: 575px;
  }
  .testimonials-area.testimonial-two .testimonials-slider .testimonials-card p {
    font-size: 25px;
  }
  /* fun fact area responsive */
  .fun-fact-area .counter-card .info h2 {
    font-size: 70px;
  }
  .fun-fact-area .counter-card p {
    font-size: 25px;
  }
  .fun-fact-area .col-lg-3:nth-child(2) .counter-card {
    margin-left: 20px;
  }
  .fun-fact-area .col-lg-3:nth-child(2) .counter-card .star-red {
    right: 0;
  }
  .fun-fact-area .col-lg-3:nth-child(3) .counter-card {
    margin-left: 40px;
  }
  .fun-fact-area .col-lg-3:nth-child(3) .counter-card .star-red {
    right: -40px;
  }
  .fun-fact-area .col-lg-3:nth-child(4) .counter-card {
    margin-left: 70px;
  }
  /* team area responsive */
  .team-card {
    padding: 25px 25px 25px;
  }
  .team-card .team-image .team-image-1 {
    max-width: 100%;
  }
  /* how it work area responsive */
  .how-it-work-area .col-xl-4:nth-child(2) .single-work {
    margin-left: 0;
  }
  .how-it-work-area .col-xl-4:nth-child(3) .single-work {
    margin-left: 0;
  }
  .single-work .work-image-1 {
    position: relative;
    top: 0;
    max-width: 90px;
    min-height: 106px;
    margin-bottom: 20px;
  }
  .single-work .single-work-body {
    padding-left: 0;
  }
  /* home three how it work area responsive */
  .work-info {
    max-width: 520px;
  }
  .work-info h2 {
    font-size: 40px;
    margin-bottom: 20px;
  }
  .work-info .single-work {
    max-width: 100%;
    margin-bottom: 25px;
  }
  .work-info .single-work .work-image-1 {
    max-width: 50px;
    min-height: 50px;
    margin-bottom: 25px;
  }
  .work-info .single-work .single-work-body h3 {
    font-size: 25px;
    margin-bottom: 12px;
  }
  .work-info .single-work.style-two {
    margin-left: 0;
  }
  /* program area responsive */
  .program-area .program-shape-1 {
    max-width: 300px;
  }
  .program-image {
    width: 560px;
  }
  .program-content .default-btn {
    margin-top: 60px;
  }
  /* schedule area responsive */
  .schedule-card .price h2 {
    font-size: 80px;
  }
  .schedule-card .price span {
    font-size: 25px;
  }
  .schedule-card .schedule-card-body h3 {
    font-size: 25px;
  }
  .schedule-card .schedule-card-body p {
    font-size: 20px;
  }
  /* home two schedule area responsive */
  .solution-sidebar {
    margin-left: 0;
    padding: 50px 40px 50px 40px;
  }
  .solution-sidebar .business-image img {
    max-width: 100%;
  }
  .solution-card {
    padding: 30px 30px 0 30px;
  }
  .solution-card-two .solution-image .solution-image-1 {
    min-height: 183px;
  }
  .solution-card-three {
    padding: 36px 35px;
  }
  .solution-card-three .solution-card-body p {
    margin-bottom: 25px;
    padding-bottom: 15px;
  }
  .solution-card-three .solution-image img {
    max-width: 200px;
  }
  /* blog area responsive */
  .blog-area .blog-shape-1 {
    right: 40px;
    max-width: 910px;
  }
  .latest-card .blog-content h2 {
    font-size: 45px;
    margin-bottom: 30px;
    padding-right: 50px;
  }
  .latest-card .blog-content span {
    margin-bottom: 12px;
  }
  .latest-card .blog-content h3 {
    font-size: 30px;
    padding-right: 35px;
  }
  /* home two blog area responsive */
  .single-blog .blog-image .date {
    padding: 0 20px 15px;
  }
  .single-blog .single-body {
    padding: 30px 40px 0 0;
  }
  /* footer area responsive */
  .footer-bottom .title {
    top: 80px;
    font-size: 150px;
  }
  /* footer area responsive */
  .corporate-area .corporate-info h2 {
    font-size: 34px;
    margin-bottom: 15px;
  }
  .corporate-area .corporate-info p {
    line-height: 1.5;
    margin-bottom: 20px;
  }
  .corporate-area .corporate-info ul li {
    font-size: 20px;
    padding-bottom: 15px;
    margin-bottom: 15px;
  }
  .corporate-area .corporate-info .default-btn {
    margin-top: 25px;
  }
  /* play video area responsive */
  .play-video-area {
    height: 460px;
  }
  .play-video-area .video-shape-1 {
    max-width: 300px;
  }
  .play-video-area .video-shape-2 {
    max-width: 300px;
    bottom: -1px;
  }
  /* information area responsive */
  .get-form {
    padding: 50px 40px;
  }
  /* portfolio area responsive */
  .portfolio-area-style .slide {
    height: 465px;
  }
  .portfolio-area-style .slide h3 {
    font-size: 70px;
  }
  /* contact page responsive */
  .contact-area .container-fluid {
    max-width: 1140px;
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    padding-right: calc(var(--bs-gutter-x) * 0.5);
  }
  .info-card {
    padding: 45px 25px 45px 120px;
  }
  .info-card .info-image {
    left: 25px;
    width: 80px;
    height: 80px;
    line-height: 80px;
  }
  .info-card .info-image img {
    max-width: 35px;
  }
  .contact-map-area .container-fluid {
    max-width: 1140px;
    padding-right: calc(var(--bs-gutter-x) * 0.5);
  }
  .page-banner-area .page-banner-content::before {
    height: 170px;
  }
  .page-banner-area .page-banner-content h1 {
    font-size: 50px;
  }
  /* blog details page */
  .blog-details-area .sidebar .tags {
    padding-right: 0;
  }
  .blog-details-content .latest-card .latest-card-body {
    padding: 30px 0 0 0;
  }
  .blog-details-content .latest-card .latest-card-body h3 {
    font-size: 38px;
  }
  .blog-details-content .various-card {
    padding: 48px 0 70px 255px;
  }
  /* shop page */
  .shop-page-area .service-pagination .pagination {
    margin-top: 20px;
  }
  .shop-page-area .service-pagination .pagination .page-item .page-link {
    width: 50px;
    height: 50px;
    line-height: 40px;
  }
  .shop-card .shop-card-body h3 {
    font-size: 20px;
  }
  /* product details */
  .product-details-page .tab-product .nav-pills .nav-link .product-image-one {
    height: 139px;
  }
  .product-details-page .product-details-content {
    margin-left: 35px;
    margin-top: -20px;
  }
  /* project details */
  .blog-details-area.project-details .container-fluid {
    max-width: 1140px;
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    padding-right: calc(var(--bs-gutter-x) * 0.5);
  }
  /* projects page */
  .projects-area .project-image .project-image-2 {
    min-height: 388px;
  }
  .projects-area .project-image h3 {
    bottom: 30px;
    font-size: 35px;
  }
  /* about page */
  .about-skill .about-content p {
    font-size: 16px;
  }
  .about-skill .about-content .design {
    margin-top: 22px;
    margin-bottom: 22px;
  }
  /* service details */
  .service-details-content .various-card {
    padding: 50px 0 50px 220px;
  }
  /* courses details page */
  .courses-details-content .top-bar .instructor .content li img {
    width: 60px;
    height: 60px;
  }
  .courses-details-content .top-bar .instructor .content li .info {
    margin-left: 15px;
  }
  /* event details page */
  .event-details-content {
    margin-left: 0;
  }
  .event-details-content .event-top::before {
    width: 0;
  }
  .event-details-content .event-top .date li {
    margin-right: 45px;
  }
  /**/
  .event-sidebar .ticket .setting {
    font-size: 14px;
    padding: 12px 0 8px;
  }
  .event-sidebar .ticket .must-btn {
    max-width: 240px;
    margin: auto;
  }
  .pricing-card {
    padding: 40px 30px 40px 30px;
  }
  /* sidebar */
  .sidebar .arrivals .title-new .new {
    padding: 30px 0 30px 0;
  }
  .sidebar .category ul li {
    margin-bottom: 10px;
  }
  .sidebar .news .nes-feed img {
    width: 60px;
    height: 60px;
  }
  .sidebar .news .nes-feed .news-content {
    padding-left: 70px;
    top: 0;
  }
  .sidebar .news .nes-feed .news-content h4 {
    font-size: 15px;
    line-height: 22px;
  }
  .sidebar .agency .title-new {
    left: 10px;
    bottom: 10px;
  }
  .sidebar .agency .title-new h3 {
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 15px;
  }
  .sidebar .agency .title-new .default-btn {
    font-size: 16px;
    padding: 12px 30px 8px;
  }
}
/* Min width 1400px to Max width 1599px */
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .container-fluid {
    max-width: 1320px;
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    padding-right: calc(var(--bs-gutter-x) * 0.5);
  }
  /* navbar area responsive */
  .navbar .container-fluid {
    max-width: 1320px;
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    padding-right: calc(var(--bs-gutter-x) * 0.5);
  }
  /* main banner area responsive */
  .main-banner-area .container-fluid {
    max-width: 1320px;
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    padding-right: calc(var(--bs-gutter-x) * 0.5);
  }
  .main-banner-area .design-name h2 {
    font-size: 300px;
  }
  /* home two main banner area responsive */
  .banner-area .banner-content h1 {
    font-size: 150px;
  }
  /* home three main banner area responsive */
  .banner-area-three .banner-content h1 {
    font-size: 86px;
  }
  .banner-area-three .banner-image {
    margin-left: 0;
  }
  .banner-area-three .banner-image .community {
    bottom: 0;
    right: 0;
  }
  /* features area responsive */
  .features-area .col-xl-4:nth-child(2) .features-card {
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  .features-card .best-rotate {
    left: -10px;
  }
  .features-card .boost-border {
    right: -40px;
  }
  /* home two services area responsive */
  .single-services {
    padding: 35px 35px;
  }
  /* home three services area responsive */
  .provide-card {
    padding: 100px 40px 100px 115px;
  }
  .provide-card .provide-1 {
    left: 25px;
    top: 40px;
    max-width: 80px;
  }
  /* about area responsive */
  .about-area .container-fluid {
    max-width: 1320px;
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    padding-right: calc(var(--bs-gutter-x) * 0.5);
  }
  /* testimonials area responsive */
  .testimonials-area .container-fluid {
    max-width: 1320px;
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    padding-right: calc(var(--bs-gutter-x) * 0.5);
  }
  /* home three testimonials area responsive */
  .testimonials-area.testimonial-two .testimonials-slider {
    max-width: 780px;
  }
  .testimonials-area.testimonial-two .testimonials-slider .testimonials-card p {
    font-size: 35px;
  }
  /* fun fact area responsive */
  .fun-fact-area .col-lg-3:nth-child(2) .counter-card {
    margin-left: 50px;
  }
  .fun-fact-area .col-lg-3:nth-child(3) .counter-card {
    margin-left: 90px;
  }
  .fun-fact-area .col-lg-3:nth-child(3) .counter-card .star-red {
    right: -80px;
  }
  .fun-fact-area .col-lg-3:nth-child(4) .counter-card {
    margin-left: 85px;
  }
  /* team area responsive */
  .team-card .team-image .team-image-1 {
    max-width: 100%;
  }
  /* home two blog area */
  .solution-sidebar {
    margin-left: 0;
    padding: 55px 40px 55px 40px;
  }
  .solution-sidebar .business-image img {
    max-width: 100%;
  }
  /* program area responsive */
  .program-image {
    width: 390px;
  }
  .program-content .default-btn {
    margin-top: 100px;
  }
  /* schedule area responsive */
  .schedule-card .schedule-card-body {
    max-width: 500px;
  }
  /* play video area responsive */
  .play-video-area {
    height: 535px;
  }
  /* information area responsive */
  .get-form {
    padding: 50px 40px;
  }
  /*latest courses area responsive */
  .latest-courses-area .container-fluid {
    max-width: 1320px;
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    padding-right: calc(var(--bs-gutter-x) * 0.5);
  }
  .latest-courses-area .courses-slider .courses-btn {
    left: -155px;
  }
  .courses-card .courses-card-body {
    padding: 25px 0 30px;
  }
  .courses-card .courses-card-body .card-bt .price li {
    margin-right: 10px;
  }
  .courses-card .courses-card-body .card-bt span {
    font-size: 20px;
  }
  /* portfolio area responsive */
  .portfolio-area-style .slide h3 {
    font-size: 85px;
  }
  /* schedule area responsive */
  .schedule-card .schedule-card-body {
    max-width: 390px;
  }
  /* contact page */
  .contact-area .container-fluid {
    max-width: 1320px;
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    padding-right: calc(var(--bs-gutter-x) * 0.5);
  }
  .info-card {
    padding: 45px 40px 45px 175px;
  }
}
/* Min width 1600px to Max width 1799px */
@media only screen and (min-width: 1600px) and (max-width: 1799px) {
  /* contact page */
  .contact-area .container-fluid {
    max-width: 1520px;
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    padding-right: calc(var(--bs-gutter-x) * 0.5);
  }
}
/* Min width 1600px */

/*# sourceMappingURL=responsive.css.map */