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

@media all and (max-width: 1399px) {
  .navbar-brand img { width: 150px; }
  .is-sticky .navbar-brand img { width: 120px; }
  .menu>ul>li>a { padding: 30px 20px; }
  .service-card h4 { font-size: 16px; }
  .why-choose-ul img { height: 120px; }
  .navbar-area .navbar-wrapper .right-side .right-side-item .nav-right-btn { height: 45px;}
  .service-card .service-content p { font-size: 15px; }
  .inner-slider-content h5 { font-size: 27px;} 
  .process-wrap .col-12:first-child .process-card .process-thumb::after, .process-wrap .col-12:nth-child(2) .process-card .process-thumb::after { left: calc(100% + 34px); }
  .timeline-section p.lead { font-size: 18px; }
}

@media all and (max-width: 1199px) {
  h2 { font-size: 30px;}
  p { font-size: 15px;}
  .top-header p.lead { font-size: 16px;}
  .top-header .social-media li a .lead { font-size: 18px; }
  .menu>ul>li>a { padding: 24px 15px; font-size: 15px; }
  .navbar-brand img { width: 220px; }
  .navbar-area .navbar-wrapper .right-side .right-side-item .nav-right-btn { height: 42px; padding: 0 15px; }
  .navbar-area .navbar-wrapper .right-side .right-side-item .nav-right-btn a { padding-right: 10px; font-size: 18px; }
  .carousel-inner .carousel-item .carousel-caption h1 span { font-size: 42px; }
  
  .hero-section { padding: 70px 0; }
  .mb-80 { margin-bottom: 50px; }
  .hero-content h2 { font-size: 39px; }
  .hero-content .lead { font-size: 16px; }
  .why-choose-ul img { height: 150px; }
  .why-choose-ul h5 { font-size: 18px; }
  
  .slider-section { padding: 70px 0; }
  .slider-section .slider-content h1 { font-size: 30px; } 
  .slider-section .slider-content a { font-size: 16px; }
  .slider-section .slider-image { height: 420px; border-radius: 10px; }
  .slider-section .slider-image img { border-radius: 10px; }
  
  .service-section { padding: 70px 0; }  
  .service-section .lead { font-size: 16px; }
  .service-card { padding: 20px; border-radius: 10px; }
  .service-card h4 { font-size: 18px; margin: 15px 0 10px 0; }
  .service-card .service-content { padding-right: 3.5rem; }
  
  .process-section { padding: 70px 0; }
  
  .team-section { padding: 70px 0;}
  
  .client-section { padding: 70px 0; }
  .client-section .lead { font-size: 16px; }
  
  .testimonial-section { padding: 70px 0; }
  
  .faq-section { padding: 70px 0; }
  .faq-section h1 { margin: 0 0 20px 0; font-size: 30px; }
  .faq-section .lead { font-size: 16px; }
  .accordion .accordion-item .accordion-button { font-size: 21px; padding: 20px 0; }
  .accordion .accordion-item .accordion-body p { font-size: 15px; }
  
  .cta-section { padding: 45px; margin: 0 0 70px 0;}
  .cta-section .lead { font-size: 16px; margin: 0 0 30px 0; }

  .consult-form h4 { margin: 0 0 15px 0; font-size: 18px; }
  .why-choose-section h5 { font-size: 18px; margin: 0 0 15px 0; }
  .section-three-card-content h4 { font-size: 16px; margin: 0; }

  .section-four { padding: 60px 0; }
  .section-four::after { display: none;}
  .section-four h1 { margin: 0 0 20px 0; font-size: 27px; }
  .section-four-ul li { color: #ffffff; font-size: 15px; margin: 0 0 10px 0; padding: 0 0 0 30px; }
  .section-three { margin: 0 0 60px 0; }

  .section-five { padding: 60px 0 0 0; }
  .section-five .section-five-card img { width: 180px; }
  .section-five .section-five-card h4 { font-size: 21px; margin: 20px 0 10px 0; }

  .video-section a img { height: 450px; border-radius: 10px; }

  .founders-section { margin: 0; padding: 70px 0; }
  .founders-section .founder-image img { height: 380px; border-radius: 10px; }

  .timeline-section { margin: 70px 0; }
  .timeline-section p.lead { font-size: 18px; }
  .timeline-left { min-width: 240px; height: 240px; border-radius: 10px; }
  .timeline-step .timeline-step-header .timeline-step-header-detail h4 { margin: 70px 0 10px 0; font-size: 18px; }
  .timeline-step-header-detail h2 { font-size: 24px; margin: 0 0 10px 0; top: -45px; left: -70px; }
  .timeline-step .timeline-step-body p { font-size: 14px; }

  .inner-slider { height: 350px; } 
  .inner-slider-content h1 { font-size: 42px; }
  .inner-slider-content h5 { color: #ffffff; font-size: 24px; }

  .contact-detail { padding: 70px 0 0 0; }
  .why-choose-section { padding: 70px 0; }

  .contact-slider .inner-slider-content h2 { font-size: 36px; margin: 0 0 20px 0; }
  .contact-slider .inner-slider-content p.lead { font-size: 16px; }
  
  .about-section { margin: 70px 0; }
  .about-section .abt-content p.lead { font-size: 21px; }

  .aside-card h4 a { color: #01385f; font-size: 15px; }

  .project-section { margin: 20px 0; }

  .certificate-section .certificate-detail img { height: 320px; }

}

/* ============ mobile view ============ */
@media all and (max-width: 991px) {
  p { font-size: 14px; }
  h2 { font-size: 27px; margin: 0 0 24px 0;}
  .mb-80 { margin-bottom: 50px; } 
  .navbar-nav { padding: 0; }
  nav .navbar-nav .nav-item .nav-link { padding: 0 0 10px 0; }
  .navbar .dropdown-menu::before { display: none; }
  nav .navbar-brand img { width: 220px; position: absolute; top: 10px; }
  .navbar-brand { display: inline-block; width: 100%;}
  
  .navbar-area .navbar-wrapper .right-side .right-side-item .nav-right-btn { height: 42px; }
 
  .carousel-inner .carousel-item img { height: 480px; width: 100%; object-fit: cover; object-position: right;}
  .carousel-inner .carousel-item .carousel-caption h1 span { font-size: 39px; }
  
  .hero-section { padding: 60px 0; }
  .hero-content h2 { font-size: 45px;}
  .why-choose-ul { margin: 45px 0 0 0; }
  .why-choose-ul img { height: 150px; }
  
  .project-section { margin: 40px 0; }
  
  .about-section .abt-content p.lead { font-size: 18px; }

  .slider-section { padding: 60px 0; display: inline-block; width: 100%;}
  .slider-section .slider-image img { border-radius: 10px; }
  .slider-section .slider-image { height: auto; border-radius: 10px; width: 420px; margin: 0 auto; } 
  .slider-section .slider-content { padding-left: 0; text-align: center; }
  .slider-section .slider-content .cssbuttons-io-button { margin: 20px auto 0 auto; }
  .slider-section .slider-content h2 { margin: 30px 0 5px 0; }
  .slider-section .slider-content h1 { font-size: 30px; }
  .slider-section .slider-content p {  margin: 0; }

  .service-section { margin: 0; padding: 60px 0; }
  .service-section .lead { font-size: 16px; }
  .service-card h4 { font-size: 16px; margin: 15px 0 10px 0; }
  
  .process-section { padding: 60px 0; }
  .process-card .process-text h5 { font-size: 18px;}
  
  .team-section { padding: 60px 0; }
  .team-section h2 { text-align: center; }
  .team-section p { text-align: center; }
  .team-section .sub-title { text-align: center; display: block; }
  
  .client-section { padding: 60px 0; }
  .client-section .lead { font-size: 16px; }
  
  .testimonial-section { padding: 60px 0; }
  
  .faq-section { padding: 60px 0; }
  .faq-section h1 { font-size: 27px; }
  .faq-section .lead { font-size: 16px; margin: 0 0 24px 0; }
  .accordion .accordion-item .accordion-button { font-size: 21px; padding: 20px 0; }
  .accordion .accordion-item .accordion-body p { font-size: 15px; }

  .why-choose-section { padding: 50px 0; }
  
   .consult-form { padding: 24px 15px; margin: 0; }
  .contact-section .contact-detail-card { padding: 0; }
  .contact-section .contact-detail-card p a { font-size: 14px; }
  .contact-section .contact-detail-card .contact-detail-card-part { margin: 0 0 25px 0; }

  .section-three-card-image img { height: 200px; }
  .section-four { position: relative; padding: 50px 0; }
  .section-four::after { display: none;}

  .section-four h1 { font-size: 27px; margin: 0 0 15px 0; }
  .section-four-ul li { font-size: 15px; margin: 0 0 15px 0; }

  .section-five { padding: 50px 0; }
  .section-five .section-five-card { border-radius: 10px; padding: 15px 15px 24px 15px; }
  .section-five .section-five-card h4 { font-size: 21px; margin: 20px 0 5px 0; }
  .section-five .section-five-card img { width: 100%; }

  .cta-section { padding: 30px; margin: 0 0 60px 0;}
  .cta-section .lead { font-size: 16px; margin: 0 0 30px 0; }
  .cta-section h3 { font-size: 21px; margin: 0; }

  .video-section a img { height: 320px; border-radius: 10px; }

  .founders-section { padding: 60px 0; }
  .founders-section .founder-image img { height: 320px; width: 100%; margin: 0 auto; } 
  .founders-section .founder-content h2 { margin: 0 0 15px 0; }

  .timeline-section { margin: 60px 0; }
  .timeline { padding: 15px 0 15px 15px; }
  .timeline-section h2 { text-align: center; }
  .timeline-section p.lead { text-align: center; }
  .timeline-step .timeline-step-header .timeline-step-header-detail h4 { margin: 60px 0 10px 0; font-size: 21px; }

  .video-section a img { height: 360px; border-radius: 10px; }
  .video-section a .play-button { width: 70px; height: 70px; }
  .video-section a .play-button::before { width: 70px; height: 70px; }
  .video-section a .triangle { border-left: 12px solid white; border-top: 8px solid transparent; border-bottom: 8px solid transparent; }
  
  .inner-slider { height: 320px; } 
  .inner-slider-content h1 { font-size: 36px; }
  .inner-slider-content h5 { font-size: 21px; }
  
  .course-overview { padding: 20px 15px; border-radius: 5px; }
  .course-overview h3 { margin: 0 0 10px 0; font-size: 21px; }
  .course-overview p { text-align: justify; }
  .course-overview p:last-child { margin-bottom: 0; }

  .course-curriculam { margin: 30px 0 0 0; }
  .course-curriculam h3 { font-size: 21px; }
  .course-curriculam-list li { font-size: 14px; text-align: justify;}
  .course-curriculam  p { text-align: justify;}

  .detailSection2 { padding: 30px 0;  }
  .detailSection2Content h3 { font-size: 24px; margin: 0 0 10px 0; }
  .aside-card h4 a { color: #01385f; font-size: 15px; }

  .contact-detail { padding: 45px 0 0 0; }
  .contact-detail .heading h3 { margin: 0 0 10px 0; }

  footer .footer-logo { width: 200px; margin: 0 0 15px 0; }
  footer { padding: 60px 0 0 0; }
  footer h4 { font-size: 18px; margin: 20px 0 10px 0; }
  .bootom-footer { margin: 30px 0 0 0; padding: 15px 0; }

  .certificate-section .certificate-detail img { height: 250px; }
  
}
/* ============ mobile view .end// ============ */

@media all and (max-width: 767px) {
  h1 { font-size: 33px;}
  h2 { font-size: 24px; margin: 0 0 20px 0; }
  p { font-size: 15px; }
  
  .sub-title { font-size: 15px; text-align: center; display: block; }
  .top-header { padding: 5px 0;}
  .top-header p a { font-size: 18px; }
  .top-header .social-media li a { color: #ffffff; }
  header { padding: 15px 0; } 
  .nav-item:hover .dropdown-menu li a { font-size: 13px; }
  .dropdown-item { padding: 5px 0; }
  
  .cssbuttons-io-button { border-radius: 6px; }
  .cssbuttons-io-button .icon { border-radius: 6px; }
  
  .navbar-area { padding: 10px 0;}
  .navbar-area .menu-mobile-trigger span { background: #1e56a3; }
  .navbar-area.is-sticky .menu-mobile-trigger span { background: #1e56a3; }
  .navbar-brand img { width: 220px; }
  .is-sticky .navbar-brand img { width: 190px; }
  .section-three-card-content-btn .course-btn { width: 100%; font-size: 14px; }
  
   .carousel-inner .carousel-item .carousel-caption { background: #000000; background: linear-gradient(360deg, rgba(0, 0, 0, 0.87) 0%, rgba(0, 0, 0, 0.48) 60%, rgba(255, 255, 255, 0) 100%); width: 100%; text-align: center; }
   .carousel-inner .carousel-item .carousel-caption h1 { font-size: 36px; line-height: 1.3; }
   .carousel-inner .carousel-item .carousel-caption h1 span { font-size: 36px; line-height: 0.8; }
   .carousel-inner .carousel-item .carousel-caption h1 small { font-size: 27px; margin: 0; }
   .carousel-inner .carousel-item .carousel-caption p { font-weight: 450; font-size: 15px; margin: 0 0 24px 0; }
  
  .hero-section { padding: 70px 0; }
  .hero-content h2 { font-size: 36px; text-align: center; }
  .hero-content .cssbuttons-io-button { margin: 20px auto 30px auto; }
  
  .why-choose-ul h5 { margin: 20px 0 15px 0; font-size: 21px; }
  .why-choose-ul p { font-size: 14px; }
  .why-choose-ul img { border-radius: 8px; }

  .inner-slider { height: 400px; padding: 0;} 
  .inner-slider-content h1 { font-size: 33px; } 
  .inner-slider-content h5 { font-size: 18px; }
  
  .contact-slider .inner-slider-content h2 { font-size: 30px; margin: 0 0 30px 0; }
  .contact-slider .inner-slider-content p.lead { font-size: 16px; }
  
  .abt-content .cssbuttons-io-button { margin: 0; }

  .course-overview { padding: 15px; border-radius: 5px; }
  .course-overview h3 { margin: 0 0 5px 0; font-size: 21px; }
  .course-overview p { text-align: justify;}
  .course-overview p:last-child { margin-bottom: 0; }

  .course-curriculam { margin: 30px 0 0 0; }
  .course-curriculam h3 { font-size: 21px; }
  .course-curriculam p { text-align: justify;}
  .course-curriculam-list { padding: 0 0 0 5px; }
  .course-curriculam-list li { font-size: 14px; text-align: justify; }

  .detailSection2Content h3 { font-size: 21px; }
  .detailSection2 { padding: 30px 0; }
  .aside-card h4 a { font-size: 14px; }
  .aside-card { border-radius: 10px; padding: 20px 15px; }

  .slider-section { padding: 40px 0; text-align: center; }
  .slider-section .slider-content { display: block; margin: 45px 0 0 0;}
  .slider-section .slider-content h1 { font-size: 21px; }
  .slider-section .slider-content h2 { font-size: 15px; margin: 0; }  
  .slider-section .cssbuttons-io-button { width: 145px; margin: 20px auto 0 auto; }
  .slider-section .slider-image { height: auto; border-radius: 10px; width: 100%; }
  .slider-section .slider-image img { border-radius: 8px; width: 100%; }
  .slider-section .slider-content { padding-left: 0; }

  .slider-section .slider-image img { border-radius: 8px; width: 100%; height: 320px; } 
  .project-title { left: 2px; bottom: 2px; right: 2px; padding: 10px 15px; }
  .project-title h3 { font-size: 18px; font-weight: 450; }

  .carousel-control-next-icon, .carousel-control-prev-icon { width: 30px; height: 30px; min-width: 30px; min-height: 30px; background-color: #000000; border-radius: 100%; background-size: 50% 50%; }
  .carousel-control-next, .carousel-control-prev { width: 10%; }
  .service-section { margin: 0; padding: 40px 0; }
  .slider-content .tags { margin: 0; justify-content: center; }
  .slider-content .tags li { font-size: 12px; border-radius: 10px; display: inline; padding: 6px 10px; margin: 0 10px 0 0; background: #ffffff; }

  .owl-nav button { top: 45%; border: none !important; background: #1e56a3a3 !important; color: #fff !important; width: 38px; height: 38px; border-radius: 5px; font-size: 18px !important; backdrop-filter: blur(6px);}
  .owl-nav button.owl-prev { left: -8px; right: auto; }
  .owl-nav button.owl-next { right: -8px; }
  
  .top-header .social-media li { margin: 0 0 0 5px; }
  .top-header p.lead { font-size: 15px;}
  .top-header .social-media li a { font-size: 18px; }
  .top-header .social-media li a .lead { font-size: 16px; }

  .service-card { padding: 24px 20px; border-radius: 10px; }
  .service-card .service-thumb img { border-radius: 8px; }
  .service-card .service-thumb { margin-bottom: 15px; }
  .service-card h4 { font-size: 18px; margin: 10px 0 5px 0; }
  .service-card .service-card-icon { width: 60%; }
  
  .process-section { padding: 40px 0; }
  
  .team-section { padding: 40px 0; }
  .team-section h2, .team-section p { text-align: center; }
  .team-section .cssbuttons-io-button { margin: 20px auto 0 auto;}
  .team-card { border-radius: 8px; width: 90%; margin: 0 auto; }
  .team-card img { border-radius: 8px; }
  .team-card:nth-child(2) { margin-top: 10px; }
  
  .client-section { padding: 40px 0; }
  .client-section h2 { text-align: center; }
  .client-section .client-logo { padding: 24px; border-radius: 8px; }
  
  .testimonial-section { padding: 70px 0; }
  .testimonial-box { gap: 24px; padding: 30px 15px; border-radius: 8px; }
  .testimonial-box .text .quote i { font-size: 42px; }
  .testimonial-box .text .quote { top: -20px; left: -20px; height: 50px; width: 50px; border-radius: 10px; }
  .testimonial-box .testimonial-box-footer .user-img { width: 70px; height: 70px; min-width: 70px;}
  .testimonial-box .testimonial-box-footer h6 { font-size: 18px; }
  .testimonial-box .testimonial-box-footer { gap: 24px; margin: 20px 0 0 0; }
 
  .faq-section { padding: 70px 0 50px 0; }
  .faq-section .lead { font-size: 16px; margin: 0 0 24px 0; }
  .accordion .accordion-item .accordion-button { font-size: 21px; padding: 20px 0; }

  .why-choose-section { background: none; padding: 30px 0 15px 0; }
  .why-choose-section h6 { text-align: center; }
  .why-choose-section h6::before { display: none;}
  .why-choose-section h6::after { display: none;}
  .why-choose-section h2 { text-align: center; }
  .why-choose-ul li img { width: 100%; margin: 0 auto; height: 280px; }
  .why-choose-ul li { text-align: center; padding: 0; border: none; }
  .why-choose-section h5 { font-size: 18px; margin: 15px 0 10px 0; }

  .section-three { margin: 0 0 45px 0; }
  .section-three h6 { margin: 0 0 15px 0; font-size: 15px; }

  .section-three-card-content .course-detail { min-height: auto; }

  .section-four { padding: 45px 0; }
  .section-four::after { display: none;}
  .section-four h1 { margin: 0 0 20px 0; font-size: 24px; }
  .section-four-ul li { color: #ffffff; font-size: 14px; margin: 0 0 15px 0; }

  .section-five { padding: 45px 0 0 0; }
  .section-five .section-five-card img { width: 180px; }
  .section-five .section-five-card { border-radius: 10px; padding: 15px; }
  .section-five .section-five-card h4 { font-size: 21px; margin: 15px 0 10px 0; }

  .cta-section { padding: 45px 24px; margin: 0 0 70px 0; height: auto; }

  .consult-form { padding: 30px 24px; margin: 0; }
  .contact-section .contact-detail-card { padding: 30px 24px; }
  .consult-form h4 { font-size: 24px; }
  .consult-form p { margin: 0 0 15px 0; text-align: center; }
  .consult-form .cssbuttons-io-button { margin: 24px 0 0 0; }
  

  .cta-section { padding: 45px 15px; text-align: center; }
  .cta-section .lead { font-size: 16px; margin: 0 0 10px 0; text-align: center; }
  .cta-section h3 { font-size: 24px; margin: 0 0 20px 0; text-align: center; }
  .cta-section p { margin: 0 0 20px 0 !important;}
  .cssbuttons-io-button { margin: 0 auto;}

  .video-section a img { height: 220px; border-radius: 10px; }
  .video-section a .play-button { position: absolute; width: 50px; height: 50px; }
  .video-section a .play-button::before { width: 50px; height: 50px; }
  .video-section a .triangle { border-left: 12px solid white; border-top: 8px solid transparent; border-bottom: 8px solid transparent; }

  .founders-section { padding: 60px 0; }
  .founders-section .founder-image img { height: 320px; } 
  .founders-section .founder-content h2 { margin: 30px 0 20px 0; text-align: center; } 
  .founders-section .founder-content p { margin: 0; text-align: center; }

  .timeline-left { min-width: 200px; height: 200px; }
  .timeline-step .timeline-step-header .timeline-step-header-detail h4 { margin: 60px 0 10px 0; font-size: 18px; }
  .timeline-step .timeline-step-header .timeline-step-header-detail h2 { font-size: 24px; top: -45px; left: -70px; }

  footer .footer-logo { margin: 0 0 15px 0; width: 270px; display: inline-block; }
  footer p {  margin: 0 0 10px 0; font-size: 14px; }
  footer h4 { font-size: 18px; margin: 15px 0 10px 0; }
  footer p a { margin: 0; }
  footer .accordion-flush .accordion-body ul li { margin: 0 0 10px 0; padding-left: 0 !important; }
  .footer-list li a { font-size: 14px; margin: 0; }

  footer h6 { font-size: 18px; }

  .certificate-section { margin: 40px 0; }
  .certificate-section .certificate-detail img { height: 220px; }

  .breadcrumb-item.active { font-size: 12px; }
  .breadcrumb .breadcrumb-item a { font-size: 12px; }
  .breadcrumb-item+.breadcrumb-item::before { font-size: 10px; }
  
  .about-section { margin: 70px 0; }
  .about-section .abt-content p.lead { font-size: 18px; margin: 0 0 24px 0; }
  .hero-content .lead { font-size: 16px; margin: 0 0 30px 0; text-align: center; }
  
  .bootom-footer { margin: 24px 0 0 0; padding: 15px 0; }
}

@media all and (max-width: 575px) {
  .carousel-inner .carousel-item img { height: auto; }
  .contact-slider { height: 420px !important; }
  .contact-detail-border { padding: 24px; }
  .contact-detail-border h4 { font-size: 24px; }
  .contact-slider .inner-slider-content { display: flex; align-items: center; justify-content: end; flex-direction: column; height: 100%; }
  .inner-slider { height: 360px; }
  .inner-slider-content h5 { font-size: 18px; }
  .why-choose-section { padding: 40px 0 40px 0; }
  .consult-form { margin: 0 0 30px 0; }
  .consult-form .cssbuttons-io-button {width: 100% !important; margin: 24px 0 0 0;} 
  .contact-detail-border p { font-size: 16px; }
  .contact-detail-border p a { font-size: 21px; font-weight: 500; }

  .founders-section .founder-image img { height: 350px; }
  
  .right-side { gap: 10px; }
  .navbar-area .navbar-wrapper .right-side .right-side-item .nav-right-btn { margin-left: 10px; height: 42px; width: auto; padding: 0 17px; gap: 10px; } 
  .navbar-area .navbar-wrapper .right-side .right-side-item .nav-right-btn a { font-size: 18px;  padding-right: 10px; } 
}