/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
    .number-sm {
        display: none;
    }
    #Page-breadcrumbs .breadcrumbs-title {
        font-size: 16px;
    }
    #Page-breadcrumbs .page-link {
        font-size: 15px;
    }
    #Page-breadcrumbs .breadcrumbs-main-title {
        font-size: 20px;
        line-height: 26px;
    }
    #Page-breadcrumbs .breadcrumbs-main-details {
        font-size: 16px;
        line-height: 24px;
    }
    .section-header h2 {
        font-size: 24px;
        line-height: 28px;
    }
    .section-header p {
        line-height: 24px;
        font-size: 15px;
    }
    .section-header h4 {
        font-size: 17px;
    }
    .contactFrom .contact-subtitle {
        font-size: 16px;
        line-height: 26px;
    }
    .course-heading h4 {
        font-size: 22px;
        line-height: 29px;
    }
    #aboutVideos h1 {
        font-size: 18px;
        line-height: 26px;
    }
    #aboutVideos h2 {
        font-size: 22px;
        line-height: 30px;
    }
    #aboutVideos p {
        font-size: 16px;
        line-height: 26px;
    }
    #aboutCompany h2 {
        font-size: 25px;
        line-height: 27px;
    }
    #awards .awards-text {
        line-height: 26px;
        font-size: 16px;
    }
    #awards .awards-title {
        font-size: 17px;
    }
    #whypeoplentech .facilities-item .whypeoplentech-contnet h4 {
        font-size: 22px;
    }
    #seminarList .single-list .single-Seminar-list-inner .details h4 {
        font-size: 16px;
        line-height: 24px;
    }
    #seminarList .single-list .single-Seminar-list-inner .date {
        font-size: 18px;
        width: 63px;
        height: 58px;
    }
    #seminarList .seminar-join a {
        font-size: 13px;
        padding: 3px 6px 3px 6px;
    }
    #Seminar .Seminar-thumb {
        margin-left: 0px;
    }
    #Seminar .single-list {
        padding: 30px 20px 30px 20px;
    }
    #Seminar .single-list .single-Seminar-list-inner .details h4 {
        font-size: 15px;
        line-height: 23px;
    }
    #Seminar .single-list .single-Seminar-list-inner .date span {
        font-size: 14px;
    }
    #Seminar .single-list .single-Seminar-list-inner .date {
        font-size: 18px;
        width: 60px;
        height: 58px;
    }
    #Seminar .single-list .single-Seminar-list-inner .Seminar-meta .Time h6 {
        font-size: 15px;
    }
    #Seminar .seminar-join a {
        font-size: 14px;
        padding: 4px 8px 4px 8px;
    }
    #about-us .about-content h4 {
        font-size: 16px;
    }
    #about-us .about-content h3 {
        font-size: 20px;
        line-height: 26px;
    }
    #about-us .about-gol {
        font-size: 20px;
        line-height: 26px;
    }
    #about-us .about-content p {
        font-size: 16px;
    }
    #freeTutorial .freeTutorial-title {
        font-size: 24px;
        line-height: 33px;
    }

    #course-category .swiper-button-next {
        right: 0px;
    }
    #course-category .swiper-button-prev {
        left: 0;
    }
    .hero-img {
        display: none;
    }
    #hero {
        margin-bottom: 0;
    }

    #hero .course-view .course-view-items h5 {
        font-size: 20px;
        line-height: 23px;
        margin-bottom: 0px;
    }
    #hero .course-view .course-view-items h6 {
        font-size: 14px;
    }
    #hero {
        padding: 30px 0px;
    }
    .Allcourse .nav-link {
        font-size: 14px;
        padding: 8px 10px;
    }
    #Allcourse .allcourse-prev {
        left: 0;
    }
    #Allcourse .allcourse-next {
        right: 0;
    }
    .Allcourse .course-card .course-title {
        font-size: 18px;
        line-height: 26px;
    }
    .Allcourse .course-card .course-details-btn .details-btn {
        font-size: 16px;
    }
    .Allcourse .course-card .count-student {
        font-size: 14px;
        line-height: 26px;
    }
    #upcomingBatches .upcomingBatches-prev {
        left: 0;
    }
    #upcomingBatches .upcomingBatches-next {
        right: 0;
    }
    .course-card .course-title {
        font-size: 18px;
        line-height: 26px;
    }
    .course-card .course-details-btn .details-btn {
        font-size: 16px;
    }
    .course-card .count-student {
        font-size: 14px;
    }
    #team .team-name {
        font-size: 20px;
    }
    #CourseDetails-Banner .CourseDetails-Link-title {
        font-size: 16px;
    }
    #CourseDetails-Banner .Course-hm-link {
        font-size: 16px;
    }
    #CourseDetails-Banner .CourseDetails-ti {
        font-size: 14px;
    }
    #CourseDetails-Banner .CourseDetails-content h4 {
        font-size: 20px;
        line-height: 30px;
    }
    #CourseDetails-Banner .CourseDetails-content p {
        line-height: 25px;
        font-size: 16px;
    }
    #CourseDetails-Banner .course-contact h4 {
        font-size: 23px;
        line-height: 25px;
    }
    .courseDetails-header h2 {
        font-size: 24px;
        line-height: 30px;
    }
    #CourseDetails-Banner .course-details-min-bn {
        object-fit: none;
        width: 100%;
        height: auto;
    }
    #getOneCourse .getOneCourse-card h4 {
        font-size: 16px;
        line-height: 24px;
    }
    #courseCurriculum .accordion-button .module-name {
        margin-right: 10px;
    }
    #courseCertificate .courseCertificate-content h4 {
        font-size: 17px;
        line-height: 23px;
    }
    #courseFeq .accordion-button {
        font-size: 16px;
        line-height: 24px;
    }
    #courseContact .courseContact-title h4 {
        line-height: 24px;
        font-size: 16px;
    }
    #CourseDetailsFeedback .feedback-prev {
        left: 0;
    }
    #CourseDetailsFeedback .feedback-next {
        right: 0;
    }
    #teacherProfile .content-title {
        font-size: 20px;
        line-height: 26px;
    }
    #teacherProfile .content-subtitle {
        font-size: 24px;
        line-height: 33px;
    }
    #CourseDetails-Banner .course-details-min-bn {
        object-fit: contain;
        width: 100% !important;
        height: auto !important;
    }
    #CourseDetails-Banner .CourseDetails-play-btn img {
        width: 60px;
        height: 60px;
    }
        .hide-xs{
        display: none !important;
    }
    .justify-content-xs-start{
        justify-content: flex-start !important;
    }
    .course-view{
        display: none !important;
    }
    #CourseDetails-Banner .inside-Course-botton-group .admission-btn{
        padding: 10px 15px;
    }
    #CourseDetails-Banner .inside-Course-botton-group .seminar-btn{
        padding: 10px 15px;
    }
    #about-us .about-more{
        padding: 7px 14px;
    }
    #about-us .about-course-btn{
        padding: 7px 14px;
    }
    #hero .btn-watch-video{
        border-radius: 50px;
        border: 1px solid var(--primary-color);
        padding: 9px 16px;
    }
    #hero .btn-watch-video i{
        display: none !important;
    }
}

/* // Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {
    #Seminar .Seminar-thumb {
        margin-left: 0px;
    }
    #Seminar .single-list {
        padding: 30px 30px 30px 30px;
    }
    #course-category .swiper-button-next {
        right: 0px;
    }
    #course-category .swiper-button-prev {
        left: 0;
    }
    .hero-img {
        display: none;
    }
    #hero {
        margin-bottom: 0;
    }
    #Allcourse .allcourse-prev {
        left: 0;
    }
    #Allcourse .allcourse-next {
        right: 0;
    }
    .Allcourse .course-card .course-title {
        font-size: 18px;
        line-height: 26px;
    }
    .Allcourse .course-card .course-details-btn .details-btn {
        font-size: 16px;
    }
    .Allcourse .course-card .count-student {
        font-size: 14px;
        line-height: 26px;
    }
    #upcomingBatches .upcomingBatches-prev {
        left: 0;
    }
    #upcomingBatches .upcomingBatches-next {
        right: 0;
    }
    .course-card .course-title {
        font-size: 18px;
        line-height: 26px;
    }
    .course-card .course-details-btn .details-btn {
        font-size: 16px;
    }
    .course-card .count-student {
        font-size: 14px;
    }
    #CourseDetailsFeedback .feedback-prev {
        left: 0;
    }
    #CourseDetailsFeedback .feedback-next {
        right: 0;
    }
    #CourseDetails-Banner .course-details-min-bn {
        object-fit: contain;
        width: 100% !important;
        height: auto !important;
    }
    .hide-sm{
        display: none !important;
    }
}

/* // Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
    #Seminar .Seminar-thumb {
        margin-left: 0px;
    }
    #Seminar .single-list {
        padding: 30px 30px 30px 30px;
    }
    .hero-img {
        display: none;
    }
    #hero {
        margin-bottom: 0;
    }
}

/* // Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {
    #hero {
        width: 100%;
        height: auto;
        background-image: url(../../../../cdn.10minuteschool.com/images/bg2_1699781792031.jpg);
        background-color: rgb(253, 250, 248);
        overflow: hidden;
        position: relative;
        z-index: 1;
        margin-bottom: -110px;
    }
    .admission-btn{
        display: block;
        margin-bottom: 10px;
    }
    .seminar-btn{
        display: block;
        margin-left: 0 !important;
    }
}

/* // Large devices (desktops, 992px and up) */
@media (min-width: 1200px) and (max-width: 1599.98px) {
    #hero {
        width: 100%;
        height: auto;
        background-image: url(../../../../cdn.10minuteschool.com/images/bg2_1699781792031.jpg);
        background-color: rgb(253, 250, 248);
        overflow: hidden;
        position: relative;
        z-index: 1;
        margin-bottom: -110px;
    }
    #hero .discount {
        top: 135px;
        left: 20px;
    }
    #hero .happy-student{
        bottom: 220px;
    }
    #hero .discount .discount-student h4 {
        font-size: 15px;
    }
}

/* // Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}