/**
1.0  Normalize
2.0  Header
3.0  Home Page
        3.1 Main Banner Section
	    3.2 Featured Products Section
	    3.3 Testimonial Section
4.0  Footer
	    4.1 Cta Section
      4.2 Footer Links Section
	    4.3 Site Info Section
5.0 Back to top 
6.0 Theme Landing Page
      6.1 Banner Section
      6.2 Info Section
7.0  Starter Sites Page
8.0  Themes List Page
9.0 FAQ Section
10.0 Pricing Plans Page
11.0 Blog List Page
       11.1 Blog List Pagination
       11.2 Sidebar
12.0 Blog Page
       12.1 Related Blogs Section
13.0 About Us Page
14.0 Contact Us Page / Support Page
15.0 404 Page
16.0 Search Result Page
**/

/*
=========================================
1.0 Normalize
=========================================
*/

@media (max-width: 1024px) {
  section {
    padding: 50px;
  }

  .btn,
  .info-section .row .column .pricing-card .tab-wrap .tab-item .plans-title,
  .user-guidelines-card .card-header .guidelines-title,
  .info-section .row .column .faq-card .card-header .faq-title,
  .right-sidebar .plan-info-card .info-title,
  .contact-us input[type="submit"],
  .support input[type="submit"],
  .wp-element-button,
  .search-no-results .no-results .page-content .search-submit {
    font-size: 15px;
    line-height: 17px;
  }

  .main-banner-section .banner-title,
  .testimonial-section .section-header .section-heading {
    font-size: 40px;
    line-height: 55px;
  }

  .card-heading .card-title {
    font-size: 60px;
    line-height: 60px;
    top: -5px;
  }

  .card-heading .demos-title {
    font-size: 25px;
  }
}

@media (max-width: 768px) {
  section {
    padding: 40px;
  }

  .btn,
  .info-section .row .column .pricing-card .tab-wrap .tab-item .plans-title,
  .user-guidelines-card .card-header .guidelines-title,
  .info-section .row .column .faq-card .card-header .faq-title,
  .right-sidebar .plan-info-card .info-title,
  .contact-us input[type="submit"],
  .support input[type="submit"],
  .wp-element-button,
  .search-no-results .no-results .page-content .search-submit {
    font-size: 14px;
    line-height: 16px;
  }

  .main-banner-section .banner-title,
  .testimonial-section .section-header .section-heading {
    font-size: 35px;
    line-height: 40px;
  }

  .banner-section .top-feature-card .top-features-list li,
  .info-section .pricing-card .plan-card .plan-name,
  .site-footer .cta-section input[type="submit"],
  .page > .entry-header .entry-desc,
  .page > .entry-header .entry-desc p,
  .blog .site-main > .entry-header .entry-desc,
  .page-info-section .header-wrap .info-desc,
  .faq-section .faq-answer,
  .contact-us input:not([type="submit"]),
  .contact-us textarea,
  .contact-us select,
  .support input:not([type="submit"]),
  .support textarea,
  .support select,
  .entry-content,
  .entry-footer,
  .entry-footer a,
  .widget_block ul,
  .no-comments,
  .widget-area .widget_search form input,
  .search-no-results .no-results .page-content form input {
    font-size: 15px;
    line-height: 25px;
  }

  .item-desc,
  .product-tag,
  .feature-item,
  .testimonial-section .button-wrap .desc,
  .testimonial-section .testimonial-item .author-position,
  .testimonial-section .testimonial-content,
  .site-footer .widget_text,
  .banner-section .product-info-card .tagline,
  .banner-section .product-services-list li,
  .banner-section .more-info-card .item-wrap .item-prefix,
  .banner-section .more-info-card .item-value,
  .info-section .pricing-card .tab-item .plans-desc,
  .info-section .pricing-card .includes-list li,
  .user-guidelines-card .guidelines-subtitle,
  .user-guidelines-card .guidelines-list li,
  .info-section .faq-card .faq-subtitle,
  .banner-section .product-info-card .product-tag,
  .site-footer .cta-section input:not([type="submit"]),
  .site-footer .cta-section textarea,
  .page .demos-card-wrap .search-demo-field,
  .product-card .item-desc {
    font-size: 13px;
    line-height: 16px;
  }

  .card-heading .card-title {
    font-size: 50px;
    line-height: 50px;
    top: -2px;
  }

  .card-heading .demos-title {
    font-size: 24px;
  }
}

@media (max-width: 480px) {
  section {
    padding: 30px;
  }

  .btn,
  .info-section .row .column .pricing-card .tab-wrap .tab-item .plans-title,
  .user-guidelines-card .card-header .guidelines-title,
  .info-section .row .column .faq-card .card-header .faq-title,
  .right-sidebar .plan-info-card .info-title,
  .contact-us input[type="submit"],
  .support input[type="submit"],
  .wp-element-button,
  .search-no-results .no-results .page-content .search-submit {
    font-size: 13px;
    line-height: 15px;
  }

  .main-banner-section .banner-title,
  .testimonial-section .section-header .section-heading {
    font-size: 30px;
    line-height: 35px;
  }

  .banner-section .top-feature-card .top-features-list li,
  .info-section .pricing-card .plan-card .plan-name,
  .site-footer .cta-section input[type="submit"],
  .page > .entry-header .entry-desc,
  .page > .entry-header .entry-desc p,
  .blog .site-main > .entry-header .entry-desc,
  .page-info-section .header-wrap .info-desc,
  .faq-section .faq-answer,
  .contact-us input:not([type="submit"]),
  .contact-us textarea,
  .contact-us select,
  .support input:not([type="submit"]),
  .support textarea,
  .support select,
  .entry-content,
  .entry-footer,
  .entry-footer a,
  .widget_block ul,
  .no-comments,
  .widget-area .widget_search form input,
  .search-no-results .no-results .page-content form input {
    font-size: 14px;
    line-height: 20px;
  }

  .item-desc,
  .product-tag,
  .feature-item,
  .testimonial-section .button-wrap .desc,
  .testimonial-section .testimonial-item .author-position,
  .testimonial-section .testimonial-content,
  .site-footer .widget_text,
  .banner-section .product-info-card .tagline,
  .banner-section .product-services-list li,
  .banner-section .more-info-card .item-wrap .item-prefix,
  .banner-section .more-info-card .item-value,
  .info-section .pricing-card .tab-item .plans-desc,
  .info-section .pricing-card .includes-list li,
  .user-guidelines-card .guidelines-subtitle,
  .user-guidelines-card .guidelines-list li,
  .info-section .faq-card .faq-subtitle,
  .banner-section .product-info-card .product-tag,
  .site-footer .cta-section input:not([type="submit"]),
  .site-footer .cta-section textarea,
  .page .demos-card-wrap .search-demo-field,
  .product-card .item-desc {
    font-size: 12px;
    line-height: 14px;
  }

  .info-section .pricing-card .plan-description {
    font-size: 10px;
    line-height: 12px;
  }

  .card-heading .card-title {
    font-size: 40px;
    line-height: 35px;
    top: -1px;
  }

  .card-heading .demos-title {
    font-size: 22px;
  }
}

/*
=========================================
2.0 Header
========================================= 
*/
@media (max-width: 1024px) {
  .site-header {
    padding: 12px 50px;
  }

  .site-header .site-branding .custom-logo {
    height: 65px;
    width: 300px;
  }

  .menu-toggle {
    display: block;
  }

  .nav-menu {
    display: none;
    flex-direction: column;
    position: fixed;
    top: 0;
    right: 0;
    width: 300px;
    height: 100vh;
    z-index: 1000;
    transform: translateX(100%);
    transition: transform 0.4s ease;
  }

  .main-navigation.toggled .nav-menu {
    display: flex;
    transform: translateX(0);
  }

  .menu-item-has-children.focus {
    border-left: 2px solid var(--primary);
  }

  .sub-menu {
    float: none;
    position: static;
    width: 100%;
    margin-left: 0px;
  }

  .sub-menu .menu-item a {
    padding-left: 50px;
  }

  .overlay-active {
    display: block;
    transition: right 4s ease;
  }
}

@media (max-width: 768px) {
  .site-header {
    padding: 10px 40px;
  }

  .site-header .site-branding .custom-logo {
    height: 50px;
    width: 230px;
  }
}

@media (max-width: 480px) {
  .site-header {
    padding: 8px 30px;
  }

  .site-header .site-branding .custom-logo {
    height: 40px;
    width: 180px;
  }
}

/*
=========================================
3.0 Home Page
=========================================
*/

/*
=========================================
3.1 Main Banner Section
=========================================
*/
@media (max-width: 1024px) {
  .main-banner-section {
    height: 580px;
    padding: 80px;
  }

  .main-banner-section .banner-tagline {
    margin-top: 8px;
    margin-bottom: 26px;
  }

  .main-banner-section .float-icon {
    height: 45px;
    width: 45px;
  }

  .main-banner-section .float-icon-one {
    top: 60px;
    left: 90px;
  }

  .main-banner-section .float-icon-two {
    top: 100px;
    right: 90px;
  }

  .main-banner-section .float-icon-three {
    top: 290px;
    left: 180px;
  }

  .main-banner-section .float-icon-four {
    top: 290px;
    right: 180px;
  }

  .main-banner-section .wordpress-icon {
    height: 105px;
    width: 105px;
    top: 95px;
    left: 295px;
  }

  .main-banner-section .banner-image {
    width: 620px;
    bottom: -40px;
  }
}

@media (max-width: 768px) {
  .main-banner-section {
    height: 450px;
    padding: 60px;
  }

  .main-banner-section .banner-tagline {
    font-size: 14px;
    line-height: 20px;
  }

  .main-banner-section .button-actions {
    gap: 18px;
  }

  .main-banner-section .button-actions .btn {
    padding: 14px 20px;
  }

  .main-banner-section .float-icon {
    height: 40px;
    width: 40px;
  }

  .main-banner-section .float-icon-one {
    top: 65px;
    left: 60px;
  }

  .main-banner-section .float-icon-two {
    top: 85px;
    right: 60px;
  }

  .main-banner-section .float-icon-three {
    top: 226px;
    left: 110px;
  }

  .main-banner-section .float-icon-four {
    top: 226px;
    right: 110px;
  }

  .main-banner-section .wordpress-icon {
    height: 80px;
    width: 80px;
    top: 90px;
    left: 210px;
  }

  .main-banner-section .banner-image {
    width: 530px;
    bottom: -40px;
  }
}

@media (max-width: 480px) {
  .main-banner-section {
    height: 430px;
    padding: 40px;
  }

  .main-banner-section .float-icon {
    height: 25px;
    width: 25px;
  }

  .main-banner-section .float-icon-one {
    top: 45px;
    left: 40px;
  }

  .main-banner-section .float-icon-two {
    top: 70px;
    right: 40px;
  }

  .main-banner-section .float-icon-three {
    top: 230px;
    left: 45px;
  }

  .main-banner-section .float-icon-four {
    top: 230px;
    right: 45px;
  }

  .main-banner-section .wordpress-icon {
    height: 60px;
    width: 60px;
    top: 100px;
    left: 62px;
  }

  .main-banner-section .banner-image {
    width: 320px;
    bottom: -25px;
  }
}

/*
=========================================
3.2 Featured Products Section
=========================================
*/
@media (max-width: 1024px) {
  .featured-products-section .products-wrap {
    gap: 70px;
  }

  .featured-products-section .products-wrap .featured-product {
    gap: 30px;
  }

  .featured-products-section .products-wrap .featured-product .item-thumbnail {
    width: 50%;
  }
}

@media (max-width: 768px) {
  .featured-products-section .products-wrap {
    gap: 40px;
  }

  .featured-products-section .products-wrap .featured-product {
    flex-direction: column;
    gap: 0px;
    position: relative;
    margin-bottom: 240px;
  }

  .featured-products-section .products-wrap .featured-product .item-thumbnail {
    width: 100%;
  }

  .featured-products-section .products-wrap .featured-product .product-info {
    width: 85%;
    padding: 30px 20px;
    align-self: center;
    position: absolute;
    top: 330px;
    z-index: 10;
  }
}

@media (max-width: 480px) {
  .featured-products-section .products-wrap {
    gap: 20px;
  }

  .featured-products-section .products-wrap .featured-product {
    margin-bottom: 300px;
  }

  .featured-products-section .products-wrap .featured-product .product-info {
    width: 90%;
    padding: 20px;
    top: 160px;
  }

  .featured-product .product-info .features-wrap {
    display: flex;
    flex-direction: column;
  }
}

/*
=========================================
3.3 Testimonial Section
=========================================
*/
@media (max-width: 1024px) {
  .testimonial-section {
    height: 580px;
  }

  .testimonial-section .section-header img {
    height: 50px;
    width: 200px;
  }

  .testimonial-section .button-wrap {
    margin-left: 0px;
  }

  .testimonial-section .testimonials-wrap {
    display: flex;
    flex-direction: column;
    width: 30%;
    right: 80px;
    top: 80px;
  }
}

@media (max-width: 768px) {
  .testimonial-section {
    height: 500px;
  }

  .testimonial-section .section-header img {
    height: 35px;
    width: 150px;
  }

  .testimonial-section .button-wrap .btn-review-us {
    font-size: 22px;
    padding: 16px;
  }

  .testimonial-section .testimonials-wrap {
    width: 40%;
    right: 60px;
    top: 60px;
  }

  .testimonial-section
    .testimonials-wrap
    .testimonial-item
    .testimonial-author
    .author-info
    .author-name {
    font-size: 16px;
    line-height: 28px;
  }
}

@media (max-width: 480px) {
  .testimonial-section {
    height: 500px;
  }

  .testimonial-section .section-header img {
    height: 30px;
    width: 130px;
  }

  .testimonial-section .button-wrap .btn-review-us {
    font-size: 18px;
    gap: 5px;
    padding: 12px;
  }

  .testimonial-section .testimonials-wrap {
    gap: 10px;
    padding: 10px;
    width: 50%;
    right: 40px;
    top: 40px;
  }

  .testimonial-section .testimonials-wrap .testimonial-item {
    padding: 10px;
    gap: 5px;
  }

  .testimonial-section
    .testimonials-wrap
    .testimonial-item
    .testimonial-author {
    gap: 5px;
  }

  .testimonial-section
    .testimonials-wrap
    .testimonial-item
    .testimonial-author
    .author-image {
    height: 20px;
    width: 25px;
  }
}

/*
=========================================
4.0  Footer
=========================================
*/
@media (max-width: 1024px) {
  .site-footer {
    padding: 50px 50px;
  }
}

@media (max-width: 768px) {
  .site-footer {
    padding: 40px 40px;
  }
}

@media (max-width: 480px) {
  .site-footer {
    padding: 30px 30px;
  }
}

/*
=========================================
4.1 Cta Section
=========================================
*/
@media (max-width: 768px) {
  .site-footer .cta-section {
    gap: 30px;
    flex-direction: column;
  }

  .site-footer .cta-section .cta-title {
    font-size: 18px;
    line-height: 25px;
    padding-right: 0px;
    border: none;
  }

  .site-footer .cta-section input:not([type="submit"]),
  .site-footer .cta-section textarea {
    width: 70%;
  }

  .site-footer .cta-section input[type="submit"] {
    padding: 8px 16px;
  }
}

@media (max-width: 480px) {
  .site-footer .cta-section input:not([type="submit"]),
  .site-footer .cta-section textarea {
    width: 100%;
  }
}

/*
=========================================
4.2 Footer Links Section
=========================================
*/

@media (max-width: 1024px) {
  .site-footer .footer-columns-wrap {
    gap: 40px;
    padding-bottom: 50px;
  }

  .site-footer .widget_media_image img {
    height: 65px;
    width: 300px;
  }
}

@media (max-width: 768px) {
  .site-footer .footer-columns-wrap {
    grid-template-columns: repeat(2, 1fr);
  }

  .site-footer .widget_media_image img {
    height: 50px;
    width: 230px;
  }

  .site-footer .wp-block-heading {
    font-size: 18px;
    line-height: 18px;
  }
}

@media (max-width: 480px) {
  .site-footer .footer-columns-wrap {
    display: flex;
    flex-direction: column;
  }

  .site-footer .widget_media_image img {
    height: 40px;
    width: 180px;
  }

  .site-footer .footer-column {
    gap: 15px;
  }
}

/*
=========================================
4.3 Site Info Section
=========================================
*/

@media (max-width: 768px) {
  .site-footer .site-info,
  .site-footer .site-info a {
    font-size: 16px;
  }
}

/*
=========================================
5.0 Back to top 
=========================================
*/

@media (max-width: 1024px) {
  .back-to-top {
    display: none;
  }
}

/*
=========================================
6.0  Theme Landing Page
=========================================
*/

/*
=========================================
6.1 Banner Section
=========================================
*/

@media (max-width: 1024px) {
  .banner-section {
    padding: 0px 50px;
  }

  .banner-section .row {
    gap: 26px;
  }

  .banner-section .row .column {
    gap: 13px;
  }

  .banner-section .product-info-card {
    padding: 35px 20px;
  }

  .banner-section .more-info-card {
    padding: 35px 20px;
  }

  .banner-section .more-info-card .item-prefix {
    width: 30%;
  }

  .banner-section .more-info-card .info-item .item-value {
    width: 70%;
  }

  .banner-section .row .column .more-info-card .action-buttons .change-log {
  }

  .banner-section
    .row
    .column
    .more-info-card
    .action-buttons
    .change-log
    .change-log-content {
  }

  .banner-section .top-feature-card {
    top: 35px;
    right: 35px;
  }
}

@media (max-width: 768px) {
  .banner-section {
    padding: 0px 40px;
  }

  .banner-section .row {
    flex-direction: column-reverse;
    gap: 30px;
  }

  .banner-section .row .column {
    gap: 20px;
  }

  .banner-section .product-info-card {
    padding: 30px 20px;
    border-radius: 8px;
  }

  .banner-section .product-info-card .main-heading {
    font-size: 28px;
  }

  .banner-section .more-info-card {
    padding: 30px 20px;
  }

  .banner-section .more-info-card .item-prefix {
    width: 20%;
  }

  .banner-section .more-info-card .info-item .item-value {
    width: 80%;
  }

  .banner-section .more-info-card .action-buttons .change-log {
  }

  .banner-section
    .more-info-card
    .action-buttons
    .change-log
    .change-log-content {
  }

  .banner-section .with-bg {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
  }

  .banner-section .top-feature-card {
    position: static;
    align-self: flex-end;
    padding: 20px 20px 0;
    z-index: 10;
  }

  .banner-section .top-feature-card .card-title,
  .faq-section .section-container .section-title,
  .single-post .single-content-card .entry-title,
  #single-related-posts-section .related-posts-title {
    font-size: 22px;
  }

  .banner-section .product-banner {
    position: static;
    z-index: 10;
  }
}

@media (max-width: 480px) {
  .banner-section {
    padding: 0px 30px;
  }

  .banner-section .more-info-card .item-prefix {
    width: 40%;
  }

  .banner-section .more-info-card .info-item .item-value {
    width: 60%;
  }
}

/*
=========================================
6.2 Info Section
=========================================
*/

@media (max-width: 1024px) {
  .single .info-section {
    padding: 60px 50px;
  }

  .single .info-section .row {
    gap: 26px;
  }

  .single .info-section .info-column {
    gap: 30px;
    width: 65%;
  }

  .right-sidebar {
    width: 35%;
  }

  .single .info-section .demos-card-wrap {
    gap: 18px;
  }

  .single .info-section .demos-card-wrap .card-heading .card-title {
    font-size: 72px;
    line-height: 70px;
  }

  .single .info-section .demos-card-wrap .demos-cards {
    grid-template-columns: repeat(2, 1fr);
  }

  .single .info-section .pricing-card .pricing-plans-wrap {
    padding: 10px 0px;
  }
}

@media (max-width: 768px) {
  .single .info-section {
    padding: 40px;
  }

  .single .info-section .row {
    flex-direction: column;
    gap: 30px;
  }

  .single .info-section .info-column {
    gap: 40px;
    width: 100%;
  }

  .right-sidebar {
    gap: 20px;
    width: 100%;
  }

  .single .info-section .demos-card-wrap .card-heading .card-title {
    font-size: 65px;
    line-height: 60px;
  }

  .single .info-section .demos-card-wrap .demos-cards {
    grid-template-columns: repeat(3, 1fr);
  }

  .single .info-section .pricing-card .pricing-plans-wrap {
    padding: 10px;
  }
}

@media (max-width: 480px) {
  .single .info-section {
    padding: 30px;
  }

  .single .info-section .demos-card-wrap .card-heading .card-title {
    font-size: 40px;
    line-height: 40px;
    top: 0px;
  }

  .single .info-section .demos-card-wrap .demos-cards {
    grid-template-columns: repeat(1, 1fr);
  }

  .single .info-section .demos-cards .demo-card img {
    width: 100%;
    height: 100%;
  }
}

/*
=========================================
7.0  Starter Sites Page
=========================================
*/
@media (max-width: 1024px) {
  .page > .entry-header,
  .blog .site-main > .entry-header {
    padding: 16px 50px;
  }

  .page > .entry-header .entry-title,
  .blog .site-main > .entry-header .entry-title,
  .page-info-section .header-wrap .info-title {
    font-size: 40px;
    line-height: 40px;
  }

  .page .demos-card-wrap {
    padding: 40px 50px;
    gap: 20px;
  }

  .page .demos-card-wrap .tabs-bar .tabs-wrap .tab-item,
  .page .demos-card-wrap .tabs-bar .search-demo-btn,
  .page .demos-card-wrap .tabs-bar .search-demo-field {
    padding: 19px 18px;
  }

  .page .demos-card-wrap .demos-cards {
    grid-template-columns: repeat(3, 1fr);
  }

  .page-info-section {
    padding: 20px 50px;
  }

  .page-info-section .btn-wrap .info-btn {
    padding: 18px 20px;
  }
}

@media (max-width: 768px) {
  .page > .entry-header,
  .blog .site-main > .entry-header {
    padding: 14px 40px;
  }

  .page > .entry-header .entry-title,
  .blog .site-main > .entry-header .entry-title,
  .page-info-section .header-wrap .info-title {
    font-size: 36px;
    line-height: 40px;
  }

  .page .demos-card-wrap {
    padding: 40px;
  }

  .page .demos-card-wrap .tabs-bar .tabs-wrap .tab-item,
  .page .demos-card-wrap .tabs-bar .search-demo-btn {
    font-size: 17px;
    line-height: 16px;
  }

  .page .demos-card-wrap .tabs-bar .tabs-wrap .tab-item,
  .page .demos-card-wrap .tabs-bar .search-demo-btn,
  .page .demos-card-wrap .tabs-bar .search-demo-field {
    padding: 18px 17px;
  }

  .page .demos-card-wrap .demos-cards {
    column-gap: 20px;
    row-gap: 30px;
  }

  .page-info-section {
    padding: 20px 40px;
    gap: 18px;
  }

  .page-info-section .header-wrap {
    gap: 8px;
  }

  .page-info-section .btn-wrap .info-btn {
    padding: 16px 18px;
    gap: 8px;
  }
}

@media (max-width: 480px) {
  .page > .entry-header,
  .blog .site-main > .entry-header {
    padding: 14px 30px;
  }

  .page > .entry-header .entry-title,
  .blog .site-main > .entry-header .entry-title,
  .page-info-section .header-wrap .info-title {
    font-size: 32px;
    line-height: 35px;
  }

  .page .demos-card-wrap {
    padding: 35px 30px;
    gap: 15px;
  }

  .page .demos-card-wrap .tabs-bar {
    flex-direction: column;
    justify-content: center;
    gap: 15px;
  }

  .page .demos-card-wrap .tabs-bar .tabs-wrap .tab-item,
  .page .demos-card-wrap .tabs-bar .search-demo-btn {
    font-size: 16px;
    line-height: 14px;
  }

  .page .demos-card-wrap .tabs-bar .tabs-wrap .tab-item,
  .page .demos-card-wrap .tabs-bar .search-demo-btn,
  .page .demos-card-wrap .tabs-bar .search-demo-field {
    padding: 16px 15px;
  }

  .page .demos-card-wrap .tabs-bar .search-demo-form {
    width: 100%;
  }

  .page .demos-card-wrap .demos-cards {
    display: flex;
    flex-direction: column;
    gap: 30px;
    justify-content: center;
    align-items: center;
  }

  .page-info-section {
    padding: 20px 30px;
    flex-direction: column;
    gap: 16px;
  }
}

/*
=========================================
8.0  Themes List Page
=========================================
*/

@media (max-width: 768px) {
  .product-cards {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 480px) {
  .product-cards {
    display: flex;
    flex-direction: column;
    gap: 30px;
    justify-content: center;
    align-items: center;
  }

  .product-card .title-wrap .name-wrap .item-name,
  .site-main .blog-wrapper .entry-header .entry-title a {
    font-size: 24px;
  }

  .product-card .title-wrap .name-wrap .demos-count {
    font-size: 13px;
  }

  .product-card .product-info .button-actions .btn {
    padding: 10px 14px;
    font-size: 13px;
  }
}

/*
=========================================
9.0 FAQ Section
=========================================
*/
@media (max-width: 1024px) {
  .faq-section {
    padding: 30px 50px;
  }

  .faq-section .section-container .section-content {
    margin-left: 60px;
  }
}

@media (max-width: 768px) {
  .faq-section {
    padding: 30px 40px;
  }

  .faq-section .section-container {
    gap: 18px;
  }

  .faq-section .section-container .section-content {
    margin-left: 50px;
  }

  .faq-section .section-content .footer-faq-item {
    padding: 18px;
  }
}

@media (max-width: 480px) {
  .faq-section {
    padding: 24px 30px;
  }

  .faq-section .section-container {
    gap: 16px;
  }

  .faq-section .section-container .section-content {
    margin-left: 0px;
    width: 100%;
  }

  .faq-section .section-content .footer-faq-item {
    padding: 16px;
  }
}

/*
=========================================
10.0 Pricing Plans Page
=========================================
*/
@media (max-width: 1024px) {
  .pricing-card-wrap {
    padding: 40px 50px;
    gap: 20px;
  }

  .pricing-card-wrap .tabs-bar .tabs-wrap .tab-item {
    padding: 19px 18px;
  }

  .pricing-card-wrap .pricing-cards-wrap {
    gap: 25px;
  }

  .pricing-cards .pricing-card {
    gap: 30px;
  }

  .pricing-card .with-bg {
    clip-path: polygon(0% 13%, 0 0, 100% 0, 100% 30%);
  }

  .pricing-card .card-header .title-wrap .plan-name {
    font-size: 33px;
  }

  .pricing-card .plan-name .name-first {
    margin-right: 80px;
  }

  .pricing-card .plan-name .name-second {
    margin-right: 20px;
  }

  .pricing-card .card-header .title-wrap .plan-price {
    font-size: 27px;
  }

  .pricing-card .card-header select {
    padding: 12px 16px;
  }

  .pricing-card .card-body {
    gap: 30px;
  }

  .right-sidebar .plan-info-card .info-title {
    padding: 18px;
  }
}

@media (max-width: 768px) {
  .pricing-card-wrap {
    padding: 40px;
  }

  .pricing-card-wrap .tabs-bar .tabs-wrap .tab-item {
    padding: 18px 17px;
    font-size: 17px;
    line-height: 17px;
  }

  .pricing-card-wrap .pricing-cards-wrap {
    flex-direction: column;
    gap: 20px;
  }

  .pricing-card-wrap .pricing-cards-wrap .pricing-cards {
    width: 100%;
  }

  .pricing-card .with-bg {
    clip-path: polygon(0% 16%, 0 0, 100% 0, 100% 35%);
  }
}

@media (max-width: 480px) {
  .pricing-card-wrap {
    padding: 35px 30px;
    gap: 15px;
  }

  .pricing-card-wrap .tabs-bar .tabs-wrap .tab-item {
    padding: 16px 15px;
    font-size: 16px;
    line-height: 16px;
  }

  .pricing-card-wrap .pricing-cards-wrap .pricing-cards {
    flex-direction: column;
  }

  .pricing-card:nth-child(2) .with-bg {
    clip-path: polygon(0% 20%, 0 0, 100% 0, 100% 47%);
  }
}

/*
=========================================
11.0 Blog List Page
=========================================
*/
@media (max-width: 1024px) {
  .site-main .blog-main-wrapper {
    flex-direction: column;
    padding: 20px 50px;
    gap: 30px;
  }

  .site-main .blog-main-wrapper .blog-wrapper {
    gap: 30px;
    width: 100%;
  }

  .site-main .blog-wrapper .post .entry-wrapper {
    padding: 30px 0px 40px 30px;
    gap: 8px;
  }
}

@media (max-width: 480px) {
  .site-main .blog-main-wrapper {
    padding: 20px 30px;
  }

  .site-main .blog-main-wrapper .blog-wrapper {
    gap: 20px;
  }

  .site-main .blog-main-wrapper .blog-wrapper .post {
    flex-direction: column;
  }

  .site-main .blog-wrapper .post img {
    width: 100%;
    height: 200px;
  }

  .site-main .blog-wrapper .post .entry-wrapper {
    padding: 20px;
    gap: 8px;
  }

  .site-main .blog-wrapper .post .entry-wrapper .entry-meta {
    margin-top: 4px;
  }
}

/*
=========================================
11.1 Blog List Pagination
=========================================
*/
@media (max-width: 1024px) {
  .paginate-wrap {
    padding: 14px;
  }

  .paginate-wrap .page-numbers {
    font-size: 22px;
  }
}

@media (max-width: 768px) {
  .paginate-wrap {
    padding: 12px;
  }

  .paginate-wrap .page-numbers {
    font-size: 20px;
  }
}

@media (max-width: 480px) {
  .paginate-wrap {
    padding: 10px;
  }
}

/*
=========================================
11.2 Sidebar
=========================================
*/
@media (max-width: 1024px) {
  .widget-area {
    width: 100%;
    padding: 20px 20px 40px;
    gap: 20px;
  }

  .wp-block-heading,
  .widget-area .widget_search form label {
    margin-bottom: 10px;
  }
}

/*
=========================================
12.0 Blog Page
=========================================
*/
@media (max-width: 1024px) {
  .single-post .site-main .post {
    padding: 0px 50px 20px;
  }

  .single-post .site-main .post .single-content-card {
    padding: 20px 40px;
  }

  .single-post .site-main .single-content-card .entry-content {
    margin: 10px 0px 20px;
    gap: 18px;
  }
}

@media (max-width: 768px) {
  .single-post .site-main .post {
    padding: 0px 40px 20px;
  }

  .single-post .site-main .post .thumnail-wrap img {
    height: 100%;
  }

  .single-post .site-main .post .single-content-card {
    padding: 20px;
  }

  .single-post .site-main .single-content-card .entry-content {
    margin: 10px 0px 15px;
  }
}

@media (max-width: 480px) {
  .single-post .site-main .post {
    padding: 0px 30px 10px;
  }

  .single-post .site-main .post .single-content-card {
    padding: 10px 0px;
  }

  .single-post .site-main .single-content-card .entry-content {
    margin: 8px 0px 12px;
    gap: 16px;
  }
}

/*
=========================================
12.1 Related Blogs Section
=========================================
*/
@media (max-width: 1024px) {
  #single-related-posts-section {
    padding: 20px 50px;
  }

  #single-related-posts-section .blog-wrapper .related-posts-wrapper {
    padding: 0px 40px;
  }
}

@media (max-width: 768px) {
  #single-related-posts-section {
    padding: 20px 40px;
  }

  #single-related-posts-section .blog-wrapper {
    gap: 10px;
  }

  #single-related-posts-section .blog-wrapper .related-posts-wrapper {
    padding: 0px 30px;
  }
}

@media (max-width: 480px) {
  #single-related-posts-section {
    padding: 10px 30px;
  }

  #single-related-posts-section .blog-wrapper .related-posts-wrapper {
    padding: 0px;
  }
}

/*
=========================================
13.0 About Us Page
=========================================
*/
@media (max-width: 1024px) {
  .page .single-content-card {
    padding: 40px 50px;
  }

  .page .entry-content {
    padding: 20px 40px;
    gap: 16px;
  }
}

@media (max-width: 768px) {
  .page .single-content-card {
    padding: 30px 40px;
  }

  .about .post-thumbnail img {
    height: 100%;
  }
}

@media (max-width: 480px) {
  .page .single-content-card {
    padding: 20px 30px;
  }

  .page .entry-content {
    padding: 10px 0px;
    gap: 10px;
  }
}

/*
=========================================
14.0 Contact Us Page / Support Page
=========================================
*/
@media (max-width: 1024px) {
  .contact-us .single-content-card,
  .support .single-content-card {
    padding: 40px 100px;
  }

  .contact-us .entry-content,
  .support .entry-content {
    padding: 20px 24px;
  }

  .contact-us form > div,
  .support form > div {
    gap: 18px;
  }
}

@media (max-width: 768px) {
  .contact-us .single-content-card,
  .support .single-content-card {
    padding: 30px 40px;
  }

  .contact-us .entry-content,
  .support .entry-content {
    padding: 0px;
  }

  .contact-us form > div,
  .support form > div {
    gap: 10px;
  }

  .contact-us .fields-row,
  .support .fields-row {
    gap: 30px;
  }

  .contact-us label,
  .support label {
    font-size: 16px;
    line-height: 28px;
  }
}

@media (max-width: 480px) {
  .contact-us .single-content-card,
  .support .single-content-card {
    padding: 30px;
  }

  .contact-us .fields-row,
  .support .fields-row {
    flex-direction: column;
    gap: 10px;
  }
}

/*
=========================================
15.0 404 Page
=========================================
*/
@media (max-width: 1024px) {
  .error-404 {
    padding: 120px;
  }

  .error-404 .page-header .error-title {
    font-size: 90px;
    line-height: 40px;
    margin-bottom: 35px;
  }

  .error-404 .page-header .error-desc {
    font-size: 45px;
    line-height: 30px;
    margin-bottom: 15px;
  }
}

@media (max-width: 768px) {
  .error-404 {
    padding: 100px;
  }

  .error-404 .page-header .error-title {
    font-size: 80px;
    line-height: 40px;
    margin-bottom: 25px;
  }

  .error-404 .page-header .error-desc {
    font-size: 40px;
    line-height: 30px;
    margin-bottom: 12px;
  }
}

@media (max-width: 480px) {
  .error-404 {
    padding: 60px 40px;
  }

  .error-404 .page-header .error-title {
    font-size: 50px;
    line-height: 20px;
    margin-bottom: 20px;
  }

  .error-404 .page-header .error-desc {
    font-size: 25px;
    line-height: 15px;
    margin-bottom: 15px;
  }

  .error-404 .page-content p {
    font-size: 14px;
    line-height: 12px;
  }
}

/*
=========================================
16.0 Search Result Page
=========================================
*/
@media (max-width: 1024px) {
}
@media (max-width: 768px) {
}
@media (max-width: 480px) {
}