/* ===================================================================
                            xxl
======================================================================*/

@media only screen and (min-width: 1400px) {}

/*=====================================================================
                              xl
 ======================================================================*/

@media only screen and (min-width: 1200px) and (max-width:1399px) {
  p {
    font-size: 18px;
  }

  ul li {
    font-size: 18px;
  }

  .container-fluid {
    width: 85%;
  }

  .section_space {
    padding: 50px 0;
  }

  .inner_content_page p {
    font-size: 16px;
  }

  .inner_content_page .tp-hero-3__title {
    font-size: 26px;
  }

  .inner_content_page ul li {
    font-size: 16px;
  }

  /* =slider= */
  .first_main h3.tp-section-title-3.tp_title_anim {
    font-size: 24px;
  }

  .vision_main h3 {
    font-size: 29px;
  }

  .who_we_are p {
    font-size: 18px;
  }

  .who_we_are .tp-hero-3__title {
    font-size: 30px;
  }

  .tp-hero-2__boder-circle {
    left: -21%;
  }

  .tp-hero-3__boder-circle {
    right: -21%;
  }

  /* = */

  .tp-hero-3__title {
    font-size: 32px;
  }

  /* =testimonial= */
  section.the_team .container-fluid {
    width: 95%;
  }

  .testimonial .container-fluid {
    width: 95%;
  }

  .testimonial .carousel-control-prev {
    left: -1%;
  }

  .testimonial .carousel-control-next {
    right: -1%;
  }

  .the_team .card {
    width: 100%;
  }

  .footer_add_content p {
    font-size: 14px;
  }

  .the_team .card_content h4 {
    font-size: 20px;
  }

  .vision_main p {
    font-size: 18px;
  }

  .blue_band h1 {
    font-size: 30px;
  }

  /* =process flow= */

  .process_flow_indi_text h4 {
    font-size: 18px;
  }

  .process_flow_indi_text::before {
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    right: -20px;
    border-left: 20px solid #4c40f7;
  }

  /* =wt people say testimonial= */
  .peopleSayTestimonial .carousel-caption_testi {
    width: 90%;
  }

}

/*=================================================================
                         Tablet Landscape(lg)
===================================================================*/

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  p {
    font-size: 16px !important;
  }

  ul li {
    font-size: 16px;
  }

  .section_space {
    padding: 50px 0;
  }

  .container-fluid {
    width: 95%;
  }

  /* =home page= */
  .first_main h3.tp-section-title-3.tp_title_anim {
    font-size: 26px;
  }

  .tp-hero-3__title {
    font-size: 26px !important;
  }

  .the_team .card {
    margin-bottom: 30px;
  }

  .who_we_are .section_header h4 {
    font-size: 18px !important;
  }

  /* =process flow= */

  .process_flow .container-fluid {
    width: 100%;
  }

  .process_flow_indi_text h4 {
    font-size: 16px;
  }

  .process_flow_indi_text::before {
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 15px solid #4c40f7;
    right: -17px;
  }

  .process_flow_indi_text {
    width: 93%;
  }

  /* =assesment section= */
  .tp-hero-2__boder-circle {
    left: -30%;
  }

  .tp-hero-3__boder-circle {
    right: -30%;
  }

  /* =wt people say testimonial= */

  .peopleSayTestimonial .carousel-caption_testi {
    width: 100%;
    padding: 30px;
  }


  .peopleSayTestimonial .carousel-caption_testi .video {
    margin-left: 0;
    height: auto;
    width: 100%;
  }

  .top_controls {
    top: -23%;
  }
}

/*=================================================================
                        Tablet Portrait (md)
===================================================================*/

@media only screen and (min-width: 768px) and (max-width: 991px) {
  p {
    font-size: 16px !important;
  }

  .section_space {
    padding: 50px 0;
  }

  ul li {
    font-size: 16px !important;
  }

  .container-fluid {
    width: 100%;
  }

  /* =home page= */

  .first_main h3.tp-section-title-3.tp_title_anim {
    font-size: 28px;
  }

  .tp-btn-circle {
    margin-bottom: 30px;
  }

  .top_hero_tint {
    padding-top: 165px;
    padding-bottom: 60px;
  }

  .vision_main {
    padding: 0;
    padding-top: 20px;
  }

  .vision_main h3.tp-hero-3__title.tp-char-animation {
    margin-bottom: 15px;
  }

  .vision_main .tp-btn-bounce {
    margin-top: 20px;
  }

  .tp-hero-3__title {
    margin-bottom: 20px;
  }

  .who_we_are .section_header {
    padding: 0;
  }

  .who_we_are .tp-hero-3__title {
    font-size: 30px;
  }

  .who_we_are .row:first-child {
    padding-bottom: 30px;
  }

  .tp-hero-3__title {
    font-size: 30px;
  }

  .who_we_are .row:last-child {
    padding-top: 30px;
  }

  .tp-portfolio-thumb-img img {
    margin: 20px;
  }


  .the_team .card {
    width: 100%;
    margin-bottom: 30px;
  }

  /* =purpose and vision section= */
  .purpose_vision_main_block {
    min-height: auto;
  }


  /* =process flow= */
  .process_flow_indi {
    width: 50%;
    margin: auto;
  }

  .process_flow_main {
    display: block;
  }

  .process_flow_indi_text {
    width: 100%;
    margin-bottom: 33px;
  }

  .process_flow_indi_text::before {
    left: 0;
    right: 0;
    margin: auto;
    top: 93px;
    transform: rotate(90deg);
  }

  .process_flow_indi_text::after {
    height: 50%;
    width: 100%;
    top: 0;
    left: 0;
  }

  section.process_flow {
    padding-bottom: 20px;
  }

  /* = */

  .tp-hero-2__boder-circle {
    width: 200px;
    height: 200px;
    border: 50px solid rgba(255, 255, 255, 0.04)
  }

  .tp-hero-3__boder-circle {
    width: 200px;
    height: 200px;
    border: 50px solid rgba(255, 255, 255, 0.04)
  }

  /* =programs= */

  .tp-hover-reveal-text {
    padding-bottom: 30px !important;
  }

  /* =product inner= */

  .innar_main_content {
    padding: 20px 0;
  }

  .individual_item img {
    width: 60%;
  }

  /* =what people say testimonial= */

  .peopleSayTestimonial .carousel-caption_testi {
    width: 100%;
  }

  .peopleSayTestimonial .carousel-caption_testi .video {
    margin-left: 0;
    margin-bottom: 10px;
    width: 100%;
    height: 300px;
  }

  .peopleSayTestimonial .carousel-caption_testi {
    padding: 30px;
  }

  .peopleSayTestimonial .carousel-caption_testi p:last-child {
    margin: 0;
  }

  .top_controls {
    top: -7%;
    right: 0;
  }

  /* =gallery section= */

  .gallery .individual_item img {
    width: 100%;
    margin-bottom: 30px;
  }

}

/*==================================================================
                    All Mobile Sizes 
====================================================================*/

@media only screen and (max-width: 767px) {
  p {
    font-size: 16px !important;
  }

  ul li {
    font-size: 16px;
  }

  ol li {
    font-size: 16px;
  }

  .container-fluid {
    width: 100%;
  }

  .section_space {
    padding: 40px 0;
  }

  /*  */
  .first_main h3.tp-section-title-3.tp_title_anim {
    font-size: 20px;
  }

  a.logo-white img {
    width: 54% !important;
  }


  .first_main .tp-btn-circle {
    margin-bottom: 20px;
  }

  .top_hero_tint {
    padding-top: 140px;
    padding-bottom: 40px;
  }

  .vision_main {
    padding: 0;
  }

  .vision_main h3.tp-hero-3__title.tp-char-animation {
    font-size: 26px;
    margin: 20px 0 10px;
  }

  .who_we_are .tp-hero-3__title {
    font-size: 20px;
    margin-bottom: 5px;
  }

  .who_we_are .section_header .tp-hero-3__title {
    font-size: 26px;
    margin-bottom: 10px;
  }

  .who_we_are .row:last-child {
    padding-top: 30px;
  }

  .who_we_are .row:first-child {
    padding-bottom: 30px;
  }

  .tp-hero-3__title {
    font-size: 26px;
    margin-bottom: 30px;
  }

  .tp-project-3__area .row {
    padding: 20px 0px;
    margin-left: 0px;
  }

  .tp-portfolio-thumb-img img {
    margin-bottom: 20px;
  }

  .the_team .card {
    margin-bottom: 30px;
  }

  .testimonial .carousel-control-prev {
    left: 2%;
    width: 5%;
  }

  .testimonial .carousel-control-next {
    right: 2%;
    width: 5%;
  }

  .tp-copyright-area p {
    float: none !important;
    text-align: center;
  }

  .blue_band h1 {
    font-size: 24px;
  }

  section.programs {
    margin-bottom: 20px;
  }

  .pin-spacer {
    margin-bottom: 30px !important;
  }

  /* =footer= */

  .tp-footer-area .row {
    padding: 40px 0 20px;
  }

  /* =inner pages= */

  .individual_item {
    margin-top: 0;
    margin-bottom: 30px;
    padding: 20px;
  }

  .innar_main_content {
    padding: 20px 0;
  }

  .individual_item.whatsapp h1 {
    font-size: 24px !important;
  }

  .individual_item.whatsapp {
    text-align: center !important;
  }

  .individual_item.whatsapp .tp-btn-blue {
    float: none;
  }

  /* =process flow= */
  .process_flow_indi {
    width: 100%;
  }

  .process_flow_main {
    display: block;
  }

  .process_flow_indi_text {
    width: 100%;
    margin-bottom: 33px;
  }

  .process_flow_indi_text::before {
    left: 0;
    right: 0;
    margin: auto;
    top: 87px;
    transform: rotate(90deg);
  }

  .process_flow_indi_text::after {
    height: 50%;
    width: 100%;
    top: 0;
    left: 0;
  }

  section.process_flow {
    padding-bottom: 20px;
  }

  /* = */

  .tp-hero-2__boder-circle {
    width: 100px;
    height: 100px;
    border: 20px solid rgba(255, 255, 255, 0.04)
  }

  .tp-hero-3__boder-circle {
    width: 100px;
    height: 100px;
    border: 20px solid rgba(255, 255, 255, 0.04)
  }

  .tp-about-desc {
    padding: 13px 0;
  }

  /* =Purpose and vision section= */
  .purpose_vision_main_block h4 {
    font-size: 20px;
  }

  .purpose_vision_main_block {
    min-height: auto;
    margin-bottom: 30px;
  }

  .vision_main .tp-btn-bounce {
    margin-top: 0;
    margin-bottom: 30px;
  }

  .our_story .vision_main .tp-btn-bounce {
    margin-bottom: 0;
  }

  /* =what people say testimonial= */

  .peopleSayTestimonial .carousel-caption_testi {
    width: 100%;
  }

  .peopleSayTestimonial .carousel-caption_testi .video {
    margin-left: 0;
    margin-bottom: 10px;
    width: 100%;
  }

  .peopleSayTestimonial .carousel-caption_testi {
    padding: 20px;
  }

  .peopleSayTestimonial .carousel-caption_testi p:last-child {
    margin: 0;
  }

  .top_controls {
    top: -9%;
    right: 0;
  }

  /* =gallery page= */

  .gallery .individual_item img {
    margin-bottom: 30px;
  }

}

/* ==============================================================
                    Mobile Landscape Size(sm)
=================================================================*/

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

  /* header nav */
  a.logo-white img {
    width: 30% !important;
  }
}