@media(min-width:1401px) and (max-width:1900px) {}
@media(min-width:1367px) and (max-width:1440px) {}

@media(max-width:1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1300px;
    }
}

@media(max-width:1367px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1240px;
    }
    header .header-main .navbar .navbar-brand img {
        height: 40px!important;
      
        object-fit: contain;
    }
   .screen{
    padding-top: 0px!important;
    padding-bottom: 0px!important;
   }
   .navbar{
     padding-top: 10px!important;
    padding-bottom: 10px!important;
    /* font-size: 0.9rem!important; */
   }
    .heroSection .heroBottom .heroOfferPart .item.upcoming .itemTitle {
        font-size: 28px;
    }
    #aboutusPage .ourVisionSection .contentArea .card {
        padding-bottom: 80px;
    }
    .heroSection .heroBottom .heroOfferPart .item.best .itemTitle {
        font-size: 36px;
    }
    .heroSection .heroBottom .heroOfferPart .item.best .ribbon strong {
        font-size: 20px;
    }
    .title {
        font-size: 32px;
    }
    .heroSection .heroBottom .heroClintePart .slider .slide {
        height: 54px;
    }

    .successScoreSection .centerContent .card .card-body {
        padding: 0;
    }

    .successScoreSection .whyChoose .card-title {
        font-size: 16px;
    }

    #blogsPage .pageHeader .leftSide .categoriesArea .categoryList .item a {
        padding: 5px 20px;
    }
    .pageHeader .leftSide .pageTitle {
        font-size: 48px;
    }
}

/* ******************************** */
/* min-width:1200px  max-width:1366px */
/* ******************************** */
@media (max-width:1366px) {

    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1160px;
    }
    footer .footer-main .footer-logo img {
  height: 32px;
}

    header .header-main .navbar .nav-item .nav-link {
        padding: 8px 12px;
    }
    .heroSection .heroBottom .heroOfferPart .item.upcoming .itemTitle {
        font-size: 28px;
    }
    .heroSection .heroBottom .heroOfferPart .item.best .itemTitle {
        font-size: 34px;
    }
    .heroSection .heroBottom .heroOfferPart .item.best .ribbon strong {
        font-size: 20px;
    }
    .title {
        font-size: 32px;
    }
    .heroSection .heroBottom .heroClintePart .slider .slide {
        height: 54px;
    }

    .successScoreSection .centerContent .card .card-body {
        padding: 0;
    }

    .successScoreSection .whyChoose .card-title {
        font-size: 14px;
    }

    #blogsPage .pageHeader .leftSide .categoriesArea .categoryList .item a {
        padding: 3px 15px;
    }
    .pageHeader .leftSide .pageTitle {
        font-size: 45px;
    }
    #blogsPage .pageHeader .leftSide .categoriesArea .areaTitle {
        font-size: 20px;
    }
    #blogDetailsPage .mainSection .mainWrapper .blogDetails .blogTitle {
        font-size: 38px;
    }
    #blogDetailsPage .mainSection .mainWrapper .blogDetails .tags span,
    #blogDetailsPage .mainSection .mainWrapper .blogDetails .shares span,
    #blogDetailsPage .mainSection .mainWrapper .blogDetails .date {
        font-size: 18px;
    }

    footer .footer-top .title {
        font-size: 34px;
    }

    .mainSection .sidebarWrapper .partTitle {
        font-size: 24px;
    }
    .heroSection .heroBottom .heroOfferPart .item.upcoming .itemTitle {
        font-size: 27px;
    }


}

/* ******************************** */
/* min-width:1081px  max-width:1199px */
/* ******************************** */
@media (max-width:1199px) {
    .heroSection .heroBottom .heroClintePart .rightPart .slider .slide {
        padding: 0px 30px;
    }
    header .header-main .navbar .navbar-brand img {
        height: 48px;
    }
    header .header-main .navbar .nav-item .nav-link {
        padding: 8px 0px;
    }
    header .header-main .navbar .menu-right .nav-item .btn {
        padding: 10px 16px;
    }
    .heroSection .heroBottom .heroOfferPart .item.upcoming .itemTitle {
        font-size: 25px;
    }
    .heroSection .heroBottom .heroOfferPart .item.upcoming img {
        width: 100%;
    }
    .heroSection .heroBottom .heroOfferPart .item.best .itemTitle {
        font-size: 32px;
    }
    .heroSection .heroBottom .heroOfferPart .item.best .ribbon {
        padding: 7px 19px;
    }
    .heroSection .heroBottom .heroOfferPart .item.best .ribbon strong {
        font-size: 18px;
    }
    .title {
        font-size: 29px;
    }
    .successScoreSection .sectionGradientBg .numbers {
        font-size: 40px;
        line-height: 40px;
    }
    .successScoreSection .sectionGradientBg .numberTitle {
        font-size: 14px;
    }
    .successScoreSection .centerContent .card .card-title {
        font-size: 16px;
    }
    .heroSection .heroBottom .heroClintePart .slider .slide {
        height: 54px;
    }

    .successScoreSection .centerContent .card .card-body {
        padding: 0;
    }

    .successScoreSection .whyChoose .card-title {
        font-size: 14px;
    }

    #blogsPage .pageHeader .leftSide .categoriesArea .categoryList .item a {
        padding: 3px 15px;
    }
    .pageHeader .leftSide .pageTitle {
        font-size: 41px;
    }
    #blogsPage .pageHeader .leftSide .categoriesArea .areaTitle {
        font-size: 20px;
    }
    #blogDetailsPage .mainSection .mainWrapper .blogDetails .blogTitle {
        font-size: 38px;
    }
    #blogDetailsPage .mainSection .mainWrapper .blogDetails .tags span,
    #blogDetailsPage .mainSection .mainWrapper .blogDetails .shares span,
    #blogDetailsPage .mainSection .mainWrapper .blogDetails .date {
        font-size: 18px;
    }

    footer .footer-top .title {
        font-size: 32px;
    }
    footer .footer-main .footer-logo img {
        width: 90%;
        height: auto;
    }

    .mainSection .sidebarWrapper .partTitle {
        font-size: 22px;
    }
    #aboutusPage .ourVisionSection .contentArea .card .card-title {
        font-size: 20px;
    }
    #aboutusPage .ourVisionSection .contentArea .card .card-body {
        padding: 0;
    }
    #aboutusPage .ourVisionSection .contentArea .card .card-text {
        font-size: 14px;
    }
    #aboutusPage .ourVisionSection .contentArea .card {
        padding-bottom: 110px;
    }

    .mainSection .sidebarWrapper .card .card-body .card-title {
        font-size: 24px;
    }
    .contactForm .form-body .form-title {
        font-size: 23px;
    }
    .contactForm .form-body .form-text {
        font-size: 14px;
    }
    #offersPage .mainSection .mainWrapper .offer .offerBody .offerTitle {
        font-size: 42px;
        line-height: 42px;
    }
    #testimonialsPage .testimonial .feedback {
        font-size: 14px;
    }
    #testimonialsPage .testimonial .rating {
        margin-bottom: 14px;
    }
    #testimonialsPage .clientsSetion .clientsArea .contentArea .clientList {
        gap: 49px;
    }
    .brochuresection {
        padding: 40px 10%;
    }
    .brochuresection .title {
        line-height: 36px;
    }
    #aboutusPage .pageHeader .rightSide p {
        font-size: 18px;
        line-height: 24px;
    }


}

/* ******************************** */
/* min-width:992px  max-width:1080px */
/* ******************************** */
@media (min-width: 1366px) and (max-width: 1920px) and (min-height: 700px) {
 /* header .header-main .navbar .navbar-brand img {
        height: 40px!important;
        width:auto!important;
    } */

}


@media (max-width:1080px) {
    .heroSection .heroBottom .heroClintePart .rightPart .slider .slide {
        height: 56px;
        padding: 0px 24px;
    }
    header .header-main .navbar .navbar-brand img {
        height: 44px;
    }
    header .header-main .navbar .menu-left .nav-item {
        margin: 0px 8px;
    }
    header .header-main .navbar .nav-item .nav-link {
        font-size: 14px;
    }
    header .header-main .navbar .menu-right .nav-item .btn {
        padding: 10px 10px;
    }
    header .header-top span {
        font-size: 12px;
    }
    .heroSection .heroBottom .heroOfferPart .item.upcoming .itemTitle {
        font-size: 23px;
    }
    .heroSection .heroBottom .heroOfferPart .item.upcoming .btn {
        padding: 8px 30px;
    }
    .heroSection .heroBottom .heroOfferPart .item.upcoming img {
        width: 100%;
    }
    .heroSection .heroBottom .heroOfferPart .item.best .itemTitle {
        font-size: 28px;
    }
    .heroSection .heroBottom .heroOfferPart .item.best .ribbon {
        padding: 7px 19px;
    }
    .heroSection .heroBottom .heroOfferPart .item.best .ribbon strong {
        font-size: 18px;
    }
    .title {
        font-size: 27px;
    }
    .successScoreSection .sectionGradientBg .numbers {
        font-size: 36px;
        line-height: 36px;
    }
    .successScoreSection .sectionGradientBg .numberTitle {
        font-size: 13px;
    }
    .successScoreSection .centerContent .previewImg img {
        max-width: 100%;
    }
    .successScoreSection .centerContent .card .card-title {
        font-size: 14px;
    }
    .successScoreSection .whyChoose .iconArea,
    .successScoreSection .centerContent .card .iconArea {
        width: 60px;
        height: 60px;
        line-height: 60px;
    }
    .successScoreSection .whyChoose .iconArea .icon,
    .successScoreSection .centerContent .card .iconArea .icon {
        height: 36px;
        width: 36px;
    }
    .heroSection .heroBottom .heroClintePart .slider .slide {
        height: 54px;
    }

    .successScoreSection .centerContent .card .card-body {
        padding: 0;
    }

    .successScoreSection .whyChoose .card-title {
        font-size: 12px;
    }

    #blogsPage .pageHeader .leftSide .categoriesArea .categoryList .item a {
        padding: 3px 15px;
    }
    .pageHeader .leftSide .pageTitle {
        font-size: 41px;
    }
    #blogsPage .pageHeader .leftSide .categoriesArea .areaTitle {
        font-size: 20px;
    }
    #blogDetailsPage .mainSection .mainWrapper .blogDetails .blogTitle {
        font-size: 34px;
    }
    #contactusPage .parent .contactInfoArea .addressArea .item .name {
        font-size: 18px;
        line-height: 20px;
        margin-bottom: 10px;
    }
    #contactusPage .parent .contactInfoArea .addressArea .item .address {
        font-size: 14px;
        line-height: 15px;
    }
    #contactusPage .contactFormArea .joinCommunity .card-body .card-text {
        font-size: 14px;
        line-height: 16px;
    }
    #corporatetrainingPage .pageHeader .rightSide .imageContainer img {
        border-radius: 20px;
        top: 0%;
        height: 256px;
    }
    #corporatetrainingPage .mainSection .sidebarWrapper {
        padding-top: 70px;
    }
    .dataTableArea .contentArea .dataTableContent .table tbody th .btn, .dataTableArea .contentArea .dataTableContent .table tbody td .btn {
        font-size: 16px;
    }
    #testimonialsPage .testimoCardSection .card .card-body {
        padding: 30px 20px;
        gap: 20px;
    }
    #blogDetailsPage .mainSection .mainWrapper .blogDetails .tags span,
    #blogDetailsPage .mainSection .mainWrapper .blogDetails .shares span,
    #blogDetailsPage .mainSection .mainWrapper .blogDetails .date {
        font-size: 18px;
    }

    footer .footer-top .title {
        font-size: 30px;
    }
    footer .footer-top .btnGroup .btn {
        font-size: 16px;
    }
    footer .footer-main .footer-logo img {
        width: 100%;
        height: auto;
    }

    .mainSection .sidebarWrapper .partTitle {
        font-size: 22px;
    }
    #aboutusPage .ourVisionSection .contentArea .card .card-title {
        font-size: 20px;
    }
    #aboutusPage .ourVisionSection .contentArea .card .card-body {
        padding: 0;
    }
    #aboutusPage .ourVisionSection .contentArea .card .card-text {
        font-size: 14px;
    }
    #aboutusPage .ourVisionSection .contentArea .card {
        padding-bottom: 110px;
    }

    .mainSection .sidebarWrapper .card .card-body .card-title {
        font-size: 21px;
    }
    .mainSection .sidebarWrapper .card .card-body .card-text {
        font-size: 14px;
    }
    .mainSection .sidebarWrapper .card .card-body .btn {
        width: 80%;
    }
    .btn {
        padding-top: 8px;
        padding-bottom: 8px;
    }
    .mainSection .sidebarWrapper .sideBlogArea .blogList .blogItem .blogTitle {
        font-size: 12px;
        line-height: 12px;
    }
    .mainSection .sidebarWrapper .sideBlogArea .blogList .blogItem .blogLink {
        font-size: 12px;
        line-height: 16px;
    }
    #aboutusPage .ourVisionSection .contentArea .col-md-3:nth-child(2n) {
        padding-top: 80px;
    }
    #blogsPage .pageHeader .leftSide .categoriesArea .categoryList .item {
        margin-right: 9px;
    }
    .contactForm .form-body .form-title {
        font-size: 23px;
    }
    .contactForm .form-body .form-text {
        font-size: 14px;
    }
    #offersPage .mainSection .mainWrapper .offer .offerBody .offerTitle {
        font-size: 42px;
        line-height: 42px;
    }
    #testimonialsPage .testimonial .feedback {
        font-size: 14px;
    }
    #testimonialsPage .testimonial .rating {
        margin-bottom: 14px;
    }
    #testimonialsPage .clientsSetion .clientsArea .contentArea .clientList {
        gap: 49px;
    }
}
/* ******************************** */
/* min-width:751px  max-width:991px */
/* ******************************** */

@media (min-width:992px) {
    header .header-main .navbar .menu-left .nav-item .nav-link.search span {
        display: none;
    }
}
@media (max-width:991px) {
    header .header-main .navbar .navbar-brand img {
        height: 68px;
    }
    .openingModal .modal-content .modal-header .modal-title {
        font-size: 28px;
        line-height: 34px;
    }
    .openingModal .modal-content .modal-body p {
        font-size: 16px;
        line-height: 20px;
    }
    .openingModal .modal-content .modal-body .btnGroup .btn.call {
        padding-left: 50px;
        padding-right: 50px;
    }
    .openingModal .modal-content .modal-body .phone {
        font-size: 24px;
        line-height: 28px;
    }

    header .header-main .navbar .nav-item .searchArea {
        height: 50px;
    }
    header .header-main .navbar .menu-left .nav-item .nav-link.search span {
        margin-right: 10px;
    }
    header .header-main .navbar .menu-left .nav-item .nav-link.search i {
        font-size: 14px;
    }
    footer .footer-main .footer-logo {
        max-width: 340px;
        margin: 0 auto;
        margin-bottom: 16px;
    }
    .headerArea {
        padding: 0 10%;
    }
    .title {
        text-align: center;
        line-height: 38px;
    }
    #tramsPage .tramsSection .title {
        text-align: left;
    }
    header .header-main .navbar .menu-right {
        flex-direction: row;
        justify-content: center;
        padding: 20px 0px;
    }
    .heroSection .heroTop .heroImg {
        margin-bottom: 0;
        width: 100%;
    }
    .heroSection .heroBottom .heroOfferPart .item.best,
    .heroSection .heroBottom .heroOfferPart .item.upcoming {
        padding: 16px 16px;
    }
    .heroSection .heroBottom .heroOfferPart .item.upcoming img {
        width: 100%;
    }
    .heroSection .heroBottom .heroOfferPart .item.best .itemTitle, .heroSection .heroBottom .heroOfferPart .item.upcoming .itemTitle {
        font-size: 22px;
        line-height: 30px;
        margin-bottom: 10px;
    }
    .heroSection .heroBottom .heroOfferPart .item.upcoming .btn {
        display: none;
    }
    .heroSection .heroBottom .heroOfferPart .item.best .ribbon {
        width: 64px;
        padding: 10px 10px;
        right: 10px;
    }
    .heroSection .heroBottom .heroOfferPart .item.best .ribbon strong {
        font-size: 14px;
        line-height: 20px;
    }
    .heroSection .heroBottom .heroOfferPart .item.best .ribbon::after {
        top: 82%;
        border: 32px solid #ff3b3c;;
        border-top: 10px solid var(--white);
    }
    .heroSection .heroBottom .heroOfferPart .item.best .itemDis {
        font-size: 13px;
    }
    .heroSection .heroBottom .heroClintePart .title {
    
    }
   
    .heroSection .heroBottom .heroClintePart .rightPart {
        width: 100%;
    }
    .successScoreSection .sectionGradientBg .row{
        align-items: unset !important;
    }
    .successScoreSection .sectionGradientBg .titleAre {
        text-align: center;
        padding-bottom: 20px;
    }
    .successScoreSection .sectionGradientBg .titleAre .title {
        text-align: center;
    }
    .successScoreSection .sectionGradientBg .titleAre .title br {
        display: none;
    }
    .successScoreSection .sectionGradientBg .numberTitle {
        font-size: 14px;
        text-align: center;
        display: block;
    }
    .subTitleRound {
        display: block;
        width: max-content;
        margin: 0 auto;
        margin-bottom: 10px;
    }
    .successScoreSection .title {
        text-align: center;
    }
    .successScoreSection .centerContent p {
        margin-bottom: 50px;
        text-align: center;
    }
    .successScoreSection .title br{
        display: none;
    }
    .card.sectionGradientBg.whyChoose .title {
        margin-bottom: 50px;
    }
    .brochuresection .btn {
        margin-bottom: 22px;
    }
    .testimonialSection .contentArea .testimonial {
        margin-bottom: 24px;
    }
    .exploreWebinarSection {
        display: none;
    }
    .blogsSection .contentArea .blog .blog-body .blog-title {
        font-size: 16px;
    }
    .overviewSection .contentArea .col-md-4 {
        margin-bottom: 24px;
    }
    .overviewSection .contentArea .col-md-4:last-child {
        margin-bottom: 0;
    }
    footer .footer-top .title {
        text-align: center;
    }
    footer .footer-top .btnGroup {
        justify-content: center;
        margin-bottom: 24px;
    }
    footer .footer-main .footer-logo {
        text-align: center;
    }
    footer .footer-main .contact {
        text-align: center;
    }
    footer .footer-main .social-media {
        justify-content: center;
        margin-bottom: 50px;
    }
    .pageHeader .leftSide .subTitle {
        text-align: center;
    }
    #aboutusPage .pageHeader .pageTitle {
        text-align: center;
        margin-bottom: 30px;
    }
    .mainSection .mainWrapper {
        width: 100%;
    }
    .mainSection .sidebarWrapper {
        margin-top: 50px;
        width: 100%;
        display: flex;
        gap: 20px;
        flex-wrap: wrap;
        justify-content: center;
    }
    .mainSection .sidebarWrapper .item {
        width: calc(50% - 10px);
        margin-bottom: 0;
    }
    .mainSection .sidebarWrapper .card .card-img-top {
        height: 220px;
    }
    .mainSection .sidebarWrapper .sideBlogArea.item {
        width: 100%;
    }
    .mainSection .sidebarWrapper .sideBlogArea .blogList {
        display: flex;
        flex-wrap: wrap;
    }
    .mainSection .sidebarWrapper .sideBlogArea .blogList .blogItem {
        width: 50%;
    }
    #aboutusPage .ourVisionSection .dot-grid {
        width: 120px;
        height: 120px;;
        right: 10%;
    }
    #aboutusPage .ourVisionSection .headerArea p {
        text-align: center;
    }

    #aboutusPage .ourVisionSection .contentArea .col-md-3:nth-child(2n) {
        padding-top: 80px;
    }

    #aboutusPage .ourTeamction {
        padding-bottom: 70px;
    }

    .pageHeader .leftSide .pageTitle {
        text-align: center;
        font-size: 46px;
    }
    .pageHeader .leftSide p {
        text-align: center;
    }

    .pageHeader {
        padding: 40px 10%;
        /* margin-bottom: 260px; */
    }

    #blogsPage .pageHeader .rightSide .imageContainer img {
        border-radius: 24px;
        height: 445px;
    }
    #blogsPage .recentBlogSection .contentArea .blogList .item .blogBody .blogTitle {
        font-size: 20px;
        line-height: 24px;
    }
    #blogsPage .recentBlogSection .contentArea .blogList .item .blogThumbnail {
        height: 250px;
        margin-bottom: 20px;
    }
    #blogsPage .recentBlogSection .contentArea .blogList .item:first-child .blogBody {
        padding: 24px;
    }

    #blogsPage .recentBlogSection .contentArea .blogList .item .blogBody .blogCon {
        font-size: 14px;
        line-height: 18px;
        margin-top: 10px;
    }
    #blogsPage .recentBlogSection .contentArea .blogList {
        row-gap: 50px;
        column-gap: 30px;
    }
    #blogsPage .allBlogSection {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    #blogsPage .allBlogSection .contentArea .blogList {
        grid-template-columns: auto auto;
        column-gap: 20px;
    }
    .footerArea .pagination-container {
        flex-direction: column;
        gap: 20px;
    }
    #blogDetailsPage section.pageHeader {
        margin-bottom: 0;
    }
    #blogDetailsPage .mainSection .mainWrapper .blogDetails .blogTitle {
        font-size: 42px;
        line-height: 48px;
    }

    #blogDetailsPage .mainSection .mainWrapper .blogDetails .tags,
    #blogDetailsPage .mainSection .mainWrapper .blogDetails .shares span,
    #blogDetailsPage .mainSection .mainWrapper .blogDetails .date {
        font-size: 18px;
    }

    div#contactusPage .pageHeader .rightSide .mapContainer {
        position: relative;
        margin-top: 40px;
    }
    #contactusPage .parent .pageHeader .rightSide .mapContainer .map {
        width: 100%;
        height: 450px;
        top: 0;
        right: 0;
    }
    #contactusPage .parent .contactInfoArea .info {
        width: max-content;
        margin: auto;
    }
    #contactusPage .contactFormArea .officeHours {
        margin-top: 40px;
    }

    #corporatetrainingPage section.mainSection {
        padding-top: 0;
    }
    #corporatetrainingPage .mainSection .sidebarWrapper {
        padding-top: 0;
    }
    .mainSection .sidebarWrapper .contactForm.item {
        width: 100%;
    }
    .pageHeader .contactForm {
        margin-top: 40px;
    }
    #tramsPage .pageHeader,
    #democlassPage section.pageHeader {
        margin-bottom: 0;
    }
    .dataTableArea .contentArea .dataTableContent .tableTop .partOne h4 {
        display: none;
    }
    .dataTableArea .contentArea .dataTableContent .tableTop .partOne .filterList {
        flex-wrap: wrap;
        row-gap: 20px;
    }

    #testimonialsPage .pageHeader,
    #offersPage .pageHeader {
        margin-bottom: 152px;
    }
    #testimonialsPage  .pageHeader .rightSide .imageContainer img,
    #offersPage .pageHeader .rightSide .imageContainer img {
        width: auto;
        top: 10%;
        left: 50%;
        transform: translateX(-50%);
        height: 400px;
    }
    #freedemoclassPage .overComing .upcomingBatch,
    #offersPage .overComing .upcomingBatch {
        margin-top: 40px;
    }
    #tramsPage .tramsSection {
        padding-top: 50px;
        padding-bottom: 60px;
    }
    #testimonialsPage .gap75 {
        row-gap: 30px !important;
    }
    #testimonialsPage .clientsSetion .clientsArea .contentArea .clientList {
        row-gap: 24px;
        column-gap: 40px;
    }
    #testimonialsPage .testimoCardSection .card .card-body {
        padding: 30px;
        flex-direction: row;
        gap: 30px;
    }
    #testimonialsPage .testimonialsSection {
        padding-bottom: 60px;
    }
    #webinarpage .webinarSection .contentArea .webinar {
        margin-bottom: 20px;
    }
    .successScoreSection .centerContent .previewImg {
        height: auto;
        margin-bottom: 40px;
    }
    #aboutusPage section.pageHeader {
        margin-bottom: 0px;
    }
    #blogsPage .pageHeader .leftSide .categoriesArea .categoryList .item {
        margin-bottom: 16px;
    }

    #offersPage .mainSection .sidebarWrapper {
        padding-top: 50px;
    }
    #webinarpage .heroSection {
        margin-bottom: 60px;
    }
    #freedemoclassPage .pageHeader .rightSide .imageContainer img {
        width: auto;
        height: 364px;
        left: 50%;
        transform: translateX(-50%);
        top: 239px;
    }
    #freedemoclassPage .languageLevelSecton .sectionGradientBg img {
        /* width: auto;
        height: 400px;
        margin: 0 auto;
        display: block;
        margin-bottom: 30px; */
        display: none;
    }


}
/* ******************************** */
/* min-width:768px  max-width:991px */
/* ******************************** */
@media(min-width: 768px) and (max-width:991px) {

    .pageHeader .col-md-11,
    .pageHeader .col-md-5,
    .pageHeader .col-md-7,
    .pageHeader .col-md-4,
    .pageHeader .col-md-6 {
        width: 100%;
    }
    #blogsPage .recentBlogSection .headerArea .col-md-7 {
        width: 100%;
        text-align: center;
    }

    #corporatetrainingPage .pageHeader {
        padding: 40px 10%;
        margin-bottom: 154px;
    }

    .heroClintePart .col-md-4 {
        display: none;
    }

    .heroClintePart .col-md-8 {
        width: 100%;
    }
    .languagesSection .headerArea .col-md-6 {
        width: 100%;
    }
    .successScoreSection .sectionGradientBg .titleAre {
        width: 100%;
    }
    .successScoreSection .sectionGradientBg .row .col-md-3.col-sm-4 {
        width: 33.33333333%;
    }
    .successScoreSection .sectionGradientBg .numbers {
        text-align: center;
    }
    .sectionGradientBg {
        padding: 35px 24px;
    }
    .successScoreSection .centerContent .row .col-md-6 {
        width: 100%;
    }
    .successScoreSection .centerContent .row .col-md-6 .row{
        justify-content: center;
    }
    .successScoreSection .card.sectionGradientBg.whyChoose .row .col-md-9,
    .successScoreSection .card.sectionGradientBg.whyChoose .row .col-md-3 {
        width: 100%;
    }
    .testimonialSection .contentArea .col-md-4 {
        width: 100%;
    }
    .overviewSection .contentArea .col-md-4 {
        width: 100%;
        display: flex;
        gap: 4%;
        align-items: center;
    }
    .overviewSection .contentArea .item {
        width: 46%;
        min-height: 270px;
    }
    footer .footer-top .col-md-5,
    footer .footer-top .col-md-6 {
        width: 100%;
    }
    footer .footer-top {
        padding: 55px 100px;
    }
    footer .footer-main .row.justify-content-between .col-md-8,
    footer .footer-main .row.justify-content-between .col-md-4 {
        width: 100%;
    }
    footer .footer-main .row.justify-content-between .col-md-8 .col-sm-3.col-6 {
        width: auto;
    }
    footer .footer-main .row.justify-content-between .col-md-8 .row {
        justify-content: space-around;
    }

    #contactusPage .contactFormArea .row .col-md-6,
    #contactusPage .parent .contactInfoArea .row .col-md-5,
    #aboutusPage .ourTeamction .headerArea .row .col-md-8,
    #aboutusPage .ourVisionSection .headerArea .row .col-md-5 {
        width: 100%;
    }
    #aboutusPage .ourVisionSection .contentArea .row .col-md-3 {
        width: 50%;
    }
    #aboutusPage .ourVisionSection .contentArea .col-md-3:nth-child(2n) {
        padding-top: 60px;
    }

    #aboutusPage .ourTeamction .contentArea .row .col-md-4 {
        width: 50%;
    }

    #contactusPage .contactFormArea .row .col-md-6:last-child {
        display: flex;
        margin-top: 24px;
        gap: 4%;
    }
    #contactusPage .contactFormArea .row .col-md-6:last-child .card {
        width:48%;
    }
    #contactusPage .contactFormArea .officeHours {
        margin: 0;
    }
    .mainSection .sidebarWrapper .sideBlogArea .blogList .blogItem .blogTitle {
        font-size: 16px;
        line-height: 19px;
    }
    .mainSection .sidebarWrapper .sideBlogArea .blogList .blogItem .col-sm-5.col-12 {
        width: 30%;
    }
    .mainSection .sidebarWrapper .sideBlogArea .blogList .blogItem .col-sm-7.col-12 {
        width: 70%;
    }
    .dataTableArea .contentArea .dataTableContent .tableTop .partOne .row .col-md-10 {
        width: 100%;
    }
    #freedemoclassPage .overComing .row .col-md-6,
    #offersPage .overComing .row .col-md-6 {
        width: 100%;
    }
    #testimonialsPage .testimonialTop .row .col-md-4.col-sm-6 {
        width: 50%;
        margin: 0 !important;
    }
    #testimonialsPage .clientsSetion .clientsArea .contentArea .clientList {
        row-gap: 30px;
        column-gap: 50px;
    }
    #testimonialsPage .testimonialsSection .row .col-md-4.col-sm-6 {
        width: 50%;
    }
    #testimonialsPage .testimoCardSection .card .col-md-6 {
        width: 100%;
    }
    #testimonialsPage .testimonial .feedback {
        line-height: 18px;
    }
    #webinarpage .heroSection .row .col-md-6 {
        width: 100%;
    }
    #webinarpage .webinarSection .contentArea .webinar .card-body .card-text {
        font-size: 14px;
        line-height: 18px;
    }

}
@media(max-width: 767px) {
    #freedemoclassPage .offerPackageSection .contentArea .offerItem {
        padding: 32px;
        padding-top: 40px;
        border-radius: 16px;
        margin-bottom: 24px;
    }
}
/* ******************************** */
/* min-width:721px  max-width:750px */
/* ******************************** */
@media (max-width:750px) {

    .successScoreSection .sectionGradientBg .numbers {
        font-size: 44px;
    }
    .successScoreSection .sectionGradientBg .numberTitle {
        font-size: 12px;
    }
    #freedemoclassPage .downloadPricingSection .btnGroup .btn {
        flex: auto;
        text-align: center;
    }
}
/* ******************************** */
/* min-width:641px  max-width:720px */
/* ******************************** */
@media (max-width:720px) {
    .successScoreSection .sectionGradientBg .numbers {
        font-size: 40px;
        line-height: 42px;
    }
    .successScoreSection .whyChoose .iconArea,
    .successScoreSection .centerContent .card .iconArea {
        width: 60px;
        height: 60px;
        line-height: 60px;
    }
    .successScoreSection .whyChoose .iconArea .icon,
    .successScoreSection .centerContent .card .iconArea .icon {
        height: 36px;
        width: 36px;
       
    }
    .successScoreSection .centerContent .card .card-title {
        font-size: 16px;
    }
    #aboutusPage .ourVisionSection .contentArea .card {
        padding-bottom: 70px;
    }

    #aboutusPage .ourTeamction .contentArea .member .memberInfo {
        padding: 20px 16px;
        height: 50%;
    }
    .footerArea .pagination-container .pagination .pagination-page {
        padding: 5px 10px;
    }

    .pageHeader .leftSide .pageTitle {
        font-size: 37px;
    }
    .mainSection .sidebarWrapper .card .card-body .card-title {
        font-size: 24px;
    }
    .title {
        font-size: 28px;
    }
    #offersPage .mainSection .mainWrapper .offer .offerBody .offerTitle {
        font-size: 40px;
        line-height: 40px;
    }
    #testimonialsPage .testimonial .feedback {
        font-size: 12px;
        line-height: 14px;
    }
    #testimonialsPage .testimonial .rating {
        margin-bottom: 10px;
    }
    #testimonialsPage .clientsSetion .clientsArea {
        padding: 24px;
    }
    #testimonialsPage .clientsSetion .clientsArea .contentArea .clientList .client img {
        height: 32px;
    }
    #testimonialsPage .clientsSetion .clientsArea .contentArea .clientList {
        gap: 24px;
    }
    #testimonialsPage  .testimonialCenter {
        padding-top: 50px;
    }
    .mainSection .sidebarWrapper .sideBlogArea .blogList .blogItem .row {
        margin: 0;
    }
    .mainSection .sidebarWrapper .sideBlogArea .blogList .blogItem .row .col-sm-7 {
        padding-left: 0;
    }
    .mainSection .sidebarWrapper .sideBlogArea .blogList .blogItem .blogTitle {
        font-size: 13px;
        line-height: 17px;
        margin-bottom: 10px;
    }
    .blogsSection .contentArea .blog .blog-body .blog-title {
        font-size: 14px;
        line-height: 19px;
        margin-bottom: 4px;
    }
    
    #aboutusPage .pageHeader .leftSide {
        padding-right: 0;
    }
    #freedemoclassPage .languageLevelSecton .sectionGradientBg {
        padding: 30px 24px;
    }



}

/* ******************************** */
/* min-width:576px  max-width:640px */
/* ******************************** */
@media (max-width:640px) {
    #homepage .successScoreSection .sectionGradientBg .row.align-items-center .col-md-3 {
        width: 100%;
        margin-top: 48px;
    }
    .successScoreSection .sectionGradientBg .numbers {
        text-align: center;
    }
    .successScoreSection .sectionGradientBg .row.align-items-center > :first-child {
        margin-top: 0 !important;
        padding-bottom: 0;
    }
    .successScoreSection .sectionGradientBg .row.align-items-center > :nth-child(2) {
        margin-top: 24px !important;
    }
    .successScoreSection .sectionGradientBg .numbers {
        font-size: 48px;
        line-height: 48px;
    }
    .sectionGradientBg {
        padding: 30px 10px;
    }
    .successScoreSection .whyChoose .card-title {
        margin-bottom: 20px;
        font-size: 14px;
    }
    .title {
        font-size: 26px;
    }
    .headerArea {
        padding: 0 5%;
    }
    .frequentAskSection .contentArea .accordion-flush .accordion-item .accordion-button {
        font-size: 16px;
    }
    .mainSection .sidebarWrapper .item {
        width: calc(50% - 20px);
        padding: 16px;
    }
    .mainSection .sidebarWrapper {
        gap: 20px;
    }
    .mainSection .sidebarWrapper .card .card-body .card-title {
        font-size: 22px;
    }
    .mainSection .sidebarWrapper .card .card-body .card-text {
        font-size: 14px;
        line-height: 16px;
        margin-bottom: 16px;
    }
    .mainSection .sidebarWrapper .card .card-body .btn {
        width: 100%;
    }
    #aboutusPage .ourVisionSection .contentArea .card .card-title {
        font-size: 20px;
    }
    #aboutusPage .ourTeamction .contentArea .member .memberInfo {
        padding: 10px 10px;
        height: auto;
    }
    .pageHeader {
        padding: 40px 5%;
    }

    footer .footer-top .title {
        font-size: 36px;
        line-height: 36px;
    }

    #blogDetailsPage .mainSection .mainWrapper .blogDetails .blogTitle {
        font-size: 34px;
        line-height: 36px;
    }
    .mainSection .sidebarWrapper .sideBlogArea .blogList .blogItem .row.align-items-center {
        margin: 0;
    }

    .blogsSection .contentArea .blog .blog-body .blog-title {
        font-size: 12px;
        line-height: 15px;
    }
    .blogsSection .contentArea .blog .blog-body {
        padding-top: 10px;
    }
    .blogsSection .contentArea .blog .blog-body .blog-date {
        font-size: 12px;
        line-height: 13px;
        margin-bottom: 5px;
    }
    .blogsSection .contentArea .blog .blog-body .blog-url {
        font-size: 13px;
    }
    .blogsSection {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .overviewSection {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .pageHeader .leftSide .pageTitle {
        font-size: 34px;
        line-height: 40px;
        margin-bottom: 24px;
    }
    #aboutusPage .pageHeader .subTitle {
        margin-bottom: 10px;
    }
    #aboutusPage section.pageHeader {
        padding-bottom: 0px;
    }
    .mainSection {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .mainSection .sidebarWrapper .sideBlogArea .blogList .blogItem {
        width: 50%;
    }
    .mainSection .sidebarWrapper .sideBlogArea .blogList .blogItem .col-sm-5.col-12 {
        width: 100%;
    }
    .mainSection .sidebarWrapper .sideBlogArea .blogList .blogItem .row .col-sm-7 {
        padding-left: calc(var(--bs-gutter-x) * .5);
        width: 100%;
    }
    .mainSection .sidebarWrapper .sideBlogArea .blogList .blogItem .blogTitle {
        margin-top: 10px;
        font-size: 17px;
        line-height: 20px;
        margin-bottom: 10px;
    }
    .headerArea {
        padding: 0 3%;
    }
    #aboutusPage .ourVisionSection .headerArea p {
        font-size: 18px;
    }
    #aboutusPage .ourVisionSection .contentArea .col-md-3:nth-child(2n) {
        padding-top: 60px;
    }
    #aboutusPage .ourVisionSection {
        padding-bottom: 60px;
    }
    #aboutusPage .ourTeamction .headerArea p {
        font-size: 16px;
        line-height: 20px;
    }
    #blogsPage .recentBlogSection .contentArea .blogList .item:first-child .blogCon {
        display: none;
    }
    #blogDetailsPage .mainSection .mainWrapper .blogDetails .tags {
        align-items: start;
    }
    .footerMenuArea .col-sm-3.col-6 {
        width: 40%;
    }
    .footerMenuArea .row {
        justify-content: center;
    }
    .footerMenuArea .row .col-sm-3.col-6:nth-child(2){
        padding-bottom: 24px;
    }

    .dataTableArea .contentArea .dataTableContent .tableBottom .dataTables_paginate .paginate_button, .dataTableArea .contentArea .dataTableContent .tableBottom .dataTables_paginate .ellipsis {
        padding: 9px;
    }
    .dataTableArea .contentArea .dataTableContent .tableTop .partOne .filterList .item {
        margin: 0px;
    }
    .dataTableArea .contentArea .dataTableContent .tableTop .partOne .filterList {
        gap: 10px;
    }
    .dataTableArea .contentArea .dataTableContent .table tbody th .btn, .dataTableArea .contentArea .dataTableContent .table tbody td .btn {
        padding: 6px 34px;
    }
    .mainSection .sidebarWrapper .card .card-body .card-title {
        font-size: 17px;
        line-height: 20px;
    }
    .mainSection .sidebarWrapper .card .card-img-top {
        height: 200px;
    }
    #offersPage .mainSection .mainWrapper .offer .offerBody .offerFrtureList .item {
        font-size: 14px;
        line-height: 16px;
        margin-bottom: 10px;
    }
    #offersPage .mainSection .mainWrapper .offer .offerBody .offerFrtureList {
        margin-bottom: 24px;
    }
    #freedemoclassPage .overComing .upcomingBatch,
    #offersPage .overComing .upcomingBatch {
        height: auto;
    }
    #tramsPage .tramsSection .title {
        text-align: left;
    }
    .successScoreSection .centerContent .card .card-title {
        font-size: 14px;
    }
    .card.sectionGradientBg.whyChoose .title {
        margin-bottom: 0;
    }
    .testimonialSection {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    #testimonialsPage .testimonialsSection .col-md-4.col-sm-6 {
        width: 100%;
    }
    #testimonialsPage .testimoCardSection .card .card-body {
        padding: 24px;
        flex-direction: column;
        gap: 24px;
    }
    #webinarpage .webinarSection .contentArea .webinar .card-body .card-title {
        font-size: 18px;
        line-height: 20px;
    }
    #webinarpage .webinarSection .contentArea .webinar .card-body .card-text {
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 16px;
    }
    #webinarpage .webinarSection .contentArea .webinar .card-body .date {
        font-size: 12px;
        line-height: 14px;
        margin-bottom: 10px;
    }
    #webinarpage .webinarSection .contentArea .webinar .card-img-top {
        margin-bottom: 16px;
    }
    .heroSection .heroBottom .heroOfferPart .item.best .itemTitle, .heroSection .heroBottom .heroOfferPart .item.upcoming .itemTitle {
        font-size: 17px;
        line-height: 20px;
        margin-bottom: 10px;
    }
    .heroSection .heroBottom .heroOfferPart .item.best .row .col-9 {
        width: 70%;
    }
    .heroSection .heroBottom .heroOfferPart .item.best .itemDis {
        font-size: 12px;
        line-height: 13px;
    }
    .heroSection .heroBottom .heroOfferPart .item.upcoming .row {
        height: 100%;
    }
    .heroSection .heroBottom .heroOfferPart .item.best .ribbon span {
        font-size: 12px;
    }
    .heroSection .heroBottom .heroOfferPart .item.best .ribbon strong {
        font-size: 12px;
        line-height: 14px;
        position: relative;
        z-index: 2;
    }
    .heroSection .heroBottom .heroOfferPart .item.best .ribbon {
        padding: 3px 8px;
    }
    .heroSection .heroBottom .heroOfferPart .item.best .ribbon::after {
        top: 63%;
        border: 32px solid #ff3b3c;
        border-top: 10px solid var(--white);
    }
    .heroSection .heroBottom .heroOfferPart .item.best .ribbon {
        background: #ff3b3c;
    }
    .heroSection .heroBottom .heroClintePart .slider .slide {
        height: 40px;
    }
    #freedemoclassPage .languageLevelSecton .sectionGradientBg .labelsArea .nav-pills .nav-item .nav-link {
        padding: 8px 21px 8px 14px;
        font-size: 14px;
    }



}

/* ******************************** */
/* min-width:481px  max-width:575px */
/* ******************************** */
@media (max-width:575px) {
    header .header-main .navbar .navbar-brand img {
        height: 56px;
    }
    .openingModal .modal-content .modal-header .modal-title {
        font-size: 24px;
    }
    .openingModal .modal-content .modal-body p {
        font-size: 14px;
    }
    .openingModal .modal-content .modal-body .phone {
        font-size: 20px;
    }
    .heroSection .heroBottom .heroOfferPart .item.best .ribbon {
        width: 50px;
    }
    .heroSection .heroBottom .heroOfferPart .item.best .ribbon::after {
        top: 54%;
        border: 25px solid #ff3b3c;;
        border-top: 10px solid var(--white);
    }

    .heroSection .heroBottom .heroOfferPart .item.best, .heroSection .heroBottom .heroOfferPart .item.upcoming {
        padding: 10px;
    }
    .successScoreSection .centerContent .previewImg img {
        max-width: 100%;
    }
    .successScoreSection .centerContent .card .card-title {
        font-size: 18px;
    }
    .successScoreSection .centerContent .card .card-body {
        padding: 10px;
    }
    .successScoreSection .whyChoose .card-title {
        margin-bottom: 20px;
        font-size: 18px;
    }
    .successScoreSection .whyChoose .iconArea, .successScoreSection .centerContent .card .iconArea {
        width: 80px;
        height: 80px;
        line-height: 80px;
    }
    .successScoreSection .whyChoose .iconArea .icon, .successScoreSection .centerContent .card .iconArea .icon {
        height: 36px;
      
        width: 36px;
       
    }
    .title {
        line-height: 33px;
    }
    .blogsSection .contentArea .blog .blog-body .blog-title {
        font-size: 18px;
        line-height: 24px;
    }
    .blogsSection .contentArea .blog .blog-body .blog-url {
        font-size: 17px;
    }
    .blogsSection .contentArea .blog .blog-body .blog-date {
        margin-bottom: 16px;
    }
    .blogsSection .row {
        row-gap: 24px;
    }
    #aboutusPage .pageHeader .rightSide p {
        font-size: 18px;
        line-height: 24px;
        padding-left: 26px;
    }
    .mainSection .sidebarWrapper .item {
        width: 100%;
    }
    .mainSection .sidebarWrapper .sideBlogArea .blogList .blogItem {
        width: 100%;
    }

    .mainSection .sidebarWrapper .sideBlogArea .blogList .blogItem .col-sm-5.col-12 {
        width: 30%;
        padding-left: 0;
    }
    .mainSection .sidebarWrapper .sideBlogArea .blogList .blogItem .row .col-sm-7 {
        width: 70%;
    }
    .mainSection .sidebarWrapper .sideBlogArea .blogList .blogItem {
        margin-bottom: 16px;
    }
    #aboutusPage .ourVisionSection .dot-grid {
        grid-gap: 0px;
        width: 100px;
        height: 100px;
        right: 5%;
        top: -103px;
    }
    #aboutusPage .ourVisionSection .contentArea .col-md-3 {
        padding-top: 24px !important;
    }
    #aboutusPage .ourVisionSection .contentArea .col-md-3:first-child {
        padding-top: 0 !important;
    }
    #aboutusPage .ourVisionSection .contentArea {
        padding-top: 60px;
    }
    #aboutusPage .ourTeamction .contentArea .member .memberInfo {
        padding: 24px;
    }
    #aboutusPage .joinCommunity .card .card-body .card-title {
        font-size: 26px;
        line-height: 34px;
        margin-bottom: 16px;
    }
    #aboutusPage .joinCommunity .card .card-body {
        padding: 0;
    }
    footer .footer-top .title {
        font-size: 34px;
    }
    footer .footer-top .card .card-body .card-title {
        font-size: 17px;
        line-height: 20px;
    }
    footer .footer-top .card .card-body .card-text {
        font-size: 12px;
        line-height: 16px;
        margin-bottom: 10px;
    }
    footer .footer-top .card .card-body img.card-img-top {
        height: 100%;
    }
    footer .footer-main {
        padding-bottom: 30px;
    }
    .subscribeArea .col {
        padding-right: 0;
    }
    #blogsPage .pageHeader .leftSide .categoriesArea .categoryList .item {
        margin-bottom: 10px;
        margin-right: 10px;
    }
    #blogsPage .allBlogSection .contentArea .blogList,
    #blogsPage .recentBlogSection .contentArea .blogList {
        column-gap: 0;
        row-gap: 24px;
        grid-template-columns: 100%;
    }
    #blogsPage .allBlogSection .contentArea .blogList .item .blogBody .blogTitle,
    #blogsPage .recentBlogSection .contentArea .blogList .item .blogBody .blogTitle {
        font-size: 24px;
        line-height: 30px;
    }
    #blogsPage .recentBlogSection .contentArea .blogList .item:first-child {
        grid-column: span 1;
    }

    .footerArea {
        padding-top: 24px;
    }
    .footerArea .pagination-container .pagination .pagination-page {
        padding: 3px 5px;
    }
    .footerArea .pagination-container {
        padding: 0;
    }
    .mainSection .sidebarWrapper .card .card-body .card-title {
        font-size: 28px;
        line-height: 33px;
        margin-bottom: 20px;
    }
    #contactusPage .parent .contactInfoArea .addressArea .item .address {
        font-size: 14px;
        line-height: 18px;
    }
    #contactusPage .contactFormArea {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .mainSection .sidebarWrapper .card .card-img-top {
        height: auto;
    }
    #offersPage .mainSection .mainWrapper .offer .offerBody .offerTitle {
        font-size: 36px;
    }
    #testimonialsPage .clientsSetion .clientsArea .contentArea {
        padding-top: 24px;
    }
    #webinarpage .webinarSection .contentArea .webinar .card-body .card-title {
        font-size: 20px;
        line-height: 24px;
    }
    #webinarpage .webinarSection .contentArea .webinar .card-body .date {
        font-size: 14px;
        line-height: 20px;
    }
    #webinarpage .webinarSection .contentArea .webinar .card-body .card-text {
        font-size: 16px;
        line-height: 22px;
    }
    header .header-top .container {
        overflow-x: scroll;
    }
    /* width */
    header .header-top .container::-webkit-scrollbar {
        width: 0;
        height: 0;
    }
    header .header-top .container .row {
        flex-wrap: nowrap;
    }
    #freedemoclassPage .languageLevelSecton .sectionGradientBg .labelsArea .tab-content .tab-pane .options .item {
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 10px;
    }

}
/* ******************************** */
/* min-width:376px  max-width:480px */
/* ******************************** */
@media (max-width:480px) {
    header .header-main .navbar .navbar-brand img {
        height: 43px;
    }
    .openingModal .modal-content .modal-body .btnGroup {
        flex-direction: column;
    }
    .openingModal .modal-content .modal-header .modal-title {
        line-height: 28px;
    }
    .openingModal .modal-content .modal-body .phone span {
        display: block;
    }
    .heroSection .heroTop .pageTitle {
        font-size: 35px;
        line-height: 37px;
    }
    .heroSection .heroBottom .heroOfferPart .col-6 {
        width: 100%;
    }
    .heroSection .heroBottom .heroOfferPart .col-6:first-child {
        margin-bottom: 24px;
    }
    .heroSection .heroBottom .heroOfferPart .item.best .itemTitle, .heroSection .heroBottom .heroOfferPart .item.upcoming .itemTitle {
        font-size: 22px;
        line-height: 26px;
    }
    .heroSection .heroBottom .heroOfferPart .item.best, .heroSection .heroBottom .heroOfferPart .item.upcoming {
        padding: 16px;
    }
    .heroSection .heroBottom .heroOfferPart .item.best .row .col-9 {
        padding-left: calc(var(--bs-gutter-x) * .5);
        padding-right: calc(var(--bs-gutter-x) * .5);
        width: 80%;
    }
    .successScoreSection .sectionGradientBg .numbers {
        font-size: 40px;
        line-height: 40px;
    }
    #homepage .successScoreSection .sectionGradientBg .row.align-items-center .col-md-3 {
        margin-top: 24px;
    }
    .successScoreSection .centerContent {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .successScoreSection .centerContent .previewImg img {
        max-width: 90%;
    }
    .successScoreSection .title {
        line-height: 36px;
    }
    .successScoreSection .whyChoose .card-title,
    .successScoreSection .centerContent .card .card-title {
        font-size: 14px;
        line-height: 18px;
    }
    .successScoreSection .whyChoose .iconArea, .successScoreSection .centerContent .card .iconArea {
        width: 60px;
        height: 60px;
        line-height: 60px;
    }
    .successScoreSection .whyChoose .iconArea .icon,.successScoreSection .centerContent .card .iconArea .icon {
        height: 36px;
        width: 36px;
    }
    .frequentAskSection .contentArea .accordion-flush .accordion-item .accordion-button {
        font-size: 14px;
        line-height: 18px;
        gap: 10px
    }
    .frequentAskSection .contentArea .accordion-button::after {
        margin-right: 0px;
    }
    .pageHeader .leftSide .pageTitle {
        font-size: 32px;
        line-height: 36px;
    }
    #aboutusPage .pageHeader .rightSide p {
        font-size: 16px;
        line-height: 20px;
    }
    #aboutusPage .pageHeader .bottomSide {
        padding-top: 40px;
    }
    .mainSection .sidebarWrapper .sideBlogArea .blogList .blogItem .blogTitle {
        margin-top: 0px;
        font-size: 14px;
        line-height: 16px;
    }
    .mainSection .sidebarWrapper .sideBlogArea .blogList .blogItem .col-sm-5.col-12 {
        width: 30%;
        padding: 0;
    }
    #aboutusPage .ourVisionSection .contentArea .card .card-text {
        font-size: 14px;
        line-height: 18px;
    }
    footer .footer-top .title {
        font-size: 28px;
        line-height: 30px !important;
    }
    footer .footer-top .btnGroup .btn {
        font-size: 14px;
        line-height: 18px;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    footer .footer-top .card .card-body .row {
        flex-direction: column;
        justify-content: center;
    }
    footer .footer-top .card .card-body .row .col-8,
    footer .footer-top .card .card-body .row .col-4 {
        width: 100%;
        text-align: center;
    }
    footer .footer-top .card .card-body img.card-img-top {
        height: 90px;
        width: auto;
    }
    footer .footer-top .card .card-body .card-title {
        font-size: 20px;
        text-align: center;
        margin-top: 16px;
        margin-bottom: 16px;
    }
    footer .footer-top .card .card-body .card-text {
        font-size: 14px;
        margin-bottom: 16px;
        text-align: center;
    }
    .subscribeArea .col-auto {
        padding-left: 0;
    }
    #blogsPage .pageHeader .leftSide .subscribeArea .btn {
        padding: 8px 9px;
        font-weight: 600;
        font-size: 14px;
        border-left: 0;
        border-bottom-left-radius: 0;
        border-top-left-radius: 0;
        background: #f5f5f5;
    }
    #blogsPage .pageHeader .leftSide .subscribeArea .form-control {
        padding: 5px 10px;
        font-size: 14px;
        line-height: 16px;
        border-right: 0;
        border-bottom-right-radius: 0;
        border-top-right-radius: 0;
    }
    #blogsPage .pageHeader .leftSide .subscribeArea .form-control,
    #blogsPage .pageHeader .leftSide .subscribeArea .btn {
        border-color: #DDDDDE;
    }
    #blogsPage .pageHeader .leftSide .subscribeArea p {
        font-size: 13px;
    }
    #blogsPage .pageHeader .leftSide .categoriesArea .areaTitle {
        font-size: 20px;
        line-height: 20px;
        margin-bottom: 10px;
    }
    #blogsPage .headerArea p {
        text-align: center;
    }
    
    .dataTables_info,
    .dataTables_paginate {
        width: fit-content;
        margin: 0 auto;
    }
    #freedemoclassPage .downloadPricingSection .btnGroup {
        flex-direction: column;
        gap: 16px;
    }
    #freedemoclassPage .downloadPricingSection .btnGroup .btn {
        flex: 1;
    }
    #freedemoclassPage .languageLevelSecton .sectionGradientBg {
        padding: 30px 10px;
    }
    #freedemoclassPage .languageLevelSecton .sectionGradientBg .labelsArea {
        flex-direction: column;
    }
    #freedemoclassPage .languageLevelSecton .sectionGradientBg .labelsArea .tab-content {
        padding: 24px 16px;
        margin-left: 0;
    }
    #freedemoclassPage .languageLevelSecton .sectionGradientBg .labelsArea .nav-pills {
        flex-direction: row;
        gap: 4%;
        justify-content: center;
        row-gap: 16px;
    }
    #freedemoclassPage .languageLevelSecton .sectionGradientBg .labelsArea .nav-pills .nav-item {
        margin-bottom: 0;
        width: 48%;
    }
    #freedemoclassPage .languageLevelSecton .sectionGradientBg .labelsArea .nav-pills .nav-item .nav-link {
        padding: 8px 10px;
    }

}

/* ******************************** */
/* min-width:361px  max-width:375px */
/* ******************************** */
@media (max-width:375px) {
   
    .brochuresection {
        padding: 40px 0%;
    }
    .title {
        font-size: 20px;
        line-height: 24px !important;
    }
    .pageHeader {
        padding: 40px 0%;
    }
    .footerArea .pagination-container .pagination .pagination-btn i {
        display: none;
    }
    #blogDetailsPage .mainSection .mainWrapper .blogDetails .blogTitle {
        font-size: 26px;
        line-height: 32px;
    }
    #contactusPage .contactInfoArea .addressArea .col-sm-6.col-6 {
        width: 100%;
    }
    #contactusPage .parent .contactInfoArea .info {
        width: 100%;
    }
    .footerMenuArea .row {
        justify-content: space-around;
    }
    .footerMenuArea .col-sm-3.col-6 {
        width: 50%;
    }
    #corporatetrainingPage .pageHeader {
        margin-bottom: 160px;
    }
    .dataTables_wrapper {
        overflow-x: auto;
    }
    .dataTables_wrapper::-webkit-scrollbar {
        height: 5px;
        border-radius: 10px;
    }
      
    .dataTableArea .contentArea .dataTableContent .table.dataTable.no-footer {
        min-width: 600px;
    }
    div#customFilter {
        width: 100%;
        margin-bottom: 16px;
    }
    div#customLength {
        width: 100%;
        text-align: center !important;
    }
    #offersPage .mainSection .mainWrapper .offer {
        padding: 20px;
        padding-top: 24px;
    }
    #offersPage .mainSection .mainWrapper .offer .offerBody .offerTitle {
        font-size: 28px;
        line-height: 32px;
    }
    #offersPage .mainSection .mainWrapper .offer .offerBody .offerPrice {
        font-size: 18px;
        line-height: 22px;
    }
    #offersPage .mainSection .mainWrapper .offer .offerBody .offerFrtureList .item::before {
        height: 16px;
        width: 16px;
        line-height: 16px;
        font-size: 9px;
    }
    #offersPage .mainSection .mainWrapper .offer .offerBody .offerFrtureList .item {
        padding-left: 22px;
    }

    #freedemoclassPage .overComing .upcomingBatch .upcomingTitle,
    #offersPage .overComing .upcomingBatch .upcomingTitle {
        font-size: 28px;
        line-height: 30px;
    }

    #freedemoclassPage .overComing .upcomingBatch .upcominglist .item h5,
    #offersPage .overComing .upcomingBatch .upcominglist .item h5 {
        font-size: 14px;
        line-height: 18px;
    }
    #freedemoclassPage .overComing .upcomingBatch .upcominglist .item p,
    #offersPage .overComing .upcomingBatch .upcominglist .item p {
        font-size: 10px;
        line-height: 12px;
    }
    #freedemoclassPage .overComing .upcomingBatch .upcominglist .item span,
    #offersPage .overComing .upcomingBatch .upcominglist .item span {
        font-size: 10px;
        line-height: 13px;
    }

}
/* ******************************** */
/* min-width:321px  max-width:360px */
/* ******************************** */
@media (max-width:360px) {
    header .header-main .navbar .navbar-brand img {
        height: 34px;
    }
    #blogsPage .recentBlogSection .contentArea .blogList .item:first-child {
        flex-direction: column;
        row-gap: 0;
    }
    #blogsPage .recentBlogSection .contentArea .blogList .item .blogThumbnail {
        width: 100% !important;
        margin-bottom: 0;
        height: auto;
    }
    #blogsPage .recentBlogSection .contentArea .blogList .item:first-child .blogThumbnail img {
        border-radius: 16px;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }
    #blogsPage .recentBlogSection .contentArea .blogList .item:first-child .blogBody {
        border-radius: 16px;
        border-top-right-radius: 0;
        border-top-left-radius: 0;
        width: 100%;
    }
    #blogDetailsPage .mainSection .mainWrapper .blogDetails .blogBody ul li,
    #blogDetailsPage .mainSection .mainWrapper .blogDetails .blogBody p {
        font-size: 14px;
        line-height: 18px;
    }
    #blogDetailsPage .mainSection .mainWrapper .blogDetails .blogBody h3 {
        font-size: 18px;
        line-height: 24px;
    }
    #tramsPage .tramsSection .tramsBody p {
        font-size: 14px;
        line-height: 18px;
    }
    #tramsPage .tramsSection .tramsBody h3 {
        font-size: 18px;
        line-height: 24px;
    }
    
}
/* ******************************** */
/* min-width:300px  max-width:320px */
/* ******************************** */
@media (max-width:320px) {
    .heroSection .heroTop .btnGroup .btn {
        padding-left: 80px;
        padding-right: 80px;
    }
    footer .footer-top .btnGroup {
        flex-direction: column;
    }
    .heroSection .heroTop .pageTitle {
        font-size: 26px;
        line-height: 30px;
    }

    .heroSection .heroTop .subTitle {
        font-size: 14px;
    }
    .pageHeader .leftSide .pageTitle {
        font-size: 28px;
    }
    #aboutusPage .mainSection .aboutBody .imgArea span {
        font-size: 12px;
        line-height: 14px;
    }

    #aboutusPage .mainSection .aboutBody p {
        font-size: 14px;
        line-height: 18px;
    }

    #aboutusPage .mainSection .aboutBody .peraTitle {
        font-size: 18px;
        line-height: 26px;
    }
    .mainSection .sidebarWrapper .card .card-body .card-title {
        font-size: 22px;
        line-height: 24px;
    }
    #aboutusPage .ourTeamction .contentArea .member .memberInfo {
        padding: 16px;
    }

    #aboutusPage .joinCommunity .card .card-body .card-title {
        font-size: 22px;
        line-height: 26px;
    }
    p {
        font-size: 14px !important;
        line-height: 18px !important;
    }
    footer .footer-top .title {
        font-size: 22px;
        line-height: 26px !important;
    }
    #blogsPage .pageHeader .rightSide .imageContainer img {
        height: 300px;
    }
    .pageHeader {
        /* margin-bottom: 120px; */
    }
    .successScoreSection .whyChoose .iconArea .icon,.successScoreSection .centerContent .card .iconArea .icon {
        height: 36px;
        width: 36px;
    }
    #blogsPage .allBlogSection .contentArea .blogList .item .blogBody .blogTitle, #blogsPage .recentBlogSection .contentArea .blogList .item .blogBody .blogTitle {
        font-size: 18px;
        line-height: 24px;
    }
    #blogsPage .recentBlogSection .contentArea .blogList .item:first-child .blogBody {
        padding: 16px;
    }
    #blogDetailsPage .mainSection .mainWrapper .blogDetails .blogTitle {
        font-size: 22px;
        line-height: 26px;
    }
    #contactusPage .parent .pageHeader .rightSide .mapContainer .map {
        height: 250px;
    }

    .contactForm {
        padding: 16px;
    }
    #contactusPage .contactFormArea .officeHours .card-body .card-title {
        font-size: 22px;
        line-height: 24px;
    }
    .dataTableArea .contentArea .dataTableContent .tableTop .partOne .filterList .item .single, .dataTableArea .contentArea .dataTableContent .tableTop .partOne .filterList .item .deopDown {
        padding: 6px 10px;
        min-width: 60px;
    }
    .dataTableArea .contentArea .dataTableContent .tableTop .dataTables_filter input {
        padding: 10px;
        font-size: 14px;
        line-height: 14px;
    }
    .dataTableArea .contentArea .dataTableContent .tableTop .dataTables_length label select {
        padding: 8px;
    }
    .dataTableArea .contentArea .dataTableContent .tableBottom .dataTables_paginate .paginate_button, .dataTableArea .contentArea .dataTableContent .tableBottom .dataTables_paginate .ellipsis {
        padding: 7px;
        font-size: 12px;
    }
    .footerArea .pagination-container .pagination {
        gap: 1px;
    }
    header .header-main .navbar .menu-right {
        flex-direction: column;
    }
    header .header-main .navbar .menu-right .nav-item .btn {
        width: 100%;
    }
    
    

    #blogDetailsPage .mainSection .mainWrapper .blogDetails .blogBody {
      
        padding: 0.5rem !important;
    }




}
@media (max-width: 719px) {
    #freedemoclassPage .pageHeader .rightSide .imageContainer img {
        top: 0px;
        height: 272px!important; 
    }
}
@media (min-width: 720px) and (max-width: 1024px) {
    #freedemoclassPage .pageHeader .rightSide .imageContainer img {
        top: 0px;
        height: 280px !important; 
    }
}
@media (max-width: 767px) {
    .heroSection .heroBottom .heroClintePart .leftPart {
        width: 95% !important;
        display: flex !important;
        justify-content: center;
        margin: auto;
        padding-bottom: 20px;
    }
    header .header-main .navbar .navbar-brand img {
        /* height: 40px; */
        width: 300px;
      }
      .heroSection .heroTop .pageTitle {
        font-size: 1.5rem!important;
        font-weight:400;
        line-height: 27px;
      }
     
}

@media (max-width:320px) {
    header .header-main .navbar .navbar-brand img {
        /* height: 35px; */
        width: 224px!important;
      }
}
@media (max-width:360px) {
    header .header-main .navbar .navbar-brand img {
        /* height: 32px; */
        width: 250px;
      }
}
@media (max-width:375px) {
    header .header-main .navbar .navbar-brand img {
        /* height: 35px; */
        width: 200px!important;
      }
}
@media (max-width:320px){
.heroSection .heroTop .heroImg {
 margin-top:28px;
 height:170px;
}
}
@media(max-width: 320px) {
    #corporatetrainingPage .pageHeader .rightSide .imageContainer img {
        border-radius: 20px;
        top: 20%!important;
        height: 326px!important;
    }
}