@media screen and (min-width: 1440px) {
    /*Top header css start*/
    .top-header { padding: 10px 0; background: rgb(31 36 109); background: linear-gradient(90deg, rgb(31 36 109) 30%, rgb(182 88 219) 100%); }
    .carousel-inner .carousel-item .carousel-caption { text-align: start; top: 30%; width: 40%; bottom: auto; left: 16%;} 
    .carousel-inner .carousel-item .carousel-caption h1 { font-size: 48px; }
}

@media all and (max-width: 1199px) {
  h2 { font-size: 27px;}
  p { font-size: 14px;}
  .btn-custom { padding: 10px 25px; font-size: 15px; margin: 30px 0 0 0; }
  .btn-custom-2 { padding: 12px 25px; font-size: 15px; margin: 30px 0 0 0; } 
.top-header p.lead { font-size: 16px;}
  .top-header .social-media li a .lead { font-size: 18px; } 
  .navbar-light .navbar-nav .nav-link { font-size: 14px; padding: 0 7px; }
  .navbar-brand { width: 280px; }
  .carousel-inner .carousel-item .carousel-caption { width: 60%; }
  .carousel-inner .carousel-item .carousel-caption h1 span { font-size: 42px; }

  .slider-section .slider-content h1 { font-size: 30px; } 
  .slider-section .slider-content a { font-size: 16px; }
  .slider-section .slider-image { height: 350px; border-radius: 10px; }
  .slider-section .slider-image img { border-radius: 10px; }
  .service-card { padding: 20px 15px; border-radius: 10px; }
  .service-card h4 { font-size: 14px; margin: 15px 0 10px 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; }
  .about-section { margin: 60px 0 0 0; }
  .about-section h5 { font-size: 21px; }

  .founders-section .founder-image img { border-radius: 30px 5px 5px 5px; }

  .founders-section { margin: 50px 0 0 0; padding: 50px 0; }

  .inner-slider { height: 250px; }
.inner-slider::after { background: linear-gradient(90deg, rgba(1, 56, 95, 0) 40%, rgba(1, 56, 95, 1) 40%); }
.inner-slider-content h1 { font-size: 24px; }
.inner-slider-content h2 { font-size: 18px; margin: 0 0 15px 0;}
.inner-slider-content .fees-detail ul { gap: 15px; }
.inner-slider-content .fees-detail ul li { padding-right: 15px; }
.inner-slider-content .fees-detail ul li p { font-size: 16px; }
.inner-slider-content .fees-detail ul li h5 { font-size: 18px; margin: 0 0 5px 0; }

.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; }

  .cta-section { padding: 50px 0; margin-top: 40px; }
  .cta-section .lead { font-size: 16px; margin: 0 0 10px 0; }
  .cta-section h3 { font-size: 24px; margin: 0; }

  .service-detail { padding: 40px 0; }

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

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

}

@media all and (max-width: 1024px) {
h2 { font-size: 27px; }
p { font-size: 14px; }
.btn-custom { padding: 10px 20px; font-size: 15px; transition: ease-in-out all 0.2s; }
.navbar-brand { width: 210px; }
.navbar-light .navbar-nav .nav-link { font-size: 14px; padding: 0 8px; }
.btn-custom-2 { padding: 10px 20px; font-size: 14px; margin: 30px 0 0 0; } 
.top-header p.lead { font-size: 16px;}
.slider-section .slider-content h1 { font-size: 27px; } 
.slider-section .slider-content a { font-size: 16px; }
.slider-section .slider-image { height: 350px; border-radius: 10px; }
.slider-section { padding: 45px 0; }
.service-card { padding: 20px 10px; border-radius: 10px; }
.service-card h4 { font-size: 14px; margin: 15px 0 0 0; }
.service-section { margin: -50px 0 50px 0; }

.section-three { margin: 0 0 50px 0; }
.section-three-card-image img { border-radius: 10px; height: 180px; }
.section-three-card-content h4 { font-size: 16px; }
.section-four { padding: 50px 0; }
.section-four::after { display: none; }

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

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

.cta-section { padding: 45px 0; margin-top: 30px; }
.cta-section .lead { font-size: 16px; margin: 0 0 15px 0; }
.cta-section h3 { font-size: 24px; margin: 0; }

.about-section { margin: 50px 0 0 0; }
.about-section h5 { margin: 30px 0 0 0; font-size: 21px; }
.founders-section { margin: 50px 0 0 0; padding: 50px 0; }

.founders-section .founder-image img { border-radius: 30px 5px 5px 5px; }

.inner-slider { height: 250px; }
.inner-slider::after { background: linear-gradient(90deg, rgba(1, 56, 95, 0) 40%, rgba(1, 56, 95, 1) 40%); }
.inner-slider-content h1 { font-size: 24px; }
.inner-slider-content h2 { font-size: 18px; margin: 0 0 15px 0;}
.inner-slider-content .fees-detail ul { gap: 15px; }
.inner-slider-content .fees-detail ul li { padding-right: 15px; }
.inner-slider-content .fees-detail ul li p { font-size: 16px; }
.inner-slider-content .fees-detail ul li h5 { font-size: 18px; margin: 0 0 5px 0; }

.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; }

.top-header .social-media li a .lead { font-size: 18px; }
.project-section { margin: 50px 0; }

.section-five { padding: 50px 0; }

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

}

/* ============ mobile view ============ */
@media all and (max-width: 991px) {
  p { font-size: 14px; }
  h2 { font-size: 27px;}
  .btn-custom { padding: 10px 20px; font-size: 15px; border-radius: 30px; margin: 30px 0 0 0; }
  .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%; border-bottom: 1px solid #bbbbbb; padding: 10px 0; }
  .offcanvas-header .btn-close { background-color: transparent; opacity: 1; margin: 0 0 0 auto !important; padding: 0 !important; position: absolute;  right: 15px; top: 25px; }
  .btn-outline-secondary img { height: 25px; margin: -5px 0 0 0; }
  .btn-outline-secondary { display: inline-block; border-radius: 5px; border-color: #717171; padding: 0; height: 35px; width: 40px; line-height: 36px; }
  .btn-outline-secondary i { font-size: 18px; }
  .btn-outline-secondary:hover { background-color: #ffffff; border-color: #bbbbbb; box-shadow: 0px 3px 10px -4px rgba(0, 0, 0, 0.57); color: #000000; }
  .offcanvas-header { display: block; }
  .mobile-offcanvas {  visibility: hidden; transform: translateX(-100%); border-radius: 0; display: block; position: fixed; top: 0; left: 0; height: 100%; z-index: 1200; width: 85%; overflow-y: scroll; overflow-x: hidden; transition: visibility 0.3s ease-in-out, transform 0.3s ease-in-out; }
  .mobile-offcanvas.show { visibility: visible; transform: translateX(0); }
  .mobile-offcanvas .container, .mobile-offcanvas .container-fluid { display: block; }
  .offcanvas-footer { position: absolute; bottom: 0; border-top: 1px solid #bbbbbb; padding: 10px 15px; display: inline-block; right: 0; left: 0;}
  .offcanvas-footer .social-media-icon { display: inline-block; width: 100%; padding: 0; margin: 0;}
  .offcanvas-footer .social-media-icon li { display: inline; }
  .offcanvas-footer .social-media-icon li a { font-size: 16px; height: 35px; width: 35px; background-color: #000000; color: #ffffff; border-radius: 100%; margin: 0 10px 0 0; display: inline-block; text-align: center;  line-height: 36px; transition: ease-in-out all 0.2s;}

  header { padding: 10px 0; }

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

.about-section .abt-img { 
  margin: 0 auto 30px auto;
}
.abt-content {
  text-align: center;
}

  .slider-section { padding: 50px 0; }
  .slider-section .slider-image img { border-radius: 10px; }
  .slider-section .slider-image { border-radius: 10px; }
  .slider-section .slider-image { height: 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: -60px 0 60px 0; }
  .service-card h4 { font-size: 16px; margin: 15px 0 0 0; }

  .about-section { margin: 50px 0 0 0; }

  .why-choose-section { padding: 50px 0; }
  .consult-form { border-radius: 10px; padding: 30px 24px; margin: 0 0 45px 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%; }

  .accordion-flush .accordion-item .accordion-button { border-radius: 5px; }

  .cta-section { padding: 20px 0; margin-top: 35px; }
  .cta-section .lead { font-size: 16px; margin: 0 0 10px 0; }
  .cta-section h3 { font-size: 21px; margin: 0; }

  .video-section a img { height: 320px; border-radius: 10px; }
  .about-section h5 { font-size: 21px; }

  .founders-section .founder-image img { height: 420px; width: 60%; border-radius: 30px 5px 5px 5px; margin: 0 auto; }
  .founders-section .founder-image { border-radius: 15px; text-align: center; }
  .founders-section .founder-content h2 { margin: 25px 0 5px 0; font-size: 24px; }
  .founders-section { margin: 50px 0 0 0; padding: 50px 0; }

  .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; }

  .mobile-banner { display: block; }
  .mobile-banner img { height: 300px; width: 100%; object-fit: cover; object-position: center; }
  .inner-slider { height: auto; padding: 45px 0; }
  .inner-slider-content { padding: 0; }
  .inner-slider-content h1 { font-size: 24px; }
  .inner-slider-content h2 { font-size: 18px; margin: 0 0 15px 0; }
  .inner-slider-content .fees-detail ul li h5 { font-size: 18px; margin: 0 0 5px 0; }
  .inner-slider-content .fees-detail ul li p { margin: 0; color: #ffffff; font-size: 16px; }
  .inner-slider::after { background: linear-gradient(90deg, rgba(1, 56, 95, 0) 0%, rgba(1, 56, 95, 1) 0%); }

  .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: 220px; margin: 0 0 15px 0; }
  footer { padding: 30px 0 15px 0; }
  footer h4 { font-size: 18px; margin: 20px 0 10px 0; }

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

@media all and (max-width: 767px) {
  h2 { font-size: 24px; margin: 0 0 20px 0; }
  p { font-size: 14px; }
  .top-header { padding: 5px 0;}
  .top-header p a { font-size: 18px; }
  .top-header .social-media li a { color: #ffffff; }
  header { padding: 15px 0; }
  .mobile-offcanvas  .btn-custom-2 { padding: 10px 30px; width: 100%; }
  .nav-item:hover .dropdown-menu li a { font-size: 13px; }
  .dropdown-item { padding: 5px 0; }

  .section-three-card-content-btn .course-btn { width: 100%; font-size: 14px; 
}

  .mobile-banner { display: block;}
  .mobile-banner img { height: 250px; width: 100%; object-fit: cover; object-position: center;}
  .inner-slider { height: auto; padding: 30px  0;} 
  .inner-slider::after { background: linear-gradient(90deg, rgba(1, 56, 95, 0) 0%, rgba(1, 56, 95, 1) 0%); }
  .inner-slider-content { padding: 0; }
  .inner-slider-content h1 { font-size: 21px; }
  .inner-slider-content h2 { font-size: 18px; margin: 0 0 20px 0; }
  .inner-slider-content .fees-detail ul li h5 { font-size: 16px; margin: 0 0 5px 0; }
  .inner-slider-content .fees-detail ul li p { font-size: 14px; }
  .inner-slider-content .fees-detail ul { gap: 15px;}
  .inner-slider-content .fees-detail ul li { padding-right: 15px; }

  .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: 35px 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: 24px; margin: 0 0 10px 0; } 
  .slider-content  .btn-custom { font-size: 14px; margin: 0 0 15px 0; }
  .slider-section .slider-content a { font-size: 15px; margin: 0 0 15px 0; display: block; }
  .slider-section .slider-image { height: auto; border-radius: 10px; }
  .slider-section .slider-image img { border-radius: 10px; }
  .slider-section .slider-content { padding-left: 0; }

  .slick-slide img { border-radius: 10px; 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: 45px 0 45px 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; }

  .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: 15px 10px; border-radius: 10px; }
  .service-card h4 { font-size: 14px; font-weight: 500; margin: 10px 0 0 0; }
  .service-card .service-card-icon { width: 60%; }

  .about-section { margin: 45px 0 80px 0; padding: 0; }
  .about-section h2 { margin: 0 0 10px 0; text-align: center; }
  .about-section h6 { font-size: 15px; margin: 0 0 10px 0; text-align: center; }
  .about-section h6::before { display: none; }
  .about-section h6::after { display: none; }
  .about-section p { margin: 0; text-align: center; }

  .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: 250px; }
  .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; }

  .consult-form { border-radius: 10px; padding: 20px 15px; margin: 0 0 45px 0; }
  .consult-form h4 { font-size: 21px; text-align: center; }
  .consult-form p { margin: 0 0 15px 0; text-align: center; }

  .accordion-button { padding: 12px 15px; }
  .accordion-body ul li { padding-left: 20px; font-size: 14px; margin: 0 0 5px 0; }
  .accordion-flush .accordion-item .accordion-button { border-radius: 5px; }

  .cta-section { padding: 45px 0; margin-top: 40px; }
  .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; }

  .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; }
  .about-section .abt-content h5 { font-weight: 450; margin: 0 0 5px 0; text-align: center; font-size: 16px; }
  .about-section h5:before { left: -5px; top: -15px; }

  .about-section .abt-img img { height: 370px; width: 100%; }
  .about-section .abt-img { height: 370px; width: 340px; margin: 45px auto 0 auto; }

  .founders-section { margin: 45px 0 0 0; padding: 45px 0; }
  .founders-section .founder-image img { height: 350px; border-radius: 30px 5px 5px 5px; } 
  .founders-section .founder-content h2 { margin: 20px 0 5px 0; font-size: 18px; }
  .founders-section .founder-content h4 { margin: 0 0 10px 0; font-size: 15px; color: #000000; }
  .founders-section .founder-content p { margin: 0 0 5px 0; text-align: justify; }

  footer { padding: 40px 0 15px 0; }
  footer .footer-logo { width: 220px; margin: 0 auto 15px auto; width: 100px; }
  footer p {  margin: 0; }
  footer h4 { font-size: 18px; margin: 15px 0 10px 0; }
  footer p a { margin: 0 0 5px 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; }
  

}