@media screen and (max-width: 768px) {
    .play-button {
        max-width: 30px; /* Adjust size for smaller screens */
    }
    .mob-margin-bottom {
        margin-bottom: 20px;
    }
    .reg-heading {
        font-size: 18px !important;
    }
    .reg-head {
        font-size: 20px !important;
    }
    .box .form-label {
        font-size: 12px !important;
    }
    .box .form-select {
        margin-bottom: 1rem !important;
        font-size:12px!important;
    }

    .box .form-control {
        margin-bottom: 1rem !important;
        font-size: 12px !important;
    }
    .mob-flex-direction
    {
        flex-direction:column!important;
    }
 /*   .explore-head {
        font-size: 36px !important;
    }*/

    .about-subhead {
        font-size: 12px !important;
        line-height: 1.6;
        padding-top: 15px;
    }

    .explore-subhead {
        font-size: 24px !important;
        line-height: normal !important;
    }

    .explore-txt {
        font-size: 24px !important;
        font-family: roboto-bold;
    }

    .heading-section {
        font-family: roboto-light;
        font-size: 24px !important;
    }

    .heading-section-bold {
        font-family: roboto-medium;
        font-size: 24px !important;
    }
    .thank-you-box {
        padding: 20px !important;
    }
    .resp-padIn {
        padding-right: 0rem!important;
        padding-left: 0rem!important;
    }
    .card-overlay-header {
        font-size: 18px !important;
    }
    /*about us page*/
    .about-banner {
        background-image: url('/images/ericsson-academia.png');
        background-size: cover;
        background-position: unset!important;
        height:200px!important;
    }

    .about-banner-txt {
        width: 100%!important;
        font-size:22px!important;
    }
    .mt-20px
    {
        margin-top:20px!important;
    }

    #accordionFlushExample .accordion-button::after {
        margin-left: 1rem !important;
    }
    .note-padding {
       /* padding: 20px 20px 100px 20px;*/
        font-size: 12px !important;
    }
    .card-title {
        font-size: 20px !important;
    }
    .card-custom {
        padding: 40px 20px !important
    }

    .card-text {
        font-size: 12px !important;
        font-family: roboto-regular;
    }
    .btn-mob-size
    {
        font-size:10px!important;
    }
    .card-hover-text {
        font-size: 12px !important;
    }
    .mob-img-footer
    {
        width:14px;
        height:14px;
    }
    .mob-font-12
    {
        font-size:12px!important;
    }
    #accordionFlushExample .accordion-body {
        font-size: 10px !important;
    }

    .mob-font-14
    {
        font-size:14px!important;
    }
    .mob-font-12
    {
        font-size:12px!important;
    }
    .error-msg
    {
        font-size:12px!important;
    }
    .box .form-control {
        margin-bottom: 1rem !important;
        font-size: 12px !important;
    }
    .reset-link {
        font-size: 16px !important;
    }
    .mob-nav-toggler
    {
        border:none!important;

    }
        .mob-nav-toggler:focus {
            box-shadow: none !important;
        }
    .mob-padinLR
    {
        padding-left:1rem!important;
        padding-right:1rem!important;
    }
    .btn-register, .btn-login, .btn-learning {
        font-size: 12px !important;
        margin-bottom: 0px !important;
        align-content: center !important;
    }
    #profileNav .nav-tabs .nav-link
    {
        font-size:14px!important;
    }
    .profile-name {
        font-size: 18px !important;
        padding-top: 15px !important;
    }
    .user-profile-img {
        width: 150px !important;
        height: 150px;
    }
    .mob-left-align
    {
        text-align:left!important;
    }
    .course-stats div p {
        font-size: 12px;
    }
    .mob-top-15
    {
        margin-top:15px;
    }
    .mob-marginLR
    {
        margin-left:0px!important;
        margin-right:0px!important;
    }
    .sidebar a
    {
        font-size:14px!important;
    }
    .blue-box-new {
        background: #1174E60D;
        padding: 20px !important;
        text-align: center;
    }
    .btn-learning-card
    {
        font-size:12px!important;
    }
    #learningNav .nav-tabs .nav-link {
        border: none;
        color: black;
        font-size: 12px !important;
    }
    .schedule-tbl tr th {
        font-size: 14px !important;
    }

    .schedule-tbl-body tr td {
        font-size: 12px !important;
    }
    .table-responsive {
        width: 100%;
        overflow-x: auto;
    }

    .table {
        width: 100%;
        min-width: 600px; /* Adjust this value based on your table's minimum width */
        border-collapse: collapse;
    }
    .ribbon-h {
        font-size: 12px!important;
        top: 10px!important;
    }
    .profile-image {
        width: 75px!important;
        height: 75px!important;
    }
    .table-leaderboard tr th {
        font-size:14px!important;
    }
    .table-leaderboard tr td {
        font-size: 14px !important;
    }
    .wrapper-height {
        padding-top: 55px!important;
    }
    .blue-box-text {
        font-family: roboto-bold;
        font-size: 14px !important;
    }
    .card-text-new {
        font-size: 12px !important;
    }
    .label-details {
        font-size: 14px !important;
    }
    .table-analysis tbody tr td
    {
        font-size:12px!important;
    }
    .error-no-assessment {
        font-size: 12px !important;
        color: #F83B3B;
    }
    .accrediation-card {
        margin-bottom: 20px;
    }
    .wrapper-content {
        /* height: calc(100vh - 130px)!important;*/
        height: calc(100vh - 161px) !important;
    }
    /*section.assessment-wrapper {*/
      /*  height: calc(100vh - 540px)!important;*/
      /*height:100vh;
    }*/
    .eric-branding-responsive
    {
        height:250px!important;
    }
   /* .ericson-top-margin
    {
        margin-top:55px!important;
    }*/

    .profile-wrapper {
        min-height: calc(100vh - 380px)!important;
    }
    .copyright-txt {
        font-size: 8px!important;
    }
    .mb-padIn-0 {
        padding-left: 0px !important;
        padding-right:0px!important;
    }
    .ericsion-heading {
        font-size: 22px !important;
        font-family: roboto-regular;
    }
    #carouselLife .carousel-inner {
        height: 350px!important; /* Adjust the height based on your content */
    }
    .mob-padIn-2 {
        padding: 30px 0px !important;
    }
    .register-padding
    {
        padding:25px!important;
    }
    .ericsion-program {
        font-size: 14px !important;
    }
    .table-head {
        font-family: 'roboto-bold';
        font-size: 12px !important;
    }
    .explore-head {
        font-size: 24px !important;
    }
    .button-overlay button {
        font-size: 12px !important;
    }
    .table {
        width: 100%;
        min-width: 100%!important;
        border-collapse: collapse;
    }
    .home-banner {
        background-image: url(/images/home-banner.jpg);
        background-size: cover;
        background-position: center;
        height: 300px !important;
    }
    .ericson-top-padding
    {
        padding-top:1.5rem!important;
    }
    .profile-lock {
        font-size: 14px !important;
    }
    .details-section .main-lbl {
        font-size: 12px !important;
    }
    .details-label {
        font-size: 12px !important;
        color: #6c6c6c;
    }
    .edit-label {
        font-size: 12px !important;
        color: #000000;
        font-family: roboto-medium;
    }

    .edit-label-gray {
        font-size: 12px !important;
    }
    .btn-edit {
        border: 1px solid #242424;
        width: fit-content;
        font-size: 12px !important;
    }
    }

@media screen and (max-width: 375px) {
    .mob-margin-bottom {
        margin-bottom: 20px;
    }
    .reg-heading {
        font-size: 20px !important;
    }
    .box .form-select {
        margin-bottom: 1rem !important;
    }

   /* .box .form-control {
        margin-bottom: 1rem !important;
    }*/
    .user-profile-img {
        width: 70px !important;
        height: 70px !important;
    }
    .wrapper-height {
        padding-top: 55px !important;
    }
    .mob-padIn-2 {
        padding: 30px 0px !important;
    }
}

@media screen and (max-width: 575px)
{
    .profile_name-margin {
        margin-bottom: 10px;
    }
}


@media screen and (max-width: 320px) {
    .banner-text {
        font-size: 21px !important;
    }

    .hero-text {
        position: absolute;
        /* top: 25%!important;*/
    }

    .mob-250 {
        height: 250px !important;
    }

    .card-heading {
        font-size: 12px !important;
        font-family: roboto-regular;
    }

    .heading-section-bold {
        font-family: roboto-bold;
        font-size: 24px !important;
    }

    .explore-head {
        font-size: 24px !important;
    }

    .explore-subhead {
        font-size: 24px !important;
        line-height: normal !important;
    }

    .image-container {
        margin-bottom: 15px;
    }

    .explore-txt {
        font-size: 18px !important;
        margin-bottom: 0px;
    }

    .heading-section {
        font-family: roboto-light;
        font-size: 22px !important;
        padding-left: 0px !important;
    }

    .about-subhead {
        font-size: 12px !important;
        padding-top: 15px;
    }

    .mb-padIn-0 {
        padding: 1rem 0rem 4rem 0rem !important;
    }

    .mob-padIn-2 {
        padding: 2rem !important;
        padding-bottom: 0px !important;
    }

    .footer-back {
        background-image: url(/images/footer-img.png);
        background-repeat: no-repeat;
        background-position-x: right !important;
        background-size: cover !important;
    }

    .carousel-padIn-0 {
        padding: 0px !important;
    }

    .mobile-btn {
        text-align: center !important;
    }

    .mob-margin-bottom {
        margin-bottom: 20px;
    }

    .reg-heading {
        font-size: 20px !important;
    }

    .user-profile-img {
        width: 70px !important;
        height: 70px !important;
    }
 
    /*.wrapper-content {
        height: calc(100vh - 125px) !important;
    }*/
    .mob-padIn-2 {
        padding: 0px !important;
    }

}
/*medium devices*/
@media screen and (max-width: 1366px) {
   /* .thank-you-box {
        height: 100vh;
    }*/
}

@media screen and (max-width: 1200px) {
  /*  .thank-you-box {
        height: 100vh;
    }*/
    .heading-section
    {
        padding-top:20px;
    }
    
}

@media screen and (max-width: 1199px) {
  /*  .thank-you-box {
        height: 100vh;
    }*/
}

@media screen and (max-width: 991px) {
   /* .explore-subhead {
        font-size: 38px !important;
        line-height: normal !important;
    }
    .explore-head {
        color: white;
        font-size: 38px !important;
    }*/
   /* .explore-txt {
        font-size: 34px !important;
    }*/
  /*  .heading-section {
        font-family: roboto-light;
        font-size: 38px !important;
    }*/
   /* .about-subhead {
        font-size: 16px !important;
    }*/
    .footer-back {
        padding: 15px 22px !important;
        background-size: cover !important;
    }
    .card-academia .card-heading {
        font-size: 12px !important;
        font-family: 'roboto-regular';
    }
  /*  .thank-you-box
    {
        height:100vh;
    }*/
    .btn-learning
    {
        font-size:12px!important;
    }
   /* .button-overlay button {
        font-size: 20px !important;
    }*/
}

@media screen and (max-width: 1024px) {
   /* .assessment-wrapper {
        height: calc(100vh - 540px);
    }*/
   
}

@media only screen and (min-width: 600px) and (max-width: 600px) and (min-height: 960px) and (max-height: 960px) {
    /* Styles for Nexus 7 with resolution 600x960 */
   
}
@media (min-width: 768px) 
{
   /* .mob-padIn-2 {
        padding: 20px 0px !important;
    }*/
   /* .carousel-padIn-0 {
        padding-right: 0px !important;
    }*/
}