/* ------------------------------------------------
  Project:   Soften - Software & SaaS WordPress Theme
  Author:    ThemeHt
------------------------------------------------ */

@media (max-width:1600px) {
    .banner-4 { padding: 200px 0 150px; }
}
@media (max-width:1200px) {
    .navbar-nav .nav-item { margin: 0 10px; }
}
@media (max-width:992px) {
    .h1, h1 { font-size: 50px !important; line-height: 60px !important; }
    .h2, h2 { font-size: 40px !important; line-height: 50px !important; }
    .h3, h3 { font-size: 30px !important; line-height: 40px !important; }
    .h4, h4 { font-size: 26px !important; line-height: 36px !important; }

    /*Banner*/
    .page-title { padding: 160px 0; }
    .page-title h1 { font-size: 40px; line-height: 50px; }
    .banner { padding: 180px 0 0; }
    .round-shape-animation { width: 700px; height: 700px; right: -300px; }
    .round-shape-animation::before { height: 300px; width: 300px; }
    .banner .banner-img { padding: 0; text-align: center; }
    .banner-img .banner-img2, .banner-img .banner-img3 { position: relative; right: inherit; top: inherit; bottom: inherit; }
    .macbook-box { margin: 50px 0; }
    .admin-bar .header { top: 45px; }
    .logo img { max-height: var(--logo-tablet-height); }
    .themeht-sidebar { margin-top: 80px; }

    /*Countdown*/
    .countdown > li span { font-size: 50px; line-height: 50px; }
    .countdown > li p { font-size: 18px; }
    .banner-2 { padding: 200px 0 250px; }
    .banner-2 .banner-img, .banner-4 .banner-img { position: relative; right: inherit; top: inherit; transform: inherit; width: 100%; }
    .service-top { display: block; }
    .service-item.style-2 .service-images { margin-right: 0; margin-bottom: 20px; }
    .banner3-text { padding: 80px 50px 350px; }
    .testimonial.style-2 { margin: 50px 10px; }
    .banner-4 { padding: 150px 0; }
    .ht-tab .tab-menu li a { margin-right: 10px; font-size: 16px; padding: 5px 20px; }
    .service-item.style-1 { padding: 50px 30px;}
}
@media (max-width:767px) {
    .h2, h2 { font-size: 34px !important; line-height: 44px !important }
    .theme-title h2 { font-size: 34px !important; line-height: 44px !important; }
    .page-title h1 { font-size: 30px !important; line-height: 30px !important; }
    .banner { padding: 150px 0 50px; }
    .round-shape-animation { width: 500px; height: 500px; right: -270px; }
    .round-shape-animation::before { height: 200px; width: 200px; }
    .marquee-text span { font-size: 50px; }
    .marquee-text i { font-size: 30px; margin: 0 10px; }

    /*Countdown*/
    .countdown { margin: 40px 0; padding: 40px 0; }
    .countdown > li span { font-size: 40px; line-height: 40px; }
    .countdown > li p { font-size: 16px; }

    /*Iframe*/
    .iframe-h { height: 300px !important; }
    blockquote { padding: 140px 40px 40px 40px !important; }
    blockquote:after { width: 100%; height: 100px; }
    .service-item.style-2 .service-images { width: 150px; }
    .banner3-text { padding: 80px 30px 350px; }
    .banner-3 p { max-width: 100%; }
    .subscribe-btn { position: relative; right: inherit; top: inherit; width: 100%; margin-top: 10px; }
    .tab .nav-tabs .nav-link { margin-right: 0; font-size: 20px; }
    .right-nav { display: none !important; }
    .admin-bar .header.fixed-header { top: 0; }
    .navbar-toggler.ht-toggler { margin-right: 30px; }
    .elementor-widget-banner-slider p { max-width: 100%; font-size: 16px; }
    .comment-navigation .nav-links, .posts-navigation .nav-links, .post-navigation .nav-links { display: block; }
    .comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous { padding-right: 0; }
    .comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next { padding-left: 0; margin-top: 30px; }
    blockquote, .wp-block-quote.is-style-large { padding: 180px 40px 40px 40px !important; }
    #ht-main-nav { width: 100%; }
    .subscribe-form { display: block; margin-top: 20px; }
    .ht-tab .tab-menu { display: block; }
    .ht-tab .tab-menu li { width: 100%; }
    .ht-tab .ht-tab-content { padding: 30px; }
}
@media (max-width:576px) {

    /*Countdown*/
    .countdown { margin: 30px 0; }
    .countdown > li { padding: 0 10px; }
    .countdown > li p { font-size: 14px; line-height: 24px; }
    .post-comment li { display: block; }
    .author-img { margin-right: 0; margin-bottom: 30px; }
    .comment-reply { position: inherit; top: inherit; right: inherit; margin-top: 30px; }
}