
@media(max-width:991px){
    .f-42 {
        font-size: 32px !important;
    }
    .academy-section .banner-content p {
        font-size: 16px;
    }
    .section-padding {
        padding: 50px 0;
    }
    .banner-image-area .avatar-area {
        left: 0;
        right: 0;
        display: -webkit-inline-box;
        font-size: 12px;
        gap: 15px;
        max-width: 250px;
        bottom: -30px;
        margin: auto;
    }
    .banner-image-area .avatar-area .userimage img {
        max-height: 22px;
    }
    .learner-grid {
        grid-template-columns: 1fr 1fr;
        gap: 5px;
    }
    #partnerssection .learner-grid .name {
        font-size: 12px;
    }
    .info-card-hover-item li img {
        max-height: 35px;
    }
    .Newslatter-section .container:before{
        height: 100%;
    }
    .tab-big li a {
        font-size: 12px;
        padding: 15px 15px;
    }
    .menu {
        padding: 10px 35px !important;
    }
    ul.menu, .menu > ul {
        justify-content: start !important;
        overflow-x: auto;
    }
    .menu li {
        font-size: 13px;
        padding: 8px 6px;
        flex: 0 0 auto;
    }
    .mobildbtn button {
        top: 1px;
        width: 30px;
        height: 55px;
        z-index: 99999;
    }
    .mobildbtn #nextBtn {
        right: 1px;
    }
    .mobildbtn #prevBtn {
        left: 1px;
    }
    .btn-area{
        width: 100% !important;
    }
    .mobildbtn {
        width: 100%;
        max-width: 100%;
        z-index: 99999;
        top: 0;
        left: 0;
    }
    ul.menu::-webkit-scrollbar, .menu > ul::-webkit-scrollbar {
        height: 0;
        width: 0px;
    }
    .menu + .child-item {
        margin: 0;
        min-width: 100%;
        position: fixed;
        top: 57px;
        padding: 10px 30px;
        overflow-x: auto;
        gap: 15px;
    }
    .menu + .child-item li {
        flex: 0 0 auto;
    }
    .inten-banner h1 {
        font-size: 24px;
    }
    .inten-banner p, .inten-banner .lang, .inten-banner .intslid .subtext {
        font-size: 14px;
    }
    .inten-banner {
        padding-bottom: 80px !important;
    }
}
@media(max-width:767px){
    .topchoice .choice-course .intcourse .cobox .content p {
        display: block;
        font-weight: 400;
    }
    .locationmap-area ul.nav-tabs li button.active h5:after {
        display: none !important;
    }
    #mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle ~ button.mega-close:before {
        background: #ef721f;
        color: #fff;
        border-radius: 100%;
        height: 25px;
        width: 25px;
        margin-right: 5px;
        margin-top: 15px;
    }
    #corporatetrainings .turnover p {
        font-size: 12px;
                line-height: 18px;
    }
    #corporatetrainings .thesummer button {
        font-size: 12px;
    }
    #corporatetrainings .award .item .cousebox h4 {
        min-height: 65px !important;
    }
    
    #corporatetrainings .award .item .cousebox img {
        max-height: 150px !important;
        min-height: 150px !important;
    }
    #partnerssection .partner-section .trackbox p,
    #academic-collaborations .partner-section .trackbox p {
        padding-top: 6px;
    }
    #partnerssection .partner-section .trackbox .verify-btn,
    #academic-collaborations .partner-section .trackbox .verify-btn {
        display: inline-block;
        font-size: 10px;
        padding: 5px 10px;
    }
    #overviewsection .endcareer .contbox {
        margin-bottom: 0;
    }
    #overviewsection .help-section .card {
        height: 100% !important;
    }
    #partnerssection .learner-grid .name {
        font-size: 12px;
    }
    #industrysection .industry-section .cousebox ul li {
        font-size: 13px;
        padding-bottom: 5px;
    }
    #industrysection .industry-section .cousebox {
        border-radius: 5px;
    }
    #industrysection .industry-section .cousebox ul + a {
        font-size: 12px;
    }
    #industrysection .industry-section .cousebox ul {
        min-height: auto !important;
    }
    #solutionsection .timeline .timeline-item ul li {
        font-size: 12px;
        padding-bottom: 5px;
    }
    #solutionsection .timeline .timeline-item h5 {
        font-size: 16px;
    }
    .overview .item-content .theme-text-primary, .whyenroll .goalbox .theme-text-primary {
        font-size: 12px;
    }
    .tools-section.help-section .cardicon svg {
        width: 17px;
        height: 17px;
    }
    .industryproject .content ul li{
        min-width: 70px;
    }
    .menu + .child-item li a {
        font-size: 12px;
    }
    .f-42 {
        font-size: 24px !important;
    }
    .academy-section .banner-content p, .info-card .card-data p, .content-area,
    .innovation ul li, .heading-area p, .help-section .card, .career-block p, .dataarea span {
        font-size: 12px;
    }
    .innovation ul li svg {
        width: 14px;
    }
    .heading-area h1, .refer-section .banner-content h1 {
        font-size: 20px !important;
    }
    .info-card .card-data h5, .help-section .card h5,
    .refer-section .banner-content, .career-block h5,
    .careerarea h5 {
        font-size: 14px;
    }
    .dataarea h4 {
        font-size: 18px;
    }
    .career-block .career-block-count {
        margin-top: -12px;
        width: 25px;
        height: 25px;
        font-size: 13px;
    }
    .content-area h2{
        font-size: 16px;
    }
    .help-section .cardicon svg {
        width: 30px;
        height: 30px;
    }
    .career-block .cardicon svg {
        width: 40px;
        height: 40px;
    }
    .hearform .nav a {
        display: inline-flex;
        justify-content: center;
        font-size: 11px;
        margin-bottom: 0;
        padding: 13px 7px !important;
        align-items: center;
        vertical-align: middle;
        min-height: 60px;
    }
    .banner-content h3 {
        font-size: 18px;
        margin-bottom: 12px;
    }
    .refer-section:before{
        z-index: -1;
    }
    .user-block-area .user-block-data .user-name,
    .banner-content .banner-tags li, .contactform .coform .form-label,
    .bold-counter p, p, .jobopen .jobox, .explorearea h6,
    .shape-card h5, .careerarea p {
        font-size: 12px;
    }
    .tab-big li a.active .collapseicon-mobile {
        transform: rotate(180deg) translate(0px, 10px);
    }
    .faqs .accordion-plus .accordion-button::after{
        width: 18px;
        height: 18px;
        right: 0px;
    }
    .thesummer button {
        font-size: 14px;
        font-weight: 500;
    }
    .program-section h5, .thesummer button, .contactform .coform .btn-outline-primary {
        font-size: 14px;
    }
    .bold-counter big {
        font-size: 20px;
    }
    .program-section .cardicon svg,
    .explorearea .iconarea, .shape-card .cardicon {
        width: 35px;
        height: 35px;
    }
    .explorearea .iconarea {
        min-width: 35px;
    }
    .explorearea .iconarea svg {
        width: 16px;
        height: 16px;
    }
    .shape-card .cardicon svg {
        width: 22px;
        height: 22px;
    }
    .shape-card .cardicon {
        padding: 5px;
        text-align: center;
    }
    .contactform .coform .form-control {
        height: 30px;
        border-radius: 2px;
        font-size: 12px;
    }
    .exam-section .left-tab li a.active + .exam-course-area .exam-course-area-item {
        display: block !important;
    }
    .user-block-area {
        padding: 8px !important;
    }
    .user-block-area .user-block-icon svg {
        width: 30px;
        height: 30px;
    }
    .exam-section .exam-course-area .cobox a {
        padding: 0 0 6px;
    }
    .exam-section .exam-course-area .cobox .content.line,
    .exam-course-area .cobox .content p, .exam-course-area .cobox .cobox-footer {
        display: none;
    }
    .exam-course-area .cobox .p-3 {
        padding-bottom: 0 !important;
    }
    .exam-course-area .cobox .question-list {
        display: flex;
        justify-content: space-between;
    }
    .exam-course-area .cobox .question-list li {
        border: 0;
        display: flex;
        gap: 5px;
    }
    .exam-section .intcourse {
        padding-bottom: 10px !important;
    }
    .exam-section .exam-course-area {
        overflow: hidden;
        max-height: initial;
        background-color: transparent;
        padding-top: 0;
    }
    .exam-section .exam-course-area .exam-course-area-item {
        padding: 15px 4px 0 !important;
    }
    .faqs .accordion-plus {
        border-radius: 0;
    }
    .faq-section .left-tab li a {
        position: relative;
    }
    .faq-section .left-tab li a:after {
        /* background: url(../images/plus-theme.png) no-repeat; */
        left: auto;
        position: absolute;
        right: 15px;
        top: 50%;
        content: "";
        width: 14px;
        height: 14px;
        transform: translate(0px, -50%);
        background-size: 14px;
    }
    .faq-section .left-tab li a.active:after{
        /* background: url(../images/minus-theme.png) no-repeat; */
        /* height: 2px; */
    }
    .faq-section .left-tab li{
        margin-bottom: 5px;
        font-size: 12px;
    }
    .question-block .question-name {
        font-size: 12px;
    }
    .stickybar a {
        width: 100%;
    }
    .mcq-detail h5 {
        font-size: 14px;
    }
    .circle-container {
        margin-left: auto;
        margin-right: auto;
    }
    .btnlight, .roadmap-block h5{
        font-size: 15px;
    }
    .left-tab li a.active + .mobile-view-tab {
        display: block !important;
    }
    .trackrecord .trackbox img {
        width: 70px;
    }
    .partner-section .trackbox {
        box-shadow: 0px 0px 10px rgba(0, 0, 0, .08);
        padding: 12px !important;
        text-align: center;
    }
    #eventssection .awardbox .content h5 {
        min-height: 45px;
    }
    .partner-section .trackbox p {
        padding-bottom: 10px;
                font-weight: 500;
                        font-size: 11px;
    }
    .trackbox button {
        font-size: 9px;
    }
    .industryarea{
        background-color: transparent !important;
    }
    .heading-area h4, .industry-section .cousebox, .industry-section .cousebox h5 {
        font-size: 16px;
        min-height: initial;
    }
    .awardbox {
        display: flex;
        text-align: left !important;
        font-size: 12px;
    }
    .awardbox .image-box {
        min-width: 90px;
        margin-right: 20px;
    }
    .left-tab li a:not(.active) + .eventblock {
        display: none;
    }
    .left-tab li a + .eventblock .pagination li a {
        line-height: 1;
    }
    .exam-section .left-tab {
        max-height: inherit;
    }
    
    .awardbox h5 {
        font-size: 14px;
    }
    .careerarea .careerarea-icon {
        max-width: 70px;
    }
    .careerarea1 .careerarea-icon {
        min-width: 40px;
    }
    .careerarea1 .careerarea-icon img {
        max-width: 40px;
    }
    .mobbtn-100{
        width: 100%;
    }
    .careerarea1 .careerarea-text h6, .heading-area h5, .mobilefont {
        font-size: 12px;
    }
    .turnover-detail .icon {
        width: 35px;
        height: 35px;
        border: 0 !important;
        padding: 0;
        background-color: transparent;
    }
    .turnover-detail p big {
        font-size: 20px;
    }
    .turnover-detail p, .intslid .subtext, .lang  {
        overflow: hidden;
        font-size: 12px;
    }
    .heading-area p, .endcareer2-area h6, .help-section .card p{
        font-size: 12px;
    }
    .endcareer2-area img {
                width: 38px;
        padding: 2px;
        min-height: 38px;
                max-height: 38px;
    }
    .industryproject .content img {
        width: 60px;
    }
    .fullstack h5 {
    font-size: 16px;
}
.faqs .accordion .accordion-item .accordion-button:not(.collapsed) {
    background-color: #fff7ef;
    color: #ef7220;
    font-weight: 500;
}
    .btnwith-icon-sm .btn-icon {
        width: 26px;
        height: 26px;
    }
    .contactform hr {
        margin: 20px auto;
    }
    .turnover p big {
        font-size: 20px;
    }
    .help-section .card {
        height: auto !important;
    }
    .info-card .card-icon-sm {
        max-width: 36px;
        height: 36px;
        min-width: 36px;
        font-size: 14px;
    }
    .content-area h4 {
        font-size: 16px;
    }
    .grrasint td {
        font-size: 12px;
        padding: 10px 10px;
    }
    .grrasint th {
        font-size: 12px;
        padding: 10px 5px;
                vertical-align: middle;
    }
    .hearform .reviewbox br {
        display: none;
    }
    .hearform .reviewbox img {
        float: left;
    }
    .hearform .reviewbox .content {
        overflow: hidden;
    }
    .hearform .reviewbox .content p{
        margin-bottom: 0;
    }
    .page-template-redhat .turnover .icon {
        width: 50px;
        height: 50px;
        padding-top: 10px;
    }
    .page-template-redhat .turnover p big {
        margin-bottom: 0;
    }
    .page-template-redhat .redhatpro h4 {
        padding: 0;
    }
    .page-template-redhat .careerpath ul li img {
        height: 40px;
    }
    .page-template-redhat .needmore h2 {
        font-size: 20px;
        margin-bottom: 20px;
    }
    .page-template-redhat .trainingcourse .btn {
        border-radius: 2px;
    }
    .page-template-redhat .coursesec .imgbox .imgcontent {
        top: 26px;
    }
    .page-template-redhat .course-mobile p a {
        font-size: 10px;
    }
    .page-template-redhat .redcartiholder .rec-certi img {
        height: 200px;
    }
    .page-template-redhat .redlogo .item {
        padding: 0 10px;
    }
    body.single-internships .hearform .owl-carousel .owl-item .reviewbox .content + p,
    body.page-template-page-template-services .hearform .owl-carousel .owl-item .reviewbox .content + p{
        float: none;
        margin-top: 5px;
    }
    body.page-template-page-template-services .hearform .owl-carousel .owl-item .reviewbox .content {
        min-height: 65px;
    }
    body.single-internships .hearform .owl-carousel .owl-item .reviewbox,
    body.page-template-page-template-services .hearform .owl-carousel .owl-item .reviewbox {
        min-height: 70px;
    }
   body.single-internships .hearform .owl-carousel .owl-item .carbox .bigimg img {
        min-height: 314px;
    }
    .hearform .reviewbox .content h4 {
        margin-top: 10px;
    }
    body.single-internships .content h4 {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        font-size: 15px;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    body.single-internships .content {
        height: 100%;
        min-height: 300px;
    }
}
@media (min-width: 768px) {
    .timeline {
       position: relative;
       margin: 2rem 0;
       padding-left: 2rem;
       overflow: hidden;
     }
    
     .timeline::before {
       content: '';
       position: absolute;
       top: 0;
       left: 15px;
       width: 2px;
       height: 100%;
       background: #000;
    }
    .timeline-item {
       position: relative;
       margin-bottom: 2rem;
       padding-left: 2rem;
     }
    
     .timeline-item::before {
       content: '';
       position: absolute;
       top: 50%;
       left: -7px;
       width: 15px;
       height: 15px;
       background: #ef7220;
       border-radius: 50%;
       z-index: 1;
     }
     .timeline-item::after {
       margin-left: -6px;
       content: "";
       position: absolute;
       top: 50%;
       left: 50%;
       width: 35px;
       height: 35px;
       background: #d9d9d9;
       border-radius: 50%;
       z-index: -1;
    }
    .timeline {
      padding-left: 0;
    }
    .timeline::before {
          left: 50%;
          margin-left: 10px;
    }
    .timeline-item {
      padding-left: 0;
      padding-right: 2rem;
    }
    .timeline-item:nth-child(odd) {
      clear: both;
      float: left;
    }
    .timeline-item:nth-child(even) {
      float: right;
      clear: both;
    }
    .timeline-item::before {
       left: 50%;
       margin-left: 4px;
       margin-top: 10px;
    }
    
 }

@media(min-width: 991px) {
    /* .industryproject .item {
        height: 380px;
    } */
    .intcourse .cobox {
        min-height: 300px;
    }
        body.single-internships .whygrras .iconbox {
            min-height: 230px !important;
        }
}
