@media (max-width: 576px) {

  .header-logo img {
    max-width: 140px;
}

  .top-bar{
    overflow-x: hidden;
  }

  header .icon {
    width: 32px;
    height: 32px;
  }

  .home-carousel h2 {
    font-size: 24px;
  }

  .home-carousel .carousel-indicators [data-bs-target] {
    width: 9px;
    height: 9px;
  }

  .heading-1 {
    font-size: 24px !important;
  }

  .theme-table-wrap .table-header {
    font-size: 17px;
  }

  .theme-table-wrap {
    padding: 15px 20px;
  }

  .blog-grid-wrap .blog-cat {
    font-size: 16px;
  }

  .blog-grid-wrap .blog-title {
    font-size: 19px;
    max-height: 50px;
  }

  .blog-grid-wrap .publish-date,
  .blog-grid-wrap .approx-read-time {
    font-size: 16px !important;
  }

  .offset-0 {
    margin-left: 0% !important;
  }

  .blog-grid-wrap {
    margin-bottom: 80px;
  }

  #youtube-video-sec {
    margin-top: 0 !important;
  }

  #youtube-video-sec iframe {
    height: 300px;
  }

  #faqs .accordion-button {
    font-size: 17px !important;
  }

  #faqs .accordion-body {
    font-size: 16px;
  }

  #faqs .accordion-button::after {
    background-size: contain !important;
    width: 16px;
    height: 16px;
  }

  .footer-widget-title {
    font-size: 19px;
  }

  .footer-menu {
    margin-top: 12px;
  }

  .footer-menu li {
    margin-bottom: 9px;
  }
  .footer-menu a {
    font-size: 16px !important;
  }

  .footer-menu {
    margin-top: 20px;
    margin-bottom: 30px;
  }

  .why-us-card h3 {
    font-size: 18px;
  }

  .why-us-card p {
    font-size: 16px;
  }

  /* mock test start page */
  .mock-test-intro .confirmation-wrap button,
  .theme-btn-dark {
    padding: 10px;
    font-size: 17px;
  }

  .mock-test-intro .confirmation-wrap h3 {
    font-size: 19px;
  }

  .mock-test-intro .intro-desc {
    font-size: 17px;
  }

  .theme-model-1 .desc {
    font-size: 16px;
    font-weight: 600;
  }

  .mock-test-intro .confirmation-wrap button,
  .theme-btn-dark {
    padding: 8px;
    font-size: 14px;
  }

  /* mock test question page */

  .mock-test-card .ques {
    padding-bottom: 25px;
  }

  .options-wrap .ans-radio::before,
  .ct-radio-wrap input[type="radio"]::before {
    width: 13px;
    height: 13px;
  }
  .mock-test-card .option-wrap input[type="radio"] {
    margin-left: -10px;
  }

  .mock-test-card .option-wrap input[type="radio"],
  .ct-radio-wrap input[type="radio"],
  .mock-test-card .option-wrap input[type="radio"] {
    outline: 0px solid #707070;
    margin-top: 8px;
  }

  .mock-test-card .option-wrap label {
    margin-left: 18px !important;
  }

  .mock-test-card .option-wrap {
    margin-bottom: 20px;
  }

  .mock-test-card .form-check-input:checked,
  .mock-test-card .option-wrap input[type="radio"]:checked {
    background-color: transparent;
    border-color: transparent;
  }

  #saveMockTestResultForm .ct-radio-wrap input[type="radio"]::before {
    width: 13px;
    height: 13px;
    margin-left: 4px;
  }

  .mock-test-quesions-page #completion {
    font-size: 20px;
  }

  .mock-test-quesions-page #submission {
    font-size: 19px;
  }

  .mock-test-card .option-wrap label {
    font-size: 17px;
  }

  .mock-test-card .ans-box {
    padding-top: 34px;
  }

  .mock-test-card .card-title {
    font-size: 18px;
  }

  .theme-model-1 .title {
    font-size: 20px;
    font-weight: 600;
  }

  .theme-model-1 .model-desc {
    font-size: 17px;
  }

  .flipdown {
    width: 258px;
  }

  .test-header .analytics-box .analytic-num {
    font-size: 19px;
  }

  /* save mock test */
  .save-mocktest-form-wrap {
    padding: 20px 20px;
    max-width: 700px;
  }

  .save-mocktest-form-wrap [type="submit"] {
    height: 47px;
    font-size: 17px;
  }

  /* final result card */
  .final-result-card .sec-title {
    font-size: 19px !important;
  }

  .final-result-card table {
    font-size: 16px;
  }

  .final-result-card .table td,
  .final-result-card .table th {
    font-size: 16px;
  }

  .final-result-card .table .strong {
    font-size: 17px;
  }

  .final-result-card .theme-btn-2 {
    font-size: 16px;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .show-max-row {
    max-height: 378px;
  }

  .scolarship-top-wrap .title {
    font-size: 19px;
  }

  .scolarship-card .scolarship-no {
    font-size: 25px;
    text-align: center;
  }
  .scolarship-label {
    font-size: 15px;
  }

  /* check mock test answer */
  .mock-test-card .ans-badge {
    top: 5%;
    right: 4%;
    width: 30px;
    height: 30px;
  }

  button#challege-friend-btn {
    font-size: 15px;
  }

  .check-ans-footer-card .theme-btn {
    padding: 12px 13px;
    font-size: 16px;
  }

  /* career guid */
  .career-guid-sidebar {
    position: relative !important;
  }

  #career-menu {
    display: none;
  }

  .career-guid-archive-page h1 {
    font-weight: 600;
    font-size: 22px;
  }

  .career-guid-overflow,
  .news-overflow,
  .news-page-root {
    overflow-x: hidden;
  }

  .blog-grid-wrap .image-wrap {
    height: 200px;
  }

  /* interview question starts */

  .company-header .theme-tabs {
    flex-wrap: nowrap;
    overflow-x: scroll;
  }

  .company-header .theme-tabs button {
    white-space: nowrap;
  }

  #int-ques-tab-wrap .ques-cards-wrap {
    max-width: 90%;
    margin-left: auto;
  }

  #int-ques-tab-wrap .ques-cards-wrap .card .ques-list li {
    font-size: 16px;
  }

  .salaries-container .table-header {
    font-size: 18px;
  }

  .theme-table-2 td,
  .theme-table-2 th {
    border: 1px solid #d1d1d1;
    padding: 14px 15px;
    font-size: 16px;
    white-space: nowrap;
  }

  #writeReviewModel .title {
    font-size: 17px;
  }

  .reviews-list .card-title,
  .reviews-list .date {
    font-size: 18px;
  }

  .reviews-list .star-rating img {
    width: 18px;
  }

  .reviews-list .card .pros-text,
  .reviews-list .card .review-text,
  .reviews-list .card .const-text {
    font-size: 16px;
  }

  .reviews-list .pros-wrap h5,
  .reviews-list .const-wrap h5 {
    font-size: 18px;
  }

  .placement-questions-wrap .card-header {
    font-size: 18px;
  }

  .placement-questions-wrap p {
    font-size: 17px;
  }
  /* interview question ends */

  /* iq test starts */
  .iq-age-selection-wrap h3 {
    font-size: 26px;
    font-weight: 700;
  }

  .iq-age-selection-wrap .theme-btn {
    padding: 13px 41px;
    margin: 8px 13px;
    text-transform: uppercase;
    font-size: 17px;
  }

  .iq-test-question h4 {
    font-size: 18px;
  }

  .iq-test-question .card-header {
    display: flex;
  }
  /* iq test ends */

  /* mock test category selection starts */
  .mock-test-category-selection {
    max-width: 100%;
    margin: 0 auto;
  }
  /* mock test category selection ends */


  /* events archive start */

  .btn-style-3 {
    font-size: 15px;
  }

  .btn-style-3 ._label{
    margin-right:5px;
  }

  .btn-style-3 img {
      width: 28px;
  }

  .event-card-wrap .event-name, .event-card-wrap .college-name, .event-card-wrap .date {
    font-size: 16px;
  }

  .event-card-wrap .desc {
    font-size: 16px;
    margin-top:5px;
  }

  #student-platform-header button {
    margin-right: 46px;
    font-weight: 600;
    font-size: 16px;
  }

  /* events archive ends */

  /* events add starts */

  .breadcrumb {
      font-size: 17px;
  }

  .save-event-form {
    padding: 20px 20px;
    max-width: 100%;
  }

  .save-event-form .form-title {
    font-size: 17px;
  }

  /* events add ends */


  /* single shout view starts */

  .shout-single-page  ._icon {
      width: 20px;
  }

  .shoutboard-view .shouter-name, .shoutboard-view .shouting-date {
    font-size: 18px;
    font-weight: 500;
  }

  
  .comment-card-wrap ._icon {
    width: 15px;
  }

  .comment-card-wrap ._label{
    font-size:15px;
  }

  .comment-card-wrap .icon-btn-wrap ._count {
    font-size: 16px;

  }

  /* single shout view ends */

  


  
  /* project archive starts */
 

  #filter_icon svg {
      width: 25px;
  }

  .rounded-icon-btn ._label {
    font-size: 16px;
  }


  .project-card .project-title, .project-card .techonology h4, .project-card .synopsis h4 {
    margin-top:10px;
    font-size: 18px;
    text-align: center;
  }

  .project-card .rating{
    text-align: center;
  }

  .project-card .techonology .badge {
    margin: 3px;
    padding: 4px 13px;
    font-size: 14px;
  }

  /* project archive ends */


  .breadcrumb li:not(:last-child)::after {
    
    width: 20px;
    transform: translateX(-100%);
  }


  /* single project view starts */

  .single-project-container .project-card .pricing-sec{
    transform: none;
  }


  /* single project view ends */



  /* strength checker starts */

  .strength_checker_result_wrap .graph-wrap .circle {
    width: unset;  
    height: unset;
    font-size: 2em;
  }



  /* strength checker ends */


  /* career news starts */

  .career-guid-wrap {
    padding-left: 10px;
    padding-right: 10px;
  }

  /* career news ends */


  .improvement-sec .suggestion{
    width: 96%;
  }

  #placement_paper_set{
    max-width: 100% !important;
  }



  #interview-ques-page label {
    font-weight: 500;
    font-size: 16px;
}

  /* end of 576 */

}

@media (min-width: 576px) and (max-width: 767px) {

  .header-logo img {
    max-width: 140px;
}

  header .icon {
    width: 32px;
    height: 32px;
  }

  .home-carousel h2 {
    font-size: 28px;
  }

  .slider-below-desc .h2 {
    font-size: 28px;
  }

  .theme-table-wrap .table-header {
    font-size: 19px !important;
  }

  .theme-table-wrap {
    padding: 15px 20px;
  }

  .blog-grid-wrap .blog-cat {
    font-size: 18px;
  }

  .blog-grid-wrap .blog-title {
    font-size: 20px;
    max-height: 50px;
  }

  .blog-grid-wrap .publish-date,
  .blog-grid-wrap .approx-read-time {
    font-size: 16px !important;
  }

  .offset-0 {
    margin-left: 0% !important;
  }

  .blog-grid-wrap {
    margin-bottom: 80px;
  }

  #youtube-video-sec {
    margin-top: 0 !important;
  }

  #youtube-video-sec iframe {
    height: 300px;
  }

  #faqs .accordion-button {
    font-size: 17px !important;
  }

  #faqs .accordion-body {
    font-size: 16px;
  }

  #faqs .accordion-button::after {
    background-size: contain !important;
    width: 16px;
    height: 16px;
  }

  .footer-widget-title {
    font-size: 18px;
  }

  .footer-menu {
    margin-top: 12px;
  }

  .footer-menu li {
    margin-bottom: 9px;
  }
  .footer-menu a {
    font-size: 16px !important;
  }

  .footer-menu {
    margin-top: 20px;
    margin-bottom: 30px;
  }

  .why-us-card h3 {
    font-size: 18px;
  }

  .why-us-card p {
    font-size: 16px;
  }

  /* mock test start page */
  .mock-test-intro .confirmation-wrap button,
  .theme-btn-dark {
    padding: 11px;
    font-size: 18px;
  }

  .mock-test-intro .confirmation-wrap h3 {
    font-size: 19px;
  }

  .mock-test-intro .intro-desc {
    font-size: 17px;
  }

  .theme-model-1 .desc {
    font-size: 16px;
    font-weight: 600;
  }

  .mock-test-intro .confirmation-wrap button,
  .theme-btn-dark {
    padding: 9px;
    font-size: 15px;
  }

  /* mock test question page */

  .mock-test-card .ques {
    padding-bottom: 25px;
  }

  .options-wrap .ans-radio::before,
  .ct-radio-wrap input[type="radio"]::before {
    width: 13px;
    height: 13px;
    margin-left: 10px;
  }

  .mock-test-card .option-wrap input[type="radio"],
  .ct-radio-wrap input[type="radio"] {
    outline: 0px solid #707070;
    margin-top: 8px;
  }

  .mock-test-card .option-wrap label {
    margin-left: 18px !important;
  }

  .mock-test-card .option-wrap {
    margin-bottom: 20px;
  }

  .mock-test-card .form-check-input:checked {
    background-color: transparent;
    border-color: transparent;
  }

  .mock-test-quesions-page #completion {
    font-size: 21px;
  }

  .mock-test-quesions-page #submission {
    font-size: 20px;
  }

  .mock-test-card .option-wrap label {
    font-size: 17px;
  }

  .mock-test-card .ans-box {
    padding-top: 34px;
  }

  .mock-test-card .card-title {
    font-size: 18px;
  }

  .theme-model-1 .title {
    font-size: 21px;
    font-weight: 600;
  }

  .theme-model-1 .model-desc {
    font-size: 17px;
  }

  .flipdown {
    width: 258px;
  }

  .test-header .analytics-box .analytic-num {
    font-size: 20px;
  }

  /* save mock test */
  .save-mocktest-form-wrap {
    padding: 20px 20px;
    max-width: 700px;
  }

  #saveMockTestResultForm .ct-radio-wrap input[type="radio"]::before {
    width: 13px;
    height: 13px;
    margin-left: 4px;
  }

  .save-mocktest-form-wrap [type="submit"] {
    height: 47px;
    font-size: 17px;
  }

  .final-result-card .sec-title {
    font-size: 19px !important;
  }

  .final-result-card table {
    font-size: 16px;
  }

  .final-result-card .table td,
  .final-result-card .table th {
    font-size: 16px;
  }

  .final-result-card .table .strong {
    font-size: 17px;
  }

  .final-result-card .theme-btn-2 {
    font-size: 16px;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .show-max-row {
    max-height: 230px;
  }

  .scolarship-top-wrap .title {
    font-size: 20px;
  }

  .scolarship-card .scolarship-no {
    font-size: 25px;
    text-align: center;
  }
  .scolarship-label {
    font-size: 15px;
  }

  /* check mock test answer */
  .mock-test-card .ans-badge {
    top: 5%;
    right: 4%;
    width: 35px;
    height: 35px;
  }

  button#challege-friend-btn {
    font-size: 15px;
  }

  .check-ans-footer-card .theme-btn {
    padding: 12px 13px;
    font-size: 16px;
  }

  /* career page */
  #career-menu {
    display: none;
  }

  .career-guid-overflow,
  .news-overflow,
  .news-page-root {
    overflow-x: hidden;
  }

  .career-guid-archive-page h1 {
    font-weight: 600;
    font-size: 30px;
  }

  .blog-grid-wrap .image-wrap {
    height: 200px;
  }

  /* interview question starts */

  /* interview question ends */

  /* mock test category selection starts */
  .mock-test-category-selection {
    max-width: 100%;
    margin: 0 auto;
  }
  /* mock test category selection ends */



  /* events starts */

  .company-header .theme-tabs {
    flex-wrap: nowrap;
    overflow-x: scroll;
  }

  #student-platform-header button {
    margin-right: 38px;
}


  /* events ends */


  /* events add starts */

  .breadcrumb {
      font-size: 17px;
  }

  .save-event-form {
    padding: 24px 24px;
    max-width: 100%;
  }

  .save-event-form .form-title {
    font-size: 17px;
  }

  /* events add ends */



  /* project archive starts */
 

  #filter_icon svg {
      width: 25px;
  }

  .rounded-icon-btn ._label {
    font-size: 16px;
  }

  .project-card .project-title, .project-card .techonology h4, .project-card .synopsis h4 {
    margin-top:10px;
    font-size: 18px;
    text-align: center;
  }

  .project-card .rating{
    text-align: center;
  }

  .project-card .techonology .badge {
    margin: 3px;
    padding: 4px 13px;
    font-size: 14px;
  }

  /* project archive ends */


  /* single project view starts */

  .single-project-container .project-card .pricing-sec{
    transform: none;
  }


  /* single project view ends */


    /* strength checker starts */

    .strength_checker_result_wrap .graph-wrap .circle {
      width: unset;  
      height: unset;
      font-size: 3em;
    }
  
  
  
    /* strength checker ends */



    #interview-ques-page label {
      font-weight: 500;
      font-size: 16px;
  }


  /* end of 767 */
}
@media (min-width: 768px) and (max-width: 991px) {
  .home-carousel h2 {
    font-size: 30px;
  }

  .slider-below-desc .h2 {
    font-size: 28px;
  }

  .theme-table-wrap {
    padding: 15px 20px;
  }

  .blog-grid-wrap .blog-cat {
    font-size: 16px;
  }

  .blog-grid-wrap .blog-title {
    font-size: 19px;
    max-height: 50px;
  }

  .blog-grid-wrap .publish-date,
  .blog-grid-wrap .approx-read-time {
    font-size: 16px !important;
  }

  .footer-widget-title {
    font-size: 20px;
  }

  .footer-menu a {
    font-size: 17px !important;
  }

  .mock-test-intro .confirmation-wrap button,
  .theme-btn-dark {
    padding: 10px;
    font-size: 15px;
  }

  /* career page */
  #career-menu {
    display: none;
  }
  .career-guid-overflow,
  .news-overflow,
  .news-page-root {
    overflow-x: hidden;
  }

  /* inteview question starts */
  .salaries-container .table-header {
    font-size: 18px;
  }

  /* interview question ends */

  /* iq test starts */
  .iq-test-question #flipdown {
    width: 200px;
  }
  /* iq test ends */

  /* mock test category selection starts */
  .mock-test-category-selection {
    max-width: 100%;
    margin: 0 auto;
  }

  .mock-test-category-selection h5 {
    font-size: 16px;
    font-weight: 400;
    line-height: 23px;
  }

  .mock-test-category-selection .box-1 {
    min-height: 140px;
  }
  /* mock test category selection ends */

    /* project archive starts */

    #filter_icon svg {
      width: 35px;
  }

  .rounded-icon-btn ._label {
    font-size: 16px;
  }


  .project-card .techonology .badge {
    margin: 3px;
    
  }

  /* project archive ends */


  /* strength checker starts */

  .strength_checker_result_wrap .graph-wrap .circle {
    width: unset;  
    height: unset;
    font-size: 2em;
  }



  /* strength checker ends */

      
}

@media (min-width: 992px) and (max-width: 1199px) {
  /* mock test category selection starts */
  .mock-test-category-selection {
    max-width: 100%;
    margin: 0 auto;
  }

  .mock-test-category-selection .box-1 {
    min-height: 140px;
  }
  /* mock test category selection ends */


  /* strength checker starts */

  .strength_checker_result_wrap .graph-wrap .circle {
    width: unset;  
    height: unset;
    font-size: 2.5em;
  }

  /* strength checker ends */

}
@media (min-width: 1200px) {
}


/* primary menu fix starts */

@media (min-width: 993px) and (max-width: 1200px){
  .header-nav .nav-item {
    margin-right: 18px !important;
  }
  
  nav .nav-icon {
    margin-right: 8px !important;
  }


}

@media (min-width: 992px) and (max-width: 1200px){
  .header-nav .nav-item {
    margin-right: 18px !important;
  }
  
  nav .nav-icon {
    margin-right: 8px !important;
  }

  nav .nav-icon {
    width: 25px;
    height: 25px;
}


}

@media (min-width: 1201px) and (max-width: 1399px){
  nav .nav-icon {
    margin-right: 0px;
  }


}

@media (min-width:993px) and (max-width:1399px){
    /* project archive starts */
 

    #filter_icon svg {
      width: 40px;
  }

  .rounded-icon-btn ._label {
    font-size: 18px;
  }


  /* project archive ends */


  /* strength checker starts */

  .strength_checker_result_wrap .graph-wrap .circle {
    width: unset;  
    height: unset;
    font-size: 2em;
  }



  /* strength checker ends */
}


/* primary menu fix ends */