@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .community-area .community-thumb {
    right: 800px;
  }
}

/* Adjust padding for mobile view */
@media (max-width: 767px) {
  .banner-area.banner-area-2 {
    padding: 110px 50px;
    overflow: hidden; /* Adjust the values as needed for mobile devices */
  }
}

/* Styles for mobile view */
@media (max-width: 767px) {
  .testimonials-2-area .single-testimonials .testimonials-content {
    padding: 30px 15px 20px;
  }

  .testimonials-2-area .single-testimonials .testimonials-content::before {
    left: 15px;
  }

  .testimonials-2-area .single-testimonials .testimonials-content i {
    top: -20px;
    left: 20px;
    height: 40px;
    width: 40px;
    line-height: 40px;
    font-size: 16px;
  }

  .header-navigation {
    padding: 5px 0; /* Adjust as needed for spacing on mobile devices */
  }

  .site-menu {
    flex-direction: row; /* Display items in one row */
    justify-content: space-between; /* Space items evenly along the row */
    align-items: center; /* Center items vertically */
  }

  .navbar-item {
    flex-direction: row; /* Display items in one row */
    align-items: center; /* Center items vertically */
    margin-top: 5px; /* Adjust spacing above the menu items */
  }

  .menu-btns ul {
    flex-direction: row; /* Display items in one row */
  }

  .navbar-toggler {
    margin-top: 5px; /* Adjust spacing above the mobile menu icon */
  }

  .menu-dropdown {
    margin-top: 5px; /* Adjust spacing above the language dropdown */
  }

  .main-menu {
    margin-top: 5px; /* Adjust spacing above the navigation menu */
  }

  .navbar-close {
    display: block; /* Show the close icon on mobile */
    margin-bottom: 5px; /* Adjust spacing below the close icon */
  }

  .nav-menu {
    margin-right: 0; /* Remove right margin for mobile */
  }

  .main-menu ul {
    padding-left: 0; /* Remove left padding for mobile */
  }

  .sub-menu {
    margin-top: 5px; /* Adjust spacing above the sub-menu items */
  }

  .sub-menu li {
    text-align: center; /* Center text in sub-menu */
  }

  .offer-2-area {
    text-align: center; /* Center the content */
  }

  .offer-content {
    margin-bottom: 20px; /* Adjust spacing below the content */
  }

  .offer-thumb {
    margin-top: 20px; /* Adjust spacing above the image */
  }

  .col {
    text-align: center; /* Center content in single column layout */
  }

  .col-lg-7 {
    order: 2; /* Change the order of the content to display it below the image */
  }

  .sub-items-area {
    padding: 30px 15px; /* Adjust as needed for spacing on mobile devices */
    text-align: center; /* Center the content */
  }

  .sub-items-area img {
    height: auto;
    width: 100%; /* Make the image responsive */
    display: block; /* Center the image */
    margin: 0 auto; /* Center the image horizontally */
    max-width: 250px; /* Limit the maximum width of the image */
    border: 4px solid #B2B2C1; /* Add a border around the image */
    border-radius: 50%; /* Make the image round */
  }

  .sub-items-area h3 {
    font-size: 24px; /* Adjust font size as needed for mobile devices */
    margin-top: 20px;
    color: #7494cc; /* Change the text color */
  }

  .sub-items-area p {
    font-size: 16px; /* Adjust font size as needed for mobile devices */
    margin-top: 10px;
    line-height: 1.5;
    color: #7A7A7A; /* Change the text color */
  }

  .sub-items-area a.btn {
    padding: 10px 20px; /* Adjust button padding as needed for mobile devices */
    margin-top: 15px;
    border-radius: 12px; /* Add border-radius to the button */
    background-color: #fff; /* Change button background color */
    color: white; /* Change button text color */
    text-decoration: none; /* Remove underline from button */
    display: inline-block; /* Ensure the button is displayed as a block */
  }
}

@media (max-width:500px) {
  .course-details-items .content .title-review {
    flex-direction: column;
    margin-bottom: 20px;
  }


  .course-wrapper-video .course-videos-wrapper {
    margin-left: 0%;
    margin-right: 0 !important;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .header-area .header-top .header-logo form {
    margin-right: 20px;
  }

  .header-area .header-top .trial-btns a {
    margin-right: 12px;
  }

  .header-area.header-area-3 .header-btns form {
    margin-right: 20px;
  }

  .banner-area.banner-area-2 .banner-content .title::before {
    right: 300px;
  }

  .offer-2-area .offer-thumb .item-2 {
    margin-right: 45px;
  }

  .single-courses .courses-content ul li {
    margin-left: 10px;
  }

  .testimonials-area .testimonials-active .slick-arrow.prev {
    right: 0;
  }

  .testimonials-area .testimonials-active .slick-arrow.next {
    left: 0;
  }

  .testimonials-2-area .courses-active .slick-arrow.prev {
    right: 0;
  }

  .testimonials-2-area .courses-active .slick-arrow.next {
    left: 0;
  }

  .community-area .community-thumb {
    right: 600px;
  }

  .sub-items-area .sub-item .input-box input {
    padding-right: 10px;
  }

  .we-do-area .single-we-do .we-do-thumb h3 {
    right: 20px;
  }

  .course-grid-area .course-grid .course-grid-top .course-info ul li {
    margin-left: 0;
  }

  .course-grid-area .single-courses .courses-content ul li {
    margin-left: 10px;
  }

  .course-grid-area .single-course-list .courses-content ul li {
    margin-left: 10px;
  }

  .course-title-area .course-title-content .title p {
    right: 200px;
  }

  .course-wrapper-video .course-videos-wrapper {
    margin-right: 30% !important;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-area .header-top .header-logo form {
    margin-right: 15px;
  }

  .header-area .header-top .trial-btns a {
    margin-right: 8px;
  }

  .header-area.header-area-3 .header-btns form {
    margin-right: 15px;
  }

  .banner-area.banner-area-2 .banner-content .title::before {
    right: 200px;
  }

  .offer-2-area .offer-thumb .item-2 {
    margin-right: 35px;
  }

  .single-courses .courses-content ul li {
    margin-left: 8px;
  }

  .testimonials-area .testimonials-active .slick-arrow.prev {
    right: 0;
  }

  .testimonials-area .testimonials-active .slick-arrow.next {
    left: 0;
  }

  .testimonials-2-area .courses-active .slick-arrow.prev {
    right: 0;
  }

  .testimonials-2-area .courses-active .slick-arrow.next {
    left: 0;
  }

  .community-area .community-thumb {
    right: 500px;
  }

  .sub-items-area .sub-item .input-box input {
    padding-right: 5px;
  }

  .we-do-area .single-we-do .we-do-thumb h3 {
    right: 15px;
  }

  .course-grid-area .course-grid .course-grid-top .course-info ul li {
    margin-left: 0;
  }

  .course-grid-area .single-courses .courses-content ul li {
    margin-left: 8px;
  }

  .course-grid-area .single-course-list .courses-content ul li {
    margin-left: 8px;
  }

  .course-title-area .course-title-content .title p {
    right: 100px;
  }

  .course-wrapper-video .course-videos-wrapper {
    margin-right: 40% !important;
  }
}

@media only screen and (max-width: 767px) {
  .header-area.header-area-2 .header-top .header-top-left .trial-btns a {
    display: block;
    margin-top: 15px;
  }

  .header-area .header-top .header-top-right .header-btns form {
    margin-right: 0;
  }

  .header-area.header-area-3 .header-btns form {
    margin-right: 0;
  }

  .header-area.header-area-3 .header-top .header-logo form {
    margin-right: 0;
  }

  .header-area.header-area-3 .header-top .header-top-left .trial-btns a {
    display: block;
    margin-top: 15px;
  }

  .header-area.header-area-3 .header-top .header-top-right .header-btns form {
    margin-right: 0;
  }

  .header-area .header-top .header-top-right .header-btns form {
    margin-right: 0;
  }

  .header-area.header-area-3 .header-btns form {
    margin-right: 0;
  }

  .header-area .header-top .header-top-left .trial-btns a {
    display: block;
    margin-top: 15px;
  }

  .header-area.header-area-3 .header-top .header-logo form {
    margin-right: 0;
  }

  .header-area.header-area-3 .header-top .header-top-left .trial-btns a {
    display: block;
    margin-top: 15px;
  }

  .header-area.header-area-3 .header-top .header-top-right .header-btns form {
    margin-right: 0;
  }

  .header-area .header-top .header-top-right .header-btns form {
    margin-right: 0;
  }

  .header-area.header-area-3 .header-btns form {
    margin-right: 0;
  }

  .header-area.header-area-3 .header-top .header-logo form {
    margin-right: 0;
  }

  .header-area.header-area-3 .header-top .header-top-left .trial-btns a {
    display: block;
    margin-top: 15px;
  }

  .header-area.header-area-3 .header-top .header-top-right .header-btns form {
    margin-right: 0;
  }

  .header-area .header-top .header-top-right .header-btns form {
    margin-right: 0;
  }

  .header-area.header-area-3 .header-btns form {
    margin-right: 0;
  }

  .header-area .header-top .header-top-left .trial-btns a {
    display: block;
    margin-top: 15px;
  }

  .header-area.header-area-3 .header-top .header-logo form {
    margin-right: 0;
  }

  .header-area.header-area-3 .header-top .header-top-left .trial-btns a {
    display: block;
    margin-top: 15px;
  }

  .header-area.header-area-3 .header-top .header-top-right .header-btns form {
    margin-right: 0;
  }

  .header-area .header-top .header-top-right .header-btns form {
    margin-right: 0;
  }

  .header-area.header-area-3 .header-btns form {
    margin-right: 0;
  }

  .header-area.header-area-3 .header-top .header-logo form {
    margin-right: 0;
  }

  .header-area.header-area-3 .header-top .header-top-left .trial-btns a {
    display: block;
    margin-top: 15px;
  }

  .header-area.header-area-3 .header-top .header-top-right .header-btns form {
    margin-right: 0;
  }

  .header-area .header-top .header-top-right .header-btns form {
    margin-right: 0;
  }

  .header-area.header-area-3 .header-btns form {
    margin-right: 0;
  }

  .header-area .header-top .header-top-left .trial-btns a {
    display: block;
    margin-top: 15px;
  }

  .header-area.header-area-3 .header-top .header-logo form {
    margin-right: 0;
  }

  .header-area.header-area-3 .header-top .header-top-left .trial-btns a {
    display: block;
    margin-top: 15px;
  }

  .header-area.header-area-3 .header-top .header-top-right .header-btns form {
    margin-right: 0;
  }

  .header-area .header-top .header-top-right .header-btns form {
    margin-right: 0;
  }

  .header-area.header-area-3 .header-btns form {
    margin-right: 0;
  }

  .header-area.header-area-3 .header-top .header-logo form {
    margin-right: 0;
  }

  .header-area.header-area-3 .header-top .header-top-left .trial-btns a {
    display: block;
    margin-top: 15px;
  }

  .header-area.header-area-3 .header-top .header-top-left .trial-btns a {
    display: block;
    margin-top: 15px;
  }

  .banner-area.banner-area-2 .banner-content .title::before {
    right: 300px;
  }

  .offer-2-area .offer-thumb .item-2 {
    margin-right: 45px;
  }

  .single-courses .courses-content ul li {
    margin-left: 10px;
  }

  .testimonials-area .testimonials-active .slick-arrow.prev {
    right: 0;
  }

  .testimonials-area .testimonials-active .slick-arrow.next {
    left: 0;
  }

  .testimonials-2-area .courses-active .slick-arrow.prev {
    right: 0;
  }

  .testimonials-2-area .courses-active .slick-arrow.next {
    left: 0;
  }

  .community-area .community-thumb {
    right: 600px;
  }

  .course-wrapper-video .course-videos-wrapper {
    margin-left: 0%;
    /* margin-right: 20%; */
  }
}

  @media only screen and (min-width: 992px) and (max-width: 1200px) {
    .header-area .header-top .header-logo form {
      margin-right: 20px;
    }

    .header-area .header-top .trial-btns a {
      margin-right: 12px;
    }

    .header-area.header-area-3 .header-btns form {
      margin-right: 20px;
    }

  }