@media (max-width: 1650px) {
    #courses section.course-list::after {
        border-radius: 50px;
    }
}

@media (max-width: 1600px) {
    .online-presence ul.presence {
        padding: 0;
    }
}

@media (max-width: 1520px) {
    section > .columns > .column,
    footer .columns > .column {
        padding-left: 30px;
        padding-right: 30px;
    }
    .portfolio .columns > .column.column-1 {
        padding-left: 0;
        padding-right: 0;
    }
    header.site-header .container {
        padding: 0 30px;
    }
    footer .footer-top-part,
    section.testimonials {
        border-radius: 50px;
    }
    .padding-top {
        padding-top: 80px;
    }
    .padding-bottom {
        padding-bottom: 80px;
    }
    header .bottom-header .header-btn {
        margin-left: 20px;
        padding-right: 30px;
    }
    header.site-header .container .row {
        margin-left: -30px;
        margin-right: -30px;
    }
    header .top-header .wrap-top {
        padding-right: 30px;
    }
    header .logo-part .logo {
        max-width: 236px;
        right: -30px;
    }
    header .bottom-header .header-phone,
    header .top-header .wrap-top > div {
        padding: 0 16px;
    }
    header.site-header .site-nav {
        padding-right: 16px;
    }
    section.section,
    footer .footer-top-part .footer-top,
    footer .footer-top-part .footer-bottom,
    .footer-privacy {
        max-width: 96%;
        margin-left: auto;
        margin-right: auto;
    }
    section.our-working-process,
    section.service-page.about-page,
    section.pricing-plan,
    section.home-banner,
    section.heighlight,
    section.g-map {
        max-width: 100%;
    }
    .columns {
        gap: 24px;
    }
    section.pricing-plan,
    section.our-working-process {
        border-radius: 50px;
    }
    section.pricing-plan .plans-wrap {
        gap: 24px;
    }
    footer .footer-top-part .footer-top::after {
        width: 100%;
    }
    .our-blog .widget.cta .cta-cnt .heading {
        font-size: 26px;
    }
    section.our-blog > .columns {
        grid-template-columns: 65fr 35fr;
    }
    #courses .line {
        max-width: 80%;
    }
}

@media (max-width: 1420px) {
    section > .columns > .column,
    footer .columns > .column {
        padding-left: 20px;
        padding-right: 20px;
        max-width: 100%;
        width: 100%;
        overflow: hidden;
    }
    section.tools > .columns.section-lg > .column {
        overflow: auto;
    }
    #courses .banner-section .columns .column {
        overflow: visible;
    }
    header.site-header .container {
        padding: 0 20px;
    }
    .padding-top {
        padding-top: 60px;
    }
    .padding-bottom {
        padding-bottom: 60px;
    }
    header .bottom-header .header-btn,
        header .top-header .wrap-top {
        padding-right: 0;
    }
    header.site-header .container .row {
        margin-left: 0;
        margin-right: 0;
    }
    header .logo-part .logo {
        right: -20px;
    }
    section.our-blog > .columns  > .column-2 {
        display: flex;
        align-items: flex-end;
    }
    section.team-top-section > .columns > .column {
        overflow: visible;
    }
}

@media (max-width: 1366px) {
    section.home-banner {
        min-height: 100vh;
    }
    header .logo-part {
        width: 200px;
    }
    footer.site-footer .footer-bottom > .columns {
        display: flex;
    }
    footer.site-footer .footer-bottom > .columns > .column-1 {
        max-width: 35%;
        width: 100%;
    }
    footer.site-footer .footer-bottom > .columns > .column-2 {
        max-width: 65%;
        width: 100%;
    }
    footer.site-footer .footer-bottom > .columns > .column-2 {
        padding: 0;
    }
    footer.site-footer .footer-bottom > .columns > .column-2 > .columns {
        gap: 0;
    }
    footer .footer-top-part .footer-bottom .contact a.email {
        display: flex;
        align-items: center;
        gap: 10px;
    }
    section.testimonials .horizontal-scroll .panel {
        margin: 0 12px;
        border-radius: 24px;
        padding: 40px;
    }
    section.our-working-process .working-process {
        padding-bottom: 60px;
    }
    .working-process ul.slick-dots {
        bottom: 0;
    }
    section.our-working-process,
    section.about-our-team {
        border-radius: 50px;
    }
    footer.site-footer .footer-bottom  .columns .column.column-1.contact {
        width: 300px;
    }
    section.our-blog > .columns {
        grid-template-columns: 70fr 30fr;
    }
    #courses section.courses-about .image-wrapper {
        height: 60vh;
    }
    section.course-list {
        padding: 0 50px;
    }
    #courses section h2 {
        font-size: 42px;
    }
    #courses section.course-list ul.courses-listing {
        gap: 50px;
    }
}

@media (max-width: 1280px) {
    section.testimonials .horizontal-scroll .panel {
        flex-wrap: wrap;
    }
    section.testimonials .horizontal-scroll .panel .quote {
        justify-content: flex-start;
    }
    h2 {
        font-size: 36px;
    }
    .service-option .service-listing-wrapper .service-list-item .service-content {
        gap: 10px;
    }
    .service-option .service-listing-wrapper {
        gap: 30px;
    }
    .single-project-section .image-list:has(.wrap-image:nth-last-child(4):first-child) .wrap-image {
        height: 270px;
    }
    header .logo-part {
        width: 150px;
    }
    header .bottom-header .header-btn {
        margin-left: 15px;
    }
    header .bottom-header .header-phone, header .top-header .wrap-top > div {
        padding: 0 15px;
    }
    header.site-header .site-nav {
        padding-right: 15px;
    }
    header ul.menu li a {
        padding: 8px;
    }
}

@media (max-width: 1199px) {
    section.home-banner .columns .banner-right .hm-banner-cnt {
        padding: 32px;
    }
    section.heighlight .columns .column.column-2 {
       padding: 0 20px;
    }
    section.heighlight > .columns {
        gap: 0;
    }
    section.contact-section .contact-details .contact-item {
        padding: 0 30px;
    }
    section.contact-section .contact-details .contact-item:first-child {
        padding-left: 0;
    }
    section.contact-section .contact-details .contact-item:last-child {
        padding-right: 0;
    }
    section.contact-section .map-wrapper iframe {
        height: 400px;
    }
    section.contact-section .contact-details {
        padding-top: 20px;
    }
    .service-heading {
        font-size: 24px;
        min-height: 58px;
        margin-bottom: 50px;
    }
    section.our-blog > .columns {
        grid-template-columns: 65fr 35fr;
    }
    .our-blog .blog-posts .blog-post-item {
        flex-direction: column;
        margin-bottom: 50px;
        padding-bottom: 50px;
    }
    .our-blog .blog-posts .blog-post-item > div {
        width: 100%;
    }
    h1 {
        font-size: 42px;
    }
    section.our-working-process .working-process .process-slide {
        padding: 30px;
    }
    section.our-working-process .working-process .process-slide .image-content .img-wrap {
        border-radius: 12px;
    }
    .testimonials-page .testimonials-wrapper .testimonial-item:nth-child(odd) {
        padding-left: 300px;
    }
    .testimonials-page .testimonials-wrapper .testimonial-item:nth-child(even) .wrapper {
        width: calc(100% - 300px);
    }
    .testimonials-page .testimonials-wrapper .testimonial-item .wrapper {
        padding: 30px;
    }
    .single-project-section .image-wrapper, .single-project-section .wrap-image {
        height: 600px;
    }
    #courses section.courses-about .image-wrapper {
        height: 50vh;
    }
    header .bottom-header .header-phone .icon i {
        font-size: 18px;
    }
    header .bottom-header .header-phone .content span {
        font-size: 12px;
    }
    header .bottom-header .header-phone .number {
        font-size: 14px;
    }
    header .bottom-header .header-btn {
        margin-left: 7px;
    }
    header .bottom-header .header-phone {
        padding: 0 7px;
    }
    header .bottom-header .header-btn a.button {
        font-size: 13px;
        padding: 7px 12px;
    }
}

@media (max-width: 1100px) {
    header .logo-part {
        width: 140px;
    }
    header .logo-part::before {
        width: 130px;
    }
    header ul.menu li a {
        padding: 5px;
    }
    section.pricing-plan .plans-wrap .plan-box {
        padding: 30px;
    }
    section.pricing-plan .plans-wrap .plan-box .plan-price .price {
        font-size: 46px;
    }
    section.pricing-plan .plans-wrap .plan-box .heading {
        padding-bottom: 15px;
        font-size: 26px;
    }
    section.pricing-plan .plans-wrap .plan-box ul.plan-price-list {
        gap: 10px;
        margin-bottom: 0;
    }
    .single-project-section .image-list:has(.wrap-image:nth-last-child(4):first-child) .wrap-image {
        height: 200px;
    }
    .related-projects .related-projects-list .related-project .related-image a {
        height: 250px;
    }
    .single-project-section .image-list:has(.wrap-image:nth-last-child(3):first-child) .wrap-image {
        height: 300px;
    }
}

@media (max-width: 1024px) {
    header.site-header > * {
        display: none;
    }
    header.site-header .mobile-header {
        display: block;
        overflow: hidden;
    }
    .mobile-top {
        width: 100%;
        padding: 10px 0;
        background: #33a79e;
    }
    .mobile-top a {
        color: #fff;
    }
    .mobile-top .row {
        justify-content: center;
        gap: 24px;
    }
    .mobile-bottom {
        width: 100%;
        display: flex;
        align-items: center;
        padding: 20px 0;
    }
    .mobile-bottom .logo {
        max-width: 250px;
        width: 100%;
    }
    header.site-header .mobile-bottom .site-nav {
        position: fixed;
        top: 136px;
        left: 0;
        width: 100%;
        height: calc(100vh - 135px);
        overflow-y: scroll;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        padding-top: 100px;
        gap: 40px;
        background-color: #040e25;
        transform: translateX(100%);
        transition: 0.5s all ease;
        padding-right: 20px;
        padding-left: 20px;
    }
    header.site-header .mobile-bottom .site-nav.active {
        transform: translateX(0%);
    }
    header.site-header .mobile-bottom .site-nav::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: url("/wp-content/uploads/2025/06/MM-Icon.png");
        background-repeat: no-repeat;
        background-position: center;
        background-size: 80vw;
        opacity: 0.05;
        pointer-events: none;
        filter: brightness(100);
        mix-blend-mode: color-dodge;
    }
    .mobile-bottom #mobile-menu {
        margin-left: auto;
        margin-right: 0;
    }
    .mobile-bottom #mobile-menu .hamberg {
        border-radius: 8px;
        border: 2px solid #000;
        width: 40px;
        height: 40px;
        padding: 5px;
        cursor: pointer;
        display: flex;
        gap: 5px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .mobile-bottom #mobile-menu .hamberg span {
        display: inline-block;
        vertical-align: top;
        width: 22px;
        height: 3px;
        background: #000;
        border-radius: 5px;
        position: relative;
        transition: 0.5s all ease;
    }
    .mobile-bottom #mobile-menu .hamberg span:last-child {
        width: 16px;
        margin-left: auto;
        margin-right: 0;
        right: 2px;
    }
    header.site-header .site-nav ul.menu {
        flex-direction: column;
        align-items: flex-start;
    }
    header.site-header .social ul {
        display: flex;
        gap: 24px;
        flex-direction: row;
    }
    header ul.menu li a::after {
        display: none;
    }
    header ul.menu li a {
        font-size: 18px;
        color: #fff;
        padding: 15px;
    }
    .mobile-top a i {
        margin-right: 7px;
    }
    .mobile-bottom .social ul li a {
        font-size: 18px;
        color: #fff;
    }
    header ul.menu li a i {
        display: inline-block;
    }
    header ul.menu li {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        justify-content: flex-start;
        width: 100%;
        border-bottom: 1px solid #ffffff3d;
    }
    header ul.menu li:last-child {
        border-bottom: 0;
    }
    header ul.menu li ul.sub-menu {
        position: relative;
        background: transparent;
        width: 100%;
        border-radius: 0;
        box-shadow: none;
    }
    header ul.menu li i {
        margin-left: auto;
        margin-right: 20px;
        color: #fff;
    }
    header ul.menu li.current-menu-item > a {
        color: #33a79e;
    }
    header.site-header .site-nav > * {
        max-width: 420px;
        width: 100%;
    }
    .mobile-search form.search-form {
        width: 100%;
        flex-wrap: nowrap;
    }
    .mobile-search form.search-form input.search-field {
        width: 100%;
    }
    .mobile-search form.search-form button.search-submit {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    header ul#menu-header-menu {
        border: 1px solid #ffffff3d;
        border-radius: 24px;
        background: #ffffff00;
        z-index: 1;
        position: relative;
        box-shadow: 0 0 30px rgba(0,0,0,0.05);
    }
    header ul.menu li ul.sub-menu li {
        display: block;
    }
    header ul.menu li ul.sub-menu li a {
        padding: 10px 15px;
    }
    .mobile-bottom .social {
        display: flex;
        align-items: center;
        gap: 24px;
    }
    .mobile-bottom .social span {
        font-style: italic;
        font-weight: 500;
        color: #fff;
    }
    .mobile-bottom #mobile-menu .hamberg.active span:nth-child(2) {
        opacity: 0;
        width: 0px;
        height: 0px;
    }
    .mobile-bottom #mobile-menu .hamberg.active span:first-child {
        transform: rotate(45deg);
        top: 7px;
        left: 1px;
    }
    .mobile-bottom #mobile-menu .hamberg.active span:last-child {
        width: 22px;
        transform: rotate(-45deg);
        top: -6px;
        left: -1px;
        right: auto;
    }
    .portfolio .portfolio-item ul.tags {
        margin-top: 24px;
    }
    section.faqs .columns.columns--d-75 {
        display: flex;
        flex-wrap: wrap;
    }
    section.service-option .columns.columns--d-50 {
        display: flex;
        flex-wrap: wrap;
    }
    section.service-option .columns.columns--d-50 .column.column-1 {
        margin-bottom: 50px;
    }
    #courses section.courses-services.service-option .columns.columns--d-50 .column.column-1 {
        margin-bottom: 0;
    }
    section.service-option .right-image,
    section.about-page .image-wrap {
        max-width: 70vw;
        width: 100%;
        margin: auto;
        padding: 50px;
        box-shadow: none;
    }
    section.about-page .image-wrap img {
        border-radius: 42px;
        box-shadow: 5px 5px 25px 0px rgba(0, 0, 0, 0.2);
    }
    #courses section.counter-section h3, #courses section.counter-section .count {
        font-size: 60px;
    }
    #courses section.counter-section h3 span, #courses section.counter-section .count span {
        font-size: 40px;
    }
    #courses section.counter-section p {
        font-size: 16px;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    
}

@media (min-width: 768px) and (max-width: 991px) {
    
}

@media (max-width: 991px) {
    .columns--d-66 {
        grid-template-columns: 50fr 50fr;
    }
    .columns--d-3c {
        grid-template-columns: 50fr 50fr;
    }
    h1 {
        font-size: 42px;
    }
    h2 {
        font-size: 32px;
    }
    section.single-post .featured-image .post-header .heading {
        font-size: 42px;
    }
    section.heighlight > .columns {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 24px;
    }
    section.heighlight .columns .column {
        width: calc(50% - 12px);
    }
    section.heighlight .columns .column.column-2 {
        border: 0;
    }
    section.about > .columns > .column > .columns.columns--d-50 {
        grid-template-columns: 100fr;
    }
    .services .services-slider .slick-slide .slide-content h3 {
        font-size: 32px;
    }
    .services .services-slider .slick-slide .slide-content p {
        font-size: 18px;
    }
    .services .services-slider .slick-slide {
        height: 500px;
        min-height: 500px;
        padding-left: 20px;
        padding-right: 20px;
    }
    .services .services-slider .slick-dots {
        top: auto;
        gap: 12px 24px;
        position: relative;
        margin-top: 50px;
    }
    .services .heading-part {
        margin-bottom: 0;
    }
    section.contact-section .contact-details {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 36px;
    }
    section.contact-section .contact-details .contact-item a {
        justify-content: center;
    }
    section.contact-section .contact-details .contact-item a.contact-item-link {
        flex-direction: column;
        gap: 12px;
    }
    section.contact-section .contact-details .contact-item .heading, 
    section.contact-section .contact-details .contact-item p {
        margin-bottom: 12px;
    }
    section.contact-section .contact-details .contact-item .heading {
        margin-bottom: 4px;
    }
    section.contact-section .contact-details .contact-item {
        padding: 0;
        max-width: 60%;
        width: 100%;
        text-align: center;
    }
    section.contact-section .contact-details .contact-item:nth-child(2) {
        border-left: 0;
        border-right: 0;
        padding-top: 30px;
        padding-bottom: 30px;
        border-top: 1px solid #cccccc;
        border-bottom: 1px solid #cccccc;
    }
    footer .footer-top-part .footer-top .column-2 {
        max-width: 100%;
    }
    .footer-bottom > .columns {
        flex-wrap: wrap;
    }
    footer.site-footer .footer-bottom > .columns > .column-1,
    footer.site-footer .footer-bottom > .columns > .column-2 {
        max-width: 100%;
        padding: 0;
    }
    footer .footer-top-part .footer-bottom .logo {
        margin-bottom: 35px;
    }
    footer .footer-top-part .footer-bottom ul.social {
        margin-bottom: 20px;
    }
    footer.site-footer .footer-bottom > .columns > .column-2 > .columns {
        width: 100%;
        display: flex;
    }
    footer.site-footer .footer-bottom  .columns .column.column-1.contact {
        width: unset;
    }
    footer .columns > .column {
        padding: 0;
    }
    footer .footer-top-part .footer-bottom .contact a.email {
        margin-bottom: 20px;
    }
    footer .footer-top-part .footer-top, 
    footer .footer-top-part .footer-bottom, 
    .footer-privacy {
        max-width: 100%;
    }
    footer.site-footer .footer-top-part {
        padding-left: 20px;
        padding-right: 20px;
    }
    footer .footer-privacy {
        padding-left: 20px;
        padding-right: 20px;
    }
    section.about-page .columns {
        flex-direction: column;
        display: flex;
    }
    section.online-presence .columns {
        flex-direction: column;
        display: flex;
    }
    section.online-presence .image-wrap {
        max-width: 50vw;
        margin-left: 0;
        margin-right: auto;
        margin-bottom: 50px;
    }
    .online-presence ul.presence {
        gap: 0;
    }
    .online-presence ul.presence {
        flex-wrap: nowrap;
        gap: 24px;
    }
    .online-presence ul.presence li {
        flex-wrap: wrap;
        align-items: flex-start;
        flex: 1;
    }
    section.about-our-team .team-grid .team-member .team-name {
        font-size: 24px;
        margin-bottom: 4px;
    }
    section.about-our-team .team-grid .team-member .team-position {
        font-size: 16px;
    }
    section.about-our-team .team-grid {
        gap: 16px;
    }
    section.about-our-team .team-grid .team-member .img-wrap {
        height: 300px;
        box-shadow: none;
        border: 0;
    }
    .tabbing .tab-content .gallery-items .gallery-item {
        height: 300px;
        border-radius: 12px;
    }
    section.about-our-team .columns {
        display: flex;
        flex-wrap: wrap;
    }
    .service-item {
        padding: 25px;
    }
    section.our-blog > .columns {
        grid-template-columns: 100fr;
    }
    section.our-blog > .columns .column.column-2 {
        margin-top: 50px;
    }
    .our-blog .widget.cta .cta-cnt {
        width: 100%;
    }
    .column-reverse-tablet {
        flex-direction: column-reverse;
    }
    section.pricing-plan .plans-wrap {
        flex-wrap: wrap;
        justify-content: center;
    }
    section.pricing-plan .plans-wrap .plan-box {
        padding: 50px;
        width: calc(50% - 12px);
    }
    .testimonials-page .testimonials-wrapper .testimonial-item:nth-child(odd) {
        padding-left: 0;
    }
    .testimonials-page .testimonials-wrapper .testimonial-item:nth-child(even) .wrapper {
        width: 100%;
    }
    .testimonials-page .testimonials-wrapper .testimonial-item .quote,
    .testimonials-page .testimonials-wrapper .testimonial-item .line {
        display: none;
    }
    #courses .banner-section .columns,
    section.courses-about .columns--d-25,
    section.course-list .columns--d-40 {
        grid-template-columns: auto;
    }
    #courses .banner-section .columns .column {
        align-items: flex-start;
    }
    #courses section h2 span.first,
    #courses section h2 span.last {
        padding-left: 0;
    }
    #courses section.course-list a.button {
        margin-top: 0;
        margin-bottom: 32px;
    }
    .projects-page .projects-wrapper .project .projects-wrap {
        flex-wrap: wrap;
    }
    .projects-page .projects-wrapper .project .projects-wrap > div {
        width: 100%;
    }
    .projects-page .projects-wrapper .project .projects-wrap .right {
        min-height: 400px;
    }
    body.archive.category main#primary article.post {
        width: calc(50% - 12px);
    }
    .team-grid {
        flex-direction: column;
    }
}

@media (max-width: 768px) {
    footer .footer-privacy .column.column-2 {
        align-items: flex-start;
    }
    .columns--d-66 {
        grid-template-columns: 100fr;
    }
    .columns--d-50 {
        grid-template-columns: 100fr;
    }
    section.home-banner .banner-left {
        padding-bottom: 50px;
    }
    section.home-banner {
        border-bottom-left-radius: 50px;
        padding-top: 200px;
        padding-bottom: 50px;
    }
    .services {
        border-top-left-radius: 50px;
    }
    .services .services-slider .slick-dots li button.custom-dot {
        font-weight: 400;
        padding: 8px 12px;
        font-size: 16px;
    }
    .portfolio .portfolio-item {
        position: static;
        top: auto;
        gap: 0;
    }
    section.portfolio .columns:not(.portfolio-item) .column.column-2 {
        align-items: flex-start;
        padding: 0;
    }
    section.portfolio .columns .column.column-2 {
        padding: 50px;
    }
    .heading-part .heading-medium {
        max-width: 100%;
    }
    section.home-banner .columns .banner-right .hm-banner-cnt {
        border-bottom-right-radius: 50px;
    }
    section.testimonials .column.column-2 {
        align-items: flex-start;
    }
    section.portfolio {
       padding-left: 20px;
        padding-right: 20px;
    }
    section.testimonials {
        max-width: 96%;
    }
    .section-sm {
        max-width: 100%;
    }
    section.our-blog .column.column-2 {
        align-items: flex-start;
    }
    section.section {
        max-width: 100%;
    }
    .service-item {
        width: calc(50% - 12px);
    }
    section.service-option .right-image, section.about-page .image-wrap {
        padding: 30px;
    }
    .single-project-section .image-wrapper, .single-project-section .wrap-image,
    .single-project-section .image-list .wrap-image {
        height: 400px;
    }
    .single-project-section .image-list:has(.wrap-image:nth-last-child(2):first-child) .wrap-image {
        width: 100%;
    }
    .single-project-section .image-list:has(.wrap-image:nth-last-child(3):first-child) .wrap-image {
        flex: 1 1 calc(50% - 16px);
    }
    .single-project-section .image-list:has(.wrap-image:nth-last-child(4):first-child) .wrap-image {
        flex: 1 1 calc(50% - 18px);
    }
    .related-projects .related-projects-list {
        flex-direction: unset;
        flex-wrap: wrap;
        gap: 40px;
    }
    .related-projects .related-projects-list .related-project {
        width: calc(50% - 20px);
    }
    .single-project-section .image-list:has(.wrap-image:nth-last-child(2):first-child) .wrap-image {
        height: 300px;
    }
    section.counter-section .columns {
        gap: 0;
        margin-top: 50px;
    }
    #courses section.counter-section h3, #courses section.counter-section .count {
        font-size: 50px;
    }
    section.courses-about .columns--d-50 {
        grid-template-columns: 50fr 50fr;
    }
    #courses section.courses-about .image-wrapper {
        height: 35vh;
    }
}

@media (max-width: 767px) {
    h1 {
        font-size: 30px;
    }
    h3 {
        font-size: 18px;
    }
    section.heighlight .columns .sub-heading {
        font-size: 16px;
    }
    section.about .exp span.text {
        font-size: 16px;
    }
    section.testimonials .horizontal-scroll .panel {
        padding: 25px;
    }
    section.testimonials .horizontal-scroll .panel .quote-content h4 {
        font-size: 16px;
        padding-bottom: 20px;
        margin-bottom: 20px;
    }
    section.testimonials .horizontal-scroll .panel .quote-content h4 {
        font-size: 16px;
    }
    section.testimonials .horizontal-scroll .panel .quote-content .client-detail .details h5 {
        font-size: 14px;
    }
    section.testimonials .horizontal-scroll .panel .quote .image-wrap {
        width: 70px;
        height: 70px;
    }
    section.testimonials .horizontal-scroll .panel .quote .image-wrap img {
        width: 30px;
    }
    section.testimonials .horizontal-scroll {
        padding-bottom: 50px;
    }
    .our-blog .blog-grid .blog-item h2 a {
        font-size: 20px;
    }
    section.home-banner .columns .banner-left p {
        max-width: 100%;
    }
    section.home-banner .columns .banner-left .btn-group {
        flex-direction: column;
        gap: 12px;
    }
    section.heighlight .columns .column {
        width: 100%;
    }
    section.about .columns .about-collage {
        flex-direction: column;
    }
    section.about .columns .about-collage .collage-image.first {
        margin-left: 0;
        margin-bottom: 0;
        width: 50vw;
        padding-top: 0;
    }
    .section.about .heading-part {
        padding-bottom: 50px;
    }
    section.about .columns .about-collage .collage-image img {
        position: relative;
    }
    section.about .columns .about-collage .left-block, section.about .columns .about-collage .right-block {
        width: 100%;
    }
    section.testimonials .horizontal-scroll .panel {
        margin: 0;
    }
    section.our-blog .blog-grid {
        flex-direction: column;
        display: flex;
    }
    section.contact-form form {
        gap: 8px;
        flex-direction: column;
    }
    section.about-page .image-wrap {
        max-width: 100vw;
    }
    .about-page .para {
        flex-direction: column;
        gap: 12px;
    }
    section.our-working-process .working-process .process-slide {
        padding: 30px;
    }
    section.our-working-process .working-process .process-slide .image-content {
        display: block;
    }
    section.our-working-process .working-process .process-slide .image-content .img-wrap {
        border-radius: 24px;
        margin-bottom: 24px;
    }
    section.our-working-process .working-process .process-slide .heading-number .heading {
        text-align: left;
    }
    section.online-presence .image-wrap {
        max-width: 100vw;
    }
    .online-presence ul.presence {
        flex-direction: column;
    }
    section.about-our-team .team-grid {
        gap: 36px;
        flex-direction: column;
    }
    .tabbing ul.tabs,
    .tabbing .tab-content .gallery-items {
        flex-direction: column;
    }
    .tabbing .tab-content .gallery-items .gallery-item {
        width: 100%;
        padding-top: 100%;
        position: relative;
    }
    footer.site-footer .footer-bottom > .columns > .column-2 > .columns {
        flex-direction: column;
    }
    section.about-our-team .team-grid .team-member .img-wrap {
        padding-top: 100%;
    }
    section.about-our-team .team-grid .team-member .img-wrap img,
    .tabbing .tab-content .gallery-items .gallery-item img {
        position: absolute;
        top: 0;
        left: 0;
    }
    footer.site-footer .footer-bottom > .columns > .column-2 > .columns {
        gap: 24px;
    }
    section.single-post .featured-image .post-header .heading {
        font-size: 24px;
    }
    section.single-post .featured-image .post-header {
        padding: 0 15px 15px;
    }
    #breadcrumb span, #breadcrumb a {
        font-size: 14px;
    }
    .post-navigation {
        flex-direction: column;
    }
    .single-project-section .first-section ul.tags li a {
        padding: 8px 15px;
        font-size: 14px;
    }
    .single-project-section .image-wrapper, 
    .single-project-section .wrap-image, 
    .single-project-section .image-list .wrap-image {
        height: 300px;
        border-radius: 12px;
    }
    .single-project-section .image-list:has(.wrap-image:nth-last-child(2):first-child) .wrap-image,
    .single-project-section .image-list:has(.wrap-image:nth-last-child(3):first-child) .wrap-image,
    .single-project-section .image-list:has(.wrap-image:nth-last-child(4):first-child) .wrap-image {
        flex: 1 1 100%;
    }
    .related-projects .related-projects-list {
        flex-direction: column;
    }
    .related-projects .related-projects-list .related-project {
        width: 100%;
    }
    .services-slider {
        width: 100%;
    }
    .services .services-slider .slick-slide {
        height: auto;
        min-height: auto;
        display: block;
    }
    .services .services-slider .slick-dots {
        margin-top: 20px;
        gap: 8px;
    }
    .services .services-slider .slick-dots li button {
        box-shadow: none;
        background: #030f252f;
        width: 8px;
        height: 8px;
    }
    .services .services-slider .slick-dots li.slick-active button {
        background: #030f25;
    }
    .services .services-slider .slick-dots li button::before {
        display: none;
    }
    .projects-page .projects-wrapper .project .projects-wrap .left {
        padding: 30px 20px;
    }
    [data-aos] {
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
    }
    .team-grid .team-member .team-name {
        font-size: 24px;
    }
    .team-grid .team-member .team-position {
        font-size: 16px;
    }
    section.category-archive .post-list article.post-card {
        width: 100%;
    }
}

@media (max-width: 640px) {
    section.portfolio .columns .column.column-2 {
        padding: 30px;
    }
    h2 {
        font-size: 26px;
    }
    .our-blog .blog-posts .blog-post-item h2 {
        font-size: 26px;
    }
    .our-blog .blog-posts .blog-post-item a.post-thumb {
        border-radius: 16px;
    }
    footer .footer-top-part .footer-bottom ul.social {
        gap: 8px;
    }
    .mobile-bottom .logo {
        max-width: 200px;
    }
    header.site-header .mobile-bottom .site-nav {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    section.contact-section .contact-details .contact-item {
        max-width: 100%;
    }
    .service-item {
        width: 100%;
    }
    section.single-post .featured-image {
        padding-bottom: 0;
        min-height: 550px;
    }
    section.pricing-plan .plans-wrap .plan-box {
        width: 100%;
        padding: 30px 25px;
    }
    section.our-working-process .working-process .process-slide {
        margin: 0 7px;
    }
    .testimonials-page .testimonials-wrapper .testimonial-item .wrapper {
        flex-direction: column;
        border-radius: 14px;
    }
    .testimonials-page .testimonials-wrapper .testimonial-item .wrapper .image-wrapper,
    .testimonials-page .testimonials-wrapper .testimonial-item .wrapper .content-wrapper {
        width: 100%;
    }
    .testimonials-page .testimonials-wrapper .testimonial-item .wrapper .image-wrapper .testimonial-image {
        border-radius: 8px;
    }
    .testimonials-page .testimonials-wrapper .testimonial-item .wrapper {
        padding: 20px;
    }
    .testimonials-page .testimonials-wrapper {
        gap: 24px;
    }
    section.courses-about .columns--d-50 {
        grid-template-columns: 100fr;
    }
    #courses section.courses-about .image-wrapper {
        height: 50vh;
        width: 100%;
    }
    #courses section.courses-about ul {
        margin-top: 0;
    }
    body.archive.category main#primary article.post {
        width: 100%;
    }
    #courses .banner-section .image-wrap .video {
        aspect-ratio: auto;
        width: 100%;
        height: 250px;
    }
    #courses .banner-section .image-wrap .video iframe {
        height: 250px;
    }
    #courses .banner-section .image-wrap::before {
        border: 35px solid #091223;
        border-top-width: 40px;
    }
    #courses .banner-section .image-wrap .icon-list {
        top: 10px;
    }
    #courses .line {
        border-left: 1px solid rgb(29 36 50 / 50%);
        border-right: 1px solid rgb(29 36 50 / 50%);
    }
    #courses .line::before,
    #courses .line::after {
        background: rgb(29 36 50 / 50%);
    }
    #courses section.course-list .line {
        border-left: 1px solid rgb(220 220 220 / 25%);
        border-right: 1px solid rgb(220 220 220 / 25%);
    }
    #courses section.course-list .line::before, 
    #courses section.course-list .line::after {
        background: rgb(220 220 220 / 25%);
    }
    #courses section.courses-contact h2 {
        font-size: 26px;
    }
    .post-categories {
        flex-wrap: wrap;
    }
    .post-categories > strong {
        flex: 100%;
    }
}

@media (max-width: 575px) {
    .mobile-top .row {
        gap: 0;
    }
    section.search-result article {
        padding-bottom: 12px;
        margin-bottom: 12px;
    }
    section.search-result article header {
        margin-bottom: 0;
    }
    section.search-result article header h2 {
        margin-bottom: 10px;
    }
    section.search-result article header h2 a {
        font-size: 20px;
    }
    section.service-option .right-image, section.about-page .image-wrap {
        padding: 20px 0 50px;
        max-width: 100%;
    }
    p {
        font-size: 18px;
    }
    .service-option .right-image img,
    section.about-page .image-wrap img {
        border-radius: 12px;
    }
    section.service-option .right-image, section.about-page .image-wrap {
        padding-top: 15px;
    }
    .service-option .service-listing-wrapper .service-list-item .service-icon {
        width: 60px;
        height: 60px;
    }
    .service-option .service-listing-wrapper .service-list-item .service-icon img {
        width: 32px;
        height: 32px;
    }
    .service-option .service-listing-wrapper .service-list-item .service-content {
        padding-top: 15px;
    }
    .service-option .service-listing-wrapper .service-list-item .service-content .heading {
        font-size: 24px;
    }
    .timeline-line-wrapper {
        top: 50px;
        left: 30px;
    }
    .service-option .service-listing-wrapper .service-list-item .service-content p {
        font-size: 16px;
    }
    section.counter-section .columns {
        gap: 30px;
        margin-top: 50px;
        grid-template-columns: 50fr 50fr;
    }
    section.course-list {
        padding: 0;
    }
}

@media (max-width: 480px) {
    footer .footer-privacy ul.priv-menu li a {
        font-size: 14px;
    }
    header.site-header .mobile-bottom .site-nav {
        top: 148px;
    }
    #courses section h2 {
        font-size: 26px;
    }
    .faq-toggle {
        font-size: 22px;
    }
    section.courses-faqs.faqs .faq-question button.faq-toggle {
        font-size: 22px;
    }
    #courses .banner-section {
        padding-top: 100px;
    }
}

@media (max-width: 375px) {
    section.counter-section .columns {
        grid-template-columns: 100fr;
    }
    section.counter-section {
        padding-bottom: 0;
    }
}