/**
1.0   Normalize
2.0   Header
3.0   Home page
        3.1 Hero Section
	      3.2 Expertise Section
	      3.3 Testimonial Section
	      3.4 Blog Section
4.0   Footer
	      4.1 Faq Section
	      4.2 Cta Section
	      4.3 Footer Section
5.0   About Us Page
6.0   Blog List Page
        6.1 Blog Pagination
        6.2 Sidebar
7.0   Blog Page
        7.1 Related Blog Section
8.0   Template List Page
9.0   Template Page
        9.1 Template Banner Section
        9.2 Template What's included Section
        9.3 Template Features Section
        9.4 Template App Screens Section
        9.5 Template Pricing Section
10.0  Contact Us Page / Support Page
11.0  404 Page
12.0 Search Result Page
13.0 Back to top 
**/

/*
=========================================
1.0 Normalize
=========================================
*/
@media (max-width: 1024px) {
  .section-container {
    padding: 50px 100px;
  }

  .section-title,
  .page .entry-title,
  .page-title {
    font-size: 40px;
    line-height: 33px;
  }

  .item-title,
  .faq-section .section-title,
  .single-post .entry-header .entry-title,
  .blog .blog-wrapper .entry-wrapper .entry-header .entry-title,
  .search .search-wrapper .entry-wrapper .entry-header .entry-title,
  .archive .blog-main-wrapper .entry-wrapper .entry-header .entry-title,
  #single-related-posts-section .related-posts-title,
  .page-template .template-content-wrap .template-title {
    font-size: 22px;
    line-height: 38px;
  }
}

@media (max-width: 768px) {
  .section-container,
  .single-post .site-main .blog-main-wrapper,
  .page-template .template-list-wrap {
    padding: 40px 80px;
  }

  .expertise-section .section-container,
  .testimonial-section .section-container {
    padding: 40px 45px;
  }

  .section-title,
  .page .entry-title,
  .page-title {
    font-size: 36px;
    line-height: 32px;
  }

  .section-title {
    padding-bottom: 24px;
  }

  .item-title,
  .faq-section .section-title,
  .single-post .entry-header .entry-title,
  .blog .blog-wrapper .entry-wrapper .entry-header .entry-title a,
  .search .search-wrapper .entry-wrapper .entry-header .entry-title a,
  .archive .blog-main-wrapper .entry-wrapper .entry-header .entry-title a,
  #single-related-posts-section .related-posts-title,
  .page-template .template-content-wrap .template-title {
    font-size: 20px;
    line-height: 37px;
  }

  .item-desc,
  .blog-excerpt,
  .read-more,
  .faq-answer,
  .section-desc,
  .widget-text,
  .wp-block-list,
  .entry-desc,
  .entry-content p,
  .cat-links,
  .tags-links,
  .page-template .template-content-wrap .template-description,
  .fillout-message,
  .respond-message,
  .search-no-results .no-results .page-content p {
    font-size: 15px;
    line-height: 28px;
  }

  .blog-title,
  .blog-button-wrap .view-all-btn {
    font-size: 20px;
    line-height: 33px;
  }

  .primary-button,
  .page-template .template-content-wrap .template-action a,
  .page-template .template-info .template-buy-button,
  .single-appdeku_templates .product-banner-content .product-action a,
  .pricing-section .pricing-action-button,
  .contact-form .submit-button,
  .support-form .submit-button {
    padding: 10px 12px;
    font-size: 14px;
    line-height: 19px;
  }
}

@media (max-width: 480px) {
  .section-container,
  .single-post .site-main .blog-main-wrapper,
  .page-template .template-list-wrap {
    padding: 30px 20px;
  }

  .expertise-section .section-container,
  .testimonial-section .section-container {
    padding: 30px 40px;
  }

  .section-title,
  .page .entry-title,
  .page-title {
    font-size: 32px;
    line-height: 31px;
  }
}

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

  .nav-menu {
    background-color: white;
    position: fixed;
    top: 0;
    right: 0;
    width: 300px;
    height: 100vh;
    align-items: center;
    z-index: 100;
    transform: translateX(100%);
    transition: transform 0.4s ease;
  }

  .toggled .nav-menu {
    transform: translateX(0);
  }

  .main-navigation ul {
    display: none;
    padding: 20px;
  }

  .main-navigation ul li a {
    line-height: 22px;
    font-size: 18px;
    padding: 10px;
  }

  .menu-toggle {
    display: block;
    cursor: pointer;
  }

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

/* Small devices (phones) */
@media (max-width: 768px) {
  .site-header {
    padding: 16px 30px;
  }
}

/* Extra small devices (phones) */
@media (max-width: 480px) {
  .site-header {
    padding: 12px 20px;
  }
  .main-navigation ul li a {
    line-height: 18px;
    font-size: 16px;
  }
}

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

/*
=========================================
3.1 Hero Section
=========================================
*/

@media (max-width: 1024px) {
  .hero-section {
    height: 600px;
  }

  .hero-section .section-container {
    margin: 0 50px;
  }

  .hero-section .tagline-container {
    margin-top: 110px;
  }

  .hero-title,
  .features-section .feature-number {
    width: 80%;
    font-size: 52px;
    line-height: 55px;
  }

  .hero-tagline {
    width: 70%;
    font-size: 16px;
    line-height: 28px;
  }

  .float-icon {
    height: 50px;
    width: 50px;
  }

  .float-icon-one {
    top: 110px;
  }

  .float-icon-two {
    top: 110px;
  }

  .float-icon-three {
    top: 220px;
    left: 90px;
  }

  .float-icon-four {
    top: 220px;
    right: 90px;
  }

  .float-icon-five {
    top: 350px;
  }

  .float-icon-six {
    top: 350px;
  }

  .float-icon-seven {
    top: 440px;
    left: 180px;
  }

  .float-icon-eight {
    top: 440px;
    right: 180px;
  }
}

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

  .hero-section .section-container {
    margin: 0 30px;
  }

  .hero-section .tagline-container {
    margin-top: 90px;
  }

  .hero-title,
  .features-section .feature-number {
    width: 80%;
    font-size: 42px;
    line-height: 45px;
  }

  .hero-tagline {
    width: 70%;
    font-size: 14px;
    line-height: 26px;
  }

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

  .float-icon-one {
    top: 90px;
  }

  .float-icon-two {
    top: 90px;
  }

  .float-icon-three {
    top: 180px;
    left: 80px;
  }

  .float-icon-four {
    top: 180px;
    right: 80px;
  }

  .float-icon-five {
    top: 300px;
  }

  .float-icon-six {
    top: 300px;
  }

  .float-icon-seven {
    top: 380px;
    left: 160px;
  }

  .float-icon-eight {
    top: 380px;
    right: 160px;
  }
}

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

  .hero-section .section-container {
    margin: 0 20px;
  }

  .hero-section .tagline-container {
    margin-top: 60px;
  }

  .hero-title,
  .features-section .feature-number {
    width: 70%;
    font-size: 32px;
    line-height: 40px;
  }

  .hero-tagline {
    width: 60%;
    font-size: 12px;
    line-height: 24px;
  }

  .float-icon {
    height: 30px;
    width: 30px;
  }

  .float-icon-one {
    top: 60px;
  }

  .float-icon-two {
    top: 60px;
  }

  .float-icon-three {
    top: 130px;
    left: 34px;
  }

  .float-icon-four {
    top: 130px;
    right: 34px;
  }

  .float-icon-five {
    top: 230px;
  }

  .float-icon-six {
    top: 230px;
  }

  .float-icon-seven {
    top: 310px;
    left: 87px;
  }

  .float-icon-eight {
    top: 310px;
    right: 87px;
  }
}

/*
=========================================
3.2 Expertise Section
=========================================
*/
@media (max-width: 1024px) {
  .dot-pattern {
    right: 30px;
    top: 62px;
  }

  .expertise-item,
  .what-included-section .section-content .included-list .included-item {
    padding: 26px;
  }
}

@media (max-width: 768px) {
  .dot-pattern {
    right: 10px;
    top: 58px;
    height: 80px;
    width: 120px;
  }

  .expertise-wrapper {
    grid-template-columns: 1fr;
    gap: 30px;
  }

  .expertise-item,
  .what-included-section .section-content .included-list .included-item {
    padding: 22px;
  }
}

@media (max-width: 480px) {
  .dot-pattern {
    right: 16px;
    top: 59px;
  }

  .expertise-item,
  .what-included-section .section-content .included-list .included-item {
    padding: 18px;
  }
}

/*
=========================================
3.3 Testimonial Section
=========================================
*/
@media (max-width: 1024px) {
  .testimonial-section .section-content {
    padding-bottom: 45px;
  }

  .testimonial-item {
    padding: 18px 28px;
  }
}

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

  .testimonial-item {
    padding: 16px 26px;
  }

  .item-title-wrap .item-title {
    font-size: 16px;
    line-height: 26px;
    margin-left: 18px;
  }

  .testimonial-section .item-desc {
    margin-top: 8px;
  }

  .testimonial-section .swiper-pagination-bullet {
    height: 10px;
    width: 10px;
  }
}

@media (max-width: 480px) {
  .testimonial-section .section-content {
    padding-bottom: 35px;
  }

  .testimonial-item {
    padding: 14px 24px;
  }

  .testimonial-section .item-desc {
    margin-top: 6px;
  }
}

/*
=========================================
3.4 Blog Section
=========================================
*/
@media (max-width: 1024px) {
  .blog-content {
    padding: 16px;
  }

  .blog-excerpt {
    margin: 9px 0;
  }

  .swiper-button-prev,
  .swiper-button-next {
    padding: 18px;
  }
}

@media (max-width: 768px) {
  .blog-content {
    padding: 14px;
  }

  .blog-excerpt {
    margin: 8px 0;
  }

  .swiper-button-prev,
  .swiper-button-next {
    padding: 16px;
  }

  .blog-button-wrap {
    margin-top: 30px;
  }

  .blog-button-wrap .view-all-btn {
    padding: 8px;
  }
}

@media (max-width: 480px) {
  .blog-content {
    padding: 12px;
  }

  .blog-excerpt {
    margin: 6px 0;
  }

  .swiper-button-prev,
  .swiper-button-next {
    padding: 14px;
  }
}

/*
=========================================
4.0 Footer
=========================================
*/
/*
=========================================
4.1 Faq Section
=========================================
*/
@media (max-width: 1024px) {
  .faq-section .section-title {
    padding-bottom: 18px;
  }

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

  .faq-item {
    padding: 18px;
  }

  .faq-answer {
    margin-top: 8px;
  }
}

@media (max-width: 768px) {
  .faq-section .section-title {
    padding-bottom: 16px;
  }

  .faq-section .section-content {
    margin-left: 0px;
    gap: 8px;
  }

  .faq-item {
    padding: 16px;
  }

  .faq-answer {
    margin-top: 6px;
  }
}

@media (max-width: 480px) {
  .faq-section .section-title {
    padding-bottom: 14px;
  }

  .faq-item {
    padding: 14px;
  }

  .faq-answer {
    margin-top: 5px;
  }
}

/*
=========================================
4.2 Cta Section
=========================================
*/
@media (max-width: 1024px) {
  .cta-section .section-title {
    margin-bottom: 18px;
  }

  .cta-section .section-desc {
    margin-bottom: 28px;
  }
}

@media (max-width: 768px) {
  .cta-section .section-title {
    margin-bottom: 16px;
  }

  .cta-section .section-desc {
    margin-bottom: 26px;
  }
}

@media (max-width: 480px) {
  .cta-section .section-title {
    margin-bottom: 14px;
  }
  .cta-section .section-desc {
    margin-bottom: 24px;
  }
}

/*
=========================================
4.3 Footer Section
=========================================
*/
@media (max-width: 1024px) {
  .footer .section-container {
    padding: 50px 80px;
  }

  .footer-widgets {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
  }

  .footer-column .widget_media_image {
    width: 140px;
    height: 50px;
    margin-bottom: 18px;
  }

  .widget_block ul {
    padding-left: 30px;
  }

  .widget_block ul a {
    line-height: 18px;
  }

  .copyright-info {
    margin-top: 30px;
  }
}

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

  .footer-widgets {
    grid-template-columns: 1fr;
    gap: 30px;
  }

  .footer-column .widget_media_image {
    width: 120px;
    height: 40px;
    margin-bottom: 16px;
  }

  .widget_block ul {
    padding-left: 20px;
  }

  .widget_block ul a {
    line-height: 16px;
  }

  .copyright-info {
    margin-top: 25px;
  }
}

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

  .footer-widgets {
    gap: 20px;
  }

  .footer-column .widget_media_image {
    width: 100px;
    height: 25px;
    margin-bottom: 14px;
  }

  .wp-block-heading,
  .widget-area .widget_search form label {
    font-size: 18px;
    line-height: 24px;
  }

  .widget_block ul {
    padding-left: 15px;
    font-size: 14px;
    line-height: 24px;
  }

  .widget_block ul a {
    line-height: 16px;
  }

  .copyright-info {
    margin-top: 20px;
  }
}

/*
=========================================
5.0   About Us Page
=========================================
*/
@media (max-width: 1024px) {
  .page .entry-header {
    padding: 16px 50px;
  }

  .page .entry-header .header-content-wrapper .entry-desc {
    padding-bottom: 40px;
  }

  .page .single-content-card {
    margin: 50px 80px;
  }

  .page .single-content-card .wp-post-image {
    height: 480px;
  }

  .page .single-content-card .entry-content {
    padding: 35px 45px;
  }
}

@media (max-width: 768px) {
  .page .entry-header {
    padding: 14px 30px;
  }

  .page .entry-header .header-content-wrapper {
    padding: 8px 0;
    gap: 18px;
  }

  .page .entry-header .header-content-wrapper .entry-desc {
    padding-bottom: 30px;
  }

  .page .single-content-card {
    margin: 40px 30px;
  }

  .page .single-content-card .wp-post-image {
    height: 400px;
  }

  .page .single-content-card .entry-content {
    padding: 30px 40px;
  }
}

@media (max-width: 480px) {
  .page .entry-header {
    padding: 12px 20px;
  }

  .page .entry-header .header-content-wrapper {
    padding: 6px 0;
    gap: 16px;
  }

  .page .entry-header .header-content-wrapper .entry-desc {
    padding-bottom: 20px;
  }

  .page .single-content-card {
    margin: 20px;
  }

  .page .single-content-card .wp-post-image {
    height: 380px;
  }

  .page .single-content-card .entry-content {
    padding: 25px 35px;
  }
}

/*
=========================================
6.0   Blog List Page
=========================================
*/
@media (max-width: 1024px) {
  .blog .page-title {
    padding: 40px 50px 30px;
  }

  .blog .blog-wrapper,
  .archive .blog-wrapper,
  .search .search-main-wrapper .search-wrapper {
    gap: 23px;
  }

  .blog .blog-main-wrapper,
  .archive .blog-main-wrapper,
  .search .search-main-wrapper {
    padding: 0 80px 50px;
    grid-template-columns: 1fr;
    gap: 0;
  }

  .blog .blog-main-wrapper .post-thumbnail,
  .archive .blog-main-wrapper .post-thumbnail,
  .search .search-main-wrapper .post-thumbnail {
    width: 320px;
    min-height: 400px;
  }

  .blog .blog-main-wrapper .entry-wrapper,
  .archive .blog-main-wrapper .entry-wrapper,
  .search .search-main-wrapper .entry-wrapper {
    padding: 25px 35px;
  }

  .blog .blog-main-wrapper .entry-meta,
  .archive .blog-main-wrapper .entry-meta,
  .single-post .blog-main-wrapper .entry-meta,
  .search .search-main-wrapper .entry-meta {
    margin: 16px 0 8px 0;
  }

  .blog .blog-main-wrapper .entry-content,
  .archive .blog-main-wrapper .entry-content,
  .search .search-main-wrapper .entry-summary {
    line-clamp: 7;
    -webkit-line-clamp: 7;
  }

  .blog .blog-main-wrapper .entry-meta .byline .author a,
  .archive .blog-main-wrapper .entry-meta .byline .author a,
  .single-post .blog-main-wrapper .entry-meta .byline .author a,
  .search .search-main-wrapper .entry-meta .byline .author a {
    margin-right: 18px;
  }
}

@media (max-width: 768px) {
  .blog .page-title {
    padding: 30px 30px 20px;
  }

  .blog .blog-wrapper,
  .archive .blog-wrapper,
  .search .search-main-wrapper .search-wrapper {
    gap: 20px;
  }

  .blog .blog-main-wrapper,
  .archive .blog-main-wrapper,
  .search .search-main-wrapper {
    padding: 0 30px 40px;
  }

  .blog .blog-main-wrapper .post-thumbnail,
  .archive .blog-main-wrapper .post-thumbnail,
  .search .search-main-wrapper .post-thumbnail {
    width: 280px;
    min-height: 380px;
  }

  .blog .blog-main-wrapper .entry-wrapper,
  .archive .blog-main-wrapper .entry-wrapper,
  .search .search-main-wrapper .entry-wrapper {
    padding: 20px 30px;
  }

  .blog .blog-main-wrapper .entry-meta,
  .archive .blog-main-wrapper .entry-meta,
  .single-post .blog-main-wrapper .entry-meta,
  .search .search-main-wrapper .entry-meta {
    font-size: 14px;
    line-height: 18px;
    margin: 14px 0 7px 0;
  }

  .blog .blog-main-wrapper .entry-footer,
  .archive .blog-main-wrapper .entry-footer {
    margin-top: 9px;
  }

  .blog .blog-main-wrapper .entry-meta .byline .author a,
  .archive .blog-main-wrapper .entry-meta .byline .author a,
  .single-post .blog-main-wrapper .entry-meta .byline .author a,
  .search .search-main-wrapper .entry-meta .byline .author a {
    margin-right: 16px;
  }
}

@media (max-width: 480px) {
  .blog .page-title {
    padding: 25px 20px 18px;
  }

  .blog .blog-wrapper,
  .archive .blog-wrapper,
  .search .search-main-wrapper .search-wrapper {
    gap: 18px;
  }

  .blog .blog-main-wrapper,
  .archive .blog-main-wrapper,
  .search .search-main-wrapper {
    padding: 0 20px 30px;
  }

  .blog .blog-main-wrapper .post,
  .archive .blog-main-wrapper .post,
  .search .search-main-wrapper article {
    grid-template-columns: 1fr;
    height: 100%;
  }

  .blog .blog-main-wrapper .post-thumbnail,
  .archive .blog-main-wrapper .post-thumbnail,
  .search .search-main-wrapper .post-thumbnail {
    width: 100%;
    height: 200px;
  }

  .blog .blog-main-wrapper .entry-wrapper,
  .archive .blog-main-wrapper .entry-wrapper,
  .search .search-main-wrapper .entry-wrapper {
    padding: 15px 25px;
  }

  .blog .blog-main-wrapper .entry-meta,
  .archive .blog-main-wrapper .entry-meta,
  .single-post .blog-main-wrapper .entry-meta,
  .search .search-main-wrapper .entry-meta {
    margin: 12px 0 6px 0;
  }

  .blog .blog-main-wrapper .entry-content,
  .archive .blog-main-wrapper .entry-content,
  .search .search-main-wrapper .entry-summary {
    line-clamp: 6;
    -webkit-line-clamp: 6;
  }

  .blog .blog-main-wrapper .entry-footer,
  .archive .blog-main-wrapper .entry-footer {
    margin-top: 8px;
  }

  .blog .blog-main-wrapper .entry-meta .byline .author a,
  .archive .blog-main-wrapper .entry-meta .byline .author a,
  .single-post .blog-main-wrapper .entry-meta .byline .author a,
  .search .search-main-wrapper .entry-meta .byline .author a {
    margin-right: 14px;
  }
}

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

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

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

  .paginate-wrap .page-numbers {
    padding: 0 3px;
    font-size: 20px;
    line-height: 26px;
  }
}

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

  .paginate-wrap .page-numbers {
    font-size: 18px;
    line-height: 24px;
  }
}

/*
=========================================
6.2 Sidebar
=========================================
*/
@media (max-width: 1024px) {
  .widget-area {
    padding: 30px 30px 50px;
    margin-top: 40px;
    gap: 40px;
  }
}

@media (max-width: 768px) {
  .widget-area {
    margin-top: 35px;
    gap: 35px;
  }

  .widget-area .widget_search form input,
  .search-no-results .no-results .page-content form .search-field {
    padding: 6px 12px;
  }
}

@media (max-width: 480px) {
  .widget-area {
    padding: 20px 20px 30px;
    margin-top: 30px;
    gap: 30px;
  }

  .widget-area .widget_search form input,
  .search-no-results .no-results .page-content form .search-field {
    padding: 4px 8px;
  }
}

/*
=========================================
7.0   Blog Page
=========================================
*/
@media (max-width: 1024px) {
  .single-post .site-main .blog-main-wrapper {
    padding: 50px 80px;
  }

  .single-post .site-main .wp-post-image {
    height: 500px;
  }

  .single-post .site-main .single-content-card {
    padding: 9px 80px 35px;
  }

  .single-post .site-main .entry-meta {
    margin-bottom: 18px;
  }

  .single-post .site-main .entry-header {
    padding: 0 15px;
  }

  .single-post .site-main .entry-content {
    padding: 9px;
  }

  .single-post .site-main .entry-footer {
    margin-top: 20px;
    gap: 8px;
  }

  .wp-block-quote {
    padding: 14px 45px;
    margin: 18px 0;
  }

  .wp-block-quote::before {
    font-size: 60px;
    top: -9px;
    left: 8px;
  }

  .nav-previous,
  .nav-next {
    padding: 20px;
  }

  .nav-previous {
    padding-left: 50px;
  }

  .nav-next {
    padding-right: 50px;
  }
}

@media (max-width: 768px) {
  .single-post .site-main .blog-main-wrapper {
    padding: 30px;
  }

  .single-post .site-main .wp-post-image {
    height: 400px;
  }

  .single-post .site-main .single-content-card {
    padding: 8px 50px 30px;
  }

  .single-post .site-main .entry-meta {
    margin-bottom: 16px;
  }

  .single-post .site-main .entry-header {
    padding: 0 12px;
  }

  .single-post .site-main .entry-content {
    padding: 8px;
  }

  .single-post .site-main .entry-footer {
    margin-top: 15px;
    gap: 5px;
  }

  .wp-block-quote {
    padding: 12px 40px;
    margin: 16px 0;
  }

  .wp-block-quote::before {
    font-size: 58px;
    top: -9px;
    left: 6px;
  }

  .nav-previous,
  .nav-next {
    padding: 18px;
  }

  .nav-previous {
    padding-left: 40px;
  }

  .nav-next {
    padding-right: 40px;
  }
}

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

  .single-post .site-main .wp-post-image {
    height: 300px;
  }

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

  .single-post .site-main .entry-meta {
    margin-bottom: 8px;
  }

  .single-post .site-main .entry-header {
    padding: 0 10px;
  }

  .single-post .site-main .entry-content {
    padding: 6px;
  }

  .single-post .site-main .entry-footer {
    margin-top: 2px;
    gap: 2px;
  }

  .wp-block-quote {
    padding: 10px 35px;
    margin: 14px 0;
  }

  .wp-block-quote::before {
    font-size: 56px;
    top: -9px;
    left: 4px;
  }

  .nav-previous,
  .nav-next {
    padding: 16px;
  }

  .nav-previous {
    padding-left: 30px;
  }

  .nav-next {
    padding-right: 30px;
  }
}

/*
=========================================
7.1 Related Blog Section
=========================================
*/
@media (max-width: 1024px) {
  #single-related-posts-section .blog-main-wrapper {
    margin: 0 80px 50px;
    padding: 50px;
  }

  #single-related-posts-section .related-posts-wrapper {
    padding-left: 60px;
    margin-top: 12px;
  }

  #single-related-posts-section .related-post {
    padding: 16px 0;
  }

  #single-related-posts-section .related-post .post-thumbnail {
    width: 50px;
    height: 50px;
  }

  #single-related-posts-section .related-post .entry-wrapper {
    margin-left: 18px;
  }
}

@media (max-width: 768px) {
  #single-related-posts-section .blog-main-wrapper {
    margin: 0 30px 40px;
    padding: 40px;
  }

  #single-related-posts-section .related-posts-wrapper {
    padding-left: 0;
    gap: 8px;
    margin-top: 10px;
  }

  #single-related-posts-section .related-post {
    padding: 10px 0;
  }

  #single-related-posts-section .related-post .post-thumbnail {
    width: 40px;
    height: 40px;
  }

  #single-related-posts-section .related-post .entry-wrapper {
    margin-left: 16px;
  }

  #single-related-posts-section .entry-title,
  .faq-question {
    font-size: 18px;
    line-height: 30px;
  }
}

@media (max-width: 480px) {
  #single-related-posts-section .blog-main-wrapper {
    margin: 0 20px 30px;
    padding: 20px;
  }

  #single-related-posts-section .related-posts-wrapper {
    margin-top: 8px;
  }

  #single-related-posts-section .related-post {
    padding: 8px 0;
  }

  #single-related-posts-section .related-post .entry-wrapper {
    margin-left: 14px;
  }
}

/*
=========================================
8.0   Template List Page
=========================================
*/
@media (max-width: 1024px) {
  .page-template .template-list-wrap {
    padding: 40px 50px;
  }

  .page-template .container {
    gap: 30px;
  }

  .page-template .template-thumbnail {
    min-height: 300px;
  }

  .page-template .template-content-wrap {
    padding: 30px;
  }

  .page-template .template-content-wrap .template-meta {
    margin-bottom: 8px;
  }

  .page-template .template-info {
    grid-column: span 1;
    padding: 18px;
    margin: 6px;
  }
}

@media (max-width: 768px) {
  .page-template .template-list-wrap {
    padding: 30px 40px;
  }

  .page-template .template-card {
    grid-template-columns: 1fr;
  }

  .page-template .template-thumbnail-content-wrap {
    grid-template-columns: 1fr;
  }

  .page-template .template-thumbnail {
    min-height: 400px;
  }

  .page-template .template-content-wrap {
    padding: 20px;
  }

  .page-template .template-content-wrap .template-meta {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 10px;
  }

  .page-template .template-content-wrap .template-action {
    gap: 10px;
  }

  .page-template .template-info {
    padding: 10px;
    margin: 0 20px 20px;
    gap: 0;
  }

  .page-template .template-meta-wrap {
    gap: 9px;
  }

  .page-template .template-meta-wrap .template-meta,
  .what-included-section .section-content .info-box .item {
    font-size: 14px;
    line-height: 22px;
  }

  .page-template .template-meta-wrap .tag-meta {
    flex-direction: row;
    align-items: center;
  }

  .page-template .template-meta-wrap .tag-meta .meta-value,
  .what-included-section .section-content .info-box .version-meta .value,
  .what-included-section .section-content .info-box .date-meta .value {
    margin: 5px 0px 5px 4px;
  }

  .page-template .template-content-wrap .template-action,
  .page-template .template-info .template-buy-button {
    margin: 20px 0 30px;
    align-self: start;
  }
}

@media (max-width: 480px) {
  .page-template .template-list-wrap {
    padding: 20px 30px;
  }

  .page-template .template-thumbnail {
    min-height: 300px;
  }

  .page-template .template-meta-wrap {
    gap: 8px;
  }
}

/*
=========================================
9.0   Template Page
=========================================
*/
/*
=========================================
9.1 Template Banner Section
=========================================
*/
@media (max-width: 1024px) {
  .single-appdeku_templates .product-banner-section .section-container {
    padding: 40px 50px;
    gap: 35px;
  }

  .single-appdeku_templates .product-banner-content .product-action {
    margin-top: 18px;
  }

  .single-appdeku_templates .product-banner-content .tools-used {
    gap: 18px;
    padding: 15px;
    padding-bottom: 40px;
    margin-top: 35px;
    width: 90%;
  }

  .single-appdeku_templates .product-banner-content .tools-used .item {
    gap: 7px;
    padding: 5px;
  }

  .single-appdeku_templates
    .product-banner-content
    .tools-used
    .item
    .fa-check {
    padding: 4px;
  }

  .single-appdeku_templates .product-banner-thumbnail {
    width: 340px;
  }
}

@media (max-width: 768px) {
  .single-appdeku_templates .product-banner-section .section-container {
    padding: 35px 30px;
  }

  .single-appdeku_templates .product-banner-content .product-tagline {
    font-size: 40px;
    line-height: 50px;
  }

  .single-appdeku_templates .product-banner-content .product-action {
    margin-top: 17px;
  }

  .single-appdeku_templates .product-banner-content .tools-used {
    gap: 16px;
    padding: 14px;
    padding-bottom: 35px;
    margin-top: 30px;
    width: 70%;
    grid-template-columns: 1fr;
  }

  .single-appdeku_templates .product-banner-content .tools-used .item {
    gap: 6px;
    padding: 4px;
  }

  .single-appdeku_templates
    .product-banner-content
    .tools-used
    .item
    .fa-check {
    padding: 3px;
  }
}

@media (max-width: 480px) {
  .single-appdeku_templates .product-banner-section .section-container {
    padding: 30px 20px;
    grid-template-columns: 1fr;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .single-appdeku_templates .product-banner-content .product-action {
    margin-top: 20px;
  }

  .single-appdeku_templates .product-banner-content .tools-used {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    padding: 12px;
    padding-bottom: 35px;
    margin-top: 30px;
    width: 100%;
  }

  .single-appdeku_templates .product-banner-content .tools-used .item {
    gap: 5px;
    padding: 3px;
    font-size: 14px;
  }

  .single-appdeku_templates
    .product-banner-content
    .tools-used
    .item
    .fa-check {
    padding: 2px;
  }
}

/*
=========================================
9.2 Template What's included Section
=========================================
*/
@media (max-width: 1024px) {
  .what-included-section .section-container {
    padding: 50px;
  }

  .what-included-section .section-content {
    gap: 28px;
  }

  .what-included-section .section-content .included-list {
    gap: 28px;
  }

  .what-included-section .section-content .included-item {
    padding: 18px;
  }

  .what-included-section .section-content .included-item .item-thumbnail {
    height: 55px;
    width: 55px;
  }

  .what-included-section .section-content .included-item .item-content {
    margin-top: 18px;
  }
}

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

  .what-included-section .section-content {
    grid-template-columns: 1fr;
  }

  .what-included-section .section-content .info-box {
    grid-column: span 3;
  }

  .what-included-section .section-content .included-list {
    gap: 26px;
  }

  .what-included-section .section-content .included-item {
    padding: 16px;
  }

  .what-included-section .section-content .included-item .item-thumbnail {
    height: 50px;
    width: 50px;
  }

  .what-included-section .section-content .included-item .item-content {
    margin-top: 16px;
  }
}

@media (max-width: 480px) {
  .what-included-section .section-container {
    padding: 30px 20px;
  }

  .what-included-section .section-content .included-list {
    grid-template-columns: 1fr;
  }

  .what-included-section .section-content .included-list {
    gap: 24px;
  }

  .what-included-section .section-content .included-item {
    padding: 15px;
  }

  .what-included-section .section-content .included-item .item-content {
    margin-top: 15px;
  }
}

/*
=========================================
9.3 Template Features Section
=========================================
*/
@media (max-width: 1024px) {
  .features-section .section-content {
    gap: 40px;
    margin-top: 38px;
  }

  .features-section .section-content .feature-item {
    gap: 50px;
    height: 600px;
  }

  .features-section .section-content .feature-item .item-content {
    padding: 0px;
  }

  .features-section .section-content .feature-item .item-image {
    height: 300px;
    width: 400px;
  }

  .features-section .sub-features {
    gap: 18px;
    margin-top: 50px;
    padding-left: 18px;
  }

  .feature-item:nth-child(odd) .feature-arrow,
  .feature-item:nth-child(1) .feature-arrow {
    left: -60px;
  }

  .feature-item:nth-child(even) .feature-arrow {
    right: -60px;
  }

  .features-section .feature-number {
    bottom: 5%;
    left: 32%;
  }

  .feature-item:nth-child(even) .feature-number {
    left: 65%;
  }
}

@media (max-width: 768px) {
  .features-section .section-content {
    gap: 40px;
    margin-top: 35px;
  }

  .features-section .section-content .feature-item {
    flex-direction: column;
    justify-content: center;
    gap: 150px;
    height: 100%;
  }

  .features-section .section-content .feature-item:nth-child(even) {
    flex-direction: column;
  }

  .features-section .section-content .feature-item .item-content {
    padding: 40px;
    position: relative;
  }

  .features-section .feature-arrow {
    top: -80px;
  }

  .features-section .feature-arrow img {
    height: 500px;
    width: 500px;
  }

  .feature-item:nth-child(odd) .feature-arrow,
  .feature-item:nth-child(1) .feature-arrow {
    left: -35.42px;
  }

  .feature-item:nth-child(even) .feature-arrow {
    right: -35.42px;
  }

  .features-section .feature-number {
    bottom: -60%;
    left: 33%;
  }

  .feature-item:nth-child(1) .feature-number {
    bottom: -35%;
  }

  .feature-item:nth-child(even) .feature-number {
    left: 65%;
  }
}

@media (max-width: 480px) {
  .features-section .section-content {
    gap: 100px;
  }

  .features-section .section-content .feature-item {
    gap: 100px;
  }

  .features-section .section-content .feature-item .item-content {
    padding: 20px;
  }

  .features-section .section-content .feature-item .item-image {
    height: 200px;
    width: 300px;
  }

  .features-section .feature-arrow {
    top: -60px;
  }

  .features-section .feature-arrow img {
    height: 400px;
    width: 400px;
  }

  .feature-item:nth-child(odd) .feature-arrow,
  .feature-item:nth-child(1) .feature-arrow {
    left: -25px;
  }

  .feature-item:nth-child(even) .feature-arrow {
    right: -25px;
  }

  .features-section .feature-number {
    bottom: -50%;
    left: 48%;
  }

  .feature-item:nth-child(1) .feature-number {
    bottom: -14%;
  }

  .feature-item:nth-child(even) .feature-number {
    bottom: -30%;
    left: 46%;
  }
}

/*
=========================================
 9.4 Template App Screens Section
=========================================
*/
@media (max-width: 1024px) {
  .screenshots-section .screenshots-wrapper {
    gap: 35px;
    padding-bottom: 35px;
  }

  .screenshots-section .screenshots-wrapper .screenshot-item:nth-child(3n + 2) {
    transform: translateY(35px);
  }
}

@media (max-width: 768px) {
  .screenshots-section .screenshots-wrapper {
    grid-template-columns: repeat(2, 1fr);
    padding-bottom: 30px;
  }

  .screenshots-section .screenshots-wrapper .screenshot-item:nth-child(3n + 2) {
    transform: none;
  }
}

@media (max-width: 480px) {
  .screenshots-section .screenshots-wrapper {
    grid-template-columns: 1fr;
    padding-bottom: 25px;
  }
}

/*
=========================================
 9.5 Template Pricing Section
=========================================
*/
@media (max-width: 1024px) {
  .pricing-section .section-content {
    margin-top: 28px;
    gap: 35px;
  }

  .pricing-section .pricing-wrapper {
    gap: 28px;
  }

  .pricing-section .featured .pricing-item-inner::before {
    top: 130px;
    left: -30px;
    padding: 8px 35px;
  }

  .pricing-section .pricing-item .item-title {
    padding: 8px 18px;
  }

  .pricing-section .featured .item-price {
    padding: 18px;
    margin-top: 92px;
  }
}

@media (max-width: 768px) {
  .pricing-section .section-content {
    margin-top: 26px;
    gap: 34px;
  }

  .pricing-section .pricing-item {
    width: 70%;
  }

  .pricing-section .pricing-wrapper {
    flex-direction: column;
    justify-content: center;
    gap: 80px;
  }

  .pricing-section .featured .pricing-item-inner::before {
    top: 120px;
  }

  .pricing-section .pricing-item .item-title {
    padding: 8px 18px;
  }

  .pricing-section .featured .item-price {
    padding: 18px;
    margin-top: 70px;
  }
}

@media (max-width: 480px) {
  .pricing-section .pricing-item {
    width: 90%;
  }

  .pricing-section .featured .item-price {
    padding: 18px;
    margin-top: 65px;
  }
}

/*
=========================================
10.0  Contact Us Page / Support Page
=========================================
*/
@media (max-width: 1024px) {
  .page-id-37 .entry-content,
  .page-id-67 .entry-content {
    padding: 35px;
  }

  .fillout-message {
    margin-bottom: 25px;
  }

  .fields-row {
    gap: 35px;
  }

  .field-item {
    margin-bottom: 18px;
  }

  .contact-form .submit-button,
  .support-form .submit-button {
    margin-bottom: 18px;
  }
}

@media (max-width: 768px) {
  .page-id-37 .entry-content,
  .page-id-67 .entry-content {
    padding: 30px;
  }

  .fillout-message {
    margin-bottom: 20px;
  }

  .fields-row {
    gap: 30px;
  }

  .field-item {
    margin-bottom: 16px;
  }

  .field-item input,
  .field-item textarea,
  .field-item select {
    padding: 8px;
  }

  .contact-form .submit-button,
  .support-form .submit-button {
    margin-bottom: 16px;
  }
}

@media (max-width: 480px) {
  .page-id-37 .entry-content,
  .page-id-67 .entry-content {
    padding: 25px;
  }

  .fillout-message {
    margin-bottom: 18px;
  }

  .fields-row {
    grid-template-columns: 1fr;
    gap: 0;
  }

  .field-item {
    margin-bottom: 15px;
  }

  .field-item input,
  .field-item textarea,
  .field-item select {
    padding: 7px;
  }

  .contact-form .submit-button,
  .support-form .submit-button {
    margin-bottom: 15px;
  }
}

/*
=========================================
11.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;
  }

  .error-404 .page-content .link-buttons {
    margin-top: 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;
  }

  .error-404 .page-content .link-buttons {
    gap: 40px;
    margin-top: 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;
  }

  .error-404 .page-content .link-buttons {
    gap: 20px;
    margin-top: 15px;
  }
}

/*
=========================================
12.0 Search Results Page
=========================================
*/

@media (max-width: 1024px) {
  .search .page-header {
    padding: 26px 50px 66px;
    margin-bottom: 50px;
  }

  .search .search-main-wrapper article {
    height: 300px;
  }

  .search-no-results .no-results .page-content {
    margin: 0 80px 50px;
    padding: 90px 50px;
  }

  .search-no-results .no-results .page-content form .search-field {
    width: 400px;
  }
}

@media (max-width: 768px) {
  .search .page-header {
    padding: 20px 30px 50px;
    margin-bottom: 40px;
  }

  .search-no-results .no-results .page-content {
    margin: 0 30px 40px;
    padding: 80px 40px;
  }

  .search-no-results .no-results .page-content form .search-field {
    width: 300px;
  }
}

@media (max-width: 480px) {
  .search .page-header {
    padding: 18px 20px 38px;
    margin-bottom: 20px;
  }

  .search .search-main-wrapper article {
    height: 100%;
  }

  .search-no-results .no-results .page-content {
    margin: 0 20px 30px;
    padding: 70px 30px;
  }

  .search-no-results .no-results .page-content form .search-field {
    width: 180px;
  }
}

/*
=========================================
13.0 Back to top 
=========================================
*/

@media (max-width: 1024px) {
  .back-to-top {
    bottom: 60px;
    left: 20px;
  }
}

@media (max-width: 768px) {
  .back-to-top {
    bottom: 40px;
    left: 15px;
  }
}