/* ------------------------------------------------
  Project:   Stacht - Data Science & Analytics Bootstrap 5 Template
  Author:    ThemeHt
------------------------------------------------ */

/* ------------------------
    Responsive Css
------------------------*/
@media (max-width:1200px) {
    h1, h1 { font-size: 60px; line-height: 70px; }
    h2, h2 { font-size: 45px; line-height: 55px; }
    .testimonial-content p { font-size: 16px; line-height: 26px; }
    .portfolio-title { padding: 30px 20px; }
    .team-member .team-description { padding: 10px; }
}
@media (max-width:992px) {
    h1, h1 { font-size: 50px; line-height: 60px; }
    h2, h2 { font-size: 40px; line-height: 50px; }
    .custom-mt-0 { margin-top: 0 !important }

    /*Header*/
    #header-wrap { padding: 10px 0; }
    .navbar-toggler { background: #0049d0; height: 40px; width: 50px; padding: 0; margin: 0; }
    .navbar-toggler span { width: 26px; height: 2px; margin: 5px auto; display: block; background: #ffffff; }
    .header.header-3 .navbar-toggler { background: #ffffff; }
    .header.header-3 .navbar-toggler span { background: #0049d0; }
    .navbar-nav .nav-link, .header.header-2 .navbar-nav .nav-link, .header.header-3 .navbar-nav .nav-link { padding: 10px !important; color: #42454b; }
    .navbar-nav .nav-link:hover, .navbar-nav .nav-item .nav-link.active, .navbar-nav .nav-item .nav-link.show { background: #0049d0; color: #ffffff }
    .navbar-collapse { border-radius: .25rem; background: #ffffff; max-height: 400px; left: 0; padding: 10px; position: absolute; z-index: 99; top: 100%; width: 100%; overflow: auto; border: medium none; -webkit-box-shadow: 7px 5px 30px rgba(72, 73, 121, 0.15); -moz-box-shadow: 7px 5px 30px rgba(72, 73, 121, 0.15); box-shadow: 7px 5px 30px rgba(72, 73, 121, 0.15); }
    .navbar-nav .dropdown-toggle::after { content: '+'; background: none !important; position: absolute; border: none; top: 50%; right: 10px; margin: -0.5em 0.5em 0 0; border-radius: .25rem; padding: 0; font-size: 1.25rem; line-height: 1; }
    .navbar-nav .dropdown > .dropdown-toggle.show::after { content: '-'; }
    .navbar-nav .dropdown-submenu .dropdown-toggle::after { width: auto; height: auto; margin-right: 0; }
    .navbar { padding: 0; }
    .navbar-nav .nav-link::before { display: none; }

    /*Banner*/
    .fullscreen-banner { min-height: inherit; height: auto !important; }
    .fullscreen-banner .align-center { position: inherit; transform: inherit; padding: 150px 0 150px !important }

    /*Countdown*/
    .countdown > li span { font-size: 60px; line-height: 70px; }
    .countdown > li p { font-size: 18px; }
    .tab .nav-tabs .nav-link { padding: 15px 10px; }
    .tab .nav-tabs .nav-link h5 { font-size: 18px; margin: 5px 0 0 0; }
    .tab .nav-tabs .nav-link i { font-size: 40px; }
    .price-table.border-light.pricing-border { border-bottom: 1px solid #d5e0f2; }
    .shape-sec.custom-pt-3 { padding-top: 10rem !important; }
}
@media (max-width:767px) {
    h2, h2 { font-size: 34px; line-height: 44px; }
    .section-title p { font-size: 16px; }
    .page-title h1 { font-size: 40px; line-height: 50px; }

    /*Countdown*/
    .countdown > li span { font-size: 40px; line-height: 40px; }
    .countdown > li p { font-size: 16px; }
    .price-table.border-light.pricing-border { border-right: none !important; }
    #ht-main-nav { width: 100% }
}
@media (max-width:576px) {
    h1, h1 { font-size: 44px; line-height: 54px; }
    h3, .h3 { font-size: 26px; line-height: 36px; }
    h4, .h4 { font-size: 24px; line-height: 34px; }
    .logo img { max-height: 45px; }
    .ht-nav-toggle { width: 40px; height: 40px; }
    .ht-nav-toggle span { width: 30px; }

    /*Banner*/
    .banner p br, .section-title br { display: none; }
    .breadcrumb-item { line-height: 30px; }

    /*Banner*/
    .tab .nav-tabs .nav-link { display: block; width: 100%; }
    .owl-carousel .owl-nav button.owl-prev { left: 0px; }
    .owl-carousel .owl-nav button.owl-next { right: 0px; }
    .subscribe-form .input-group { display: block; }
    .subscribe-form .input-group .form-control { width: 100% }
    .subscribe-form .input-group .btn { border-radius: .25rem !important; margin-top: 10px; }
}