/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
  .common_heading_padding {
    padding-bottom: 0.5rem;
  }
  .common_text_padding {
    padding-bottom: 0.5rem;
  }
  .common_header p {
    font-size: 16px;
    line-height: 24px;
  }
  .common_header h3 {
    font-size: 1.2525rem;
  }
  .course_details .titles h2.title {
    font-size: 28px;
  }
  .course_details .text {
    font-size: 16px !important;
    text-align: justify;
  }
  .career-content h3,
  .marketplace h3,
  .certificate-content-text h3,
  .course-curriculam h3 {
    font-size: 24px;
    margin-bottom: 0 !important;
  }
  .search-durations .durationbox {
    padding: 2.1875rem 22px;
    margin: 0px;
  }
  .marketplace {
    width: 100% !important;
  }
  .marketplace p {
    padding-top: 30px;
  }

  .detailitem .text {
    font-size: 14px !important;
  }
  .course-start-now {
    margin-bottom: 3.5rem;
  }
  .course-start-now .instructor {
    margin: 0 auto;
    margin-bottom: 20px;
  }
  .course_instructor_details .card-instructor {
    flex-wrap: wrap;
  }
  .curriculam-btn {
    flex-direction: column;
    flex-wrap: wrap;
  }
  .course-start-now .btn-learn {
    margin-top: 10px;
    width: 100%;
  }
  .course-start-now {
    padding: 4rem 1.75rem 2rem;
  }
  .btn-favorite {
    width: 100%;
    margin-top: 10px;
  }
  .course-start-now .curriculam-topic-box {
    flex-wrap: nowrap;
    padding-bottom: 20px;
  }
  .otp-section .otp .bskills-card-body .bskills-form .inputbox {
    width: 20%;
  }
  .otp-section .bskills-card {
    width: 100%;
    margin: 0;
  }
  .otp-section .bskills-card-body .bskills-form .inputbox .input-field {
    width: 70%;
  }
  .login_page .bskills-card p,
  .chooice-section p {
    font-size: 1rem;
  }
  .login_page .bskills-card {
    width: 100%;
    padding: 1.5rem;
    margin: 0;
    gap: 1rem;
  }
  .login_page .bskills-card.register {
    margin-top: 40px !important;
  }
  .login_page .login_bg {
    display: none;
  }
  .banner-section {
    height: 12.5rem;
  }
  .banner-video {
    margin: -6.6875rem 0rem 3rem;
  }
  .reviewtext {
    margin-top: 0;
  }
  .buttonbox .buttons {
    flex-direction: column;
  }
  .buttonbox .buttons .cp {
    width: 100%;
    margin: 10px !important;
  }
  .certificate-content-text {
    font-size: 1.5rem;
    padding-top: 30px;
  }
  .chooice-section .chooice-card .bskills-card {
    margin: 0;
  }
  .chooice-section .chooice-card {
    padding-bottom: 20px;
  }
  .tags-section-content .tagslist-item .btn-tag {
    padding: 0.5rem 1.125rem;
  }
  .tags-section-content {
    flex-wrap: wrap;
    flex-direction: column;
    align-items: flex-start !important;
    gap: 1.5rem;
  }
  .help_box {
    margin-top: 40px;
    max-width: 27.25rem;
    padding: 2.4375rem 1.8125rem;
  }

  .course-curriculam .resouces-require,
  .course-curriculam .software-learn {
    padding: 3.125rem 2.875rem 3.875rem;
    margin-bottom: 40px;
  }
  .course-curriculam {
    padding: 5.5rem 0rem 1.0625rem;
  }
  .course-curriculam .student-need-learn {
    padding: 5rem 0rem 2.625rem;
  }
  .marketplace h3 {
    font-size: 1.5rem;
    padding-top: 30px;
  }
  .marketplace-content .cardcontent {
    margin-top: 20px;
  }
  .marketplace-content .cardcontent .card-marketplace {
    width: 100%;
    margin-bottom: 10px;
  }
  .marketplace-content .cardcontent .card-marketplace .card-cap img {
    border-radius: 15px;
    width: 100%;
  }
  .certificate-content-text h3 {
    padding-top: 30px;
  }
  .certificate-content-text p {
    padding-top: 30px;
  }
  .course-curriculam h2 .accordion-button {
    margin-top: 20px;
  }
  .card-curriculam-wrapper {
    padding-top: 30px;
  }
  .course_about_for_whom_wrapper p {
    max-width: 100%;
  }
  .course_about_requirement p {
    max-width: 100%;
  }
  .rev_deatails h5 {
    padding-top: 0;
  }
  .rev_deatails_wrapper {
    padding-top: 20px;
  }
  .details .text {
    text-align: justify;
  }
  .common_header h3 {
    text-align: left;
  }

  .certificate-content-text {
    padding-left: 0;
  }
  .course_instructor_details {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    margin-bottom: 3.75rem;
  }
  .course_instructor_details .card-instructor {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: url("https://api.brightskills.com/images/bg-mobile.svg")
      no-repeat;
    background-size: cover;
    padding: 2.125rem 1rem 3.375rem;
    min-height: 35.6875rem;
    margin: 0;
    margin-top: 30px;
  }
  .course_instructor_details .card-instructor .card-cap {
    margin: 0 auto;
  }
  .course_instructor_details .card-instructor .detail {
    min-width: 100%;
    max-width: 100%;
    text-align: center;
  }
  .course_instructor_details .card-instructor .divider {
    display: none;
  }
  .course_instructor_details .card-instructor .details {
    width: 100%;
    max-width: 100%;
    text-align: center;
  }
  .course_instructor_details .card-instructor .coursebadge {
    margin: 0.8125rem auto;
  }
  /* .course_instructor_details .card-instructor .card-cap {
        width: 7.875rem;
        height: 7.875rem;
        border-radius: 50%;
        overflow: hidden;
        margin: 0 auto;
    } */
  /* .course_instructor_details .card-instructor .divider {
        display: none !important;
    }
    .course_instructor_details .card-instructor .detail {
        min-width: 100%;
        max-width: 100%;
        text-align: center;
    } */

  .topics {
    justify-content: center !important;
  }
  .course-curriculam .card-curriculam {
    margin-right: 5px;
  }
  .card-curriculam {
    margin-right: 5px;
  }
  .card-curriculam {
    width: 4rem !important;
    height: 4rem !important;
  }

  /* Promotion Banner Here */
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
}

/* Medium devices (landscape tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991px) {
  .marketplace-content .cardcontent .card-marketplace {
    width: calc(49% - 0.6875rem);
  }
  .marketplace {
    width: 100%;
  }
  .marketplace h3 {
    padding-top: 20px;
  }
  .career-content h3,
  .marketplace h3,
  .certificate-content-text h3,
  .course-curriculam h3 {
    font-size: 22px;
  }
  .marketplace_part {
    padding-top: 80px;
    padding-bottom: 60px;
  }
  .certificate-content-text {
    padding-left: 10px;
  }
  .accordion_main_body {
    padding-top: 1.625rem !important;
    padding-bottom: 1.25rem !important;
  }
  .course_about_for_whom_wrapper p {
    max-width: 100%;
  }
  .course_instructor_details .card-instructor {
    display: block;
  }
  .course_instructor_details .card-instructor .card-cap img {
    width: 30%;
  }
  .course_instructor_details .card-instructor .divider {
    display: none;
  }
  .details .text {
    margin-top: 20px;
  }
  .course_about_instructor {
    padding-top: 20px;
  }
  .instructor img {
    width: 100%;
  }
  .course_registration_wrapper h3 {
    font-size: 24px;
    margin-bottom: 1.25rem;
  }
  .course-start-now .btn-favorite {
    padding: 10px 16px;
    gap: 0;
    margin-left: 10px;
  }
  .course_registration_fee h3 {
    font-size: 24px;
  }
  .card-curriculam {
    margin-right: 10px;
  }

  .student-discount .ivu-modal {
    width: 800px !important;
  }
}

/* Large devices (laptops/desktops, 992px and up) */
@media (min-width: 992px) {
  .chooice-section .col-sm-3 {
    width: 20%;
  }
  .course-start-now .btn-favorite {
    padding: 10px 16px;
    gap: 0;
    margin-left: 10px;
  }
  .card-curriculam {
    margin-right: 10px;
  }
  .search-durations .durationbox .buttonbox .buttons .btn-favorite {
    padding: 16px;
  }
  .btn-favorite i {
    color: #d66113;
    font-size: 19px;
  }
}
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
}